@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17432366342.0

package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.config.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _NavigationDrawer = require("../../../components/NavigationDrawer");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--shadow-down-soft-s);",
+                ":1.25rem 0.75rem 0.75rem 0.75rem;",
+                ":0.625rem;",
+                ":250px;",
+                ":var(--surface-solid-card);",
+                ":var(--text-tertiary-active);",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":0.625rem;",
+                ":var(--surface-transparent-secondary);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":0.4;",
+                ":0.5rem;",
+                ":var(--surface-solid-default);",
+                ":var(--surface-transparent-tertiary);",
+                ":1px;",
+                ":var(--surface-transparent-secondary);",
+                ":1rem;",
+                ":1rem;",
+                ":0 0.125rem;",
+                ":var(--surface-solid-default);",
+                ":var(--surface-solid-card);",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);"
+            ], _NavigationDrawer.navigationDrawerTokens.sidebarBoxShadow, _NavigationDrawer.navigationDrawerTokens.sidebarPadding, _NavigationDrawer.navigationDrawerTokens.sidebarGap, _NavigationDrawer.navigationDrawerTokens.sidebarWidth, _NavigationDrawer.navigationDrawerTokens.sidebarBackground, _NavigationDrawer.navigationDrawerTokens.sectionColor, _NavigationDrawer.navigationDrawerTokens.sectionFontSize, _NavigationDrawer.navigationDrawerTokens.sectionHeaderGap, _NavigationDrawer.navigationDrawerTokens.menuItemGap, _NavigationDrawer.navigationDrawerTokens.menuItemPadding, _NavigationDrawer.navigationDrawerTokens.menuItemBorderRadius, _NavigationDrawer.navigationDrawerTokens.menuItemSelectedColor, _NavigationDrawer.navigationDrawerTokens.menuItemHoverColor, _NavigationDrawer.navigationDrawerTokens.menuItemDisabledOpacity, _NavigationDrawer.navigationDrawerTokens.menuItemIndicatorSize, _NavigationDrawer.navigationDrawerTokens.menuItemIndicatorColor, _NavigationDrawer.navigationDrawerTokens.dividerColor, _NavigationDrawer.navigationDrawerTokens.dividerHeight, _NavigationDrawer.navigationDrawerTokens.overlayBackground, _NavigationDrawer.navigationDrawerTokens.counterBorderRadius, _NavigationDrawer.navigationDrawerTokens.counterHeight, _NavigationDrawer.navigationDrawerTokens.counterPadding, _NavigationDrawer.navigationDrawerTokens.counterBackground, _NavigationDrawer.navigationDrawerTokens.counterColor, _NavigationDrawer.navigationDrawerTokens.counterFontFamily, _NavigationDrawer.navigationDrawerTokens.counterFontSize, _NavigationDrawer.navigationDrawerTokens.counterFontStyle, _NavigationDrawer.navigationDrawerTokens.counterFontWeight, _NavigationDrawer.navigationDrawerTokens.counterLetterSpacing, _NavigationDrawer.navigationDrawerTokens.counterLineHeight)
+        },
+        size: {
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":1rem;",
+                ":0.875rem;",
+                ":2.5rem;",
+                ":0.625rem 0.75rem;",
+                ":0.625rem;",
+                ":1px 0 0 1px;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":1.5rem;",
+                ":0.5rem;"
+            ], _NavigationDrawer.navigationDrawerTokens.iconSize, _NavigationDrawer.navigationDrawerTokens.iconContainerSize, _NavigationDrawer.navigationDrawerTokens.menuItemFontSize, _NavigationDrawer.navigationDrawerTokens.sidebarWidthClosed, _NavigationDrawer.navigationDrawerTokens.sectionPadding, _NavigationDrawer.navigationDrawerTokens.sectionBorderRadius, _NavigationDrawer.navigationDrawerTokens.iconMargin, _NavigationDrawer.navigationDrawerTokens.menuItemFontFamily, _NavigationDrawer.navigationDrawerTokens.menuItemFontStyle, _NavigationDrawer.navigationDrawerTokens.menuItemFontWeight, _NavigationDrawer.navigationDrawerTokens.menuItemFontLetterSpacing, _NavigationDrawer.navigationDrawerTokens.menuItemFontLineHeight, _NavigationDrawer.navigationDrawerTokens.menuItemContentLeftSize, _NavigationDrawer.navigationDrawerTokens.menuItemContentLeftMargin),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":1.25rem;",
+                ":1.5rem;",
+                ":1rem;",
+                ":3rem;",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":2px 0 0 2px;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":2.25rem;",
+                ":0.375rem;"
+            ], _NavigationDrawer.navigationDrawerTokens.iconSize, _NavigationDrawer.navigationDrawerTokens.iconContainerSize, _NavigationDrawer.navigationDrawerTokens.menuItemFontSize, _NavigationDrawer.navigationDrawerTokens.sidebarWidthClosed, _NavigationDrawer.navigationDrawerTokens.sectionPadding, _NavigationDrawer.navigationDrawerTokens.sectionBorderRadius, _NavigationDrawer.navigationDrawerTokens.iconMargin, _NavigationDrawer.navigationDrawerTokens.menuItemFontFamily, _NavigationDrawer.navigationDrawerTokens.menuItemFontStyle, _NavigationDrawer.navigationDrawerTokens.menuItemFontWeight, _NavigationDrawer.navigationDrawerTokens.menuItemFontLetterSpacing, _NavigationDrawer.navigationDrawerTokens.menuItemFontLineHeight, _NavigationDrawer.navigationDrawerTokens.menuItemContentLeftSize, _NavigationDrawer.navigationDrawerTokens.menuItemContentLeftMargin)
+        }
+    }
+};

