@salutejs/plasma-new-hope 0.190.1-canary.1532.11798057558.0 → 0.191.0-canary.1551.11797041657.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
|
@@ -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
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
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);}
|
|
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);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Breadcrumbs.
|
|
1
|
+
import './Breadcrumbs.styles_19b6ey4.css';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -17,13 +17,19 @@ var _exp = function _exp() {
|
|
|
17
17
|
var _exp2 = function _exp2() {
|
|
18
18
|
return function (_ref) {
|
|
19
19
|
var isHref = _ref.isHref;
|
|
20
|
-
return isHref ?
|
|
20
|
+
return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
|
-
var
|
|
23
|
+
var _exp3 = function _exp3() {
|
|
24
24
|
return function (_ref2) {
|
|
25
25
|
var isHref = _ref2.isHref;
|
|
26
|
-
return 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, ")");
|
|
27
33
|
};
|
|
28
34
|
};
|
|
29
35
|
var StyledLink = /*#__PURE__*/react.styled(_exp())({
|
|
@@ -32,14 +38,15 @@ var StyledLink = /*#__PURE__*/react.styled(_exp())({
|
|
|
32
38
|
propsAsIs: true,
|
|
33
39
|
vars: {
|
|
34
40
|
"shehk3i-0": [/*#__PURE__*/_exp2()],
|
|
35
|
-
"shehk3i-1": [/*#__PURE__*/
|
|
41
|
+
"shehk3i-1": [/*#__PURE__*/_exp3()],
|
|
42
|
+
"shehk3i-2": [/*#__PURE__*/_exp4()]
|
|
36
43
|
}
|
|
37
44
|
});
|
|
38
45
|
var base = "bkgt5xr";
|
|
39
|
-
var
|
|
46
|
+
var _exp15 = function _exp15() {
|
|
40
47
|
return IconDisclosureRight.IconDisclosureRight;
|
|
41
48
|
};
|
|
42
|
-
var Separator = /*#__PURE__*/react.styled(
|
|
49
|
+
var Separator = /*#__PURE__*/react.styled(_exp15())({
|
|
43
50
|
name: "Separator",
|
|
44
51
|
"class": "sajtslk",
|
|
45
52
|
propsAsIs: true
|
|
@@ -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
|
|
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;;;;;;"}
|
package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css}
RENAMED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.shehk3i{
|
|
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);}
|
|
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);}
|
|
@@ -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
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
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);}
|
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
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
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);}
|
|
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);}
|
|
@@ -17,20 +17,23 @@ 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
|
-
})("
|
|
20
|
+
})("opacity:", function (_ref) {
|
|
21
21
|
var isHref = _ref.isHref;
|
|
22
|
-
return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
|
|
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
22
|
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
|
26
|
-
}, ";cursor:
|
|
23
|
+
}, ";cursor:", function (_ref2) {
|
|
24
|
+
var isHref = _ref2.isHref;
|
|
25
|
+
return isHref ? 'pointer' : 'auto';
|
|
26
|
+
}, ";color:", function (_ref3) {
|
|
27
|
+
var isHref = _ref3.isHref;
|
|
28
|
+
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)({
|
|
27
30
|
outlineOffset: '0rem',
|
|
28
31
|
outlineSize: '0.125rem',
|
|
29
32
|
outlineRadius: '0rem',
|
|
30
33
|
outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
|
|
31
|
-
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
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,
|
|
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== */"));
|
|
33
36
|
var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureRight, {
|
|
34
37
|
target: "e1jirwgn0",
|
|
35
38
|
label: "plasma-new-hope__Separator"
|
|
36
|
-
})("color:var(", _Breadcrumbs.tokens.breadcrumbsColorSeparator, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
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== */"));
|
|
@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
|
|
|
25
25
|
contentRight: string;
|
|
26
26
|
stretch: boolean;
|
|
27
27
|
helperText: string;
|
|
28
|
-
maxItemWidth: string;
|
|
29
28
|
};
|
|
30
29
|
|
|
31
30
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
60
59
|
component: Tabs,
|
|
61
60
|
decorators: [WithTheme],
|
|
62
61
|
argTypes: {
|
|
62
|
+
...disableProps([
|
|
63
|
+
'orientation',
|
|
64
|
+
'tabItemContentLeft',
|
|
65
|
+
'pilled',
|
|
66
|
+
'animated',
|
|
67
|
+
'view',
|
|
68
|
+
'as',
|
|
69
|
+
'forwardedAs',
|
|
70
|
+
'outsideScroll',
|
|
71
|
+
'index',
|
|
72
|
+
]),
|
|
63
73
|
contentRight: {
|
|
64
74
|
options: contentRightOptions,
|
|
65
75
|
control: {
|
|
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
73
83
|
},
|
|
74
84
|
if: { arg: 'stretch', truthy: false },
|
|
75
85
|
},
|
|
76
|
-
...disableProps([
|
|
77
|
-
'orientation',
|
|
78
|
-
'tabItemContentLeft',
|
|
79
|
-
'pilled',
|
|
80
|
-
'animated',
|
|
81
|
-
'view',
|
|
82
|
-
'as',
|
|
83
|
-
'forwardedAs',
|
|
84
|
-
'outsideScroll',
|
|
85
|
-
'index',
|
|
86
|
-
]),
|
|
87
86
|
},
|
|
88
87
|
};
|
|
89
88
|
|
|
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
100
99
|
stretch,
|
|
101
100
|
maxItemWidth,
|
|
102
101
|
helperText,
|
|
103
|
-
clip,
|
|
104
102
|
} = props;
|
|
105
103
|
const items = Array(itemQuantity).fill(0);
|
|
106
104
|
const [index, setIndex] = useState(0);
|
|
107
105
|
|
|
108
106
|
return (
|
|
109
|
-
<Tabs clip=
|
|
107
|
+
<Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
|
110
108
|
{items.map((_, i) => {
|
|
111
109
|
if (helperText !== '') {
|
|
112
110
|
return (
|
|
@@ -653,7 +651,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
653
651
|
size={size as HeaderSize}
|
|
654
652
|
maxItemWidth={maxItemWidth}
|
|
655
653
|
>
|
|
656
|
-
{
|
|
654
|
+
{`Label${i + 1}`}
|
|
657
655
|
</TabItem>
|
|
658
656
|
))}
|
|
659
657
|
</Tabs>
|