@salutejs/sdds-serv 0.331.0-canary.2385.20094393986.0 → 0.331.0-canary.2386.20265601954.0

package/dist/css/cjs/components/Tabs/TabsController.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var HorizontalTabs_config = require('./horizontal/HorizontalTabs.config.js');
+var HorizontalTabItem_config = require('./horizontal/HorizontalTabItem.config.js');
+
+var mergedHorizontalTabsConfig = /*#__PURE__*/css.mergeConfig(css.horizontalTabsConfig, HorizontalTabs_config.config);
+var HorizontalTabs = /*#__PURE__*/css.component(mergedHorizontalTabsConfig);
+var mergedHorizontalTabItemConfig = /*#__PURE__*/css.mergeConfig(css.horizontalTabItemConfig, HorizontalTabItem_config.config);
+var HorizontalTabItem = /*#__PURE__*/css.component(mergedHorizontalTabItemConfig);
+
+/**
+ * Контроллер вкладок.
+ * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
+ */
+var TabsController = /*#__PURE__*/css.createTabsController(HorizontalTabs, HorizontalTabItem);
+
+exports.TabsController = TabsController;
+//# sourceMappingURL=TabsController.js.map

package/dist/css/cjs/components/Tabs/TabsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsController.js","sources":["../../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n    createTabsController,\n    horizontalTabItemConfig as horizontalBaseTabItemConfig,\n    horizontalTabsConfig as horizontalBaseTabsConfig,\n    HorizontalTabItemProps,\n    HorizontalTabsProps,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n    HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;;;;;AAcA,IAAMA,0BAA0B,gBAAGC,eAAW,CAACC,wBAAwB,EAAEC,4BAAoB,CAAC;AAC9F,IAAMC,cAAc,gBAAGC,aAAS,CAACL,0BAA0B,CAAC;AAE5D,IAAMM,6BAA6B,gBAAGL,eAAW,CAACM,2BAA2B,EAAEC,+BAAuB,CAAC;AACvG,IAAMC,iBAAiB,gBAAGJ,aAAS,CAACC,6BAA6B,CAAC;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,wBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

