@vitality-ds/components 5.7.0-alpha.1 → 5.7.0-alpha.3

package/dist/components/src/Input/Select/types.d.ts

@@ -1,8 +1,8 @@
-import { IconType } from "@vitality-ds/icons/src/Icon/types";
+import type { LucideIcon } from "lucide-react";
 import React from "react";
 import { GroupBase } from "react-select";
 export declare type MultiSelectTypeNames = "chip";
-export declare type IconPropType = React.FunctionComponent<IconType>;
+export declare type IconPropType = LucideIcon;
 export declare type ValueRenderType = "default" | "typeahead";
 export declare type CustomComponentsType = {
     /**

package/dist/components/src/Input/TextInput/components/IconAdornment/types.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
-import { IconType } from "@vitality-ds/icons/src/Icon/types";
-import { valueof } from "../../../../helpers/logic/type-helpers";
-declare type IconAdornmentIcon = IconType;
+import type { LucideIcon } from "lucide-react";
 export declare type IconAdornmentProps = {
-    icon: React.FC<IconAdornmentIcon>;
-    color?: valueof<Pick<IconType, "color">>;
+    icon: LucideIcon;
+    color?: string;
 };
-export {};

package/dist/components/src/Link/styled.d.ts

@@ -1,266 +1,10 @@
 export declare const BaseLink: import("@stitches/react/types/styled-component").StyledComponent<"a", import("@stitches/react/types/styled-component").StyledComponentProps<[import("@stitches/react/types/styled-component").CssComponent<never, import("@stitches/react/types/styled-component").StyledComponentProps<[{
-    [x: string]: string | number | any[] | {
-        marginTop: string;
-        textAlign?: undefined;
-        textOverflow?: undefined;
-        wrap?: undefined;
-        color?: undefined;
-        variant?: undefined;
-        maxLines?: undefined;
-        listStylePosition?: undefined;
-        paddingInlineStart?: undefined;
-        marginBlock?: undefined;
-    } | {
-        textAlign: {
-            start: {
-                textAlign: string;
-            };
-            end: {
-                textAlign: string;
-            };
-            left: {
-                textAlign: string;
-            };
-            right: {
-                textAlign: string;
-            };
-            center: {
-                textAlign: string;
-            };
-            justify: {
-                textAlign: string;
-            };
-            matchParent: {
-                textAlign: string;
-            };
-        };
-        textOverflow: {
-            ellipsis: {
-                textOverflow: string;
-                overflow: string;
-            };
-            clip: {
-                textOverflow: string;
-                overflow: string;
-            };
-        };
-        wrap: {
-            true: {
-                whiteSpace: string;
-                overflow: string;
-            };
-            false: {
-                whiteSpace: string;
-                overflow: string;
-            };
-        };
-        color: {
-            inherit: {
-                color: string;
-            };
-            hiContrast: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            primary: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            lowContrast: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            disabled: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            accent: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            info: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            moderate: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            critical: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            warning: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-            success: {
-                color: "$colors$blue2" | "$colors$cyan2" | "$colors$green2" | "$colors$grey2" | "$colors$greyA2" | "$colors$orange2" | "$colors$pink2" | "$colors$red2" | "$colors$violet2" | "$colors$yellow2" | "$colors$blue1" | "$colors$cyan1" | "$colors$green1" | "$colors$grey1" | "$colors$greyA1" | "$colors$orange1" | "$colors$pink1" | "$colors$red1" | "$colors$violet1" | "$colors$yellow1" | "$colors$blue7" | "$colors$cyan7" | "$colors$green7" | "$colors$grey7" | "$colors$greyA7" | "$colors$orange7" | "$colors$pink7" | "$colors$red7" | "$colors$violet7" | "$colors$yellow7" | "$colors$blue12" | "$colors$cyan12" | "$colors$green12" | "$colors$grey12" | "$colors$greyA12" | "$colors$orange12" | "$colors$pink12" | "$colors$red12" | "$colors$violet12" | "$colors$yellow12" | "$colors$blue14" | "$colors$cyan14" | "$colors$green14" | "$colors$grey14" | "$colors$greyA14" | "$colors$orange14" | "$colors$pink14" | "$colors$red14" | "$colors$violet14" | "$colors$yellow14" | "$colors$blue3" | "$colors$cyan3" | "$colors$green3" | "$colors$grey3" | "$colors$greyA3" | "$colors$orange3" | "$colors$pink3" | "$colors$red3" | "$colors$violet3" | "$colors$yellow3" | "$colors$blue4" | "$colors$cyan4" | "$colors$green4" | "$colors$grey4" | "$colors$greyA4" | "$colors$orange4" | "$colors$pink4" | "$colors$red4" | "$colors$violet4" | "$colors$yellow4" | "$colors$blue5" | "$colors$cyan5" | "$colors$green5" | "$colors$grey5" | "$colors$greyA5" | "$colors$orange5" | "$colors$pink5" | "$colors$red5" | "$colors$violet5" | "$colors$yellow5" | "$colors$blue10" | "$colors$cyan10" | "$colors$green10" | "$colors$grey10" | "$colors$greyA10" | "$colors$orange10" | "$colors$pink10" | "$colors$red10" | "$colors$violet10" | "$colors$yellow10" | "$colors$blue9" | "$colors$cyan9" | "$colors$green9" | "$colors$grey9" | "$colors$greyA9" | "$colors$orange9" | "$colors$pink9" | "$colors$red9" | "$colors$violet9" | "$colors$yellow9" | "$colors$blue11" | "$colors$cyan11" | "$colors$green11" | "$colors$grey11" | "$colors$greyA11" | "$colors$orange11" | "$colors$pink11" | "$colors$red11" | "$colors$violet11" | "$colors$yellow11" | "$colors$blue6" | "$colors$cyan6" | "$colors$green6" | "$colors$grey6" | "$colors$greyA6" | "$colors$orange6" | "$colors$pink6" | "$colors$red6" | "$colors$violet6" | "$colors$yellow6" | "$colors$blue8" | "$colors$cyan8" | "$colors$green8" | "$colors$grey8" | "$colors$greyA8" | "$colors$orange8" | "$colors$pink8" | "$colors$red8" | "$colors$violet8" | "$colors$yellow8" | "$colors$blue13" | "$colors$cyan13" | "$colors$green13" | "$colors$grey13" | "$colors$greyA13" | "$colors$orange13" | "$colors$pink13" | "$colors$red13" | "$colors$violet13" | "$colors$yellow13" | "$colors$neutral2" | "$colors$neutralA2" | "$colors$primary2" | "$colors$accent2" | "$colors$success2" | "$colors$info2" | "$colors$warning2" | "$colors$critical2" | "$colors$brand2" | "$colors$neutral1" | "$colors$neutralA1" | "$colors$primary1" | "$colors$accent1" | "$colors$success1" | "$colors$info1" | "$colors$warning1" | "$colors$critical1" | "$colors$brand1" | "$colors$neutral7" | "$colors$neutralA7" | "$colors$primary7" | "$colors$accent7" | "$colors$success7" | "$colors$info7" | "$colors$warning7" | "$colors$critical7" | "$colors$brand7" | "$colors$neutral12" | "$colors$neutralA12" | "$colors$primary12" | "$colors$accent12" | "$colors$success12" | "$colors$info12" | "$colors$warning12" | "$colors$critical12" | "$colors$brand12" | "$colors$neutral14" | "$colors$neutralA14" | "$colors$primary14" | "$colors$accent14" | "$colors$success14" | "$colors$info14" | "$colors$warning14" | "$colors$critical14" | "$colors$brand14" | "$colors$neutral3" | "$colors$neutralA3" | "$colors$primary3" | "$colors$accent3" | "$colors$success3" | "$colors$info3" | "$colors$warning3" | "$colors$critical3" | "$colors$brand3" | "$colors$neutral4" | "$colors$neutralA4" | "$colors$primary4" | "$colors$accent4" | "$colors$success4" | "$colors$info4" | "$colors$warning4" | "$colors$critical4" | "$colors$brand4" | "$colors$neutral5" | "$colors$neutralA5" | "$colors$primary5" | "$colors$accent5" | "$colors$success5" | "$colors$info5" | "$colors$warning5" | "$colors$critical5" | "$colors$brand5" | "$colors$neutral10" | "$colors$neutralA10" | "$colors$primary10" | "$colors$accent10" | "$colors$success10" | "$colors$info10" | "$colors$warning10" | "$colors$critical10" | "$colors$brand10" | "$colors$neutral9" | "$colors$neutralA9" | "$colors$primary9" | "$colors$accent9" | "$colors$success9" | "$colors$info9" | "$colors$warning9" | "$colors$critical9" | "$colors$brand9" | "$colors$neutral11" | "$colors$neutralA11" | "$colors$primary11" | "$colors$accent11" | "$colors$success11" | "$colors$info11" | "$colors$warning11" | "$colors$critical11" | "$colors$brand11" | "$colors$neutral6" | "$colors$neutralA6" | "$colors$primary6" | "$colors$accent6" | "$colors$success6" | "$colors$info6" | "$colors$warning6" | "$colors$critical6" | "$colors$brand6" | "$colors$neutral8" | "$colors$neutralA8" | "$colors$primary8" | "$colors$accent8" | "$colors$success8" | "$colors$info8" | "$colors$warning8" | "$colors$critical8" | "$colors$brand8" | "$colors$neutral13" | "$colors$neutralA13" | "$colors$primary13" | "$colors$accent13" | "$colors$success13" | "$colors$info13" | "$colors$warning13" | "$colors$critical13" | "$colors$brand13";
-            };
-        };
-        variant: {
-            inherit: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            caption: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            button: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            body: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            paragraph: {
-                "& + &": {
-                    marginTop: string;
-                };
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            sectionSubtitle: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            sectionTitle: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            pageTitle: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display100: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display200: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display300: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display400: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display500: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display600: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display700: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display800: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-            display900: {
-                fontSize: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontWeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                lineHeight: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                letterSpacing: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-                fontFamily: "inherit" | "$display100" | "$display200" | "$display300" | "$display400" | "$display500" | "$display600" | "$display700" | "$display800" | "$display900" | "$body" | "$caption" | "$pageTitle" | "$sectionTitle" | "$sectionSubtitle" | "$button" | "$textInput";
-            };
-        };
-        maxLines: {
-            1: {
-                "-webkit-line-clamp": number;
-                maxHeight: string;
-                overflow: string;
-                whiteSpace: string;
-                textOverflow: string;
-                display: string;
-                "-webkit-box-orient": string;
-            };
-            2: {
-                "-webkit-line-clamp": number;
-                maxHeight: string;
-                overflow: string;
-                whiteSpace: string;
-                textOverflow: string;
-                display: string;
-                "-webkit-box-orient": string;
-            };
-            3: {
-                "-webkit-line-clamp": number;
-                maxHeight: string;
-                overflow: string;
-                whiteSpace: string;
-                textOverflow: string;
-                display: string;
-                "-webkit-box-orient": string;
-            };
-        };
-        marginTop?: undefined;
-        listStylePosition?: undefined;
-        paddingInlineStart?: undefined;
-        marginBlock?: undefined;
-    } | {
-        listStylePosition: string;
-        paddingInlineStart: number;
-        marginBlock: string;
-        marginTop?: undefined;
-        textAlign?: undefined;
-        textOverflow?: undefined;
-        wrap?: undefined;
-        color?: undefined;
-        variant?: undefined;
-        maxLines?: undefined;
-    };
     fontFamily: string;
     fontSize: string;
     marginBlock: number;
+    "& > svg.lucide": {
+        verticalAlign: string;
+    };
     variants: {
         textAlign: {
             start: {

package/dist/components/src/LucideProvider/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { LucideProviderProps } from "./types";
+declare function LucideProvider({ config, children, }: LucideProviderProps): JSX.Element;
+export default LucideProvider;

package/dist/components/src/LucideProvider/types.d.ts

@@ -0,0 +1,7 @@
+import { LucideProvider as BaseLucideProvider } from "lucide-react";
+import React from "react";
+export declare type LucideProviderConfig = Omit<React.ComponentProps<typeof BaseLucideProvider>, "children">;
+export declare type LucideProviderProps = {
+    children?: React.ReactNode;
+    config?: LucideProviderConfig;
+};

package/dist/components/src/Provider/types.d.ts

@@ -5,11 +5,20 @@ export declare type ProviderProps = {
     children: JSX.Element;
     config?: VitalityConfig;
 };
-export declare type ProviderNames = "sidebar" | "tooltip" | "theme";
+export declare type ProviderNames = "sidebar" | "tooltip" | "theme" | "lucide";
 declare type DisableProvidersProps = Partial<Record<ProviderNames, boolean>>;
+declare type LucideConfig = {
+    size: number;
+    color: string;
+    strokeWidth: number;
+    absoluteStrokeWidth: boolean;
+    className: string;
+};
+declare type LucideProviderProps = Partial<LucideConfig> & Record<string, unknown>;
 export declare type VitalityConfig = {
     theme?: ThemeProviderProps["config"];
     sidebar?: SidebarProviderProps["config"];
+    lucide?: LucideProviderProps;
     disableProviders?: DisableProvidersProps;
 };
 export {};

package/dist/components/src/StatusBadge/styled.d.ts

@@ -38,6 +38,8 @@ export declare const BaseStatusBadge: import("@stitches/react/types/styled-compo
             critical: {};
             info: {};
             accent: {};
+            brand: {};
+            primary: {};
         };
     };
     compoundVariants: {
@@ -874,6 +876,8 @@ export declare const BaseStatusBadgeLink: import("@stitches/react/types/styled-c
             critical: {};
             info: {};
             accent: {};
+            brand: {};
+            primary: {};
         };
     };
     compoundVariants: {
@@ -1710,6 +1714,8 @@ export declare const BaseStatusBadgeButton: import("@stitches/react/types/styled
             critical: {};
             info: {};
             accent: {};
+            brand: {};
+            primary: {};
         };
     };
     compoundVariants: {

package/dist/components/src/StatusBadge/styles/BaseStatusBadge.styles.d.ts

@@ -41,6 +41,8 @@ declare const _default: import("@stitches/react/types/styled-component").CssComp
             critical: {};
             info: {};
             accent: {};
+            brand: {};
+            primary: {};
         };
     };
     compoundVariants: {

package/dist/components/src/StatusBadge/types.d.ts

@@ -15,7 +15,7 @@ declare type BaseStatusBadgeProps = {
      */
     label?: string;
     /**
-     * Option to pass in a custom icon. Aim to use an icon from the @vitality-ds/icons package
+     * Option to pass in a custom icon. Aim to use an icon from the lucide-react package
      */
     icon?: React.ReactNode;
     /**