@salutejs/sdds-sbcom 0.373.0-dev.0 → 0.374.0-next-sbcom.0

package/dist/css/es/components/Checkbox/Checkbox.css

@@ -1,4 +1,4 @@
-.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);}
+.Checkbox_config_vrwq4q_m1rbd3p5__1e597e2b{--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_vrwq4q_a1b31az7__1e597e2b{--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;--plasma-checkbox-trigger-transition:background 0.1s ease-in-out,border-color 0.1s ease-in-out;--plasma-checkbox-icon-transform:none;--plasma-checkbox-icon-opacity:0;--plasma-checkbox-icon-transition:opacity 0.1s ease-in-out;--plasma-checkbox-icon-stroke-dasharray:1;--plasma-checkbox-icon-stroke-dashoffset:1;--plasma-checkbox-icon-stroke-transition:stroke-dashoffset 0.1s ease-in-out;}
+.Checkbox_config_vrwq4q_thc94kv__1e597e2b{--plasma-checkbox-disabled-opacity:0.4;--plasma-checkbox-cursor:default;}
+.Checkbox_config_vrwq4q_tuukuk0__1e597e2b{--plasma-checkbox-focus-color:var(--text-accent,#61C8B0);}

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

@@ -1,14 +1,12 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { component, mergeConfig, checkboxConfig, checkboxTokens } from '@salutejs/plasma-new-hope/css';
 import React, { forwardRef } from 'react';
-import styled from 'styled-components';
 import { config } from './Checkbox.config.js';
 
+var _CheckIcon;
 var _excluded = ["checkIcon"];
-var _templateObject, _CheckIcon;
 var mergedConfig = /*#__PURE__*/mergeConfig(checkboxConfig, config);
 var CheckboxComponent = /*#__PURE__*/component(mergedConfig);
-var CheckboxBase = /*#__PURE__*/styled(CheckboxComponent)(_templateObject || (_templateObject = /*#__PURE__*/_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.createElement("div", {
     style: {
@@ -40,7 +38,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$checkIcon = _ref.checkIcon,
     checkIcon = _ref$checkIcon === void 0 ? _CheckIcon || (_CheckIcon = /*#__PURE__*/React.createElement(CheckIcon, null)) : _ref$checkIcon,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(CheckboxBase, _extends({
+  return /*#__PURE__*/React.createElement(CheckboxComponent, _extends({
     ref: ref,
     checkIcon: checkIcon
   }, props));

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

@@ -1 +1 @@
-{"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,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAIjD,IAAMM,YAAY,gBAAGC,MAAM,CAACH,iBAAiB,CAAC,CAAAI,eAAA,KAAAA,eAAA,gBAAAC,sBAAA,CAAA,CAAA,yqBAAA,CAAA,CAAA,CAAA,CA2B7C;AAED,IAAMC,SAAS,GAAG,SAAZA,SAASA,GAAA;EAAA,oBACXC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAc;GAAE,eACnCH,KAAA,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,cAAc,CAACC,WAAW,EAAA,GAAA,CAAG;AAAEC,MAAAA,QAAQ,EAAE;AAAU;GAAE,eAE5EX,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIW,IAAAA,CAAC,EAAC,gCAAgC;AAClCC,IAAAA,MAAM,SAAAL,MAAA,CAASC,cAAc,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,UAAU,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,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAA,IAAE,CAAC,IAAAwB,cAAA;AAAKG,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAAA,EAAA,oBACtG5B,KAAA,CAAAC,aAAA,CAACN,YAAY,EAAAkC,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACE,IAAAA,SAAS,EAAEA;GAAU,EAAKE,KAAK,CAAG,CAAC;AAAA,CAC9D;;;;"}
+{"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';\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 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    <CheckboxComponent ref={ref} checkIcon={checkIcon} {...props} />\n));\n"],"names":["mergedConfig","mergeConfig","checkboxConfig","config","CheckboxComponent","component","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":";;;;;;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAIjD,IAAMM,SAAS,GAAG,SAAZA,SAASA,GAAA;EAAA,oBACXC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAc;GAAE,eACnCH,KAAA,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,cAAc,CAACC,WAAW,EAAA,GAAA,CAAG;AAAEC,MAAAA,QAAQ,EAAE;AAAU;GAAE,eAE5EX,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIW,IAAAA,CAAC,EAAC,gCAAgC;AAClCC,IAAAA,MAAM,SAAAL,MAAA,CAASC,cAAc,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,UAAU,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,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAA,IAAE,CAAC,IAAAwB,cAAA;AAAKG,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AAAA,EAAA,oBACtG5B,KAAA,CAAAC,aAAA,CAACJ,iBAAiB,EAAAgC,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACE,IAAAA,SAAS,EAAEA;GAAU,EAAKE,KAAK,CAAG,CAAC;AAAA,CACnE;;;;"}

package/dist/css/es/components/Chip/Chip.config.js

@@ -1,4 +1,4 @@
-import './Chip.config_p3vojs.css';
+import './Chip.config_1xbjb74.css';
 /*
  * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
  * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXxs
@@ -7,32 +7,23 @@ var config = {
   defaults: {
     view: 'default',
     focused: 'true',
-    size: 'm'
+    size: 's'
   },
   variations: {
     view: {
-      "default": "d1tkvann",
-      secondary: "s126p7m4",
-      accent: "ajkx6wt",
-      positive: "pn5gl06",
-      warning: "w1yp541c",
-      negative: "nm5xol4"
+      "default": "d1tkvann"
     },
     size: {
-      l: "l19qs8xp",
-      m: "m1rdfpua",
-      s: "s1j4t1v9",
-      xs: "x18lovtu",
-      xxs: "xpxfxbl"
+      s: "s126p7m4"
     },
     disabled: {
-      "true": "t6zrfoy"
+      "true": "tjkx6wt"
     },
     focused: {
-      "true": "t660yvk"
+      "true": "tn5gl06"
     },
     pilled: {
-      "true": "tuu3udf"
+      "true": "t1yp541c"
     }
   }
 };

package/dist/css/es/components/Chip/Chip.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.config.js","sources":["../../../../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    inverseTextSecondaryHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onDarkTextSecondaryHover,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentHover,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textAccent,\n    textPrimary,\n    textSecondary,\n    textSecondaryHover,\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, bodyXxs\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${chipTokens.color}: ${inverseTextPrimary};\n                ${chipTokens.background}: ${surfaceSolidDefault};\n                ${chipTokens.colorHover}: ${inverseTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceSolidDefaultHover};\n                ${chipTokens.colorActive}: ${inverseTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceSolidDefaultActive};\n                ${chipTokens.backgroundReadOnly}: ${surfaceSolidDefault};\n                ${chipTokens.colorReadOnly}: ${inverseTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceSolidDefault};\n                ${chipTokens.colorReadOnlyHover}: ${inverseTextPrimary};\n                ${chipTokens.closeIconColor}: ${inverseTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${inverseTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${inverseTextPrimary};\n            `,\n            secondary: css`\n                ${chipTokens.color}: ${textPrimary};\n                ${chipTokens.background}: ${surfaceTransparentSecondary};\n                ${chipTokens.colorHover}: ${textPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceTransparentSecondaryHover};\n                ${chipTokens.colorActive}: ${textPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceTransparentSecondaryActive};\n                ${chipTokens.backgroundReadOnly}: ${surfaceTransparentSecondary};\n                ${chipTokens.colorReadOnly}: ${textPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceTransparentSecondary};\n                ${chipTokens.colorReadOnlyHover}: ${textPrimary};\n                ${chipTokens.closeIconColor}: ${textSecondary};\n                ${chipTokens.closeIconColorHover}: ${textSecondaryHover};\n                ${chipTokens.leftContentColor}: ${textPrimary};\n            `,\n            accent: css`\n                ${chipTokens.color}: ${onDarkTextPrimary};\n                ${chipTokens.background}: ${surfaceAccent};\n                ${chipTokens.colorHover}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceAccentHover};\n                ${chipTokens.colorActive}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceAccentActive};\n                ${chipTokens.backgroundReadOnly}: ${surfaceAccent};\n                ${chipTokens.colorReadOnly}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceAccent};\n                ${chipTokens.colorReadOnlyHover}: ${onDarkTextPrimary};\n                ${chipTokens.closeIconColor}: ${onDarkTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${onDarkTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${onDarkTextPrimary};\n            `,\n            positive: css`\n                ${chipTokens.color}: ${onDarkTextPrimary};\n                ${chipTokens.background}: ${surfacePositive};\n                ${chipTokens.colorHover}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfacePositiveHover};\n                ${chipTokens.colorActive}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfacePositiveActive};\n                ${chipTokens.backgroundReadOnly}: ${surfacePositive};\n                ${chipTokens.colorReadOnly}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfacePositive};\n                ${chipTokens.colorReadOnlyHover}: ${onDarkTextPrimary};\n                ${chipTokens.closeIconColor}: ${onDarkTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${onDarkTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${onDarkTextPrimary};\n            `,\n            warning: css`\n                ${chipTokens.color}: ${onDarkTextPrimary};\n                ${chipTokens.background}: ${surfaceWarning};\n                ${chipTokens.colorHover}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceWarningHover};\n                ${chipTokens.colorActive}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceWarningActive};\n                ${chipTokens.backgroundReadOnly}: ${surfaceWarning};\n                ${chipTokens.colorReadOnly}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceWarning};\n                ${chipTokens.colorReadOnlyHover}: ${onDarkTextPrimary};\n                ${chipTokens.closeIconColor}: ${onDarkTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${onDarkTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${onDarkTextPrimary};\n            `,\n            negative: css`\n                ${chipTokens.color}: ${onDarkTextPrimary};\n                ${chipTokens.background}: ${surfaceNegative};\n                ${chipTokens.colorHover}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceNegativeHover};\n                ${chipTokens.colorActive}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceNegativeActive};\n                ${chipTokens.backgroundReadOnly}: ${surfaceNegative};\n                ${chipTokens.colorReadOnly}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceNegative};\n                ${chipTokens.colorReadOnlyHover}: ${onDarkTextPrimary};\n                ${chipTokens.closeIconColor}: ${onDarkTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${onDarkTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${onDarkTextPrimary};\n            `,\n        },\n        size: {\n            l: css`\n                ${chipTokens.borderRadius}: 0.75rem;\n                ${chipTokens.pilledBorderRadius}: 1.5rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 3rem;\n                ${chipTokens.padding}: 0 1rem;\n\n                ${chipTokens.fontFamily}: ${bodyL.fontFamily};\n                ${chipTokens.fontSize}: ${bodyL.fontSize};\n                ${chipTokens.fontStyle}: ${bodyL.fontStyle};\n                ${chipTokens.fontWeight}: ${bodyL.fontWeight};\n                ${chipTokens.letterSpacing}: ${bodyL.letterSpacing};\n                ${chipTokens.lineHeight}: ${bodyL.lineHeight};\n\n                ${chipTokens.leftContentMarginLeft}: -0.125rem;\n                ${chipTokens.leftContentMarginRight}: 0.5rem;\n                ${chipTokens.rightContentMarginLeft}: 0.5rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.625rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 1.5rem;\n            `,\n            m: css`\n                ${chipTokens.borderRadius}: 0.625rem;\n                ${chipTokens.pilledBorderRadius}: 1.25rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 2.5rem;\n                ${chipTokens.padding}: 0 0.875rem;\n\n                ${chipTokens.fontFamily}: ${bodyM.fontFamily};\n                ${chipTokens.fontSize}: ${bodyM.fontSize};\n                ${chipTokens.fontStyle}: ${bodyM.fontStyle};\n                ${chipTokens.fontWeight}: ${bodyM.fontWeight};\n                ${chipTokens.letterSpacing}: ${bodyM.letterSpacing};\n                ${chipTokens.lineHeight}: ${bodyM.lineHeight};\n\n                ${chipTokens.leftContentMarginLeft}: -0.125rem;\n                ${chipTokens.leftContentMarginRight}: 0.375rem;\n                ${chipTokens.rightContentMarginLeft}: 0.375rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.5rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 1.25rem;\n            `,\n            s: css`\n                ${chipTokens.borderRadius}: 0.5rem;\n                ${chipTokens.pilledBorderRadius}: 1rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 2rem;\n                ${chipTokens.padding}: 0 0.875rem;\n\n                ${chipTokens.fontFamily}: ${bodyS.fontFamily};\n                ${chipTokens.fontSize}: ${bodyS.fontSize};\n                ${chipTokens.fontStyle}: ${bodyS.fontStyle};\n                ${chipTokens.fontWeight}: ${bodyS.fontWeight};\n                ${chipTokens.letterSpacing}: ${bodyS.letterSpacing};\n                ${chipTokens.lineHeight}: ${bodyS.lineHeight};\n\n                ${chipTokens.leftContentMarginLeft}: -0.125rem;\n                ${chipTokens.leftContentMarginRight}: 0.25rem;\n                ${chipTokens.rightContentMarginLeft}: 0.25rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.375rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 1rem;\n            `,\n            xs: css`\n                ${chipTokens.borderRadius}: 0.375rem;\n                ${chipTokens.pilledBorderRadius}: 0.75rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 1.5rem;\n                ${chipTokens.padding}: 0 0.625rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${chipTokens.leftContentMarginLeft}: -0.125rem;\n                ${chipTokens.leftContentMarginRight}: 0.25rem;\n                ${chipTokens.rightContentMarginLeft}: 0.25rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.25rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 0.75rem;\n            `,\n            xxs: css`\n                ${chipTokens.borderRadius}: 0.375rem;\n                ${chipTokens.pilledBorderRadius}: 0.625rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 1.25rem;\n                ${chipTokens.padding}: 0 0.5rem;\n\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${chipTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${chipTokens.leftContentMarginLeft}: -0.125rem;\n                ${chipTokens.leftContentMarginRight}: 0.125rem;\n                ${chipTokens.rightContentMarginLeft}: 0.125rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.25rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 0.75rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${chipTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${chipTokens.focusColor}: ${textAccent};\n            `,\n        },\n        pilled: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","secondary","accent","positive","warning","negative","l","m","s","xs","xxs","disabled","true","pilled"],"mappings":"AAmCA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAcN;AACDC,MAAAA,SAAS,EAAA,UAcR;AACDC,MAAAA,MAAM,EAAA,SAcL;AACDC,MAAAA,QAAQ,EAAA,SAcP;AACDC,MAAAA,OAAO,EAAA,UAcN;AACDC,MAAAA,QAAQ,EAAA;KAeX;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,CAAC,EAAA,UAqBA;AACDC,MAAAA,EAAE,EAAA,UA2BD;AACDC,MAAAA,GAAG,EAAA;KA4BN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Chip.config.js","sources":["../../../../../src-css/components/Chip/Chip.config.tsx"],"sourcesContent":["import { css, chipTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    inverseTextSecondaryHover,\n    onDarkTextPrimary,\n    surfaceAccent,\n    surfaceSolidDefault,\n    surfaceTransparentTertiary,\n    textAccent,\n    textPrimary,\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, bodyXxs\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${chipTokens.color}: ${textPrimary};\n                ${chipTokens.background}: ${surfaceTransparentTertiary};\n                ${chipTokens.colorHover}: ${onDarkTextPrimary};\n                ${chipTokens.backgroundHover}: ${surfaceAccent};\n                ${chipTokens.colorActive}: ${inverseTextPrimary};\n                ${chipTokens.backgroundActive}: ${surfaceAccent};\n                ${chipTokens.backgroundReadOnly}: ${surfaceSolidDefault};\n                ${chipTokens.colorReadOnly}: ${inverseTextPrimary};\n                ${chipTokens.backgroundReadOnlyHover}: ${surfaceSolidDefault};\n                ${chipTokens.colorReadOnlyHover}: ${inverseTextPrimary};\n                ${chipTokens.closeIconColor}: ${inverseTextSecondary};\n                ${chipTokens.closeIconColorHover}: ${inverseTextSecondaryHover};\n                ${chipTokens.leftContentColor}: ${inverseTextPrimary};\n            `,\n        },\n        size: {\n            s: css`\n                ${chipTokens.borderRadius}: 0.5rem;\n                ${chipTokens.pilledBorderRadius}: 1rem;\n                ${chipTokens.width}: auto;\n                ${chipTokens.height}: 1.625rem;\n                ${chipTokens.padding}: 0 0.875rem;\n\n                ${chipTokens.fontFamily}: ${bodyS.fontFamily};\n                ${chipTokens.fontSize}: ${bodyS.fontSize};\n                ${chipTokens.fontStyle}: ${bodyS.fontStyle};\n                ${chipTokens.fontWeight}: ${bodyS.fontWeight};\n                ${chipTokens.letterSpacing}: ${bodyS.letterSpacing};\n                ${chipTokens.lineHeight}: ${bodyS.lineHeight};\n\n                ${chipTokens.leftContentMarginLeft}: -0.813rem;\n                ${chipTokens.leftContentMarginRight}: 0.25rem;\n                ${chipTokens.rightContentMarginLeft}: 0.25rem;\n                ${chipTokens.rightContentMarginRight}: -0.125rem;\n                ${chipTokens.clearContentMarginLeft}: 0.375rem;\n                ${chipTokens.clearContentMarginRight}: -0.25rem;\n                ${chipTokens.closeIconSize}: 1rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${chipTokens.disabledOpacity}: 0.4;\n                ${chipTokens.chipCursor}: default;\n            `,\n        },\n        focused: {\n            true: css`\n                ${chipTokens.focusColor}: ${textAccent};\n            `,\n        },\n        pilled: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","s","disabled","true","pilled"],"mappings":"AAcA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAeV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;KAsBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAIP;AACDN,IAAAA,OAAO,EAAE;MACLM,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Chip/Chip.config_1xbjb74.css

@@ -0,0 +1,5 @@
+.d1tkvann{--plasma-chip-color:var(--text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-transparent-tertiary,#FFFFFF3D);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-accent,#0BA686);--plasma-chip-color-active:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-active:var(--surface-accent,#0BA686);--plasma-chip-background-readonly:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-readonly-hover:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly-hover:var(--inverse-text-primary,#15110FFC);--plasma-chip-close-icon-color:var(--inverse-text-secondary,#15110FA3);--plasma-chip-close-icon-color-hover:var(--inverse-text-secondary-hover,#15110FFF);--plasma-chip-left-content-color:var(--inverse-text-primary,#15110FFC);}
+.s126p7m4{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:1.625rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.813rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
+.tjkx6wt{--plasma-chip-disabled-opacity:0.4;--plasma-chip-cursor:default;}
+.tn5gl06{--plasma-chip-focus-color:var(--text-accent,#61C8B0);}
+

package/dist/css/es/components/Chip/Chip.css

@@ -1,14 +1,5 @@
-.Chip_config_p3vojs_d1tkvann__a27c5069{--plasma-chip-color:var(--inverse-text-primary,#15110FFC);--plasma-chip-background:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-chip-color-active:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-active:var(--surface-solid-default-active,#F2ECE9FF);--plasma-chip-background-readonly:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-readonly-hover:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly-hover:var(--inverse-text-primary,#15110FFC);--plasma-chip-close-icon-color:var(--inverse-text-secondary,#15110FA3);--plasma-chip-close-icon-color-hover:var(--inverse-text-secondary-hover,#15110FFF);--plasma-chip-left-content-color:var(--inverse-text-primary,#15110FFC);}
-.Chip_config_p3vojs_s126p7m4__a27c5069{--plasma-chip-color:var(--text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-chip-color-hover:var(--text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-chip-color-active:var(--text-primary,#FFFFFFFC);--plasma-chip-background-active:var(--surface-transparent-secondary-active,#FFFFFF1A);--plasma-chip-background-readonly:var(--surface-transparent-secondary,#FFFFFF29);--plasma-chip-color-readonly:var(--text-primary,#FFFFFFFC);--plasma-chip-background-readonly-hover:var(--surface-transparent-secondary,#FFFFFF29);--plasma-chip-color-readonly-hover:var(--text-primary,#FFFFFFFC);--plasma-chip-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-chip-close-icon-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-chip-left-content-color:var(--text-primary,#FFFFFFFC);}
-.Chip_config_p3vojs_ajkx6wt__a27c5069{--plasma-chip-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-accent,#0BA686);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-chip-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-active:var(--surface-accent-active,#0A9E81FF);--plasma-chip-background-readonly:var(--surface-accent,#0BA686);--plasma-chip-color-readonly:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-readonly-hover:var(--surface-accent,#0BA686);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-close-icon-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover,#F5F1EFFF);--plasma-chip-left-content-color:var(--on-dark-text-primary,#FFFFFFFC);}
-.Chip_config_p3vojs_pn5gl06__a27c5069{--plasma-chip-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-positive,#A6D2A2);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-chip-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-active:var(--surface-positive-active,#9FCF9BFF);--plasma-chip-background-readonly:var(--surface-positive,#A6D2A2);--plasma-chip-color-readonly:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-readonly-hover:var(--surface-positive,#A6D2A2);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-close-icon-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover,#F5F1EFFF);--plasma-chip-left-content-color:var(--on-dark-text-primary,#FFFFFFFC);}
-.Chip_config_p3vojs_w1yp541c__a27c5069{--plasma-chip-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-warning,#F8AD80);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-chip-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-active:var(--surface-warning-active,#F8A977FF);--plasma-chip-background-readonly:var(--surface-warning,#F8AD80);--plasma-chip-color-readonly:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-readonly-hover:var(--surface-warning,#F8AD80);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-close-icon-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover,#F5F1EFFF);--plasma-chip-left-content-color:var(--on-dark-text-primary,#FFFFFFFC);}
-.Chip_config_p3vojs_nm5xol4__a27c5069{--plasma-chip-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-negative,#F8A6A9);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-chip-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-active:var(--surface-negative-active,#F79C9FFF);--plasma-chip-background-readonly:var(--surface-negative,#F8A6A9);--plasma-chip-color-readonly:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-readonly-hover:var(--surface-negative,#F8A6A9);--plasma-chip-color-readonly-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-close-icon-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-chip-close-icon-color-hover:var(--on-dark-text-secondary-hover,#F5F1EFFF);--plasma-chip-left-content-color:var(--on-dark-text-primary,#FFFFFFFC);}
-.Chip_config_p3vojs_l19qs8xp__a27c5069{--plasma-chip-border-radius:0.75rem;--plasma-chip-pilled-border-radius:1.5rem;--plasma-chip-width:auto;--plasma-chip-height:3rem;--plasma-chip-padding:0 1rem;--plasma-chip-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-l-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.5rem;--plasma-chip-right-content-margin-left:0.5rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.625rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.5rem;}
-.Chip_config_p3vojs_m1rdfpua__a27c5069{--plasma-chip-border-radius:0.625rem;--plasma-chip-pilled-border-radius:1.25rem;--plasma-chip-width:auto;--plasma-chip-height:2.5rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-m-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.375rem;--plasma-chip-right-content-margin-left:0.375rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.5rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1.25rem;}
-.Chip_config_p3vojs_s1j4t1v9__a27c5069{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:2rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
-.Chip_config_p3vojs_x18lovtu__a27c5069{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.75rem;--plasma-chip-width:auto;--plasma-chip-height:1.5rem;--plasma-chip-padding:0 0.625rem;--plasma-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
-.Chip_config_p3vojs_xpxfxbl__a27c5069{--plasma-chip-border-radius:0.375rem;--plasma-chip-pilled-border-radius:0.625rem;--plasma-chip-width:auto;--plasma-chip-height:1.25rem;--plasma-chip-padding:0 0.5rem;--plasma-chip-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-chip-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-chip-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-chip-left-content-margin-left:-0.125rem;--plasma-chip-left-content-margin-right:0.125rem;--plasma-chip-right-content-margin-left:0.125rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.25rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:0.75rem;}
-.Chip_config_p3vojs_t6zrfoy__a27c5069{--plasma-chip-disabled-opacity:0.4;}
-.Chip_config_p3vojs_t660yvk__a27c5069{--plasma-chip-focus-color:var(--text-accent,#61C8B0);}
+.Chip_config_1xbjb74_d1tkvann__1ab8a3c4{--plasma-chip-color:var(--text-primary,#FFFFFFFC);--plasma-chip-background:var(--surface-transparent-tertiary,#FFFFFF3D);--plasma-chip-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-chip-background-hover:var(--surface-accent,#0BA686);--plasma-chip-color-active:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-active:var(--surface-accent,#0BA686);--plasma-chip-background-readonly:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly:var(--inverse-text-primary,#15110FFC);--plasma-chip-background-readonly-hover:var(--surface-solid-default,#F6F2F0);--plasma-chip-color-readonly-hover:var(--inverse-text-primary,#15110FFC);--plasma-chip-close-icon-color:var(--inverse-text-secondary,#15110FA3);--plasma-chip-close-icon-color-hover:var(--inverse-text-secondary-hover,#15110FFF);--plasma-chip-left-content-color:var(--inverse-text-primary,#15110FFC);}
+.Chip_config_1xbjb74_s126p7m4__1ab8a3c4{--plasma-chip-border-radius:0.5rem;--plasma-chip-pilled-border-radius:1rem;--plasma-chip-width:auto;--plasma-chip-height:1.625rem;--plasma-chip-padding:0 0.875rem;--plasma-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-chip-left-content-margin-left:-0.813rem;--plasma-chip-left-content-margin-right:0.25rem;--plasma-chip-right-content-margin-left:0.25rem;--plasma-chip-right-content-margin-right:-0.125rem;--plasma-chip-clear-content-margin-left:0.375rem;--plasma-chip-clear-content-margin-right:-0.25rem;--plasma-chip-close-icon-size:1rem;}
+.Chip_config_1xbjb74_tjkx6wt__1ab8a3c4{--plasma-chip-disabled-opacity:0.4;--plasma-chip-cursor:default;}
+.Chip_config_1xbjb74_tn5gl06__1ab8a3c4{--plasma-chip-focus-color:var(--text-accent,#61C8B0);}
 

package/dist/css/es/components/DatePicker/DatePicker.config.js

@@ -1,4 +1,4 @@
-import './DatePicker.config_1w0vlsa.css';
+import './DatePicker.config_w018p5.css';
 /*
  * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
  * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h5Bold, surfaceTransparentNegativeActive

package/dist/css/es/components/DatePicker/DatePicker.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.config.js","sources":["../../../../../src-css/components/DatePicker/DatePicker.config.ts"],"sourcesContent":["import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    h3,\n    h3Bold,\n    h4,\n    h4Bold,\n    inverseTextPrimary,\n    shadowDownHardM,\n    shadowDownHardS,\n    shadowDownSoftS,\n    surfaceAccent,\n    surfaceClear,\n    surfaceNegative,\n    surfaceSolidCard,\n    surfaceSolidCardBrightness,\n    surfaceSolidDefault,\n    surfaceTransparentNegative,\n    surfaceTransparentPrimary,\n    surfaceTransparentSecondary,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\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, bodyXsBold, h5, h5Bold, surfaceTransparentNegativeActive\n * surfaceTransparentPositive, surfaceTransparentPositiveActive\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tokens.background}: ${surfaceTransparentPrimary};\n                ${tokens.backgroundError}: ${surfaceTransparentNegative};\n                ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n                ${tokens.dividerColor}: ${textPrimary};\n                ${tokens.labelColor}: ${textPrimary};\n                ${tokens.leftHelperColor}: ${textSecondary};\n                ${tokens.leftHelperColorError}: ${textNegative};\n                ${tokens.leftHelperColorSuccess}: ${textPositive};\n\n                ${tokens.titleCaptionColor}: ${textSecondary};\n                ${tokens.hintIconColor}: ${textSecondary};\n\n                ${tokens.contentSlotColor}: ${textPrimary};\n                ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n                ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n                ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n                ${tokens.contentSlotRightColor}: ${textPrimary};\n                ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n                ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldColor}: ${textPrimary};\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldCaretColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorColor}: ${surfaceNegative};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n                ${tokens.focusColor}: ${textAccent};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.popoverShadow}: ${shadowDownSoftS};\n                ${tokens.popoverSeparatorBackground}: ${surfaceTransparentSecondary};\n                ${tokens.popoverBackgroundColor}: ${surfaceSolidCard};\n\n                ${tokens.calendarSelectedItemBackground}: ${surfaceSolidDefault};\n                ${tokens.calendarSelectedItemColor}: ${inverseTextPrimary};\n                ${tokens.calendarSelectableItemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.calendarCurrentItemBorderColor}: ${surfaceSolidDefault};\n                ${tokens.calendarCurrentItemBackgroundHover}: transparent;\n                ${tokens.calendarCurrentItemColorHover}: ${textPrimary};\n                ${tokens.calendarCurrentItemChildBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.calendarActiveItemBackground}: ${surfaceSolidDefault};\n                ${tokens.calendarActiveItemColor}: ${inverseTextPrimary};\n                ${tokens.calendarHoveredItemBackground}: ${surfaceAccent};\n                ${tokens.calendarHoveredItemColor}: ${textPrimary};\n                ${tokens.calendarRangeBackground}: ${surfaceTransparentSecondary};\n                ${tokens.calendarOutlineFocusColor}: ${surfaceAccent};\n                ${tokens.calendarContentPrimaryColor}: ${textPrimary};\n                ${tokens.calendarContentPrimaryDisabledColor}: ${textPrimary};\n                ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};\n                ${tokens.calendarContentSecondaryColor}: ${textSecondary};\n                ${tokens.calendarContentSecondaryDisabledColor}: ${textSecondary};\n                ${tokens.calendarDisabledOpacity}: 0.4;\n\n                ${tokens.iconButtonColor}: ${textPrimary};\n                ${tokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${tokens.iconButtonColorHover}: ${textPrimaryHover};\n                ${tokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n                ${tokens.iconButtonColorActive}: ${textPrimaryHover};\n                ${tokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n                ${tokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n                ${tokens.tooltipBoxShadow}: ${shadowDownHardS};\n                ${tokens.tooltipColor}: ${textPrimary};\n\n                ${tokens.shortcutColor}: ${textPrimary};\n                ${tokens.shortcutBackgroundHover}: ${surfaceTransparentSecondary};\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.width}: 30.25rem;\n                ${tokens.borderRadius}: 1rem;\n\n                ${tokens.dividerPadding}: 0 1.375rem;\n                ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyL.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.labelFontSize}: ${bodyL.fontSize};\n                ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.375rem;\n                ${tokens.titleCaptionMargin}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 4rem;\n                ${tokens.textFieldBorderRadius}: 1rem;\n                ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.875rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 28rem;\n                ${tokens.calendarHeight}: 28.563rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0.5rem;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 1rem;\n                ${tokens.calendarHeaderDateGap}: 0.5rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h3.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 4rem;\n                ${tokens.iconButtonWidth}: 4rem;\n                ${tokens.iconButtonPadding}: 1.5rem;\n                ${tokens.iconButtonRadius}: 1rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyL.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.shortcutPadding}: 1.313rem 0.875rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.875rem;\n            `,\n            l: css`\n                ${tokens.width}: 26.5rem;\n                ${tokens.borderRadius}: 0.875rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyL.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 1rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.labelFontSize}: ${bodyL.fontSize};\n                ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 3.5rem;\n                ${tokens.embedIconButtonWidth}: 3.5rem;\n                ${tokens.embedIconButtonPadding}: 1rem;\n                ${tokens.embedIconButtonRadius}: 0.875rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.375rem;\n                ${tokens.titleCaptionMargin}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.875rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 24.5rem;\n                ${tokens.calendarHeight}: 25rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarDayFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0.5rem;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 1rem;\n                ${tokens.calendarHeaderDateGap}: 0.5rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h3.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 3.5rem;\n                ${tokens.iconButtonWidth}: 3.5rem;\n                ${tokens.iconButtonPadding}: 1.5rem;\n                ${tokens.iconButtonRadius}: 0.875rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyL.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.shortcutPadding}: 1.063rem 0.75rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.75rem;\n            `,\n            m: css`\n                ${tokens.width}: 23rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyM.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${tokens.labelFontSize}: ${bodyM.fontSize};\n                ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 3rem;\n                ${tokens.embedIconButtonWidth}: 3rem;\n                ${tokens.embedIconButtonPadding}: 0.75rem;\n                ${tokens.embedIconButtonRadius}: 0.75rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.313rem;\n                ${tokens.titleCaptionMargin}: 0.3125rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.75rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 21rem;\n                ${tokens.calendarHeight}: 21rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: 0.625rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyM.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyM.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyM.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyM.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyM.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: 0.625rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyM.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyM.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyM.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyM.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyM.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyM.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyM.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyM.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyM.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyM.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: 0.625rem;\n\n                ${tokens.calendarDayFontFamily}: ${bodyM.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyM.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyM.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyM.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyM.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyMBold.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h4.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 3rem;\n                ${tokens.iconButtonWidth}: 3rem;\n                ${tokens.iconButtonPadding}: 1.25rem;\n                ${tokens.iconButtonRadius}: 0.75rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyM.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyM.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyM.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyM.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.shortcutPadding}: 0.875rem 0.625rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.width}: 19.5rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyS.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n                ${tokens.labelFontSize}: ${bodyS.fontSize};\n                ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 2.5rem;\n                ${tokens.embedIconButtonWidth}: 2.5rem;\n                ${tokens.embedIconButtonPadding}: 0.5rem;\n                ${tokens.embedIconButtonRadius}: 0.625rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.188rem;\n                ${tokens.titleCaptionMargin}: 0.1875rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.625rem;\n                ${tokens.popoverGap}: 0.875rem;\n                ${tokens.popoverPadding}: 0.875rem 0.875rem 1rem 0.875rem;\n                ${tokens.popoverVerticalPadding}: 1.875rem;\n\n                ${tokens.calendarWidth}: 17.5rem;\n                ${tokens.calendarHeight}: 17rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: 0.5rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyS.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyS.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyS.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyS.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyS.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodySBold.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyS.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyS.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyS.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyS.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyS.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodySBold.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyS.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyS.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyS.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyS.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyS.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodySBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: 0.5rem;\n\n                ${tokens.calendarDayFontFamily}: ${bodyS.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyS.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyS.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyS.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyS.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodySBold.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h4.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 2.5rem;\n                ${tokens.iconButtonWidth}: 2.5rem;\n                ${tokens.iconButtonPadding}: 0.5rem;\n                ${tokens.iconButtonRadius}: 0.625rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyS.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyS.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyS.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyS.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.shortcutPadding}: 0.688rem 0.5rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.5rem;\n            `,\n            xs: css`\n                ${tokens.width}: 19rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.embedIconButtonHeight}: 2rem;\n                ${tokens.embedIconButtonWidth}: 2rem;\n                ${tokens.embedIconButtonPadding}: 0.5rem;\n                ${tokens.embedIconButtonRadius}: 0.5rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.125rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.375rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.375rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0;\n                ${tokens.titleCaptionMargin}: 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\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.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\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.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.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.5rem;\n                ${tokens.popoverGap}: 0.75rem;\n                ${tokens.popoverPadding}: 0.75rem 0.75rem 0.875rem 0.75rem;\n                ${tokens.popoverVerticalPadding}: 1.625rem;\n\n                ${tokens.calendarWidth}: 17.5rem;\n                ${tokens.calendarHeight}: 15.5rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarYearSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarMonthSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n                ${tokens.calendarQuartersPadding}: 0.375rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n                ${tokens.calendarDaysPadding}: 0.375rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDayFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarDaySelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1rem;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontFamily}: var(--plasma-typo-h5-font-family);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontSize}: var(--plasma-typo-h5-font-size);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontStyle}: var(--plasma-typo-h5-font-style);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontLineHeight}: var(--plasma-typo-h5-line-height);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontWeight}: var(--plasma-typo-h5-font-weight);\n                /* NOTE: no token h5Bold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarHeaderFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);\n\n                ${tokens.iconButtonHeight}: 2rem;\n                ${tokens.iconButtonWidth}: 2rem;\n                ${tokens.iconButtonPadding}: 0.5rem;\n                ${tokens.iconButtonRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.shortcutPadding}: 0.563rem 0.375rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.375rem;\n            `,\n        },\n        eventTooltipSize: {\n            m: css`\n                ${tokens.tooltipPaddingTop}: 0.6875rem;\n                ${tokens.tooltipPaddingRight}: 0.875rem;\n                ${tokens.tooltipPaddingBottom}: 0.6875rem;\n                ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.tooltipMinHeight}: 2.5rem;\n                ${tokens.tooltipBorderRadius}: 0.625rem;\n\n                ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.tooltipArrowHeight}: 0.5rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n                ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n            s: css`\n                ${tokens.tooltipPaddingTop}: 0.5rem;\n                ${tokens.tooltipPaddingRight}: 0.75rem;\n                ${tokens.tooltipPaddingBottom}: 0.5rem;\n                ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.tooltipMinHeight}: 2rem;\n                ${tokens.tooltipBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1rem;\n                ${tokens.tooltipArrowMaskHeight}: 1rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.tooltipArrowHeight}: 0.375rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n                ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n                ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n                ${tokens.hintTooltipColor}: ${textPrimary};\n                ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n                ${tokens.hintTooltipPaddingRight}: 0.875rem;\n                ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.hintTooltipMinHeight}: 2.5rem;\n                ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.hintTooltipArrowHeight}: 0.5rem;\n                ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.hintTooltipPaddingTop}: 0.5rem;\n                ${tokens.hintTooltipPaddingRight}: 0.75rem;\n                ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n                ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.hintTooltipMinHeight}: 2rem;\n                ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n                ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n                ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.hintTooltipArrowHeight}: 0.375rem;\n                ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.labelColorReadOnly}: ${textPrimary};\n                ${tokens.leftHelperColorReadOnly}: ${textSecondary};\n\n                ${tokens.dividerColorReadOnly}: ${textPrimary};\n                ${tokens.dividerOpacityReadOnly}: 0.4;\n\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n                ${tokens.rightContentOpacityReadOnly}: 0.4;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.rangeReadOnlyOpacity}: 0.1;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","hintSize","variations","default","xl","l","m","s","xs","eventTooltipSize","hintView","disabled","true","readOnly"],"mappings":"AAqCA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KA0GV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,SAgLD;AACDC,MAAAA,CAAC,EAAA,SAsLA;AACDC,MAAAA,CAAC,EAAA,SAsLA;AACDC,MAAAA,CAAC,EAAA,UAsLA;AACDC,MAAAA,EAAE,EAAA;KAkPL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,SAwBA;AACDC,MAAAA,CAAC,EAAA;KA+BJ;AACDG,IAAAA,QAAQ,EAAE;MACNP,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KA8BJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAiBR;AACJ;AACJ;;;;"}
+{"version":3,"file":"DatePicker.config.js","sources":["../../../../../src-css/components/DatePicker/DatePicker.config.ts"],"sourcesContent":["import { datePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyLMedium,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    bodyXSMedium,\n    borderRadiusXxl,\n    h3,\n    h3Bold,\n    h4,\n    h4Bold,\n    inverseTextPrimary,\n    outlinePositive,\n    shadowDownHardM,\n    shadowDownHardS,\n    shadowDownSoftS,\n    spacing16x,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceClear,\n    surfaceNegative,\n    surfaceSolidCardBrightness,\n    surfaceTransparentCard,\n    surfaceTransparentNegative,\n    surfaceTransparentPrimary,\n    surfaceTransparentSecondary,\n    textAccent,\n    textAccentActive,\n    textAccentHover,\n    textNegative,\n    textParagraph,\n    textPositive,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\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, bodyXsBold, h5, h5Bold, surfaceTransparentNegativeActive\n * surfaceTransparentPositive, surfaceTransparentPositiveActive\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        hintSize: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.outlineFocusColor}: ${outlinePositive};\n\n                ${tokens.background}: ${surfaceTransparentPrimary};\n                ${tokens.backgroundError}: ${surfaceTransparentNegative};\n                ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n                ${tokens.dividerColor}: ${textPrimary};\n                ${tokens.labelColor}: ${textPrimary};\n                ${tokens.leftHelperColor}: ${textSecondary};\n                ${tokens.leftHelperColorError}: ${textNegative};\n                ${tokens.leftHelperColorSuccess}: ${textPositive};\n\n                ${tokens.titleCaptionColor}: ${textSecondary};\n                ${tokens.hintIconColor}: ${textSecondary};\n\n                ${tokens.contentSlotColor}: ${textPrimary};\n                ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n                ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n                ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n                ${tokens.contentSlotRightColor}: ${textPrimary};\n                ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n                ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldColor}: ${textPrimary};\n                ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n                ${tokens.textFieldCaretColor}: ${textAccent};\n\n                ${tokens.textFieldContentSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n                ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n                ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorColor}: ${surfaceNegative};\n\n                ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n                ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n                ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n                ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n                ${tokens.focusColor}: ${textAccent};\n                ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n\n                ${tokens.calendarDayOfWeekColor}: ${textParagraph};\n                ${tokens.popoverShadow}: ${shadowDownSoftS};\n                ${tokens.popoverSeparatorBackground}: ${surfaceTransparentSecondary};\n                ${tokens.popoverBackgroundColor}: ${surfaceTransparentCard};\n\n                ${tokens.calendarSelectedItemBackground}: ${surfaceAccent};\n                ${tokens.calendarSelectedItemColor}: ${inverseTextPrimary};\n                ${tokens.calendarSelectableItemBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.calendarCurrentItemBorderColor}: ${surfaceAccent};\n                ${tokens.calendarCurrentItemBackgroundHover}: transparent;\n                ${tokens.calendarCurrentItemColorHover}: ${textPrimary};\n                ${tokens.calendarCurrentItemChildBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.calendarActiveItemBackground}: ${surfaceAccentActive};\n                ${tokens.calendarActiveItemColor}: ${inverseTextPrimary};\n                ${tokens.calendarHoveredItemBackground}: ${surfaceAccent};\n                ${tokens.calendarHoveredItemColor}: ${textPrimary};\n                ${tokens.calendarRangeBackground}: ${surfaceTransparentSecondary};\n                ${tokens.calendarOutlineFocusColor}: ${surfaceAccent};\n                ${tokens.calendarContentPrimaryColor}: ${textPrimary};\n                ${tokens.calendarContentPrimaryDisabledColor}: ${textPrimary};\n                ${tokens.calendarHeaderArrowColor}: ${tokens.calendarContentPrimaryColor};\n                ${tokens.calendarContentSecondaryColor}: ${textSecondary};\n                ${tokens.calendarContentSecondaryDisabledColor}: ${textSecondary};\n                ${tokens.calendarDisabledOpacity}: 0.4;\n\n                ${tokens.iconButtonColor}: ${textAccent};\n                ${tokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${tokens.iconButtonColorHover}: ${textAccentHover};\n                ${tokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n                ${tokens.iconButtonColorActive}: ${textAccentActive};\n                ${tokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n                ${tokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n                ${tokens.tooltipBoxShadow}: ${shadowDownHardS};\n                ${tokens.tooltipColor}: ${textPrimary};\n\n                ${tokens.shortcutColor}: ${textPrimary};\n                ${tokens.shortcutBackgroundHover}: ${surfaceTransparentSecondary};\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.width}: 30.25rem;\n                ${tokens.borderRadius}: 1rem;\n\n                ${tokens.dividerPadding}: 0 1.375rem;\n                ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyL.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.labelFontSize}: ${bodyL.fontSize};\n                ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.813rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.375rem;\n                ${tokens.titleCaptionMargin}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 4rem;\n                ${tokens.textFieldBorderRadius}: 1rem;\n                ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.875rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 28rem;\n                ${tokens.calendarHeight}: 28.563rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarYearsRowGap}: 5.354rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarMonthsRowGap}: 5.354rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: ${borderRadiusXxl};\n\n                ${tokens.calendarDayFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0.5rem;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n                ${tokens.calendarHeaderArrowSize}: 0;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 1rem;\n                ${tokens.calendarHeaderDateGap}: 0.5rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h3.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 4rem;\n                ${tokens.iconButtonWidth}: 4rem;\n                ${tokens.iconButtonPadding}: 1.5rem;\n                ${tokens.iconButtonRadius}: 1rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyL.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.shortcutPadding}: 1.313rem 0.875rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.875rem;\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n            l: css`\n                ${tokens.width}: 26.5rem;\n                ${tokens.borderRadius}: 0.875rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyL.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 1rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n                ${tokens.labelFontSize}: ${bodyL.fontSize};\n                ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 3.5rem;\n                ${tokens.embedIconButtonWidth}: 3.5rem;\n                ${tokens.embedIconButtonPadding}: 1rem;\n                ${tokens.embedIconButtonRadius}: 0.875rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.375rem;\n                ${tokens.titleCaptionMargin}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 3.5rem;\n                ${tokens.textFieldBorderRadius}: 0.875rem;\n                ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.875rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 24.5rem;\n                ${tokens.calendarHeight}: 25rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarYearsRowGap}: 4.333rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarMonthsRowGap}: 4.333rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.75rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyL.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyL.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyL.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyL.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyL.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyLBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: ${borderRadiusXxl};\n\n                ${tokens.calendarDayFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0.5rem;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n                ${tokens.calendarHeaderArrowSize}: 0;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 1rem;\n                ${tokens.calendarHeaderDateGap}: 0.5rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h3.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h3.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h3.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h3.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h3.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h3.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h3Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 3.5rem;\n                ${tokens.iconButtonWidth}: 3.5rem;\n                ${tokens.iconButtonPadding}: 1.5rem;\n                ${tokens.iconButtonRadius}: 0.875rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyL.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyL.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyL.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyL.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyL.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyL.lineHeight};\n\n                ${tokens.shortcutPadding}: 1.063rem 0.75rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.75rem;\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n            m: css`\n                ${tokens.width}: 23rem;\n                ${tokens.borderRadius}: 0.75rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyM.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n                ${tokens.labelFontSize}: ${bodyM.fontSize};\n                ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 3rem;\n                ${tokens.embedIconButtonWidth}: 3rem;\n                ${tokens.embedIconButtonPadding}: 0.75rem;\n                ${tokens.embedIconButtonRadius}: 0.75rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.313rem;\n                ${tokens.titleCaptionMargin}: 0.3125rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 3rem;\n                ${tokens.textFieldBorderRadius}: 0.75rem;\n                ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.75rem;\n                ${tokens.popoverGap}: 1rem;\n                ${tokens.popoverPadding}: 1rem 1rem 1.125rem 1rem;\n                ${tokens.popoverVerticalPadding}: 2.125rem;\n\n                ${tokens.calendarWidth}: 21rem;\n                ${tokens.calendarHeight}: 21rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarYearsRowGap}: 3.167rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarMonthsRowGap}: 3.167rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.625rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyM.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyM.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyM.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyM.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyM.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodyMBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: ${borderRadiusXxl};\n\n                ${tokens.calendarDayFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n                ${tokens.calendarHeaderArrowSize}: 0;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.75rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h4.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 3rem;\n                ${tokens.iconButtonWidth}: 3rem;\n                ${tokens.iconButtonPadding}: 1.25rem;\n                ${tokens.iconButtonRadius}: 0.75rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyM.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyM.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyM.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyM.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyM.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyM.lineHeight};\n\n                ${tokens.shortcutPadding}: 0.875rem 0.625rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.625rem;\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n            s: css`\n                ${tokens.width}: 19.5rem;\n                ${tokens.borderRadius}: 0.625rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n                ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n                ${tokens.dividerFontSize}: ${bodyS.fontSize};\n                ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n                ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n                ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n                ${tokens.labelFontSize}: ${bodyS.fontSize};\n                ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n                ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.embedIconButtonHeight}: 2.5rem;\n                ${tokens.embedIconButtonWidth}: 2.5rem;\n                ${tokens.embedIconButtonPadding}: 0.5rem;\n                ${tokens.embedIconButtonRadius}: 0.625rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.25rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0.188rem;\n                ${tokens.titleCaptionMargin}: 0.1875rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 2.5rem;\n                ${tokens.textFieldBorderRadius}: 0.625rem;\n                ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n                ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n                ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n                ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n                ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 0.625rem;\n                ${tokens.popoverGap}: 0.875rem;\n                ${tokens.popoverPadding}: 0.875rem 0.875rem 1rem 0.875rem;\n                ${tokens.popoverVerticalPadding}: 1.875rem;\n\n                ${tokens.calendarWidth}: 17.5rem;\n                ${tokens.calendarHeight}: 17rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarYearsRowGap}: ${spacing16x};\n\n                ${tokens.calendarYearFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarMonthsRowGap}: ${spacing16x};\n\n                ${tokens.calendarMonthFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n                ${tokens.calendarQuarterFontFamily}: ${bodyS.fontFamily};\n                ${tokens.calendarQuarterFontSize}: ${bodyS.fontSize};\n                ${tokens.calendarQuarterFontStyle}: ${bodyS.fontStyle};\n                ${tokens.calendarQuarterFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.calendarQuarterFontLineHeight}: ${bodyS.lineHeight};\n                ${tokens.calendarQuarterFontWeight}: ${bodyS.fontWeight};\n                ${tokens.calendarQuarterSelectedFontWeight}: ${bodySBold.fontWeight};\n\n                ${tokens.calendarDaysPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: ${borderRadiusXxl};\n\n                ${tokens.calendarDayFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;\n                ${tokens.calendarHeaderArrowSize}: 0;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${h4.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${h4.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${h4.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${h4.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: ${h4.lineHeight};\n                ${tokens.calendarHeaderFontWeight}: ${h4.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${h4Bold.fontWeight};\n\n                ${tokens.iconButtonHeight}: 2.5rem;\n                ${tokens.iconButtonWidth}: 2.5rem;\n                ${tokens.iconButtonPadding}: 0.5rem;\n                ${tokens.iconButtonRadius}: 0.625rem;\n\n                ${tokens.shortcutFontFamily}: ${bodyS.fontFamily};\n                ${tokens.shortcutFontStyle}: ${bodyS.fontStyle};\n                ${tokens.shortcutFontSize}: ${bodyS.fontSize};\n                ${tokens.shortcutFontWeight}: ${bodyS.fontWeight};\n                ${tokens.shortcutLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.shortcutLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.shortcutPadding}: 0.688rem 0.5rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.5rem;\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n            xs: css`\n                ${tokens.width}: 19rem;\n                ${tokens.borderRadius}: 0.5rem;\n\n                ${tokens.dividerPadding}: 0 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n                ${tokens.rightContentMargin}: 0;\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.labelWrapperOffset}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.embedIconButtonHeight}: 2rem;\n                ${tokens.embedIconButtonWidth}: 2rem;\n                ${tokens.embedIconButtonPadding}: 0.5rem;\n                ${tokens.embedIconButtonRadius}: 0.5rem;\n\n                ${tokens.indicatorWrapperGap}: 0.25rem;\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n\n                ${tokens.indicatorPlacement}: 0 0 0 0;\n                ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n                ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n                ${tokens.indicatorMarginTop}: 0.125rem;\n                ${tokens.indicatorOuterLeft}: -0.75rem;\n                ${tokens.indicatorWithoutLabelInner}: auto 0 -0.375rem auto;\n                ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.375rem 0;\n\n                ${tokens.hintMargin}: -0.688rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n                ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;\n\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.titleCaptionOffset}: 0;\n                ${tokens.titleCaptionMargin}: 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.textFieldHeight}: 2rem;\n                ${tokens.textFieldBorderRadius}: 0.5rem;\n                ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\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.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\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.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.leftHelperOffset}: 0.25rem 0 0 0;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\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.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.popoverBorderRadius}: 1.5rem;\n                ${tokens.popoverGap}: 0.75rem;\n                ${tokens.popoverPadding}: 1rem;\n                ${tokens.popoverVerticalPadding}: 1.625rem;\n\n                ${tokens.calendarWidth}: 17.5rem;\n                ${tokens.calendarHeight}: 15.5rem;\n\n                ${tokens.calendarYearsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarYearItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarYearsRowGap}: 1.667rem;\n\n                ${tokens.calendarYearFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarYearFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarYearFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarYearFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarYearFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarYearFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarYearSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarMonthsPadding}: 0.5rem 0 0 0;\n                ${tokens.calendarMonthItemBorderRadius}: ${borderRadiusXxl};\n                ${tokens.calendarMonthsRowGap}: 1.667rem;\n\n                ${tokens.calendarMonthFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarMonthFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarMonthFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarMonthFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarMonthFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarMonthFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarMonthSelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarQuartersPadding}: 0.375rem 0 0 0;\n                ${tokens.calendarQuarterItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${tokens.calendarQuarterSelectedFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n\n                ${tokens.calendarDaysPadding}: 0.375rem 0 0 0;\n                ${tokens.calendarDayItemBorderRadius}: ${borderRadiusXxl};\n\n                ${tokens.calendarDayFontFamily}: ${bodyXSMedium.fontFamily};\n                ${tokens.calendarDayFontSize}: ${bodyXSMedium.fontSize};\n                ${tokens.calendarDayFontStyle}: ${bodyXSMedium.fontStyle};\n                ${tokens.calendarDayFontLetterSpacing}: ${bodyXSMedium.letterSpacing};\n                ${tokens.calendarDayFontLineHeight}: ${bodyXSMedium.lineHeight};\n                ${tokens.calendarDayFontWeight}: ${bodyXSMedium.fontWeight};\n                ${tokens.calendarDaySelectedFontWeight}: ${bodyXSMedium.fontWeight};\n\n                ${tokens.calendarCurrentItemBorderWidth}: 0.063rem;\n\n                ${tokens.calendarHeaderWrapperPadding}: 0;\n                ${tokens.calendarHeaderArrowGap}: 0;\n                ${tokens.calendarHeaderArrowCustomSize}: 1rem;\n                ${tokens.calendarHeaderArrowSize}: 0;\n\n                ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;\n                ${tokens.calendarHeaderDateGap}: 0.25rem;\n\n                ${tokens.calendarHeaderFontFamily}: ${bodyLMedium.fontFamily};\n                ${tokens.calendarHeaderFontSize}: ${bodyLMedium.fontSize};\n                ${tokens.calendarHeaderFontStyle}: ${bodyLMedium.fontStyle};\n                ${tokens.calendarHeaderFontLetterSpacing}: ${bodyLMedium.letterSpacing};\n                ${tokens.calendarHeaderFontLineHeight}: 1.25rem;\n                ${tokens.calendarHeaderFontWeight}: ${bodyLMedium.fontWeight};\n                ${tokens.calendarHeaderFontWeightBold}: ${bodyLMedium.fontWeight};\n\n                ${tokens.iconButtonHeight}: 1.25rem;\n                ${tokens.iconButtonWidth}: 1.25rem;\n                ${tokens.iconButtonPadding}: 0.5rem;\n                ${tokens.iconButtonRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.shortcutLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.shortcutPadding}: 0.563rem 0.375rem;\n                ${tokens.shortcutGap}: 0.375rem;\n                ${tokens.shortcutBorderRadius}: 0.375rem;\n                ${tokens.calendarSelectedItemStartBorderRadius}: ${borderRadiusXxl} 0 0 ${borderRadiusXxl};\n                ${tokens.calendarSelectedItemEndBorderRadius}: 0 ${borderRadiusXxl} ${borderRadiusXxl} 0;\n            `,\n        },\n        eventTooltipSize: {\n            m: css`\n                ${tokens.tooltipPaddingTop}: 0.6875rem;\n                ${tokens.tooltipPaddingRight}: 0.875rem;\n                ${tokens.tooltipPaddingBottom}: 0.6875rem;\n                ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.tooltipMinHeight}: 2.5rem;\n                ${tokens.tooltipBorderRadius}: 0.625rem;\n\n                ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.tooltipArrowHeight}: 0.5rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n                ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n            s: css`\n                ${tokens.tooltipPaddingTop}: 0.5rem;\n                ${tokens.tooltipPaddingRight}: 0.75rem;\n                ${tokens.tooltipPaddingBottom}: 0.5rem;\n                ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.tooltipMinHeight}: 2rem;\n                ${tokens.tooltipBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.tooltipArrowMaskWidth}: 1rem;\n                ${tokens.tooltipArrowMaskHeight}: 1rem;\n                ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.tooltipArrowHeight}: 0.375rem;\n                ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n                ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n                ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n                ${tokens.hintTooltipColor}: ${textPrimary};\n                ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n                ${tokens.hintTooltipPaddingRight}: 0.875rem;\n                ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n                ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n                ${tokens.hintTooltipMinHeight}: 2.5rem;\n                ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n                ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n                ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n                ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n                ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n                ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n                ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n                ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n                ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n                ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n                ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${tokens.hintTooltipArrowHeight}: 0.5rem;\n                ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${tokens.hintTooltipPaddingTop}: 0.5rem;\n                ${tokens.hintTooltipPaddingRight}: 0.75rem;\n                ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n                ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n                ${tokens.hintTooltipMinHeight}: 2rem;\n                ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${tokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n                ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n                ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n                ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${tokens.hintTooltipArrowHeight}: 0.375rem;\n                ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.labelColorReadOnly}: ${textPrimary};\n                ${tokens.leftHelperColorReadOnly}: ${textSecondary};\n\n                ${tokens.dividerColorReadOnly}: ${textPrimary};\n                ${tokens.dividerOpacityReadOnly}: 0.4;\n\n                ${tokens.textFieldColorReadOnly}: ${textPrimary};\n                ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n                ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n                ${tokens.rightContentOpacityReadOnly}: 0.4;\n                ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n                ${tokens.textFieldReadOnlyOpacity}: 0.1;\n                ${tokens.rangeReadOnlyOpacity}: 0.1;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","hintSize","variations","default","xl","l","m","s","xs","eventTooltipSize","hintView","disabled","true","readOnly"],"mappings":"AA6CA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KA6GV;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,EAAE,EAAA,SAqLD;AACDC,MAAAA,CAAC,EAAA,SA2LA;AACDC,MAAAA,CAAC,EAAA,SA2LA;AACDC,MAAAA,CAAC,EAAA,UA2LA;AACDC,MAAAA,EAAE,EAAA;KA2NL;AACDC,IAAAA,gBAAgB,EAAE;AACdH,MAAAA,CAAC,EAAA,SAwBA;AACDC,MAAAA,CAAC,EAAA;KA+BJ;AACDG,IAAAA,QAAQ,EAAE;MACNP,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KA8BJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAiBR;AACJ;AACJ;;;;"}