@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
|
@@ -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 (
|
|
@@ -10,20 +10,23 @@ 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
|
-
})("
|
|
13
|
+
})("opacity:", function (_ref) {
|
|
14
14
|
var isHref = _ref.isHref;
|
|
15
|
-
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
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
15
|
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
19
|
-
}, ";cursor:
|
|
16
|
+
}, ";cursor:", function (_ref2) {
|
|
17
|
+
var isHref = _ref2.isHref;
|
|
18
|
+
return isHref ? 'pointer' : 'auto';
|
|
19
|
+
}, ";color:", function (_ref3) {
|
|
20
|
+
var isHref = _ref3.isHref;
|
|
21
|
+
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
22
|
+
}, ";--plasma-link-disabled-opacity:var(", tokens.breadcrumbsOpacity, ");", /*#__PURE__*/addFocus({
|
|
20
23
|
outlineOffset: '0rem',
|
|
21
24
|
outlineSize: '0.125rem',
|
|
22
25
|
outlineRadius: '0rem',
|
|
23
26
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
|
24
|
-
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
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,
|
|
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== */"));
|
|
26
29
|
export var Separator = /*#__PURE__*/_styled(IconDisclosureRight, {
|
|
27
30
|
target: "e1jirwgn0",
|
|
28
31
|
label: "plasma-new-hope__Separator"
|
|
29
|
-
})("color:var(", tokens.breadcrumbsColorSeparator, ");opacity:var(", tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
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== */"));
|
|
@@ -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>
|