@salutejs/sdds-insol-next 0.359.0 → 0.359.1-dev.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAWA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,QAAgB,CAAC;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,MAAc,CAAC;AAEhF,IAAMC,cAAc,gBAAGC,SAAS,CAACR,0BAA0B,CAAC;AAC5D,IAAMS,YAAY,gBAAGD,SAAS,CAACJ,wBAAwB,CAAC;AAIxD;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC;AACtC,EAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC;AACxC;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n    createConditionalComponent,\n} from '@salutejs/plasma-new-hope/css';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\nimport { config as horizontalSegmentConfig } from './horizontal/HorizontalTabs.segment.config';\nimport { config as verticalSegmentConfig } from './vertical/VerticalTabs.segment.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\nconst mergedHorizontalTabsSegmentConfig = mergeConfig(horizontalTabsConfig, horizontalSegmentConfig);\nconst mergedVerticalTabsSegmentConfig = mergeConfig(verticalTabsConfig, verticalSegmentConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\nconst HorizontalTabsSegment = component(mergedHorizontalTabsSegmentConfig);\nconst VerticalTabsSegment = component(mergedVerticalTabsSegmentConfig);\n\ntype TabsDefaultProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\ntype TabsSegmentProps = ComponentProps<typeof HorizontalTabsSegment> | ComponentProps<typeof VerticalTabsSegment>;\n\nconst TabsDefault = forwardRef<HTMLDivElement, TabsDefaultProps>((props, ref) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs ref={ref} {...props} />;\n    }\n\n    return <HorizontalTabs ref={ref} {...props} />;\n});\n\nconst TabsSegment = forwardRef<HTMLDivElement, TabsSegmentProps>((props, ref) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabsSegment ref={ref} {...props} />;\n    }\n\n    return <HorizontalTabsSegment ref={ref} {...props} />;\n});\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = createConditionalComponent({\n    default: TabsDefault,\n    segment: TabsSegment,\n});\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","mergedHorizontalTabsSegmentConfig","horizontalSegmentConfig","mergedVerticalTabsSegmentConfig","verticalSegmentConfig","HorizontalTabs","component","VerticalTabs","HorizontalTabsSegment","VerticalTabsSegment","TabsDefault","forwardRef","props","ref","orientation","React","createElement","_extends","TabsSegment","Tabs","createConditionalComponent","segment"],"mappings":";;;;;;;;AAcA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,QAAgB,CAAC;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAc,CAAC;AAChF,IAAMC,iCAAiC,gBAAGN,WAAW,CAACC,oBAAoB,EAAEM,QAAuB,CAAC;AACpG,IAAMC,+BAA+B,gBAAGR,WAAW,CAACI,kBAAkB,EAAEK,MAAqB,CAAC;AAE9F,IAAMC,cAAc,gBAAGC,SAAS,CAACZ,0BAA0B,CAAC;AAC5D,IAAMa,YAAY,gBAAGD,SAAS,CAACR,wBAAwB,CAAC;AACxD,IAAMU,qBAAqB,gBAAGF,SAAS,CAACL,iCAAiC,CAAC;AAC1E,IAAMQ,mBAAmB,gBAAGH,SAAS,CAACH,+BAA+B,CAAC;AAKtE,IAAMO,WAAW,gBAAGC,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC7E,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACT,YAAY,EAAAU,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAKD,KAAK,CAAG,CAAC;AAChD,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACX,cAAc,EAAAY,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAKD,KAAK,CAAG,CAAC;AAClD,CAAC,CAAC;AAEF,IAAMM,WAAW,gBAAGP,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC7E,EAAA,IAAID,KAAK,CAACE,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,mBAAmB,EAAAQ,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA;KAAI,EAAKD,KAAK,CAAG,CAAC;AACvD,EAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACR,qBAAqB,EAAAS,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA;GAAI,EAAKD,KAAK,CAAG,CAAC;AACzD,CAAC,CAAC;;AAEF;AACA;AACA;AACO,IAAMO,IAAI,gBAAGC,0BAA0B,CAAC;AAC3C,EAAA,SAAA,EAASV,WAAW;AACpBW,EAAAA,OAAO,EAAEH;AACb,CAAC;;;;"}

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

