@salutejs/plasma-new-hope 0.189.0-dev.0 → 0.189.1-canary.1532.11793947290.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  4. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  5. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  6. package/cjs/index.css +3 -3
  7. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  8. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  9. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  10. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  11. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  12. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  13. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  14. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  15. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  16. package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  17. package/es/components/Breadcrumbs/utils/index.css +3 -3
  18. package/es/index.css +3 -3
  19. package/package.json +2 -2
  20. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  21. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  22. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  23. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  24. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  25. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  26. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
package/cjs/components/Breadcrumbs/Breadcrumbs.css CHANGED
@@ -8,9 +8,9 @@
8
8
 
9
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);}
10
10
 
11
- .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);}
12
- .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);}
13
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
11
+ .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);}
12
+ .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);}
13
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
14
14
 
15
15
 
16
16
  .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/cjs/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Breadcrumbs.styles_19b6ey4.css';
1
+ import './Breadcrumbs.styles_1icsgdr.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,19 +17,13 @@ var _exp = function _exp() {
17
17
  var _exp2 = function _exp2() {
18
18
  return function (_ref) {
19
19
  var isHref = _ref.isHref;
20
- return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
20
+ return isHref ? "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColor, ")") : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColorText, ")");
21
21
  };
22
22
  };
23
- var _exp3 = function _exp3() {
23
+ var _exp4 = function _exp4() {
24
24
  return function (_ref2) {
25
25
  var isHref = _ref2.isHref;
26
- return isHref ? 'pointer' : 'auto';
27
- };
28
- };
29
- var _exp4 = function _exp4() {
30
- return function (_ref3) {
31
- var isHref = _ref3.isHref;
32
- return isHref ? "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColor, ")") : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColorText, ")");
26
+ return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
33
27
  };
34
28
  };
35
29
  var StyledLink = /*#__PURE__*/react.styled(_exp())({
@@ -38,15 +32,14 @@ var StyledLink = /*#__PURE__*/react.styled(_exp())({
38
32
  propsAsIs: true,
39
33
  vars: {
40
34
  "shehk3i-0": [/*#__PURE__*/_exp2()],
41
- "shehk3i-1": [/*#__PURE__*/_exp3()],
42
- "shehk3i-2": [/*#__PURE__*/_exp4()]
35
+ "shehk3i-1": [/*#__PURE__*/_exp4()]
43
36
  }
44
37
  });
45
38
  var base = "bkgt5xr";
46
- var _exp15 = function _exp15() {
39
+ var _exp14 = function _exp14() {
47
40
  return IconDisclosureRight.IconDisclosureRight;
48
41
  };
49
- var Separator = /*#__PURE__*/react.styled(_exp15())({
42
+ var Separator = /*#__PURE__*/react.styled(_exp14())({
50
43
  name: "Separator",
51
44
  "class": "sajtslk",
52
45
  propsAsIs: true
package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map CHANGED
@@ -1 +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 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,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,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,yBAAM,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,yBAAM,CAACM,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAP,MAAA,CAAYC,yBAAM,CAACO,oBAAqB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH1G,IAAMC,UAAU,gBAAGC,YAAM,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,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}
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,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,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,yBAAM,CAACC,gBAAiB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,yBAAM,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,yBAAM,CAACK,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT1E,IAAMC,UAAU,gBAAGC,YAAM,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,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}
package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} RENAMED
@@ -1,3 +1,3 @@
1
- .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);}
1
+ .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);}
2
2
  .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);}
3
3
  .sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
package/cjs/components/Breadcrumbs/utils/index.css CHANGED
@@ -12,6 +12,6 @@
12
12
 
13
13
  .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);}
14
14
 
15
- .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);}
16
- .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);}
17
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
15
+ .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);}
16
+ .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);}
17
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
package/cjs/index.css CHANGED
@@ -33,9 +33,9 @@
33
33
 
34
34
  .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
35
35
 
36
- .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);}
37
- .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);}
38
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
36
+ .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);}
37
+ .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);}
38
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
39
39
 
40
40
 
41
41
  .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/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED
@@ -17,23 +17,20 @@ var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
17
17
  var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _base["default"])(Link, {
18
18
  target: "e1jirwgn1",
19
19
  label: "plasma-new-hope__StyledLink"
20
- })("opacity:", function (_ref) {
20
+ })("--plasma__private-color:", function (_ref) {
21
21
  var isHref = _ref.isHref;
22
- return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
23
- }, ";cursor:", function (_ref2) {
24
- var isHref = _ref2.isHref;
25
- return isHref ? 'pointer' : 'auto';
26
- }, ";color:", function (_ref3) {
27
- var isHref = _ref3.isHref;
28
22
  return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
29
- }, ";--plasma-link-disabled-opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");", /*#__PURE__*/(0, _mixins.addFocus)({
23
+ }, ";--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(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");opacity:", function (_ref2) {
24
+ var isHref = _ref2.isHref;
25
+ return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
26
+ }, ";cursor:pointer;", /*#__PURE__*/(0, _mixins.addFocus)({
30
27
  outlineOffset: '0rem',
31
28
  outlineSize: '0.125rem',
32
29
  outlineRadius: '0rem',
33
30
  outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
34
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG4gICAgY3Vyc29yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG4gICAgY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+IChpc0hyZWYgPyBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JUZXh0fSlgKX07XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0KWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JTZXBhcmF0b3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
35
- var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
31
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICAtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcjogJHsoeyBpc0hyZWYgfSkgPT5cbiAgICAgICAgaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYH07XG5cbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItaG92ZXI6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG4gICAgLS1wbGFzbWEtbGluay1jb2xvci1hY3RpdmU6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
32
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
36
33
  var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureRight, {
37
34
  target: "e1jirwgn0",
38
35
  label: "plasma-new-hope__Separator"
39
- })("color:var(", _Breadcrumbs.tokens.breadcrumbsColorSeparator, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
36
+ })("color:var(", _Breadcrumbs.tokens.breadcrumbsColorSeparator, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
651
653
  size={size as HeaderSize}
652
654
  maxItemWidth={maxItemWidth}
653
655
  >
654
- {`Label${i + 1}`}
656
+ {`${labels[i % labels.length]} ${i + 1}`}
655
657
  </TabItem>
656
658
  ))}
657
659
  </Tabs>
package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED
@@ -10,23 +10,20 @@ var Link = /*#__PURE__*/component(mergedLinkConfig);
10
10
  export var StyledLink = /*#__PURE__*/_styled(Link, {
11
11
  target: "e1jirwgn1",
12
12
  label: "plasma-new-hope__StyledLink"
13
- })("opacity:", function (_ref) {
13
+ })("--plasma__private-color:", function (_ref) {
14
14
  var isHref = _ref.isHref;
15
- return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
16
- }, ";cursor:", function (_ref2) {
17
- var isHref = _ref2.isHref;
18
- return isHref ? 'pointer' : 'auto';
19
- }, ";color:", function (_ref3) {
20
- var isHref = _ref3.isHref;
21
15
  return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
22
- }, ";--plasma-link-disabled-opacity:var(", tokens.breadcrumbsOpacity, ");", /*#__PURE__*/addFocus({
16
+ }, ";--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(", tokens.breadcrumbsOpacity, ");opacity:", function (_ref2) {
17
+ var isHref = _ref2.isHref;
18
+ return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
19
+ }, ";cursor:pointer;", /*#__PURE__*/addFocus({
23
20
  outlineOffset: '0rem',
24
21
  outlineSize: '0.125rem',
25
22
  outlineRadius: '0rem',
26
23
  outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
27
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG4gICAgY3Vyc29yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG4gICAgY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+IChpc0hyZWYgPyBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JUZXh0fSlgKX07XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0KWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JTZXBhcmF0b3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
28
- export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
24
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICAtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcjogJHsoeyBpc0hyZWYgfSkgPT5cbiAgICAgICAgaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYH07XG5cbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItaG92ZXI6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG4gICAgLS1wbGFzbWEtbGluay1jb2xvci1hY3RpdmU6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
25
+ export var base = /*#__PURE__*/css("display:flex;flex-direction:row;align-items:center;gap:var(", tokens.breadcrumbsGap, ");color:var(", tokens.breadcrumbsColor, ");font-family:var(", tokens.breadcrumbsFontFamily, ");font-size:var(", tokens.breadcrumbsFontSize, ");font-weight:var(", tokens.breadcrumbsFontWeight, ");font-style:var(", tokens.breadcrumbsFontStyle, ");letter-spacing:var(", tokens.breadcrumbsLetterSpacing, ");line-height:var(", tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
29
26
  export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
30
27
  target: "e1jirwgn0",
31
28
  label: "plasma-new-hope__Separator"
32
- })("color:var(", tokens.breadcrumbsColorSeparator, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
29
+ })("color:var(", tokens.breadcrumbsColorSeparator, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
651
653
  size={size as HeaderSize}
652
654
  maxItemWidth={maxItemWidth}
653
655
  >
654
- {`Label${i + 1}`}
656
+ {`${labels[i % labels.length]} ${i + 1}`}
655
657
  </TabItem>
656
658
  ))}
