@salutejs/sdds-dfa 0.175.0-canary.1574.11921374356.0 → 0.175.1-canary.1561.11932328624.0

package/api/sdds-dfa.api.md

@@ -545,12 +545,15 @@ true: PolymorphicClassName;
 };
 }> & ((HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
 children?: ReactNode;
 } & {
 clear?: true | undefined;
@@ -558,12 +561,15 @@ pilled?: false | undefined;
 transparent?: false | undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
 children?: ReactNode;
 } & {
 pilled?: true | undefined;
@@ -571,12 +577,63 @@ transparent?: boolean | undefined;
 clear?: false | undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
 contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
+children?: ReactNode;
+} & {
+pilled?: boolean | undefined;
+transparent?: true | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+contentLeft?: undefined;
 contentRight?: ReactNode;
+} & {
+children?: ReactNode;
+} & {
+clear?: true | undefined;
+pilled?: false | undefined;
+transparent?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: undefined;
+contentRight?: ReactNode;
+} & {
+children?: ReactNode;
+} & {
+pilled?: true | undefined;
+transparent?: boolean | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+contentLeft?: undefined;
+contentRight?: ReactNode;
+} & {
 children?: ReactNode;
 } & {
 pilled?: boolean | undefined;

package/components/Badge/Badge.config.js

@@ -23,10 +23,10 @@ var config = exports.config = {
       light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0.6875rem;\n                ", ": 0.6875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0.5625rem;\n                ", ": 0.5625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.1875rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0.4375rem;\n                ", ": 0.4375rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0 0.6875rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0 0.5625rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.1875rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0 0.4375rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": 0 0.188rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
     },
     pilled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.25rem;\n            "])), _styledComponents.badgeTokens.pilledBorderRadius)
@@ -35,7 +35,7 @@ var config = exports.config = {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     clear: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n            "])), _styledComponents.badgeTokens.backgroundClear)
     }
   }
 };

package/components/Badge/Badge.d.ts

@@ -29,11 +29,14 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
     };
 }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
     maxWidth?: import("csstype").Property.Width<string | number> | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    contentLeft?: import("react").ReactNode;
+    contentRight?: undefined;
 } & {
     children?: import("react").ReactNode;
 } & {
@@ -42,11 +45,14 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
     transparent?: false | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
     maxWidth?: import("csstype").Property.Width<string | number> | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    contentLeft?: import("react").ReactNode;
+    contentRight?: undefined;
 } & {
     children?: import("react").ReactNode;
 } & {
@@ -55,11 +61,62 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
     clear?: false | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
+    maxWidth?: import("csstype").Property.Width<string | number> | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
     contentLeft?: import("react").ReactNode;
+    contentRight?: undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    pilled?: boolean | undefined;
+    transparent?: true | undefined;
+    clear?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
+    maxWidth?: import("csstype").Property.Width<string | number> | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    contentLeft?: undefined;
     contentRight?: import("react").ReactNode;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    clear?: true | undefined;
+    pilled?: false | undefined;
+    transparent?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
     maxWidth?: import("csstype").Property.Width<string | number> | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    contentLeft?: undefined;
+    contentRight?: import("react").ReactNode;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    pilled?: true | undefined;
+    transparent?: boolean | undefined;
+    clear?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
+    maxWidth?: import("csstype").Property.Width<string | number> | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    contentLeft?: undefined;
+    contentRight?: import("react").ReactNode;
 } & {
     children?: import("react").ReactNode;
 } & {

package/components/Select/Select.config.js

@@ -16,10 +16,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldPlaceholderColorFocus, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldTextBeforeColor, _styledComponents.selectTokens.textFieldTextAfterColor, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldFocusColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldContentSlotColorHover, _styledComponents.selectTokens.textFieldContentSlotColorActive, _styledComponents.selectTokens.textFieldIndicatorColor, _styledComponents.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
       accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
       secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
       clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover),