package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavigationDrawer", {
+    enumerable: true,
+    get: function() {
+        return NavigationDrawer;
+    }
+});
+var _engines = require("../../../engines");
+var _NavigationDrawer = require("../../../components/NavigationDrawer");
+var _NavigationDrawerconfig = require("./NavigationDrawer.config");
+var mergedConfig = (0, _engines.mergeConfig)(_NavigationDrawer.navigationDrawerConfig, _NavigationDrawerconfig.config);
+var NavigationDrawer = (0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/components/Tabs/TabItem.js

@@ -2,29 +2,82 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "TabItem", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get IconTabItem () {
+        return IconTabItem;
+    },
+    get TabItem () {
         return TabItem;
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
 var _Tabs = require("../../../components/Tabs");
 var _engines = require("../../../engines");
+var _utils = require("../../../utils");
 var _HorizontalTabItemconfig = require("./horizontal/HorizontalTabItem.config");
+var _HorizontalIconTabItemconfig = require("./horizontal/HorizontalIconTabItem.config");
 var _VerticalTabItemconfig = require("./vertical/VerticalTabItem.config");
+var _VerticalIconTabItemconfig = require("./vertical/VerticalIconTabItem.config");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var mergedHorizontalTabItemConfig = (0, _engines.mergeConfig)(_Tabs.horizontalTabItemConfig, _HorizontalTabItemconfig.config);
 var HorizontalTabItem = (0, _engines.component)(mergedHorizontalTabItemConfig);
+var mergedHorizontalIconTabItemConfig = (0, _engines.mergeConfig)(_Tabs.horizontalIconTabItemConfig, _HorizontalIconTabItemconfig.config);
+var HorizontalIconTabItem = (0, _engines.component)(mergedHorizontalIconTabItemConfig);
 var mergedVerticalTabItemConfig = (0, _engines.mergeConfig)(_Tabs.verticalTabItemConfig, _VerticalTabItemconfig.config);
 var VerticalTabItem = (0, _engines.component)(mergedVerticalTabItemConfig);
+var mergedVerticalIconTabItemConfig = (0, _engines.mergeConfig)(_Tabs.verticalIconTabItemConfig, _VerticalIconTabItemconfig.config);
+var VerticalIconTabItem = (0, _engines.component)(mergedVerticalIconTabItemConfig);
 var TabItem = function(props) {
     if (props.orientation === 'vertical') {
         return /*#__PURE__*/ _react.default.createElement(VerticalTabItem, props);
     }
     return /*#__PURE__*/ _react.default.createElement(HorizontalTabItem, props);
 };
+var IconTabItem = (0, _utils.fixedForwardRef)(function(props, ref) {
+    if (props.orientation === 'vertical') {
+        return /*#__PURE__*/ _react.default.createElement(VerticalIconTabItem, _object_spread({
+            ref: ref
+        }, props));
+    }
+    return /*#__PURE__*/ _react.default.createElement(HorizontalIconTabItem, _object_spread({
+        ref: ref
+    }, props));
+});

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

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Tabs = require("../../../../components/Tabs");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'xs'
+    },
+    variations: {
+        view: {
+            clear: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-secondary);",
+                ":transparent;",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":background-color 0.3s ease-in-out;",
+                ":var(--surface-accent);",
+                ":0;",
+                ":pointer;"
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemCursor),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":var(--surface-solid-card);",
+                ":var(--text-primary);",
+                ":var(--surface-solid-card);",
+                ":background-color 0.3s ease-in-out;",
+                ":0.125rem;",
+                ":var(--surface-accent);",
+                ":0;",
+                ":pointer;"
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemCursor),
+            divider: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-secondary);",
+                ":transparent;",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":background-color 0.3s ease-in-out;",
+                ":var(--surface-accent);",
+                ":0.125rem;",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":pointer;"
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor),
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":transparent;",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":var(--inverse-text-primary);",
+                ":var(--surface-solid-default);",
+                ":background-color 0.3s ease-in-out;",
+                ":0.125rem;",
+                ":var(--surface-accent);",
+                ":0;",
+                ":pointer;"
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemCursor)
+        },
+        size: {
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.5rem 0.625rem;",
+                ":0.25rem;",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.5rem 0.625rem;",
+                ":0.25rem;",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":0.75rem 0.875rem;",
+                ":0.375rem;",
+                ":0.25rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":1rem 1.125rem;",
+                ":0.5rem;",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            h5: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0rem;",
+                ":0.625rem;",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            h4: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0rem;",
+                ":0.625rem;",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            h3: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0rem;",
+                ":0.75rem;",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            h2: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":0rem;",
+                ":0.875rem;",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft),
+            h1: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0rem;",
+                ":1rem;",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.actionContentMarginLeft)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _Tabs.tabsTokens.disabledOpacity)
+        }
+    }
+};

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