657
659
  </Tabs>
package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
package/es/components/Breadcrumbs/Breadcrumbs.css CHANGED
@@ -8,9 +8,9 @@
8
8
 
9
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);}
10
10
 
11
- .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);}
12
- .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);}
13
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
11
+ .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);}
12
+ .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);}
13
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
14
14
 
15
15
 
16
16
  .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 CHANGED
@@ -1,4 +1,4 @@
1
- import './Breadcrumbs.styles_19b6ey4.css';
1
+ import './Breadcrumbs.styles_1icsgdr.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from './Breadcrumbs.tokens.js';
4
4
  import { component, mergeConfig } from '../../engines/common.js';
@@ -13,19 +13,13 @@ var _exp = function _exp() {
13
13
  var _exp2 = function _exp2() {
14
14
  return function (_ref) {
15
15
  var isHref = _ref.isHref;
16
- return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
16
+ return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
17
17
  };
18
18
  };
19
- var _exp3 = function _exp3() {
19
+ var _exp4 = function _exp4() {
20
20
  return function (_ref2) {
21
21
  var isHref = _ref2.isHref;
22
- return isHref ? 'pointer' : 'auto';
23
- };
24
- };
25
- var _exp4 = function _exp4() {
26
- return function (_ref3) {
27
- var isHref = _ref3.isHref;
28
- return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
22
+ return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
29
23
  };
30
24
  };
31
25
  var StyledLink = /*#__PURE__*/styled(_exp())({
@@ -34,15 +28,14 @@ var StyledLink = /*#__PURE__*/styled(_exp())({
34
28
  propsAsIs: true,
35
29
  vars: {
36
30
  "shehk3i-0": [/*#__PURE__*/_exp2()],
37
- "shehk3i-1": [/*#__PURE__*/_exp3()],
38
- "shehk3i-2": [/*#__PURE__*/_exp4()]
31
+ "shehk3i-1": [/*#__PURE__*/_exp4()]
39
32
  }
40
33
  });
41
34
  var base = "bkgt5xr";
42
- var _exp15 = function _exp15() {
35
+ var _exp14 = function _exp14() {
43
36
  return IconDisclosureRight;
44
37
  };
45
- var Separator = /*#__PURE__*/styled(_exp15())({
38
+ var Separator = /*#__PURE__*/styled(_exp14())({
46
39
  name: "Separator",
47
40
  "class": "sajtslk",
48
41
  propsAsIs: true
package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map CHANGED
@@ -1 +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 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;;;;"}
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;;;;"}
package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} RENAMED
@@ -1,3 +1,3 @@
1
- .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);}
1
+ .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);}
2
2
  .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);}
3
3
  .sajtslk{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
package/es/components/Breadcrumbs/utils/index.css CHANGED
@@ -12,6 +12,6 @@
12
12
 
13
13
  .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);}
14
14
 
15
- .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);}
16
- .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);}
17
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
15
+ .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);}
16
+ .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);}
17
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
package/es/index.css CHANGED
@@ -33,9 +33,9 @@
33
33
 
34
34
  .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
35
35
 
36
- .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);}
37
- .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);}
38
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
36
+ .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);}
37
+ .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);}
38
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
39
39
 
40
40
 
41
41
  .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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.189.0-dev.0",
3
+ "version": "0.189.1-canary.1532.11793947290.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,5 +128,5 @@
128
128
  "sideEffects": [
129
129
  "*.css"
130
130
  ],