package/dist/css/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPadding}: 1rem 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAiBJ;AACDC,MAAAA,SAAS,EAAA,UAmBR;AACDC,MAAAA,OAAO,EAAA,UAmBN;MACDC,SAAAA,EAAO;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 3.25rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h5: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h4: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.25rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h3: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.375rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h2: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.5rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n            h1: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 1rem;\n                ${tabsTokens.arrowOuterPadding}: 0rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerWidth}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n                ${tabsTokens.itemMarginLeft}: 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n                ${tabsTokens.itemMarginLeft}: 0.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n                ${tabsTokens.itemMarginLeft}: 1.125rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.875rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.25rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n    },\n    variations: {\n        size: {\n            xs: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7.312rem;\n                ${textAreaTokens.inputMinHeight}: 0.625rem;\n                ${textAreaTokens.borderRadius}: 0.5rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 0.563rem;\n                ${textAreaTokens.inputPaddingRight}: 0.625rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 1.5rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.5rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0.625rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.563rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0.625rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 0.563rem;\n                ${textAreaTokens.rightContentRight}: 0.5rem;\n                ${textAreaTokens.rightContentHeight}: 1rem;\n                ${textAreaTokens.labelMarginBottom}: 0.375rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.188rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7.187rem;\n                ${textAreaTokens.inputMinHeight}: 0.625rem;\n                ${textAreaTokens.borderRadius}: 0.625rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 0.688rem;\n                ${textAreaTokens.inputPaddingRight}: 0.875rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0.875rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0.875rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 0.688rem;\n                ${textAreaTokens.rightContentRight}: 0.75rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.5rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-s-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.063rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            m: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 7rem;\n                ${textAreaTokens.inputMinHeight}: 1.125rem;\n                ${textAreaTokens.borderRadius}: 0.75rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 0.875rem;\n                ${textAreaTokens.inputPaddingRight}: 1rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 1rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n                ${textAreaTokens.helpersPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 0.875rem;\n                ${textAreaTokens.rightContentRight}: 0.875rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.625rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                /* stylelint-disable-next-line number-max-precision */\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            l: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 6.812rem;\n                ${textAreaTokens.inputMinHeight}: 1.625rem;\n                ${textAreaTokens.borderRadius}: 0.875rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 1.063rem;\n                ${textAreaTokens.inputPaddingRight}: 1.125rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 1.125rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n                ${textAreaTokens.helpersPaddingLeft}: 1.125rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 1.063rem;\n                ${textAreaTokens.rightContentRight}: 1rem;\n                ${textAreaTokens.rightContentHeight}: 1.25rem;\n                ${textAreaTokens.labelMarginBottom}: 0.75rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.563rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.562rem -2.063rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xl: css`\n                ${textAreaTokens.inputWidth}: 100%;\n                ${textAreaTokens.inputHeight}: 6.812rem;\n                ${textAreaTokens.inputMinHeight}: 1.625rem;\n                ${textAreaTokens.borderRadius}: 1rem;\n                ${textAreaTokens.borderRadiusWithHelpers}: 1rem 1rem 0 0;\n                ${textAreaTokens.inputPaddingTop}: 1.313rem;\n                ${textAreaTokens.inputPaddingRight}: 1.25rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.5rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.5rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 1.25rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n                ${textAreaTokens.helpersPaddingLeft}: 1.25rem;\n                ${textAreaTokens.helpersOffset}: 0rem;\n                ${textAreaTokens.rightContentTop}: 1.25rem;\n                ${textAreaTokens.rightContentRight}: 1.25rem;\n                ${textAreaTokens.rightContentHeight}: 1.5rem;\n                ${textAreaTokens.labelMarginBottom}: 0.75rem;\n                ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n                ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.labelInnerTop}: 0.813rem;\n                ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.25rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n                ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n                ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${textAreaTokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.675rem;\n                ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n\n                ${textAreaTokens.scrollbarWidth}: 0.188rem;\n                ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n                ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n                ${textAreaTokens.hintTargetSize}: 2.375rem;\n                ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.751rem -2.938rem auto auto;\n                ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.751rem -2.188rem auto auto;\n                ${textAreaTokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n                ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        view: {\n            default: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-primary);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-accent);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            positive: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-positive);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-positive-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-positive-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-positive);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-positive);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-positive-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-positive-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-positive);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-positive);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-positive);\n                ${textAreaTokens.leftHelperColor}: var(--text-positive);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-positive);\n                ${textAreaTokens.dividerColorHover}: var(--surface-positive);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            /**\n             * @deprecated\n             * Использовать `default`\n             */\n            primary: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-primary);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-accent);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            warning: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-warning);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-warning);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-warning);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-warning);\n                ${textAreaTokens.leftHelperColor}: var(--text-warning);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-warning);\n                ${textAreaTokens.dividerColorHover}: var(--surface-warning);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n                ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n                ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n                ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n                ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n                ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n                ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n                ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n                ${textAreaTokens.inputColorFocus}: var(--text-primary);\n                ${textAreaTokens.inputCaretColor}: var(--text-negative);\n                ${textAreaTokens.placeholderColor}: var(--text-secondary);\n                ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n                ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n                ${textAreaTokens.leftHelperColor}: var(--text-negative);\n                ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n                ${textAreaTokens.indicatorColor}: var(--surface-negative);\n                ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n                ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n                ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n                ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n                ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n                ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n                ${textAreaTokens.dividerColor}: var(--surface-negative);\n                ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n                ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n                ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n                ${textAreaTokens.hintIconColor}: var(--text-secondary);\n            `,\n        },\n        hintView: {\n            default: css`\n                ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n                ${textAreaTokens.tooltipColor}: var(--text-primary);\n                ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\n            m: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n                /* stylelint-disable-next-line */\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n            `,\n            s: css`\n                ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n                ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n                ${textAreaTokens.tooltipMinHeight}: 2rem;\n                ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n                ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n                ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n                ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n                /* stylelint-disable-next-line */\n                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n            `,\n        },\n        clear: {\n            true: css``,\n        },\n        readOnly: {\n            true: css`\n                ${textAreaTokens.readOnlyOpacity}: 0.1;\n                ${textAreaTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${textAreaTokens.disabledOpacity}: 0.4;\n                ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n                ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","variations","size","xs","s","m","l","xl","default","positive","primary","warning","negative","hintView","hintSize","clear","true","readOnly","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAAA,UAoED;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,CAAC,EAAA,UAsEA;AACDC,MAAAA,CAAC,EAAA,UAoEA;AACDC,MAAAA,EAAE,EAAA;KAuEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,SAAAA,EAAO,UAkCN;AACDC,MAAAA,QAAQ,EAAA,UAkCP;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAAA,UAkCN;AACDC,MAAAA,OAAO,EAAA,SAkCN;AACDC,MAAAA,QAAQ,EAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAAA,EAAO;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAAA,SAwBA;AACDD,MAAAA,CAAC,EAAA;KAyBJ;AACDW,IAAAA,KAAK,EAAE;MACHC,MAAAA,EAAI;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var TextArea_config = require('./TextArea.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.textAreaConfig, TextArea_config.config);
+var TextAreaComponent = /*#__PURE__*/css.component(mergedConfig);
+
+/**
+ * Поле ввода многострочного текста.
+ */
+var TextArea = TextAreaComponent;
+
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextArea.config';\n\nconst mergedConfig = mergeConfig(textAreaConfig, config);\nconst TextAreaComponent = component(mergedConfig);\n\n/**\n * Поле ввода многострочного текста.\n */\nexport const TextArea = TextAreaComponent;\n"],"names":["mergedConfig","mergeConfig","textAreaConfig","config","TextAreaComponent","component","TextArea"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,kBAAc,EAAEC,sBAAM,CAAC;AACxD,IAAMC,iBAAiB,gBAAGC,aAAS,CAACL,YAAY,CAAC;;AAEjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}

package/dist/css/cjs/components/TextField/TextField.clear.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.clear.config.js","sources":["../../../../../src-css/components/TextField/TextField.clear.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.dividerColorHover}: var(--text-secondary);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-positive);\n\n                ${tokens.placeholderColor}: var(--text-positive);\n                ${tokens.placeholderColorFocus}: var(--text-positive);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-positive);\n                ${tokens.contentSlotColorHover}: var(--text-positive-hover);\n                ${tokens.contentSlotColorActive}: var(--text-positive-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-positive);\n                ${tokens.dividerColorHover}: var(--surface-positive);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-warning);\n\n                ${tokens.placeholderColor}: var(--text-warning);\n                ${tokens.placeholderColorFocus}: var(--text-warning);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-warning);\n                ${tokens.contentSlotColorHover}: var(--text-warning-hover);\n                ${tokens.contentSlotColorActive}: var(--text-warning-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-warning);\n                ${tokens.dividerColorHover}: var(--surface-warning);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-negative);\n\n                ${tokens.placeholderColor}: var(--text-negative);\n                ${tokens.placeholderColorFocus}: var(--text-negative);\n\n                ${tokens.backgroundColor}: transparent;\n                ${tokens.backgroundColorHover}: transparent;\n                ${tokens.backgroundColorFocus}: transparent;\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-negative);\n                ${tokens.contentSlotColorHover}: var(--text-negative-hover);\n                ${tokens.contentSlotColorActive}: var(--text-negative-active);\n\n                ${tokens.contentSlotRightColor}: var(--text-secondary);\n                ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-negative);\n                ${tokens.dividerColorHover}: var(--surface-negative);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.height}: 4rem;\n                ${tokens.padding}: 1.3125rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n                ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.25rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.063rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.125rem;\n                ${tokens.chipMarginRight}: 1rem;\n                ${tokens.chipBorderRadius}: 0.625rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 3.25rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\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.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n            `,\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n                ${tokens.rightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.25rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem 0;\n                ${tokens.rightContentMargin}: -0.125rem 0 -0.125rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.25rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n                ${tokens.rightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.25rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0;\n                ${tokens.paddingWithChips}: 0.375rem 0;\n                ${tokens.borderRadius}: 0;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n                ${tokens.rightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.25rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n                ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--text-secondary);\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            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.chipColor}: var(--inverse-text-primary);\n                ${tokens.chipBackground}: var(--surface-solid-default);\n                ${tokens.chipColorHover}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${tokens.chipColorActive}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--inverse-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-accent);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            positive: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-positive);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            warning: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-warning);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            negative: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-negative);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.tooltipColor}: var(--text-primary);\n                ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\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            `,\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                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\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            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.readOnlyOpacity}: 0.1;\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: transparent;\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-primary);\n                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","chipView","secondary","accent","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SA4BN;AACDC,MAAAA,QAAQ,EAAA,SAgCP;AACDC,MAAAA,OAAO,EAAA,UAgCN;AACDC,MAAAA,QAAQ,EAAA;KAiCX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAAA,SAmFD;AACDC,MAAAA,CAAC,EAAA,SA2EA;AACDC,MAAAA,CAAC,EAAA,UA2EA;AACDC,MAAAA,CAAC,EAAA,UA2EA;AACDC,MAAAA,EAAE,EAAA;KA4EL;AACDV,IAAAA,cAAc,EAAE;AACZW,MAAAA,KAAK,EAAA,UAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,SAAAA,EAAO,SAgBN;AACDY,MAAAA,SAAS,EAAA,UAgBR;AACDC,MAAAA,MAAM,EAAA,SAgBL;AACDZ,MAAAA,QAAQ,EAAA,SAgBP;AACDC,MAAAA,OAAO,EAAA,SAgBN;AACDC,MAAAA,QAAQ,EAAA;KAiBX;AACDW,IAAAA,QAAQ,EAAE;MACNd,SAAAA,EAAO;KAMV;AACDe,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDS,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.config.js","sources":["../../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: var(--surface-transparent-primary);\n                ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);\n                ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n                ${tokens.dividerColorHover}: var(--text-secondary);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-primary);\n\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: var(--surface-transparent-positive);\n                ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);\n                ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-positive);\n                ${tokens.dividerColorHover}: var(--surface-positive);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-primary);\n\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: var(--surface-transparent-warning);\n                ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);\n                ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-warning);\n                ${tokens.dividerColorHover}: var(--surface-warning);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-primary);\n\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n                ${tokens.backgroundColor}: var(--surface-transparent-negative);\n                ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);\n                ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n                ${tokens.titleCaptionColor}: var(--text-secondary);\n                ${tokens.hintIconColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.dividerColor}: var(--surface-negative);\n                ${tokens.dividerColorHover}: var(--surface-negative);\n                ${tokens.dividerColorFocus}: var(--surface-accent);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            xl: css`\n                ${tokens.height}: 4rem;\n                ${tokens.padding}: 1.3125rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 1rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;\n                ${tokens.rightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.125rem;\n                ${tokens.chipMarginRight}: 1rem;\n                ${tokens.chipBorderRadius}: 0.625rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 3.25rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\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.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n            `,\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.hintMargin}: -0.688rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ${tokens.rightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n                ${tokens.contentRightWrapperGap}: 0.25rem;\n                ${tokens.contentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n                ${tokens.hintTargetSize}: 2.375rem;\n                ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n                ${tokens.clearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n                ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n                ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--text-secondary);\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            outer: css``,\n        },\n        chipView: {\n            default: css`\n                ${tokens.chipColor}: var(--inverse-text-primary);\n                ${tokens.chipBackground}: var(--surface-solid-default);\n                ${tokens.chipColorHover}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${tokens.chipColorActive}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnly}: var(--inverse-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-default);\n                ${tokens.chipColorReadOnlyHover}: var(--inverse-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--inverse-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--inverse-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            secondary: css`\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            accent: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-accent);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-accent);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-accent);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            positive: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-positive);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-positive-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-positive-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-positive);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-positive);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            warning: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-warning);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-warning-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-warning-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-warning);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-warning);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n            negative: css`\n                ${tokens.chipColor}: var(--on-dark-text-primary);\n                ${tokens.chipBackground}: var(--surface-negative);\n                ${tokens.chipColorHover}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-negative-hover);\n                ${tokens.chipColorActive}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-negative-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-negative);\n                ${tokens.chipColorReadOnly}: var(--on-dark-text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-negative);\n                ${tokens.chipColorReadOnlyHover}: var(--on-dark-text-primary);\n\n                ${tokens.chipCloseIconColor}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorReadonly}: var(--on-dark-text-secondary);\n                ${tokens.chipCloseIconColorHover}: var(--on-dark-text-secondary-hover);\n                ${tokens.chipOpacityReadonly}: 1;\n            `,\n        },\n        hintView: {\n            default: css`\n                ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n                ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n                ${tokens.tooltipColor}: var(--text-primary);\n                ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n            `,\n        },\n        hintSize: {\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}: var(--plasma-typo-body-s-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\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            `,\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                ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\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            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.readOnlyOpacity}: 0.1;\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-primary);\n                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n                ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","xl","l","m","s","xs","inner","outer","chipView","secondary","accent","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SA4BN;AACDC,MAAAA,QAAQ,EAAA,SA4BP;AACDC,MAAAA,OAAO,EAAA,UA4BN;AACDC,MAAAA,QAAQ,EAAA;KA6BX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,EAAE,EAAA,SA8ED;AACDC,MAAAA,CAAC,EAAA,SA6EA;AACDC,MAAAA,CAAC,EAAA,SA6EA;AACDC,MAAAA,CAAC,EAAA,UA6EA;AACDC,MAAAA,EAAE,EAAA;KA8EL;AACDV,IAAAA,cAAc,EAAE;AACZW,MAAAA,KAAK,EAAA,UAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNX,MAAAA,SAAAA,EAAO,SAgBN;AACDY,MAAAA,SAAS,EAAA,SAgBR;AACDC,MAAAA,MAAM,EAAA,UAgBL;AACDZ,MAAAA,QAAQ,EAAA,SAgBP;AACDC,MAAAA,OAAO,EAAA,SAgBN;AACDC,MAAAA,QAAQ,EAAA;KAiBX;AACDW,IAAAA,QAAQ,EAAE;MACNd,SAAAA,EAAO;KAMV;AACDe,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDS,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var TextField_config = require('./TextField.config.js');
+var TextField_clear_config = require('./TextField.clear.config.js');
+
+var mergedConfigDefault = /*#__PURE__*/css.mergeConfig(css.textFieldConfig, TextField_config.config);
+var TextFieldDefault = /*#__PURE__*/css.component(mergedConfigDefault);
+var mergedConfigClear = /*#__PURE__*/css.mergeConfig(css.textFieldConfig, TextField_clear_config.config);
+var TextFieldClear = /*#__PURE__*/css.component(mergedConfigClear);
+var TextField = /*#__PURE__*/css.createConditionalComponent(TextFieldDefault, [{
+  conditions: {
+    prop: 'appearance',
+    value: 'clear'
+  },
+  component: TextFieldClear
+}]);
+
+exports.TextField = TextField;
+exports.TextFieldClear = TextFieldClear;
+exports.TextFieldDefault = TextFieldDefault;
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import {\n    textFieldConfig,\n    component,\n    mergeConfig,\n    createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextField.config';\nimport { config as clearConfig } from './TextField.clear.config';\n\nconst mergedConfigDefault = mergeConfig(textFieldConfig, config);\nexport const TextFieldDefault = component(mergedConfigDefault);\n\nconst mergedConfigClear = mergeConfig(textFieldConfig, clearConfig);\nexport const TextFieldClear = component(mergedConfigClear);\n\nexport const TextField = createConditionalComponent(TextFieldDefault, [\n    {\n        conditions: { prop: 'appearance', value: 'clear' },\n        component: TextFieldClear,\n    },\n]);\n"],"names":["mergedConfigDefault","mergeConfig","textFieldConfig","config","TextFieldDefault","component","mergedConfigClear","clearConfig","TextFieldClear","TextField","createConditionalComponent","conditions","prop","value"],"mappings":";;;;;;;;AAUA,IAAMA,mBAAmB,gBAAGC,eAAW,CAACC,mBAAe,EAAEC,uBAAM,CAAC;IACnDC,gBAAgB,gBAAGC,aAAS,CAACL,mBAAmB;AAE7D,IAAMM,iBAAiB,gBAAGL,eAAW,CAACC,mBAAe,EAAEK,6BAAW,CAAC;IACtDC,cAAc,gBAAGH,aAAS,CAACC,iBAAiB;IAE5CG,SAAS,gBAAGC,8BAA0B,CAACN,gBAAgB,EAAE,CAClE;AACIO,EAAAA,UAAU,EAAE;AAAEC,IAAAA,IAAI,EAAE,YAAY;AAAEC,IAAAA,KAAK,EAAE;GAAS;AAClDR,EAAAA,SAAS,EAAEG;AACf,CAAC,CACJ;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.config.js","sources":["../../../../../src-css/components/TextFieldGroup/TextFieldGroup.config.ts"],"sourcesContent":["import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        size: 'm',\n    },\n    variations: {\n        size: {\n            l: css`\n                ${tokens.textFieldDefaultRadius}: 0.875rem;\n                ${tokens.textFieldSegmentedRadius}: 0.375rem;\n                ${tokens.textFieldSideRadius}: 0.875rem;\n\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPadding}: 0 0.75rem 0 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${tokens.textFieldDefaultRadius}: 0.75rem;\n                ${tokens.textFieldSegmentedRadius}: 0.25rem;\n                ${tokens.textFieldSideRadius}: 0.75rem;\n\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPadding}: 0 0.625rem 0 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${tokens.textFieldSegmentedRadius}: 0.25rem;\n                ${tokens.textFieldSideRadius}: 0.625rem;\n                ${tokens.textFieldDefaultRadius}: 0.625rem;\n\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPadding}: 0 0.5rem 0 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${tokens.textFieldSegmentedRadius}: 0.125rem;\n                ${tokens.textFieldDefaultRadius}: 0.5rem;\n                ${tokens.textFieldSideRadius}: 0.5rem;\n\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPadding}: 0 0.375rem 0 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${tokens.textFieldGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${tokens.textFieldGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${tokens.textFieldGroupItemsGap}: 0.063rem;\n            `,\n            dense: css`\n                ${tokens.textFieldGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${tokens.textFieldGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","size","variations","l","m","s","xs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","default","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAAA,SAuDA;AACDC,MAAAA,CAAC,EAAA,SAuDA;AACDC,MAAAA,CAAC,EAAA,UAuDA;AACDC,MAAAA,EAAE,EAAA;KAwDL;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,UAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBC,SAAAA,EAAO;KACV;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css = require('@salutejs/plasma-new-hope/css');
+var TextFieldGroup_config = require('./TextFieldGroup.config.js');
+
+var mergedConfig = /*#__PURE__*/css.mergeConfig(css.textFieldGroupConfig, TextFieldGroup_config.config);
+
+/**
+ * Группа TextField.
+ */
+var TextFieldGroup = /*#__PURE__*/css.component(mergedConfig);
+
+exports.TextFieldGroup = TextFieldGroup;
+//# sourceMappingURL=TextFieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.js","sources":["../../../../../src-css/components/TextFieldGroup/TextFieldGroup.tsx"],"sourcesContent":["import { textFieldGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './TextFieldGroup.config';\n\nconst mergedConfig = mergeConfig(textFieldGroupConfig, config);\n\n/**\n * Группа TextField.\n */\nexport const TextFieldGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","textFieldGroupConfig","config","TextFieldGroup","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,wBAAoB,EAAEC,4BAAM,CAAC;;AAE9D;AACA;AACA;IACaC,cAAc,gBAAGC,aAAS,CAACL,YAAY;;;;"}