@@ -28,10 +28,10 @@ var config = exports.config = {
       white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n            "])), _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.25rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldIndicatorSizeInner, _styledComponents.selectTokens.textFieldIndicatorSizeOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n                ", ": 1.25rem auto auto -0.875rem;\n                ", ": 1.25rem -0.875rem auto auto;\n                ", ": 1.25rem -2.25rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldIndicatorSizeInner, _styledComponents.selectTokens.textFieldIndicatorSizeOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldIndicatorSizeInner, _styledComponents.selectTokens.textFieldIndicatorSizeOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n                ", ": 0.813rem auto auto -0.625rem;\n                ", ": 0.813rem -0.625rem auto auto;\n                ", ": 0.813rem -1.875rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), _styledComponents.selectTokens.textFieldHeight, _styledComponents.selectTokens.textFieldPadding, _styledComponents.selectTokens.textFieldPaddingWithChips, _styledComponents.selectTokens.textFieldBorderRadius, _styledComponents.selectTokens.textFieldLeftContentMargin, _styledComponents.selectTokens.textFieldRightContentMargin, _styledComponents.selectTokens.textFieldTextBeforeMargin, _styledComponents.selectTokens.textFieldTextAfterMargin, _styledComponents.selectTokens.textFieldFontFamily, _styledComponents.selectTokens.textFieldFontSize, _styledComponents.selectTokens.textFieldFontStyle, _styledComponents.selectTokens.textFieldFontWeight, _styledComponents.selectTokens.textFieldLetterSpacing, _styledComponents.selectTokens.textFieldLineHeight, _styledComponents.selectTokens.textFieldLabelOffset, _styledComponents.selectTokens.textFieldLabelFontFamily, _styledComponents.selectTokens.textFieldLabelFontSize, _styledComponents.selectTokens.textFieldLabelFontStyle, _styledComponents.selectTokens.textFieldLabelFontWeight, _styledComponents.selectTokens.textFieldLabelLetterSpacing, _styledComponents.selectTokens.textFieldLabelLineHeight, _styledComponents.selectTokens.textFieldLeftHelperOffset, _styledComponents.selectTokens.textFieldLeftHelperFontFamily, _styledComponents.selectTokens.textFieldLeftHelperFontSize, _styledComponents.selectTokens.textFieldLeftHelperFontStyle, _styledComponents.selectTokens.textFieldLeftHelperFontWeight, _styledComponents.selectTokens.textFieldLeftHelperLetterSpacing, _styledComponents.selectTokens.textFieldLeftHelperLineHeight, _styledComponents.selectTokens.textFieldLabelInnerPadding, _styledComponents.selectTokens.textFieldContentLabelInnerPadding, _styledComponents.selectTokens.textFieldIndicatorSizeInner, _styledComponents.selectTokens.textFieldIndicatorSizeOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.selectTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.selectTokens.textFieldChipGap, _styledComponents.selectTokens.textFieldChipBorderRadius, _styledComponents.selectTokens.textFieldChipWidth, _styledComponents.selectTokens.textFieldChipHeight, _styledComponents.selectTokens.textFieldChipPaddingRight, _styledComponents.selectTokens.textFieldChipPaddingLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginLeft, _styledComponents.selectTokens.textFieldChipClearContentMarginRight, _styledComponents.selectTokens.textFieldChipCloseIconSize, _styledComponents.selectTokens.textFieldChipFontFamily, _styledComponents.selectTokens.textFieldChipFontSize, _styledComponents.selectTokens.textFieldChipFontStyle, _styledComponents.selectTokens.textFieldChipFontWeight, _styledComponents.selectTokens.textFieldChipLetterSpacing, _styledComponents.selectTokens.textFieldChipLineHeight, _styledComponents.selectTokens.buttonArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.buttonPadding, _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.cellPadding, _styledComponents.selectTokens.cellPaddingLeftContent, _styledComponents.selectTokens.cellPaddingContent, _styledComponents.selectTokens.cellPaddingRightContent, _styledComponents.selectTokens.cellTextboxGap, _styledComponents.selectTokens.cellGap, _styledComponents.selectTokens.cellTitleFontFamily, _styledComponents.selectTokens.cellTitleFontSize, _styledComponents.selectTokens.cellTitleFontStyle, _styledComponents.selectTokens.cellTitleFontWeight, _styledComponents.selectTokens.cellTitleLetterSpacing, _styledComponents.selectTokens.cellTitleLineHeight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize)
     },
     labelPlacement: {
       inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldLabelInnerFontFamily, _styledComponents.selectTokens.textFieldLabelInnerFontSize, _styledComponents.selectTokens.textFieldLabelInnerFontStyle, _styledComponents.selectTokens.textFieldLabelInnerFontWeight, _styledComponents.selectTokens.textFieldLabelInnerLetterSpacing, _styledComponents.selectTokens.textFieldLabelInnerLineHeight),

package/components/Select/Select.d.ts

