npm - @salutejs/sdds-sbcom - Versions diffs - 0.373.0-dev.0 → 0.374.0-next-sbcom.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

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

@@ -1,4 +1,4 @@
-import './HorizontalIconTabItem.config_172qpo5.css';
+import './HorizontalIconTabItem.config_1db6aze.css';
 var config = {
   defaults: {
     view: 'divider',
@@ -26,7 +26,16 @@ var config = {
     disabled: {
       "true": "t8q9qvs"
     }
-  }
+  },
+  intersections: [{
+    view: 'default',
+    size: 's',
+    style: "s1w59lhw"
+  }, {
+    view: 'divider',
+    size: 's',
+    style: "sjccz07"
+  }]
 };
 export { config };

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

	@@ -1 +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';\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~~;;;;"}
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';\nimport {\n outlinePositive,\n surfaceAccent,\n surfaceSolidCard,\n surfaceTransparentAccent,\n textAccent,\n textAccentHover,\n textParagraph,\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}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\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}: ${surfaceAccent};\n ${tabsTokens.itemSelectedDividerColorHover}: ${surfaceAccent};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceTransparentAccent};\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceTransparentAccent};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${outlinePositive};\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 intersections: [\n {\n view: 'default',\n size: 's',\n style: css`\n ${tabsTokens.itemBorderRadius}: 2rem;\n ${tabsTokens.itemPilledBorderRadius}: 2rem;\n `,\n },\n {\n view: 'divider',\n size: 's',\n style: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPilledBorderRadius}: 0.5rem;\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","intersections","style"],"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;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACInB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTmB,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACIpB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTmB,IAAAA,KAAK,EAAA;GAIR;AAET;;;;"}

package/dist/css/{cjs/components/Tabs/horizontal/HorizontalIconTabItem.config_172qpo5.css → es/components/Tabs/horizontal/HorizontalIconTabItem.config_1db6aze.css} RENAMED Viewed

@@ -1,7 +1,7 @@
 .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;}
+.d1wdjfjn{--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-accent,#61C8B0);--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(--surface-accent,#0BA686);--plasma-tab-item-selected-hover-divider-color:var(--surface-accent,#0BA686);--plasma-tab-item-cursor:pointer;}
+.d1q8yrey{--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--plasma-tab-item-selected-background-color:var(--surface-transparent-accent,#0BA68633);--plasma-tab-item-selected-color-hover:var(--text-accent,#61C8B0);--plasma-tab-item-selected-background-color-hover:var(--surface-transparent-accent,#0BA68633);--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(--outline-positive,#A6D2A2);--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;}
@@ -13,3 +13,5 @@
 .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;}
+.s1w59lhw{--plasma-tab-item-border-radius:2rem;--plasma-tab-item-pilled-border-radius:2rem;}
+.sjccz07{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-pilled-border-radius:0.5rem;}

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

@@ -1,4 +1,4 @@
-import './HorizontalTabItem.config_2oz9ni.css';
+import './HorizontalTabItem.config_63xty8.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
@@ -36,7 +36,16 @@ var config = {
     truncate: {
       "true": "t15ncvtd"
     }
-  }
+  },
+  intersections: [{
+    view: 'default',
+    size: 's',
+    style: "s95j66f"
+  }, {
+    view: 'divider',
+    size: 's',
+    style: "s1td7zhm"
+  }]
 };
 export { config };

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

	@@ -1 +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';\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;;;;"}
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';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n h1,\n h2,\n h3,\n h4,\n outlinePositive,\n surfaceAccent,\n surfaceSolidCard,\n surfaceTransparentAccent,\n textAccent,\n textAccentHover,\n textParagraph,\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}: ${textParagraph};\n ${tabsTokens.itemValueColor}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemValueColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemValueColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\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}: ${surfaceAccent};\n ${tabsTokens.itemSelectedDividerColorHover}: ${surfaceAccent};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textParagraph};\n ${tabsTokens.itemValueColor}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemValueColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemValueColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceTransparentAccent};\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceTransparentAccent};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${outlinePositive};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\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 intersections: [\n {\n view: 'default',\n size: 's',\n style: css`\n ${tabsTokens.itemBorderRadius}: 2rem;\n ${tabsTokens.itemPilledBorderRadius}: 2rem;\n `,\n },\n {\n view: 'divider',\n size: 's',\n style: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPilledBorderRadius}: 0.5rem;\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","pilled","truncate","intersections","style"],"mappings":"AA0BA;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;KAyBV;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;GACH;AACDG,EAAAA,aAAa,EAAE,CACX;AACIrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACItB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,KAAK,EAAA;GAIR;AAET;;;;"}

