npm - @mittwald/flow-react-components - Versions diffs - 0.2.0-alpha.995 → 0.2.0-alpha.996 - Mend

@mittwald/flow-react-components 0.2.0-alpha.995 → 0.2.0-alpha.996

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/js/packages/components/src/components/AlertIcon/AlertIcon.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ const AlertIcon = (props) => {
   const stringFormatter = useLocalizedStringFormatter(locales, "AlertIcon");
   const Icon = icons[status];
   const iconProps = {
-    status,
+    color: status,
     "aria-label": stringFormatter.format(`status.${status}`),
     ...rest
   };

package/dist/js/packages/components/src/components/AlertIcon/AlertIcon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n IconDanger,\n IconInfo,\n IconSuccess,\n IconUnavailable,\n IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport type AlertIconProps = IconProps;\n\nconst icons: Record<Status, ComponentType> = {\n danger: IconDanger,\n info: IconInfo,\n success: IconSuccess,\n warning: IconWarning,\n unavailable: IconUnavailable,\n};\n\n/* @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n const { status = \"info\", ...rest } = props;\n\n const stringFormatter = useLocalizedStringFormatter(locales, \"AlertIcon\");\n\n const Icon = icons[status];\n\n const iconProps: IconProps = {\n status,\n \"aria-label\": stringFormatter.format(`status.${status}`),\n ...rest,\n };\n\n return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,KAAA,GAAuC;AAAA,EAC3C,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAGO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAErC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,WAAW,CAAA;AAExE,EAAA,MAAM,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAA,GAAuB;AAAA,IAC3B,MAAA;AAAA,~~IACA~~,YAAA,EAAc,eAAA,CAAgB,MAAA,CAAO,CAAA,OAAA,EAAU,MAAM,CAAA,CAAE,CAAA;AAAA,IACvD,GAAG;AAAA,GACL;AAEA,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,CAAA;AAC9B;;;;"}
1	+ {"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n IconDanger,\n IconInfo,\n IconSuccess,\n IconUnavailable,\n IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { PropsWithStatus, Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport type AlertIconProps = Omit<IconProps, \"status\"> & PropsWithStatus;\n\nconst icons: Record<Status, ComponentType> = {\n danger: IconDanger,\n info: IconInfo,\n success: IconSuccess,\n warning: IconWarning,\n unavailable: IconUnavailable,\n};\n\n/* @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n const { status = \"info\", ...rest } = props;\n\n const stringFormatter = useLocalizedStringFormatter(locales, \"AlertIcon\");\n\n const Icon = icons[status];\n\n const iconProps: IconProps = {\n color: status,\n \"aria-label\": stringFormatter.format(`status.${status}`),\n ...rest,\n };\n\n return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,KAAA,GAAuC;AAAA,EAC3C,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAGO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAErC,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,WAAW,CAAA;AAExE,EAAA,MAAM,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAA,GAAuB;AAAA,IAC3B,KAAA,EAAO,MAAA;AAAA,IACP,YAAA,EAAc,eAAA,CAAgB,MAAA,CAAO,CAAA,OAAA,EAAU,MAAM,CAAA,CAAE,CAAA;AAAA,IACvD,GAAG;AAAA,GACL;AAEA,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,CAAA;AAC9B;;;;"}

package/dist/js/packages/components/src/components/Align/Align.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ const Align = flowComponent(
       Button: { className: styles.button },
       Avatar: { className: styles.avatar, size: "m" },
       CopyButton: { size: "s", className: styles.copyButton },
-      Icon: { size: "s", className: styles.icon },
+      Icon: { size: "s", className: styles.icon, color: "neutral" },
       ContextualHelpTrigger: {
         Button: {
           className: styles.contextualHelpTriggerButton

package/dist/js/packages/components/src/components/Align/Align.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Align.mjs","sources":["../../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n extends PropsWithChildren, PropsWithClassName, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Align = flowComponent(\n \"Align\",\n (props) => {\n const { children, className } = props;\n\n const rootClassName = clsx(styles.align, className);\n\n const propsContext: PropsContext = {\n Text: { className: styles.text },\n Button: { className: styles.button },\n Avatar: { className: styles.avatar, size: \"m\" },\n CopyButton: { size: \"s\", className: styles.copyButton },\n Icon: { size: \"s\", className: styles.icon },\n ContextualHelpTrigger: {\n Button: {\n className: styles.contextualHelpTriggerButton,\n },\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>{children}</div>\n </PropsContextProvider>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,KAAA,GAAQ,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,IAAA,EAAM,EAAE,SAAA,EAAW,MAAA,CAAO,IAAA,EAAK;AAAA,MAC/B,MAAA,EAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAO;AAAA,MACnC,QAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAQ,MAAM,GAAA,EAAI;AAAA,MAC9C,YAAY,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,OAAO,UAAA,EAAW;AAAA,MACtD,~~MAAM~~,EAAE,IAAA,EAAM,GAAA,EAAK,~~SAAA~~,~~EAAW~~,~~OAAO~~,IAAA,~~EAAK~~;AAAA,~~MAC1C~~,qBAAA,EAAuB;AAAA,QACrB,MAAA,EAAQ;AAAA,UACN,WAAW,MAAA,CAAO;AAAA;AACpB;AACF,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,wBAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAS,CAAA,EAC3C,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;;;;"}
1	+ {"version":3,"file":"Align.mjs","sources":["../../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n extends PropsWithChildren, PropsWithClassName, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Align = flowComponent(\n \"Align\",\n (props) => {\n const { children, className } = props;\n\n const rootClassName = clsx(styles.align, className);\n\n const propsContext: PropsContext = {\n Text: { className: styles.text },\n Button: { className: styles.button },\n Avatar: { className: styles.avatar, size: \"m\" },\n CopyButton: { size: \"s\", className: styles.copyButton },\n Icon: { size: \"s\", className: styles.icon, color: \"neutral\" },\n ContextualHelpTrigger: {\n Button: {\n className: styles.contextualHelpTriggerButton,\n },\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>{children}</div>\n </PropsContextProvider>\n );\n },\n {\n type: \"layout\",\n },\n);\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,KAAA,GAAQ,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,IAAA,EAAM,EAAE,SAAA,EAAW,MAAA,CAAO,IAAA,EAAK;AAAA,MAC/B,MAAA,EAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAO;AAAA,MACnC,QAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAQ,MAAM,GAAA,EAAI;AAAA,MAC9C,YAAY,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,OAAO,UAAA,EAAW;AAAA,MACtD,IAAA,EAAM,EAAE,IAAA,EAAM,GAAA,EAAK,WAAW,MAAA,CAAO,IAAA,EAAM,OAAO,SAAA,EAAU;AAAA,MAC5D,qBAAA,EAAuB;AAAA,QACrB,MAAA,EAAQ;AAAA,UACN,WAAW,MAAA,CAAO;AAAA;AACpB;AACF,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,wBAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAS,CAAA,EAC3C,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;;;;"}

package/dist/js/packages/components/src/components/Button/Button.mjs CHANGED Viewed

@@ -96,15 +96,7 @@ const Button = flowComponent("Button", (props) => {
       className: styles.image
     }
   };
-  const StateIconComponent = isSucceeded ? IconSucceeded : isFailed ? IconFailed : isPending ? LoadingSpinner : void 0;
-  const stateIcon = StateIconComponent && /* @__PURE__ */ jsx(
-    StateIconComponent,
-    {
-      size,
-      className: styles.stateIcon,
-      status: isFailed ? "danger" : isSucceeded ? "success" : void 0
-    }
-  );
+  const stateIcon = isSucceeded ? /* @__PURE__ */ jsx(IconSucceeded, { size, className: styles.stateIcon, color: "success" }) : isFailed ? /* @__PURE__ */ jsx(IconFailed, { size, className: styles.stateIcon, color: "danger" }) : isPending ? /* @__PURE__ */ jsx(LoadingSpinner, { size, className: styles.stateIcon }) : void 0;
   const isStringContent = extractTextFromFirstChild(children) !== void 0;
   return /* @__PURE__ */ jsxs(
     Aria.Button,

package/dist/js/packages/components/src/components/Button/Button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.mjs","sources":["../../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface ButtonProps\n extends\n PropsWithChildren<Aria.ButtonProps>,\n FlowComponentProps<HTMLButtonElement> {\n /** Slot for button placement in action groups. /\n slot?: string;\n /* The color of the button. @default \"primary\" /\n color?: \"primary\" \| \"accent\" \| \"secondary\" \| \"danger\" \| AlphaColor;\n /* The visual variant of the button. @default \"solid\" /\n variant?: \"plain\" \| \"solid\" \| \"soft\" \| \"outline\";\n /* The size of the button. @default \"m\" /\n size?: \"m\" \| \"s\";\n /* Disables button but keeps it focusable. /\n \"aria-disabled\"?: boolean;\n /* Whether the button is in a pending state. /\n isPending?: boolean;\n /* Whether the button is in a succeeded state. /\n isSucceeded?: boolean;\n /* Whether the button is in a failed state. /\n isFailed?: boolean;\n /* Whether the button is in a read only state. /\n isReadOnly?: boolean;\n /* @internal /\n unstyled?: boolean;\n /* @internal /\n ariaSlot?: string \| null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n if (\n props.isPending \|\|\n props.isSucceeded \|\|\n props.isFailed \|\|\n props[\"aria-disabled\"] \|\|\n props.isReadOnly\n ) {\n props = { ...props };\n\n const mutedActionHandler = (e: unknown) => {\n if (e && typeof e === \"object\") {\n // stopPropagation is the default behavior in React Aria\n const isReactAriaEvent =\n \"continuePropagation\" in e &&\n typeof e.continuePropagation === \"function\";\n\n if (\n !isReactAriaEvent &&\n \"stopPropagation\" in e &&\n typeof e.stopPropagation === \"function\"\n ) {\n e.stopPropagation();\n }\n if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n e.preventDefault();\n }\n }\n\n return false;\n };\n\n props.onClick = mutedActionHandler;\n props.onPress = mutedActionHandler;\n props.onPressStart = mutedActionHandler;\n props.onPressEnd = mutedActionHandler;\n props.onPressChange = mutedActionHandler;\n props.onPressUp = mutedActionHandler;\n props.onKeyDown = mutedActionHandler;\n props.onKeyUp = mutedActionHandler;\n }\n\n return props;\n};\n\n/* @flr-generate all /\nexport const Button = flowComponent(\"Button\", (props) => {\n props = disablePendingProps(props);\n\n const {\n color = \"primary\",\n variant = \"solid\",\n children,\n className,\n size = \"m\",\n isPending,\n isSucceeded,\n isFailed,\n \"aria-disabled\": ariaDisabled,\n ref,\n slot: ignoredSlotProp,\n ariaSlot: slot,\n unstyled,\n isReadOnly,\n ...restProps\n } = props;\n\n const rootClassName = unstyled\n ? className\n : clsx(\n styles.button,\n isPending && styles.isPending,\n isSucceeded && styles.isSucceeded,\n isFailed && styles.isFailed,\n size === \"s\" && styles[\"size-s\"],\n styles[color],\n styles[variant],\n /\n Workaround warning: The Aria.Button does not support \"aria-disabled\"\n * by now, so this Button will be visually disabled via CSS.\n */\n ariaDisabled && styles.ariaDisabled,\n className,\n );\n\n useAriaAnnounceActionState(\n isPending\n ? \"isPending\"\n : isSucceeded\n ? \"isSucceeded\"\n : isFailed\n ? \"isFailed\"\n : \"isIdle\",\n );\n\n const propsContext: PropsContext = {\n Icon: {\n className: styles.icon,\n \"aria-hidden\": true,\n size,\n },\n Text: {\n className: styles.text,\n },\n Avatar: {\n className: styles.avatar,\n },\n CounterBadge: {\n className: styles.counterBadge,\n },\n Image: {\n className: styles.image,\n },\n };\n\n const ~~StateIconComponent~~ = isSucceeded\n ? ~~IconSucceeded~~\n : ~~isFailed\n ?~~ ~~IconFailed\n :~~ ~~isPending~~\~~n ?~~ ~~LoadingSpinner\~~n ~~: undefined;\n\n~~ ~~const~~ ~~stateIcon~~ = ~~StateIconComponent~~ && (\n <~~StateIconComponent\n~~ size={size}\n className={styles.stateIcon}~~\n status={isFailed~~ ~~? \~~"danger\" : ~~isSucceeded~~ ? \~~"success\"~~ : ~~undefined~~}\n />\n );\n\n const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n return (\n <Aria.Button\n className={rootClassName}\n ref={ref}\n slot={slot}\n {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n {...restProps}\n >\n <PropsContextProvider props={propsContext}>\n <Wrap if={!unstyled}>\n <span className={styles.content}>\n <Wrap if={isStringContent}>\n <Text className={styles.text}>{children}</Text>\n </Wrap>\n </span>\n </Wrap>\n </PropsContextProvider>\n {stateIcon}\n </Aria.Button>\n );\n});\n\nexport default Button;\n"],"names":[],"mappings":"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~~qBAAqB~~,WAAA,~~GACvB~~,~~aAAA~~,~~GACA~~,~~QAAA~~,~~GACE~~,~~UAAA~~,~~GACA~~,~~YACE~~,~~cAAA~~,~~GACA~~,MAAA~~;AAER~~,~~EAAA~~,~~MAAM~~,~~YAAY~~,~~kBAAA~~,~~oBAChB~~,GAAA~~;AAAA~~,~~IAAC~~,~~kBAAA;AAAA~~,~~IAAA;AAAA~~,~~MACC~~,IAAA~~;AAAA~~,~~MACA~~,~~WAAW~~,MAAA,CAAO,SAAA~~;AAAA~~,~~MAClB~~,~~MAAA~~,~~EAAQ~~,QAAA,~~GAAW~~,~~QAAA~~,~~GAAW~~,~~WAAA~~,~~GAAc~~,SAAA,~~GAAY;AAAA;AAAA~~,~~GAC1D~~;~~AAGF~~,EAAA,MAAM,eAAA,GAAkB,yBAAA,CAA0B,QAAQ,CAAA,KAAM,MAAA;AAEhE,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAI,UAAA,KAAe,IAAA,GAAO,EAAE,eAAA,EAAiB,IAAA,KAAS,EAAC;AAAA,MACvD,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,CAAC,QAAA,EACT,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OAAA,EACtB,8BAAC,IAAA,EAAA,EAAK,EAAA,EAAI,eAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,QAAA,EAAS,CAAA,EAC1C,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"Button.mjs","sources":["../../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface ButtonProps\n extends\n PropsWithChildren<Aria.ButtonProps>,\n FlowComponentProps<HTMLButtonElement> {\n /** Slot for button placement in action groups. /\n slot?: string;\n /* The color of the button. @default \"primary\" /\n color?: \"primary\" \| \"accent\" \| \"secondary\" \| \"danger\" \| AlphaColor;\n /* The visual variant of the button. @default \"solid\" /\n variant?: \"plain\" \| \"solid\" \| \"soft\" \| \"outline\";\n /* The size of the button. @default \"m\" /\n size?: \"m\" \| \"s\";\n /* Disables button but keeps it focusable. /\n \"aria-disabled\"?: boolean;\n /* Whether the button is in a pending state. /\n isPending?: boolean;\n /* Whether the button is in a succeeded state. /\n isSucceeded?: boolean;\n /* Whether the button is in a failed state. /\n isFailed?: boolean;\n /* Whether the button is in a read only state. /\n isReadOnly?: boolean;\n /* @internal /\n unstyled?: boolean;\n /* @internal /\n ariaSlot?: string \| null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n if (\n props.isPending \|\|\n props.isSucceeded \|\|\n props.isFailed \|\|\n props[\"aria-disabled\"] \|\|\n props.isReadOnly\n ) {\n props = { ...props };\n\n const mutedActionHandler = (e: unknown) => {\n if (e && typeof e === \"object\") {\n // stopPropagation is the default behavior in React Aria\n const isReactAriaEvent =\n \"continuePropagation\" in e &&\n typeof e.continuePropagation === \"function\";\n\n if (\n !isReactAriaEvent &&\n \"stopPropagation\" in e &&\n typeof e.stopPropagation === \"function\"\n ) {\n e.stopPropagation();\n }\n if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n e.preventDefault();\n }\n }\n\n return false;\n };\n\n props.onClick = mutedActionHandler;\n props.onPress = mutedActionHandler;\n props.onPressStart = mutedActionHandler;\n props.onPressEnd = mutedActionHandler;\n props.onPressChange = mutedActionHandler;\n props.onPressUp = mutedActionHandler;\n props.onKeyDown = mutedActionHandler;\n props.onKeyUp = mutedActionHandler;\n }\n\n return props;\n};\n\n/* @flr-generate all /\nexport const Button = flowComponent(\"Button\", (props) => {\n props = disablePendingProps(props);\n\n const {\n color = \"primary\",\n variant = \"solid\",\n children,\n className,\n size = \"m\",\n isPending,\n isSucceeded,\n isFailed,\n \"aria-disabled\": ariaDisabled,\n ref,\n slot: ignoredSlotProp,\n ariaSlot: slot,\n unstyled,\n isReadOnly,\n ...restProps\n } = props;\n\n const rootClassName = unstyled\n ? className\n : clsx(\n styles.button,\n isPending && styles.isPending,\n isSucceeded && styles.isSucceeded,\n isFailed && styles.isFailed,\n size === \"s\" && styles[\"size-s\"],\n styles[color],\n styles[variant],\n /\n Workaround warning: The Aria.Button does not support \"aria-disabled\"\n * by now, so this Button will be visually disabled via CSS.\n */\n ariaDisabled && styles.ariaDisabled,\n className,\n );\n\n useAriaAnnounceActionState(\n isPending\n ? \"isPending\"\n : isSucceeded\n ? \"isSucceeded\"\n : isFailed\n ? \"isFailed\"\n : \"isIdle\",\n );\n\n const propsContext: PropsContext = {\n Icon: {\n className: styles.icon,\n \"aria-hidden\": true,\n size,\n },\n Text: {\n className: styles.text,\n },\n Avatar: {\n className: styles.avatar,\n },\n CounterBadge: {\n className: styles.counterBadge,\n },\n Image: {\n className: styles.image,\n },\n };\n\n const stateIcon = isSucceeded ? (\n <IconSucceeded size={size} className={styles.stateIcon} color=\"success\" />\n ) : isFailed ? (\n <IconFailed size={size} className={styles.stateIcon} color=\"danger\" />\n ) : isPending ? (\n <LoadingSpinner size={size} className={styles.stateIcon} />\n ) : undefined;\n\n const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n return (\n <Aria.Button\n className={rootClassName}\n ref={ref}\n slot={slot}\n {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n {...restProps}\n >\n <PropsContextProvider props={propsContext}>\n <Wrap if={!unstyled}>\n <span className={styles.content}>\n <Wrap if={isStringContent}>\n <Text className={styles.text}>{children}</Text>\n </Wrap>\n </span>\n </Wrap>\n </PropsContextProvider>\n {stateIcon}\n </Aria.Button>\n );\n});\n\nexport default Button;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/Icon/Icon.mjs CHANGED Viewed

@@ -5,18 +5,45 @@ import styles from './Icon.module.scss.mjs';
 import clsx from 'clsx';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { cloneElement } from '../../lib/react/cloneElement.mjs';
+import { statusTypes, alphaColors } from '../../lib/types/props.mjs';
+import { useWarnDeprecation } from '../DeprecationWarningProvider/DeprecationWarningProvider.mjs';
+const iconColors = [
+  "neutral",
+  "blue",
+  "violet",
+  "teal",
+  "lilac",
+  ...statusTypes,
+  ...alphaColors
+];
+function isIconColor(something) {
+  const anyIconColors = iconColors;
+  return typeof something === "string" && anyIconColors.includes(something);
+}
 const Icon = flowComponent("Icon", (props) => {
+  const warnDeprecation = useWarnDeprecation();
   const {
     className,
     "aria-label": ariaLabel,
     children,
     size = "m",
     status,
+    color,
     ...svgAttributes
   } = props;
+  if (status !== void 0) {
+    warnDeprecation(
+      "The 'status' prop is deprecated and will be removed in a future release. Use 'color' instead."
+    );
+  }
+  const resolvedColor = color ?? status;
+  const paletteColor = isIconColor(resolvedColor) ? resolvedColor : void 0;
+  const customColor = paletteColor === void 0 ? resolvedColor : void 0;
+  const customColorStyle = customColor ? { color: customColor, ...svgAttributes.style } : void 0;
   const iconProps = {
     ...svgAttributes,
+    ...customColorStyle && { style: customColorStyle },
     focusable: "false",
     role: "img",
     "aria-hidden": !ariaLabel,
@@ -24,7 +51,7 @@ const Icon = flowComponent("Icon", (props) => {
     className: clsx(
       styles.icon,
       styles[`size-${size}`],
-      status && styles[status],
+      paletteColor && styles[paletteColor],
       className
     )
   };

package/dist/js/packages/components/src/components/Icon/Icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.mjs","sources":["../../../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport type { ~~PropsWithStatus~~ } from \"@/lib/types/props\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nexport interface IconProps\n extends\n PropsWithChildren<Omit<SvgAttributeProps, \"name\">>,\n FlowComponentProps~~,\n PropsWithStatus~~ {\n /** The size of the icon. @default \"m\" /\n size?: \"s\" \| \"m\" \| \"l\";\n}\n\n/* @flr-generate all */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n const {\n className,\n \"aria-label\": ariaLabel,\n children,\n size = \"m\",\n status,\n ...svgAttributes\n } = props;\n\n const iconProps: SvgAttributeProps = {\n ...svgAttributes,\n focusable: \"false\",\n role: \"img\",\n \"aria-hidden\": !ariaLabel,\n \"aria-label\": ariaLabel,\n className: clsx(\n styles.icon,\n styles[`size-${size}`],\n ~~status~~ && styles[~~status~~],\n className,\n ),\n };\n\n const iconElement = React.Children.toArray(children)[0];\n\n if (!React.isValidElement(iconElement)) {\n throw new Error(\n `Expected children of Icon component to be a valid React element (got ${String(\n children,\n )})`,\n );\n }\n\n return cloneElement(iconElement, iconProps);\n});\n\nexport default Icon;\n"],"names":[],"mappings":"~~;;;;;;AAqBO~~,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,MAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAA+B;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAA,EAAc,SAAA;AAAA,IACd,SAAA,EAAW,IAAA;AAAA,MACT,MAAA,CAAO,IAAA;AAAA,MACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,MACrB,~~MAAA~~,~~IAAU~~,OAAO,~~MAAM~~,CAAA;AAAA,~~MACvB~~;AAAA;AACF,GACF;AAEA,EAAA,MAAM,cAAc,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAA,CAAe,WAAW,CAAA,EAAG;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,qEAAA,EAAwE,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,EACF;AAEA,EAAA,OAAO,YAAA,CAAa,aAAa,SAAS,CAAA;AAC5C,CAAC;;;;"}
1	+ {"version":3,"file":"Icon.mjs","sources":["../../../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import type { PropsWithChildren, SVGAttributes } from \"react\";\nimport React from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { cloneElement } from \"@/lib/react/cloneElement\";\nimport { alphaColors, type Status, statusTypes } from \"@/lib/types/props\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\ntype SvgAttributeProps = SVGAttributes<SVGSVGElement>;\n\nconst iconColors = [\n \"neutral\",\n \"blue\",\n \"violet\",\n \"teal\",\n \"lilac\",\n ...statusTypes,\n ...alphaColors,\n] as const;\n\ntype IconColor = (typeof iconColors)[number];\ntype IconWithCustomColor = IconColor \| (string & {});\n\nfunction isIconColor(something: unknown): something is IconColor {\n const anyIconColors = iconColors as readonly string[];\n return typeof something === \"string\" && anyIconColors.includes(something);\n}\n\nexport interface IconProps\n extends\n PropsWithChildren<Omit<SvgAttributeProps, \"name\" \| \"color\">>,\n FlowComponentProps {\n /** The size of the icon. @default \"m\" /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n The color of the icon. Besides the Flow colors, any custom CSS color is\n * supported. Inherits the surrounding text color when unset.\n /\n color?: IconWithCustomColor;\n /\n The elements status.\n \n @deprecated Use `color` instead.\n /\n status?: Status;\n}\n\n/* @flr-generate all */\nexport const Icon = flowComponent(\"Icon\", (props) => {\n const warnDeprecation = useWarnDeprecation();\n const {\n className,\n \"aria-label\": ariaLabel,\n children,\n size = \"m\",\n status,\n color,\n ...svgAttributes\n } = props;\n\n if (status !== undefined) {\n warnDeprecation(\n \"The 'status' prop is deprecated and will be removed in a future release. Use 'color' instead.\",\n );\n }\n\n const resolvedColor = color ?? status;\n const paletteColor = isIconColor(resolvedColor) ? resolvedColor : undefined;\n const customColor = paletteColor === undefined ? resolvedColor : undefined;\n const customColorStyle = customColor\n ? { color: customColor, ...svgAttributes.style }\n : undefined;\n\n const iconProps: SvgAttributeProps = {\n ...svgAttributes,\n ...(customColorStyle && { style: customColorStyle }),\n focusable: \"false\",\n role: \"img\",\n \"aria-hidden\": !ariaLabel,\n \"aria-label\": ariaLabel,\n className: clsx(\n styles.icon,\n styles[`size-${size}`],\n paletteColor && styles[paletteColor],\n className,\n ),\n };\n\n const iconElement = React.Children.toArray(children)[0];\n\n if (!React.isValidElement(iconElement)) {\n throw new Error(\n `Expected children of Icon component to be a valid React element (got ${String(\n children,\n )})`,\n );\n }\n\n return cloneElement(iconElement, iconProps);\n});\n\nexport default Icon;\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,UAAA,GAAa;AAAA,EACjB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,WAAA;AAAA,EACH,GAAG;AACL,CAAA;AAKA,SAAS,YAAY,SAAA,EAA4C;AAC/D,EAAA,MAAM,aAAA,GAAgB,UAAA;AACtB,EAAA,OAAO,OAAO,SAAA,KAAc,QAAA,IAAY,aAAA,CAAc,SAAS,SAAS,CAAA;AAC1E;AAsBO,MAAM,IAAA,GAAO,aAAA,CAAc,MAAA,EAAQ,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,kBAAkB,kBAAA,EAAmB;AAC3C,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,QAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,MAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,eAAA;AAAA,MACE;AAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAM,gBAAgB,KAAA,IAAS,MAAA;AAC/B,EAAA,MAAM,YAAA,GAAe,WAAA,CAAY,aAAa,CAAA,GAAI,aAAA,GAAgB,MAAA;AAClE,EAAA,MAAM,WAAA,GAAc,YAAA,KAAiB,MAAA,GAAY,aAAA,GAAgB,MAAA;AACjE,EAAA,MAAM,gBAAA,GAAmB,cACrB,EAAE,KAAA,EAAO,aAAa,GAAG,aAAA,CAAc,OAAM,GAC7C,MAAA;AAEJ,EAAA,MAAM,SAAA,GAA+B;AAAA,IACnC,GAAG,aAAA;AAAA,IACH,GAAI,gBAAA,IAAoB,EAAE,KAAA,EAAO,gBAAA,EAAiB;AAAA,IAClD,SAAA,EAAW,OAAA;AAAA,IACX,IAAA,EAAM,KAAA;AAAA,IACN,eAAe,CAAC,SAAA;AAAA,IAChB,YAAA,EAAc,SAAA;AAAA,IACd,SAAA,EAAW,IAAA;AAAA,MACT,MAAA,CAAO,IAAA;AAAA,MACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,MACrB,YAAA,IAAgB,OAAO,YAAY,CAAA;AAAA,MACnC;AAAA;AACF,GACF;AAEA,EAAA,MAAM,cAAc,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,EAAE,CAAC,CAAA;AAEtD,EAAA,IAAI,CAAC,KAAA,CAAM,cAAA,CAAe,WAAW,CAAA,EAAG;AACtC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,qEAAA,EAAwE,MAAA;AAAA,QACtE;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,EACF;AAEA,EAAA,OAAO,YAAA,CAAa,aAAa,SAAS,CAAA;AAC5C,CAAC;;;;"}

package/dist/js/packages/components/src/components/Icon/Icon.module.scss.mjs CHANGED Viewed

@@ -1,22 +1,38 @@
 "use client"
 /* */
 const icon = "flow--icon";
+const neutral = "flow--icon--neutral";
 const danger = "flow--icon--danger";
 const success = "flow--icon--success";
 const warning = "flow--icon--warning";
 const info = "flow--icon--info";
 const unavailable = "flow--icon--unavailable";
+const blue = "flow--icon--blue";
+const violet = "flow--icon--violet";
+const teal = "flow--icon--teal";
+const lilac = "flow--icon--lilac";
+const dark = "flow--icon--dark";
+const light = "flow--icon--light";
 const styles = {
 	icon: icon,
 	"size-m": "flow--icon--size-m",
 	"size-s": "flow--icon--size-s",
 	"size-l": "flow--icon--size-l",
+	neutral: neutral,
 	danger: danger,
 	success: success,
 	warning: warning,
 	info: info,
-	unavailable: unavailable
+	unavailable: unavailable,
+	blue: blue,
+	violet: violet,
+	teal: teal,
+	lilac: lilac,
+	dark: dark,
+	light: light,
+	"dark-static": "flow--icon--dark-static",
+	"light-static": "flow--icon--light-static"
 };
-export { danger, styles as default, icon, info, success, unavailable, warning };
+export { blue, danger, dark, styles as default, icon, info, light, lilac, neutral, success, teal, unavailable, violet, warning };
 //# sourceMappingURL=Icon.module.scss.mjs.map

package/dist/js/packages/components/src/components/Icon/Icon.module.scss.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Icon.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/packages/components/src/components/MenuItem/MenuItem.mjs CHANGED Viewed

@@ -47,13 +47,8 @@ const MenuItem = flowComponent("MenuItem", (props) => {
   useAriaAnnounceActionState(
     isPending ? "isPending" : isSucceeded ? "isSucceeded" : isFailed ? "isFailed" : "isIdle"
   );
-  const StateIconComponent = isSucceeded ? IconSucceeded : isFailed ? IconFailed : isPending ? LoadingSpinner : void 0;
-  const stateIcon = StateIconComponent && /* @__PURE__ */ jsx("div", { className: styles.stateIcon, children: /* @__PURE__ */ jsx(
-    StateIconComponent,
-    {
-      status: isFailed ? "danger" : isSucceeded ? "success" : void 0
-    }
-  ) });
+  const stateIconElement = isSucceeded ? /* @__PURE__ */ jsx(IconSucceeded, { color: "success" }) : isFailed ? /* @__PURE__ */ jsx(IconFailed, { color: "danger" }) : isPending ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : void 0;
+  const stateIcon = stateIconElement && /* @__PURE__ */ jsx("div", { className: styles.stateIcon, children: stateIconElement });
   return /* @__PURE__ */ createElement(
     Aria.MenuItem,
     {

package/dist/js/packages/components/src/components/MenuItem/MenuItem.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.mjs","sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n extends\n Omit<Aria.MenuItemProps, \"children\">,\n PropsWithChildren,\n FlowComponentProps {\n selectionVariant?: \"control\" \| \"navigation\" \| \"switch\";\n /** Whether the button is in a pending state. /\n isPending?: boolean;\n /* Whether the button is in a succeeded state. /\n isSucceeded?: boolean;\n /* Whether the button is in a failed state. /\n isFailed?: boolean;\n /* Disables button but keeps it focusable. /\n \"aria-disabled\"?: boolean;\n /* Marks the menu item as referring to the currently active page. /\n \"aria-current\"?: string;\n}\n\nconst disablePendingProps = (props: MenuItemProps) => {\n if (\n props.isPending \|\|\n props.isSucceeded \|\|\n props.isFailed \|\|\n props[\"aria-disabled\"]\n ) {\n props = { ...props };\n props.onPress = undefined;\n props.onPressStart = undefined;\n props.onPressEnd = undefined;\n props.onPressChange = undefined;\n props.onPressUp = undefined;\n }\n\n return props;\n};\n\n/* @flr-generate all /\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n props = disablePendingProps(props);\n\n const {\n children,\n className,\n selectionVariant,\n id,\n ref,\n \"aria-disabled\": ariaDisabled,\n \"aria-current\": ariaCurrent,\n isPending,\n isSucceeded,\n isFailed,\n ...rest\n } = props;\n\n /\n React Aria drops `aria-current` from the props it forwards to the DOM, so\n * the current state is exposed as a data attribute (`data-` passes the\n filter) — that is what the `menuItem` styling matches on. Every\n * `aria-current` value marks the item as current, except an explicit\n * \"false\".\n /\n const currentProps =\n ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n const rootClassName = clsx(\n styles.menuItem /\n Workaround warning: The Aria.MenuItem does not support \"aria-disabled\" by\n * now, so this MenuItem will be visually disabled via CSS.\n */,\n (ariaDisabled \|\| isFailed \|\| isSucceeded \|\| isPending) &&\n styles.ariaDisabled,\n className,\n );\n\n useAriaAnnounceActionState(\n isPending\n ? \"isPending\"\n : isSucceeded\n ? \"isSucceeded\"\n : isFailed\n ? \"isFailed\"\n : \"isIdle\",\n );\n\n const ~~StateIconComponent~~ = isSucceeded\n ? ~~IconSucceeded~~\n : isFailed\n ? ~~IconFailed~~\n : isPending\n ? ~~LoadingSpinner~~\n : undefined;\n\n const stateIcon = ~~StateIconComponent~~ && (\n <div className={styles.stateIcon}~~>\n <StateIconComponent\n status=~~{~~isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined~~}~~\n />\n~~ </div>\n );\n\n return (\n <Aria.MenuItem\n {...rest}\n {...currentProps}\n key={id}\n id={id}\n className={rootClassName}\n ref={ref}\n >\n {(props) => (\n <>\n <MenuItemContent {...props} selectionVariant={selectionVariant}>\n {children}\n </MenuItemContent>\n {stateIcon}\n </>\n )}\n </Aria.MenuItem>\n );\n});\n\nexport default MenuItem;\n"],"names":["props"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAyB;AACpD,EAAA,IACE,KAAA,CAAM,aACN,KAAA,CAAM,WAAA,IACN,MAAM,QAAA,IACN,KAAA,CAAM,eAAe,CAAA,EACrB;AACA,IAAA,KAAA,GAAQ,EAAE,GAAG,KAAA,EAAM;AACnB,IAAA,KAAA,CAAM,OAAA,GAAU,MAAA;AAChB,IAAA,KAAA,CAAM,YAAA,GAAe,MAAA;AACrB,IAAA,KAAA,CAAM,UAAA,GAAa,MAAA;AACnB,IAAA,KAAA,CAAM,aAAA,GAAgB,MAAA;AACtB,IAAA,KAAA,CAAM,SAAA,GAAY,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAGO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,KAAA,GAAQ,oBAAoB,KAAK,CAAA;AAEjC,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAA;AAAA,IACA,eAAA,EAAiB,YAAA;AAAA,IACjB,cAAA,EAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AASJ,EAAA,MAAM,YAAA,GACJ,eAAe,WAAA,KAAgB,OAAA,GAAU,EAAE,cAAA,EAAgB,IAAA,KAAS,EAAC;AAEvE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IAAA,CAIN,YAAA,IAAgB,QAAA,IAAY,WAAA,IAAe,SAAA,KAC1C,MAAA,CAAO,YAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,0BAAA;AAAA,IACE,SAAA,GACI,WAAA,GACA,WAAA,GACE,aAAA,GACA,WACE,UAAA,GACA;AAAA,GACV;AAEA,EAAA,MAAM,~~qBAAqB~~,WAAA,~~GACvB~~,~~aAAA~~,~~GACA~~,~~QAAA~~,~~GACE~~,~~UAAA~~,~~GACA~~,~~YACE~~,~~cAAA~~,~~GACA~~,~~MAAA;AAER~~,~~EAAA~~,~~MAAM~~,~~YAAY,kBAAA,oBAChB,~~GAAA,CAAC,~~KAAA~~,EAAA,~~EAAI~~,~~SAAA~~,~~EAAW~~,~~OAAO~~,~~SAAA~~,~~EACrB~~,~~QAAA~~,~~kBAAA~~,GAAA~~;AAAA~~,~~IAAC~~,~~kBAAA;AAAA~~,~~IAAA;AAAA~~,~~MACC~~,MAAA,~~EAAQ~~,~~QAAA~~,~~GAAW~~,~~QAAA~~,~~GAAW~~,~~WAAA~~,~~GAAc~~,SAAA,~~GAAY;AAAA;AAAA~~,~~GAC1D~~,~~EACF~~,CAAA;~~AAGF~~,EAAA,uBACE,aAAA;AAAA,IAAC,IAAA,CAAK,QAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,YAAA;AAAA,MACJ,GAAA,EAAK,EAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX;AAAA,KAAA;AAAA,IAEC,CAACA,2BACA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAGA,MAAAA,EAAO,gBAAA,EACzB,QAAA,EACH,CAAA;AAAA,MACC;AAAA,KAAA,EACH;AAAA,GAEJ;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"MenuItem.mjs","sources":["../../../../../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./MenuItem.module.scss\";\nimport clsx from \"clsx\";\nimport { MenuItemContent } from \"@/components/MenuItem/components/MenuItemContent/MenuItemContent\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\n\nexport interface MenuItemProps\n extends\n Omit<Aria.MenuItemProps, \"children\">,\n PropsWithChildren,\n FlowComponentProps {\n selectionVariant?: \"control\" \| \"navigation\" \| \"switch\";\n /** Whether the button is in a pending state. /\n isPending?: boolean;\n /* Whether the button is in a succeeded state. /\n isSucceeded?: boolean;\n /* Whether the button is in a failed state. /\n isFailed?: boolean;\n /* Disables button but keeps it focusable. /\n \"aria-disabled\"?: boolean;\n /* Marks the menu item as referring to the currently active page. /\n \"aria-current\"?: string;\n}\n\nconst disablePendingProps = (props: MenuItemProps) => {\n if (\n props.isPending \|\|\n props.isSucceeded \|\|\n props.isFailed \|\|\n props[\"aria-disabled\"]\n ) {\n props = { ...props };\n props.onPress = undefined;\n props.onPressStart = undefined;\n props.onPressEnd = undefined;\n props.onPressChange = undefined;\n props.onPressUp = undefined;\n }\n\n return props;\n};\n\n/* @flr-generate all /\nexport const MenuItem = flowComponent(\"MenuItem\", (props) => {\n props = disablePendingProps(props);\n\n const {\n children,\n className,\n selectionVariant,\n id,\n ref,\n \"aria-disabled\": ariaDisabled,\n \"aria-current\": ariaCurrent,\n isPending,\n isSucceeded,\n isFailed,\n ...rest\n } = props;\n\n /\n React Aria drops `aria-current` from the props it forwards to the DOM, so\n * the current state is exposed as a data attribute (`data-` passes the\n filter) — that is what the `menuItem` styling matches on. Every\n * `aria-current` value marks the item as current, except an explicit\n * \"false\".\n /\n const currentProps =\n ariaCurrent && ariaCurrent !== \"false\" ? { \"data-current\": true } : {};\n\n const rootClassName = clsx(\n styles.menuItem /\n Workaround warning: The Aria.MenuItem does not support \"aria-disabled\" by\n * now, so this MenuItem will be visually disabled via CSS.\n */,\n (ariaDisabled \|\| isFailed \|\| isSucceeded \|\| isPending) &&\n styles.ariaDisabled,\n className,\n );\n\n useAriaAnnounceActionState(\n isPending\n ? \"isPending\"\n : isSucceeded\n ? \"isSucceeded\"\n : isFailed\n ? \"isFailed\"\n : \"isIdle\",\n );\n\n const stateIconElement = isSucceeded ? (\n <IconSucceeded color=\"success\" />\n ) : isFailed ? (\n <IconFailed color=\"danger\" />\n ) : isPending ? (\n <LoadingSpinner />\n ) : undefined;\n\n const stateIcon = stateIconElement && (\n <div className={styles.stateIcon}>{stateIconElement}</div>\n );\n\n return (\n <Aria.MenuItem\n {...rest}\n {...currentProps}\n key={id}\n id={id}\n className={rootClassName}\n ref={ref}\n >\n {(props) => (\n <>\n <MenuItemContent {...props} selectionVariant={selectionVariant}>\n {children}\n </MenuItemContent>\n {stateIcon}\n </>\n )}\n </Aria.MenuItem>\n );\n});\n\nexport default MenuItem;\n"],"names":["props"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAyB;AACpD,EAAA,IACE,KAAA,CAAM,aACN,KAAA,CAAM,WAAA,IACN,MAAM,QAAA,IACN,KAAA,CAAM,eAAe,CAAA,EACrB;AACA,IAAA,KAAA,GAAQ,EAAE,GAAG,KAAA,EAAM;AACnB,IAAA,KAAA,CAAM,OAAA,GAAU,MAAA;AAChB,IAAA,KAAA,CAAM,YAAA,GAAe,MAAA;AACrB,IAAA,KAAA,CAAM,UAAA,GAAa,MAAA;AACnB,IAAA,KAAA,CAAM,aAAA,GAAgB,MAAA;AACtB,IAAA,KAAA,CAAM,SAAA,GAAY,MAAA;AAAA,EACpB;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAGO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,KAAA,GAAQ,oBAAoB,KAAK,CAAA;AAEjC,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAA;AAAA,IACA,eAAA,EAAiB,YAAA;AAAA,IACjB,cAAA,EAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AASJ,EAAA,MAAM,YAAA,GACJ,eAAe,WAAA,KAAgB,OAAA,GAAU,EAAE,cAAA,EAAgB,IAAA,KAAS,EAAC;AAEvE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,QAAA;AAAA,IAAA,CAIN,YAAA,IAAgB,QAAA,IAAY,WAAA,IAAe,SAAA,KAC1C,MAAA,CAAO,YAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,0BAAA;AAAA,IACE,SAAA,GACI,WAAA,GACA,WAAA,GACE,aAAA,GACA,WACE,UAAA,GACA;AAAA,GACV;AAEA,EAAA,MAAM,mBAAmB,WAAA,mBACvB,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAM,WAAU,CAAA,GAC7B,QAAA,mBACF,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,QAAA,EAAS,CAAA,GACzB,SAAA,mBACF,GAAA,CAAC,kBAAe,CAAA,GACd,MAAA;AAEJ,EAAA,MAAM,YAAY,gBAAA,oBAChB,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,WAAY,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAGtD,EAAA,uBACE,aAAA;AAAA,IAAC,IAAA,CAAK,QAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,YAAA;AAAA,MACJ,GAAA,EAAK,EAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX;AAAA,KAAA;AAAA,IAEC,CAACA,2BACA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAGA,MAAAA,EAAO,gBAAA,EACzB,QAAA,EACH,CAAA;AAAA,MACC;AAAA,KAAA,EACH;AAAA,GAEJ;AAEJ,CAAC;;;;"}

package/dist/js/packages/design-tokens/dist/json/all-dark.json.mjs CHANGED Viewed

@@ -17,7 +17,7 @@ const color = /* #__PURE__ */ JSON.parse("{\"gray\":{\"100\":{\"key\":\"{color.g
 const avatar = {"size":{"xs":{"key":"{avatar.size.xs}","value":"1.5rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.l}","key":"{avatar.size.xs}"},"name":"AvatarSizeXs","attributes":{"category":"avatar","type":"size","item":"xs"},"path":["avatar","size","xs"]},"s":{"key":"{avatar.size.s}","value":"2rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.xl}","key":"{avatar.size.s}"},"name":"AvatarSizeS","attributes":{"category":"avatar","type":"size","item":"s"},"path":["avatar","size","s"]},"m":{"key":"{avatar.size.m}","value":"2.5rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"2.5rem","key":"{avatar.size.m}"},"name":"AvatarSizeM","attributes":{"category":"avatar","type":"size","item":"m"},"path":["avatar","size","m"]},"l":{"key":"{avatar.size.l}","value":"4rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.xxl}","key":"{avatar.size.l}"},"name":"AvatarSizeL","attributes":{"category":"avatar","type":"size","item":"l"},"path":["avatar","size","l"]}},"info-status-background-color":{"key":"{avatar.info-status-background-color}","value":"#002A7B","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{info.color.200}","key":"{avatar.info-status-background-color}"},"name":"AvatarInfoStatusBackgroundColor","attributes":{"category":"avatar","type":"info-status-background-color"},"path":["avatar","info-status-background-color"]},"warning-status-background-color":{"key":"{avatar.warning-status-background-color}","value":"#8F3D00","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{warning.color.200}","key":"{avatar.warning-status-background-color}"},"name":"AvatarWarningStatusBackgroundColor","attributes":{"category":"avatar","type":"warning-status-background-color"},"path":["avatar","warning-status-background-color"]},"danger-status-background-color":{"key":"{avatar.danger-status-background-color}","value":"#710F24","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{danger.color.200}","key":"{avatar.danger-status-background-color}"},"name":"AvatarDangerStatusBackgroundColor","attributes":{"category":"avatar","type":"danger-status-background-color"},"path":["avatar","danger-status-background-color"]},"success-status-background-color":{"key":"{avatar.success-status-background-color}","value":"#003B29","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{success.color.200}","key":"{avatar.success-status-background-color}"},"name":"AvatarSuccessStatusBackgroundColor","attributes":{"category":"avatar","type":"success-status-background-color"},"path":["avatar","success-status-background-color"]},"unavailable-status-background-color":{"key":"{avatar.unavailable-status-background-color}","value":"#5E6C7A","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{unavailable.color.400}","key":"{avatar.unavailable-status-background-color}"},"name":"AvatarUnavailableStatusBackgroundColor","attributes":{"category":"avatar","type":"unavailable-status-background-color"},"path":["avatar","unavailable-status-background-color"]}};
 const decorative = {"blue-background-color":{"key":"{decorative.blue-background-color}","value":"#002A7B","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.200}","key":"{decorative.blue-background-color}"},"name":"DecorativeBlueBackgroundColor","attributes":{"category":"decorative","type":"blue-background-color"},"path":["decorative","blue-background-color"]},"blue-content-accent-color":{"key":"{decorative.blue-content-accent-color}","value":"#85AFFF","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.800}","key":"{decorative.blue-content-accent-color}"},"name":"DecorativeBlueContentAccentColor","attributes":{"category":"decorative","type":"blue-content-accent-color"},"path":["decorative","blue-content-accent-color"]},"blue-content-color":{"key":"{decorative.blue-content-color}","value":"#E0EBFF","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.1000}","key":"{decorative.blue-content-color}"},"name":"DecorativeBlueContentColor","attributes":{"category":"decorative","type":"blue-content-color"},"path":["decorative","blue-content-color"]},"teal-background-color":{"key":"{decorative.teal-background-color}","value":"#004f59","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.200}","key":"{decorative.teal-background-color}"},"name":"DecorativeTealBackgroundColor","attributes":{"category":"decorative","type":"teal-background-color"},"path":["decorative","teal-background-color"]},"teal-content-accent-color":{"key":"{decorative.teal-content-accent-color}","value":"#5eedff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.800}","key":"{decorative.teal-content-accent-color}"},"name":"DecorativeTealContentAccentColor","attributes":{"category":"decorative","type":"teal-content-accent-color"},"path":["decorative","teal-content-accent-color"]},"teal-content-color":{"key":"{decorative.teal-content-color}","value":"#cffaff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.1000}","key":"{decorative.teal-content-color}"},"name":"DecorativeTealContentColor","attributes":{"category":"decorative","type":"teal-content-color"},"path":["decorative","teal-content-color"]},"green-background-color":{"key":"{decorative.green-background-color}","value":"#003B29","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.200}","key":"{decorative.green-background-color}"},"name":"DecorativeGreenBackgroundColor","attributes":{"category":"decorative","type":"green-background-color"},"path":["decorative","green-background-color"]},"green-content-accent-color":{"key":"{decorative.green-content-accent-color}","value":"#4FFFC9","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.800}","key":"{decorative.green-content-accent-color}"},"name":"DecorativeGreenContentAccentColor","attributes":{"category":"decorative","type":"green-content-accent-color"},"path":["decorative","green-content-accent-color"]},"green-content-color":{"key":"{decorative.green-content-color}","value":"#C0FFEB","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.1000}","key":"{decorative.green-content-color}"},"name":"DecorativeGreenContentColor","attributes":{"category":"decorative","type":"green-content-color"},"path":["decorative","green-content-color"]},"violet-background-color":{"key":"{decorative.violet-background-color}","value":"#483b9f","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.200}","key":"{decorative.violet-background-color}"},"name":"DecorativeVioletBackgroundColor","attributes":{"category":"decorative","type":"violet-background-color"},"path":["decorative","violet-background-color"]},"violet-content-accent-color":{"key":"{decorative.violet-content-accent-color}","value":"#C2B9F8","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.800}","key":"{decorative.violet-content-accent-color}"},"name":"DecorativeVioletContentAccentColor","attributes":{"category":"decorative","type":"violet-content-accent-color"},"path":["decorative","violet-content-accent-color"]},"violet-content-color":{"key":"{decorative.violet-content-color}","value":"#EAE7FD","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.1000}","key":"{decorative.violet-content-color}"},"name":"DecorativeVioletContentColor","attributes":{"category":"decorative","type":"violet-content-color"},"path":["decorative","violet-content-color"]},"lilac-background-color":{"key":"{decorative.lilac-background-color}","value":"#5f0083","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.200}","key":"{decorative.lilac-background-color}"},"name":"DecorativeLilacBackgroundColor","attributes":{"category":"decorative","type":"lilac-background-color"},"path":["decorative","lilac-background-color"]},"lilac-content-accent-color":{"key":"{decorative.lilac-content-accent-color}","value":"#ebb6ff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.800}","key":"{decorative.lilac-content-accent-color}"},"name":"DecorativeLilacContentAccentColor","attributes":{"category":"decorative","type":"lilac-content-accent-color"},"path":["decorative","lilac-content-accent-color"]},"lilac-content-color":{"key":"{decorative.lilac-content-color}","value":"#f6dfff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.1000}","key":"{decorative.lilac-content-color}"},"name":"DecorativeLilacContentColor","attributes":{"category":"decorative","type":"lilac-content-color"},"path":["decorative","lilac-content-color"]}};
 const heading = {"icon-to-text-spacing":{"key":"{heading.icon-to-text-spacing}","value":"0.5rem","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{heading.icon-to-text-spacing}"},"name":"HeadingIconToTextSpacing","attributes":{"category":"heading","type":"icon-to-text-spacing"},"path":["heading","icon-to-text-spacing"]},"font-weight":{"key":"{heading.font-weight}","value":"bold","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{heading.font-weight}"},"name":"HeadingFontWeight","attributes":{"category":"heading","type":"font-weight"},"path":["heading","font-weight"]},"color":{"key":"{heading.color}","value":"#FFFFFF","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{neutral.color.1100}","key":"{heading.color}"},"name":"HeadingColor","attributes":{"category":"heading","type":"color"},"path":["heading","color"]},"color-dark":{"key":"{heading.color-dark}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{dark-plain-content-color}","key":"{heading.color-dark}"},"name":"HeadingColorDark","attributes":{"category":"heading","type":"color-dark"},"path":["heading","color-dark"]},"color-light":{"key":"{heading.color-light}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{light-plain-content-color}","key":"{heading.color-light}"},"name":"HeadingColorLight","attributes":{"category":"heading","type":"color-light"},"path":["heading","color-light"]},"color-dark-static":{"key":"{heading.color-dark-static}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{dark-static-plain-content-color}","key":"{heading.color-dark-static}"},"name":"HeadingColorDarkStatic","attributes":{"category":"heading","type":"color-dark-static"},"path":["heading","color-dark-static"]},"color-light-static":{"key":"{heading.color-light-static}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{heading.color-light-static}"},"name":"HeadingColorLightStatic","attributes":{"category":"heading","type":"color-light-static"},"path":["heading","color-light-static"]},"color-danger":{"key":"{heading.color-danger}","value":"#F7C1CC","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{heading.color-danger}"},"name":"HeadingColorDanger","attributes":{"category":"heading","type":"color-danger"},"path":["heading","color-danger"]},"color-unavailable":{"key":"{heading.color-unavailable}","value":"#E5EFF8","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{heading.color-unavailable}"},"name":"HeadingColorUnavailable","attributes":{"category":"heading","type":"color-unavailable"},"path":["heading","color-unavailable"]}};