@@ -32,6 +32,97 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (({
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: React.ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & {
+    multiselect?: false | undefined;
+    separator?: undefined;
+} & {
+    value?: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    children?: undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | React.RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+    status?: "warning" | "success" | "error" | undefined;
+    hasItems?: boolean | undefined;
+    isOpen?: boolean | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: React.ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & {
+    multiselect?: true | undefined;
+    separator?: string | undefined;
+} & {
+    value?: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    children?: undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | React.RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+    status?: "warning" | "success" | "error" | undefined;
+    hasItems?: boolean | undefined;
+    isOpen?: boolean | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
     contentLeft?: React.ReactNode;
@@ -70,6 +161,11 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hasItems?: boolean | undefined;
     isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
     contentLeft?: React.ReactNode;

package/es/components/Badge/Badge.config.js

@@ -17,10 +17,10 @@ export var config = {
       light: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n            "])), badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
     },
     size: {
-      l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0.6875rem;\n                ", ": 0.6875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
-      m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0.5625rem;\n                ", ": 0.5625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.1875rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
-      s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0.4375rem;\n                ", ": 0.4375rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
-      xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
+      l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0 0.6875rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
+      m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0 0.5625rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.1875rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
+      s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0 0.4375rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
+      xs: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": 0 0.188rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
     },
     pilled: {
       "true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.25rem;\n            "])), badgeTokens.pilledBorderRadius)
@@ -29,7 +29,7 @@ export var config = {
       "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     clear: {
-      "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+      "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n            "])), badgeTokens.backgroundClear)
     }
   }
 };

package/es/components/Select/Select.config.js

@@ -10,10 +10,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
+      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
+      warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
+      negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldIndicatorColor, tokens.textFieldOptionalColor, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
       accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
       secondary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
       clear: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
@@ -22,10 +22,10 @@ export var config = {
       white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover)
     },
     size: {
-      l: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      xs: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
+      l: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n                ", ": 1.5rem -2.25rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
+      m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n                ", ": 1.25rem auto auto -0.875rem;\n                ", ": 1.25rem -0.875rem auto auto;\n                ", ": 1.25rem -2.25rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
+      s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
+      xs: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n                ", ": 0.813rem auto auto -0.625rem;\n                ", ": 0.813rem -0.625rem auto auto;\n                ", ": 0.813rem -1.875rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldIndicatorSizeInner, tokens.textFieldIndicatorSizeOuter, tokens.textFieldIndicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementOuterRight, tokens.textFieldClearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorHintInnerRight, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
     },
     labelPlacement: {
       inner: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.175.0-canary.1574.11921374356.0",
+  "version": "0.175.1-canary.1561.11932328624.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.195.0-canary.1574.11921374356.0",
+    "@salutejs/plasma-new-hope": "0.195.1-canary.1561.11932328624.0",
     "@salutejs/sdds-themes": "0.27.0"
   },
   "peerDependencies": {
@@ -95,5 +95,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "d0e340c915c2557d0132f2014c6b3e2660f6226f"
+  "gitHead": "ecbd49fde2f48e29a8260ea8377d65f55bad5458"
 }

package/temp/sdds-dfa.api.md

@@ -545,12 +545,15 @@ true: PolymorphicClassName;
 };
 }> & ((HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
 children?: ReactNode;
 } & {
 clear?: true | undefined;
@@ -558,12 +561,15 @@ pilled?: false | undefined;
 transparent?: false | undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
-contentLeft?: ReactNode;
-contentRight?: ReactNode;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
 children?: ReactNode;
 } & {
 pilled?: true | undefined;
@@ -571,12 +577,63 @@ transparent?: boolean | undefined;
 clear?: false | undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
 contentLeft?: ReactNode;
+contentRight?: undefined;
+} & {
+children?: ReactNode;
+} & {
+pilled?: boolean | undefined;
+transparent?: true | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+contentLeft?: undefined;
 contentRight?: ReactNode;
+} & {
+children?: ReactNode;
+} & {
+clear?: true | undefined;
+pilled?: false | undefined;
+transparent?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
 maxWidth?: Property.Width<string | number> | undefined;
 size?: string | undefined;
 view?: string | undefined;
 } & {
+contentLeft?: undefined;
+contentRight?: ReactNode;
+} & {
+children?: ReactNode;
+} & {
+pilled?: true | undefined;
+transparent?: boolean | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+maxWidth?: Property.Width<string | number> | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+contentLeft?: undefined;
+contentRight?: ReactNode;
+} & {
 children?: ReactNode;
 } & {
 pilled?: boolean | undefined;