@salutejs/plasma-new-hope 0.190.1-canary.1532.11798057558.0 → 0.191.0-canary.1551.11797041657.0

package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
     contentRight: string;
     stretch: boolean;
     helperText: string;
-    maxItemWidth: string;
 };
 
 const contentLeftOptions = ['none', 'icon'];
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...disableProps([
+            'orientation',
+            'tabItemContentLeft',
+            'pilled',
+            'animated',
+            'view',
+            'as',
+            'forwardedAs',
+            'outsideScroll',
+            'index',
+        ]),
         contentRight: {
             options: contentRightOptions,
             control: {
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
-        ...disableProps([
-            'orientation',
-            'tabItemContentLeft',
-            'pilled',
-            'animated',
-            'view',
-            'as',
-            'forwardedAs',
-            'outsideScroll',
-            'index',
-        ]),
     },
 };
 
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         stretch,
         maxItemWidth,
         helperText,
-        clip,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (

package/es/components/Breadcrumbs/Breadcrumbs.css

@@ -8,9 +8,9 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
+.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
 
 
 .BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}

package/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,4 +1,4 @@
-import './Breadcrumbs.styles_1icsgdr.css';
+import './Breadcrumbs.styles_19b6ey4.css';
 import { styled } from '@linaria/react';
 import { tokens } from './Breadcrumbs.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';