-const icon = {"size":{"s":{"key":"{icon.size.s}","value":"1rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1rem","key":"{icon.size.s}"},"name":"IconSizeS","attributes":{"category":"icon","type":"size","item":"s"},"path":["icon","size","s"]},"m":{"key":"{icon.size.m}","value":"1.5rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1.5rem","key":"{icon.size.m}"},"name":"IconSizeM","attributes":{"category":"icon","type":"size","item":"m"},"path":["icon","size","m"]},"l":{"key":"{icon.size.l}","value":"4rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"4rem","key":"{icon.size.l}"},"name":"IconSizeL","attributes":{"category":"icon","type":"size","item":"l"},"path":["icon","size","l"]}},"color":{"key":"{icon.color}","value":"#DCE9F7","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{neutral.color.700}","key":"{icon.color}"},"name":"IconColor","attributes":{"category":"icon","type":"color"},"path":["icon","color"]},"info-color":{"key":"{icon.info-color}","value":"#ABC6FF","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{info.color.900}","key":"{icon.info-color}"},"name":"IconInfoColor","attributes":{"category":"icon","type":"info-color"},"path":["icon","info-color"]},"warning-color":{"key":"{icon.warning-color}","value":"#FFD9BD","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{warning.color.900}","key":"{icon.warning-color}"},"name":"IconWarningColor","attributes":{"category":"icon","type":"warning-color"},"path":["icon","warning-color"]},"danger-color":{"key":"{icon.danger-color}","value":"#F7C1CC","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{icon.danger-color}"},"name":"IconDangerColor","attributes":{"category":"icon","type":"danger-color"},"path":["icon","danger-color"]},"success-color":{"key":"{icon.success-color}","value":"#87FFDA","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{success.color.900}","key":"{icon.success-color}"},"name":"IconSuccessColor","attributes":{"category":"icon","type":"success-color"},"path":["icon","success-color"]},"unavailable-color":{"key":"{icon.unavailable-color}","value":"#E5EFF8","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{icon.unavailable-color}"},"name":"IconUnavailableColor","attributes":{"category":"icon","type":"unavailable-color"},"path":["icon","unavailable-color"]}};
+const icon = {"size":{"s":{"key":"{icon.size.s}","value":"1rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1rem","key":"{icon.size.s}"},"name":"IconSizeS","attributes":{"category":"icon","type":"size","item":"s"},"path":["icon","size","s"]},"m":{"key":"{icon.size.m}","value":"1.5rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1.5rem","key":"{icon.size.m}"},"name":"IconSizeM","attributes":{"category":"icon","type":"size","item":"m"},"path":["icon","size","m"]},"l":{"key":"{icon.size.l}","value":"4rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"4rem","key":"{icon.size.l}"},"name":"IconSizeL","attributes":{"category":"icon","type":"size","item":"l"},"path":["icon","size","l"]}},"color":{"key":"{icon.color}","value":"#DCE9F7","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{neutral.color.700}","key":"{icon.color}"},"name":"IconColor","attributes":{"category":"icon","type":"color"},"path":["icon","color"]},"info-color":{"key":"{icon.info-color}","value":"#ABC6FF","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{info.color.900}","key":"{icon.info-color}"},"name":"IconInfoColor","attributes":{"category":"icon","type":"info-color"},"path":["icon","info-color"]},"warning-color":{"key":"{icon.warning-color}","value":"#FFD9BD","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{warning.color.900}","key":"{icon.warning-color}"},"name":"IconWarningColor","attributes":{"category":"icon","type":"warning-color"},"path":["icon","warning-color"]},"danger-color":{"key":"{icon.danger-color}","value":"#F7C1CC","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{icon.danger-color}"},"name":"IconDangerColor","attributes":{"category":"icon","type":"danger-color"},"path":["icon","danger-color"]},"success-color":{"key":"{icon.success-color}","value":"#87FFDA","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{success.color.900}","key":"{icon.success-color}"},"name":"IconSuccessColor","attributes":{"category":"icon","type":"success-color"},"path":["icon","success-color"]},"unavailable-color":{"key":"{icon.unavailable-color}","value":"#E5EFF8","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{icon.unavailable-color}"},"name":"IconUnavailableColor","attributes":{"category":"icon","type":"unavailable-color"},"path":["icon","unavailable-color"]},"blue-color":{"key":"{icon.blue-color}","value":"#E0EBFF","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{primary.color.1000}","key":"{icon.blue-color}"},"name":"IconBlueColor","attributes":{"category":"icon","type":"blue-color"},"path":["icon","blue-color"]},"violet-color":{"key":"{icon.violet-color}","value":"#C2B9F8","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.800}","key":"{icon.violet-color}"},"name":"IconVioletColor","attributes":{"category":"icon","type":"violet-color"},"path":["icon","violet-color"]},"teal-color":{"key":"{icon.teal-color}","value":"#5eedff","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.super-teal.800}","key":"{icon.teal-color}"},"name":"IconTealColor","attributes":{"category":"icon","type":"teal-color"},"path":["icon","teal-color"]},"lilac-color":{"key":"{icon.lilac-color}","value":"#ebb6ff","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.bright-lilac.800}","key":"{icon.lilac-color}"},"name":"IconLilacColor","attributes":{"category":"icon","type":"lilac-color"},"path":["icon","lilac-color"]},"dark-color":{"key":"{icon.dark-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{dark-plain-content-color}","key":"{icon.dark-color}"},"name":"IconDarkColor","attributes":{"category":"icon","type":"dark-color"},"path":["icon","dark-color"]},"light-color":{"key":"{icon.light-color}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{light-plain-content-color}","key":"{icon.light-color}"},"name":"IconLightColor","attributes":{"category":"icon","type":"light-color"},"path":["icon","light-color"]},"dark-static-color":{"key":"{icon.dark-static-color}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{dark-static-plain-content-color}","key":"{icon.dark-static-color}"},"name":"IconDarkStaticColor","attributes":{"category":"icon","type":"dark-static-color"},"path":["icon","dark-static-color"]},"light-static-color":{"key":"{icon.light-static-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{icon.light-static-color}"},"name":"IconLightStaticColor","attributes":{"category":"icon","type":"light-static-color"},"path":["icon","light-static-color"]}};
 const image = {"corner-radius":{"key":"{image.corner-radius}","value":"8px","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{image.corner-radius}"},"name":"ImageCornerRadius","attributes":{"category":"image","type":"corner-radius"},"path":["image","corner-radius"]},"border-width":{"key":"{image.border-width}","value":"1px","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{image.border-width}"},"name":"ImageBorderWidth","attributes":{"category":"image","type":"border-width"},"path":["image","border-width"]},"border-style":{"key":"{image.border-style}","value":"solid","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{image.border-style}"},"name":"ImageBorderStyle","attributes":{"category":"image","type":"border-style"},"path":["image","border-style"]},"border-color":{"key":"{image.border-color}","value":"#DCE9F7","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{neutral-outline-border-color}","key":"{image.border-color}"},"name":"ImageBorderColor","attributes":{"category":"image","type":"border-color"},"path":["image","border-color"]}};
 const initials = {"font-weight":{"key":"{initials.font-weight}","value":"bold","filePath":"src/content/initials.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{initials.font-weight}"},"name":"InitialsFontWeight","attributes":{"category":"initials","type":"font-weight"},"path":["initials","font-weight"]}};
 const kbd = {"corner-radius":{"key":"{kbd.corner-radius}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{corner-radius.s}","key":"{kbd.corner-radius}"},"name":"KbdCornerRadius","attributes":{"category":"kbd","type":"corner-radius"},"path":["kbd","corner-radius"]},"padding":{"key":"{kbd.padding}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xs}","key":"{kbd.padding}"},"name":"KbdPadding","attributes":{"category":"kbd","type":"padding"},"path":["kbd","padding"]},"padding-y-start":{"key":"{kbd.padding-y-start}","value":"2px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xxs}","key":"{kbd.padding-y-start}"},"name":"KbdPaddingYStart","attributes":{"category":"kbd","type":"padding-y-start"},"path":["kbd","padding-y-start"]},"background-color":{"default":{"key":"{kbd.background-color.default}","value":"#5E6C7A","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.default}","key":"{kbd.background-color.default}"},"name":"KbdBackgroundColorDefault","attributes":{"category":"kbd","type":"background-color","item":"default"},"path":["kbd","background-color","default"]},"disabled":{"key":"{kbd.background-color.disabled}","value":"#292F37","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-background-color}","key":"{kbd.background-color.disabled}"},"name":"KbdBackgroundColorDisabled","attributes":{"category":"kbd","type":"background-color","item":"disabled"},"path":["kbd","background-color","disabled"]}},"content-color":{"default":{"key":"{kbd.content-color.default}","value":"#FFFFFF","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{neutral-soft-content-color}","key":"{kbd.content-color.default}"},"name":"KbdContentColorDefault","attributes":{"category":"kbd","type":"content-color","item":"default"},"path":["kbd","content-color","default"]},"disabled":{"key":"{kbd.content-color.disabled}","value":"#8FA1B4","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-content-color}","key":"{kbd.content-color.disabled}"},"name":"KbdContentColorDisabled","attributes":{"category":"kbd","type":"content-color","item":"disabled"},"path":["kbd","content-color","disabled"]}},"content-color-plain":{"default":{"key":"{kbd.content-color-plain.default}","value":"#DCE9F7","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{form-control.placeholder-color.default}","key":"{kbd.content-color-plain.default}"},"name":"KbdContentColorPlainDefault","attributes":{"category":"kbd","type":"content-color-plain","item":"default"},"path":["kbd","content-color-plain","default"]},"disabled":{"key":"{kbd.content-color-plain.disabled}","value":"#8FA1B4","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{form-control.placeholder-color.disabled}","key":"{kbd.content-color-plain.disabled}"},"name":"KbdContentColorPlainDisabled","attributes":{"category":"kbd","type":"content-color-plain","item":"disabled"},"path":["kbd","content-color-plain","disabled"]}},"inner-shadow-color":{"default":{"key":"{kbd.inner-shadow-color.default}","value":"rgb(255 255 255 / 25%)","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{dark.color.200}","key":"{kbd.inner-shadow-color.default}"},"name":"KbdInnerShadowColorDefault","attributes":{"category":"kbd","type":"inner-shadow-color","item":"default"},"path":["kbd","inner-shadow-color","default"]},"disabled":{"key":"{kbd.inner-shadow-color.disabled}","value":"rgb(255 255 255 / 12.5%)","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-dark-background-color}","key":"{kbd.inner-shadow-color.disabled}"},"name":"KbdInnerShadowColorDisabled","attributes":{"category":"kbd","type":"inner-shadow-color","item":"disabled"},"path":["kbd","inner-shadow-color","disabled"]}},"inner-shadow-size-x":{"key":"{kbd.inner-shadow-size-x}","value":"2px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xxs}","key":"{kbd.inner-shadow-size-x}"},"name":"KbdInnerShadowSizeX","attributes":{"category":"kbd","type":"inner-shadow-size-x"},"path":["kbd","inner-shadow-size-x"]},"inner-shadow-size-y-end":{"key":"{kbd.inner-shadow-size-y-end}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xs}","key":"{kbd.inner-shadow-size-y-end}"},"name":"KbdInnerShadowSizeYEnd","attributes":{"category":"kbd","type":"inner-shadow-size-y-end"},"path":["kbd","inner-shadow-size-y-end"]}};

