diff --git a/packages/components/src/components/Heading/Heading.module.scss b/packages/components/src/components/Heading/Heading.module.scss index 8aeaebd5f..322715738 100644 --- a/packages/components/src/components/Heading/Heading.module.scss +++ b/packages/components/src/components/Heading/Heading.module.scss @@ -1,9 +1,9 @@ .heading { - font-family: "ProximaNova", sans-serif; color: var(--heading--color); display: flex; column-gap: var(--heading--icon-to-text-spacing); font-size: var(--font-size); + font-weight: var(--heading--font-weight); &.dark { color: var(--heading--color-dark); diff --git a/packages/components/src/components/Icon/components/icons/IconCalendar.tsx b/packages/components/src/components/Icon/components/icons/IconCalendar.tsx new file mode 100644 index 000000000..591bc6f8a --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconCalendar.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconCalendar as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconCalendar: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconCalendar; diff --git a/packages/components/src/components/Icon/components/icons/IconCamera.tsx b/packages/components/src/components/Icon/components/icons/IconCamera.tsx new file mode 100644 index 000000000..477d255f7 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconCamera.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconCamera as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconCamera: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconCamera; diff --git a/packages/components/src/components/Icon/components/icons/IconChangelog.tsx b/packages/components/src/components/Icon/components/icons/IconChangelog.tsx new file mode 100644 index 000000000..f0183d494 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconChangelog.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconClipboardList as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconChangelog: FC< + Omit, "children"> +> = (props) => ( + + + +); + +export default IconChangelog; diff --git a/packages/components/src/components/Icon/components/icons/IconClock.tsx b/packages/components/src/components/Icon/components/icons/IconClock.tsx new file mode 100644 index 000000000..b84c3fbd9 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconClock.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconClock as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconClock: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconClock; diff --git a/packages/components/src/components/Icon/components/icons/IconContractPosition.tsx b/packages/components/src/components/Icon/components/icons/IconContractPosition.tsx new file mode 100644 index 000000000..b0d2612c8 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconContractPosition.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconFileInfo as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconContractPosition: FC< + Omit, "children"> +> = (props) => ( + + + +); + +export default IconContractPosition; diff --git a/packages/components/src/components/Icon/components/icons/IconCredit.tsx b/packages/components/src/components/Icon/components/icons/IconCredit.tsx new file mode 100644 index 000000000..dcf46633c --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconCredit.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconCreditCard as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconCredit: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconCredit; diff --git a/packages/components/src/components/Icon/components/icons/IconEdit.tsx b/packages/components/src/components/Icon/components/icons/IconEdit.tsx new file mode 100644 index 000000000..880c753b6 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconEdit.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconEdit as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconEdit: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconEdit; diff --git a/packages/components/src/components/Icon/components/icons/IconExtension.tsx b/packages/components/src/components/Icon/components/icons/IconExtension.tsx new file mode 100644 index 000000000..73f95b970 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconExtension.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconPuzzle as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconExtension: FC< + Omit, "children"> +> = (props) => ( + + + +); + +export default IconExtension; diff --git a/packages/components/src/components/Icon/components/icons/IconInvoice.tsx b/packages/components/src/components/Icon/components/icons/IconInvoice.tsx new file mode 100644 index 000000000..c35740c4c --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconInvoice.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconFileEuro as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconInvoice: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconInvoice; diff --git a/packages/components/src/components/Icon/components/icons/IconLock.tsx b/packages/components/src/components/Icon/components/icons/IconLock.tsx new file mode 100644 index 000000000..20479e858 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconLock.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconLock as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconLock: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconLock; diff --git a/packages/components/src/components/Icon/components/icons/IconLockOpen.tsx b/packages/components/src/components/Icon/components/icons/IconLockOpen.tsx new file mode 100644 index 000000000..aad53400b --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconLockOpen.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconLockOpen as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconLockOpen: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconLockOpen; diff --git a/packages/components/src/components/Icon/components/icons/IconMaximize.tsx b/packages/components/src/components/Icon/components/icons/IconMaximize.tsx new file mode 100644 index 000000000..9ba4e975f --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconMaximize.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconMaximize as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconMaximize: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconMaximize; diff --git a/packages/components/src/components/Icon/components/icons/IconMinimize.tsx b/packages/components/src/components/Icon/components/icons/IconMinimize.tsx new file mode 100644 index 000000000..5bb3762ae --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconMinimize.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconMinimize as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconMinimize: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconMinimize; diff --git a/packages/components/src/components/Icon/components/icons/IconNumber.tsx b/packages/components/src/components/Icon/components/icons/IconNumber.tsx new file mode 100644 index 000000000..dc9855745 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconNumber.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconHash as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconNumber: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconNumber; diff --git a/packages/components/src/components/Icon/components/icons/IconOrder.tsx b/packages/components/src/components/Icon/components/icons/IconOrder.tsx new file mode 100644 index 000000000..74e58f62b --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconOrder.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconShoppingCart as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconOrder: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconOrder; diff --git a/packages/components/src/components/Icon/components/icons/IconPerformance.tsx b/packages/components/src/components/Icon/components/icons/IconPerformance.tsx new file mode 100644 index 000000000..9a78dab00 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconPerformance.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconChartHistogram as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconPerformance: FC< + Omit, "children"> +> = (props) => ( + + + +); + +export default IconPerformance; diff --git a/packages/components/src/components/Icon/components/icons/IconStar.tsx b/packages/components/src/components/Icon/components/icons/IconStar.tsx new file mode 100644 index 000000000..041743a52 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconStar.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconStar as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconStar: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconStar; diff --git a/packages/components/src/components/Icon/components/icons/IconStarFilled.tsx b/packages/components/src/components/Icon/components/icons/IconStarFilled.tsx new file mode 100644 index 000000000..5e140c142 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconStarFilled.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconStarFilled as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconStarFilled: FC< + Omit, "children"> +> = (props) => ( + + + +); + +export default IconStarFilled; diff --git a/packages/components/src/components/Icon/components/icons/IconTicket.tsx b/packages/components/src/components/Icon/components/icons/IconTicket.tsx new file mode 100644 index 000000000..930978393 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconTicket.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconTicket as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconTicket: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconTicket; diff --git a/packages/components/src/components/Icon/components/icons/IconUser.tsx b/packages/components/src/components/Icon/components/icons/IconUser.tsx new file mode 100644 index 000000000..25d015d06 --- /dev/null +++ b/packages/components/src/components/Icon/components/icons/IconUser.tsx @@ -0,0 +1,15 @@ +/* eslint-disable */ +/* auto-generated file */ +import React, { ComponentProps, FC } from "react"; +import { IconUser as Tabler } from "@tabler/icons-react"; +import { Icon } from "@/components/Icon"; + +export const IconUser: FC, "children">> = ( + props, +) => ( + + + +); + +export default IconUser; diff --git a/packages/components/src/components/Icon/components/icons/index.ts b/packages/components/src/components/Icon/components/icons/index.ts index 7ce5c77f1..e8b2a7409 100644 --- a/packages/components/src/components/Icon/components/icons/index.ts +++ b/packages/components/src/components/Icon/components/icons/index.ts @@ -3,6 +3,8 @@ export { IconApp } from "./IconApp"; export { IconBackLink } from "./IconBackLink"; export { IconBackup } from "./IconBackup"; +export { IconCamera } from "./IconCamera"; +export { IconChangelog } from "./IconChangelog"; export { IconCheck } from "./IconCheck"; export { IconCheckboxChecked } from "./IconCheckboxChecked"; export { IconCheckboxEmpty } from "./IconCheckboxEmpty"; @@ -14,16 +16,20 @@ export { IconChevronUp } from "./IconChevronUp"; export { IconClose } from "./IconClose"; export { IconCode } from "./IconCode"; export { IconContextMenu } from "./IconContextMenu"; +export { IconContractPosition } from "./IconContractPosition"; export { IconCopy } from "./IconCopy"; +export { IconCredit } from "./IconCredit"; export { IconCronjob } from "./IconCronjob"; export { IconCustomer } from "./IconCustomer"; export { IconDanger } from "./IconDanger"; export { IconDashboard } from "./IconDashboard"; export { IconDatabase } from "./IconDatabase"; -export { IconDate } from "./IconDate"; +export { IconCalendar } from "./IconCalendar"; export { IconDelete } from "./IconDelete"; export { IconDomain } from "./IconDomain"; +export { IconEdit } from "./IconEdit"; export { IconEmail } from "./IconEmail"; +export { IconExtension } from "./IconExtension"; export { IconExternalLink } from "./IconExternalLink"; export { IconFailed } from "./IconFailed"; export { IconFilter } from "./IconFilter"; @@ -31,13 +37,21 @@ export { IconHide } from "./IconHide"; export { IconHome } from "./IconHome"; export { IconInfo } from "./IconInfo"; export { IconInbox } from "./IconInbox"; +export { IconInvoice } from "./IconInvoice"; export { IconListView } from "./IconListView"; +export { IconLock } from "./IconLock"; +export { IconLockOpen } from "./IconLockOpen"; export { IconLogout } from "./IconLogout"; +export { IconMaximize } from "./IconMaximize"; export { IconMember } from "./IconMember"; export { IconMenu } from "./IconMenu"; +export { IconMinimize } from "./IconMinimize"; export { IconMinus } from "./IconMinus"; export { IconNotification } from "./IconNotification"; +export { IconNumber } from "./IconNumber"; +export { IconOrder } from "./IconOrder"; export { IconPending } from "./IconPending"; +export { IconPerformance } from "./IconPerformance"; export { IconPlus } from "./IconPlus"; export { IconProject } from "./IconProject"; export { IconRandom } from "./IconRandom"; @@ -54,12 +68,16 @@ export { IconSorting } from "./IconSorting"; export { IconSpamProtectionOff } from "./IconSpamProtectionOff"; export { IconSpamProtectionOn } from "./IconSpamProtectionOn"; export { IconSshSftp } from "./IconSshSftp"; +export { IconStar } from "./IconStar"; +export { IconStarFilled } from "./IconStarFilled"; export { IconSubdomain } from "./IconSubdomain"; export { IconSucceeded } from "./IconSucceeded"; export { IconSuccess } from "./IconSuccess"; export { IconSupport } from "./IconSupport"; export { IconTerminate } from "./IconTerminate"; +export { IconTicket } from "./IconTicket"; export { IconTileView } from "./IconTileView"; -export { IconTime } from "./IconTime"; +export { IconClock } from "./IconClock"; +export { IconUser } from "./IconUser"; export { IconWarning } from "./IconWarning"; export { IconMittwald } from "./IconMittwald"; diff --git a/packages/components/src/components/Icon/icons.yaml b/packages/components/src/components/Icon/icons.yaml index 6b26a7545..66f34aa36 100644 --- a/packages/components/src/components/Icon/icons.yaml +++ b/packages/components/src/components/Icon/icons.yaml @@ -1,6 +1,8 @@ App: AppWindow BackLink: ArrowLeft Backup: Clock +Camera: Camera +Changelog: ClipboardList Check: Check CheckboxChecked: SquareCheckFilled CheckboxEmpty: Square @@ -12,16 +14,20 @@ ChevronUp: ChevronUp Close: X Code: Code ContextMenu: Dots +ContractPosition: FileInfo Copy: Copy +Credit: CreditCard Cronjob: CalendarCheck Customer: Building Danger: AlertTriangle Dashboard: LayoutBoard Database: Database -Date: Calendar +Calendar: Calendar Delete: Trash Domain: World +Edit: Edit Email: Mail +Extension: Puzzle ExternalLink: ExternalLink Failed: X Filter: Filter @@ -29,13 +35,21 @@ Hide: EyeCancel Home: Home Info: InfoCircle Inbox: Inbox +Invoice: FileEuro ListView: List +Lock: Lock +LockOpen: LockOpen Logout: Power +Maximize: Maximize Member: UsersGroup Menu: Menu2 +Minimize: Minimize Minus: Minus Notification: Bell +Number: Hash +Order: ShoppingCart Pending: Loader2 +Performance: ChartHistogram Plus: Plus Project: Archive Random: Dice3 @@ -52,13 +66,17 @@ Sorting: AdjustmentsHorizontal SpamProtectionOff: Shield SpamProtectionOn: ShieldCheckFilled SshSftp: Door +Star: Star +StarFilled: StarFilled Subdomain: Subtask Succeeded: Check Success: CircleCheck Support: Headset Terminate: FileX +Ticket: Ticket TileView: LayoutGrid -Time: Clock +Clock: Clock +User: User Warning: AlertCircle Mittwald: svg: | diff --git a/packages/components/src/fonts/ProximaNova-Bold.woff2 b/packages/components/src/fonts/ProximaNova-Bold.woff2 deleted file mode 100644 index 061874516..000000000 Binary files a/packages/components/src/fonts/ProximaNova-Bold.woff2 and /dev/null differ diff --git a/packages/components/src/styles/globals.scss b/packages/components/src/styles/globals.scss index 8bfac3aa1..66395f67d 100644 --- a/packages/components/src/styles/globals.scss +++ b/packages/components/src/styles/globals.scss @@ -11,12 +11,6 @@ font-weight: bold; } -@font-face { - font-family: "ProximaNova"; - src: url(../fonts/ProximaNova-Bold.woff2); - font-weight: bold; -} - @font-face { font-family: "RobotoMono"; src: url(../fonts/RobotoMono-Regular.ttf); @@ -30,8 +24,8 @@ // CSS Specificity: 0-0-2 html - body - *:where( +body +*:where( [class*="flow--"]:not([class*="flow--"] [class*="flow--"]):not(svg):not( table ) diff --git a/packages/docs/src/content/03-components/content/icon/examples/brand.tsx b/packages/docs/src/content/03-components/content/icon/examples/brand.tsx new file mode 100644 index 000000000..940c336c4 --- /dev/null +++ b/packages/docs/src/content/03-components/content/icon/examples/brand.tsx @@ -0,0 +1,11 @@ +import { IconMittwald } from "@mittwald/flow-react-components/Icons"; +import Label from "@mittwald/flow-react-components/Label"; +import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; +import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + +; diff --git a/packages/docs/src/content/03-components/content/icon/examples/descriptive.tsx b/packages/docs/src/content/03-components/content/icon/examples/decorative.tsx similarity index 60% rename from packages/docs/src/content/03-components/content/icon/examples/descriptive.tsx rename to packages/docs/src/content/03-components/content/icon/examples/decorative.tsx index ae3dbe450..8827f0d6e 100644 --- a/packages/docs/src/content/03-components/content/icon/examples/descriptive.tsx +++ b/packages/docs/src/content/03-components/content/icon/examples/decorative.tsx @@ -1,23 +1,35 @@ import { IconApp, IconBackup, + IconCalendar, + IconCamera, + IconChangelog, + IconClock, + IconContractPosition, + IconCredit, IconCronjob, IconCustomer, IconDatabase, IconDomain, IconEmail, + IconExtension, IconInbox, + IconInvoice, IconMember, - IconMittwald, + IconNumber, + IconOrder, + IconPerformance, IconProject, IconSearchEngine, IconServer, - IconSettings, IconSpamProtectionOff, IconSpamProtectionOn, IconSshSftp, + IconStar, + IconStarFilled, IconSubdomain, IconSupport, + IconTicket, } from "@mittwald/flow-react-components/Icons"; import Label from "@mittwald/flow-react-components/Label"; import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; @@ -25,8 +37,12 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; - - + + + + + + @@ -64,6 +80,42 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -77,8 +129,8 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; - - + + @@ -100,4 +152,16 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + ; diff --git a/packages/docs/src/content/03-components/content/icon/examples/functional.tsx b/packages/docs/src/content/03-components/content/icon/examples/functional.tsx index f65007817..e8874c319 100644 --- a/packages/docs/src/content/03-components/content/icon/examples/functional.tsx +++ b/packages/docs/src/content/03-components/content/icon/examples/functional.tsx @@ -13,14 +13,17 @@ import { IconContextMenu, IconCopy, IconDashboard, - IconDate, IconDelete, + IconEdit, IconExternalLink, IconFilter, IconHide, IconHome, IconListView, IconLogout, + IconMaximize, + IconMenu, + IconMinimize, IconMinus, IconNotification, IconPlus, @@ -29,12 +32,12 @@ import { IconRandom, IconSave, IconSearch, + IconSettings, IconShare, IconShow, IconSorting, IconTerminate, IconTileView, - IconTime, } from "@mittwald/flow-react-components/Icons"; import Label from "@mittwald/flow-react-components/Label"; import LabeledValue from "@mittwald/flow-react-components/LabeledValue"; @@ -77,6 +80,34 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -93,6 +124,10 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; + + + + @@ -117,25 +152,13 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; - - - - - - - - - - - - - - + + @@ -173,16 +196,8 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout"; - - - - - - - - ; diff --git a/packages/docs/src/content/03-components/content/icon/examples/states.tsx b/packages/docs/src/content/03-components/content/icon/examples/states.tsx index 72c4a8a7b..fdbf58f56 100644 --- a/packages/docs/src/content/03-components/content/icon/examples/states.tsx +++ b/packages/docs/src/content/03-components/content/icon/examples/states.tsx @@ -17,8 +17,12 @@ import { - - + + + + + + @@ -29,15 +33,11 @@ import { - - - - - - + + - - + + ; diff --git a/packages/docs/src/content/03-components/content/icon/overview.mdx b/packages/docs/src/content/03-components/content/icon/overview.mdx index a77a9df3b..7dc2d941e 100644 --- a/packages/docs/src/content/03-components/content/icon/overview.mdx +++ b/packages/docs/src/content/03-components/content/icon/overview.mdx @@ -36,9 +36,9 @@ Wenn das SVG Farben unterstützt, kann es per CSS eingefärbt werden. ## Verfügbare Icons -### Descriptive +### Decorative - + ### Functional @@ -47,3 +47,7 @@ Wenn das SVG Farben unterstützt, kann es per CSS eingefärbt werden. ### Status + +### Brand + +