@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.0-dev.0

package/dist/css/cjs/components/Select/Select.js

@@ -6,6 +6,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var css = require('@salutejs/plasma-new-hope/css');
 var React = require('react');
 var Select_config = require('./Select.config.js');
+var Select_clear_config = require('./Select.clear.config.js');
 var Select_viewMode_config = require('./Select.viewMode.config.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,10 +15,13 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 var mergedConfig = /*#__PURE__*/css.mergeConfig(css.selectConfig, Select_config.config);
 var SelectDefault = /*#__PURE__*/css.component(mergedConfig);
+var mergedConfigClear = /*#__PURE__*/css.mergeConfig(css.selectConfig, Select_clear_config.config);
+var SelectClear = /*#__PURE__*/css.component(mergedConfigClear);
 var mergedConfigViewMode = /*#__PURE__*/css.mergeConfig(css.selectConfig, Select_viewMode_config.config);
 var SelectViewMode = /*#__PURE__*/css.component(mergedConfigViewMode);
 var SelectNewHope = /*#__PURE__*/css.createConditionalComponent({
   "default": SelectDefault,
+  clear: SelectClear,
   viewMode: SelectViewMode
 });
 var SelectComponent = function SelectComponent(props, ref) {

package/dist/css/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import {\n    selectConfig,\n    component,\n    mergeConfig,\n    fixedForwardRef,\n    createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\nimport type {\n    SelectProps as SelectPropsNewHope,\n    SelectItemOption,\n    DistributivePick,\n    DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\nimport { config as viewModeConfig } from './Select.viewMode.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectDefault = component(mergedConfig);\n\nconst mergedConfigViewMode = mergeConfig(selectConfig, viewModeConfig);\nconst SelectViewMode = component(mergedConfigViewMode);\n\nconst SelectNewHope = createConditionalComponent({\n    default: SelectDefault,\n    viewMode: SelectViewMode,\n});\n\nexport type SelectProps<K extends SelectItemOption> = DistributiveOmit<\n    SelectPropsNewHope<K>,\n    'size' | 'view' | 'chipView' | 'hintView' | 'hintSize' | 'labelPlacement'\n> &\n    DistributivePick<\n        ComponentProps<typeof SelectDefault>,\n        'size' | 'view' | 'chipView' | 'hintView' | 'hintSize' | 'labelPlacement'\n    > & {\n        appearance?: 'default' | 'viewMode';\n    };\n\nconst SelectComponent = <K extends SelectItemOption>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectDefault","component","mergedConfigViewMode","viewModeConfig","SelectViewMode","SelectNewHope","createConditionalComponent","viewMode","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,aAAa,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAE7C,IAAMM,oBAAoB,gBAAGL,eAAW,CAACC,gBAAY,EAAEK,6BAAc,CAAC;AACtE,IAAMC,cAAc,gBAAGH,aAAS,CAACC,oBAAoB,CAAC;AAEtD,IAAMG,aAAa,gBAAGC,8BAA0B,CAAC;AAC7C,EAAA,SAAA,EAASN,aAAa;AACtBO,EAAAA,QAAQ,EAAEH;AACd,CAAC,CAAC;AAaF,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAgCC,KAAqB,EAAEC,GAAoC,EAAK;AACjH,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACP,aAAa,EAAAQ,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAW,CAAC;AAC1D,CAAC;AAED,IAAMK,MAAM,gBAAGC,mBAAe,CAACP,eAAe;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import {\n    selectConfig,\n    component,\n    mergeConfig,\n    fixedForwardRef,\n    createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\nimport type {\n    SelectProps as SelectPropsNewHope,\n    SelectItemOption,\n    DistributivePick,\n    DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\nimport { config as clearConfig } from './Select.clear.config';\nimport { config as viewModeConfig } from './Select.viewMode.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectDefault = component(mergedConfig);\n\nconst mergedConfigClear = mergeConfig(selectConfig, clearConfig);\nconst SelectClear = component(mergedConfigClear);\n\nconst mergedConfigViewMode = mergeConfig(selectConfig, viewModeConfig);\nconst SelectViewMode = component(mergedConfigViewMode);\n\nconst SelectNewHope = createConditionalComponent({\n    default: SelectDefault,\n    clear: SelectClear,\n    viewMode: SelectViewMode,\n});\n\nexport type SelectProps<K extends SelectItemOption> = DistributiveOmit<\n    SelectPropsNewHope<K>,\n    'size' | 'view' | 'chipView' | 'hintView' | 'hintSize' | 'labelPlacement'\n> &\n    DistributivePick<\n        ComponentProps<typeof SelectDefault>,\n        'size' | 'view' | 'chipView' | 'hintView' | 'hintSize' | 'labelPlacement'\n    > & {\n        appearance?: 'default' | 'clear' | 'viewMode';\n    };\n\nconst SelectComponent = <K extends SelectItemOption>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n    return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectDefault","component","mergedConfigClear","clearConfig","SelectClear","mergedConfigViewMode","viewModeConfig","SelectViewMode","SelectNewHope","createConditionalComponent","clear","viewMode","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,aAAa,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAE7C,IAAMM,iBAAiB,gBAAGL,eAAW,CAACC,gBAAY,EAAEK,0BAAW,CAAC;AAChE,IAAMC,WAAW,gBAAGH,aAAS,CAACC,iBAAiB,CAAC;AAEhD,IAAMG,oBAAoB,gBAAGR,eAAW,CAACC,gBAAY,EAAEQ,6BAAc,CAAC;AACtE,IAAMC,cAAc,gBAAGN,aAAS,CAACI,oBAAoB,CAAC;AAEtD,IAAMG,aAAa,gBAAGC,8BAA0B,CAAC;AAC7C,EAAA,SAAA,EAAST,aAAa;AACtBU,EAAAA,KAAK,EAAEN,WAAW;AAClBO,EAAAA,QAAQ,EAAEJ;AACd,CAAC,CAAC;AAaF,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAgCC,KAAqB,EAAEC,GAAoC,EAAK;AACjH,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACR,aAAa,EAAAS,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAW,CAAC;AAC1D,CAAC;AAED,IAAMK,MAAM,gBAAGC,mBAAe,CAACP,eAAe;;;;"}

package/dist/css/cjs/components/Select/Select.viewMode.config.js

@@ -1,4 +1,4 @@
-require('./Select.viewMode.config_mxdq7s.css');
+require('./Select.viewMode.config_p6l86b.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/css/cjs/components/Select/Select.viewMode.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.viewMode.config.js","sources":["../../../../../src-css/components/Select/Select.viewMode.config.ts"],"sourcesContent":["import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodyXS,\n    inverseTextPrimary,\n    inverseTextPrimaryActive,\n    inverseTextPrimaryHover,\n    inverseTextSecondary,\n    inverseTextSecondaryHover,\n    onDarkTextPrimary,\n    onDarkTextPrimaryActive,\n    onDarkTextPrimaryHover,\n    onDarkTextSecondary,\n    onDarkTextSecondaryActive,\n    onDarkTextSecondaryHover,\n    onLightTextPrimary,\n    onLightTextPrimaryActive,\n    onLightTextPrimaryHover,\n    onLightTextSecondary,\n    onLightTextSecondaryActive,\n    onLightTextSecondaryHover,\n    surfaceAccent,\n    surfaceAccentHover,\n    surfaceNegative,\n    surfaceSolidCard,\n    surfaceSolidDefault,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryHover,\n    surfaceTransparentTertiary,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n    textWarning,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n        labelPlacement: 'outer',\n        chipView: 'default',\n        hintView: 'default',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${inverseTextPrimary};\n                ${tokens.buttonColorHover}: ${inverseTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${inverseTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${inverseTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            positive: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textPositive};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            warning: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textWarning};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            negative: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textNegative};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            accent: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            secondary: css`\n                ${tokens.buttonColor}: ${textPrimary};\n                ${tokens.buttonColorHover}: ${textPrimaryHover};\n                ${tokens.buttonColorActive}: ${textPrimaryActive};\n                ${tokens.buttonArrowColor}: ${textSecondary};\n                ${tokens.buttonArrowColorHover}: ${textSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${textSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            clear: css`\n                ${tokens.buttonColor}: ${textPrimary};\n                ${tokens.buttonColorHover}: ${textPrimaryHover};\n                ${tokens.buttonColorActive}: ${textPrimaryActive};\n                ${tokens.buttonArrowColor}: ${textSecondary};\n                ${tokens.buttonArrowColorHover}: ${textSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${textSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            dark: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            black: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            white: css`\n                ${tokens.buttonColor}: ${onLightTextPrimary};\n                ${tokens.buttonColorHover}: ${onLightTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onLightTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onLightTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onLightTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onLightTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n        },\n        size: {\n            s: css`\n                ${tokens.textFieldHeight}: auto;\n                ${tokens.textFieldScrollableWrapperOverflow}: visible;\n                ${tokens.textFieldScrollableWrapperHeight}: auto;\n                ${tokens.textFieldChipsFlexWrap}: wrap;\n                ${tokens.textFieldInputContainerDisplay}: none;\n                ${tokens.disclosureIconSize}: 0rem;\n                ${tokens.textFieldPadding}: 0.25rem 0;\n                ${tokens.textFieldPaddingWithChips}: 0.25rem 0;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem 0 -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldBorderWidth}: 0.125rem;\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.25rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 1.75rem;\n                ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.buttonArrowMargin}: 0 0 0 0.25rem;\n                ${tokens.targetHeight}: 1.75rem;\n                ${tokens.buttonPadding}: 0.25rem 0;\n\n                ${tokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 0.5rem 0.625rem;\n                ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1rem;\n                ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.itemGap}: 0.375rem;\n                ${tokens.itemTreeOffsetWidth}: 1.875rem;\n\n                ${tokens.cellPadding}: 0rem;\n                ${tokens.cellPaddingLeftContent}: 0rem;\n                ${tokens.cellPaddingContent}: 0rem;\n                ${tokens.cellPaddingRightContent}: 0rem;\n                ${tokens.cellTextboxGap}: 0.125rem;\n                ${tokens.cellGap}: 0.375rem;\n                ${tokens.cellTitleFontFamily}: ${bodyS.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyS.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyS.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyS.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyS.fontFamily};\n                ${tokens.fontSize}: ${bodyS.fontSize};\n                ${tokens.fontStyle}: ${bodyS.fontStyle};\n                ${tokens.fontWeight}: ${bodyS.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.375rem;\n                ${tokens.dividerMarginRight}: 0.75rem;\n                ${tokens.dividerMarginBottom}: 0.375rem;\n                ${tokens.dividerMarginLeft}: 0.75rem;\n                ${tokens.dividerMarginTopTight}: 0.25rem;\n                ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n                ${tokens.disclosureIconMargin}: 0 0 0 0;\n            `,\n            xs: css`\n                ${tokens.textFieldHeight}: auto;\n                ${tokens.textFieldScrollableWrapperOverflow}: visible;\n                ${tokens.textFieldScrollableWrapperHeight}: auto;\n                ${tokens.textFieldChipsFlexWrap}: wrap;\n                ${tokens.textFieldInputContainerDisplay}: none;\n                ${tokens.disclosureIconSize}: 0rem;\n                ${tokens.textFieldPadding}: 0.125rem 0;\n                ${tokens.textFieldPaddingWithChips}: 0.125rem 0;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.688rem 0 -0.688rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.textFieldBorderWidth}: 0.125rem;\n                ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.125rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 1.25rem;\n                ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.buttonArrowMargin}: 0 0 0 0.25rem;\n                ${tokens.targetHeight}: 1.25rem;\n                ${tokens.buttonPadding}: 0.125rem 0;\n\n                ${tokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.itemHeight}: 1rem;\n                ${tokens.itemPadding}: 0.5rem 0.375rem;\n                ${tokens.itemPaddingTight}: 0.25rem 0.375rem;\n                ${tokens.itemBorderRadius}: 0.375rem;\n                ${tokens.itemIconSize}: 1rem;\n                ${tokens.itemIconSizeTight}: 1rem;\n                ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n                ${tokens.itemGap}: 0.25rem;\n                ${tokens.itemTreeOffsetWidth}: 1.25rem;\n\n                ${tokens.cellPadding}: 0rem;\n                ${tokens.cellPaddingLeftContent}: 0rem;\n                ${tokens.cellPaddingContent}: 0rem;\n                ${tokens.cellPaddingRightContent}: 0rem;\n                ${tokens.cellTextboxGap}: 0.125rem;\n                ${tokens.cellGap}: 0.25rem;\n                ${tokens.cellTitleFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyXS.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyXS.fontFamily};\n                ${tokens.fontSize}: ${bodyXS.fontSize};\n                ${tokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 0.875rem;\n                ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.25rem;\n                ${tokens.dividerMarginRight}: 0.5rem;\n                ${tokens.dividerMarginBottom}: 0.225rem;\n                ${tokens.dividerMarginLeft}: 0.5rem;\n                ${tokens.dividerMarginTopTight}: 0.125rem;\n                ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n                ${tokens.disclosureIconMargin}: 0 0 0 0;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldLabelInnerFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelInnerFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelInnerFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelInnerFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelInnerLineHeight}: ${bodyXS.lineHeight};\n            `,\n            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceSolidDefault};\n                ${tokens.textFieldChipColorReadOnly}: ${inverseTextPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceSolidDefault};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${inverseTextPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.textFieldChipColor}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipColorHover}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceAccent};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceAccentHover};\n                ${tokens.textFieldChipCloseIconColor}: ${onDarkTextSecondary};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${onDarkTextSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${onDarkTextPrimary};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceAccent};\n                ${tokens.textFieldChipColorReadOnly}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceAccent};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCard};\n                ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.textFieldTooltipColor}: ${textPrimary};\n                ${tokens.textFieldTooltipArrowBackground}: ${surfaceSolidCard};\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.textFieldDisabledOpacity}: 1;\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.disclosureIconOpacityReadOnly}: 1;\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLabelColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n                ${tokens.textFieldBorderColorReadOnly}: transparent;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","hintView","hintSize","variations","default","positive","warning","negative","accent","secondary","clear","dark","black","white","s","xs","inner","outer","m","disabled","true","readOnly"],"mappings":";;;;AA0CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRN,IAAAA,IAAI,EAAE;AACFO,MAAAA,SAAAA,EAAO,UAiDN;AACDC,MAAAA,QAAQ,EAAA,UAkDP;AACDC,MAAAA,OAAO,EAAA,SAkDN;AACDC,MAAAA,QAAQ,EAAA,UAkDP;AACDC,MAAAA,MAAM,EAAA,UAyBL;AACDC,MAAAA,SAAS,EAAA,UAyBR;AACDC,MAAAA,KAAK,EAAA,SAyBJ;AACDC,MAAAA,IAAI,EAAA,SAyBH;AACDC,MAAAA,KAAK,EAAA,UAyBJ;AACDC,MAAAA,KAAK,EAAA;KA0BR;AACDf,IAAAA,IAAI,EAAE;AACFgB,MAAAA,CAAC,EAAA,UAoIA;AACDC,MAAAA,EAAE,EAAA;KAqIL;AACDhB,IAAAA,cAAc,EAAE;AACZiB,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNI,MAAAA,SAAAA,EAAO,UAcN;AACDK,MAAAA,SAAS,EAAA,UAcR;AACDD,MAAAA,MAAM,EAAA;KAeT;AACDP,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNgB,MAAAA,CAAC,EAAA,UAuBA;AACDJ,MAAAA,CAAC,EAAA;KAwBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAQP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAcR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Select.viewMode.config.js","sources":["../../../../../src-css/components/Select/Select.viewMode.config.ts"],"sourcesContent":["import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodyXS,\n    inverseTextPrimary,\n    inverseTextPrimaryActive,\n    inverseTextPrimaryHover,\n    inverseTextSecondary,\n    inverseTextSecondaryHover,\n    onDarkTextPrimary,\n    onDarkTextPrimaryActive,\n    onDarkTextPrimaryHover,\n    onDarkTextSecondary,\n    onDarkTextSecondaryActive,\n    onDarkTextSecondaryHover,\n    onLightTextPrimary,\n    onLightTextPrimaryActive,\n    onLightTextPrimaryHover,\n    onLightTextSecondary,\n    onLightTextSecondaryActive,\n    onLightTextSecondaryHover,\n    surfaceAccent,\n    surfaceAccentHover,\n    surfaceNegative,\n    surfaceSolidCard,\n    surfaceSolidDefault,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryHover,\n    surfaceTransparentTertiary,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n    textWarning,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n        labelPlacement: 'outer',\n        chipView: 'default',\n        hintView: 'default',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textSecondary};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${inverseTextPrimary};\n                ${tokens.buttonColorHover}: ${inverseTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${inverseTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${inverseTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${inverseTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${inverseTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            positive: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textPositive};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            warning: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textWarning};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            negative: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBackgroundColorFocus}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldBorderColorHover}: transparent;\n                ${tokens.textFieldBorderColorFocus}: transparent;\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColor}: ${textNegative};\n                ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n                ${tokens.textFieldFocusColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n                ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n                ${tokens.textFieldHintIconColor}: ${textSecondary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            accent: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            secondary: css`\n                ${tokens.buttonColor}: ${textPrimary};\n                ${tokens.buttonColorHover}: ${textPrimaryHover};\n                ${tokens.buttonColorActive}: ${textPrimaryActive};\n                ${tokens.buttonArrowColor}: ${textSecondary};\n                ${tokens.buttonArrowColorHover}: ${textSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${textSecondaryHover};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            clear: css`\n                ${tokens.buttonColor}: ${textPrimary};\n                ${tokens.buttonColorHover}: ${textPrimaryHover};\n                ${tokens.buttonColorActive}: ${textPrimaryActive};\n                ${tokens.buttonArrowColor}: ${textSecondary};\n                ${tokens.buttonArrowColorHover}: ${textSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${textSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            dark: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            black: css`\n                ${tokens.buttonColor}: ${onDarkTextPrimary};\n                ${tokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onDarkTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onDarkTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onDarkTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n            white: css`\n                ${tokens.buttonColor}: ${onLightTextPrimary};\n                ${tokens.buttonColorHover}: ${onLightTextPrimaryHover};\n                ${tokens.buttonColorActive}: ${onLightTextPrimaryActive};\n                ${tokens.buttonArrowColor}: ${onLightTextSecondary};\n                ${tokens.buttonArrowColorHover}: ${onLightTextSecondaryHover};\n                ${tokens.buttonArrowColorActive}: ${onLightTextSecondaryActive};\n                ${tokens.buttonBackgroundColor}: transparent;\n                ${tokens.buttonBackgroundColorHover}: transparent;\n                ${tokens.buttonBackgroundColorActive}: transparent;\n\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemDisabledOpacity}: 0.4;\n                ${tokens.itemDisabledColor}: ${textPrimary};\n\n                ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n\n                ${tokens.itemIconColor}: ${textAccent};\n\n                ${tokens.checkboxFillColor}: ${textAccent};\n                ${tokens.checkboxIconColor}: ${onDarkTextPrimary};\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n            `,\n        },\n        size: {\n            s: css`\n                ${tokens.textFieldHeight}: auto;\n                ${tokens.textFieldScrollableWrapperOverflow}: visible;\n                ${tokens.textFieldScrollableWrapperHeight}: auto;\n                ${tokens.textFieldChipsFlexWrap}: wrap;\n                ${tokens.textFieldInputContainerDisplay}: none;\n                ${tokens.disclosureIconSize}: 0rem;\n                ${tokens.textFieldPadding}: 0.25rem 0;\n                ${tokens.textFieldPaddingWithChips}: 0.25rem 0;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem 0 -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldBorderWidth}: 0.125rem;\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};\n                ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;\n                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.25rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 1.75rem;\n                ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.buttonArrowMargin}: 0 0 0 0.25rem;\n                ${tokens.targetHeight}: 1.75rem;\n                ${tokens.buttonPadding}: 0.25rem 0;\n\n                ${tokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 0.5rem 0.625rem;\n                ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1rem;\n                ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.itemGap}: 0.375rem;\n                ${tokens.itemTreeOffsetWidth}: 1.875rem;\n\n                ${tokens.cellPadding}: 0rem;\n                ${tokens.cellPaddingLeftContent}: 0rem;\n                ${tokens.cellPaddingContent}: 0rem;\n                ${tokens.cellPaddingRightContent}: 0rem;\n                ${tokens.cellTextboxGap}: 0.125rem;\n                ${tokens.cellGap}: 0.375rem;\n                ${tokens.cellTitleFontFamily}: ${bodyS.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyS.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyS.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyS.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyS.fontFamily};\n                ${tokens.fontSize}: ${bodyS.fontSize};\n                ${tokens.fontStyle}: ${bodyS.fontStyle};\n                ${tokens.fontWeight}: ${bodyS.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.375rem;\n                ${tokens.dividerMarginRight}: 0.75rem;\n                ${tokens.dividerMarginBottom}: 0.375rem;\n                ${tokens.dividerMarginLeft}: 0.75rem;\n                ${tokens.dividerMarginTopTight}: 0.25rem;\n                ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n                ${tokens.disclosureIconMargin}: 0 0 0 0;\n            `,\n            xs: css`\n                ${tokens.textFieldHeight}: auto;\n                ${tokens.textFieldScrollableWrapperOverflow}: visible;\n                ${tokens.textFieldScrollableWrapperHeight}: auto;\n                ${tokens.textFieldChipsFlexWrap}: wrap;\n                ${tokens.textFieldInputContainerDisplay}: none;\n                ${tokens.disclosureIconSize}: 0rem;\n                ${tokens.textFieldPadding}: 0.125rem 0;\n                ${tokens.textFieldPaddingWithChips}: 0.125rem 0;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.688rem 0 -0.688rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.25rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};\n                ${tokens.textFieldTitleCaptionMargin}: 0;\n                ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.textFieldBorderWidth}: 0.125rem;\n                ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n                ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.125rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 1.25rem;\n                ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.buttonArrowMargin}: 0 0 0 0.25rem;\n                ${tokens.targetHeight}: 1.25rem;\n                ${tokens.buttonPadding}: 0.125rem 0;\n\n                ${tokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.itemHeight}: 1rem;\n                ${tokens.itemPadding}: 0.5rem 0.375rem;\n                ${tokens.itemPaddingTight}: 0.25rem 0.375rem;\n                ${tokens.itemBorderRadius}: 0.375rem;\n                ${tokens.itemIconSize}: 1rem;\n                ${tokens.itemIconSizeTight}: 1rem;\n                ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n                ${tokens.itemGap}: 0.25rem;\n                ${tokens.itemTreeOffsetWidth}: 1.25rem;\n\n                ${tokens.cellPadding}: 0rem;\n                ${tokens.cellPaddingLeftContent}: 0rem;\n                ${tokens.cellPaddingContent}: 0rem;\n                ${tokens.cellPaddingRightContent}: 0rem;\n                ${tokens.cellTextboxGap}: 0.125rem;\n                ${tokens.cellGap}: 0.25rem;\n                ${tokens.cellTitleFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyXS.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyXS.fontFamily};\n                ${tokens.fontSize}: ${bodyXS.fontSize};\n                ${tokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 0.875rem;\n                ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.25rem;\n                ${tokens.dividerMarginRight}: 0.5rem;\n                ${tokens.dividerMarginBottom}: 0.225rem;\n                ${tokens.dividerMarginLeft}: 0.5rem;\n                ${tokens.dividerMarginTopTight}: 0.125rem;\n                ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n                ${tokens.disclosureIconMargin}: 0 0 0 0;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldLabelInnerFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldLabelInnerFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldLabelInnerFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldLabelInnerFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldLabelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldLabelInnerLineHeight}: ${bodyXS.lineHeight};\n            `,\n            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceSolidDefault};\n                ${tokens.textFieldChipColorReadOnly}: ${inverseTextPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceSolidDefault};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${inverseTextPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.textFieldChipColor}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipColorHover}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceAccent};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceAccentHover};\n                ${tokens.textFieldChipCloseIconColor}: ${onDarkTextSecondary};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${onDarkTextSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${onDarkTextPrimary};\n\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceAccent};\n                ${tokens.textFieldChipColorReadOnly}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceAccent};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${onDarkTextPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCard};\n                ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.textFieldTooltipColor}: ${textPrimary};\n                ${tokens.textFieldTooltipArrowBackground}: ${surfaceSolidCard};\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n                ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n                ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.textFieldTooltipMinHeight}: 2rem;\n                ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldTooltipTextFontFamily}: ${bodyXS.fontFamily};\n                ${tokens.textFieldTooltipTextFontSize}: ${bodyXS.fontSize};\n                ${tokens.textFieldTooltipTextFontStyle}: ${bodyXS.fontStyle};\n                ${tokens.textFieldTooltipTextFontWeight}: ${bodyXS.fontWeight};\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n                ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n                ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n                ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n                ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.textFieldDisabledOpacity}: 1;\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldBorderColor}: transparent;\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.disclosureIconOpacityReadOnly}: 1;\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n                ${tokens.textFieldBackgroundColor}: transparent;\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLabelColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n                ${tokens.textFieldBorderColorReadOnly}: transparent;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","hintView","hintSize","variations","default","positive","warning","negative","accent","secondary","clear","dark","black","white","s","xs","inner","outer","m","disabled","true","readOnly"],"mappings":";;;;AA0CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRN,IAAAA,IAAI,EAAE;AACFO,MAAAA,SAAAA,EAAO,UAkDN;AACDC,MAAAA,QAAQ,EAAA,UAmDP;AACDC,MAAAA,OAAO,EAAA,SAmDN;AACDC,MAAAA,QAAQ,EAAA,UAmDP;AACDC,MAAAA,MAAM,EAAA,UAyBL;AACDC,MAAAA,SAAS,EAAA,UAyBR;AACDC,MAAAA,KAAK,EAAA,SAyBJ;AACDC,MAAAA,IAAI,EAAA,SAyBH;AACDC,MAAAA,KAAK,EAAA,UAyBJ;AACDC,MAAAA,KAAK,EAAA;KA0BR;AACDf,IAAAA,IAAI,EAAE;AACFgB,MAAAA,CAAC,EAAA,UA2IA;AACDC,MAAAA,EAAE,EAAA;KA4IL;AACDhB,IAAAA,cAAc,EAAE;AACZiB,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNI,MAAAA,SAAAA,EAAO,UAcN;AACDK,MAAAA,SAAS,EAAA,UAcR;AACDD,MAAAA,MAAM,EAAA;KAeT;AACDP,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNgB,MAAAA,CAAC,EAAA,UAuBA;AACDJ,MAAAA,CAAC,EAAA;KAwBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAQP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAcR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Select/{Select.viewMode.config_mxdq7s.css → Select.viewMode.config_p6l86b.css}

@@ -1,15 +1,15 @@
-.d1ptml6i{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--inverse-text-primary,#13181BF5);--plasma-select-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-select-button-color-active:var(--inverse-text-primary-active,#13181BC4);--plasma-select-button-arrow-color:var(--inverse-text-secondary,#485056B0);--plasma-select-button-arrow-color-hover:var(--inverse-text-secondary-hover,#485056FF);--plasma-select-button-arrow-color-active:var(--inverse-text-secondary-hover,#485056FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
-.p14j73c4{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-positive,#24B23E);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
-.wc8jhbx{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-warning,#FF7024);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
-.n1azdec0{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-negative,#FF3D51);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
+.d1ptml6i{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--inverse-text-primary,#13181BF5);--plasma-select-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-select-button-color-active:var(--inverse-text-primary-active,#13181BC4);--plasma-select-button-arrow-color:var(--inverse-text-secondary,#485056B0);--plasma-select-button-arrow-color-hover:var(--inverse-text-secondary-hover,#485056FF);--plasma-select-button-arrow-color-active:var(--inverse-text-secondary-hover,#485056FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
+.p14j73c4{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-positive,#24B23E);--plasma-select-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
+.wc8jhbx{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-warning,#FF7024);--plasma-select-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
+.n1azdec0{--plasma-select-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-background-color:transparent;--plasma-select-textfield-background-color-focus:transparent;--plasma-select-textfield-border-color:transparent;--plasma-select-textfield-border-color-hover:transparent;--plasma-select-textfield-border-color-focus:transparent;--plasma-select-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-select-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color:var(--text-negative,#FF3D51);--plasma-select-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-focus-color:var(--text-accent,#199AF0);--plasma-select-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-new-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-select-new-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .a1cj6ld1{--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .s1bs3i00{--plasma-select-button-color:var(--text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .c9xt0j3{--plasma-select-button-color:var(--text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .dj6sjra{--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-active,#D6DFE6BE);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .b13pk29z{--plasma-select-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-select-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-select-button-arrow-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-select-button-arrow-color-hover:var(--on-dark-text-secondary-hover,#D6DFE6FF);--plasma-select-button-arrow-color-active:var(--on-dark-text-secondary-active,#D6DFE6BE);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
 .w1yzqvcu{--plasma-select-button-color:var(--on-light-text-primary,#13181BF5);--plasma-select-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-select-button-color-active:var(--on-light-text-primary-active,#13181BC4);--plasma-select-button-arrow-color:var(--on-light-text-secondary,#485056B0);--plasma-select-button-arrow-color-hover:var(--on-light-text-secondary-hover,#485056FF);--plasma-select-button-arrow-color-active:var(--on-light-text-secondary-active,#485056D3);--plasma-select-button-background-color:transparent;--plasma-select-button-background-color-hover:transparent;--plasma-select-button-background-color-active:transparent;--plasma-select-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-disclosure-icon-color:var(--text-secondary,#D5DFE69E);--plasma-select-disclosure-icon-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-item-disabled-opacity:0.4;--plasma-select-item-disabled-color:var(--text-primary,#F2F5F8F5);--plasma-select-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-select-item-icon-color:var(--text-accent,#199AF0);--plasma-select-checkbox-fill-color:var(--text-accent,#199AF0);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-select-checkbox-trigger-border-checked-color:transparent;--plasma-select-checkbox-trigger-border-color:var(--text-secondary,#D5DFE69E);}
-.s1mx3u36{--plasma-select-textfield-height:auto;--plasma-select-textfield-scrollable-wrapper-overflow:visible;--plasma-select-textfield-scrollable-wrapper-height:auto;--plasma-select-textfield-chips-flex-wrap:wrap;--plasma-select-textfield-input-container-display:none;--plasma-select-disclosure-icon-size:0rem;--plasma-select-textfield-padding:0.25rem 0;--plasma-select-textfield-padding-with-chips:0.25rem 0;--plasma-select-textfield-border-radius:0.625rem;--plasma-select-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-select-textfield-right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-select-textfield-right-content-with-hint-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-select-textfield-content-right-wrapper-gap:0.25rem;--plasma-select-textfield-content-right-wrapper-margin:-0.438rem 0 -0.438rem 0;--plasma-select-textfield-before-text-margin:0 0.25rem 0 0;--plasma-select-textfield-after-text-margin:0 0 0 0.25rem;--plasma-select-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-textfield-border-width:0.125rem;--plasma-select-textfield-label-offset:0.25rem;--plasma-select-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-textfield__hint-margin:-0.688rem -0.5rem;--plasma-select-textfield__hint-target-size:2.375rem;--plasma-select-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-select-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-select-textfield-left-helper-offset:0.125rem;--plasma-select-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-select-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-select-new-textfield-indicator-size-inner:0.375rem;--plasma-select-new-textfield-indicator-size-outer:0.375rem;--plasma-select-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-select-new-textfield-indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-select-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-select-new-textfield-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-select-new-textfield-clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-select-new-textfield-clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-select-textfield-chip-gap:0.25rem;--plasma-select-textfield-chip-border-radius:0.25rem;--plasma-select-textfield-chip-width:auto;--plasma-select-textfield-chip-height:1.75rem;--plasma-select-textfield-chip-padding:0 0.5rem 0 0.75rem;--plasma-select-textfield-chip-clear-content-margin-left:0rem;--plasma-select-textfield-chip-clear-content-margin-right:0rem;--plasma-select-textfield-chip-close-icon-size:0rem;--plasma-select-textfield-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-button-arrow-margin:0 0 0 0.25rem;--plasma-select-target-height:1.75rem;--plasma-select-button-padding:0.25rem 0;--plasma-select-empty-state-padding:0.625rem 0.875rem 0.625rem 0.875rem;--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.625rem;--plasma-select-item-padding-tight:0.25rem 0.75rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-gap:0.375rem;--plasma-select-item-tree-offset-width:1.875rem;--plasma-select-cell-padding:0rem;--plasma-select-cell-padding-left-content:0rem;--plasma-select-cell-padding-content:0rem;--plasma-select-cell-padding-right-content:0rem;--plasma-select-cell-textbox-gap:0.125rem;--plasma-select-cell-gap:0.375rem;--plasma-select-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-trigger-border-width:0.125rem;--plasma-select-indicator-size:0.375rem;--plasma-select-divider-margin-top:0.375rem;--plasma-select-divider-margin-right:0.75rem;--plasma-select-divider-margin-bottom:0.375rem;--plasma-select-divider-margin-left:0.75rem;--plasma-select-divider-margin-top-tight:0.25rem;--plasma-select-divider-margin-bottom-tight:0.25rem;--plasma-select-disclosure-icon-margin:0 0 0 0;}
-.x26pb6p{--plasma-select-textfield-height:auto;--plasma-select-textfield-scrollable-wrapper-overflow:visible;--plasma-select-textfield-scrollable-wrapper-height:auto;--plasma-select-textfield-chips-flex-wrap:wrap;--plasma-select-textfield-input-container-display:none;--plasma-select-disclosure-icon-size:0rem;--plasma-select-textfield-padding:0.125rem 0;--plasma-select-textfield-padding-with-chips:0.125rem 0;--plasma-select-textfield-border-radius:0.5rem;--plasma-select-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-select-textfield-right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-select-textfield-right-content-with-hint-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-select-textfield-content-right-wrapper-gap:0.25rem;--plasma-select-textfield-content-right-wrapper-margin:-0.688rem 0 -0.688rem 0;--plasma-select-textfield-before-text-margin:0 0.25rem 0 0;--plasma-select-textfield-after-text-margin:0 0 0 0.25rem;--plasma-select-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-label-offset:0.25rem;--plasma-select-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-select-textfield__hint-target-size:2.375rem;--plasma-select-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-select-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-select-textfield-border-width:0.125rem;--plasma-select-textfield-left-helper-offset:0.125rem;--plasma-select-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-select-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-select-new-textfield-indicator-size-inner:0.375rem;--plasma-select-new-textfield-indicator-size-outer:0.375rem;--plasma-select-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-select-new-textfield-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-select-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-select-new-textfield-indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-select-new-textfield-clear-indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-select-new-textfield-clear-indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-select-textfield-chip-gap:0.25rem;--plasma-select-textfield-chip-border-radius:0.125rem;--plasma-select-textfield-chip-width:auto;--plasma-select-textfield-chip-height:1.25rem;--plasma-select-textfield-chip-padding:0 0.375rem 0 0.625rem;--plasma-select-textfield-chip-clear-content-margin-left:0rem;--plasma-select-textfield-chip-clear-content-margin-right:0rem;--plasma-select-textfield-chip-close-icon-size:0rem;--plasma-select-textfield-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-button-arrow-margin:0 0 0 0.25rem;--plasma-select-target-height:1.25rem;--plasma-select-button-padding:0.125rem 0;--plasma-select-empty-state-padding:0.5rem 0.625rem 0.5rem 0.625rem;--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-item-gap:0.25rem;--plasma-select-item-tree-offset-width:1.25rem;--plasma-select-cell-padding:0rem;--plasma-select-cell-padding-left-content:0rem;--plasma-select-cell-padding-content:0rem;--plasma-select-cell-padding-right-content:0rem;--plasma-select-cell-textbox-gap:0.125rem;--plasma-select-cell-gap:0.25rem;--plasma-select-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-trigger-border-width:0.125rem;--plasma-select-indicator-size:0.375rem;--plasma-select-divider-margin-top:0.25rem;--plasma-select-divider-margin-right:0.5rem;--plasma-select-divider-margin-bottom:0.225rem;--plasma-select-divider-margin-left:0.5rem;--plasma-select-divider-margin-top-tight:0.125rem;--plasma-select-divider-margin-bottom-tight:0.125rem;--plasma-select-disclosure-icon-margin:0 0 0 0;}
+.s1mx3u36{--plasma-select-textfield-height:auto;--plasma-select-textfield-scrollable-wrapper-overflow:visible;--plasma-select-textfield-scrollable-wrapper-height:auto;--plasma-select-textfield-chips-flex-wrap:wrap;--plasma-select-textfield-input-container-display:none;--plasma-select-disclosure-icon-size:0rem;--plasma-select-textfield-padding:0.25rem 0;--plasma-select-textfield-padding-with-chips:0.25rem 0;--plasma-select-textfield-border-radius:0.625rem;--plasma-select-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-select-textfield-right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-select-textfield-right-content-with-hint-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-select-textfield-content-right-wrapper-gap:0.25rem;--plasma-select-textfield-content-right-wrapper-margin:-0.438rem 0 -0.438rem 0;--plasma-select-textfield-before-text-margin:0 0.25rem 0 0;--plasma-select-textfield-after-text-margin:0 0 0 0.25rem;--plasma-select-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-textfield-border-width:0.125rem;--plasma-select-textfield-label-offset:0.25rem;--plasma-select-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-textfield-title-caption-margin:0.1875rem;--plasma-select-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield__hint-margin:-0.688rem -0.5rem;--plasma-select-textfield__hint-target-size:2.375rem;--plasma-select-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-select-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-select-textfield-left-helper-offset:0.125rem;--plasma-select-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-select-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-select-new-textfield-indicator-size-inner:0.375rem;--plasma-select-new-textfield-indicator-size-outer:0.375rem;--plasma-select-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-select-new-textfield-indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-select-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-select-new-textfield-indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-select-new-textfield-clear-indicator-placement-inner:1.063rem auto auto -0.75rem;--plasma-select-new-textfield-clear-indicator-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-select-textfield-chip-gap:0.25rem;--plasma-select-textfield-chip-border-radius:0.25rem;--plasma-select-textfield-chip-width:auto;--plasma-select-textfield-chip-height:1.75rem;--plasma-select-textfield-chip-padding:0 0.5rem 0 0.75rem;--plasma-select-textfield-chip-clear-content-margin-left:0rem;--plasma-select-textfield-chip-clear-content-margin-right:0rem;--plasma-select-textfield-chip-close-icon-size:0rem;--plasma-select-textfield-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-textfield-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-textfield-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-textfield-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-textfield-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-textfield-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-button-arrow-margin:0 0 0 0.25rem;--plasma-select-target-height:1.75rem;--plasma-select-button-padding:0.25rem 0;--plasma-select-empty-state-padding:0.625rem 0.875rem 0.625rem 0.875rem;--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.625rem;--plasma-select-item-height:1.5rem;--plasma-select-item-padding:0.5rem 0.625rem;--plasma-select-item-padding-tight:0.25rem 0.75rem;--plasma-select-item-border-radius:0.5rem;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-gap:0.375rem;--plasma-select-item-tree-offset-width:1.875rem;--plasma-select-cell-padding:0rem;--plasma-select-cell-padding-left-content:0rem;--plasma-select-cell-padding-content:0rem;--plasma-select-cell-padding-right-content:0rem;--plasma-select-cell-textbox-gap:0.125rem;--plasma-select-cell-gap:0.375rem;--plasma-select-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-font-family:var(--plasma-typo-body-s-font-family);--plasma-select-font-size:var(--plasma-typo-body-s-font-size);--plasma-select-font-style:var(--plasma-typo-body-s-font-style);--plasma-select-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-select-checkbox-trigger-size:1.25rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.375rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-trigger-border-width:0.125rem;--plasma-select-indicator-size:0.375rem;--plasma-select-divider-margin-top:0.375rem;--plasma-select-divider-margin-right:0.75rem;--plasma-select-divider-margin-bottom:0.375rem;--plasma-select-divider-margin-left:0.75rem;--plasma-select-divider-margin-top-tight:0.25rem;--plasma-select-divider-margin-bottom-tight:0.25rem;--plasma-select-disclosure-icon-margin:0 0 0 0;}
+.x26pb6p{--plasma-select-textfield-height:auto;--plasma-select-textfield-scrollable-wrapper-overflow:visible;--plasma-select-textfield-scrollable-wrapper-height:auto;--plasma-select-textfield-chips-flex-wrap:wrap;--plasma-select-textfield-input-container-display:none;--plasma-select-disclosure-icon-size:0rem;--plasma-select-textfield-padding:0.125rem 0;--plasma-select-textfield-padding-with-chips:0.125rem 0;--plasma-select-textfield-border-radius:0.5rem;--plasma-select-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-select-textfield-right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-select-textfield-right-content-with-hint-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-select-textfield-content-right-wrapper-gap:0.25rem;--plasma-select-textfield-content-right-wrapper-margin:-0.688rem 0 -0.688rem 0;--plasma-select-textfield-before-text-margin:0 0.25rem 0 0;--plasma-select-textfield-after-text-margin:0 0 0 0.25rem;--plasma-select-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-label-offset:0.25rem;--plasma-select-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-title-caption-margin:0;--plasma-select-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-select-textfield__hint-target-size:2.375rem;--plasma-select-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-select-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-select-textfield-border-width:0.125rem;--plasma-select-textfield-left-helper-offset:0.125rem;--plasma-select-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-select-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-select-new-textfield-indicator-size-inner:0.375rem;--plasma-select-new-textfield-indicator-size-outer:0.375rem;--plasma-select-new-textfield-indicator-placement-inner:0 0 0 0;--plasma-select-new-textfield-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-select-new-textfield-indicator-placement-inner-right:0 0 auto auto;--plasma-select-new-textfield-indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-select-new-textfield-clear-indicator-placement-inner:0.813rem auto auto -0.625rem;--plasma-select-new-textfield-clear-indicator-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-select-textfield-chip-gap:0.25rem;--plasma-select-textfield-chip-border-radius:0.125rem;--plasma-select-textfield-chip-width:auto;--plasma-select-textfield-chip-height:1.25rem;--plasma-select-textfield-chip-padding:0 0.375rem 0 0.625rem;--plasma-select-textfield-chip-clear-content-margin-left:0rem;--plasma-select-textfield-chip-clear-content-margin-right:0rem;--plasma-select-textfield-chip-close-icon-size:0rem;--plasma-select-textfield-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-button-arrow-margin:0 0 0 0.25rem;--plasma-select-target-height:1.25rem;--plasma-select-button-padding:0.125rem 0;--plasma-select-empty-state-padding:0.5rem 0.625rem 0.5rem 0.625rem;--plasma-select-padding:0.125rem;--plasma-select-border-radius:0.5rem;--plasma-select-item-height:1rem;--plasma-select-item-padding:0.5rem 0.375rem;--plasma-select-item-padding-tight:0.25rem 0.375rem;--plasma-select-item-border-radius:0.375rem;--plasma-select-item-icon-size:1rem;--plasma-select-item-icon-size-tight:1rem;--plasma-select-item-icon-margin:0 0.25rem 0 0;--plasma-select-item-gap:0.25rem;--plasma-select-item-tree-offset-width:1.25rem;--plasma-select-cell-padding:0rem;--plasma-select-cell-padding-left-content:0rem;--plasma-select-cell-padding-content:0rem;--plasma-select-cell-padding-right-content:0rem;--plasma-select-cell-textbox-gap:0.125rem;--plasma-select-cell-gap:0.25rem;--plasma-select-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-select-checkbox-trigger-size:0.875rem;--plasma-select-checkbox-trigger-size-tight:0.875rem;--plasma-select-checkbox-trigger-border-radius:0.25rem;--plasma-select-checkbox-trigger-border-radius-tight:0.25rem;--plasma-select-checkbox-trigger-border-width:0.125rem;--plasma-select-indicator-size:0.375rem;--plasma-select-divider-margin-top:0.25rem;--plasma-select-divider-margin-right:0.5rem;--plasma-select-divider-margin-bottom:0.225rem;--plasma-select-divider-margin-left:0.5rem;--plasma-select-divider-margin-top-tight:0.125rem;--plasma-select-divider-margin-bottom-tight:0.125rem;--plasma-select-disclosure-icon-margin:0 0 0 0;}
 .ix34b3f{--plasma-select-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-placement-inner-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-select-textfield-placement-inner-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-select-textfield-placement-inner-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-select-textfield-placement-inner-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-select-textfield-placement-inner-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-select-textfield-placement-inner-label-line-height:var(--plasma-typo-body-xs-line-height);}
 
 .d1gy9e84{--plasma-select-textfield-chip-color:var(--text-primary,#F2F5F8F5);--plasma-select-textfield-chip-color-hover:var(--text-primary,#F2F5F8F5);--plasma-select-textfield--chip-background:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-textfield-chip-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-select-textfield-chip-close-icons-color:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-chip-close-icons-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-select-textfield-chip-close-icons-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-select-textfield__chip-background-readonly:var(--surface-solid-default,#F7F9FB);--plasma-select-textfield__chip-color-readonly:var(--inverse-text-primary,#13181BF5);--plasma-select-textfield__chip-background-readonly-hover:var(--surface-solid-default,#F7F9FB);--plasma-select-textfield__chip-color-readonly-hover:var(--inverse-text-primary,#13181BF5);--plasma-select-textfield__chip-opacity-readonly:1;}

package/dist/css/cjs/components/Sheet/Sheet.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.config.js","sources":["../../../../../src-css/components/Sheet/Sheet.config.tsx"],"sourcesContent":["import { css, sheetTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    overlayBlur,\n    overlaySoft,\n    surfaceSolidCard,\n    surfaceSolidTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sheetTokens.sheetOverlayColor}: ${overlaySoft};\n                ${sheetTokens.sheetOverlayWithBlurColor}: ${overlayBlur};\n                ${sheetTokens.contentBackgroundColor}: ${surfaceSolidCard};\n                ${sheetTokens.handleBackgroundColor}: ${surfaceSolidTertiary};\n            `,\n        },\n        handlePlacement: {\n            inner: css`\n                ${sheetTokens.handleMarginTop}: -2.375rem;\n            `,\n            outer: css`\n                ${sheetTokens.handleMarginTop}: -1.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default","handlePlacement","inner","outer"],"mappings":";;;;AAQO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAAA,EAAO;KAMV;AACDC,IAAAA,eAAe,EAAE;AACbC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,KAAK,EAAA;AAGT;AACJ;AACJ;;;;"}
+{"version":3,"file":"Sheet.config.js","sources":["../../../../../src-css/components/Sheet/Sheet.config.tsx"],"sourcesContent":["import { css, sheetTokens } from '@salutejs/plasma-new-hope/css';\nimport { overlayBlur, overlaySoft, surfaceSolidCard, surfaceSolidTertiary } from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sheetTokens.sheetOverlayColor}: ${overlaySoft};\n                ${sheetTokens.sheetOverlayWithBlurColor}: ${overlayBlur};\n                ${sheetTokens.contentBackgroundColor}: ${surfaceSolidCard};\n                ${sheetTokens.handleBackgroundColor}: ${surfaceSolidTertiary};\n            `,\n        },\n        handlePlacement: {\n            inner: css`\n                ${sheetTokens.handleMarginTop}: -2.375rem;\n            `,\n            outer: css`\n                ${sheetTokens.handleMarginTop}: -1.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default","handlePlacement","inner","outer"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAAA,EAAO;KAMV;AACDC,IAAAA,eAAe,EAAE;AACbC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,KAAK,EAAA;AAGT;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineSkeleton.config.js","sources":["../../../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    bodyXXS,\n    dsplL,\n    dsplM,\n    dsplS,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    surfaceTransparentSecondary,\n    surfaceTransparentTertiary,\n    textL,\n    textM,\n    textS,\n    textXS,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\n// INFO: у нас нет централизованного, через theme, способа задавать токен для skeleton gradient\n// INFO: поэтому сейчас константа. Changelog от 12.12.2025\nexport const config = {\n    defaults: {\n        size: 'bodyM',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, linear-gradient(270.00deg, rgb(232, 238, 242) 0.538%,rgb(255, 255, 255) 51.426%,rgb(232, 238, 242) 100%));\n                ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n                ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n            `,\n            lighter: css`\n                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, linear-gradient(90.00deg, rgb(192, 203, 211) 1.601%,rgba(247, 249, 251, 0.5) 51.511%,rgb(192, 203, 211) 99.846%));\n                ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n                ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n            `,\n        },\n        size: {\n            bodyL: css`\n                ${skeletonTokens.lineHeight}: ${bodyL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyL.fontSize};\n            `,\n            bodyM: css`\n                ${skeletonTokens.lineHeight}: ${bodyM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyM.fontSize};\n            `,\n            bodyS: css`\n                ${skeletonTokens.lineHeight}: ${bodyS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyS.fontSize};\n            `,\n            bodyXS: css`\n                ${skeletonTokens.lineHeight}: ${bodyXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyXS.fontSize};\n            `,\n            bodyXXS: css`\n                ${skeletonTokens.lineHeight}: ${bodyXXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyXXS.fontSize};\n            `,\n            dsplL: css`\n                ${skeletonTokens.lineHeight}: ${dsplL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplL.fontSize};\n            `,\n            dsplM: css`\n                ${skeletonTokens.lineHeight}: ${dsplM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplM.fontSize};\n            `,\n            dsplS: css`\n                ${skeletonTokens.lineHeight}: ${dsplS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplS.fontSize};\n            `,\n            h1: css`\n                ${skeletonTokens.lineHeight}: ${h1.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h1.fontSize};\n            `,\n            h2: css`\n                ${skeletonTokens.lineHeight}: ${h2.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h2.fontSize};\n            `,\n            h3: css`\n                ${skeletonTokens.lineHeight}: ${h3.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h3.fontSize};\n            `,\n            h4: css`\n                ${skeletonTokens.lineHeight}: ${h4.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h4.fontSize};\n            `,\n            h5: css`\n                ${skeletonTokens.lineHeight}: ${h5.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h5.fontSize};\n            `,\n            h6: css`\n                ${skeletonTokens.lineHeight}: ${h6.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h6.fontSize};\n            `,\n            textL: css`\n                ${skeletonTokens.lineHeight}: ${textL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textL.fontSize};\n            `,\n            textM: css`\n                ${skeletonTokens.lineHeight}: ${textM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textM.fontSize};\n            `,\n            textS: css`\n                ${skeletonTokens.lineHeight}: ${textS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textS.fontSize};\n            `,\n            textXS: css`\n                ${skeletonTokens.lineHeight}: ${textXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textXS.fontSize};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","size","view","variations","default","lighter","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","h6","textL","textM","textS","textXS"],"mappings":";;;;AAwBA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAIN;AACDC,MAAAA,OAAO,EAAA;KAKV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,MAAM,EAAA,SAGL;AACDC,MAAAA,OAAO,EAAA,SAGN;AACDC,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,QAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,UAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,MAAM,EAAA;AAIV;AACJ;AACJ;;;;"}
+{"version":3,"file":"LineSkeleton.config.js","sources":["../../../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    bodyXXS,\n    dsplL,\n    dsplM,\n    dsplS,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    surfaceTransparentSecondary,\n    surfaceTransparentTertiary,\n    textL,\n    textM,\n    textS,\n    textXS,\n} from '@sddsjs/sdds_finai';\n\n// INFO: у нас нет централизованного, через theme, способа задавать токен для skeleton gradient\n// INFO: поэтому сейчас константа. Changelog от 12.12.2025\nexport const config = {\n    defaults: {\n        size: 'bodyM',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, linear-gradient(270.00deg, rgb(232, 238, 242) 0.538%,rgb(255, 255, 255) 51.426%,rgb(232, 238, 242) 100%));\n                ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n                ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n            `,\n            lighter: css`\n                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, linear-gradient(90.00deg, rgb(192, 203, 211) 1.601%,rgba(247, 249, 251, 0.5) 51.511%,rgb(192, 203, 211) 99.846%));\n                ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n                ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n            `,\n        },\n        size: {\n            bodyL: css`\n                ${skeletonTokens.lineHeight}: ${bodyL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyL.fontSize};\n            `,\n            bodyM: css`\n                ${skeletonTokens.lineHeight}: ${bodyM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyM.fontSize};\n            `,\n            bodyS: css`\n                ${skeletonTokens.lineHeight}: ${bodyS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyS.fontSize};\n            `,\n            bodyXS: css`\n                ${skeletonTokens.lineHeight}: ${bodyXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyXS.fontSize};\n            `,\n            bodyXXS: css`\n                ${skeletonTokens.lineHeight}: ${bodyXXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${bodyXXS.fontSize};\n            `,\n            dsplL: css`\n                ${skeletonTokens.lineHeight}: ${dsplL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplL.fontSize};\n            `,\n            dsplM: css`\n                ${skeletonTokens.lineHeight}: ${dsplM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplM.fontSize};\n            `,\n            dsplS: css`\n                ${skeletonTokens.lineHeight}: ${dsplS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${dsplS.fontSize};\n            `,\n            h1: css`\n                ${skeletonTokens.lineHeight}: ${h1.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h1.fontSize};\n            `,\n            h2: css`\n                ${skeletonTokens.lineHeight}: ${h2.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h2.fontSize};\n            `,\n            h3: css`\n                ${skeletonTokens.lineHeight}: ${h3.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h3.fontSize};\n            `,\n            h4: css`\n                ${skeletonTokens.lineHeight}: ${h4.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h4.fontSize};\n            `,\n            h5: css`\n                ${skeletonTokens.lineHeight}: ${h5.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h5.fontSize};\n            `,\n            h6: css`\n                ${skeletonTokens.lineHeight}: ${h6.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${h6.fontSize};\n            `,\n            textL: css`\n                ${skeletonTokens.lineHeight}: ${textL.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textL.fontSize};\n            `,\n            textM: css`\n                ${skeletonTokens.lineHeight}: ${textM.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textM.fontSize};\n            `,\n            textS: css`\n                ${skeletonTokens.lineHeight}: ${textS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textS.fontSize};\n            `,\n            textXS: css`\n                ${skeletonTokens.lineHeight}: ${textXS.lineHeight};\n                ${skeletonTokens.visibleLineHeight}: ${textXS.fontSize};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","size","view","variations","default","lighter","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","h6","textL","textM","textS","textXS"],"mappings":";;;;AAwBA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAIN;AACDC,MAAAA,OAAO,EAAA;KAKV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,MAAM,EAAA,SAGL;AACDC,MAAAA,OAAO,EAAA,SAGN;AACDC,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,QAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,UAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,MAAM,EAAA;AAIV;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Slider/Slider.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    onLightSurfaceSolidCard,\n    outlineSolidTertiary,\n    surfaceAccent,\n    surfaceSolidDefault,\n    surfaceSolidTertiary,\n    surfaceTransparentPrimary,\n    surfaceTransparentPrimaryHover,\n    surfaceTransparentSecondary,\n    textAccent,\n    textPrimary,\n    textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        pointerSize: 'small',\n        tickType: 'bullet',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sliderTokens.labelColor}: ${textPrimary};\n\n                ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n                ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n                ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n                ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n                ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n                ${sliderTokens.tickDotFilledColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.textFieldCaretColor}: ${textAccent};\n                ${sliderTokens.textFieldColor}: ${textPrimary};\n                ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n                ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n                ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n                ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n            `,\n            accent: css`\n                ${sliderTokens.labelColor}: ${textPrimary};\n\n                ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n                ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n                ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n                ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n                ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n                ${sliderTokens.fillColor}: ${surfaceAccent};\n\n                ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n                ${sliderTokens.tickDotFilledColor}: ${surfaceAccent};\n\n                ${sliderTokens.textFieldCaretColor}: ${textAccent};\n                ${sliderTokens.textFieldColor}: ${textPrimary};\n                ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n                ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n                ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n                ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n            `,\n        },\n        size: {\n            l: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3.5rem;\n                ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n            `,\n            m: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3rem;\n                ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n            `,\n            s: css`\n                ${sliderTokens.size}: 1rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyXS.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyXS.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyXS.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyXS.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyXS.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 2.5rem;\n                ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        pointerSize: {\n            small: css`\n                ${sliderTokens.thumbWidth}: 1rem;\n                ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n            large: css`\n                ${sliderTokens.thumbWidth}: 1.25rem;\n                ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 1rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n            none: css`\n                ${sliderTokens.thumbWidth}: 0rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${sliderTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","l","m","s","small","large","none","disabled","true"],"mappings":";;;;AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA;KAyBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAiDA;AACDC,MAAAA,CAAC,EAAA,SAiDA;AACDC,MAAAA,CAAC,EAAA;KAkDJ;AACDP,IAAAA,WAAW,EAAE;AACTQ,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    onLightSurfaceSolidCard,\n    outlineSolidTertiary,\n    surfaceAccent,\n    surfaceSolidDefault,\n    surfaceSolidTertiary,\n    surfaceTransparentPrimary,\n    surfaceTransparentPrimaryHover,\n    surfaceTransparentSecondary,\n    textAccent,\n    textPrimary,\n    textSecondary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        pointerSize: 'small',\n        tickType: 'bullet',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${sliderTokens.labelColor}: ${textPrimary};\n\n                ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n                ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n                ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n                ${sliderTokens.thumbFocusBorderColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n                ${sliderTokens.fillColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n                ${sliderTokens.tickDotFilledColor}: ${surfaceSolidDefault};\n\n                ${sliderTokens.textFieldCaretColor}: ${textAccent};\n                ${sliderTokens.textFieldColor}: ${textPrimary};\n                ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n                ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n                ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n                ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n            `,\n            accent: css`\n                ${sliderTokens.labelColor}: ${textPrimary};\n\n                ${sliderTokens.rangeValueColor}: ${textSecondary};\n\n                ${sliderTokens.thumbBorderColor}: ${outlineSolidTertiary};\n                ${sliderTokens.thumbBackgroundColor}: ${onLightSurfaceSolidCard};\n                ${sliderTokens.thumbFocusBorderColor}: ${surfaceAccent};\n\n                ${sliderTokens.railBackgroundColor}: ${surfaceSolidTertiary};\n\n                ${sliderTokens.fillColor}: ${surfaceAccent};\n\n                ${sliderTokens.tickDotColor}: ${surfaceSolidTertiary};\n                ${sliderTokens.tickDotFilledColor}: ${surfaceAccent};\n\n                ${sliderTokens.textFieldCaretColor}: ${textAccent};\n                ${sliderTokens.textFieldColor}: ${textPrimary};\n                ${sliderTokens.textFiledFocusColor}: ${textPrimary};\n                ${sliderTokens.textFieldPlaceholderColor}: ${textSecondary};\n\n                ${sliderTokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${sliderTokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n                ${sliderTokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n            `,\n        },\n        size: {\n            l: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyL.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyM.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3.5rem;\n                ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyL.lineHeight};\n            `,\n            m: css`\n                ${sliderTokens.size}: 1.5rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyS.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 3rem;\n                ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyM.lineHeight};\n            `,\n            s: css`\n                ${sliderTokens.size}: 1rem;\n                ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n                ${sliderTokens.labelWrapperGap}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n                ${sliderTokens.labelWrapperMarginRight}: 1rem;\n                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n                ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n                ${sliderTokens.labelFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.labelFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.labelFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.labelFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n                ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n                ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n                ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n                ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n                ${sliderTokens.valueFontFamily}: ${bodyXS.fontFamily};\n                ${sliderTokens.valueFontSize}: ${bodyXS.fontSize};\n                ${sliderTokens.valueFontStyle}: ${bodyXS.fontStyle};\n                ${sliderTokens.valueFontWeight}: ${bodyXS.fontWeight};\n                ${sliderTokens.valueLetterSpacing}: ${bodyXS.letterSpacing};\n                ${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};\n\n                ${sliderTokens.tickSize}: 0.5rem;\n                ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n                ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n                ${sliderTokens.railThickness}: 0.25rem;\n                ${sliderTokens.railBorderRadius}: 0.125rem;\n                ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n                ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n                ${sliderTokens.textFieldHeight}: 2.5rem;\n                ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n                ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n                ${sliderTokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${sliderTokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${sliderTokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${sliderTokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${sliderTokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${sliderTokens.textFieldLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        pointerSize: {\n            small: css`\n                ${sliderTokens.thumbWidth}: 1rem;\n                ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n            large: css`\n                ${sliderTokens.thumbWidth}: 1.25rem;\n                ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 1rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n            none: css`\n                ${sliderTokens.thumbWidth}: 0rem;\n\n                ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n                ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n                ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${sliderTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","l","m","s","small","large","none","disabled","true"],"mappings":";;;;AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SAwBN;AACDC,MAAAA,MAAM,EAAA;KAyBT;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,CAAC,EAAA,UAiDA;AACDC,MAAAA,CAAC,EAAA,SAiDA;AACDC,MAAAA,CAAC,EAAA;KAkDJ;AACDP,IAAAA,WAAW,EAAE;AACTQ,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,KAAK,EAAA,SAOJ;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Spinner/Spinner.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.config.js","sources":["../../../../../src-css/components/Spinner/Spinner.config.tsx"],"sourcesContent":["import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    textAccent,\n    textInfo,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textSecondary,\n    textWarning,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: ${textPrimary};\n            `,\n            secondary: css`\n                ${tokens.color}: ${textSecondary};\n            `,\n            accent: css`\n                ${tokens.color}: ${textAccent};\n            `,\n            positive: css`\n                ${tokens.color}: ${textPositive};\n            `,\n            warning: css`\n                ${tokens.color}: ${textWarning};\n            `,\n            negative: css`\n                ${tokens.color}: ${textNegative};\n            `,\n            info: css`\n                ${tokens.color}: ${textInfo};\n            `,\n        },\n        size: {\n            xxs: css`\n                ${tokens.size}: 1rem;\n            `,\n            xs: css`\n                ${tokens.size}: 1.5rem;\n            `,\n            s: css`\n                ${tokens.size}: 2.25rem;\n            `,\n            m: css`\n                ${tokens.size}: 3rem;\n            `,\n            l: css`\n                ${tokens.size}: 3.5rem;\n            `,\n            xl: css`\n                ${tokens.size}: 5.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","xxs","xs","s","m","l","xl"],"mappings":";;;;AAWO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,SAAS,EAAA,UAER;AACDC,MAAAA,MAAM,EAAA,UAEL;AACDC,MAAAA,QAAQ,EAAA,UAEP;AACDC,MAAAA,OAAO,EAAA,UAEN;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAAA,SAEF;AACDC,MAAAA,EAAE,EAAA,QAED;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,EAAE,EAAA;AAGN;AACJ;AACJ;;;;"}
+{"version":3,"file":"Spinner.config.js","sources":["../../../../../src-css/components/Spinner/Spinner.config.tsx"],"sourcesContent":["import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    textAccent,\n    textInfo,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textSecondary,\n    textWarning,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: ${textPrimary};\n            `,\n            secondary: css`\n                ${tokens.color}: ${textSecondary};\n            `,\n            accent: css`\n                ${tokens.color}: ${textAccent};\n            `,\n            positive: css`\n                ${tokens.color}: ${textPositive};\n            `,\n            warning: css`\n                ${tokens.color}: ${textWarning};\n            `,\n            negative: css`\n                ${tokens.color}: ${textNegative};\n            `,\n            info: css`\n                ${tokens.color}: ${textInfo};\n            `,\n        },\n        size: {\n            xxs: css`\n                ${tokens.size}: 1rem;\n            `,\n            xs: css`\n                ${tokens.size}: 1.5rem;\n            `,\n            s: css`\n                ${tokens.size}: 2.25rem;\n            `,\n            m: css`\n                ${tokens.size}: 3rem;\n            `,\n            l: css`\n                ${tokens.size}: 3.5rem;\n            `,\n            xl: css`\n                ${tokens.size}: 5.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","positive","warning","negative","info","xxs","xs","s","m","l","xl"],"mappings":";;;;AAWO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,SAAS,EAAA,UAER;AACDC,MAAAA,MAAM,EAAA,UAEL;AACDC,MAAAA,QAAQ,EAAA,UAEP;AACDC,MAAAA,OAAO,EAAA,UAEN;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,GAAG,EAAA,SAEF;AACDC,MAAAA,EAAE,EAAA,QAED;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,EAAE,EAAA;AAGN;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Steps/StepItem.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.config.js","sources":["../../../../../src-css/components/Steps/StepItem.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    inverseTextPrimary,\n    onDarkTextPrimary,\n    onDarkTextPrimaryHover,\n    surfaceAccent,\n    surfaceAccentHover,\n    surfaceNegative,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultHover,\n    surfaceWarning,\n    surfaceWarningHover,\n    textNegative,\n    textNegativeHover,\n    textPositive,\n    textPositiveHover,\n    textPrimary,\n    textPrimaryHover,\n    textWarning,\n    textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n                ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n                ${tokens.completedTitleColor}: ${textPrimary};\n                ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n                ${tokens.dividerColor}: ${surfaceSolidDefault};\n            `,\n            accent: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n                ${tokens.completedTitleColor}: ${textPrimary};\n                ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n                ${tokens.dividerColor}: ${surfaceAccent};\n            `,\n            negative: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceNegative};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceNegativeHover};\n                ${tokens.completedTitleColor}: ${textNegative};\n                ${tokens.completedTitleColorHover}: ${textNegativeHover};\n\n                ${tokens.dividerColor}: ${surfaceNegative};\n            `,\n            warning: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceWarning};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceWarningHover};\n                ${tokens.completedTitleColor}: ${textWarning};\n                ${tokens.completedTitleColorHover}: ${textWarningHover};\n\n                ${tokens.dividerColor}: ${surfaceWarning};\n            `,\n            positive: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfacePositive};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfacePositiveHover};\n                ${tokens.completedTitleColor}: ${textPositive};\n                ${tokens.completedTitleColorHover}: ${textPositiveHover};\n\n                ${tokens.dividerColor}: ${surfacePositive};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default","accent","negative","warning","positive"],"mappings":";;;;AAyBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,SASN;AACDC,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,OAAO,EAAA,UASN;AACDC,MAAAA,QAAQ,EAAA;AAUZ;AACJ;AACJ;;;;"}
+{"version":3,"file":"StepItem.config.js","sources":["../../../../../src-css/components/Steps/StepItem.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    inverseTextPrimary,\n    onDarkTextPrimary,\n    onDarkTextPrimaryHover,\n    surfaceAccent,\n    surfaceAccentHover,\n    surfaceNegative,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultHover,\n    surfaceWarning,\n    surfaceWarningHover,\n    textNegative,\n    textNegativeHover,\n    textPositive,\n    textPositiveHover,\n    textPrimary,\n    textPrimaryHover,\n    textWarning,\n    textWarningHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n                ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n                ${tokens.completedTitleColor}: ${textPrimary};\n                ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n                ${tokens.dividerColor}: ${surfaceSolidDefault};\n            `,\n            accent: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n                ${tokens.completedTitleColor}: ${textPrimary};\n                ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n                ${tokens.dividerColor}: ${surfaceAccent};\n            `,\n            negative: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceNegative};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceNegativeHover};\n                ${tokens.completedTitleColor}: ${textNegative};\n                ${tokens.completedTitleColorHover}: ${textNegativeHover};\n\n                ${tokens.dividerColor}: ${surfaceNegative};\n            `,\n            warning: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfaceWarning};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfaceWarningHover};\n                ${tokens.completedTitleColor}: ${textWarning};\n                ${tokens.completedTitleColorHover}: ${textWarningHover};\n\n                ${tokens.dividerColor}: ${surfaceWarning};\n            `,\n            positive: css`\n                ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n                ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n                ${tokens.completedIndicatorBackground}: ${surfacePositive};\n                ${tokens.completedIndicatorBackgroundHover}: ${surfacePositiveHover};\n                ${tokens.completedTitleColor}: ${textPositive};\n                ${tokens.completedTitleColorHover}: ${textPositiveHover};\n\n                ${tokens.dividerColor}: ${surfacePositive};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default","accent","negative","warning","positive"],"mappings":";;;;AAyBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,SASN;AACDC,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,OAAO,EAAA,UASN;AACDC,MAAAA,QAAQ,EAAA;AAUZ;AACJ;AACJ;;;;"}