package/dist/js/packages/design-tokens/dist/json/all-light.json.mjs CHANGED Viewed

@@ -17,7 +17,7 @@ const color = /* #__PURE__ */ JSON.parse("{\"gray\":{\"100\":{\"key\":\"{color.g
 const avatar = {"size":{"xs":{"key":"{avatar.size.xs}","value":"1.5rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.l}","key":"{avatar.size.xs}"},"name":"AvatarSizeXs","attributes":{"category":"avatar","type":"size","item":"xs"},"path":["avatar","size","xs"]},"s":{"key":"{avatar.size.s}","value":"2rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.xl}","key":"{avatar.size.s}"},"name":"AvatarSizeS","attributes":{"category":"avatar","type":"size","item":"s"},"path":["avatar","size","s"]},"m":{"key":"{avatar.size.m}","value":"2.5rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"2.5rem","key":"{avatar.size.m}"},"name":"AvatarSizeM","attributes":{"category":"avatar","type":"size","item":"m"},"path":["avatar","size","m"]},"l":{"key":"{avatar.size.l}","value":"4rem","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{size-rem.xxl}","key":"{avatar.size.l}"},"name":"AvatarSizeL","attributes":{"category":"avatar","type":"size","item":"l"},"path":["avatar","size","l"]}},"info-status-background-color":{"key":"{avatar.info-status-background-color}","value":"#E0EBFF","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{info.color.200}","key":"{avatar.info-status-background-color}"},"name":"AvatarInfoStatusBackgroundColor","attributes":{"category":"avatar","type":"info-status-background-color"},"path":["avatar","info-status-background-color"]},"warning-status-background-color":{"key":"{avatar.warning-status-background-color}","value":"#FFEBDC","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{warning.color.200}","key":"{avatar.warning-status-background-color}"},"name":"AvatarWarningStatusBackgroundColor","attributes":{"category":"avatar","type":"warning-status-background-color"},"path":["avatar","warning-status-background-color"]},"danger-status-background-color":{"key":"{avatar.danger-status-background-color}","value":"#FBE0E6","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{danger.color.200}","key":"{avatar.danger-status-background-color}"},"name":"AvatarDangerStatusBackgroundColor","attributes":{"category":"avatar","type":"danger-status-background-color"},"path":["avatar","danger-status-background-color"]},"success-status-background-color":{"key":"{avatar.success-status-background-color}","value":"#C0FFEB","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{success.color.200}","key":"{avatar.success-status-background-color}"},"name":"AvatarSuccessStatusBackgroundColor","attributes":{"category":"avatar","type":"success-status-background-color"},"path":["avatar","success-status-background-color"]},"unavailable-status-background-color":{"key":"{avatar.unavailable-status-background-color}","value":"#DCE9F7","filePath":"src/content/avatar.yml","isSource":true,"original":{"value":"{unavailable.color.400}","key":"{avatar.unavailable-status-background-color}"},"name":"AvatarUnavailableStatusBackgroundColor","attributes":{"category":"avatar","type":"unavailable-status-background-color"},"path":["avatar","unavailable-status-background-color"]}};
 const decorative = {"blue-background-color":{"key":"{decorative.blue-background-color}","value":"#E0EBFF","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.200}","key":"{decorative.blue-background-color}"},"name":"DecorativeBlueBackgroundColor","attributes":{"category":"decorative","type":"blue-background-color"},"path":["decorative","blue-background-color"]},"blue-content-accent-color":{"key":"{decorative.blue-content-accent-color}","value":"#0054F5","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.800}","key":"{decorative.blue-content-accent-color}"},"name":"DecorativeBlueContentAccentColor","attributes":{"category":"decorative","type":"blue-content-accent-color"},"path":["decorative","blue-content-accent-color"]},"blue-content-color":{"key":"{decorative.blue-content-color}","value":"#002A7B","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.hosting-blue.1000}","key":"{decorative.blue-content-color}"},"name":"DecorativeBlueContentColor","attributes":{"category":"decorative","type":"blue-content-color"},"path":["decorative","blue-content-color"]},"teal-background-color":{"key":"{decorative.teal-background-color}","value":"#cffaff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.200}","key":"{decorative.teal-background-color}"},"name":"DecorativeTealBackgroundColor","attributes":{"category":"decorative","type":"teal-background-color"},"path":["decorative","teal-background-color"]},"teal-content-accent-color":{"key":"{decorative.teal-content-accent-color}","value":"#008696","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.800}","key":"{decorative.teal-content-accent-color}"},"name":"DecorativeTealContentAccentColor","attributes":{"category":"decorative","type":"teal-content-accent-color"},"path":["decorative","teal-content-accent-color"]},"teal-content-color":{"key":"{decorative.teal-content-color}","value":"#004f59","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.super-teal.1000}","key":"{decorative.teal-content-color}"},"name":"DecorativeTealContentColor","attributes":{"category":"decorative","type":"teal-content-color"},"path":["decorative","teal-content-color"]},"green-background-color":{"key":"{decorative.green-background-color}","value":"#C0FFEB","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.200}","key":"{decorative.green-background-color}"},"name":"DecorativeGreenBackgroundColor","attributes":{"category":"decorative","type":"green-background-color"},"path":["decorative","green-background-color"]},"green-content-accent-color":{"key":"{decorative.green-content-accent-color}","value":"#00825B","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.800}","key":"{decorative.green-content-accent-color}"},"name":"DecorativeGreenContentAccentColor","attributes":{"category":"decorative","type":"green-content-accent-color"},"path":["decorative","green-content-accent-color"]},"green-content-color":{"key":"{decorative.green-content-color}","value":"#003B29","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.espelkamp-green.1000}","key":"{decorative.green-content-color}"},"name":"DecorativeGreenContentColor","attributes":{"category":"decorative","type":"green-content-color"},"path":["decorative","green-content-color"]},"violet-background-color":{"key":"{decorative.violet-background-color}","value":"#EAE7FD","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.200}","key":"{decorative.violet-background-color}"},"name":"DecorativeVioletBackgroundColor","attributes":{"category":"decorative","type":"violet-background-color"},"path":["decorative","violet-background-color"]},"violet-content-accent-color":{"key":"{decorative.violet-content-accent-color}","value":"#715DEE","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.800}","key":"{decorative.violet-content-accent-color}"},"name":"DecorativeVioletContentAccentColor","attributes":{"category":"decorative","type":"violet-content-accent-color"},"path":["decorative","violet-content-accent-color"]},"violet-content-color":{"key":"{decorative.violet-content-color}","value":"#483b9f","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.1000}","key":"{decorative.violet-content-color}"},"name":"DecorativeVioletContentColor","attributes":{"category":"decorative","type":"violet-content-color"},"path":["decorative","violet-content-color"]},"lilac-background-color":{"key":"{decorative.lilac-background-color}","value":"#f6dfff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.200}","key":"{decorative.lilac-background-color}"},"name":"DecorativeLilacBackgroundColor","attributes":{"category":"decorative","type":"lilac-background-color"},"path":["decorative","lilac-background-color"]},"lilac-content-accent-color":{"key":"{decorative.lilac-content-accent-color}","value":"#bc08ff","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.800}","key":"{decorative.lilac-content-accent-color}"},"name":"DecorativeLilacContentAccentColor","attributes":{"category":"decorative","type":"lilac-content-accent-color"},"path":["decorative","lilac-content-accent-color"]},"lilac-content-color":{"key":"{decorative.lilac-content-color}","value":"#5f0083","filePath":"src/content/decorative.yml","isSource":true,"original":{"value":"{color.bright-lilac.1000}","key":"{decorative.lilac-content-color}"},"name":"DecorativeLilacContentColor","attributes":{"category":"decorative","type":"lilac-content-color"},"path":["decorative","lilac-content-color"]}};
 const heading = {"icon-to-text-spacing":{"key":"{heading.icon-to-text-spacing}","value":"0.5rem","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{heading.icon-to-text-spacing}"},"name":"HeadingIconToTextSpacing","attributes":{"category":"heading","type":"icon-to-text-spacing"},"path":["heading","icon-to-text-spacing"]},"font-weight":{"key":"{heading.font-weight}","value":"bold","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{heading.font-weight}"},"name":"HeadingFontWeight","attributes":{"category":"heading","type":"font-weight"},"path":["heading","font-weight"]},"color":{"key":"{heading.color}","value":"#121518","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{neutral.color.1100}","key":"{heading.color}"},"name":"HeadingColor","attributes":{"category":"heading","type":"color"},"path":["heading","color"]},"color-dark":{"key":"{heading.color-dark}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{dark-plain-content-color}","key":"{heading.color-dark}"},"name":"HeadingColorDark","attributes":{"category":"heading","type":"color-dark"},"path":["heading","color-dark"]},"color-light":{"key":"{heading.color-light}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{light-plain-content-color}","key":"{heading.color-light}"},"name":"HeadingColorLight","attributes":{"category":"heading","type":"color-light"},"path":["heading","color-light"]},"color-dark-static":{"key":"{heading.color-dark-static}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{dark-static-plain-content-color}","key":"{heading.color-dark-static}"},"name":"HeadingColorDarkStatic","attributes":{"category":"heading","type":"color-dark-static"},"path":["heading","color-dark-static"]},"color-light-static":{"key":"{heading.color-light-static}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{heading.color-light-static}"},"name":"HeadingColorLightStatic","attributes":{"category":"heading","type":"color-light-static"},"path":["heading","color-light-static"]},"color-danger":{"key":"{heading.color-danger}","value":"#AB1737","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{heading.color-danger}"},"name":"HeadingColorDanger","attributes":{"category":"heading","type":"color-danger"},"path":["heading","color-danger"]},"color-unavailable":{"key":"{heading.color-unavailable}","value":"#3A434E","filePath":"src/content/heading.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{heading.color-unavailable}"},"name":"HeadingColorUnavailable","attributes":{"category":"heading","type":"color-unavailable"},"path":["heading","color-unavailable"]}};
