@salutejs/plasma-web 1.584.1-canary.2043.15849605311.0 → 1.585.0-canary.1741.15743877104.0

package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map

@@ -1 +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';\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.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\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.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\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.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\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.itemMarginLeft}: 1.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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\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.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\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.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\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            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\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            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\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            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.5rem;\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            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 3.5rem;\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        },\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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EA2BJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EA2BN,SAAA;MACDC,SAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\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.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\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.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\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.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\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.itemMarginLeft}: 1.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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\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.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\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.itemMarginLeft}: 1.75rem;\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\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            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\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            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\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            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.5rem;\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            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 3.5rem;\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        },\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,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EA2BJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EA2BN,SAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;AACJD,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;AACNF,MAAAA,IAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,5 +1,5 @@
 import './HorizontalTabs.config_udb25v.css';
-var config = {
+const config = {
   defaults: {
     view: 'divider',
     size: 'l'
@@ -22,13 +22,13 @@ var config = {
       h1: "h9rmvuc"
     },
     stretch: {
-      "true": "tyx4id5"
+      true: "tyx4id5"
     },
     disabled: {
-      "true": "tp7ddhx"
+      true: "tp7ddhx"
     },
     pilled: {
-      "true": "tr3t05m"
+      true: "tr3t05m"
     }
   }
 };

package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map

@@ -1 +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';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\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.75rem;\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,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAUJ,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,QAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\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.75rem;\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,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAUJ,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAMA,QAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,UAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;AACLC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,MAAM,EAAE;AACJF,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,5 +1,5 @@
 import './VerticalTabItem.config_11dsuhl.css';
-var config = {
+const config = {
   defaults: {
     view: 'divider',
     size: 'l'
@@ -15,10 +15,10 @@ var config = {
       l: "l1b3t5dj"
     },
     disabled: {
-      "true": "t9wdw7e"
+      true: "t9wdw7e"
     },
     truncate: {
-      "true": "td4esn"
+      true: "td4esn"
     }
   }
 };

package/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map

@@ -1 +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';\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAiBD,SAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAkBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,QAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\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-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\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,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAiBD,SAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAiBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAkBJ;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,QAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,5 +1,5 @@
 import './VerticalTabs.config_cqbb3f.css';
-var config = {
+const config = {
   defaults: {
     view: 'divider',
     size: 'l'
@@ -15,10 +15,10 @@ var config = {
       l: "l1p2k6ll"
     },
     stretch: {
-      "true": "t14n8jt7"
+      true: "t14n8jt7"
     },
     disabled: {
-      "true": "tkrwwpl"
+      true: "tkrwwpl"
     }
   }
 };

package/css/es/components/Tabs/vertical/VerticalTabs.config.js.map

@@ -1 +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';\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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\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,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA,UAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAMD,SAAA;AACDC,MAAAA,CAAC,EAMA,SAAA;AACDC,MAAAA,CAAC,EAMA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;AACLC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/TextArea/TextArea.config.js

@@ -1,5 +1,5 @@
 import './TextArea.config_ww37fs.css';
-var config = {
+const config = {
   defaults: {
     view: 'primary',
     focused: 'true'
@@ -13,7 +13,7 @@ var config = {
       xl: "x15h3znf"
     },
     view: {
-      "default": "d1xc86r3",
+      default: "d1xc86r3",
       /**
        * @deprecated
        * использовать `default`
@@ -24,17 +24,17 @@ var config = {
       negative: "n18le4t3"
     },
     hintView: {
-      "default": "dobk1y6"
+      default: "dobk1y6"
     },
     hintSize: {
       m: "mqmoyi4",
       s: "shk8pwb"
     },
     clear: {
-      "true": "t1q2o3dx"
+      true: "t1q2o3dx"
     },
     disabled: {
-      "true": "tdc969b"
+      true: "tdc969b"
     }
   }
 };

package/css/es/components/TextArea/TextArea.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.config.js","sources":["../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'primary',\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;\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.inputPaddingBottomWithHelpers}: 0.563rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size, 0.625rem);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style, normal);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight, 400);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing, -0.02em);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height, 0.75rem);\n                ${textAreaTokens.labelInnerTop}: 0rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.1875rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-footnote1-font-family, var(--plasma-typo-body-s-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-footnote1-font-size, var(--plasma-typo-body-s-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-footnote1-font-style, var(--plasma-typo-body-s-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-footnote1-font-weight, var(--plasma-typo-body-s-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-footnote1-letter-spacing, var(--plasma-typo-body-s-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-footnote1-line-height, var(--plasma-typo-body-s-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.188rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body1-font-family, var(--plasma-typo-body-m-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body1-font-size, var(--plasma-typo-body-m-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body1-font-style, var(--plasma-typo-body-m-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body1-font-weight, var(--plasma-typo-body-m-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body1-letter-spacing, var(--plasma-typo-body-m-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body1-line-height, var(--plasma-typo-body-m-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.188rem 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;\n                ${textAreaTokens.inputPaddingTop}: 1rem;\n                ${textAreaTokens.inputPaddingRight}: 1.125rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.5625rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size, 1.125rem);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style, normal);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight, 400);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing, -0.02em);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height, 1.375rem);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.25rem 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.563rem -2.188rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\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            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${textAreaTokens.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\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.inputBorderColor}: var(--text-positive);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-positive);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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            warning: css`\n                ${textAreaTokens.inputBorderColor}: var(--text-warning);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-warning);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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.inputBorderColor}: var(--text-negative);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-negative);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\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.6875rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.6875rem;\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                ${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                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        clear: {\n            true: css``,\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","primary","positive","warning","negative","hintView","hintSize","clear","true","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAqED,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,CAAC,EAuEA,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,SAAAA,EA8BC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EA8BN,UAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,OAAO,EA8BN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KA+BX;AACDC,IAAAA,QAAQ,EAAE;MACNL,SAAO,EAAA,SAAA;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,SAAA;AACDD,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDW,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"TextArea.config.js","sources":["../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'primary',\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;\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.inputPaddingBottomWithHelpers}: 0.563rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xxs-font-size, 0.625rem);\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xxs-font-style, normal);\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xxs-font-weight, 400);\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing, -0.02em);\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xxs-line-height, 0.75rem);\n                ${textAreaTokens.labelInnerTop}: 0rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.1875rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-footnote1-font-family, var(--plasma-typo-body-s-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-footnote1-font-size, var(--plasma-typo-body-s-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-footnote1-font-style, var(--plasma-typo-body-s-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-footnote1-font-weight, var(--plasma-typo-body-s-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-footnote1-letter-spacing, var(--plasma-typo-body-s-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-footnote1-line-height, var(--plasma-typo-body-s-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.188rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.375rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body1-font-family, var(--plasma-typo-body-m-font-family));\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body1-font-size, var(--plasma-typo-body-m-font-size));\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body1-font-style, var(--plasma-typo-body-m-font-style));\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body1-font-weight, var(--plasma-typo-body-m-font-weight));\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body1-letter-spacing, var(--plasma-typo-body-m-letter-spacing));\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body1-line-height, var(--plasma-typo-body-m-line-height));\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.188rem 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;\n                ${textAreaTokens.inputPaddingTop}: 1rem;\n                ${textAreaTokens.inputPaddingRight}: 1.125rem;\n                ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;\n                ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.25rem;\n                ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n                ${textAreaTokens.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.125rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-caption-line-height, var(--plasma-typo-body-xs-line-height));\n                ${textAreaTokens.labelInnerTop}: 0.5625rem;\n                ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n                ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-l-font-family, 'SB Sans Text','SBSansText',sans-serif);\n                ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-l-font-size, 1.125rem);\n                ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-l-font-style, normal);\n                ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-l-font-weight, 400);\n                ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-l-letter-spacing, -0.02em);\n                ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-l-line-height, 1.375rem);\n                ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-caption-font-family, var(--plasma-typo-body-xs-font-family));\n                ${textAreaTokens.helpersFontSize}: var(--plasma-typo-caption-font-size, var(--plasma-typo-body-xs-font-size));\n                ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-caption-font-style, var(--plasma-typo-body-xs-font-style));\n                ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-caption-font-weight, var(--plasma-typo-body-xs-font-weight));\n                ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-caption-letter-spacing, var(--plasma-typo-body-xs-letter-spacing));\n                ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-caption-line-height, 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.25rem 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.563rem -2.188rem 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;\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.inputPaddingBottomWithHelpers}: 0.75rem;\n                ${textAreaTokens.inputPaddingLeft}: 1.25rem;\n                ${textAreaTokens.helpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n                ${textAreaTokens.helpersPaddingRight}: 0rem;\n                ${textAreaTokens.helpersPaddingBottom}: 0rem;\n                ${textAreaTokens.helpersPaddingLeft}: 0rem;\n                ${textAreaTokens.helpersOffset}: 0.375rem;\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.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\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            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${textAreaTokens.inputBorderColor}: var(--outline-transparent-primary);\n                ${textAreaTokens.inputBorderColorHover}: var(--outline-transparent-primary-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--outline-transparent-primary-active);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-accent);\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.inputBorderColor}: var(--text-positive);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-positive-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-positive);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-positive);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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            warning: css`\n                ${textAreaTokens.inputBorderColor}: var(--text-warning);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-warning-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-warning);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-warning);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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.inputBorderColor}: var(--text-negative);\n                ${textAreaTokens.inputBorderColorHover}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorActive}: var(--text-negative-hover);\n                ${textAreaTokens.inputBorderColorFocus}: var(--text-negative);\n                ${textAreaTokens.inputColor}: var(--text-primary);\n                ${textAreaTokens.clearInputColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n                ${textAreaTokens.clearPlaceholderColorFocus}: 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.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, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\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.6875rem;\n                ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n                ${textAreaTokens.tooltipPaddingBottom}: 0.6875rem;\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                ${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                ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n                ${textAreaTokens.tooltipArrowEdgeMargin}: 0.5625rem;\n            `,\n        },\n        clear: {\n            true: css``,\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","primary","positive","warning","negative","hintView","hintSize","clear","true","disabled"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAqED,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,CAAC,EAuEA,UAAA;AACDC,MAAAA,CAAC,EAqEA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwEL;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,OAAO,EA8BN,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EA8BN,UAAA;AACDC,MAAAA,QAAQ,EA8BP,UAAA;AACDC,MAAAA,OAAO,EA8BN,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KA+BX;AACDC,IAAAA,QAAQ,EAAE;AACNL,MAAAA,OAAO,EAAA,SAAA;KAMV;AACDM,IAAAA,QAAQ,EAAE;AACNT,MAAAA,CAAC,EAuBA,SAAA;AACDD,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDW,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/TextArea/TextArea.js

@@ -1,13 +1,13 @@
-import { component, mergeConfig, textAreaConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, textAreaConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './TextArea.config.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(textAreaConfig, config);
-var TextAreaComponent = /*#__PURE__*/component(mergedConfig);
+const mergedConfig = mergeConfig(textAreaConfig, config);
+const TextAreaComponent = component(mergedConfig);
 
 /**
  * Поле ввода многострочного текста.
  */
-var TextArea = TextAreaComponent;
+const TextArea = TextAreaComponent;
 
 export { TextArea };
 //# sourceMappingURL=TextArea.js.map

package/css/es/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\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,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAEjD;AACA;AACA;AACO,IAAMM,QAAQ,GAAGF;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src-css/components/TextArea/TextArea.tsx"],"sourcesContent":["import { textAreaConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\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,MAAMA,YAAY,GAAGC,WAAW,CAACC,cAAc,EAAEC,MAAM,CAAC,CAAA;AACxD,MAAMC,iBAAiB,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAEjD;AACA;AACA;AACO,MAAMM,QAAQ,GAAGF;;;;"}

package/css/es/components/TextField/TextField.config.js

@@ -1,5 +1,5 @@
 import './TextField.config_sk2xjo.css';
-var config = {
+const config = {
   defaults: {
     view: 'default',
     size: 'l',
@@ -7,7 +7,7 @@ var config = {
   },
   variations: {
     view: {
-      "default": "dtkroq0",
+      default: "dtkroq0",
       positive: "pfhkds4",
       warning: "w1ocoxlz",
       negative: "nlfdoc8"
@@ -24,10 +24,10 @@ var config = {
       outer: "ouyq38l"
     },
     clear: {
-      "true": "tx53wwr"
+      true: "tx53wwr"
     },
     chipView: {
-      "default": "daletrs",
+      default: "daletrs",
       secondary: "s1t7mzsz",
       accent: "ab550dj",
       positive: "pkng3yc",
@@ -35,17 +35,17 @@ var config = {
       negative: "n8ra9ji"
     },
     hintView: {
-      "default": "d13sqnyj"
+      default: "d13sqnyj"
     },
     hintSize: {
       m: "m1nb8qre",
       s: "sah4t5d"
     },
     disabled: {
-      "true": "t1459kih"
+      true: "t1459kih"
     },
     readOnly: {
-      "true": "t1qp68cw"
+      true: "t1qp68cw"
     }
   }
 };