@salutejs/plasma-new-hope 0.192.0-canary.1550.11799501370.0 → 0.192.0-canary.1550.11801015277.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 +7 -14
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +1 -1
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
|
@@ -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=
|
|
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 (
|
|
@@ -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_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);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Breadcrumbs.
|
|
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 ?
|
|
16
|
+
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
|
-
var
|
|
19
|
+
var _exp4 = function _exp4() {
|
|
20
20
|
return function (_ref2) {
|
|
21
21
|
var isHref = _ref2.isHref;
|
|
22
|
-
return isHref ?
|
|
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__*/
|
|
38
|
-
"shehk3i-2": [/*#__PURE__*/_exp4()]
|
|
31
|
+
"shehk3i-1": [/*#__PURE__*/_exp4()]
|
|
39
32
|
}
|
|
40
33
|
});
|
|
41
34
|
var base = "bkgt5xr";
|
|
42
|
-
var
|
|
35
|
+
var _exp14 = function _exp14() {
|
|
43
36
|
return IconDisclosureRight;
|
|
44
37
|
};
|
|
45
|
-
var Separator = /*#__PURE__*/styled(
|
|
38
|
+
var Separator = /*#__PURE__*/styled(_exp14())({
|
|
46
39
|
name: "Separator",
|
|
47
40
|
"class": "sajtslk",
|
|
48
41
|
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 --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{
|
|
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);}
|
|
@@ -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_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);}
|
|
@@ -34,7 +34,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
34
34
|
if (multiselect && Array.isArray(value)) {
|
|
35
35
|
if (value.length === 0) return [];
|
|
36
36
|
if (isTargetAmount) {
|
|
37
|
-
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
37
|
+
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
|
|
38
38
|
}
|
|
39
39
|
var renderValueMapper = renderValue && function (stringValue) {
|
|
40
40
|
return renderValue(valueToItemMap.get(stringValue));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n view,\n handleClickArrow,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n labelToItemMap,\n chipView,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getChips = (): string[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [
|
|
1
|
+
{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n (\n {\n inputWrapperRef,\n opened,\n multiselect,\n value,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n view,\n handleClickArrow,\n contentLeft,\n helperText,\n treeId,\n activeDescendantItemValue,\n disabled,\n isTargetAmount,\n valueToItemMap,\n renderValue,\n onChange,\n labelToItemMap,\n chipView,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getChips = (): string[] => {\n if (multiselect && Array.isArray(value)) {\n if (value.length === 0) return [];\n\n if (isTargetAmount) {\n return [`Выбрано ${value.length}`];\n }\n\n const renderValueMapper =\n renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n return value.map(renderValueMapper || valueToItemMapper);\n }\n\n return [];\n };\n\n // Обработчик чипов\n const handleChipsChange = (chipLabels: any[]) => {\n onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n };\n\n return (\n <StyledTextField\n ref={ref}\n inputWrapperRef={inputWrapperRef}\n readOnly\n value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n size={size}\n view={view}\n chipView={chipView}\n labelPlacement={labelPlacement}\n disabled={disabled}\n label={label}\n placeholder={value instanceof Array && value.length ? '' : placeholder}\n contentLeft={contentLeft as React.ReactElement}\n contentRight={\n <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n </IconArrowWrapper>\n }\n onKeyDown={onKeyDown}\n leftHelper={helperText}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n {...(multiselect\n ? {\n enumerationType: 'chip',\n chips: getChips(),\n onChangeChips: handleChipsChange,\n }\n : { enumerationType: 'plain' })}\n onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n opened={opened}\n // TODO: #1547\n _forceChipManipulationWithReadonly\n />\n );\n },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ var getButtonLabel = function getButtonLabel(_ref3) {
|
|
|
18
18
|
return label || '';
|
|
19
19
|
}
|
|
20
20
|
if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {
|
|
21
|
-
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
21
|
+
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length);
|
|
22
22
|
}
|
|
23
23
|
if (selectProps.multiselect && Array.isArray(value)) {
|
|
24
24
|
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\nimport { isEmpty } from '../../../utils';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps' | 'value'> & { value: any }): string => {\n const { label } = valueToItemMap.get(value)!;\n\n return renderValue ? renderValue(valueToItemMap.get(value)!) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value) && typeof value !== 'number') {\n return label || '';\n }\n\n if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {\n return
|
|
1
|
+
{"version":3,"file":"getButtonLabel.js","sources":["../../../../src/components/Select/utils/getButtonLabel.ts"],"sourcesContent":["import { GetButtonLabelProps } from '../ui/Target/ui/Button/Button.types';\nimport { isEmpty } from '../../../utils';\n\nconst getLabel = ({\n value,\n valueToItemMap,\n renderValue,\n}: Omit<GetButtonLabelProps, 'label' | 'selectProps' | 'value'> & { value: any }): string => {\n const { label } = valueToItemMap.get(value)!;\n\n return renderValue ? renderValue(valueToItemMap.get(value)!) : label;\n};\n\nexport const getButtonLabel = ({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n}: GetButtonLabelProps): string => {\n if (isEmpty(value) && typeof value !== 'number') {\n return label || '';\n }\n\n if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {\n return `Выбрано ${value.length}`;\n }\n\n if (selectProps.multiselect && Array.isArray(value)) {\n return value\n ?.map((itemValue) =>\n getLabel({\n value: itemValue,\n valueToItemMap,\n renderValue,\n }),\n )\n .join(', ');\n }\n\n return getLabel({\n value,\n valueToItemMap,\n renderValue,\n });\n};\n"],"names":["getLabel","_ref","value","valueToItemMap","renderValue","_ref2","get","label","getButtonLabel","_ref3","selectProps","isEmpty","multiselect","Array","isArray","isTargetAmount","concat","length","map","itemValue","join"],"mappings":";;AAGA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAI+E;AAAA,EAAA,IAHzFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;AAEX,EAAA,IAAAC,KAAA,GAAkBF,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAC;IAAnCK,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;AAEb,EAAA,OAAOH,WAAW,GAAGA,WAAW,CAACD,cAAc,CAACG,GAAG,CAACJ,KAAK,CAAE,CAAC,GAAGK,KAAK,CAAA;AACxE,CAAC,CAAA;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAMQ;AAAA,EAAA,IAL/BP,KAAK,GAAAO,KAAA,CAALP,KAAK;IACLC,cAAc,GAAAM,KAAA,CAAdN,cAAc;IACdI,KAAK,GAAAE,KAAA,CAALF,KAAK;IACLH,WAAW,GAAAK,KAAA,CAAXL,WAAW;IACXM,WAAW,GAAAD,KAAA,CAAXC,WAAW,CAAA;EAEX,IAAIC,OAAO,CAACT,KAAK,CAAC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7C,OAAOK,KAAK,IAAI,EAAE,CAAA;AACtB,GAAA;AAEA,EAAA,IAAIG,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAIQ,WAAW,CAACK,cAAc,EAAE;AAC/E,IAAA,OAAA,6CAAA,CAAAC,MAAA,CAAkBd,KAAK,CAACe,MAAM,CAAA,CAAA;AAClC,GAAA;EAEA,IAAIP,WAAW,CAACE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;IACjD,OAAOA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CACNgB,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,MAAA,OACZnB,QAAQ,CAAC;AACLE,QAAAA,KAAK,EAAEiB,SAAS;AAChBhB,QAAAA,cAAc,EAAdA,cAAc;AACdC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC,CAAA;AAAA,KACN,CAAC,CACAgB,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOpB,QAAQ,CAAC;AACZE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,WAAW,EAAXA,WAAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
|
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
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
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.192.0-canary.1550.
|
|
3
|
+
"version": "0.192.0-canary.1550.11801015277.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": "
|
|
131
|
+
"gitHead": "461907b88be46d2ea0030bcb65c2b0e2ae8fad3f"
|
|
132
132
|
}
|
|
@@ -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
|
-
})(["
|
|
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,
|
|
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',
|
|
@@ -41,7 +41,7 @@ var Textfield = exports.Textfield = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
|
41
41
|
if (multiselect && Array.isArray(value)) {
|
|
42
42
|
if (value.length === 0) return [];
|
|
43
43
|
if (isTargetAmount) {
|
|
44
|
-
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
44
|
+
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
|
|
45
45
|
}
|
|
46
46
|
var renderValueMapper = renderValue && function (stringValue) {
|
|
47
47
|
return renderValue(valueToItemMap.get(stringValue));
|
|
@@ -23,7 +23,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
|
|
|
23
23
|
return label || '';
|
|
24
24
|
}
|
|
25
25
|
if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {
|
|
26
|
-
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
26
|
+
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length);
|
|
27
27
|
}
|
|
28
28
|
if (selectProps.multiselect && Array.isArray(value)) {
|
|
29
29
|
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
|
@@ -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=
|
|
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
|
-
{
|
|
656
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
|
655
657
|
</TabItem>
|
|
656
658
|
))}
|
|
657
659
|
</Tabs>
|
|
@@ -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=
|
|
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 (
|
|
@@ -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
|
-
})(["
|
|
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,
|
|
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',
|
|
@@ -32,7 +32,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
32
32
|
if (multiselect && Array.isArray(value)) {
|
|
33
33
|
if (value.length === 0) return [];
|
|
34
34
|
if (isTargetAmount) {
|
|
35
|
-
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
35
|
+
return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
|
|
36
36
|
}
|
|
37
37
|
var renderValueMapper = renderValue && function (stringValue) {
|
|
38
38
|
return renderValue(valueToItemMap.get(stringValue));
|
|
@@ -17,7 +17,7 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
|
|
|
17
17
|
return label || '';
|
|
18
18
|
}
|
|
19
19
|
if (selectProps.multiselect && Array.isArray(value) && selectProps.isTargetAmount) {
|
|
20
|
-
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E
|
|
20
|
+
return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length);
|
|
21
21
|
}
|
|
22
22
|
if (selectProps.multiselect && Array.isArray(value)) {
|
|
23
23
|
return value === null || value === void 0 ? void 0 : value.map(function (itemValue) {
|
|
@@ -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=
|
|
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
|
-
{
|
|
656
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
|
655
657
|
</TabItem>
|
|
656
658
|
))}
|
|
657
659
|
</Tabs>
|