-const icon = {"size":{"s":{"key":"{icon.size.s}","value":"1rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1rem","key":"{icon.size.s}"},"name":"IconSizeS","attributes":{"category":"icon","type":"size","item":"s"},"path":["icon","size","s"]},"m":{"key":"{icon.size.m}","value":"1.5rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1.5rem","key":"{icon.size.m}"},"name":"IconSizeM","attributes":{"category":"icon","type":"size","item":"m"},"path":["icon","size","m"]},"l":{"key":"{icon.size.l}","value":"4rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"4rem","key":"{icon.size.l}"},"name":"IconSizeL","attributes":{"category":"icon","type":"size","item":"l"},"path":["icon","size","l"]}},"color":{"key":"{icon.color}","value":"#5E6C7A","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{neutral.color.700}","key":"{icon.color}"},"name":"IconColor","attributes":{"category":"icon","type":"color"},"path":["icon","color"]},"info-color":{"key":"{icon.info-color}","value":"#003FB8","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{info.color.900}","key":"{icon.info-color}"},"name":"IconInfoColor","attributes":{"category":"icon","type":"info-color"},"path":["icon","info-color"]},"warning-color":{"key":"{icon.warning-color}","value":"#C25200","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{warning.color.900}","key":"{icon.warning-color}"},"name":"IconWarningColor","attributes":{"category":"icon","type":"warning-color"},"path":["icon","warning-color"]},"danger-color":{"key":"{icon.danger-color}","value":"#AB1737","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{icon.danger-color}"},"name":"IconDangerColor","attributes":{"category":"icon","type":"danger-color"},"path":["icon","danger-color"]},"success-color":{"key":"{icon.success-color}","value":"#005F42","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{success.color.900}","key":"{icon.success-color}"},"name":"IconSuccessColor","attributes":{"category":"icon","type":"success-color"},"path":["icon","success-color"]},"unavailable-color":{"key":"{icon.unavailable-color}","value":"#3A434E","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{icon.unavailable-color}"},"name":"IconUnavailableColor","attributes":{"category":"icon","type":"unavailable-color"},"path":["icon","unavailable-color"]}};
+const icon = {"size":{"s":{"key":"{icon.size.s}","value":"1rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1rem","key":"{icon.size.s}"},"name":"IconSizeS","attributes":{"category":"icon","type":"size","item":"s"},"path":["icon","size","s"]},"m":{"key":"{icon.size.m}","value":"1.5rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"1.5rem","key":"{icon.size.m}"},"name":"IconSizeM","attributes":{"category":"icon","type":"size","item":"m"},"path":["icon","size","m"]},"l":{"key":"{icon.size.l}","value":"4rem","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"4rem","key":"{icon.size.l}"},"name":"IconSizeL","attributes":{"category":"icon","type":"size","item":"l"},"path":["icon","size","l"]}},"color":{"key":"{icon.color}","value":"#5E6C7A","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{neutral.color.700}","key":"{icon.color}"},"name":"IconColor","attributes":{"category":"icon","type":"color"},"path":["icon","color"]},"info-color":{"key":"{icon.info-color}","value":"#003FB8","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{info.color.900}","key":"{icon.info-color}"},"name":"IconInfoColor","attributes":{"category":"icon","type":"info-color"},"path":["icon","info-color"]},"warning-color":{"key":"{icon.warning-color}","value":"#C25200","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{warning.color.900}","key":"{icon.warning-color}"},"name":"IconWarningColor","attributes":{"category":"icon","type":"warning-color"},"path":["icon","warning-color"]},"danger-color":{"key":"{icon.danger-color}","value":"#AB1737","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{danger.color.900}","key":"{icon.danger-color}"},"name":"IconDangerColor","attributes":{"category":"icon","type":"danger-color"},"path":["icon","danger-color"]},"success-color":{"key":"{icon.success-color}","value":"#005F42","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{success.color.900}","key":"{icon.success-color}"},"name":"IconSuccessColor","attributes":{"category":"icon","type":"success-color"},"path":["icon","success-color"]},"unavailable-color":{"key":"{icon.unavailable-color}","value":"#3A434E","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{unavailable.color.800}","key":"{icon.unavailable-color}"},"name":"IconUnavailableColor","attributes":{"category":"icon","type":"unavailable-color"},"path":["icon","unavailable-color"]},"blue-color":{"key":"{icon.blue-color}","value":"#002A7B","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{primary.color.1000}","key":"{icon.blue-color}"},"name":"IconBlueColor","attributes":{"category":"icon","type":"blue-color"},"path":["icon","blue-color"]},"violet-color":{"key":"{icon.violet-color}","value":"#715DEE","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.soft-contrast-violet.800}","key":"{icon.violet-color}"},"name":"IconVioletColor","attributes":{"category":"icon","type":"violet-color"},"path":["icon","violet-color"]},"teal-color":{"key":"{icon.teal-color}","value":"#008696","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.super-teal.800}","key":"{icon.teal-color}"},"name":"IconTealColor","attributes":{"category":"icon","type":"teal-color"},"path":["icon","teal-color"]},"lilac-color":{"key":"{icon.lilac-color}","value":"#bc08ff","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{color.bright-lilac.800}","key":"{icon.lilac-color}"},"name":"IconLilacColor","attributes":{"category":"icon","type":"lilac-color"},"path":["icon","lilac-color"]},"dark-color":{"key":"{icon.dark-color}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{dark-plain-content-color}","key":"{icon.dark-color}"},"name":"IconDarkColor","attributes":{"category":"icon","type":"dark-color"},"path":["icon","dark-color"]},"light-color":{"key":"{icon.light-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{light-plain-content-color}","key":"{icon.light-color}"},"name":"IconLightColor","attributes":{"category":"icon","type":"light-color"},"path":["icon","light-color"]},"dark-static-color":{"key":"{icon.dark-static-color}","value":"rgb(0 0 0 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{dark-static-plain-content-color}","key":"{icon.dark-static-color}"},"name":"IconDarkStaticColor","attributes":{"category":"icon","type":"dark-static-color"},"path":["icon","dark-static-color"]},"light-static-color":{"key":"{icon.light-static-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/content/icon.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{icon.light-static-color}"},"name":"IconLightStaticColor","attributes":{"category":"icon","type":"light-static-color"},"path":["icon","light-static-color"]}};
 const image = {"corner-radius":{"key":"{image.corner-radius}","value":"8px","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{image.corner-radius}"},"name":"ImageCornerRadius","attributes":{"category":"image","type":"corner-radius"},"path":["image","corner-radius"]},"border-width":{"key":"{image.border-width}","value":"1px","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{image.border-width}"},"name":"ImageBorderWidth","attributes":{"category":"image","type":"border-width"},"path":["image","border-width"]},"border-style":{"key":"{image.border-style}","value":"solid","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{image.border-style}"},"name":"ImageBorderStyle","attributes":{"category":"image","type":"border-style"},"path":["image","border-style"]},"border-color":{"key":"{image.border-color}","value":"#5E6C7A","filePath":"src/content/image.yml","isSource":true,"original":{"value":"{neutral-outline-border-color}","key":"{image.border-color}"},"name":"ImageBorderColor","attributes":{"category":"image","type":"border-color"},"path":["image","border-color"]}};
 const initials = {"font-weight":{"key":"{initials.font-weight}","value":"bold","filePath":"src/content/initials.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{initials.font-weight}"},"name":"InitialsFontWeight","attributes":{"category":"initials","type":"font-weight"},"path":["initials","font-weight"]}};
 const kbd = {"corner-radius":{"key":"{kbd.corner-radius}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{corner-radius.s}","key":"{kbd.corner-radius}"},"name":"KbdCornerRadius","attributes":{"category":"kbd","type":"corner-radius"},"path":["kbd","corner-radius"]},"padding":{"key":"{kbd.padding}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xs}","key":"{kbd.padding}"},"name":"KbdPadding","attributes":{"category":"kbd","type":"padding"},"path":["kbd","padding"]},"padding-y-start":{"key":"{kbd.padding-y-start}","value":"2px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xxs}","key":"{kbd.padding-y-start}"},"name":"KbdPaddingYStart","attributes":{"category":"kbd","type":"padding-y-start"},"path":["kbd","padding-y-start"]},"background-color":{"default":{"key":"{kbd.background-color.default}","value":"#DCE9F7","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.default}","key":"{kbd.background-color.default}"},"name":"KbdBackgroundColorDefault","attributes":{"category":"kbd","type":"background-color","item":"default"},"path":["kbd","background-color","default"]},"disabled":{"key":"{kbd.background-color.disabled}","value":"#F4F8FC","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-background-color}","key":"{kbd.background-color.disabled}"},"name":"KbdBackgroundColorDisabled","attributes":{"category":"kbd","type":"background-color","item":"disabled"},"path":["kbd","background-color","disabled"]}},"content-color":{"default":{"key":"{kbd.content-color.default}","value":"#1B1F24","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{neutral-soft-content-color}","key":"{kbd.content-color.default}"},"name":"KbdContentColorDefault","attributes":{"category":"kbd","type":"content-color","item":"default"},"path":["kbd","content-color","default"]},"disabled":{"key":"{kbd.content-color.disabled}","value":"#B7C9DB","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-content-color}","key":"{kbd.content-color.disabled}"},"name":"KbdContentColorDisabled","attributes":{"category":"kbd","type":"content-color","item":"disabled"},"path":["kbd","content-color","disabled"]}},"content-color-plain":{"default":{"key":"{kbd.content-color-plain.default}","value":"#5E6C7A","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{form-control.placeholder-color.default}","key":"{kbd.content-color-plain.default}"},"name":"KbdContentColorPlainDefault","attributes":{"category":"kbd","type":"content-color-plain","item":"default"},"path":["kbd","content-color-plain","default"]},"disabled":{"key":"{kbd.content-color-plain.disabled}","value":"#B7C9DB","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{form-control.placeholder-color.disabled}","key":"{kbd.content-color-plain.disabled}"},"name":"KbdContentColorPlainDisabled","attributes":{"category":"kbd","type":"content-color-plain","item":"disabled"},"path":["kbd","content-color-plain","disabled"]}},"inner-shadow-color":{"default":{"key":"{kbd.inner-shadow-color.default}","value":"rgb(0 0 0 / 25%)","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{dark.color.200}","key":"{kbd.inner-shadow-color.default}"},"name":"KbdInnerShadowColorDefault","attributes":{"category":"kbd","type":"inner-shadow-color","item":"default"},"path":["kbd","inner-shadow-color","default"]},"disabled":{"key":"{kbd.inner-shadow-color.disabled}","value":"rgb(0 0 0 / 12.5%)","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{disabled-soft-dark-background-color}","key":"{kbd.inner-shadow-color.disabled}"},"name":"KbdInnerShadowColorDisabled","attributes":{"category":"kbd","type":"inner-shadow-color","item":"disabled"},"path":["kbd","inner-shadow-color","disabled"]}},"inner-shadow-size-x":{"key":"{kbd.inner-shadow-size-x}","value":"2px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xxs}","key":"{kbd.inner-shadow-size-x}"},"name":"KbdInnerShadowSizeX","attributes":{"category":"kbd","type":"inner-shadow-size-x"},"path":["kbd","inner-shadow-size-x"]},"inner-shadow-size-y-end":{"key":"{kbd.inner-shadow-size-y-end}","value":"4px","filePath":"src/content/kbd.yml","isSource":true,"original":{"value":"{size-px.xs}","key":"{kbd.inner-shadow-size-y-end}"},"name":"KbdInnerShadowSizeYEnd","attributes":{"category":"kbd","type":"inner-shadow-size-y-end"},"path":["kbd","inner-shadow-size-y-end"]}};

