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

package/dist/styled-components/cjs/components/Typography/Heading.config.js

@@ -23,6 +23,9 @@ _export(exports, {
     },
     get configH5 () {
         return configH5;
+    },
+    get configH6 () {
+        return configH6;
     }
 });
 var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
@@ -121,6 +124,23 @@ function _templateObject4() {
     };
     return data;
 }
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h6-medium-font-weight);\n                ",
+        ": var(--plasma-typo-h6-letter-spacing);\n                ",
+        ": var(--plasma-typo-h6-line-height);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var configH1 = {
     defaults: {
         size: 'h1'
@@ -171,3 +191,13 @@ var configH5 = {
         }
     }
 };
+var configH6 = {
+    defaults: {
+        size: 'h6'
+    },
+    variations: {
+        size: {
+            h6: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+        }
+    }
+};

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

@@ -48,6 +48,9 @@ _export(exports, {
     get H5 () {
         return H5;
     },
+    get H6 () {
+        return H6;
+    },
     get TextL () {
         return TextL;
     },
@@ -92,6 +95,8 @@ var heading4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headin
 var Heading4Component = (0, _styledcomponents.component)(heading4Config);
 var heading5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH5);
 var Heading5Component = (0, _styledcomponents.component)(heading5Config);
+var heading6Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH6);
+var Heading6Component = (0, _styledcomponents.component)(heading6Config);
 var textMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configM);
 var TextMComponent = (0, _styledcomponents.component)(textMConfig);
 var textLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configL);
@@ -113,6 +118,7 @@ var H2 = Heading2Component;
 var H3 = Heading3Component;
 var H4 = Heading4Component;
 var H5 = Heading5Component;
+var H6 = Heading6Component;
 var TextM = TextMComponent;
 var TextL = TextLComponent;
 var TextS = TextSComponent;

package/dist/styled-components/cjs/components/Typography/index.js

