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

package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -12,7 +12,7 @@ var _styledcomponents = require("styled-components");
 var _Tabs = require("../../../../components/Tabs");
 var config = {
     defaults: {
-        view: 'divider',
+        view: 'default',
         size: 'xs'
     },
     variations: {
@@ -34,12 +34,14 @@ var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
+                ":0;",
+                ":0;",
                 ":var(--surface-accent);",
                 ":0rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -81,12 +83,14 @@ var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
+                ":0;",
+                ":0;",
                 ":var(--surface-accent);",
                 ":0.125rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemValueColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemValueColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemValueColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedValueColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedValueColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
             default: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-primary);",
@@ -118,9 +122,9 @@ var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":2rem;",
-                ":0 0.125rem;",
+                ":0 0.5rem;",
                 ":0 0.375rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
@@ -136,9 +140,9 @@ var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":2.5rem;",
-                ":0 0.125rem;",
+                ":0 0.625rem;",
                 ":0 0.5rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-s-font-family);",
@@ -154,9 +158,9 @@ var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":3rem;",
-                ":0 0.125rem;",
+                ":0 0.625rem;",
                 ":0 0.5rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.375rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-m-font-family);",
@@ -172,9 +176,9 @@ var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":3.5rem;",
-                ":0 0.125rem;",
+                ":0 0.875rem;",
                 ":0 0.75rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.5rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-l-font-family);",
@@ -190,8 +194,8 @@ var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3rem;",
-                ":0 0.125rem;",
-                ":1.5rem;",
+                ":0rem;",
+                ":1.75rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h5-font-family);",
                 ":var(--plasma-typo-h5-font-size);",
@@ -206,8 +210,8 @@ var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3.25rem;",
-                ":0 0.125rem;",
-                ":1.75rem;",
+                ":0rem;",
+                ":2rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h4-font-family);",
                 ":var(--plasma-typo-h4-font-size);",
@@ -222,8 +226,8 @@ var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":3.875rem;",
-                ":0 0.125rem;",
-                ":2rem;",
+                ":0rem;",
+                ":2.25rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-h3-font-family);",
                 ":var(--plasma-typo-h3-font-size);",
@@ -238,8 +242,8 @@ var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":4.5rem;",
-                ":0 0.125rem;",
-                ":2.25rem;",
+                ":0rem;",
+                ":2.5rem;",
                 ":0.875rem;",
                 ":var(--plasma-typo-h2-font-family);",
                 ":var(--plasma-typo-h2-font-size);",
@@ -254,8 +258,8 @@ var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":5.75rem;",
-                ":0 0.125rem;",
-                ":3.25rem;",
+                ":0rem;",
+                ":3.5rem;",
                 ":1rem;",
                 ":var(--plasma-typo-h1-font-family);",
                 ":var(--plasma-typo-h1-font-size);",

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -514,6 +514,17 @@ import { Context } from "./Combobox.context";
             internalValue,
             items
         ]);