package/dist/types/components/AlertIcon/AlertIcon.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { FC } from 'react';
+import { PropsWithStatus } from '../../lib/types/props';
 import { IconProps } from '../Icon';
-export type AlertIconProps = IconProps;
+export type AlertIconProps = Omit<IconProps, "status"> & PropsWithStatus;
 /** @flr-generate all */
 export declare const AlertIcon: FC<AlertIconProps>;
 export default AlertIcon;

package/dist/types/components/AlertIcon/AlertIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;~~AAW~~/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;~~AAUvC~~,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"AlertIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAU/C,OAAO,KAAK,EAAE,eAAe,EAAU,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAUzE,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAcxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/Button/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAO9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,WACf,SACE,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,EACnC,kBAAkB,CAAC,iBAAiB,CAAC;IACvC,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;IACnE,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CAKtB;AA+CD,wBAAwB;AACxB,eAAO,MAAM,MAAM,~~mGA2GjB~~,CAAC;AAEH,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAO9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,WACf,SACE,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,EACnC,kBAAkB,CAAC,iBAAiB,CAAC;IACvC,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;IACnE,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CAKtB;AA+CD,wBAAwB;AACxB,eAAO,MAAM,MAAM,mGAmGjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/types/components/Icon/Icon.d.ts CHANGED Viewed

