@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0

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

@@ -10,30 +10,30 @@
 
 .base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
 
-.HorizontalTabs_styles_8pald2_b1o35yic__ce7eed57{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_8pald2_s1luevts__ce7eed57{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_8pald2_s1br3rgv__ce7eed57{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_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipShowAll__ce7eed57{overflow:visible;}
-.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57{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(--s1ye0qv7-0);padding-right:var(--s1ye0qv7-1);padding-left:var(--s1ye0qv7-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57.HorizontalTabs_styles_8pald2_focusVisible__ce7eed57:focus::before,.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:active{color:var(--plasma-tabs-arrow-color-active);}
+.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{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;padding:var(--plasma-tabs-padding,0);}
+.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{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_1u09hh6_s1br3rgv__ad04af64{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_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
+.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_dbyw5c_b17pnrtx__1122e2b5{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_dbyw5c_b17pnrtx__1122e2b5:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:hover .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:active{color:var(--plasma-tab-item-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5:active .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_tabItemAnimated__1122e2b5{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
 
-.base_1fid86o_brd5u59__b667e796{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+.base_gmecta_brd5u59__f08eef4c{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.base_gmecta_brd5u59__f08eef4c.base_gmecta_selectedTabsItem__f08eef4c{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
 
 .base_1n47nel_b1qni0z7__43b989b3.base_1n47nel_tabsPilled__43b989b3{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
 
 .base_152tdr6_b19uafm__8ffd04ed[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-value-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-selected-value-color);}
 
-.HorizontalTabItem_styles_ky24mi_s4bz58__3cc24ee1{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_ky24mi_t19raezp__3cc24ee1{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_ky24mi_r1adqbze__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ky24mi_r1adqbze__3cc24ee1:hover{color:inherit;}
-.HorizontalTabItem_styles_ky24mi_lqpbixy__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ky24mi_lqpbixy__3cc24ee1:hover{color:inherit;}
-.HorizontalTabItem_styles_ky24mi_a1r3bdpx__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1{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_ky24mi_bfzfmt5__3cc24ee1:first-child{margin-left:0;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_focusVisible__3cc24ee1:focus::before,.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_tabsTruncate__3cc24ee1 .HorizontalTabItem_styles_ky24mi_s4bz58__3cc24ee1{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_tabsTruncate__3cc24ee1 .HorizontalTabItem_styles_ky24mi_t19raezp__3cc24ee1{overflow:hidden;text-overflow:ellipsis;}
+.HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{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_1roz7kf_t19raezp__db1e9c85{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_1roz7kf_r1adqbze__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85:hover{color:inherit;}
+.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85:hover{color:inherit;}
+.HorizontalTabItem_styles_1roz7kf_a1r3bdpx__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85{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_1roz7kf_bfzfmt5__db1e9c85:first-child{margin-left:0;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_focusVisible__db1e9c85:focus::before,.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{overflow:hidden;text-overflow:ellipsis;}
 
-.VerticalTabs_styles_srb8tu_brtophc__f65f13cc{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_srb8tu_s6szo2t__f65f13cc{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_srb8tu_syn72dj__f65f13cc{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_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc::-webkit-scrollbar{display:none;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc .VerticalTabs_styles_srb8tu_s6szo2t__f65f13cc{margin-top:auto;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipShowAll__f65f13cc{overflow:visible;}
-.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc{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_srb8tu_sfn11bj__f65f13cc::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc.VerticalTabs_styles_srb8tu_focusVisible__f65f13cc:focus::before,.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc[disabled]{cursor:not-allowed;}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc:active{color:var(--plasma-tabs-arrow-color-active);}
+.VerticalTabs_styles_w9m78u_brtophc__cfe2fe7b{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;padding:var(--plasma-tabs-padding,0);}
+.VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{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_w9m78u_syn72dj__cfe2fe7b{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_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b::-webkit-scrollbar{display:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b .VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{margin-top:auto;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipShowAll__cfe2fe7b{overflow:visible;}
+.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b{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);color:var(--plasma-tabs-arrow-color);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);position:relative;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b.VerticalTabs_styles_w9m78u_focusVisible__cfe2fe7b:focus::before,.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[disabled]{cursor:not-allowed;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_b64an6_b1oivp5t__1bb9c819{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);}
 
@@ -41,16 +41,20 @@
 
 .base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.VerticalTabItem_styles_oriwr4_sqdp20x__2e86a748{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_oriwr4_t1dgsexe__2e86a748{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_oriwr4_r6on9ix__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oriwr4_r6on9ix__2e86a748:hover{color:inherit;}
-.VerticalTabItem_styles_oriwr4_l10qof4o__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oriwr4_l10qof4o__2e86a748:hover{color:inherit;}
-.VerticalTabItem_styles_oriwr4_a1ehxi62__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748{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_oriwr4_bzsjrr1__2e86a748::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_focusVisible__2e86a748:focus::before,.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_tabsTruncate__2e86a748 .VerticalTabItem_styles_oriwr4_sqdp20x__2e86a748{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_tabsTruncate__2e86a748 .VerticalTabItem_styles_oriwr4_t1dgsexe__2e86a748{overflow:hidden;text-overflow:ellipsis;}
+.base_1xgdjua_bhosqag__0abc6b8c.base_1xgdjua_tabsPilled__0abc6b8c{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
+
+.VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{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_1e5t4lm_t1dgsexe__b849fb7b{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_1e5t4lm_r6on9ix__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b:hover{color:inherit;}
+.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b:hover{color:inherit;}
+.VerticalTabItem_styles_1e5t4lm_a1ehxi62__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b{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_1e5t4lm_bzsjrr1__b849fb7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_focusVisible__b849fb7b:focus::before,.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{overflow:hidden;text-overflow:ellipsis;}
 
 .base_ncl068_bf7cuwr__3fc317af{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ncl068_bf7cuwr__3fc317af:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af:hover .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af:active{color:var(--plasma-tab-item-color-active);}.base_ncl068_bf7cuwr__3fc317af:active .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-active);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_tabItemAnimated__3fc317af{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::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;}.base_ncl068_dividerAlignRight__3fc317af .base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{left:unset;right:0;}
 
-.base_1vc3wr5_biwyi61__25030340{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}
+.base_173mywh_biwyi61__78812d05{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}.base_173mywh_biwyi61__78812d05.base_173mywh_selectedTabsItem__78812d05{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
+
+.base_bdsakt_b1hyv5td__0ad0789e.base_bdsakt_tabsPilled__0ad0789e{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled,var(--plasma-tab-item-padding-orientation-vertical));}
 
 .base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-value-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-selected-value-color);}
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../../utils/index.js');
+var cls = require('classnames');
 var tokens = require('../../../tokens.js');
 var useTabItem = require('../../../hooks/useTabItem.js');
 var base$1 = require('./variations/_view/base.js');
@@ -17,14 +17,16 @@ var TabsContext = require('../../../TabsContext.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-var _excluded = ["size", "view", "children", "selected", "disabled", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick", "isActive", "animated"];
+var _excluded = ["size", "view", "children", "selected", "disableScroll", "disabled", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick", "isActive", "animated"];
 var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
     var size = props.size,
       view = props.view,
       children = props.children,
       selected = props.selected,
+      disableScroll = props.disableScroll,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       actionContent = props.actionContent,
@@ -48,6 +50,7 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
         innerRef: innerRef,
         itemIndex: itemIndex,
         selected: selected,
+        disableScroll: disableScroll,
         disabled: disabled,
         onIndexChange: onIndexChange,
         onClick: onClick,
@@ -59,7 +62,7 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
       handleClick = _useTabItem.handleClick;
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref,
-      className: index.cx(selectedClass, animatedClass, className),
+      className: cls__default.default(selectedClass, animatedClass, className),
       disabled: disabled,
       role: role,
       view: view,

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

@@ -10,10 +10,10 @@
 
 .base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
 
-.HorizontalTabs_styles_8pald2_b1o35yic__ce7eed57{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_8pald2_s1luevts__ce7eed57{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_8pald2_s1br3rgv__ce7eed57{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_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipShowAll__ce7eed57{overflow:visible;}
-.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57{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(--s1ye0qv7-0);padding-right:var(--s1ye0qv7-1);padding-left:var(--s1ye0qv7-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57.HorizontalTabs_styles_8pald2_focusVisible__ce7eed57:focus::before,.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:active{color:var(--plasma-tabs-arrow-color-active);}
+.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{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;padding:var(--plasma-tabs-padding,0);}
+.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{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_1u09hh6_s1br3rgv__ad04af64{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_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
+.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_1gpilrg_b1m06q2a__f6e51aea{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1gpilrg_b1m06q2a__f6e51aea:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea:active{color:var(--plasma-tab-item-color-active);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_tabItemAnimated__f6e51aea{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
 
@@ -25,10 +25,10 @@
 .HorizontalIconTabItem_styles_4fhu6l_a10ilp4b__5649e1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
 .HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3{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_4fhu6l_b185zjh0__5649e1d3:first-child{margin-left:0;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3.HorizontalIconTabItem_styles_4fhu6l_focusVisible__5649e1d3:focus::before,.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}
 
-.VerticalTabs_styles_srb8tu_brtophc__f65f13cc{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_srb8tu_s6szo2t__f65f13cc{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_srb8tu_syn72dj__f65f13cc{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_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc::-webkit-scrollbar{display:none;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipScroll__f65f13cc .VerticalTabs_styles_srb8tu_s6szo2t__f65f13cc{margin-top:auto;}.VerticalTabs_styles_srb8tu_syn72dj__f65f13cc.VerticalTabs_styles_srb8tu_tabsClipShowAll__f65f13cc{overflow:visible;}
-.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc{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_srb8tu_sfn11bj__f65f13cc::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc.VerticalTabs_styles_srb8tu_focusVisible__f65f13cc:focus::before,.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc[disabled]{cursor:not-allowed;}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_srb8tu_sfn11bj__f65f13cc:active{color:var(--plasma-tabs-arrow-color-active);}
+.VerticalTabs_styles_w9m78u_brtophc__cfe2fe7b{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;padding:var(--plasma-tabs-padding,0);}
+.VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{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_w9m78u_syn72dj__cfe2fe7b{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_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b::-webkit-scrollbar{display:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b .VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{margin-top:auto;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipShowAll__cfe2fe7b{overflow:visible;}
+.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b{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);color:var(--plasma-tabs-arrow-color);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);position:relative;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b.VerticalTabs_styles_w9m78u_focusVisible__cfe2fe7b:focus::before,.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[disabled]{cursor:not-allowed;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_b64an6_b1oivp5t__1bb9c819{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);}
 
@@ -36,16 +36,20 @@
 
 .base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.VerticalTabItem_styles_oriwr4_sqdp20x__2e86a748{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_oriwr4_t1dgsexe__2e86a748{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_oriwr4_r6on9ix__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oriwr4_r6on9ix__2e86a748:hover{color:inherit;}
-.VerticalTabItem_styles_oriwr4_l10qof4o__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_oriwr4_l10qof4o__2e86a748:hover{color:inherit;}
-.VerticalTabItem_styles_oriwr4_a1ehxi62__2e86a748{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748{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_oriwr4_bzsjrr1__2e86a748::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_focusVisible__2e86a748:focus::before,.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_tabsTruncate__2e86a748 .VerticalTabItem_styles_oriwr4_sqdp20x__2e86a748{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_oriwr4_bzsjrr1__2e86a748.VerticalTabItem_styles_oriwr4_tabsTruncate__2e86a748 .VerticalTabItem_styles_oriwr4_t1dgsexe__2e86a748{overflow:hidden;text-overflow:ellipsis;}
+.base_1xgdjua_bhosqag__0abc6b8c.base_1xgdjua_tabsPilled__0abc6b8c{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
+
+.VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{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_1e5t4lm_t1dgsexe__b849fb7b{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_1e5t4lm_r6on9ix__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b:hover{color:inherit;}
+.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b:hover{color:inherit;}
+.VerticalTabItem_styles_1e5t4lm_a1ehxi62__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b{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_1e5t4lm_bzsjrr1__b849fb7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_focusVisible__b849fb7b:focus::before,.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{overflow:hidden;text-overflow:ellipsis;}
 
 .base_ncl068_bf7cuwr__3fc317af{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ncl068_bf7cuwr__3fc317af:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af:hover .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af:active{color:var(--plasma-tab-item-color-active);}.base_ncl068_bf7cuwr__3fc317af:active .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-active);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_tabItemAnimated__3fc317af{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::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;}.base_ncl068_dividerAlignRight__3fc317af .base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{left:unset;right:0;}
 
-.base_1vc3wr5_biwyi61__25030340{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}
+.base_173mywh_biwyi61__78812d05{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}.base_173mywh_biwyi61__78812d05.base_173mywh_selectedTabsItem__78812d05{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
+
+.base_bdsakt_b1hyv5td__0ad0789e.base_bdsakt_tabsPilled__0ad0789e{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled,var(--plasma-tab-item-padding-orientation-vertical));}
 
 .base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-value-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-selected-value-color);}
 
@@ -61,15 +65,15 @@
 
 .base_dbyw5c_b17pnrtx__1122e2b5{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_dbyw5c_b17pnrtx__1122e2b5:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:hover .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:active{color:var(--plasma-tab-item-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5:active .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_tabItemAnimated__1122e2b5{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
 
-.base_1fid86o_brd5u59__b667e796{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+.base_gmecta_brd5u59__f08eef4c{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.base_gmecta_brd5u59__f08eef4c.base_gmecta_selectedTabsItem__f08eef4c{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
 
 .base_1n47nel_b1qni0z7__43b989b3.base_1n47nel_tabsPilled__43b989b3{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
 
 .base_152tdr6_b19uafm__8ffd04ed[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-value-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-selected-value-color);}
 
-.HorizontalTabItem_styles_ky24mi_s4bz58__3cc24ee1{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_ky24mi_t19raezp__3cc24ee1{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_ky24mi_r1adqbze__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ky24mi_r1adqbze__3cc24ee1:hover{color:inherit;}
-.HorizontalTabItem_styles_ky24mi_lqpbixy__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ky24mi_lqpbixy__3cc24ee1:hover{color:inherit;}
-.HorizontalTabItem_styles_ky24mi_a1r3bdpx__3cc24ee1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1{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_ky24mi_bfzfmt5__3cc24ee1:first-child{margin-left:0;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_focusVisible__3cc24ee1:focus::before,.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_tabsTruncate__3cc24ee1 .HorizontalTabItem_styles_ky24mi_s4bz58__3cc24ee1{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ky24mi_bfzfmt5__3cc24ee1.HorizontalTabItem_styles_ky24mi_tabsTruncate__3cc24ee1 .HorizontalTabItem_styles_ky24mi_t19raezp__3cc24ee1{overflow:hidden;text-overflow:ellipsis;}
+.HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{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_1roz7kf_t19raezp__db1e9c85{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_1roz7kf_r1adqbze__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85:hover{color:inherit;}
+.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85:hover{color:inherit;}
+.HorizontalTabItem_styles_1roz7kf_a1r3bdpx__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85{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_1roz7kf_bfzfmt5__db1e9c85:first-child{margin-left:0;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_focusVisible__db1e9c85:focus::before,.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{overflow:hidden;text-overflow:ellipsis;}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../../utils/index.js');
+var cls = require('classnames');
 var tokens = require('../../../tokens.js');
 var useTabItem = require('../../../hooks/useTabItem.js');
 var base$1 = require('./variations/_view/base.js');
@@ -18,14 +18,16 @@ var TabsContext = require('../../../TabsContext.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
 
-var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
+var _excluded = ["size", "view", "isActive", "selected", "disableScroll", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
 var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
     var size = props.size,
       view = props.view,
       isActive = props.isActive,
       selected = props.selected,
+      disableScroll = props.disableScroll,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$pilled = props.pilled,
@@ -59,6 +61,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
         innerRef: innerRef,
         itemIndex: itemIndex,
         selected: selected,
+        disableScroll: disableScroll,
         disabled: disabled,
         onIndexChange: onIndexChange,
         onClick: onClick,
@@ -79,7 +82,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       size: size,
       onFocus: onItemFocus,
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: index.cx(pilledClass, selectedClass, animatedClass, truncateClass, className),
+      className: cls__default.default(pilledClass, selectedClass, animatedClass, truncateClass, className),
       onClick: handleClick
     }, rest, {
       style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest.style), {}, {

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

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

package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_ky24mi.css → HorizontalTabItem.styles_1roz7kf.css}

@@ -3,4 +3,4 @@
 .r1adqbze{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1adqbze:hover{color:inherit;}
 .lqpbixy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.lqpbixy:hover{color:inherit;}
 .a1r3bdpx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.bfzfmt5{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;}.bfzfmt5:first-child{margin-left:0;}.bfzfmt5::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.bfzfmt5.focus-visible:focus::before,.bfzfmt5[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.bfzfmt5.tabs-truncate .s4bz58{overflow:hidden;text-overflow:ellipsis;}.bfzfmt5.tabs-truncate .t19raezp{overflow:hidden;text-overflow:ellipsis;}
+.bfzfmt5{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;}.bfzfmt5:first-child{margin-left:0;}.bfzfmt5::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.bfzfmt5.focus-visible:focus::before,.bfzfmt5[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.bfzfmt5.tabs-truncate .s4bz58{overflow:hidden;text-overflow:ellipsis;}.bfzfmt5.tabs-truncate .t19raezp{overflow:hidden;text-overflow:ellipsis;}

package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js

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

package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_1fid86o.css → base_gmecta.css}

@@ -1 +1 @@
-.brd5u59{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+.brd5u59{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.brd5u59.selected-tabs-item{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}

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

@@ -10,7 +10,7 @@
 
 .base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
 
-.HorizontalTabs_styles_8pald2_b1o35yic__ce7eed57{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_8pald2_s1luevts__ce7eed57{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_8pald2_s1br3rgv__ce7eed57{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_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipScroll__ce7eed57::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_8pald2_s1br3rgv__ce7eed57.HorizontalTabs_styles_8pald2_tabsClipShowAll__ce7eed57{overflow:visible;}
-.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57{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(--s1ye0qv7-0);padding-right:var(--s1ye0qv7-1);padding-left:var(--s1ye0qv7-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57.HorizontalTabs_styles_8pald2_focusVisible__ce7eed57:focus::before,.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_8pald2_s1ye0qv7__ce7eed57:active{color:var(--plasma-tabs-arrow-color-active);}
+.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{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;padding:var(--plasma-tabs-padding,0);}
+.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{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_1u09hh6_s1br3rgv__ad04af64{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_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
+.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../../../../utils/index.js');
+var cls = require('classnames');
 var IconDisclosureLeft = require('../../../../_Icon/Icons/IconDisclosureLeft.js');
 var IconDisclosureRight = require('../../../../_Icon/Icons/IconDisclosureRight.js');
 var tokens = require('../../../tokens.js');
@@ -21,6 +21,7 @@ var react = require('../../../../../utils/react.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
 
 var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className", "hasDivider"];
 var Keys = /*#__PURE__*/function (Keys) {
@@ -49,7 +50,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       children = props.children,
       _props$pilled = props.pilled,
       pilled = _props$pilled === void 0 ? false : _props$pilled,
-      index$2 = props.index,
+      index$1 = props.index,
       className = props.className,
       _props$hasDivider = props.hasDivider,
       hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
@@ -69,7 +70,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       shouldTriggerAdditionalScroll = _useState6[0],
       setShouldTriggerAdditionalScroll = _useState6[1];
     var refs = React.useMemo(function () {
-      return new TabsContext.TabItemRefs(index$2);
+      return new TabsContext.TabItemRefs(index$1);
     }, []);
     var uniqId = react.safeUseId();
     var tabsId = id || uniqId;
@@ -128,6 +129,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
         isLeftArrow: true
       }, /*#__PURE__*/React__default.default.createElement(IconDisclosureLeft.IconDisclosureLeft, {
         size: getIconSize(size),
+        sizeCustomProperty: tokens.tokens.arrowSize,
         color: "inherit"
       }));
     }, [onPrev, size, disabled, isFilled]);
@@ -141,6 +143,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
         isFilled: isFilled
       }, /*#__PURE__*/React__default.default.createElement(IconDisclosureRight.IconDisclosureRight, {
         size: getIconSize(size),
+        sizeCustomProperty: tokens.tokens.arrowSize,
         color: "inherit"
       }));
     }, [onNext, size, disabled, isFilled]);
@@ -154,7 +157,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       setLastItemVisible(scrollLeft >= maxScrollLeft);
     }, [setFirstItemVisible, setLastItemVisible]);
     var onKeyDown = React.useCallback(function (event) {
-      if (index$2 === undefined) {
+      if (index$1 === undefined) {
         return;
       }
       var minIndex = 0;
@@ -165,10 +168,10 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
           nextIndex = maxIndex;
           break;
         case Keys.left:
-          nextIndex = index$2 > minIndex ? index$2 - 1 : index$2;
+          nextIndex = index$1 > minIndex ? index$1 - 1 : index$1;
           break;
         case Keys.right:
-          nextIndex = index$2 < maxIndex ? index$2 + 1 : index$2;
+          nextIndex = index$1 < maxIndex ? index$1 + 1 : index$1;
           break;
         case Keys.home:
           nextIndex = minIndex;
@@ -176,7 +179,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
         default:
           return;
       }
-      if (nextIndex !== index$2) {
+      if (nextIndex !== index$1) {
         var _refs$items$nextIndex, _refs$items$nextIndex2;
         event.preventDefault();
         (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
@@ -186,7 +189,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
           behavior: 'smooth'
         });
       }
-    }, [index$2]);
+    }, [index$1]);
     React.useLayoutEffect(function () {
       var _scrollRef$current, _scrollRef$current2;
       setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
@@ -197,9 +200,13 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       if (firstItemVisible || !shouldTriggerAdditionalScroll || !scrollRef.current || !leftArrowRef.current) {
         return;
       }
-      var style = getComputedStyle(scrollRef.current);
+      var scrollStyle = getComputedStyle(scrollRef.current);
+      var arrowStyle = getComputedStyle(leftArrowRef.current);
+      var root = scrollRef.current.parentElement;
+      var rootGap = root ? parseInt(getComputedStyle(root).columnGap, 10) : 0;
+      var arrowOccupiedWidth = leftArrowRef.current.offsetWidth + parseInt(arrowStyle.marginLeft, 10) + parseInt(arrowStyle.marginRight, 10) + rootGap;
       scrollRef.current.scrollTo({
-        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth + parseInt(style.paddingLeft, 10))
+        left: Math.round(scrollRef.current.scrollLeft + arrowOccupiedWidth + parseInt(scrollStyle.paddingLeft, 10))
       });
       setShouldTriggerAdditionalScroll(false);
     }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);
@@ -215,10 +222,10 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       id: tabsId,
       ref: outerRef,
       disabled: disabled,
-      className: index$1.cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
+      className: cls__default.default(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
       onKeyDown: onKeyDown
     }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React__default.default.createElement(HorizontalTabs_styles.StyledContentWrapper, {
-      className: index$1.cx(clipScrollClass, clipShowAllClass),
+      className: cls__default.default(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
     }, /*#__PURE__*/React__default.default.createElement(HorizontalTabs_styles.StyledContent, {