@@ -0,0 +1,31 @@
+import './HorizontalTabItem.segment.config_1flq1ka.css';
+var config = {
+  defaults: {
+    view: 'secondary',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      secondary: "s1d2p46q"
+    },
+    size: {
+      xs: "x19e4171",
+      s: "sqop5vo",
+      m: "m1gtm4j",
+      l: "l1c2m37z",
+      xl: "x1jd10mk"
+    },
+    disabled: {
+      "true": "t87c8mt"
+    },
+    truncate: {
+      "true": "t1xhbv2o"
+    },
+    pilled: {
+      "true": "t1wxmh5f"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=HorizontalTabItem.segment.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.segment.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.segment.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    bodyXS,\n    bodyXSBold,\n    surfaceAccent,\n    surfaceSolidCard,\n    textAccent,\n    textAccentHover,\n    textPrimary,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nconst roundedRadius = '1000px';\n\nexport const config = {\n    defaults: {\n        view: 'secondary',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            secondary: css`\n                ${tabsTokens.itemColor}: ${textPrimary};\n                ${tabsTokens.itemValueColor}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textPrimaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${textAccent};\n                ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n                ${tabsTokens.itemSelectedColorHover}: ${textAccentHover};\n                ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n                ${tabsTokens.itemOutlineRadius}: var(${tabsTokens.itemBorderRadius});\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: transparent;\n                ${tabsTokens.itemSelectedDividerColorHover}: transparent;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.25rem;\n                ${tabsTokens.itemPadding}: 0.5rem 0.75rem;\n                ${tabsTokens.itemPaddingPilled}: 0.5rem 0.625rem;\n                ${tabsTokens.itemMarginLeft}: 0;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${bodyXSBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0.75rem 1rem;\n                ${tabsTokens.itemPaddingPilled}: 0.75rem 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 0;\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}: ${bodyS.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0.875rem 1.25rem;\n                ${tabsTokens.itemPaddingPilled}: 0.875rem 1rem;\n                ${tabsTokens.itemMarginLeft}: 0;\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}: ${bodyM.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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.875rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 1rem 1.5rem;\n                ${tabsTokens.itemPaddingPilled}: 1rem 1.25rem;\n                ${tabsTokens.itemMarginLeft}: 0;\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}: ${bodyL.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${bodyLBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            xl: css`\n                ${tabsTokens.itemBorderRadius}: 1rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4rem;\n                ${tabsTokens.itemPadding}: 1.25rem 1.75rem;\n                ${tabsTokens.itemPaddingPilled}: 1.25rem 1.5rem;\n                ${tabsTokens.itemMarginLeft}: 0;\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}: ${bodyL.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: ${roundedRadius};\n                ${tabsTokens.itemOutlineRadius}: var(${tabsTokens.itemPilledBorderRadius});\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","secondary","xs","s","m","l","xl","disabled","true","truncate","pilled"],"mappings":"AAsBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAS,EAAA;KA0BZ;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAmBD;AACDC,MAAAA,CAAC,EAAA,SAmBA;AACDC,MAAAA,CAAC,EAAA,SAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,EAAE,EAAA;KAoBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KACP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAIR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.segment.config_1flq1ka.css

@@ -0,0 +1,9 @@
+.s1d2p46q{--plasma-tab-item-color:var(--text-primary,#FFFFFFF5);--plasma-tab-item-value-color:var(--text-secondary,#F2F5F88F);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-tab-item-value-color-hover:var(--text-secondary,#F2F5F88F);--plasma-tab-item-color-active:var(--text-secondary-active,#F2F5F847);--plasma-tab-item-value-color-active:var(--text-secondary,#F2F5F88F);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#29CCB1FF);--plasma-tab-item-selected-value-color:var(--text-secondary,#F2F5F88F);--plasma-tab-item-selected-background-color:var(--surface-solid-card,#13181B);--plasma-tab-item-selected-color-hover:var(--text-accent-hover,#77E4D2FF);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F2F5F88F);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card,#13181B);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#109C84FF);--plasma-tab-item-outline-radius:var(--plasma-tab-item-border-radius);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:transparent;--plasma-tab-item-selected-hover-divider-color:transparent;--plasma-tab-item-cursor:pointer;}
+.x19e4171{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.25rem;--plasma-tab-item-padding:0.5rem 0.75rem;--plasma-tab-item-padding-pilled:0.5rem 0.625rem;--plasma-tab-item-margin-left:0;--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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.sqop5vo{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0.75rem 1rem;--plasma-tab-item-padding-pilled:0.75rem 0.75rem;--plasma-tab-item-margin-left:0;--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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.m1gtm4j{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0.875rem 1.25rem;--plasma-tab-item-padding-pilled:0.875rem 1rem;--plasma-tab-item-margin-left:0;--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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.l1c2m37z{--plasma-tab-item-border-radius:0.875rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:1rem 1.5rem;--plasma-tab-item-padding-pilled:1rem 1.25rem;--plasma-tab-item-margin-left:0;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-font-weight-selected:var(--plasma-typo-body-l-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
+.x1jd10mk{--plasma-tab-item-border-radius:1rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4rem;--plasma-tab-item-padding:1.25rem 1.75rem;--plasma-tab-item-padding-pilled:1.25rem 1.5rem;--plasma-tab-item-margin-left:0;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-font-weight-selected:var(--plasma-typo-body-l-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
+.t87c8mt{--plasma-tabs-disabled-opacity:0.4;}
+
+.t1wxmh5f{--plasma-tab-item-pilled-border-radius:1000px;--plasma-tab-item-outline-radius:var(--plasma-tab-item-pilled-border-radius);}

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

@@ -0,0 +1,52 @@
+import './HorizontalTabs.segment.config_k5azr2.css';
+var config = {
+  defaults: {
+    view: 'filled',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      filled: "f17gv4mc"
+    },
+    size: {
+      xs: "x1uef0sd",
+      s: "synhyyw",
+      m: "miglybn",
+      l: "l18enddi",
+      xl: "xgfw6zd"
+    },
+    stretch: {
+      "true": "t1xiwtyy"
+    },
+    disabled: {
+      "true": "t1bq2b1s"
+    },
+    pilled: {
+      "true": "tjkl5gc"
+    }
+  },
+  intersections: [{
+    size: 'xs',
+    pilled: false,
+    style: "s16wwloh"
+  }, {
+    size: 's',
+    pilled: false,
+    style: "s1i7blf3"
+  }, {
+    size: 'm',
+    pilled: false,
+    style: "s1w67c7x"
+  }, {
+    size: 'l',
+    pilled: false,
+    style: "s10hr6ej"
+  }, {
+    size: 'xl',
+    pilled: false,
+    style: "sqpz0lw"
+  }]
+};
+
+export { config };
+//# sourceMappingURL=HorizontalTabs.segment.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.segment.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.segment.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceSolidSecondary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nconst roundedRadius = '1000px';\n\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            filled: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n                ${tabsTokens.tabsBackgroundColor}: ${surfaceSolidSecondary};\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n                ${tabsTokens.tabsPadding}: 0.125rem;\n\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n                ${tabsTokens.arrowSize}: 1rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.375rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 1rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.375rem;\n            `,\n            xl: css`\n                ${tabsTokens.tabsBorderRadius}: 1.125rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0;\n                ${tabsTokens.arrowOuterPadding}: 0.375rem;\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}: ${roundedRadius};\n            `,\n        },\n    },\n    intersections: [\n        {\n            size: 'xs',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowOuterPadding}: 0;\n                ${tabsTokens.arrowBorderRadius}: 0.5rem;\n            `,\n        },\n        {\n            size: 's',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n                ${tabsTokens.arrowBorderRadius}: 0.625rem;\n            `,\n        },\n        {\n            size: 'm',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n                ${tabsTokens.arrowBorderRadius}: 0.75rem;\n            `,\n        },\n        {\n            size: 'l',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n                ${tabsTokens.arrowBorderRadius}: 0.875rem;\n            `,\n        },\n        {\n            size: 'xl',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n                ${tabsTokens.arrowBorderRadius}: 0.875rem;\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","view","size","variations","filled","xs","s","m","l","xl","stretch","true","disabled","pilled","intersections","style"],"mappings":"AAWO,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,MAAM,EAAA;KAYT;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;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;GACH;AACDG,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,IAAI;AACVW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAIT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,IAAI;AACVW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;GAIR;AAET;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.segment.config_k5azr2.css

@@ -0,0 +1,14 @@
+.f17gv4mc{--plasma-tabs-arrow-color:var(--text-secondary,#F2F5F88F);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F2F5F8FF);--plasma-tabs-arrow-color-active:var(--text-secondary-active,#F2F5F847);--plasma-tabs-background-color:var(--surface-solid-secondary,#23292D);--plasma-tabs-outline-focus-color:var(--surface-accent,#109C84FF);--plasma-tabs-padding:0.125rem;--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
+.x1uef0sd{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.125rem;--plasma-tab-arrow-size:1rem;}
+.synhyyw{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.25rem;}
+.miglybn{--plasma-tabs-border-radius:0.875rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.375rem;}
+.l18enddi{--plasma-tabs-border-radius:1rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.375rem;}
+.xgfw6zd{--plasma-tabs-border-radius:1.125rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0;--plasma-tab-arrow-outer-padding:0.375rem;}
+.t1xiwtyy{--plasma-tabs-container-width:100%;}
+.t1bq2b1s{--plasma-tabs-disabled-opacity:0.4;}
+.tjkl5gc{--plasma-tabs-pilled-border-radius:1000px;}
+.s16wwloh{--plasma-tab-arrow-outer-padding:0;--plasma-tab-arrow-border-radius:0.5rem;}
+.s1i7blf3{--plasma-tab-arrow-outer-padding:0.125rem;--plasma-tab-arrow-border-radius:0.625rem;}
+.s1w67c7x{--plasma-tab-arrow-outer-padding:0.25rem;--plasma-tab-arrow-border-radius:0.75rem;}
+.s10hr6ej{--plasma-tab-arrow-outer-padding:0.25rem;--plasma-tab-arrow-border-radius:0.875rem;}
+.sqpz0lw{--plasma-tab-arrow-outer-padding:0.25rem;--plasma-tab-arrow-border-radius:0.875rem;}

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

@@ -1,4 +1,4 @@
-import './VerticalTabItem.config_13xtjb2.css';
+import './VerticalTabItem.config_19mu07t.css';
 var config = {
   defaults: {
     view: 'divider',
@@ -19,6 +19,9 @@ var config = {
     },
     truncate: {
       "true": "td4esn"
+    },
+    pilled: {
+      "true": "t1yu07lz"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyM,\n    bodyS,\n    bodyXS,\n    surfaceAccent,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\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}: ${bodyXS.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\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}: ${bodyS.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}: ${bodyM.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}: ${bodyL.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":"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;;;;"}
+{"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    bodyM,\n    bodyS,\n    bodyXS,\n    surfaceAccent,\n    textPrimary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\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}: ${bodyXS.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\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}: ${bodyS.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}: ${bodyM.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}: ${bodyL.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        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate","pilled"],"mappings":"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;KACP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/{VerticalTabItem.config_13xtjb2.css → VerticalTabItem.config_19mu07t.css}

@@ -5,3 +5,4 @@
 .l1b3t5dj{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-padding-orientation-vertical:1rem 1.5rem;--plasma-tab-item-margin-left:1.25rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
 .t9wdw7e{--plasma-tabs-disabled-opacity:0.4;}
 
+.t1yu07lz{--plasma-tab-item-pilled-border-radius:1.5rem;}

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

@@ -0,0 +1,31 @@
+import './VerticalTabItem.segment.config_i3ywmk.css';
+var config = {
+  defaults: {
+    view: 'secondary',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      secondary: "srema9z"
+    },
+    size: {
+      xs: "xjro6ip",
+      s: "sa8iixj",
+      m: "m1xrr1bt",
+      l: "l4m3yh8",
+      xl: "x6fes1g"
+    },
+    disabled: {
+      "true": "t1qt388e"
+    },
+    truncate: {
+      "true": "tpe42rl"
+    },
+    pilled: {
+      "true": "tp2bc61"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=VerticalTabItem.segment.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.segment.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.segment.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    bodyXS,\n    bodyXSBold,\n    surfaceAccent,\n    surfaceSolidCard,\n    textAccent,\n    textAccentHover,\n    textPrimary,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nconst roundedRadius = '1000px';\n\nexport const config = {\n    defaults: {\n        view: 'secondary',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            secondary: css`\n                ${tabsTokens.itemColor}: ${textPrimary};\n                ${tabsTokens.itemValueColor}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: ${textPrimaryHover};\n                ${tabsTokens.itemValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n                ${tabsTokens.itemValueColorActive}: ${textSecondary};\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: ${textAccent};\n                ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n                ${tabsTokens.itemSelectedColorHover}: ${textAccentHover};\n                ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n                ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n                ${tabsTokens.itemOutlineRadius}: var(${tabsTokens.itemBorderRadius});\n\n                ${tabsTokens.itemSelectedDividerWidth}: 0rem;\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: transparent;\n                ${tabsTokens.itemSelectedDividerColorHover}: transparent;\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.75rem;\n                ${tabsTokens.itemPaddingPilled}: 0.5rem 0.625rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n                ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n                ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n                ${tabsTokens.fontWeight}: ${bodyXS.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${bodyXSBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0;\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1rem;\n                ${tabsTokens.itemPaddingPilled}: 0.75rem 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}: ${bodyS.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 0.875rem 1.25rem;\n                ${tabsTokens.itemPaddingPilled}: 0.875rem 1rem;\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}: ${bodyM.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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.875rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n                ${tabsTokens.itemPaddingPilled}: 1rem 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}: ${bodyL.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${bodyLBold.fontWeight};\n                ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n                ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n                ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n            `,\n            xl: css`\n                ${tabsTokens.itemBorderRadius}: 1rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4rem;\n                ${tabsTokens.itemPaddingOrientationVertical}: 1.25rem 1.75rem;\n                ${tabsTokens.itemPaddingPilled}: 1.25rem 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}: ${bodyL.fontWeight};\n                ${tabsTokens.fontWeightSelected}: ${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        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: ${roundedRadius};\n                ${tabsTokens.itemOutlineRadius}: var(${tabsTokens.itemPilledBorderRadius});\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","secondary","xs","s","m","l","xl","disabled","true","truncate","pilled"],"mappings":"AAsBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAS,EAAA;KA2BZ;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,EAAE,EAAA;KAmBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KACP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAIR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabItem.segment.config_i3ywmk.css

@@ -0,0 +1,9 @@
+.srema9z{--plasma-tab-item-color:var(--text-primary,#FFFFFFF5);--plasma-tab-item-value-color:var(--text-secondary,#F2F5F88F);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-tab-item-value-color-hover:var(--text-secondary,#F2F5F88F);--plasma-tab-item-color-active:var(--text-secondary-active,#F2F5F847);--plasma-tab-item-value-color-active:var(--text-secondary,#F2F5F88F);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-accent,#29CCB1FF);--plasma-tab-item-selected-value-color:var(--text-secondary,#F2F5F88F);--plasma-tab-item-selected-background-color:var(--surface-solid-card,#13181B);--plasma-tab-item-selected-color-hover:var(--text-accent-hover,#77E4D2FF);--plasma-tab-item-selected-value-color-hover:var(--text-secondary,#F2F5F88F);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card,#13181B);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tabs-outline-focus-color:var(--surface-accent,#109C84FF);--plasma-tab-item-outline-radius:var(--plasma-tab-item-border-radius);--plasma-tab-item-selected-divider-width:0rem;--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:transparent;--plasma-tab-item-selected-hover-divider-color:transparent;--plasma-tab-item-cursor:pointer;}
+.xjro6ip{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.75rem;--plasma-tab-item-padding-pilled:0.5rem 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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.sa8iixj{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 1rem;--plasma-tab-item-padding-pilled:0.75rem 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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.m1xrr1bt{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding-orientation-vertical:0.875rem 1.25rem;--plasma-tab-item-padding-pilled:0.875rem 1rem;--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-font-weight);--plasma-tab-item-font-weight-selected: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;}
+.l4m3yh8{--plasma-tab-item-border-radius:0.875rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding-orientation-vertical:1rem 1.5rem;--plasma-tab-item-padding-pilled:1rem 1.25rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-font-weight-selected:var(--plasma-typo-body-l-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
+.x6fes1g{--plasma-tab-item-border-radius:1rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4rem;--plasma-tab-item-padding-orientation-vertical:1.25rem 1.75rem;--plasma-tab-item-padding-pilled:1.25rem 1.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-font-weight-selected:var(--plasma-typo-body-l-bold-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);--plasma-tab-item-action-content-margin-left:0.125rem;}
+.t1qt388e{--plasma-tabs-disabled-opacity:0.4;}
+
+.tp2bc61{--plasma-tab-item-pilled-border-radius:1000px;--plasma-tab-item-outline-radius:var(--plasma-tab-item-pilled-border-radius);}

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

@@ -1,4 +1,4 @@
-import './VerticalTabs.config_q2eh7c.css';
+import './VerticalTabs.config_6olewf.css';
 var config = {
   defaults: {
     view: 'divider',
@@ -19,6 +19,9 @@ var config = {
     },
     disabled: {
       "true": "tkrwwpl"
+    },
+    pilled: {
+      "true": "tx09r6j"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceTransparentTertiary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":"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;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceTransparentTertiary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nexport const config = {\n    defaults: {\n        view: 'divider',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            divider: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n                ${tabsTokens.tabsBackgroundColor}: transparent;\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n                ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n                ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n                ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n                ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.5rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.25rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.625rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled","pilled"],"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;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/{VerticalTabs.config_q2eh7c.css → VerticalTabs.config_6olewf.css}

@@ -5,3 +5,4 @@
 .l1p2k6ll{--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.75rem;}
 .t14n8jt7{--plasma-tabs-container-height:100%;}
 .tkrwwpl{--plasma-tabs-disabled-opacity:0.4;}
+.tx09r6j{--plasma-tabs-pilled-border-radius:1.625rem;}

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

@@ -0,0 +1,52 @@
+import './VerticalTabs.segment.config_o6s0hn.css';
+var config = {
+  defaults: {
+    view: 'filled',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      filled: "f1e0ekhq"
+    },
+    size: {
+      xs: "x4tug7s",
+      s: "s3who92",
+      m: "m1ywqzh9",
+      l: "lxeg4m6",
+      xl: "xjwbq1p"
+    },
+    stretch: {
+      "true": "th4waxs"
+    },
+    disabled: {
+      "true": "t15tfyay"
+    },
+    pilled: {
+      "true": "tbtclfg"
+    }
+  },
+  intersections: [{
+    size: 'xs',
+    pilled: false,
+    style: "s1j2ud1k"
+  }, {
+    size: 's',
+    pilled: false,
+    style: "s1ph3kvi"
+  }, {
+    size: 'm',
+    pilled: false,
+    style: "snn1sh4"
+  }, {
+    size: 'l',
+    pilled: false,
+    style: "s1585sn9"
+  }, {
+    size: 'xl',
+    pilled: false,
+    style: "snktfld"
+  }]
+};
+
+export { config };
+//# sourceMappingURL=VerticalTabs.segment.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.segment.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.segment.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    surfaceAccent,\n    surfaceSolidSecondary,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nexport const config = {\n    defaults: {\n        view: 'filled',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            filled: css`\n                ${tabsTokens.arrowColor}: ${textSecondary};\n                ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n                ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n                ${tabsTokens.tabsBackgroundColor}: ${surfaceSolidSecondary};\n                ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n                ${tabsTokens.tabsPadding}: 0.125rem;\n\n                ${tabsTokens.tabsDividerWidth}: 0rem;\n                ${tabsTokens.tabsDividerHeight}: 0rem;\n                ${tabsTokens.tabsDividerColor}: transparent;\n                ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.tabsBorderRadius}: 0.625rem;\n                ${tabsTokens.tabsPilledBorderRadius}: 1.125rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.125rem;\n                ${tabsTokens.arrowSize}: 1rem;\n            `,\n            s: css`\n                ${tabsTokens.tabsBorderRadius}: 0.75rem;\n                ${tabsTokens.tabsPilledBorderRadius}: 1.375rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.375rem;\n            `,\n            m: css`\n                ${tabsTokens.tabsBorderRadius}: 0.875rem;\n                ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.75rem;\n            `,\n            l: css`\n                ${tabsTokens.tabsBorderRadius}: 1rem;\n                ${tabsTokens.tabsPilledBorderRadius}: 1.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.875rem;\n            `,\n            xl: css`\n                ${tabsTokens.tabsBorderRadius}: 1.125rem;\n                ${tabsTokens.tabsPilledBorderRadius}: 1.875rem;\n                ${tabsTokens.tabsWidth}: fit-content;\n                ${tabsTokens.tabsHeight}: auto;\n                ${tabsTokens.arrowInnerPadding}: 0.125rem;\n                ${tabsTokens.arrowOuterPadding}: 0.875rem;\n            `,\n        },\n        stretch: {\n            true: css`\n                ${tabsTokens.containerHeight}: 100%;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css``,\n        },\n    },\n    intersections: [\n        {\n            size: 'xs',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowBorderRadius}: 0.5rem;\n            `,\n        },\n        {\n            size: 's',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowBorderRadius}: 0.625rem;\n            `,\n        },\n        {\n            size: 'm',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowBorderRadius}: 0.75rem;\n            `,\n        },\n        {\n            size: 'l',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowBorderRadius}: 0.75rem;\n            `,\n        },\n        {\n            size: 'xl',\n            pilled: false,\n            style: css`\n                ${tabsTokens.arrowBorderRadius}: 0.75rem;\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","view","size","variations","filled","xs","s","m","l","xl","stretch","true","disabled","pilled","intersections","style"],"mappings":"AASO,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,MAAM,EAAA;KAaT;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAQD;AACDC,MAAAA,CAAC,EAAA,SAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,SAOA;AACDC,MAAAA,EAAE,EAAA;KAQL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AACR;GACH;AACDG,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,IAAI;AACVW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,GAAG;AACTW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,IAAI;AACVW,IAAAA,MAAM,EAAE,KAAK;AACbE,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabs.segment.config_o6s0hn.css

@@ -0,0 +1,14 @@
+.f1e0ekhq{--plasma-tabs-arrow-color:var(--text-secondary,#F2F5F88F);--plasma-tabs-arrow-color-hover:var(--text-secondary-hover,#F2F5F8FF);--plasma-tabs-arrow-color-active:var(--text-secondary-active,#F2F5F847);--plasma-tabs-background-color:var(--surface-solid-secondary,#23292D);--plasma-tabs-outline-focus-color:var(--surface-accent,#109C84FF);--plasma-tabs-padding:0.125rem;--plasma-tabs-divider-width:0rem;--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
+.x4tug7s{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-pilled-border-radius:1.125rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.125rem;--plasma-tab-arrow-size:1rem;}
+.s3who92{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-pilled-border-radius:1.375rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.375rem;}
+.m1ywqzh9{--plasma-tabs-border-radius:0.875rem;--plasma-tabs-pilled-border-radius:1.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.75rem;}
+.lxeg4m6{--plasma-tabs-border-radius:1rem;--plasma-tabs-pilled-border-radius:1.875rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.875rem;}
+.xjwbq1p{--plasma-tabs-border-radius:1.125rem;--plasma-tabs-pilled-border-radius:1.875rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.125rem;--plasma-tab-arrow-outer-padding:0.875rem;}
+.th4waxs{--plasma-tabs-container-height:100%;}
+.t15tfyay{--plasma-tabs-disabled-opacity:0.4;}
+
+.s1j2ud1k{--plasma-tab-arrow-border-radius:0.5rem;}
+.s1ph3kvi{--plasma-tab-arrow-border-radius:0.625rem;}
+.snn1sh4{--plasma-tab-arrow-border-radius:0.75rem;}
+.s1585sn9{--plasma-tab-arrow-border-radius:0.75rem;}
+.snktfld{--plasma-tab-arrow-border-radius:0.75rem;}

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

@@ -1,4 +1,4 @@
-import './TextArea.config_w8dxoh.css';
+import './TextArea.config_1depb95.css';
 var config = {
   defaults: {
     view: 'default',