@salutejs/sdds-sbcom 0.350.1-next-sbcom.0 → 0.351.0-dev.0

package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -40,6 +40,33 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -58,6 +85,9 @@ function _toPropertyKey(t) {
 exports.defineProperty = _defineProperty;
 exports.extends = _extends;
 exports.objectSpread2 = _objectSpread2;
+exports.objectWithoutProperties = _objectWithoutProperties;
+exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports.taggedTemplateLiteral = _taggedTemplateLiteral;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/css/cjs/components/Checkbox/Checkbox.config.js

@@ -1,4 +1,4 @@
-require('./Checkbox.config_63y7oe.css');
+require('./Checkbox.config_vwftwu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.config.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    textAccent,\n    textParagraph,\n    textPrimary,\n    textSecondary,\n    surfaceTransparentSecondary,\n    surfaceAccent,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n        focused: 'true',\n        appearance: 'outline',\n    },\n    variations: {\n        size: {\n            m: css`\n                ${checkboxTokens.margin}: 0;\n                ${checkboxTokens.triggerPadding}: 0.125rem;\n                ${checkboxTokens.triggerSize}: 1.375rem;\n                ${checkboxTokens.triggerBorderRadius}: 100%;\n                ${checkboxTokens.triggerBorderWidth}: 2px;\n                ${checkboxTokens.contentTopOffset}: 0.125rem;\n                ${checkboxTokens.contentLeftOffset}: 0.75rem;\n                ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n                ${checkboxTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${checkboxTokens.labelFontSize}: ${bodyM.fontSize};\n                ${checkboxTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${checkboxTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${checkboxTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${checkboxTokens.labelLineHeight}: ${bodyM.lineHeight};\n                ${checkboxTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n                ${checkboxTokens.descriptionFontSize}: ${bodyS.fontSize};\n                ${checkboxTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n                ${checkboxTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n                ${checkboxTokens.descriptionLetterSpacing}: ${bodyS.letterSpacing};\n                ${checkboxTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        view: {\n            accent: css`\n                ${checkboxTokens.fillColor}: ${surfaceAccent};\n                ${checkboxTokens.iconColor}: ${onDarkTextPrimary};\n                ${checkboxTokens.labelColor}: ${textPrimary};\n                ${checkboxTokens.descriptionColor}: ${textSecondary};\n\n                ${checkboxTokens.triggerBackgroundColor}: ${surfaceTransparentSecondary};\n                ${checkboxTokens.triggerBorderColor}: ${textParagraph};\n                ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${checkboxTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${checkboxTokens.focusColor}: ${textAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","focused","appearance","variations","m","accent","disabled","true"],"mappings":";;;;AAaA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA;KAsBJ;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,MAAM,EAAA;KAUT;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDN,IAAAA,OAAO,EAAE;MACLM,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Checkbox.config.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.config.ts"],"sourcesContent":["import { css, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    textAccent,\n    textParagraph,\n    textPrimary,\n    textSecondary,\n    surfaceTransparentSecondary,\n    surfaceAccent,\n    surfaceAccentHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs\n */\nexport const config = {\n    defaults: {\n        view: 'accent',\n        size: 'm',\n        focused: 'true',\n        appearance: 'outline',\n    },\n    variations: {\n        size: {\n            m: css`\n                ${checkboxTokens.margin}: 0;\n                ${checkboxTokens.triggerPadding}: 0.125rem;\n                ${checkboxTokens.triggerSize}: 1.375rem;\n                ${checkboxTokens.triggerBorderRadius}: 100%;\n                ${checkboxTokens.triggerBorderWidth}: 2px;\n                ${checkboxTokens.contentTopOffset}: 0.125rem;\n                ${checkboxTokens.contentLeftOffset}: 0.75rem;\n                ${checkboxTokens.descriptionMarginTop}: 0.125rem;\n                ${checkboxTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${checkboxTokens.labelFontSize}: ${bodyM.fontSize};\n                ${checkboxTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${checkboxTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${checkboxTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${checkboxTokens.labelLineHeight}: ${bodyM.lineHeight};\n                ${checkboxTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n                ${checkboxTokens.descriptionFontSize}: ${bodyS.fontSize};\n                ${checkboxTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n                ${checkboxTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n                ${checkboxTokens.descriptionLetterSpacing}: ${bodyS.letterSpacing};\n                ${checkboxTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n            `,\n        },\n        view: {\n            accent: css`\n                ${checkboxTokens.fillColor}: ${surfaceAccent};\n                ${checkboxTokens.fillColorHover}: ${surfaceAccentHover};\n                ${checkboxTokens.iconColor}: ${onDarkTextPrimary};\n                ${checkboxTokens.labelColor}: ${textPrimary};\n                ${checkboxTokens.descriptionColor}: ${textSecondary};\n\n                ${checkboxTokens.triggerBackgroundColor}: ${surfaceTransparentSecondary};\n                ${checkboxTokens.triggerBorderColor}: ${textParagraph};\n                ${checkboxTokens.triggerBorderCheckedColor}: transparent;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${checkboxTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${checkboxTokens.focusColor}: ${textAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","focused","appearance","variations","m","accent","disabled","true"],"mappings":";;;;AAcA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA;KAsBJ;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,MAAM,EAAA;KAWT;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDN,IAAAA,OAAO,EAAE;MACLM,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Checkbox/{Checkbox.config_63y7oe.css → Checkbox.config_vwftwu.css}

@@ -1,4 +1,4 @@
 .m1rbd3p5{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
-.a1b31az7{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
+.a1b31az7{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-fill-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
 .thc94kv{--plasma-checkbox-disabled-opacity:0.4;}
 .tuukuk0{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}

package/dist/css/cjs/components/Checkbox/Checkbox.css

@@ -1,4 +1,4 @@
-.Checkbox_config_63y7oe_m1rbd3p5__2d9b2943{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
-.Checkbox_config_63y7oe_a1b31az7__2d9b2943{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
-.Checkbox_config_63y7oe_thc94kv__2d9b2943{--plasma-checkbox-disabled-opacity:0.4;}
-.Checkbox_config_63y7oe_tuukuk0__2d9b2943{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}
+.Checkbox_config_vwftwu_m1rbd3p5__aa515ae4{--plasma-checkbox-margin:0;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-trigger-size:1.375rem;--plasma-checkbox-trigger-border-radius:100%;--plasma-checkbox-trigger-border-width:2px;--plasma-checkbox-content-top-offset:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);}
+.Checkbox_config_vwftwu_a1b31az7__aa515ae4{--plasma-checkbox-fill-color:var(--surface-accent,#0BA686);--plasma-checkbox-fill-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-checkbox-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-checkbox-label-color:var(--text-primary,#FFFFFFFC);--plasma-checkbox-description-color:var(--text-secondary,#F6F2F0A3);--plasma-checkbox-trigger-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-checkbox-trigger-border-color:var(--text-paragraph,#F6F2F07A);--plasma-checkbox-trigger-border-checked-color:transparent;}
+.Checkbox_config_vwftwu_thc94kv__aa515ae4{--plasma-checkbox-disabled-opacity:0.4;}
+.Checkbox_config_vwftwu_tuukuk0__aa515ae4{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}

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

@@ -2,15 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var css = require('@salutejs/plasma-new-hope/css');
+var React = require('react');
+var styled = require('styled-components');
 var Checkbox_config = require('./Checkbox.config.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["checkIcon"];
+var _templateObject, _CheckIcon;
 var mergedConfig = /*#__PURE__*/css.mergeConfig(css.checkboxConfig, Checkbox_config.config);
 var CheckboxComponent = /*#__PURE__*/css.component(mergedConfig);
+var CheckboxBase = /*#__PURE__*/styled__default.default(CheckboxComponent)(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    & svg path[stroke] {\n        stroke-dasharray: 1;\n        stroke-dashoffset: 1;\n        transition: stroke-dashoffset 0s;\n    }\n\n    & label > div:first-child > div {\n        transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;\n\n        > div {\n            transform: none;\n            opacity: 0;\n            transition: opacity 0.1s ease-in-out;\n        }\n    }\n\n    & input:is(:checked, :indeterminate) + label {\n        svg path[stroke] {\n            stroke-dashoffset: 0;\n            transition: stroke-dashoffset 0.1s ease-in-out;\n        }\n\n        > div:first-child > div > div {\n            opacity: 1;\n        }\n    }\n"])));
+var CheckIcon = function CheckIcon() {
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/React__default.default.createElement("svg", {
+    width: "9.657",
+    height: "6.758",
+    viewBox: "0 0 9.65723 6.75845",
+    fill: "none",
+    style: {
+      width: "var(".concat(css.checkboxTokens.triggerSize, ")"),
+      overflow: 'visible'
+    }
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M0.22 3.55L3.69 6.76L9.43 1.28",
+    stroke: "var(".concat(css.checkboxTokens.iconColor, ")"),
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    pathLength: "1"
+  })));
+};
+
 /**
  * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
  */
-var Checkbox = CheckboxComponent;
+var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$checkIcon = _ref.checkIcon,
+    checkIcon = _ref$checkIcon === void 0 ? _CheckIcon || (_CheckIcon = /*#__PURE__*/React__default.default.createElement(CheckIcon, null)) : _ref$checkIcon,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.default.createElement(CheckboxBase, _rollupPluginBabelHelpers.extends({
+    ref: ref,
+    checkIcon: checkIcon
+  }, props));
+});
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = CheckboxComponent;\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","Checkbox"],"mappings":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,kBAAc,EAAEC,sBAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAIjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src-css/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { checkboxConfig, component, mergeConfig, checkboxTokens } from '@salutejs/plasma-new-hope/css';\nimport React, { forwardRef, ComponentProps } from 'react';\nimport styled from 'styled-components';\n\nimport { config } from './Checkbox.config';\n\nconst mergedConfig = mergeConfig(checkboxConfig, config);\nconst CheckboxComponent = component(mergedConfig);\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxComponent>;\n\nconst CheckboxBase = styled(CheckboxComponent)`\n    & svg path[stroke] {\n        stroke-dasharray: 1;\n        stroke-dashoffset: 1;\n        transition: stroke-dashoffset 0s;\n    }\n\n    & label > div:first-child > div {\n        transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;\n\n        > div {\n            transform: none;\n            opacity: 0;\n            transition: opacity 0.1s ease-in-out;\n        }\n    }\n\n    & input:is(:checked, :indeterminate) + label {\n        svg path[stroke] {\n            stroke-dashoffset: 0;\n            transition: stroke-dashoffset 0.1s ease-in-out;\n        }\n\n        > div:first-child > div > div {\n            opacity: 1;\n        }\n    }\n`;\n\nconst CheckIcon = () => (\n    <div style={{ display: 'inline-flex' }}>\n        <svg\n            width=\"9.657\"\n            height=\"6.758\"\n            viewBox=\"0 0 9.65723 6.75845\"\n            fill=\"none\"\n            style={{ width: `var(${checkboxTokens.triggerSize})`, overflow: 'visible' }}\n        >\n            <path\n                d=\"M0.22 3.55L3.69 6.76L9.43 1.28\"\n                stroke={`var(${checkboxTokens.iconColor})`}\n                strokeWidth=\"1.5\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                pathLength=\"1\"\n            />\n        </svg>\n    </div>\n);\n\n/**\n * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ checkIcon = <CheckIcon />, ...props }, ref) => (\n    <CheckboxBase ref={ref} checkIcon={checkIcon} {...props} />\n));\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","CheckboxBase","styled","_templateObject","_taggedTemplateLiteral","CheckIcon","React","createElement","style","display","width","height","viewBox","fill","concat","checkboxTokens","triggerSize","overflow","d","stroke","iconColor","strokeWidth","strokeLinecap","strokeLinejoin","pathLength","Checkbox","forwardRef","_ref","ref","_ref$checkIcon","checkIcon","_CheckIcon","props","_objectWithoutProperties","_excluded","_extends"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,kBAAc,EAAEC,sBAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAIjD,IAAMM,YAAY,gBAAGC,uBAAM,CAACH,iBAAiB,CAAC,CAAAI,eAAA,KAAAA,eAAA,gBAAAC,+CAAA,CAAA,CAAA,yqBAAA,CAAA,CAAA,CAAA,CA2B7C;AAED,IAAMC,SAAS,GAAG,SAAZA,SAASA,GAAA;EAAA,oBACXC,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAc;GAAE,eACnCH,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIG,IAAAA,KAAK,EAAC,OAAO;AACbC,IAAAA,MAAM,EAAC,OAAO;AACdC,IAAAA,OAAO,EAAC,qBAAqB;AAC7BC,IAAAA,IAAI,EAAC,MAAM;AACXL,IAAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,SAAAI,MAAA,CAASC,kBAAc,CAACC,WAAW,EAAA,GAAA,CAAG;AAAEC,MAAAA,QAAQ,EAAE;AAAU;GAAE,eAE5EX,sBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIW,IAAAA,CAAC,EAAC,gCAAgC;AAClCC,IAAAA,MAAM,SAAAL,MAAA,CAASC,kBAAc,CAACK,SAAS,EAAA,GAAA,CAAI;AAC3CC,IAAAA,WAAW,EAAC,KAAK;AACjBC,IAAAA,aAAa,EAAC,OAAO;AACrBC,IAAAA,cAAc,EAAC,OAAO;AACtBC,IAAAA,UAAU,EAAC;GACd,CACA,CACJ,CAAC;AAAA,CACT;;AAED;AACA;AACA;AACO,IAAMC,QAAQ,gBAAGC,gBAAU,CAAkC,UAAAC,IAAA,EAA0CC,GAAG,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAF,IAAA,CAA1CG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAAE,UAAA,KAAAA,UAAA,gBAAGzB,sBAAA,CAAAC,aAAA,CAACF,SAAS,EAAA,IAAE,CAAC,IAAAwB,cAAA;AAAKG,IAAAA,KAAK,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAAA,EAAA,oBACtG5B,sBAAA,CAAAC,aAAA,CAACN,YAAY,EAAAkC,iCAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACE,IAAAA,SAAS,EAAEA;GAAU,EAAKE,KAAK,CAAG,CAAC;AAAA,CAC9D;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.config.js","sources":["../../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxNewTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    surfaceNegative,\n    surfaceSolidCard,\n    surfaceSolidCardBrightness,\n    surfaceTransparentNegative,\n    surfaceTransparentPrimary,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceTransparentTertiary,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n    textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, surfaceTransparentNegativeActive\n * surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentWarning\n * surfaceTransparentWarningActive\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        hintView: 'default',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n                ${tokens.textFieldClearColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textPositive};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textPositive};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textPositive};\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textPositive};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textWarning};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textWarning};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textWarning};\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textWarning};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textNegative};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textNegative};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textNegative};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentNegative};\n                /* NOTE: no token surfaceTransparentNegativeActive in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textNegative};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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        },\n        size: {\n            l: css`\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.75rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.5rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 2.75rem;\n                ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.emptyStatePadding}: 1rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.875rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 1rem 0.875rem;\n                ${tokens.itemPaddingTight}: 0.75rem 0.875rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n                ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1.5rem;\n                ${tokens.itemGap}: 0.5rem;\n                ${tokens.itemTreeOffsetWidth}: 2rem;\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}: ${bodyL.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyL.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyL.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyL.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyL.fontFamily};\n                ${tokens.fontSize}: ${bodyL.fontSize};\n                ${tokens.fontStyle}: ${bodyL.fontStyle};\n                ${tokens.fontWeight}: ${bodyL.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.5rem;\n                ${tokens.dividerMarginRight}: 1rem;\n                ${tokens.dividerMarginBottom}: 0.5rem;\n                ${tokens.dividerMarginLeft}: 1rem;\n                ${tokens.dividerMarginTopTight}: 0.375rem;\n                ${tokens.dividerMarginBottomTight}: 0.375rem;\n            `,\n            m: css`\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.625rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.375rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 2.25rem;\n                ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 0.75rem 0.75rem;\n                ${tokens.itemPaddingTight}: 0.5rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n                ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1.5rem;\n                ${tokens.itemGap}: 0.375rem;\n                ${tokens.itemTreeOffsetWidth}: 2rem;\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}: ${bodyM.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyM.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyM.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyM.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyM.fontFamily};\n                ${tokens.fontSize}: ${bodyM.fontSize};\n                ${tokens.fontStyle}: ${bodyM.fontStyle};\n                ${tokens.fontWeight}: ${bodyM.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.375rem;\n                ${tokens.dividerMarginRight}: 0.875rem;\n                ${tokens.dividerMarginBottom}: 0.375rem;\n                ${tokens.dividerMarginLeft}: 0.875rem;\n                ${tokens.dividerMarginTopTight}: 0.375rem;\n                ${tokens.dividerMarginBottomTight}: 0.375rem;\n            `,\n            s: css`\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -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.textFieldLabelOffset}: 0.5rem;\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.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.375rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1rem;\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.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.625rem;\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            xs: css`\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.25rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.fontFamily}: ${bodyM.fontFamily};\n                ${tokens.fontSize}: ${bodyM.fontSize};\n                ${tokens.fontStyle}: ${bodyM.fontStyle};\n                ${tokens.fontWeight}: ${bodyM.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyM.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        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLabelColorReadOnly}: ${textPrimary};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","hintView","hintSize","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","disabled","true","readOnly"],"mappings":";;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACO,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;GACb;AACDC,EAAAA,UAAU,EAAE;AACRL,IAAAA,IAAI,EAAE;AACFM,MAAAA,SAAAA,EAAO,UAqDN;AACDC,MAAAA,QAAQ,EAAA,SAqDP;AACDC,MAAAA,OAAO,EAAA,SAqDN;AACDC,MAAAA,QAAQ,EAAA;KAwDX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UA8HA;AACDC,MAAAA,CAAC,EAAA,SA8HA;AACDC,MAAAA,CAAC,EAAA,UA8HA;AACDC,MAAAA,EAAE,EAAA;KAuJL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAAA,SAcJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDZ,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNO,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KA8BJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AASR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Combobox.config.js","sources":["../../../../../src-css/components/Combobox/Combobox.config.ts"],"sourcesContent":["import { css, comboboxTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    onDarkTextPrimary,\n    surfaceNegative,\n    surfaceSolidCard,\n    surfaceSolidCardBrightness,\n    surfaceTransparentNegative,\n    surfaceTransparentPrimary,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceTransparentTertiary,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n    textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, surfaceTransparentNegativeActive\n * surfaceTransparentPositive, surfaceTransparentPositiveActive, surfaceTransparentWarning\n * surfaceTransparentWarningActive\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        hintView: 'default',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.textFieldColor}: ${textPrimary};\n                ${tokens.textFieldClearColor}: ${textPrimary};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textPositive};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textPositive};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textPositive};\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textPositive};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textWarning};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textWarning};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textWarning};\n\n                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textWarning};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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                ${tokens.textFieldClearColor}: ${textNegative};\n\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n                ${tokens.textFieldClearPlaceholderColor}: ${textNegative};\n                ${tokens.textFieldClearPlaceholderColorFocus}: ${textNegative};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentNegative};\n                /* NOTE: no token surfaceTransparentNegativeActive in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n\n                ${tokens.textFieldCaretColor}: ${textAccent};\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n                ${tokens.textFieldLabelColor}: ${textPrimary};\n                ${tokens.textFieldLeftHelperColor}: ${textNegative};\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.textFieldChipCloseIconColor}: ${textSecondary};\n                ${tokens.textFieldChipCloseIconColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldChipCloseIconColorReadonly}: ${textSecondary};\n                ${tokens.textFieldChipColor}: ${textPrimary};\n                ${tokens.textFieldChipBackground}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorHover}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${tokens.textFieldChipColorActive}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${tokens.textFieldChipBackgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldChipBackgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldChipColorReadOnlyHover}: ${textPrimary};\n                ${tokens.textFieldChipOpacityReadonly}: 0.72;\n\n                ${tokens.disclosureIconColor}: ${textSecondary};\n                ${tokens.disclosureIconColorHover}: ${textSecondaryHover};\n                ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\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        },\n        size: {\n            l: css`\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.75rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.5rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 2.75rem;\n                ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.emptyStatePadding}: 1rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.875rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 1rem 0.875rem;\n                ${tokens.itemPaddingTight}: 0.75rem 0.875rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n                ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1.5rem;\n                ${tokens.itemGap}: 0.5rem;\n                ${tokens.itemTreeOffsetWidth}: 2rem;\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}: ${bodyL.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyL.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyL.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyL.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyL.fontFamily};\n                ${tokens.fontSize}: ${bodyL.fontSize};\n                ${tokens.fontStyle}: ${bodyL.fontStyle};\n                ${tokens.fontWeight}: ${bodyL.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.5rem;\n                ${tokens.dividerMarginRight}: 1rem;\n                ${tokens.dividerMarginBottom}: 0.5rem;\n                ${tokens.dividerMarginLeft}: 1rem;\n                ${tokens.dividerMarginTopTight}: 0.375rem;\n                ${tokens.dividerMarginBottomTight}: 0.375rem;\n            `,\n            m: css`\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.textFieldLabelOffset}: 0.625rem;\n                ${tokens.textFieldLabelFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldLabelFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldLabelFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldLabelFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLabelLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLabelLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n                ${tokens.textFieldHintTargetSize}: 2.375rem;\n                ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n                ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n                ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${tokens.textFieldChipGap}: 0.25rem;\n                ${tokens.textFieldChipBorderRadius}: 0.375rem;\n                ${tokens.textFieldChipWidth}: auto;\n                ${tokens.textFieldChipHeight}: 2.25rem;\n                ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n                ${tokens.textFieldChipFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldChipFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldChipFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldChipFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldChipLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldChipLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.padding}: 0.125rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.itemHeight}: 1.5rem;\n                ${tokens.itemPadding}: 0.75rem 0.75rem;\n                ${tokens.itemPaddingTight}: 0.5rem 0.75rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n                ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.itemIconSize}: 1.5rem;\n                ${tokens.itemIconSizeTight}: 1.5rem;\n                ${tokens.itemGap}: 0.375rem;\n                ${tokens.itemTreeOffsetWidth}: 2rem;\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}: ${bodyM.fontFamily};\n                ${tokens.cellTitleFontSize}: ${bodyM.fontSize};\n                ${tokens.cellTitleFontStyle}: ${bodyM.fontStyle};\n                ${tokens.cellTitleFontWeight}: ${bodyM.fontWeight};\n                ${tokens.cellTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.cellTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.fontFamily}: ${bodyM.fontFamily};\n                ${tokens.fontSize}: ${bodyM.fontSize};\n                ${tokens.fontStyle}: ${bodyM.fontStyle};\n                ${tokens.fontWeight}: ${bodyM.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n\n                ${tokens.indicatorSize}: 0.375rem;\n\n                ${tokens.dividerMarginTop}: 0.375rem;\n                ${tokens.dividerMarginRight}: 0.875rem;\n                ${tokens.dividerMarginBottom}: 0.375rem;\n                ${tokens.dividerMarginLeft}: 0.875rem;\n                ${tokens.dividerMarginTopTight}: 0.375rem;\n                ${tokens.dividerMarginBottomTight}: 0.375rem;\n            `,\n            s: css`\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -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.textFieldLabelOffset}: 0.5rem;\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.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.375rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 1rem;\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.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.625rem;\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            xs: css`\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.textFieldPaddingWithChips}: 0.375rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n\n                ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n                ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldLabelOffset}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldLeftHelperOffset}: 0.25rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.25rem;\n                ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n                ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.fontFamily}: ${bodyM.fontFamily};\n                ${tokens.fontSize}: ${bodyM.fontSize};\n                ${tokens.fontStyle}: ${bodyM.fontStyle};\n                ${tokens.fontWeight}: ${bodyM.fontWeight};\n                ${tokens.fontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.fontLineHeight}: ${bodyM.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        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        hintView: {\n            default: css`\n                ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n                ${tokens.textFieldLabelColorReadOnly}: ${textPrimary};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","hintView","hintSize","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","disabled","true","readOnly"],"mappings":";;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACO,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;GACb;AACDC,EAAAA,UAAU,EAAE;AACRL,IAAAA,IAAI,EAAE;AACFM,MAAAA,SAAAA,EAAO,UAqDN;AACDC,MAAAA,QAAQ,EAAA,SAqDP;AACDC,MAAAA,OAAO,EAAA,SAqDN;AACDC,MAAAA,QAAQ,EAAA;KAwDX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UA8HA;AACDC,MAAAA,CAAC,EAAA,SA8HA;AACDC,MAAAA,CAAC,EAAA,UA8HA;AACDC,MAAAA,EAAE,EAAA;KAuJL;AACDX,IAAAA,cAAc,EAAE;AACZY,MAAAA,KAAK,EAAA,SAcJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDZ,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNO,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KA8BJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AASR;AACJ;AACJ;;;;"}

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

@@ -11,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var mergedConfig = /*#__PURE__*/css.mergeConfig(css.comboboxNewConfig, Combobox_config.config);
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.comboboxConfig, Combobox_config.config);
 var ComboboxNew = /*#__PURE__*/css.component(mergedConfig);
 var ComboboxComponent = function ComboboxComponent(props, ref) {
   return /*#__PURE__*/React__default.default.createElement(ComboboxNew, _rollupPluginBabelHelpers.extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n    comboboxNewConfig,\n    component,\n    mergeConfig,\n    fixedForwardRef,\n} from '@salutejs/plasma-new-hope/css';\nimport type { ComboboxItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\nexport type Props<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n    DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\nconst ComboboxComponent = <T extends ComboboxItemOption>(\n    props: Props<T>,\n    ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n    return <ComboboxNew ref={ref} {...(props as any)} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","React","createElement","_extends","Combobox","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,qBAAiB,EAAEC,sBAAM,CAAC;AAC3D,IAAMC,WAAW,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAO3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAe,EACfC,GAAyC,EACxC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,WAAW,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAW,CAAC;AACxD,CAAC;AAED,IAAMK,QAAQ,gBAAGC,mBAAe,CAACP,iBAAiB;;;;"}
+{"version":3,"file":"Combobox.js","sources":["../../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import { comboboxConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/css';\nimport type { ComboboxItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\nexport type Props<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n    DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\nconst ComboboxComponent = <T extends ComboboxItemOption>(\n    props: Props<T>,\n    ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n    return <ComboboxNew ref={ref} {...(props as any)} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","React","createElement","_extends","Combobox","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,kBAAc,EAAEC,sBAAM,CAAC;AACxD,IAAMC,WAAW,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAO3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAe,EACfC,GAAyC,EACxC;AACD,EAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,WAAW,EAAAO,iCAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA;GAAI,EAAMD,KAAK,CAAW,CAAC;AACxD,CAAC;AAED,IAAMK,QAAQ,gBAAGC,mBAAe,CAACP,iBAAiB;;;;"}

package/dist/css/cjs/components/Progress/Progress.config.js

@@ -1,4 +1,4 @@
-require('./Progress.config_1qww6ym.css');
+require('./Progress.config_1z0rnw6.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,21 +6,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var config = {
   defaults: {
     view: 'default',
-    size: 'm'
+    size: 'm',
+    progressSize: '4'
   },
   variations: {
     view: {
       "default": "dzci1i0",
       secondary: "s1i5ajg4",
+      // deprecated
       primary: "p1f0qtcq",
       accent: "a12xzz3s",
-      info: "i18t0gqm",
-      success: "sxla5dw",
-      warning: "w16qv62u",
-      error: "ezrdfkb"
+      accentGradient: "a18t0gqm",
+      info: "ixla5dw",
+      // deprecated
+      success: "s16qv62u",
+      positive: "pzrdfkb",
+      warning: "w1h3ynf2",
+      // deprecated
+      error: "e13gjpxy",
+      negative: "n1kw1glx"
     },
     size: {
-      m: "m1h3ynf2"
+      l: "l1wlljr7",
+      m: "mv61f0j",
+      s: "skw9hbw"
+    },
+    progressSize: {
+      2: "_1eib6s3",
+      4: "_13t3txg",
+      6: "_1juj3xm",
+      8: "_dc4i2a"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.config.js","sources":["../../../../../src-css/components/Progress/Progress.config.ts"],"sourcesContent":["import { css, progressTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceAccentGradient,\n    surfaceInfo,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidDefault,\n    surfaceSolidTertiary,\n    surfaceTransparentSecondary,\n    surfaceWarning,\n    textTertiary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceSolidDefault};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            secondary: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceSolidTertiary};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            primary: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceAccent};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            accent: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceAccentGradient};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            info: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceInfo};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            success: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfacePositive};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            warning: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceWarning};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n            error: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceNegative};\n                ${progressTokens.valueColor}: ${textTertiary};\n            `,\n        },\n        size: {\n            m: css`\n                ${progressTokens.trackHeight}: 0.25rem;\n                ${progressTokens.trackBorderRadius}: 0.125rem;\n\n                ${progressTokens.progressFilledHeight}: 0.375rem;\n                ${progressTokens.progressFilledBorderRadius}: 0.375rem;\n\n                ${progressTokens.valueMarginLeft}: 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","primary","accent","info","success","warning","error","m"],"mappings":";;;;AAcO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAIN;AACDC,MAAAA,SAAS,EAAA,UAIR;AACDC,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,MAAM,EAAA,UAIL;AACDC,MAAAA,IAAI,EAAA,UAIH;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,KAAK,EAAA;KAKR;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA;AASL;AACJ;AACJ;;;;"}
+{"version":3,"file":"Progress.config.js","sources":["../../../../../src-css/components/Progress/Progress.config.ts"],"sourcesContent":["import { css, progressTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    surfaceAccent,\n    surfaceAccentGradient,\n    surfaceInfo,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidDefault,\n    surfaceTransparentTertiary,\n    surfaceTransparentSecondary,\n    surfaceWarning,\n    textPrimary,\n    textSecondary,\n    textPositive,\n    textWarning,\n    textNegative,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        progressSize: '4',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceSolidDefault};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            secondary: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceTransparentTertiary};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            // deprecated\n            primary: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceAccent};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            accent: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceAccent};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            accentGradient: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceAccentGradient};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            info: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceInfo};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textSecondary};\n            `,\n            // deprecated\n            success: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfacePositive};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textPositive};\n            `,\n            positive: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfacePositive};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textPositive};\n            `,\n            warning: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceWarning};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textWarning};\n            `,\n            // deprecated\n            error: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceNegative};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textNegative};\n            `,\n            negative: css`\n                ${progressTokens.trackBackgroundColor}: ${surfaceTransparentSecondary};\n                ${progressTokens.progressFilledBackgroundColor}: ${surfaceNegative};\n                ${progressTokens.labelColor}: ${textPrimary};\n                ${progressTokens.labelIconColor}: ${textPrimary};\n                ${progressTokens.valueColor}: ${textSecondary};\n                ${progressTokens.captionColor}: ${textNegative};\n            `,\n        },\n        size: {\n            l: css`\n                ${progressTokens.topRowMarginBottom}: 1.25rem;\n                ${progressTokens.labelWrapperGap}: 0.375rem;\n                ${progressTokens.labelWrapperMarginRight}: 1.5rem;\n\n                ${progressTokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${progressTokens.labelFontSize}: ${bodyL.fontSize};\n                ${progressTokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${progressTokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${progressTokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${progressTokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${progressTokens.valueFontFamily}: ${bodyL.fontFamily};\n                ${progressTokens.valueFontSize}: ${bodyL.fontSize};\n                ${progressTokens.valueFontStyle}: ${bodyL.fontStyle};\n                ${progressTokens.valueFontWeight}: ${bodyL.fontWeight};\n                ${progressTokens.valueLetterSpacing}: ${bodyL.letterSpacing};\n                ${progressTokens.valueLineHeight}: ${bodyL.lineHeight};\n                ${progressTokens.valueMarginLeft}: 1.5rem;\n\n                ${progressTokens.captionFontFamily}: ${bodyXS.fontFamily};\n                ${progressTokens.captionFontSize}: ${bodyXS.fontSize};\n                ${progressTokens.captionFontStyle}: ${bodyXS.fontStyle};\n                ${progressTokens.captionFontWeight}: ${bodyXS.fontWeight};\n                ${progressTokens.captionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${progressTokens.captionLineHeight}: ${bodyXS.lineHeight};\n                ${progressTokens.captionMarginTop}: 0.5rem;\n            `,\n            m: css`\n                ${progressTokens.topRowMarginBottom}: 1rem;\n                ${progressTokens.labelWrapperGap}: 0.375rem;\n                ${progressTokens.labelWrapperMarginRight}: 1.25rem;\n\n                ${progressTokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${progressTokens.labelFontSize}: ${bodyM.fontSize};\n                ${progressTokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${progressTokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${progressTokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${progressTokens.labelLineHeight}: ${bodyM.lineHeight};\n\n                ${progressTokens.valueFontFamily}: ${bodyM.fontFamily};\n                ${progressTokens.valueFontSize}: ${bodyM.fontSize};\n                ${progressTokens.valueFontStyle}: ${bodyM.fontStyle};\n                ${progressTokens.valueFontWeight}: ${bodyM.fontWeight};\n                ${progressTokens.valueLetterSpacing}: ${bodyM.letterSpacing};\n                ${progressTokens.valueLineHeight}: ${bodyM.lineHeight};\n                ${progressTokens.valueMarginLeft}: 1.25rem;\n\n                ${progressTokens.captionFontFamily}: ${bodyXS.fontFamily};\n                ${progressTokens.captionFontSize}: ${bodyXS.fontSize};\n                ${progressTokens.captionFontStyle}: ${bodyXS.fontStyle};\n                ${progressTokens.captionFontWeight}: ${bodyXS.fontWeight};\n                ${progressTokens.captionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${progressTokens.captionLineHeight}: ${bodyXS.lineHeight};\n                ${progressTokens.captionMarginTop}: 0.5rem;\n            `,\n            s: css`\n                ${progressTokens.topRowMarginBottom}: 0.875rem;\n                ${progressTokens.labelWrapperGap}: 0.375rem;\n                ${progressTokens.labelWrapperMarginRight}: 1rem;\n\n                ${progressTokens.labelFontFamily}: ${bodyS.fontFamily};\n                ${progressTokens.labelFontSize}: ${bodyS.fontSize};\n                ${progressTokens.labelFontStyle}: ${bodyS.fontStyle};\n                ${progressTokens.labelFontWeight}: ${bodyS.fontWeight};\n                ${progressTokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n                ${progressTokens.labelLineHeight}: ${bodyS.lineHeight};\n\n                ${progressTokens.valueFontFamily}: ${bodyS.fontFamily};\n                ${progressTokens.valueFontSize}: ${bodyS.fontSize};\n                ${progressTokens.valueFontStyle}: ${bodyS.fontStyle};\n                ${progressTokens.valueFontWeight}: ${bodyS.fontWeight};\n                ${progressTokens.valueLetterSpacing}: ${bodyS.letterSpacing};\n                ${progressTokens.valueLineHeight}: ${bodyS.lineHeight};\n                ${progressTokens.valueMarginLeft}: 1rem;\n\n                ${progressTokens.captionFontFamily}: ${bodyXS.fontFamily};\n                ${progressTokens.captionFontSize}: ${bodyXS.fontSize};\n                ${progressTokens.captionFontStyle}: ${bodyXS.fontStyle};\n                ${progressTokens.captionFontWeight}: ${bodyXS.fontWeight};\n                ${progressTokens.captionLetterSpacing}: ${bodyXS.letterSpacing};\n                ${progressTokens.captionLineHeight}: ${bodyXS.lineHeight};\n                ${progressTokens.captionMarginTop}: 0.5rem;\n            `,\n        },\n        progressSize: {\n            2: css`\n                ${progressTokens.trackHeight}: 0.125rem;\n                ${progressTokens.trackBorderRadius}: 1000px;\n\n                ${progressTokens.progressFilledHeight}: 0.125rem;\n                ${progressTokens.progressFilledBorderRadius}: 1000px;\n            `,\n            4: css`\n                ${progressTokens.trackHeight}: 0.25rem;\n                ${progressTokens.trackBorderRadius}: 1000px;\n\n                ${progressTokens.progressFilledHeight}: 0.25rem;\n                ${progressTokens.progressFilledBorderRadius}: 1000px;\n            `,\n            6: css`\n                ${progressTokens.trackHeight}: 0.375rem;\n                ${progressTokens.trackBorderRadius}: 1000px;\n\n                ${progressTokens.progressFilledHeight}: 0.375rem;\n                ${progressTokens.progressFilledBorderRadius}: 1000px;\n            `,\n            8: css`\n                ${progressTokens.trackHeight}: 0.5rem;\n                ${progressTokens.trackBorderRadius}: 1000px;\n\n                ${progressTokens.progressFilledHeight}: 0.5rem;\n                ${progressTokens.progressFilledBorderRadius}: 1000px;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","progressSize","variations","default","secondary","primary","accent","accentGradient","info","success","positive","warning","error","negative","l","m","s"],"mappings":";;;;AAsBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,YAAY,EAAE;GACjB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAON;AACDC,MAAAA,SAAS,EAAA,UAOR;AACD;AACAC,MAAAA,OAAO,EAAA,UAON;AACDC,MAAAA,MAAM,EAAA,UAOL;AACDC,MAAAA,cAAc,EAAA,UAOb;AACDC,MAAAA,IAAI,EAAA,SAOH;AACD;AACAC,MAAAA,OAAO,EAAA,UAON;AACDC,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,UAON;AACD;AACAC,MAAAA,KAAK,EAAA,UAOJ;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDb,IAAAA,IAAI,EAAE;AACFc,MAAAA,CAAC,EAAA,UA2BA;AACDC,MAAAA,CAAC,EAAA,SA2BA;AACDC,MAAAA,CAAC,EAAA;KA4BJ;AACDf,IAAAA,YAAY,EAAE;AACV,MAAA,CAAC,EAAA,UAMA;AACD,MAAA,CAAC,EAAA,UAMA;AACD,MAAA,CAAC,EAAA,UAMA;AACD,MAAA,CAAC,EAAA;AAOL;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Progress/Progress.config_1z0rnw6.css

@@ -0,0 +1,18 @@
+.dzci1i0{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-solid-default,#F6F2F0);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.s1i5ajg4{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-transparent-tertiary,#FFFFFF3D);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.p1f0qtcq{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-accent,#0BA686);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.a12xzz3s{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-accent,#0BA686);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.a18t0gqm{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-accent-gradient,linear-gradient(180.00deg,rgb(129,211,192) 0.0%,rgb(29,145,88) 100.0%));--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.ixla5dw{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-info,#9BCAF8);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-secondary,#F6F2F0A3);}
+.s16qv62u{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-positive,#A6D2A2);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-positive,#50A84C);}
+.pzrdfkb{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-positive,#A6D2A2);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-positive,#50A84C);}
+.w1h3ynf2{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-warning,#F8AD80);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-warning,#DA6828);}
+.e13gjpxy{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-negative,#F8A6A9);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-negative,#F57E83);}
+.n1kw1glx{--plasma-progress-track-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-progress-filled-background-color:var(--surface-negative,#F8A6A9);--plasma-progress-label-color:var(--text-primary,#FFFFFFFC);--plasma-progress-label-content-color:var(--text-primary,#FFFFFFFC);--plasma-progress-value-color:var(--text-secondary,#F6F2F0A3);--plasma-progress-caption-color:var(--text-negative,#F57E83);}
+.l1wlljr7{--plasma-progress-top-row-margin-bottom:1.25rem;--plasma-progress-label-wrapper-gap:0.375rem;--plasma-progress-label-wrapper-margin-right:1.5rem;--plasma-progress-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-progress-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-progress-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-progress-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-progress-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progress-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-progress-value-font-family:var(--plasma-typo-body-l-font-family);--plasma-progress-value-font-size:var(--plasma-typo-body-l-font-size);--plasma-progress-value-font-style:var(--plasma-typo-body-l-font-style);--plasma-progress-value-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-progress-value-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-progress-value-line-height:var(--plasma-typo-body-l-line-height);--plasma-progress-value-margin-left:1.5rem;--plasma-progress-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progress-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progress-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progress-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-progress-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progress-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-progress-caption-margin-top:0.5rem;}
+.mv61f0j{--plasma-progress-top-row-margin-bottom:1rem;--plasma-progress-label-wrapper-gap:0.375rem;--plasma-progress-label-wrapper-margin-right:1.25rem;--plasma-progress-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-progress-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-progress-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-progress-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-progress-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progress-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-progress-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-progress-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-progress-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-progress-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-progress-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-progress-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-progress-value-margin-left:1.25rem;--plasma-progress-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progress-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progress-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progress-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-progress-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progress-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-progress-caption-margin-top:0.5rem;}
+.skw9hbw{--plasma-progress-top-row-margin-bottom:0.875rem;--plasma-progress-label-wrapper-gap:0.375rem;--plasma-progress-label-wrapper-margin-right:1rem;--plasma-progress-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-progress-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-progress-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-progress-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-progress-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progress-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-progress-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-progress-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-progress-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-progress-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-progress-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-progress-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-progress-value-margin-left:1rem;--plasma-progress-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-progress-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-progress-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-progress-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-progress-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-progress-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-progress-caption-margin-top:0.5rem;}
+._1eib6s3{--plasma-progress-track-height:0.125rem;--plasma-progress-track-border-radius:1000px;--plasma-progress-filled-height:0.125rem;--plasma-progress-filled-border-radius:1000px;}
+._13t3txg{--plasma-progress-track-height:0.25rem;--plasma-progress-track-border-radius:1000px;--plasma-progress-filled-height:0.25rem;--plasma-progress-filled-border-radius:1000px;}
+._1juj3xm{--plasma-progress-track-height:0.375rem;--plasma-progress-track-border-radius:1000px;--plasma-progress-filled-height:0.375rem;--plasma-progress-filled-border-radius:1000px;}
+._dc4i2a{--plasma-progress-track-height:0.5rem;--plasma-progress-track-border-radius:1000px;--plasma-progress-filled-height:0.5rem;--plasma-progress-filled-border-radius:1000px;}