@salutejs/plasma-new-hope 0.339.0-canary.2297.18772323112.0 → 0.339.0-canary.2299.18773440976.0

package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css

@@ -4,6 +4,6 @@
 
 .base_16mymb5_b1s46niw__79a84978[disabled]{cursor:not-allowed;}.base_16mymb5_b1s46niw__79a84978[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_16mymb5_b1s46niw__79a84978[disabled].base_16mymb5_selectedTabsItem__79a84978:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.HorizontalIconTabItem_styles_bv5xdd_scdozmr__591a2d7f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.HorizontalIconTabItem_styles_bv5xdd_aov4yz3__591a2d7f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f.HorizontalIconTabItem_styles_bv5xdd_focusVisible__591a2d7f:focus::before,.HorizontalIconTabItem_styles_bv5xdd_b18wsolm__591a2d7f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.HorizontalIconTabItem_styles_1yj92p8_scdozmr__fee8681e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.HorizontalIconTabItem_styles_1yj92p8_aov4yz3__fee8681e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e:first-child{margin-left:0;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e.HorizontalIconTabItem_styles_1yj92p8_focusVisible__fee8681e:focus::before,.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js

@@ -1,4 +1,4 @@
-require('./HorizontalIconTabItem.styles_bv5xdd.css');
+require('./HorizontalIconTabItem.styles_1yj92p8.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '0.063rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAqChB;;;;;;"}
+{"version":3,"file":"HorizontalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAqChB;;;;;;"}

package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/{HorizontalIconTabItem.styles_bv5xdd.css → HorizontalIconTabItem.styles_1yj92p8.css}

@@ -1,3 +1,3 @@
 .scdozmr{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .aov4yz3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.b18wsolm{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b18wsolm:first-child{margin-left:0;}.b18wsolm::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b18wsolm.focus-visible:focus::before,.b18wsolm[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.b18wsolm{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b18wsolm:first-child{margin-left:0;}.b18wsolm::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b18wsolm.focus-visible:focus::before,.b18wsolm[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css

@@ -6,9 +6,9 @@
 
 .base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.HorizontalTabItem_styles_hklgpq_t1l5e9z0__d0d1e075{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
-.HorizontalTabItem_styles_hklgpq_r1nh4m12__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_r1nh4m12__d0d1e075:hover{color:inherit;}
-.HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_hklgpq_l13nweg3__d0d1e075:hover{color:inherit;}
-.HorizontalTabItem_styles_hklgpq_a1iip2sx__d0d1e075{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075:first-child{margin-left:0;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_focusVisible__d0d1e075:focus::before,.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_skuum0w__d0d1e075{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_hklgpq_bn8jkwb__d0d1e075.HorizontalTabItem_styles_hklgpq_tabsTruncate__d0d1e075 .HorizontalTabItem_styles_hklgpq_t1l5e9z0__d0d1e075{overflow:hidden;text-overflow:ellipsis;}
+.HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
+.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416:hover{color:inherit;}
+.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416:hover{color:inherit;}
+.HorizontalTabItem_styles_ohczvf_a1iip2sx__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416:first-child{margin-left:0;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_focusVisible__c9e07416:focus::before,.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{overflow:hidden;text-overflow:ellipsis;}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -1,4 +1,4 @@
-require('./HorizontalTabItem.styles_hklgpq.css');
+require('./HorizontalTabItem.styles_ohczvf.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '0.063rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GAmDhB;;;;;;;;;"}
+{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GAmDhB;;;;;;;;;"}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_hklgpq.css → HorizontalTabItem.styles_ohczvf.css}

@@ -3,4 +3,4 @@
 .r1nh4m12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1nh4m12:hover{color:inherit;}
 .l13nweg3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l13nweg3:hover{color:inherit;}
 .a1iip2sx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.bn8jkwb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bn8jkwb:first-child{margin-left:0;}.bn8jkwb::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bn8jkwb.focus-visible:focus::before,.bn8jkwb[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.bn8jkwb.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.bn8jkwb.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}
+.bn8jkwb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bn8jkwb:first-child{margin-left:0;}.bn8jkwb::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bn8jkwb.focus-visible:focus::before,.bn8jkwb[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.bn8jkwb.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.bn8jkwb.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css

@@ -10,7 +10,7 @@
 
 .base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
 
-.HorizontalTabs_styles_vmnj1d_b7gl603__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
-.HorizontalTabs_styles_vmnj1d_s191iwmt__11dd263e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipShowAll__11dd263e{overflow:visible;}
-.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e.HorizontalTabs_styles_vmnj1d_focusVisible__11dd263e:focus::before,.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:active{color:var(--plasma-tabs-arrow-color-active);}
+.HorizontalTabs_styles_1un37ow_b7gl603__e71db6b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
+.HorizontalTabs_styles_1un37ow_s191iwmt__e71db6b4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipShowAll__e71db6b4{overflow:visible;}
+.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4.HorizontalTabs_styles_1un37ow_focusVisible__e71db6b4:focus::before,.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4:active{color:var(--plasma-tabs-arrow-color-active);}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js

@@ -1,4 +1,4 @@
-require('./HorizontalTabs.styles_vmnj1d.css');
+require('./HorizontalTabs.styles_1un37ow.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    display: flex;\n    gap: 0.125rem;\n    align-items: center;\n    position: relative;\n`;\n\nexport const StyledContent = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n    box-sizing: content-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    z-index: 1;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n    padding-right: ${({ isLeftArrow }) =>\n        isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n    padding-left: ${({ isLeftArrow }) =>\n        isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp4","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp5","_ref2","isLeftArrow","arrowInnerPadding","_exp6","_ref3","StyledArrow","vars"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAKhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsBzC,EAAA;AAAC,IAAAE,KAAA,GAxCgBA,SAwChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,aAAM,CAACC,iBAAiB,SAAM,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7D1FA,SA6D0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,SAAM,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAhE9EA,SAgE8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAW/F;;;;;;;"}
+{"version":3,"file":"HorizontalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    display: flex;\n    gap: 0.125rem;\n    align-items: center;\n    position: relative;\n`;\n\nexport const StyledContent = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n    /* allows correctly display outline focus on tabs item */\n    margin: -0.125rem;\n    padding: 0.25rem;\n\n    box-sizing: content-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    z-index: 1;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n    padding-right: ${({ isLeftArrow }) =>\n        isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n    padding-left: ${({ isLeftArrow }) =>\n        isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp4","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp5","_ref2","isLeftArrow","arrowInnerPadding","_exp6","_ref3","StyledArrow","vars"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAKhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BzC,EAAA;AAAC,IAAAE,KAAA,GA5CgBA,SA4ChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,aAAM,CAACC,iBAAiB,SAAM,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjE1FA,SAiE0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,SAAM,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApE9EA,SAoE8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAiB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAW/F;;;;;;;"}

package/{es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_vmnj1d.css → cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_1un37ow.css}

@@ -1,4 +1,4 @@
 .b7gl603{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
 .s191iwmt{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.s158pfyo{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s158pfyo.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s158pfyo.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s158pfyo.tabs-clip-show-all{overflow:visible;}
+.s158pfyo{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s158pfyo.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s158pfyo.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s158pfyo.tabs-clip-show-all{overflow:visible;}
 .s1in38wj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.s1in38wj::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1in38wj.focus-visible:focus::before,.s1in38wj[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s1in38wj[disabled]{cursor:not-allowed;}.s1in38wj:hover{color:var(--plasma-tabs-arrow-color-hover);}.s1in38wj:active{color:var(--plasma-tabs-arrow-color-active);}

package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css

@@ -4,6 +4,6 @@
 
 .base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.VerticalIconTabItem_styles_2xthe5_s1im4rc4__8db2249e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.VerticalIconTabItem_styles_2xthe5_a1djmtev__8db2249e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e.VerticalIconTabItem_styles_2xthe5_focusVisible__8db2249e:focus::before,.VerticalIconTabItem_styles_2xthe5_b140xa1o__8db2249e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalIconTabItem_styles_1vnlsyl_s1im4rc4__58e33340{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.VerticalIconTabItem_styles_1vnlsyl_a1djmtev__58e33340{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340.VerticalIconTabItem_styles_1vnlsyl_focusVisible__58e33340:focus::before,.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js

@@ -1,4 +1,4 @@
-require('./VerticalIconTabItem.styles_2xthe5.css');
+require('./VerticalIconTabItem.styles_1vnlsyl.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(${tokens.itemContentGap});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '0.063rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAiChB;;;;;;"}
+{"version":3,"file":"VerticalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(${tokens.itemContentGap});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAiChB;;;;;;"}

package/{es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_2xthe5.css → cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css}

@@ -1,3 +1,3 @@
 .s1im4rc4{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 .a1djmtev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.b140xa1o{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b140xa1o::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b140xa1o.focus-visible:focus::before,.b140xa1o[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.b140xa1o{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b140xa1o::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b140xa1o.focus-visible:focus::before,.b140xa1o[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css

@@ -1,9 +1,9 @@
-.VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.VerticalTabItem_styles_oqphem_t4s0t81__bb0de95a{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
-.VerticalTabItem_styles_oqphem_rur46hh__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_rur46hh__bb0de95a:hover{color:inherit;}
-.VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oqphem_l1ms3p4x__bb0de95a:hover{color:inherit;}
-.VerticalTabItem_styles_oqphem_a1yz2xa4__bb0de95a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalTabItem_styles_oqphem_buauuob__bb0de95a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_focusVisible__bb0de95a:focus::before,.VerticalTabItem_styles_oqphem_buauuob__bb0de95a[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_s1vnvg8i__bb0de95a{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_oqphem_buauuob__bb0de95a.VerticalTabItem_styles_oqphem_tabsTruncate__bb0de95a .VerticalTabItem_styles_oqphem_t4s0t81__bb0de95a{overflow:hidden;text-overflow:ellipsis;}
+.VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_11xtftz_t4s0t81__37326585{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
+.VerticalTabItem_styles_11xtftz_rur46hh__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_rur46hh__37326585:hover{color:inherit;}
+.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585:hover{color:inherit;}
+.VerticalTabItem_styles_11xtftz_a1yz2xa4__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalTabItem_styles_11xtftz_buauuob__37326585{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_11xtftz_buauuob__37326585::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_focusVisible__37326585:focus::before,.VerticalTabItem_styles_11xtftz_buauuob__37326585[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{overflow:hidden;text-overflow:ellipsis;}
 
 .base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
 

package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js

@@ -1,4 +1,4 @@
-require('./VerticalTabItem.styles_oqphem.css');
+require('./VerticalTabItem.styles_11xtftz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    white-space: nowrap;\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingOrientationVertical});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '0.063rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GA+ChB;;;;;;;;;"}
+{"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    white-space: nowrap;\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingOrientationVertical});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        customFocusRules: `\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;;;;;AAMO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GA+ChB;;;;;;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oqphem.css → VerticalTabItem.styles_11xtftz.css}

@@ -3,4 +3,4 @@
 .rur46hh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.rur46hh:hover{color:inherit;}
 .l1ms3p4x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1ms3p4x:hover{color:inherit;}
 .a1yz2xa4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.buauuob{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.buauuob::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buauuob.focus-visible:focus::before,.buauuob[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.buauuob.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.buauuob.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}
+.buauuob{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.buauuob::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.buauuob.focus-visible:focus::before,.buauuob[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.buauuob.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.buauuob.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css

@@ -1,12 +1,12 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.VerticalTabs_styles_1741mpr_b2r261u__ab348eee{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee::-webkit-scrollbar{display:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee .VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{margin-top:auto;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipShowAll__ab348eee{overflow:visible;}
-.VerticalTabs_styles_1741mpr_s81cx4__ab348eee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee.VerticalTabs_styles_1741mpr_focusVisible__ab348eee:focus::before,.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[disabled]{cursor:not-allowed;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:active{color:var(--plasma-tabs-arrow-color-active);}
+.VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6{padding:0.125rem 0.25rem;box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6::-webkit-scrollbar{display:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6 .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{margin-top:auto;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipShowAll__e4aa67f6{overflow:visible;}
+.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6.VerticalTabs_styles_16pdfpo_focusVisible__e4aa67f6:focus::before,.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[disabled]{cursor:not-allowed;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 
-.base_rze03c_bljnkat__94b6c151{background-color:var(--plasma-tabs-background-color);}.base_rze03c_bljnkat__94b6c151::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasTopArrow__94b6c151::after{top:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasBottomArrow__94b6c151::after{bottom:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsNoDivider__94b6c151::after{width:0;}
+.base_efv11p_bljnkat__6e3b0324{background-color:var(--plasma-tabs-background-color);}.base_efv11p_bljnkat__6e3b0324::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasTopArrow__6e3b0324::after{top:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasBottomArrow__6e3b0324::after{bottom:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsNoDivider__6e3b0324::after{width:0;}
 
 .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js

@@ -1,4 +1,4 @@
-require('./VerticalTabs.styles_1741mpr.css');
+require('./VerticalTabs.styles_16pdfpo.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n    box-sizing: border-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    z-index: 1;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n\n        ${StyledContent} {\n            margin-top: auto;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    transform: rotate(90deg);\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '0.063rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BhC;;;;;;;"}
+{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n    /* allows correctly display outline focus on tabs item */\n    padding: 0.125rem 0.25rem;\n\n    box-sizing: border-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    z-index: 1;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n\n        ${StyledContent} {\n            margin-top: auto;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    transform: rotate(90deg);\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;;;;;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BhC;;;;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_16pdfpo.css

@@ -0,0 +1,4 @@
+.b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.s16g9t9z{padding:0.125rem 0.25rem;box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
+.s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.s81cx4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}.s81cx4:hover{color:var(--plasma-tabs-arrow-color-hover);}.s81cx4:active{color:var(--plasma-tabs-arrow-color-active);}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js

@@ -1,4 +1,4 @@
-require('./base_rze03c.css');
+require('./base_efv11p.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n\n    &::after {\n        content: '';\n        position: absolute;\n        top: 0.125rem;\n        bottom: 0.125rem;\n        left: 0;\n        background: var(${tokens.tabsDividerColor});\n        width: var(${tokens.tabsDividerWidth});\n        border-radius: var(${tokens.tabsDividerBorderRadius});\n    }\n\n    &.${classes.tabsHasTopArrow} {\n        &::after {\n            top: 1.5rem;\n        }\n    }\n\n    &.${classes.tabsHasBottomArrow} {\n        &::after {\n            bottom: 1.5rem;\n        }\n    }\n\n    &.${classes.tabsNoDivider} {\n        &::after {\n            width: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GA+BhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n\n    &::after {\n        content: '';\n        position: absolute;\n        top: 0.125rem;\n        bottom: 0.125rem;\n        left: 0.25rem;\n        background: var(${tokens.tabsDividerColor});\n        width: var(${tokens.tabsDividerWidth});\n        border-radius: var(${tokens.tabsDividerBorderRadius});\n    }\n\n    &.${classes.tabsHasTopArrow} {\n        &::after {\n            top: 1.5rem;\n        }\n    }\n\n    &.${classes.tabsHasBottomArrow} {\n        &::after {\n            bottom: 1.5rem;\n        }\n    }\n\n    &.${classes.tabsNoDivider} {\n        &::after {\n            width: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GA+BhB;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css

@@ -0,0 +1 @@
+.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::after{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::after{bottom:1.5rem;}.bljnkat.tabs-no-divider::after{width:0;}