@@ -69,6 +69,9 @@ _export(exports, {
     get H5 () {
         return _Typography.H5;
     },
+    get H6 () {
+        return _Typography.H6;
+    },
     get Headline1 () {
         return _Old.Headline1;
     },

package/dist/styled-components/cjs/tokens/typography.js

@@ -126,6 +126,12 @@ _export(exports, {
     get h5Bold () {
         return _styledcomponents.h5Bold;
     },
+    get h6 () {
+        return _styledcomponents.h6;
+    },
+    get h6Bold () {
+        return _styledcomponents.h6Bold;
+    },
     get headline1 () {
         return _styledcomponents.headline1;
     },

package/dist/styled-components/es/components/Accordion/Accordion.config.js

@@ -307,7 +307,23 @@ function _templateObject11() {
 }
 function _templateObject12() {
     var data = _tagged_template_literal([
-        ""
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.5rem;\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-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -323,6 +339,15 @@ function _templateObject13() {
     };
     return data;
 }
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, accordionTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -344,11 +369,12 @@ export var config = {
             h2: css(_templateObject8(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
             h3: css(_templateObject9(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemIconSize, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
             h4: css(_templateObject10(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
-            h5: css(_templateObject11(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
+            h5: css(_templateObject11(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight),
+            h6: css(_templateObject12(), accordionTokens.accordionItemPaddingVertical, accordionTokens.accordionItemPaddingHorizontal, accordionTokens.accordionItemGap, accordionTokens.accordionItemBorderRadius, accordionTokens.accordionItemTitleFontFamily, accordionTokens.accordionItemTitleFontSize, accordionTokens.accordionItemTitleFontStyle, accordionTokens.accordionItemTitleFontWeight, accordionTokens.accordionItemTitleLetterSpacing, accordionTokens.accordionItemTitleLineHeight, accordionTokens.accordionItemTextFontFamily, accordionTokens.accordionItemTextFontSize, accordionTokens.accordionItemTextFontStyle, accordionTokens.accordionItemTextFontWeight, accordionTokens.accordionItemTextLetterSpacing, accordionTokens.accordionItemTextLineHeight)
         },
         stretching: {
-            filled: css(_templateObject12()),
-            fixed: css(_templateObject13())
+            filled: css(_templateObject13()),
+            fixed: css(_templateObject14())
         }
     }
 };

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

@@ -336,6 +336,39 @@ 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                ",
@@ -363,12 +396,12 @@ function _templateObject12() {
         ": 7rem;\n                ",
         ": 5.5rem;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n\n                ",
@@ -396,12 +429,12 @@ function _templateObject13() {
         ": 4.5rem;\n                ",
         ": 4rem;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n\n                ",
@@ -429,7 +462,7 @@ function _templateObject14() {
         ": 3.5rem;\n                ",
         ": 2.75rem;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
@@ -456,9 +489,10 @@ export var config = {
             h3: css(_templateObject9(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
             h4: css(_templateObject10(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
             h5: css(_templateObject11(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
-            displayL: css(_templateObject12(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
-            displayM: css(_templateObject13(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
-            displayS: css(_templateObject14(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
+            h6: css(_templateObject12(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
+            displayL: css(_templateObject13(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
+            displayM: css(_templateObject14(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall),
+            displayS: css(_templateObject15(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.wrapperGap, tokens.starsWrapperGap, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
         }
     }
 };

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

@@ -372,8 +372,8 @@ function _templateObject32() {
 function _templateObject33() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n            "
+        ": var(--plasma-typo-h6-line-height);\n                ",
+        ": var(--plasma-typo-h6-font-size);\n            "
     ]);
     _templateObject33 = function _templateObject() {
         return data;
@@ -383,8 +383,8 @@ function _templateObject33() {
 function _templateObject34() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n            "
+        ": var(--plasma-typo-text-l-line-height);\n                ",
+        ": var(--plasma-typo-text-l-font-size);\n            "
     ]);
     _templateObject34 = function _templateObject() {
         return data;
@@ -394,8 +394,8 @@ function _templateObject34() {
 function _templateObject35() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n            "
+        ": var(--plasma-typo-text-m-line-height);\n                ",
+        ": var(--plasma-typo-text-m-font-size);\n            "
     ]);
     _templateObject35 = function _templateObject() {
         return data;
@@ -403,12 +403,23 @@ function _templateObject35() {
     return data;
 }
 function _templateObject36() {
+    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() {
+        return data;
+    };
+    return data;
+}
+function _templateObject37() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-xs-line-height);\n                ",
         ": var(--plasma-typo-text-xs-font-size);\n            "
     ]);
-    _templateObject36 = function _templateObject() {
+    _templateObject37 = function _templateObject() {
         return data;
     };
     return data;
@@ -456,10 +467,11 @@ export var config = {
             h3: css(_templateObject30(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
             h4: css(_templateObject31(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
             h5: css(_templateObject32(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textL: css(_templateObject33(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textM: css(_templateObject34(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textS: css(_templateObject35(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textXS: css(_templateObject36(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
+            h6: css(_templateObject33(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textL: css(_templateObject34(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textM: css(_templateObject35(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textS: css(_templateObject36(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
+            textXS: css(_templateObject37(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
         }
     }
 };

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

@@ -181,9 +181,9 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
         ": 0rem;\n                ",
-        ": 0.75rem;\n\n                ",
+        ": 0.625rem;\n\n                ",
         ": -0.125rem;\n            "
     ]);
     _templateObject10 = function _templateObject() {
@@ -194,9 +194,9 @@ function _templateObject10() {
 function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.625rem;\n                ",
+        ": 0.5rem;\n                ",
         ": 0rem;\n                ",
-        ": 0.875rem;\n\n                ",
+        ": 0.75rem;\n\n                ",
         ": -0.125rem;\n            "
     ]);
     _templateObject11 = function _templateObject() {
@@ -205,6 +205,19 @@ function _templateObject11() {
     return data;
 }
 function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.875rem;\n\n                ",
+        ": -0.125rem;\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n                ",
@@ -212,17 +225,17 @@ function _templateObject12() {
         ": 1rem;\n\n                ",
         ": 0;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
@@ -245,14 +258,15 @@ export var config = {
             s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
             m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
             l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
-            h5: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
-            h4: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
-            h3: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
-            h2: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
-            h1: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft)
+            h6: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
+            h5: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
+            h4: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
+            h3: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
+            h2: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft),
+            h1: css(_templateObject13(), tabsTokens.itemBorderRadius, tabsTokens.itemPadding, tabsTokens.itemContentGap, tabsTokens.actionContentMarginLeft)
         },
         disabled: {
-            true: css(_templateObject13(), tabsTokens.disabledOpacity)
+            true: css(_templateObject14(), tabsTokens.disabledOpacity)
         }
     }
 };

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

@@ -223,6 +223,28 @@ 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                ",
@@ -239,12 +261,12 @@ function _templateObject8() {
         ": var(--plasma-typo-h5-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject8 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.375rem;\n                ",
@@ -261,12 +283,12 @@ function _templateObject9() {
         ": var(--plasma-typo-h4-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.5rem;\n                ",
@@ -283,12 +305,12 @@ function _templateObject10() {
         ": var(--plasma-typo-h3-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.625rem;\n                ",
@@ -305,12 +327,12 @@ function _templateObject11() {
         ": var(--plasma-typo-h2-line-height);\n\n                ",
         ": -0.125rem;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.75rem;\n                ",
@@ -327,36 +349,36 @@ function _templateObject12() {
         ": var(--plasma-typo-h1-line-height);\n\n                ",
         ": 0;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject13 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 0.4;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject14 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject14() {
+function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1.5rem;\n            "
     ]);
-    _templateObject14 = function _templateObject() {
+    _templateObject15 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject15() {
+function _templateObject16() {
     var data = _tagged_template_literal([
         ""
     ]);
-    _templateObject15 = function _templateObject() {
+    _templateObject16 = function _templateObject() {
         return data;
     };
     return data;
@@ -379,20 +401,21 @@ export var config = {
             s: css(_templateObject5(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
             m: css(_templateObject6(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
             l: css(_templateObject7(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h5: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h4: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h3: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h2: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
-            h1: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
+            h6: css(_templateObject8(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h5: css(_templateObject9(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h4: css(_templateObject10(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h3: css(_templateObject11(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h2: css(_templateObject12(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft),
+            h1: css(_templateObject13(), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight, tabsTokens.actionContentMarginLeft)
         },
         disabled: {
-            true: css(_templateObject13(), tabsTokens.disabledOpacity)
+            true: css(_templateObject14(), tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: css(_templateObject14(), tabsTokens.itemPilledBorderRadius)
+            true: css(_templateObject15(), tabsTokens.itemPilledBorderRadius)
         },
         truncate: {
-            true: css(_templateObject15())
+            true: css(_templateObject16())
         }
     }
 };