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

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.625rem;\n                ",
+        ": 0.5rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.375rem;\n                ",
+        ": 0.25rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject9 = function _templateObject() {
@@ -171,10 +171,10 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.75rem;\n                ",
+        ": 0.625rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 0.5rem;\n                ",
+        ": 0.375rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject10 = function _templateObject() {
@@ -188,7 +188,7 @@ function _templateObject11() {
         ": 0.75rem;\n                ",
         ": fit-content;\n                ",
         ": auto;\n                ",
-        ": 1rem;\n                ",
+        ": 0.5rem;\n                ",
         ": 0rem;\n            "
     ]);
     _templateObject11 = function _templateObject() {
@@ -199,7 +199,11 @@ function _templateObject11() {
 function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 100%;\n            "
+        ": 0.75rem;\n                ",
+        ": fit-content;\n                ",
+        ": auto;\n                ",
+        ": 1rem;\n                ",
+        ": 0rem;\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -209,7 +213,7 @@ function _templateObject12() {
 function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 100%;\n            "
     ]);
     _templateObject13 = function _templateObject() {
         return data;
@@ -219,13 +223,23 @@ function _templateObject13() {
 function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 1.625rem;\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() {
+        return data;
+    };
+    return data;
+}
 var config = {
     defaults: {
         view: 'divider',
@@ -242,20 +256,21 @@ 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),
-            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)
+            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)
         },
         stretch: {
-            true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.tabsTokens.containerWidth)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.containerWidth)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.tabsTokens.disabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.disabledOpacity)
         },
         pilled: {
-            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
+            true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.tabsTokens.tabsPilledBorderRadius)
         }
     }
 };

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

@@ -769,7 +769,9 @@ function _templateObject21() {
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-transparent-primary);\n                ",
-        ": 0.4;\n            "
+        ": 0.4;\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject21 = function _templateObject() {
         return data;
@@ -819,7 +821,7 @@ var config = {
             true: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.textFieldTokens.disabledOpacity)
         },
         readOnly: {
-            true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.borderColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
+            true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.borderColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly, _styledcomponents.textFieldTokens.borderColor, _styledcomponents.textFieldTokens.borderWidth)
         }
     }
 };

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/Autocomplete/Autocomplete.config.js

@@ -585,7 +585,9 @@ function _templateObject14() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n            "
+        ": var(--surface-transparent-primary);\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -627,7 +629,7 @@ export var config = {
             true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
+            true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
         }
     }
 };

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

@@ -787,7 +787,9 @@ function _templateObject14() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": 0.4;\n            "
+        ": 0.4;\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -829,7 +831,7 @@ export var config = {
             true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
+            true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
         }
     }
 };

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

@@ -625,7 +625,9 @@ function _templateObject8() {
         ": 0.4;\n                ",
         ": 0.4;\n                ",
         ": 0.1;\n                ",
-        ": 0.1;\n            "
+        ": 0.1;\n\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -656,7 +658,7 @@ export var config = {
             true: css(_templateObject7(), tokens.disabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
+            true: css(_templateObject8(), tokens.backgroundReadOnly, tokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity, tokens.borderColor, tokens.borderWidth)
         }
     }
 };

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/Select/Select.config.js

@@ -1003,7 +1003,9 @@ function _templateObject23() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n            "
+        ": var(--surface-transparent-primary);\n                ",
+        ": transparent;\n                ",
+        ": 0;\n            "
     ]);
     _templateObject23 = function _templateObject() {
         return data;
@@ -1057,7 +1059,7 @@ export var config = {
             true: css(_templateObject22(), tokens.textFieldDisabledOpacity)
         },
         readOnly: {
-            true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
+            true: css(_templateObject23(), tokens.disclosureIconOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderWidth)
         }
     }
 };

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)
         }
     }
 };