@@ -13,13 +13,19 @@ var _exp = function _exp() {
 var _exp2 = function _exp2() {
   return function (_ref) {
     var isHref = _ref.isHref;
-    return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
+    return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
   };
 };
-var _exp4 = function _exp4() {
+var _exp3 = function _exp3() {
   return function (_ref2) {
     var isHref = _ref2.isHref;
-    return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
+    return isHref ? 'pointer' : 'auto';
+  };
+};
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isHref = _ref3.isHref;
+    return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
   };
 };
 var StyledLink = /*#__PURE__*/styled(_exp())({
@@ -28,14 +34,15 @@ var StyledLink = /*#__PURE__*/styled(_exp())({
   propsAsIs: true,
   vars: {
     "shehk3i-0": [/*#__PURE__*/_exp2()],
-    "shehk3i-1": [/*#__PURE__*/_exp4()]
+    "shehk3i-1": [/*#__PURE__*/_exp3()],
+    "shehk3i-2": [/*#__PURE__*/_exp4()]
   }
 });
 var base = "bkgt5xr";
-var _exp14 = function _exp14() {
+var _exp15 = function _exp15() {
   return IconDisclosureRight;
 };
-var Separator = /*#__PURE__*/styled(_exp14())({
+var Separator = /*#__PURE__*/styled(_exp15())({
   name: "Separator",
   "class": "sajtslk",
   propsAsIs: true

package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    --plasma__private-color: ${({ isHref }) =>\n        isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`};\n\n    --plasma-link-color: var(--plasma__private-color);\n    --plasma-link-color-hover: var(--plasma__private-color);\n    --plasma-link-color-active: var(--plasma__private-color);\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n    cursor: pointer;\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsColor","breadcrumbsColorText","_exp4","_ref2","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp14","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACN,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC1BA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,oBAAqB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdxEA,SAcwEA,KAAAA,GAAA;AAAA,EAAA,OAO3E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACK,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAZ,IAAA,EAAA,CAAA,CAAA;AAAAa,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACDf,KAC2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAO3EO,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhF,EAAA;AAEM,IAAMS,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GA9CgBA,SA8ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
+{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n    opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n    cursor: ${({ isHref }) => (isHref ? 'pointer' : 'auto')};\n    color: ${({ isHref }) => (isHref ? `var(${tokens.breadcrumbsColor})` : `var(${tokens.breadcrumbsColorText})`)};\n\n    --plasma-link-disabled-opacity: var(${tokens.breadcrumbsOpacity});\n\n    ${addFocus({\n        outlineOffset: '0rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0rem',\n        outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n    })}\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(${tokens.breadcrumbsGap});\n\n    color: var(${tokens.breadcrumbsColor});\n    font-family: var(${tokens.breadcrumbsFontFamily});\n    font-size: var(${tokens.breadcrumbsFontSize});\n    font-weight: var(${tokens.breadcrumbsFontWeight});\n    font-style: var(${tokens.breadcrumbsFontStyle});\n    letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n    line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n    color: var(${tokens.breadcrumbsColorSeparator});\n    opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","_exp3","_ref2","_exp4","_ref3","breadcrumbsColor","breadcrumbsColorText","StyledLink","styled","name","class","propsAsIs","vars","base","_exp15","IconDisclosureRight","Separator"],"mappings":";;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAb/DA,SAa+DA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,SAAS,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAM,KAAA,GAdzCA,SAcyCA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,MAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,MAAM,CAAAd,IAAA,EAAA,CAAA,CAAA;AAAAe,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBjB,KAAkE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAA6C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CE,KAAoG,EAAA,CAAA;AAAA,GAAA;AAAA,CAUhH,EAAA;AAEM,IAAMU,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}

package/es/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css}

@@ -1,3 +1,3 @@
-.shehk3i{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.shehk3i{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
 .bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
 .sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}

package/es/components/Breadcrumbs/utils/index.css

@@ -12,6 +12,6 @@
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
+.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}

package/es/index.css

@@ -33,9 +33,9 @@
 
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
-.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
-.Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
-.Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
+.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
+.Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
+.Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
 
 
 .BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.190.1-canary.1532.11798057558.0",
+  "version": "0.191.0-canary.1551.11797041657.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "347860cea2e31caac019c67019f87b43d94e68d3"
+  "gitHead": "feac763b4820128c8cfe0a916c7a92fd10ec9ba0"
 }

package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -17,13 +17,16 @@ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
 var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
 var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
   componentId: "plasma-new-hope__sc-4bjoev-0"
-})(["--plasma__private-color:", ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
+})(["opacity:", ";cursor:", ";color:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
   var isHref = _ref.isHref;
-  return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
-}, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
-  var isHref = _ref2.isHref;
   return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
-}, /*#__PURE__*/(0, _mixins.addFocus)({
+}, function (_ref2) {
+  var isHref = _ref2.isHref;
+  return isHref ? 'pointer' : 'auto';
+}, function (_ref3) {
+  var isHref = _ref3.isHref;
+  return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
+}, _Breadcrumbs.tokens.breadcrumbsOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineOffset: '0rem',
   outlineSize: '0.125rem',
   outlineRadius: '0rem',

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
     contentRight: string;
     stretch: boolean;
     helperText: string;
-    maxItemWidth: string;
 };
 
 const contentLeftOptions = ['none', 'icon'];
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...disableProps([
+            'orientation',
+            'tabItemContentLeft',
+            'pilled',
+            'animated',
+            'view',
+            'as',
+            'forwardedAs',
+            'outsideScroll',
+            'index',
+        ]),
         contentRight: {
             options: contentRightOptions,
             control: {
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
-        ...disableProps([
-            'orientation',
-            'tabItemContentLeft',
-            'pilled',
-            'animated',
-            'view',
-            'as',
-            'forwardedAs',
-            'outsideScroll',
-            'index',
-        ]),
     },
 };
 
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         stretch,
         maxItemWidth,
         helperText,
-        clip,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -653,7 +651,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
                     size={size as HeaderSize}
                     maxItemWidth={maxItemWidth}
                 >
-                    {`${labels[i % labels.length]} ${i + 1}`}
+                    {`Label${i + 1}`}
                 </TabItem>
             ))}
         </Tabs>

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js

@@ -14,10 +14,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.clearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),

package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
     contentRight: string;
     stretch: boolean;
     helperText: string;
-    maxItemWidth: string;
 };
 
 const contentLeftOptions = ['none', 'icon'];
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...disableProps([
+            'orientation',
+            'tabItemContentLeft',
+            'pilled',
+            'animated',
+            'view',
+            'as',
+            'forwardedAs',
+            'outsideScroll',
+            'index',
+        ]),
         contentRight: {
             options: contentRightOptions,
             control: {
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
-        ...disableProps([
-            'orientation',
-            'tabItemContentLeft',
-            'pilled',
-            'animated',
-            'view',
-            'as',
-            'forwardedAs',
-            'outsideScroll',
-            'index',
-        ]),
     },
 };
 
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         stretch,
         maxItemWidth,
         helperText,
-        clip,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (

package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js

@@ -9,13 +9,16 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
 var Link = /*#__PURE__*/component(mergedLinkConfig);
 export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
   componentId: "plasma-new-hope__sc-4bjoev-0"
-})(["--plasma__private-color:", ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
+})(["opacity:", ";cursor:", ";color:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
   var isHref = _ref.isHref;
-  return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
-}, tokens.breadcrumbsOpacity, function (_ref2) {
-  var isHref = _ref2.isHref;
   return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
-}, /*#__PURE__*/addFocus({
+}, function (_ref2) {
+  var isHref = _ref2.isHref;
+  return isHref ? 'pointer' : 'auto';
+}, function (_ref3) {
+  var isHref = _ref3.isHref;
+  return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
+}, tokens.breadcrumbsOpacity, /*#__PURE__*/addFocus({
   outlineOffset: '0rem',
   outlineSize: '0.125rem',
   outlineRadius: '0rem',

package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
     contentRight: string;
     stretch: boolean;
     helperText: string;
-    maxItemWidth: string;
 };
 
 const contentLeftOptions = ['none', 'icon'];
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...disableProps([
+            'orientation',
+            'tabItemContentLeft',
+            'pilled',
+            'animated',
+            'view',
+            'as',
+            'forwardedAs',
+            'outsideScroll',
+            'index',
+        ]),
         contentRight: {
             options: contentRightOptions,
             control: {
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
-        ...disableProps([
-            'orientation',
-            'tabItemContentLeft',
-            'pilled',
-            'animated',
-            'view',
-            'as',
-            'forwardedAs',
-            'outsideScroll',
-            'index',
-        ]),
     },
 };
 
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         stretch,
         maxItemWidth,
         helperText,
-        clip,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -653,7 +651,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
                     size={size as HeaderSize}
                     maxItemWidth={maxItemWidth}
                 >
-                    {`${labels[i % labels.length]} ${i + 1}`}
+                    {`Label${i + 1}`}
                 </TabItem>
             ))}
         </Tabs>

package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js

@@ -8,10 +8,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
-      positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
-      warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
-      negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+      positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+      warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
+      negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
     },
     size: {
       l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),