131
- "gitHead": "9b47fa1120828b63ece2c652f39b0d5f7dc66db0"
131
+ "gitHead": "46f31453cdfe70b48cc1fd6a10dcb2654e3d7e44"
132
132
  }
package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED
@@ -17,16 +17,13 @@ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
17
17
  var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
18
18
  var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
19
19
  componentId: "plasma-new-hope__sc-4bjoev-0"
20
- })(["opacity:", ";cursor:", ";color:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
20
+ })(["--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) {
21
21
  var isHref = _ref.isHref;
22
- return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
23
- }, function (_ref2) {
24
- var isHref = _ref2.isHref;
25
- return isHref ? 'pointer' : 'auto';
26
- }, function (_ref3) {
27
- var isHref = _ref3.isHref;
28
22
  return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
29
- }, _Breadcrumbs.tokens.breadcrumbsOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
23
+ }, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
24
+ var isHref = _ref2.isHref;
25
+ return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
26
+ }, /*#__PURE__*/(0, _mixins.addFocus)({
30
27
  outlineOffset: '0rem',
31
28
  outlineSize: '0.125rem',
32
29
  outlineRadius: '0rem',
package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
651
653
  size={size as HeaderSize}
652
654
  maxItemWidth={maxItemWidth}
653
655
  >
654
- {`Label${i + 1}`}
656
+ {`${labels[i % labels.length]} ${i + 1}`}
655
657
  </TabItem>
656
658
  ))}
657
659
  </Tabs>
package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js CHANGED
@@ -9,16 +9,13 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
9
9
  var Link = /*#__PURE__*/component(mergedLinkConfig);
10
10
  export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
11
11
  componentId: "plasma-new-hope__sc-4bjoev-0"
12
- })(["opacity:", ";cursor:", ";color:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
12
+ })(["--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) {
13
13
  var isHref = _ref.isHref;
14
- return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
15
- }, function (_ref2) {
16
- var isHref = _ref2.isHref;
17
- return isHref ? 'pointer' : 'auto';
18
- }, function (_ref3) {
19
- var isHref = _ref3.isHref;
20
14
  return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
21
- }, tokens.breadcrumbsOpacity, /*#__PURE__*/addFocus({
15
+ }, tokens.breadcrumbsOpacity, function (_ref2) {
16
+ var isHref = _ref2.isHref;
17
+ return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
18
+ }, /*#__PURE__*/addFocus({
22
19
  outlineOffset: '0rem',
23
20
  outlineSize: '0.125rem',
24
21
  outlineRadius: '0rem',
package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
651
653
  size={size as HeaderSize}
652
654
  maxItemWidth={maxItemWidth}
653
655
  >
654
- {`Label${i + 1}`}
656
+ {`${labels[i % labels.length]} ${i + 1}`}
655
657
  </TabItem>
656
658
  ))}
657
659
  </Tabs>
package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx CHANGED
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
+ maxItemWidth: string;
28
29
  };
29
30
 
30
31
  const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
59
60
  component: Tabs,
60
61
  decorators: [WithTheme],
61
62
  argTypes: {
62
- ...disableProps([
63
- 'orientation',
64
- 'tabItemContentLeft',
65
- 'pilled',
66
- 'animated',
67
- 'view',
68
- 'as',
69
- 'forwardedAs',
70
- 'outsideScroll',
71
- 'index',
72
- ]),
73
63
  contentRight: {
74
64
  options: contentRightOptions,
75
65
  control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
83
73
  },
84
74
  if: { arg: 'stretch', truthy: false },
85
75
  },
76
+ ...disableProps([
77
+ 'orientation',
78
+ 'tabItemContentLeft',
79
+ 'pilled',
80
+ 'animated',
81
+ 'view',
82
+ 'as',
83
+ 'forwardedAs',
84
+ 'outsideScroll',
85
+ 'index',
86
+ ]),
86
87
  },
87
88
  };
88
89
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
99
100
  stretch,
100
101
  maxItemWidth,
101
102
  helperText,
103
+ clip,
102
104
  } = props;
103
105
  const items = Array(itemQuantity).fill(0);
104
106
  const [index, setIndex] = useState(0);
105
107
 
106
108
  return (
107
- <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
109
+ <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
108
110
  {items.map((_, i) => {
109
111
  if (helperText !== '') {
110
112
  return (
package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OAavD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OAmBvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}