@salutejs/plasma-web 1.602.0-canary.2403.20455152253.0 → 1.602.0

package/dist/styled-components/cjs/components/Range/Range.js

@@ -2,13 +2,36 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Range", {
-    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 Range () {
         return Range;
+    },
+    get RangeClear () {
+        return RangeClear;
+    },
+    get RangeDefault () {
+        return RangeDefault;
     }
 });
 var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 var _Rangeconfig = require("./Range.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.rangeConfig, _Rangeconfig.config);
-var Range = (0, _styledcomponents.component)(mergedConfig);
+var _Rangeclearconfig = require("./Range.clear.config");
+var mergedConfigDefault = (0, _styledcomponents.mergeConfig)(_styledcomponents.rangeConfig, _Rangeconfig.config);
+var RangeDefault = (0, _styledcomponents.component)(mergedConfigDefault);
+var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.rangeConfig, _Rangeclearconfig.config);
+var RangeClear = (0, _styledcomponents.component)(mergedConfigClear);
+var Range = (0, _styledcomponents.createConditionalComponent)(RangeDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: RangeClear
+    }
+]);

package/dist/styled-components/cjs/components/Rating/Rating.config.js

@@ -347,39 +347,6 @@ function _templateObject11() {
     return data;
 }
 function _templateObject12() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.25rem;\n\n                ",
-        ": var(--plasma-typo-h6-font-family);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n                ",
-        ": var(--plasma-typo-h6-font-style);\n                ",
-        ": var(--plasma-typo-h6-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h6-letter-spacing);\n                ",
-        ": var(--plasma-typo-h6-line-height);\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1rem;\n            "
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n\n                ",
@@ -407,12 +374,12 @@ function _templateObject13() {
         ": 7rem;\n                ",
         ": 5.5rem;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n\n                ",
@@ -440,12 +407,12 @@ function _templateObject14() {
         ": 4.5rem;\n                ",
         ": 4rem;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject15() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n\n                ",
@@ -473,7 +440,7 @@ function _templateObject15() {
         ": 3.5rem;\n                ",
         ": 2.75rem;\n            "
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
@@ -499,10 +466,9 @@ var config = {
             h3: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconMarginBottom, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
             h4: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconMarginBottom, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
             h5: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconMarginBottom, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
-            h6: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconMarginBottom, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
-            displayL: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
-            displayM: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
-            displayS: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall)
+            displayL: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
+            displayM: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall),
+            displayS: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.wrapperGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall)
         }
     }
 };

package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js

@@ -381,56 +381,45 @@ function _templateObject32() {
     return data;
 }
 function _templateObject33() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h6-line-height);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n            "
-    ]);
-    _templateObject33 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject34() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-l-line-height);\n                ",
         ": var(--plasma-typo-text-l-font-size);\n            "
     ]);
-    _templateObject34 = function _templateObject() {
+    _templateObject33 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject35() {
+function _templateObject34() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-m-line-height);\n                ",
         ": var(--plasma-typo-text-m-font-size);\n            "
     ]);
-    _templateObject35 = function _templateObject() {
+    _templateObject34 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject36() {
+function _templateObject35() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-s-line-height);\n                ",
         ": var(--plasma-typo-text-s-font-size);\n            "
     ]);
-    _templateObject36 = function _templateObject() {
+    _templateObject35 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject37() {
+function _templateObject36() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-xs-line-height);\n                ",
         ": var(--plasma-typo-text-xs-font-size);\n            "
     ]);
