diff --git a/CHANGELOG.md b/CHANGELOG.md index 67e77d15..761308d0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,17 +2,15 @@ ## [0.16.1](https://github.com/frontapp/front-ui-kit/compare/v0.16.0...v0.16.1) (2025-10-21) - ### Bug Fixes -* expandable section upgrades ([#286](https://github.com/frontapp/front-ui-kit/issues/286)) ([b63c334](https://github.com/frontapp/front-ui-kit/commit/b63c3343c240e3eb44403007f17d2c746f441750)) +- expandable section upgrades ([#286](https://github.com/frontapp/front-ui-kit/issues/286)) ([b63c334](https://github.com/frontapp/front-ui-kit/commit/b63c3343c240e3eb44403007f17d2c746f441750)) ## [0.16.0](https://github.com/frontapp/front-ui-kit/compare/v0.15.0...v0.16.0) (2025-10-20) - ### Features -* gear rounded icon ([#288](https://github.com/frontapp/front-ui-kit/issues/288)) ([459cfb4](https://github.com/frontapp/front-ui-kit/commit/459cfb4805ee7f3a09c86ae43877d646ee08870e)) +- gear rounded icon ([#288](https://github.com/frontapp/front-ui-kit/issues/288)) ([459cfb4](https://github.com/frontapp/front-ui-kit/commit/459cfb4805ee7f3a09c86ae43877d646ee08870e)) ## [0.15.0](https://github.com/frontapp/front-ui-kit/compare/v0.14.0...v0.15.0) (2025-10-17) diff --git a/src/assets/icons/new.svg b/src/assets/icons/new.svg deleted file mode 100644 index 000891b5..00000000 --- a/src/assets/icons/new.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/icons/plus.svg b/src/assets/icons/plus.svg new file mode 100644 index 00000000..0a634875 --- /dev/null +++ b/src/assets/icons/plus.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/assets/icons/plusLarge.svg b/src/assets/icons/plusLarge.svg new file mode 100644 index 00000000..ebb30536 --- /dev/null +++ b/src/assets/icons/plusLarge.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/elements/icon/icon.tsx b/src/elements/icon/icon.tsx index 83bd2e2c..9aee1093 100644 --- a/src/elements/icon/icon.tsx +++ b/src/elements/icon/icon.tsx @@ -1,4 +1,4 @@ -import React, { FC } from 'react'; +import React, {FC} from 'react'; import styled from 'styled-components'; import Archive from '../../assets/icons/archive.svg'; @@ -44,11 +44,12 @@ import InfoFilled from '../../assets/icons/infoFilled.svg'; import Minus from '../../assets/icons/minus.svg'; import EllipsisHorizontal from '../../assets/icons/moreHorizontal.svg'; import EllipsisVertical from '../../assets/icons/moreVertical.svg'; -import Plus from '../../assets/icons/new.svg'; import NewContact from '../../assets/icons/newContact.svg'; import Participant from '../../assets/icons/participant.svg'; import ParticipantFilled from '../../assets/icons/participantFilled.svg'; +import Plus from '../../assets/icons/plus.svg'; import PlusCircle from '../../assets/icons/plusCircle.svg'; +import PlusLarge from '../../assets/icons/plusLarge.svg'; import Preferences from '../../assets/icons/preferences.svg'; import Search from '../../assets/icons/search.svg'; import Star from '../../assets/icons/star.svg'; @@ -57,8 +58,8 @@ import Trash from '../../assets/icons/trash.svg'; import TrashFilled from '../../assets/icons/trashFilled.svg'; import UserSquare from '../../assets/icons/userSquare.svg'; import WarningFilled from '../../assets/icons/warningFilled.svg'; -import { greys } from '../../helpers/colorHelpers'; -import { getIconViewBox } from './iconViewBoxes'; +import {greys} from '../../helpers/colorHelpers'; +import {getIconViewBox} from './iconViewBoxes'; /* * Constants. @@ -116,6 +117,7 @@ const importedIcons = { ParticipantFilled, Plus, PlusCircle, + PlusLarge, Preferences, Search, Star, @@ -170,7 +172,7 @@ const StyledIconDiv = styled.div` */ export const Icon: FC = (props) => { - const { name, size = defaultSize, color = defaultColor, shouldDisableColor, viewBox } = props; + const {name, size = defaultSize, color = defaultColor, shouldDisableColor, viewBox} = props; // Pull the icon from the list of available icons. // The svg file is converted to a function that is called. diff --git a/src/elements/icon/iconViewBoxes.ts b/src/elements/icon/iconViewBoxes.ts index fca73a30..fc6d9428 100644 --- a/src/elements/icon/iconViewBoxes.ts +++ b/src/elements/icon/iconViewBoxes.ts @@ -3,14 +3,15 @@ // This ensures we can preserve the original viewBox from SVG files // when no viewBox prop is explicitly provided -import type { IconName } from './icon'; +import type {IconName} from './icon'; const ICON_VIEW_BOX_EXCEPTIONS: Partial> = { Export: '0 0 16 17', Info20: '0 0 20 20', CaretExpand: '0 0 20 20', EditSquare: '0 0 20 20', - GearRounded: '0 0 18 20' + GearRounded: '0 0 18 20', + PlusLarge: '0 0 14 14' }; const DEFAULT_VIEW_BOX = '0 0 16 16';