@salutejs/sdds-sbcom 0.347.0-next-platform-ai.0 → 0.347.1-dev.0

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

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

package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config_172qpo5.css

@@ -0,0 +1,15 @@
+.cbg56yj{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0;--plasma-tab-item-cursor:pointer;}
+.s1h6uy94{--plasma-tab-item-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color:var(--surface-solid-card,#232323);--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card,#232323);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0;--plasma-tab-item-cursor:pointer;}
+.d1wdjfjn{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
+.d1q8yrey{--plasma-tab-item-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary,#15110FFC);--plasma-tab-item-selected-background-color:var(--surface-solid-default,#F6F2F0);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default,#F6F2F0);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0;--plasma-tab-item-cursor:pointer;}
+.x17rfjta{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0.5rem 0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-action-content-margin-left:0;}
+.s16iyndt{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-padding:0.5rem 0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-action-content-margin-left:0.125rem;}
+.m1lw8y79{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-padding:0.75rem 0.875rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-action-content-margin-left:0.25rem;}
+.l1el1nfc{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-padding:1rem 1.125rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-action-content-margin-left:0.125rem;}
+.h1ii6j0b{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
+.h19ys0si{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
+.h176vlq0{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
+.h1feaqr1{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
+.h1l6asgp{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:0.875rem;--plasma-tab-item-action-content-margin-left:-0.125rem;}
+.hzzlff6{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-action-content-margin-left:0;}
+.t8q9qvs{--plasma-tabs-disabled-opacity:0.4;}

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

@@ -1,4 +1,8 @@
-import './HorizontalTabItem.config_lg66b1.css';
+import './HorizontalTabItem.config_2oz9ni.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h6
+ */
 var config = {
   defaults: {
     view: 'divider',

package/dist/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/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h6: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h6-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h6-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h6-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h6-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h6-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h6-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 3.25rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    h1,\n    h2,\n    h3,\n    h4,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    surfaceAccent,\n    surfaceSolidCard,\n    surfaceSolidDefault,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h6\n */\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: ${textSecondary};\n                ${tabsTokens.itemValueColor}: ${textTertiary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: ${textPrimary};\n                ${tabsTokens.itemValueColor}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n                ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: ${textSecondary};\n                ${tabsTokens.itemValueColor}: ${textTertiary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n                ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: ${textPrimary};\n                ${tabsTokens.itemValueColor}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${inverseTextPrimary};\n                ${tabsTokens.itemSelectedValueColor}: ${inverseTextSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidDefault};\n                ${tabsTokens.itemSelectedColorHover}: ${inverseTextPrimary};\n                ${tabsTokens.itemSelectedValueColorHover}: ${inverseTextSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidDefault};\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n                ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: ${bodyS.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyS.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyS.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodySBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyS.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyS.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: ${bodyM.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyM.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyM.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyMBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyM.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyM.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: ${bodyL.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyL.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyL.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyLBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            h6: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h6-font-family);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontSize}: var(--plasma-typo-h6-font-size);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h6-font-style);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h6-font-weight);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h6-letter-spacing);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h6-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.5rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: ${h4.fontFamily};\n                ${tabsTokens.fontSize}: ${h4.fontSize};\n                ${tabsTokens.fontStyle}: ${h4.fontStyle};\n                ${tabsTokens.fontWeight}: ${h4.fontWeight};\n                ${tabsTokens.letterSpacing}: ${h4.letterSpacing};\n                ${tabsTokens.lineHeight}: ${h4.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: ${h3.fontFamily};\n                ${tabsTokens.fontSize}: ${h3.fontSize};\n                ${tabsTokens.fontStyle}: ${h3.fontStyle};\n                ${tabsTokens.fontWeight}: ${h3.fontWeight};\n                ${tabsTokens.letterSpacing}: ${h3.letterSpacing};\n                ${tabsTokens.lineHeight}: ${h3.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: ${h2.fontFamily};\n                ${tabsTokens.fontSize}: ${h2.fontSize};\n                ${tabsTokens.fontStyle}: ${h2.fontStyle};\n                ${tabsTokens.fontWeight}: ${h2.fontWeight};\n                ${tabsTokens.letterSpacing}: ${h2.letterSpacing};\n                ${tabsTokens.lineHeight}: ${h2.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0 0.125rem;\n                ${tabsTokens.itemMarginLeft}: 3.25rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: ${h1.fontFamily};\n                ${tabsTokens.fontSize}: ${h1.fontSize};\n                ${tabsTokens.fontStyle}: ${h1.fontStyle};\n                ${tabsTokens.fontWeight}: ${h1.fontWeight};\n                ${tabsTokens.letterSpacing}: ${h1.letterSpacing};\n                ${tabsTokens.lineHeight}: ${h1.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAwBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAsBD;AACDC,MAAAA,EAAE,EAAA,UAsBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/{HorizontalTabItem.config_lg66b1.css → HorizontalTabItem.config_2oz9ni.css}

@@ -1,7 +1,7 @@
-.c1qbla27{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
-.s1sazr3k{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
-.d4t8mk9{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
-.d1hrjiow{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-value-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-value-color:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-value-color-hover:var(--inverse-text-secondary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
+.c1qbla27{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-value-color:var(--text-tertiary,#F6F2F03D);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-value-color-active:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
+.s1sazr3k{--plasma-tab-item-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-value-color-active:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color:var(--surface-solid-card,#232323);--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card,#232323);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
+.d4t8mk9{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-value-color:var(--text-tertiary,#F6F2F03D);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-value-color-active:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
+.d1hrjiow{--plasma-tab-item-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-value-color-active:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary,#15110FFC);--plasma-tab-item-selected-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-tab-item-selected-background-color:var(--surface-solid-default,#F6F2F0);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-tab-item-selected-value-color-hover:var(--inverse-text-secondary,#15110FA3);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default,#F6F2F0);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
 .x1539gzv{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
 .sikuk77{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
 .mp3y2ao{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.125rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.5rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);--plasma-tab-item-action-content-margin-left:0.25rem;}

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

@@ -1,4 +1,8 @@
-import './HorizontalTabs.config_1o1ksp8.css';
+import './HorizontalTabs.config_a6gjtl.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: TextSecondaryActive
+ */
 var config = {
   defaults: {
     view: 'filled',

package/dist/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/css';\n\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h6: 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            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","h6","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceTransparentPrimary,\n    surfaceTransparentTertiary,\n    textSecondary,\n    textSecondaryHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: TextSecondaryActive\n */\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            filled: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: ${surfaceTransparentPrimary};\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n            divider: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            h6: 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            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","h6","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AASA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/{HorizontalTabs.config_1o1ksp8.css → HorizontalTabs.config_a6gjtl.css}

@@ -1,6 +1,6 @@
-.csmhmdi{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
-.f1axjhin{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:var(--surface-transparent-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
-.d1th7ubw{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
+.csmhmdi{--plasma-tabs-arrow-color:var(--text-secondary,#F6F2F0A3);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
+.f1axjhin{--plasma-tabs-arrow-color:var(--text-secondary,#F6F2F0A3);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:var(--surface-transparent-primary,#FFFFFF14);--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
+.d1th7ubw{--plasma-tabs-arrow-color:var(--text-secondary,#F6F2F0A3);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary,#FFFFFF3D);--plasma-tabs-divider-border-radius:0.0625rem;}
 .x1y5cvvr{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
 .s1sxebyk{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
 .m1npg82v{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}

package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js

@@ -1,4 +1,4 @@
-import './VerticalIconTabItem.config_nq85hw.css';
+import './VerticalIconTabItem.config_1px0ysr.css';
 var config = {
   defaults: {
     view: 'divider',

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

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

package/dist/css/es/components/Tabs/vertical/{VerticalIconTabItem.config_nq85hw.css → VerticalIconTabItem.config_1px0ysr.css}

@@ -1,4 +1,4 @@
-.d1s4x9uo{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
+.d1s4x9uo{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
 .x1piugf9{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-action-content-margin-left:0;}
 .s1urvw8c{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-action-content-margin-left:0.25rem;}
 .m1s47kuy{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 0.875rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-action-content-margin-left:0.125rem;}

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

@@ -1,4 +1,8 @@
-import './VerticalTabItem.config_13q0bm8.css';
+import './VerticalTabItem.config_1rvf7rv.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold
+ */
 var config = {
   defaults: {
     view: 'divider',

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

package/dist/css/es/components/Tabs/vertical/{VerticalTabItem.config_13q0bm8.css → VerticalTabItem.config_1rvf7rv.css}

@@ -1,4 +1,4 @@
-.d1m4ak5s{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-cursor:pointer;}
+.d1m4ak5s{--plasma-tab-item-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-value-color:var(--text-tertiary,#F6F2F03D);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tab-item-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-tab-item-value-color-active:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-selected-hover-divider-color:var(--text-primary,#FFFFFFFC);--plasma-tab-item-cursor:pointer;}
 .xnvoqem{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-margin-left:0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-tab-item-action-content-margin-left:0;}
 .s1udlb6g{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 1rem;--plasma-tab-item-margin-left:0.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tab-item-action-content-margin-left:0.25rem;}
 .m19koxds{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 1.25rem;--plasma-tab-item-margin-left:1.125rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}

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

@@ -1,4 +1,8 @@
-import './VerticalTabs.config_cqbb3f.css';
+import './VerticalTabs.config_l5zjs9.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: TextSecondaryActive
+ */
 var config = {
   defaults: {
     view: 'divider',

package/dist/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/css';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: var(--text-secondary);\n                ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceTransparentTertiary,\n    textSecondary,\n    textSecondaryHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: TextSecondaryActive\n */\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: var(---text-secondary-active);\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\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":"AAQA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/{VerticalTabs.config_cqbb3f.css → VerticalTabs.config_l5zjs9.css}

@@ -1,4 +1,4 @@
-.d1p7o0ey{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-width:0.0625rem;--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
+.d1p7o0ey{--plasma-tabs-arrow-color:var(--text-secondary,#F6F2F0A3);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-tabs-arrow-color-active:var(---text-secondary-active);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent,#0BA686);--plasma-tabs-divider-width:0.0625rem;--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary,#FFFFFF3D);--plasma-tabs-divider-border-radius:0.0625rem;}
 .xyyfem5{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
 .sw34abq{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
 .m15sxlu2{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}

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

@@ -1,4 +1,8 @@
-import './TextArea.clear.config_1xy48zr.css';
+import './TextArea.clear.config_1aixc6f.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXxs
+ */
 var config = {
   defaults: {
     view: 'default',