+        // Эффект для исключительных случаев, когда нужно обновить значение textValue при изменении items,
+        // но только если значение textValue совпадает с value в item.
+        useLayoutEffect(function() {
+            var _valueToItemMap_get;
+            if (!multiple && value && ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.value) === textValue) {
+                var _valueToItemMap_get1;
+                setTextValue(((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.label) || value.toString());
+            }
+        }, [
+            items
+        ]);
         // При изменении value нужно возвращать значение в инпуте к исходному.
         useDidMountLayoutEffect(function() {
             setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js

@@ -4,13 +4,13 @@ import { addFocus } from "../../../../../mixins";
 import { tokens } from "../../../tokens";
 export var StyledContent = styled.div.withConfig({
     displayName: "HorizontalIconTabItem.styles__StyledContent",
-    componentId: "sc-e37d47fd-0"
+    componentId: "sc-d0381a92-0"
 })([
     "display:inline-block;width:fit-content;"
 ]);
 export var ActionContent = styled.div.withConfig({
     displayName: "HorizontalIconTabItem.styles__ActionContent",
-    componentId: "sc-e37d47fd-1"
+    componentId: "sc-d0381a92-1"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -23,7 +23,7 @@ export var base = css([
     ";"
 ], tokens.itemContentGap, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
     outlineSize: '0.063rem',
-    outlineOffset: '0.063rem',
+    outlineOffset: '-0.125rem',
     outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -4,7 +4,7 @@ import { addFocus } from "../../../../../mixins";
 import { classes, tokens } from "../../../tokens";
 export var StyledContent = styled.div.withConfig({
     displayName: "HorizontalTabItem.styles__StyledContent",
-    componentId: "sc-e4f78c87-0"
+    componentId: "sc-6029f576-0"
 })([
     "display:inline-block;width:fit-content;padding:0 var(",
     ",var(",
@@ -12,7 +12,7 @@ export var StyledContent = styled.div.withConfig({
 ], tokens.itemContentPaddingClear, tokens.itemContentPadding);
 export var TabItemValue = styled.span.withConfig({
     displayName: "HorizontalTabItem.styles__TabItemValue",
-    componentId: "sc-e4f78c87-1"
+    componentId: "sc-6029f576-1"
 })([
     "color:var(",
     ");font-family:var(",
@@ -31,19 +31,19 @@ export var TabItemValue = styled.span.withConfig({
 ], tokens.itemValueColor, tokens.valueFontFamily, tokens.fontFamily, tokens.valueFontSize, tokens.fontSize, tokens.valueFontStyle, tokens.fontStyle, tokens.valueFontWeight, tokens.fontWeight, tokens.valueLetterSpacing, tokens.letterSpacing, tokens.valueLineHeight, tokens.lineHeight);
 export var RightContent = styled.div.withConfig({
     displayName: "HorizontalTabItem.styles__RightContent",
-    componentId: "sc-e4f78c87-2"
+    componentId: "sc-6029f576-2"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 export var LeftContent = styled.div.withConfig({
     displayName: "HorizontalTabItem.styles__LeftContent",
-    componentId: "sc-e4f78c87-3"
+    componentId: "sc-6029f576-3"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 export var ActionContent = styled.div.withConfig({
     displayName: "HorizontalTabItem.styles__ActionContent",
-    componentId: "sc-e4f78c87-4"
+    componentId: "sc-6029f576-4"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -61,7 +61,7 @@ export var base = css([
     "{overflow:hidden;text-overflow:ellipsis;}}"
 ], tokens.itemContentGap, tokens.itemPaddingClear, tokens.itemPadding, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
     outlineSize: '0.063rem',
-    outlineOffset: '0.063rem',
+    outlineOffset: '-0.125rem',
     outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js

@@ -7,21 +7,21 @@ export var base = css([
 ]);
 export var StyledContent = styled.div.withConfig({
     displayName: "HorizontalTabs.styles__StyledContent",
-    componentId: "sc-e818e527-0"
+    componentId: "sc-93ada113-0"
 })([
     "display:inline-flex;flex-direction:row;align-items:center;"
 ]);
 export var StyledContentWrapper = styled.div.withConfig({
     displayName: "HorizontalTabs.styles__StyledContentWrapper",
-    componentId: "sc-e818e527-1"
+    componentId: "sc-93ada113-1"
 })([
-    "box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
+    "margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
     "{overflow:scroll;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.",
     "{overflow:visible;}"
 ], classes.tabsClipScroll, classes.tabsClipShowAll);
 export var StyledArrow = styled.button.withConfig({
     displayName: "HorizontalTabs.styles__StyledArrow",
-    componentId: "sc-e818e527-2"
+    componentId: "sc-93ada113-2"
 })([
     "display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;",
     ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:",

package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js

@@ -4,13 +4,13 @@ import { addFocus } from "../../../../../mixins";
 import { tokens } from "../../../tokens";
 export var StyledContent = styled.div.withConfig({
     displayName: "VerticalIconTabItem.styles__StyledContent",
-    componentId: "sc-e7e3f81e-0"
+    componentId: "sc-4febd5c6-0"
 })([
     "display:inline-block;width:fit-content;"
 ]);
 export var ActionContent = styled.div.withConfig({
     displayName: "VerticalIconTabItem.styles__ActionContent",
-    componentId: "sc-e7e3f81e-1"
+    componentId: "sc-4febd5c6-1"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -23,7 +23,7 @@ export var base = css([
     ";"
 ], tokens.itemContentGap, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
     outlineSize: '0.063rem',
-    outlineOffset: '0.063rem',
+    outlineOffset: '-0.125rem',
     outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js

@@ -4,7 +4,7 @@ import { addFocus } from "../../../../../mixins";
 import { classes, tokens } from "../../../tokens";
 export var StyledContent = styled.div.withConfig({
     displayName: "VerticalTabItem.styles__StyledContent",
-    componentId: "sc-4c636acb-0"
+    componentId: "sc-52a7e18d-0"
 })([
     "display:inline-block;width:fit-content;padding:0 var(",
     ",var(",
@@ -12,7 +12,7 @@ export var StyledContent = styled.div.withConfig({
 ], tokens.itemContentPaddingClear, tokens.itemContentPadding);
 export var TabItemValue = styled.span.withConfig({
     displayName: "VerticalTabItem.styles__TabItemValue",
-    componentId: "sc-4c636acb-1"
+    componentId: "sc-52a7e18d-1"
 })([
     "white-space:nowrap;color:var(",
     ");font-family:var(",
@@ -31,19 +31,19 @@ export var TabItemValue = styled.span.withConfig({
 ], tokens.itemValueColor, tokens.valueFontFamily, tokens.fontFamily, tokens.valueFontSize, tokens.fontSize, tokens.valueFontStyle, tokens.fontStyle, tokens.valueFontWeight, tokens.fontWeight, tokens.valueLetterSpacing, tokens.letterSpacing, tokens.valueLineHeight, tokens.lineHeight);
 export var RightContent = styled.div.withConfig({
     displayName: "VerticalTabItem.styles__RightContent",
-    componentId: "sc-4c636acb-2"
+    componentId: "sc-52a7e18d-2"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 export var LeftContent = styled.div.withConfig({
     displayName: "VerticalTabItem.styles__LeftContent",
-    componentId: "sc-4c636acb-3"
+    componentId: "sc-52a7e18d-3"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 export var ActionContent = styled.div.withConfig({
     displayName: "VerticalTabItem.styles__ActionContent",
-    componentId: "sc-4c636acb-4"
+    componentId: "sc-52a7e18d-4"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -60,7 +60,7 @@ export var base = css([
     "{overflow:hidden;text-overflow:ellipsis;}}"
 ], tokens.itemContentGap, tokens.itemPaddingOrientationVertical, tokens.itemCursorOverNotSelected, tokens.itemCursor, addFocus({
     outlineSize: '0.063rem',
-    outlineOffset: '0.063rem',
+    outlineOffset: '-0.125rem',
     outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js

@@ -7,22 +7,22 @@ export var base = css([
 ]);
 export var StyledContent = styled.div.withConfig({
     displayName: "VerticalTabs.styles__StyledContent",
-    componentId: "sc-785d61e-0"
+    componentId: "sc-47b291a4-0"
 })([
     "display:inline-flex;flex-direction:column;align-items:flex-start;"
 ]);
 export var StyledContentWrapper = styled.div.withConfig({
     displayName: "VerticalTabs.styles__StyledContentWrapper",
-    componentId: "sc-785d61e-1"
+    componentId: "sc-47b291a4-1"
 })([
-    "box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
+    "padding:0.125rem 0.25rem;box-sizing:border-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.",
     "{overflow:scroll;scrollbar-width:none;::-webkit-scrollbar{display:none;}",
     "{margin-top:auto;}}&.",
     "{overflow:visible;}"
 ], classes.tabsClipScroll, StyledContent, classes.tabsClipShowAll);
 export var StyledArrow = styled.button.withConfig({
     displayName: "VerticalTabs.styles__StyledArrow",
-    componentId: "sc-785d61e-2"
+    componentId: "sc-47b291a4-2"
 })([
     "display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);",
     ";&[disabled]{cursor:not-allowed;}color:var(",
@@ -31,7 +31,7 @@ export var StyledArrow = styled.button.withConfig({
     ");}"
 ], addFocus({
     outlineSize: '0.063rem',
-    outlineOffset: '0.063rem',
+    outlineOffset: '-0.125rem',
     outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
 }), tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js

@@ -2,7 +2,7 @@ import { css } from "styled-components";
 import { classes, tokens } from "../../../../../tokens";
 export var base = css([
     "background-color:var(",
-    ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(",
+    ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(",
     ");width:var(",
     ");border-radius:var(",
     ");}&.",

package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -2,7 +2,7 @@ import { css } from "styled-components";
 import { tabsTokens } from "../../../../components/Tabs";
 export var config = {
     defaults: {
-        view: 'divider',
+        view: 'default',
         size: 'xs'
     },
     variations: {
@@ -24,12 +24,14 @@ export var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
+                ":0;",
+                ":0;",
                 ":var(--surface-accent);",
                 ":0rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
+            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
             secondary: css([
                 "",
                 ":var(--text-primary);",
@@ -71,12 +73,14 @@ export var config = {
                 ":var(--text-secondary);",
                 ":transparent;",
                 ":background-color 0.3s ease-in-out;",
+                ":0;",
+                ":0;",
                 ":var(--surface-accent);",
                 ":0.125rem;",
                 ":var(--text-primary);",
                 ":var(--text-primary);",
                 ":pointer;"
-            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
+            ], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
             default: css([
                 "",
                 ":var(--text-primary);",
@@ -108,9 +112,9 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":2rem;",
-                ":0 0.125rem;",
+                ":0 0.5rem;",
                 ":0 0.375rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-xs-font-family);",
@@ -126,9 +130,9 @@ export var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":2.5rem;",
-                ":0 0.125rem;",
+                ":0 0.625rem;",
                 ":0 0.5rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.25rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-s-font-family);",
@@ -144,9 +148,9 @@ export var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":3rem;",
-                ":0 0.125rem;",
+                ":0 0.625rem;",
                 ":0 0.5rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.375rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-m-font-family);",
@@ -162,9 +166,9 @@ export var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":3.5rem;",
-                ":0 0.125rem;",
+                ":0 0.875rem;",
                 ":0 0.75rem;",
-                ":1.5rem;",
+                ":1.75rem;",
                 ":0.5rem;",
                 ":0.125rem;",
                 ":var(--plasma-typo-body-l-font-family);",
@@ -180,8 +184,8 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3rem;",
-                ":0 0.125rem;",
-                ":1.5rem;",
+                ":0rem;",
+                ":1.75rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h5-font-family);",
                 ":var(--plasma-typo-h5-font-size);",
@@ -196,8 +200,8 @@ export var config = {
                 ":0.375rem;",
                 ":auto;",
                 ":3.25rem;",
-                ":0 0.125rem;",
-                ":1.75rem;",
+                ":0rem;",
+                ":2rem;",
                 ":0.625rem;",
                 ":var(--plasma-typo-h4-font-family);",
                 ":var(--plasma-typo-h4-font-size);",
@@ -212,8 +216,8 @@ export var config = {
                 ":0.5rem;",
                 ":auto;",
                 ":3.875rem;",
-                ":0 0.125rem;",
-                ":2rem;",
+                ":0rem;",
+                ":2.25rem;",
                 ":0.75rem;",
                 ":var(--plasma-typo-h3-font-family);",
                 ":var(--plasma-typo-h3-font-size);",
@@ -228,8 +232,8 @@ export var config = {
                 ":0.625rem;",
                 ":auto;",
                 ":4.5rem;",
-                ":0 0.125rem;",
-                ":2.25rem;",
+                ":0rem;",
+                ":2.5rem;",
                 ":0.875rem;",
                 ":var(--plasma-typo-h2-font-family);",
                 ":var(--plasma-typo-h2-font-size);",
@@ -244,8 +248,8 @@ export var config = {
                 ":0.75rem;",
                 ":auto;",
                 ":5.75rem;",
-                ":0 0.125rem;",
-                ":3.25rem;",
+                ":0rem;",
+                ":3.5rem;",
                 ":1rem;",
                 ":var(--plasma-typo-h1-font-family);",
                 ":var(--plasma-typo-h1-font-size);",

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FA0jBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAilB7G,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FAkkBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBApkBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAylB7G,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAsBhC,CAAC;AAEF,eAAO,MAAM,WAAW;kBAAiC,OAAO;eAAa,OAAO;EAmCnF,CAAC"}
+{"version":3,"file":"HorizontalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW;kBAAiC,OAAO;eAAa,OAAO;EAmCnF,CAAC"}

package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAI7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0BhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLA6BvB,CAAC"}
+{"version":3,"file":"VerticalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAMhB,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAI7D,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA6BhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLA6BvB,CAAC"}

package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSlB,CAAC"}
+{"version":3,"file":"HorizontalTabItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuSlB,CAAC"}

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

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

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

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

package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1741mpr.css

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

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css

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