-    _templateObject37 = function _templateObject() {
+    _templateObject36 = function _templateObject() {
         return data;
     };
     return data;
@@ -477,11 +466,10 @@ var config = {
             h3: (0, _styledcomponents.css)(_templateObject30(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
             h4: (0, _styledcomponents.css)(_templateObject31(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
             h5: (0, _styledcomponents.css)(_templateObject32(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h6: (0, _styledcomponents.css)(_templateObject33(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textL: (0, _styledcomponents.css)(_templateObject34(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textM: (0, _styledcomponents.css)(_templateObject35(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textS: (0, _styledcomponents.css)(_templateObject36(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textXS: (0, _styledcomponents.css)(_templateObject37(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
+            textL: (0, _styledcomponents.css)(_templateObject33(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
+            textM: (0, _styledcomponents.css)(_templateObject34(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
+            textS: (0, _styledcomponents.css)(_templateObject35(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
+            textXS: (0, _styledcomponents.css)(_templateObject36(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
         }
     }
 };

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

@@ -190,19 +190,6 @@ function _templateObject9() {
     return data;
 }
 function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.375rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": -0.125rem;\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n                ",
@@ -210,12 +197,12 @@ function _templateObject11() {
         ": 0.75rem;\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n                ",
@@ -223,12 +210,12 @@ function _templateObject12() {
         ": 0.875rem;\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n                ",
@@ -236,17 +223,17 @@ function _templateObject13() {
         ": 1rem;\n\n                ",
         ": 0;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
@@ -268,15 +255,14 @@ var config = {
             s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
             m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
             l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h6: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h5: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h4: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h3: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h2: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h1: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft)
+            h5: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h4: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h1: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.actionContentMarginLeft)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.disabledOpacity)
         }
     }
 };

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

@@ -234,28 +234,6 @@ function _templateObject7() {
     return data;
 }
 function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.375rem;\n                ",
-        ": auto;\n                ",
-        ": 3rem;\n                ",
-        ": 0 0.125rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-h6-font-family);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n                ",
-        ": var(--plasma-typo-h6-font-style);\n                ",
-        ": var(--plasma-typo-h6-font-weight);\n                ",
-        ": var(--plasma-typo-h6-letter-spacing);\n                ",
-        ": var(--plasma-typo-h6-line-height);\n\n                ",
-        ": -0.125rem;\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n                ",
@@ -272,12 +250,12 @@ function _templateObject9() {
         ": var(--plasma-typo-h5-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n                ",
@@ -294,12 +272,12 @@ function _templateObject10() {
         ": var(--plasma-typo-h4-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n                ",
@@ -316,12 +294,12 @@ function _templateObject11() {
         ": var(--plasma-typo-h3-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n                ",
@@ -338,12 +316,12 @@ function _templateObject12() {
         ": var(--plasma-typo-h2-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n                ",
@@ -360,36 +338,36 @@ function _templateObject13() {
         ": var(--plasma-typo-h1-line-height);\n\n                ",
         ": 0;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject15() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1.5rem;\n            "
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject16() {
+function _templateObject15() {
     var data = _tagged_template_literal([
         ""
     ]);
-    _templateObject16 = function _templateObject() {
+    _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
@@ -411,21 +389,20 @@ var config = {
             s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
             m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
             l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemPaddingPilled, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.itemContentPadding, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h6: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h5: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h4: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h3: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h2: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
-            h1: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
+            h5: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h4: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft),
+            h1: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.itemBorderRadius, _styledcomponents.tabsTokens.itemWidth, _styledcomponents.tabsTokens.itemHeight, _styledcomponents.tabsTokens.itemPadding, _styledcomponents.tabsTokens.itemMarginLeft, _styledcomponents.tabsTokens.itemContentGap, _styledcomponents.tabsTokens.fontFamily, _styledcomponents.tabsTokens.fontSize, _styledcomponents.tabsTokens.fontStyle, _styledcomponents.tabsTokens.fontWeight, _styledcomponents.tabsTokens.letterSpacing, _styledcomponents.tabsTokens.lineHeight, _styledcomponents.tabsTokens.actionContentMarginLeft)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.tabsTokens.itemPilledBorderRadius)
+            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.itemPilledBorderRadius)
         },
         truncate: {
-            true: (0, _styledcomponents.css)(_templateObject16())
+            true: (0, _styledcomponents.css)(_templateObject15())
         }
     }
 };

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -157,10 +157,10 @@ function _templateObject8() {
 function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.5rem;\n                ",
+        ": 0.625rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.25rem;\n                ",
+        ": 0.375rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject9 = function _templateObject() {
@@ -171,10 +171,10 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.625rem;\n                ",
+        ": 0.75rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.375rem;\n                ",
+        ": 0.5rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject10 = function _templateObject() {
@@ -188,7 +188,7 @@ function _templateObject11() {
         ": 0.75rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.5rem;\n                ",
+        ": 1rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject11 = function _templateObject() {
@@ -199,11 +199,7 @@ function _templateObject11() {
 function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.75rem;\n                ",
-        ": fit-content;\n                ",
-        ": auto;\n                ",
-        ": 1rem;\n                ",
-        ": 0rem;\n            "
+        ": 100%;\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -213,7 +209,7 @@ function _templateObject12() {
 function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 100%;\n            "
+        ": 0.4;\n            "
     ]);
     _templateObject13 = function _templateObject() {
         return data;
@@ -221,21 +217,11 @@ function _templateObject13() {
     return data;
 }
 function _templateObject14() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject14 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1.625rem;\n            "
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
@@ -256,21 +242,20 @@ var config = {
             s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
             m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
             l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h6: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h5: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h4: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h2: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
-            h1: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
+            h5: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
+            h4: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
+            h3: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
+            h2: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding),
+            h1: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
         },
         stretch: {
-            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.containerWidth)
+            true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.containerWidth)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
+            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
         }
     }
 };

package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js

@@ -30,6 +30,7 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-accent);\n\n                ",
         ": var(--surface-negative);\n\n                ",
+        ": var(--shadow-down-soft-s);\n\n                ",
         ": var(--surface-transparent-primary);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
         ": var(--surface-transparent-negative);\n                ",
@@ -329,7 +330,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemBackgroundHover, _styledcomponents.timePickerTokens.itemBackgroundActive, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.timePickerShadow, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemBackgroundHover, _styledcomponents.timePickerTokens.itemBackgroundActive, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
         },
         size: {
             l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),