package/dist/css/es/components/Tabs/horizontal/{HorizontalTabItem.config_2oz9ni.css → HorizontalTabItem.config_63xty8.css} RENAMED Viewed

@@ -1,7 +1,7 @@
 .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;}
+.d4t8mk9{--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-value-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-value-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-value-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--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-accent,#61C8B0);--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(--surface-accent,#0BA686);--plasma-tab-item-selected-hover-divider-color:var(--surface-accent,#0BA686);--plasma-tab-item-cursor:pointer;}
+.d1hrjiow{--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-value-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-value-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-value-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--plasma-tab-item-selected-value-color:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color:var(--surface-transparent-accent,#0BA68633);--plasma-tab-item-selected-color-hover:var(--text-accent,#61C8B0);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F6F2F0A3);--plasma-tab-item-selected-background-color-hover:var(--surface-transparent-accent,#0BA68633);--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(--outline-positive,#A6D2A2);--plasma-tab-item-selected-divider-height:0rem;--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;}
@@ -15,3 +15,5 @@
 .tosxbtd{--plasma-tabs-disabled-opacity:0.4;}
 .tlltwx8{--plasma-tab-item-pilled-border-radius:1.5rem;}
+.s95j66f{--plasma-tab-item-border-radius:2rem;--plasma-tab-item-pilled-border-radius:2rem;}
+.s1td7zhm{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-pilled-border-radius:0.5rem;}

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

@@ -1,4 +1,4 @@
-import './HorizontalTabs.config_a6gjtl.css';
+import './HorizontalTabs.config_164d1n9.css';
 /*
  * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
  * Missing tokens in @salutejs/sdds-themes/tokens: TextSecondaryActive

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

	@@ -1 +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';\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;;;;"}
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';\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}: 0rem 0rem 0.1875rem 0.1875rem;\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/{cjs/components/Tabs/horizontal/HorizontalTabs.config_a6gjtl.css → es/components/Tabs/horizontal/HorizontalTabs.config_164d1n9.css} RENAMED Viewed

@@ -1,6 +1,6 @@
 .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;}
+.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:0rem 0rem 0.1875rem 0.1875rem;}
 .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 CHANGED Viewed

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

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

	@@ -1 +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';\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;;;;"}
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';\nimport { surfaceAccent, textAccent, textAccentHover, textParagraph } 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.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemColor}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\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}: ${surfaceAccent};\n ${tabsTokens.itemSelectedDividerColorHover}: ${surfaceAccent};\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":"AAGO,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;KAqBV;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_1px0ysr.css → VerticalIconTabItem.config_1deb1lx.css} RENAMED Viewed

@@ -1,4 +1,4 @@
-.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;}
+.d1s4x9uo{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-accent,#61C8B0);--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(--surface-accent,#0BA686);--plasma-tab-item-selected-hover-divider-color:var(--surface-accent,#0BA686);--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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import './VerticalTabItem.config_1rvf7rv.css';
+import './VerticalTabItem.config_upzr0c.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

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

	@@ -1 +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';\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;;;;"}
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';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n surfaceAccent,\n textAccent,\n textAccentHover,\n textParagraph,\n textSecondary,\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.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemColor}: ${textParagraph};\n ${tabsTokens.itemValueColor}: ${textParagraph};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textAccentHover};\n ${tabsTokens.itemValueColorHover}: ${textAccentHover};\n ${tabsTokens.itemColorActive}: ${textAccent};\n ${tabsTokens.itemValueColorActive}: ${textAccent};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textAccent};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textAccent};\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}: ${surfaceAccent};\n ${tabsTokens.itemSelectedDividerColorHover}: ${surfaceAccent};\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":"AAeA;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;KA8BV;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_1rvf7rv.css → VerticalTabItem.config_upzr0c.css} RENAMED Viewed

@@ -1,4 +1,4 @@
-.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;}
+.d1m4ak5s{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-value-color:var(--text-paragraph,#F6F2F07A);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-value-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-tab-item-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-value-color-active:var(--text-accent,#61C8B0);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#61C8B0);--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-accent,#61C8B0);--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(--surface-accent,#0BA686);--plasma-tab-item-selected-hover-divider-color:var(--surface-accent,#0BA686);--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/TextArea/TextArea.clear.config.js ADDED Viewed

@@ -0,0 +1,44 @@
+import './TextArea.clear.config_8zq1ed.css';
+var config = {
+  defaults: {
+    view: 'default',
+    focused: 'true',
+    size: 'l',
+    labelPlacement: 'inner',
+    leftHelperPlacement: 'outer',
+    rightHelperPlacement: 'outer',
+    autoResize: 'true',
+    maxAuto: '5'
+  },
+  variations: {
+    view: {
+      "default": "d1t1p4os",
+      positive: "pcj613c",
+      warning: "whip3uz",
+      negative: "nu2jy68"
+    },
+    size: {
+      xl: "x184wmav",
+      l: "l8x6m6w",
+      m: "m1ujivub",
+      s: "sfxwguh",
+      xs: "xzj4wlk"
+    },
+    hintView: {
+      "default": "df3yilq"
+    },
+    hintSize: {
+      m: "mnu9uy6",
+      s: "spm366"
+    },
+    disabled: {
+      "true": "t1snp9g5"
+    },
+    readOnly: {
+      "true": "taxiab8"
+    }
+  }
+};
+export { config };
+//# sourceMappingURL=TextArea.clear.config.js.map

package/dist/css/es/components/TextArea/TextArea.clear.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.clear.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.clear.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceNegative,\n surfacePositive,\n surfaceTransparentPrimaryActive,\n surfaceTransparentPrimaryHover,\n surfaceTransparentTertiary,\n surfaceTransparentTertiaryActive,\n surfaceTransparentTertiaryHover,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n textWarning,\n surfaceWarning,\n surfaceSolidCardBrightness,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'l',\n labelPlacement: 'inner',\n leftHelperPlacement: 'outer',\n rightHelperPlacement: 'outer',\n autoResize: 'true',\n maxAuto: '5',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: ${textPrimary};\n ${tokens.inputColorFocus}: ${textPrimary};\n ${tokens.inputCaretColor}: ${textPositive};\n\n ${tokens.placeholderColor}: ${textSecondary};\n ${tokens.placeholderColorFocus}: ${textTertiary};\n\n ${tokens.leftHelperOverflow}: visible;\n ${tokens.leftHelperWhiteSpace}: normal;\n ${tokens.leftHelperTextOverflow}: initial;\n ${tokens.labelOuterColor}: ${textSecondary};\n ${tokens.labelInnerColor}: ${textSecondary};\n ${tokens.leftHelperColor}: ${textSecondary};\n ${tokens.rightHelperColor}: ${textSecondary};\n\n ${tokens.rightContentColor}: ${textSecondary};\n ${tokens.rightContentColorHover}: ${textSecondaryHover};\n ${tokens.rightContentColorActive}: ${textSecondaryActive};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.scrollbarThumbBackgroundColor}: ${textTertiary};\n ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${tokens.scrollbarTrackBackgroundColor}: transparent;\n ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${tokens.dividerColor}: ${surfaceTransparentTertiary};\n ${tokens.dividerColorHover}: ${textSecondary};\n ${tokens.dividerColorFocus}: ${surfaceAccent};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.hintIconColor}: ${textSecondary};\n `,\n positive: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: ${textPositive};\n ${tokens.inputColorFocus}: ${textPositive};\n ${tokens.inputCaretColor}: ${textAccent};\n\n ${tokens.placeholderColor}: ${textPositive};\n ${tokens.placeholderColorFocus}:${textTertiary};\n\n ${tokens.leftHelperColor}: ${textPositive};\n ${tokens.rightHelperColor}: ${textSecondary};\n\n ${tokens.rightContentColor}: ${textSecondary};\n ${tokens.rightContentColorHover}: ${textSecondaryHover};\n ${tokens.rightContentColorActive}: ${textSecondaryActive};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.optionalColor}:${textTertiary};\n\n ${tokens.labelOuterColor}: ${textPrimary};\n\n ${tokens.dividerColor}: ${surfacePositive};\n ${tokens.dividerColorHover}: ${surfacePositive};\n ${tokens.dividerColorFocus}: ${surfaceAccent};\n\n ${tokens.hintIconColor}: ${textSecondary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n `,\n warning: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: ${textWarning};\n ${tokens.inputColorFocus}: ${textWarning};\n ${tokens.inputCaretColor}: ${textAccent};\n\n ${tokens.placeholderColor}: ${textWarning};\n ${tokens.placeholderColorFocus}:${textTertiary};\n\n ${tokens.leftHelperColor}: ${textWarning};\n ${tokens.rightHelperColor}: ${textSecondary};\n\n ${tokens.rightContentColor}: ${textSecondary};\n ${tokens.rightContentColorHover}: ${textSecondaryHover};\n ${tokens.rightContentColorActive}: ${textSecondaryActive};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.optionalColor}:${textTertiary};\n\n ${tokens.labelOuterColor}: ${textPrimary};\n\n ${tokens.dividerColor}: ${surfaceWarning};\n ${tokens.dividerColorHover}: ${surfaceWarning};\n ${tokens.dividerColorFocus}: ${surfaceAccent};\n\n ${tokens.hintIconColor}: ${textSecondary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: transparent;\n ${tokens.inputBackgroundColorHover}: transparent;\n ${tokens.inputBackgroundColorActive}: transparent;\n ${tokens.inputBackgroundColorFocus}: transparent;\n\n ${tokens.helpersBackgroundColor}: transparent;\n ${tokens.helpersBackgroundColorHover}: transparent;\n ${tokens.helpersBackgroundColorActive}: transparent;\n ${tokens.helpersBackgroundColorFocus}: transparent;\n\n ${tokens.inputColor}: ${textNegative};\n ${tokens.inputColorFocus}: ${textNegative};\n ${tokens.inputCaretColor}: ${textAccent};\n\n ${tokens.placeholderColor}: ${textNegative};\n ${tokens.placeholderColorFocus}:${textTertiary};\n\n ${tokens.leftHelperColor}: ${textNegative};\n ${tokens.rightHelperColor}: ${textSecondary};\n\n ${tokens.rightContentColor}: ${textSecondary};\n ${tokens.rightContentColorHover}: ${textSecondaryHover};\n ${tokens.rightContentColorActive}: ${textSecondaryActive};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.optionalColor}:${textTertiary};\n\n ${tokens.labelOuterColor}: ${textPrimary};\n\n ${tokens.dividerColor}: ${surfaceNegative};\n ${tokens.dividerColorHover}: ${surfaceNegative};\n ${tokens.dividerColorFocus}: ${surfaceAccent};\n\n ${tokens.hintIconColor}: ${textSecondary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n `,\n },\n size: {\n xl: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 6.812rem;\n ${tokens.inputMinHeight}: 1.375rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.borderRadiusWithHelpers}: 1rem 1rem 0 0;\n\n ${tokens.inputPaddingTop}: 1.313rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2.25rem;\n ${tokens.inputPaddingBottom}: 1.313rem;\n ${tokens.inputPaddingBottomWithHelpers}: 1.313rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 1.25rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerTop}: 0.813rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.25rem;\n\n ${tokens.inputFontFamily}: ${bodyL.fontFamily};\n ${tokens.inputFontSize}: ${bodyL.fontSize};\n ${tokens.inputFontStyle}: ${bodyL.fontStyle};\n ${tokens.inputFontWeight}: ${bodyL.fontWeight};\n ${tokens.inputLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.inputLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${tokens.helpersFontSize}: ${bodyXS.fontSize};\n ${tokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${tokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${tokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.75rem auto auto -0.875rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.75rem -0.875rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.75rem -2.488rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.25rem;\n ${tokens.scrollbarBorderWidth}: 0rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n l: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 2.375rem;\n ${tokens.inputMinHeight}: 1.25rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.borderRadiusWithHelpers}: 1rem 1rem 0 0;\n\n ${tokens.inputPaddingTop}: 1.063rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2.25rem;\n ${tokens.inputPaddingBottom}: 1.063rem;\n ${tokens.inputPaddingBottomWithHelpers}: 1.063rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.outsideHelpersPaddingTop}: 0.25rem;\n ${tokens.outsideHelpersPaddingBottom}: 0.25rem;\n ${tokens.outsideHelpersPaddingLeft}: 1rem;\n ${tokens.outsideHelpersPaddingRight}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.5rem;\n ${tokens.rightContentRight}: 0.5rem;\n ${tokens.rightContentHeight}: 2.5rem;\n ${tokens.rightContentWidth}: 2.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerTop}: 0.75rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: ${bodyL.fontFamily};\n ${tokens.inputFontSize}: ${bodyL.fontSize};\n ${tokens.inputFontStyle}: ${bodyL.fontStyle};\n ${tokens.inputFontWeight}: ${bodyL.fontWeight};\n ${tokens.inputLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.inputLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${tokens.helpersFontSize}: ${bodyXS.fontSize};\n ${tokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${tokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${tokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.25rem;\n ${tokens.scrollbarBorderWidth}: 0rem;\n ${tokens.scrollbarMarginRight}: 0.375rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${tokens.inputPaddingBottom}: 0.875rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.875rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.75rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: ${bodyM.fontFamily};\n ${tokens.inputFontSize}: ${bodyM.fontSize};\n ${tokens.inputFontStyle}: ${bodyM.fontStyle};\n ${tokens.inputFontWeight}: ${bodyM.fontWeight};\n ${tokens.inputLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.inputLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${tokens.helpersFontSize}: ${bodyXS.fontSize};\n ${tokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${tokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${tokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.25rem;\n ${tokens.scrollbarBorderWidth}: 0rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n s: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.187rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.688rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 2rem;\n ${tokens.inputPaddingBottom}: 0.688rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.688rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.5rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1.5rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: ${bodyS.fontFamily};\n ${tokens.inputFontSize}: ${bodyS.fontSize};\n ${tokens.inputFontStyle}: ${bodyS.fontStyle};\n ${tokens.inputFontWeight}: ${bodyS.fontWeight};\n ${tokens.inputLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.inputLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${tokens.helpersFontSize}: ${bodyXS.fontSize};\n ${tokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${tokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${tokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.25rem;\n ${tokens.scrollbarBorderWidth}: 0rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n xs: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7.312rem;\n ${tokens.inputMinHeight}: 0.625rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.563rem;\n ${tokens.inputPaddingRight}: 0;\n ${tokens.inputPaddingRightWithRightContent}: 1.5rem;\n ${tokens.inputPaddingBottom}: 0.563rem;\n ${tokens.inputPaddingBottomWithHelpers}: 0.563rem;\n ${tokens.inputPaddingLeft}: 0;\n\n ${tokens.helpersPaddingTop}: 0.25rem;\n ${tokens.helpersPaddingRight}: 0;\n ${tokens.helpersPaddingBottom}: 0;\n ${tokens.helpersPaddingLeft}: 0;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.5rem;\n ${tokens.rightContentRight}: 0;\n ${tokens.rightContentHeight}: 1rem;\n\n ${tokens.labelMarginBottom}: 0.25rem;\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerTop}: 0rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0rem;\n\n ${tokens.inputFontFamily}: ${bodyXS.fontFamily};\n ${tokens.inputFontSize}: ${bodyXS.fontSize};\n ${tokens.inputFontStyle}: ${bodyXS.fontStyle};\n ${tokens.inputFontWeight}: ${bodyXS.fontWeight};\n ${tokens.inputLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.inputLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${tokens.helpersFontSize}: ${bodyXS.fontSize};\n ${tokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${tokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${tokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.clearIndicatorHintInnerRight}: 0.813rem -1.875rem auto auto;\n\n ${tokens.scrollbarWidth}: 0.25rem;\n ${tokens.scrollbarBorderWidth}: 0rem;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.tooltipBoxShadow}: var(\n --shadow-down-hard-m,\n 0px 4px 12px 0px rgba(0, 0, 0, 0.16),\n 0px 1px 4px 0px rgba(0, 0, 0, 0.08)\n );\n ${tokens.tooltipColor}: ${textPrimary};\n ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.inputColorReadOnly}: ${textPrimary};\n ${tokens.titleCaptionColorReadOnly}: ${textSecondary};\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","labelPlacement","leftHelperPlacement","rightHelperPlacement","autoResize","maxAuto","variations","default","positive","warning","negative","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":"AA2BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,mBAAmB,EAAE,OAAO;AAC5BC,IAAAA,oBAAoB,EAAE,OAAO;AAC7BC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRR,IAAAA,IAAI,EAAE;AACFS,MAAAA,SAAAA,EAAO,UA6CN;AACDC,MAAAA,QAAQ,EAAA,SAoCP;AACDC,MAAAA,OAAO,EAAA,SAoCN;AACDC,MAAAA,QAAQ,EAAA;KAqCX;AACDV,IAAAA,IAAI,EAAE;AACFW,MAAAA,EAAE,EAAA,UAyED;AACDC,MAAAA,CAAC,EAAA,SA+EA;AACDC,MAAAA,CAAC,EAAA,UAyEA;AACDC,MAAAA,CAAC,EAAA,SAyEA;AACDC,MAAAA,EAAE,EAAA;KA0EL;AACDC,IAAAA,QAAQ,EAAE;MACNT,SAAAA,EAAO;KAUV;AACDU,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAMR;AACJ;AACJ;;;;"}