@@ -1,10 +1,24 @@
 import { PropsWithChildren, SVGAttributes, default as React } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { PropsWithStatus } from '../../lib/types/props';
+import { Status } from '../../lib/types/props';
 type SvgAttributeProps = SVGAttributes<SVGSVGElement>;
-export interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name">>, FlowComponentProps, PropsWithStatus {
+declare const iconColors: readonly ["neutral", "blue", "violet", "teal", "lilac", "info", "success", "warning", "danger", "unavailable", "dark", "light", "dark-static", "light-static"];
+type IconColor = (typeof iconColors)[number];
+type IconWithCustomColor = IconColor | (string & {});
+export interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name" | "color">>, FlowComponentProps {
     /** The size of the icon. @default "m" */
     size?: "s" | "m" | "l";
+    /**
+     * The color of the icon. Besides the Flow colors, any custom CSS color is
+     * supported. Inherits the surrounding text color when unset.
+     */
+    color?: IconWithCustomColor;
+    /**
+     * The elements status.
+     *
+     * @deprecated Use `color` instead.
+     */
+    status?: Status;
 }
 /** @flr-generate all */
 export declare const Icon: React.FunctionComponent<IconProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Icon/Icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,KAAK,~~EAAE~~,~~eAAe~~,~~EAAE,~~MAAM,mBAAmB,CAAC;~~AAEzD~~,KAAK,iBAAiB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;AAEtD,MAAM,WAAW,SACf,SACE,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,~~EAClD~~,kBAAkB~~,EAClB,eAAe~~;~~IACjB~~,yCAAyC;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;~~CACxB~~;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,~~0EAmCf~~,CAAC;AAEH,eAAe,IAAI,CAAC"}
1	+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAe,KAAK,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAG1E,KAAK,iBAAiB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;AAEtD,QAAA,MAAM,UAAU,gKAQN,CAAC;AAEX,KAAK,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7C,KAAK,mBAAmB,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAOrD,MAAM,WAAW,SACf,SACE,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,EAC5D,kBAAkB;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAwB;AACxB,eAAO,MAAM,IAAI,0EAmDf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/dist/types/components/Icon/stories/Default.stories.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof Icon>;
 export default meta;
 type Story = StoryObj<typeof Icon>;
 export declare const Default: Story;
+export declare const Colors: Story;
+export declare const CustomColor: Story;
 export declare const TablerIcon: Story;
 export declare const CustomSvg: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/Icon/stories/Default.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,wBAAwB,CAAC;~~AAI1C~~,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,~~CAc3B~~,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}
1	+ {"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAe1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAkB3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}