@@ -132,8 +132,9 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-style);",
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             s: (0, _styledcomponents.css)([
                 "",
                 ":0.5rem;",
@@ -149,8 +150,9 @@ var config = {
                 ":var(--plasma-typo-body-s-font-style);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             m: (0, _styledcomponents.css)([
                 "",
                 ":0.625rem;",
@@ -166,8 +168,9 @@ var config = {
                 ":var(--plasma-typo-body-m-font-style);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.25rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
@@ -183,8 +186,9 @@ var config = {
                 ":var(--plasma-typo-body-l-font-style);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h5: (0, _styledcomponents.css)([
                 "",
                 ":0.375rem;",
@@ -198,8 +202,9 @@ var config = {
                 ":var(--plasma-typo-h5-font-style);",
                 ":var(--plasma-typo-h5-font-weight);",
                 ":var(--plasma-typo-h5-letter-spacing);",
-                ":var(--plasma-typo-h5-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-h5-line-height);",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h4: (0, _styledcomponents.css)([
                 "",
                 ":0.375rem;",
@@ -213,8 +218,9 @@ var config = {
                 ":var(--plasma-typo-h4-font-style);",
                 ":var(--plasma-typo-h4-font-weight);",
                 ":var(--plasma-typo-h4-letter-spacing);",
-                ":var(--plasma-typo-h4-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-h4-line-height);",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h3: (0, _styledcomponents.css)([
                 "",
                 ":0.5rem;",
@@ -228,8 +234,9 @@ var config = {
                 ":var(--plasma-typo-h3-font-style);",
                 ":var(--plasma-typo-h3-font-weight);",
                 ":var(--plasma-typo-h3-letter-spacing);",
-                ":var(--plasma-typo-h3-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-h3-line-height);",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h2: (0, _styledcomponents.css)([
                 "",
                 ":0.625rem;",
@@ -243,8 +250,9 @@ var config = {
                 ":var(--plasma-typo-h2-font-style);",
                 ":var(--plasma-typo-h2-font-weight);",
                 ":var(--plasma-typo-h2-letter-spacing);",
-                ":var(--plasma-typo-h2-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-h2-line-height);",
+                ":-0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             h1: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
@@ -258,8 +266,9 @@ var config = {
                 ":var(--plasma-typo-h1-font-style);",
                 ":var(--plasma-typo-h1-font-weight);",
                 ":var(--plasma-typo-h1-letter-spacing);",
-                ":var(--plasma-typo-h1-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
+                ":var(--plasma-typo-h1-line-height);",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/Tabs/vertical/VerticalIconTabItem.config.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Tabs = require("../../../../components/Tabs");
+var config = {
+    defaults: {
+        view: 'divider',
+        size: 'xs'
+    },
+    variations: {
+        view: {
+            divider: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-secondary);",
+                ":transparent;",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":var(--text-primary);",
+                ":transparent;",
+                ":background-color 0.3s ease-in-out;",
+                ":var(--surface-accent);",
+                ":0.125rem;",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":pointer;"
+            ], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemColorActive, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerWidth, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.itemCursor)
+        },
+        size: {
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.5rem 0.625rem;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.actionContentMarginLeft),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":0.5rem 0.625rem;",
+                ":0.25rem;",
+                ":0.125rem;",
+                ":0.25rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.actionContentMarginLeft),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":0.75rem 0.875rem;",
+                ":0.375rem;",
+                ":0.125rem;",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.actionContentMarginLeft),
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":1rem 1.125rem;",
+                ":0.5rem;",
+                ":0.125rem;",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.actionContentMarginLeft)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _Tabs.tabsTokens.disabledOpacity)
+        }
+    }
+};

package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js

@@ -61,8 +61,9 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-style);",
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":0;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             s: (0, _styledcomponents.css)([
                 "",
                 ":0.5rem;",
@@ -79,8 +80,9 @@ var config = {
                 ":var(--plasma-typo-body-s-font-style);",
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-s-line-height);",
+                ":0.25rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             m: (0, _styledcomponents.css)([
                 "",
                 ":0.625rem;",
@@ -97,8 +99,9 @@ var config = {
                 ":var(--plasma-typo-body-m-font-style);",
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
+                ":var(--plasma-typo-body-m-line-height);",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.75rem;",
@@ -115,8 +118,9 @@ var config = {
                 ":var(--plasma-typo-body-l-font-style);",
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);"
-            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.125rem;"
+            ], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemPaddingOrientationVertical, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight, _Tabs.tabsTokens.actionContentMarginLeft)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

package/styled-components/cjs/index.js

@@ -85,6 +85,7 @@ _export_star(require("./components/CodeField"), exports);
 _export_star(require("./components/Tour"), exports);
 _export_star(require("./components/EmbedIconButton"), exports);
 _export_star(require("./components/InformationWrapper"), exports);
+_export_star(require("./components/NavigationDrawer"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/styled-components/es/components/Calendar/Calendar.tokens.js

@@ -71,6 +71,7 @@ export var tokens = {
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
+    calendarArrowHeaderCustomSize: '--plasma-calendar-arrow-custom-size',
     calendarHeaderPadding: '--plasma-calendar-header-padding',
     calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
     calendarHeaderFontFamily: '--plasma-calendar-header-font-family',