@salutejs/plasma-new-hope 0.155.1-canary.1374.11068058640.0 → 0.155.1-canary.1374.11103121553.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/tokens.js +1 -0
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_wobm77.css → base_1iq8opt.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/cjs/index.css +2 -4
- package/emotion/cjs/components/Tabs/tokens.js +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/emotion/es/components/Tabs/tokens.js +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/es/components/Tabs/tokens.js +1 -0
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_wobm77.css → base_1iq8opt.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -3
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/es/index.css +2 -4
- package/package.json +2 -2
- package/styled-components/cjs/components/Tabs/tokens.js +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/styled-components/es/components/Tabs/tokens.js +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/types/components/Tabs/Tabs.types.d.ts +5 -5
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -4
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_1fju8ww.css +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_1fju8ww.css +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["id", "
|
|
1
|
+
var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -18,7 +18,6 @@ import { base, StyledArrow, StyledContent, StyledContentWrapper } from './Vertic
|
|
|
18
18
|
import { base as sizeCSS } from './variations/_size/base';
|
|
19
19
|
import { base as viewCSS } from './variations/_view/base';
|
|
20
20
|
import { base as disabledCSS } from './variations/_disabled/base';
|
|
21
|
-
import { base as stretchCSS } from './variations/_stretch/base';
|
|
22
21
|
var Keys = /*#__PURE__*/function (Keys) {
|
|
23
22
|
Keys[Keys["end"] = 35] = "end";
|
|
24
23
|
Keys[Keys["home"] = 36] = "home";
|
|
@@ -29,8 +28,6 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
|
29
28
|
export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
30
29
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
|
31
30
|
var id = props.id,
|
|
32
|
-
_props$stretch = props.stretch,
|
|
33
|
-
stretch = _props$stretch === void 0 ? false : _props$stretch,
|
|
34
31
|
_props$disabled = props.disabled,
|
|
35
32
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
36
33
|
_props$clip = props.clip,
|
|
@@ -57,11 +54,11 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
57
54
|
}, []);
|
|
58
55
|
var uniqId = safeUseId();
|
|
59
56
|
var tabsId = id || uniqId;
|
|
60
|
-
var
|
|
57
|
+
var noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;
|
|
61
58
|
var hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;
|
|
62
59
|
var hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : undefined;
|
|
63
|
-
var clipScrollClass =
|
|
64
|
-
var clipShowAllClass =
|
|
60
|
+
var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
|
|
61
|
+
var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
|
|
65
62
|
var scrollRef = useRef(null);
|
|
66
63
|
var trackRef = useRef(null);
|
|
67
64
|
var upArrowRef = useRef(null);
|
|
@@ -184,7 +181,7 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
184
181
|
id: tabsId,
|
|
185
182
|
ref: outerRef,
|
|
186
183
|
disabled: disabled,
|
|
187
|
-
className: cx(
|
|
184
|
+
className: cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
|
|
188
185
|
onKeyDown: onKeyDown,
|
|
189
186
|
orientation: orientation
|
|
190
187
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
|
@@ -192,7 +189,6 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
192
189
|
ref: scrollRef,
|
|
193
190
|
onScroll: handleScroll
|
|
194
191
|
}, /*#__PURE__*/React.createElement(StyledContent, {
|
|
195
|
-
hasDivider: hasDivider,
|
|
196
192
|
ref: trackRef
|
|
197
193
|
}, children)), !lastItemVisible && NextButton));
|
|
198
194
|
});
|
|
@@ -212,10 +208,6 @@ export var verticalTabsConfig = {
|
|
|
212
208
|
disabled: {
|
|
213
209
|
css: disabledCSS,
|
|
214
210
|
attrs: true
|
|
215
|
-
},
|
|
216
|
-
stretch: {
|
|
217
|
-
css: stretchCSS,
|
|
218
|
-
attrs: true
|
|
219
211
|
}
|
|
220
212
|
},
|
|
221
213
|
defaults: {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
|
3
|
-
export var base = /*#__PURE__*/css("background-color:var(", tokens.tabsBackgroundColor, ");&::
|
|
3
|
+
export var base = /*#__PURE__*/css("background-color:var(", tokens.tabsBackgroundColor, ");&::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(", tokens.tabsDividerColor, ");width:var(", tokens.tabsDividerWidth, ");border-radius:var(", tokens.tabsDividerBorderRadius, ");}&.", classes.tabsHasTopArrow, "{&::after{top:1.5rem;}}&.", classes.tabsHasBottomArrow, "{&::after{bottom:1.5rem;}}&.", classes.tabsNoDivider, "{&::after{width:0;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvdmVydGljYWwvVmVydGljYWxUYWJzL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLnRhYnNCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwLjEyNXJlbTtcbiAgICAgICAgYm90dG9tOiAwLjEyNXJlbTtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLnRhYnNEaXZpZGVyQ29sb3J9KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy50YWJzRGl2aWRlcldpZHRofSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c30pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnRhYnNIYXNUb3BBcnJvd30ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB0b3A6IDEuNXJlbTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnRhYnNIYXNCb3R0b21BcnJvd30ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBib3R0b206IDEuNXJlbTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnRhYnNOb0RpdmlkZXJ9IHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|
|
@@ -22,7 +22,8 @@ type CustomStoryTabsProps = {
|
|
|
22
22
|
hasDivider: boolean;
|
|
23
23
|
contentLeft: string;
|
|
24
24
|
contentRight: string;
|
|
25
|
-
|
|
25
|
+
stretch: boolean;
|
|
26
|
+
helperText: string;
|
|
26
27
|
};
|
|
27
28
|
|
|
28
29
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -79,7 +80,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
|
79
80
|
contentRight: contentRightOption,
|
|
80
81
|
hasDivider,
|
|
81
82
|
stretch,
|
|
82
|
-
|
|
83
|
+
helperText,
|
|
83
84
|
} = props;
|
|
84
85
|
const items = Array(itemQuantity).fill(0);
|
|
85
86
|
const [index, setIndex] = useState(0);
|
|
@@ -94,7 +95,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
|
94
95
|
onClick={() => !disabled && setIndex(i)}
|
|
95
96
|
tabIndex={!disabled ? 0 : -1}
|
|
96
97
|
disabled={disabled}
|
|
97
|
-
value={
|
|
98
|
+
value={helperText}
|
|
98
99
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
99
100
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
100
101
|
size={size}
|
|
@@ -115,7 +116,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
|
115
116
|
contentLeft: contentLeftOption,
|
|
116
117
|
contentRight: contentRightOption,
|
|
117
118
|
hasDivider,
|
|
118
|
-
|
|
119
|
+
helperText,
|
|
119
120
|
} = props;
|
|
120
121
|
const items = Array(itemQuantity).fill(0);
|
|
121
122
|
const [index, setIndex] = useState(0);
|
|
@@ -136,7 +137,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
|
136
137
|
onClick={() => !disabled && setIndex(i)}
|
|
137
138
|
tabIndex={!disabled ? 0 : -1}
|
|
138
139
|
disabled={disabled}
|
|
139
|
-
value={
|
|
140
|
+
value={helperText}
|
|
140
141
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
141
142
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
142
143
|
size={size}
|
|
@@ -157,7 +158,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
|
157
158
|
contentLeft: contentLeftOption,
|
|
158
159
|
contentRight: contentRightOption,
|
|
159
160
|
hasDivider,
|
|
160
|
-
|
|
161
|
+
helperText,
|
|
161
162
|
} = props;
|
|
162
163
|
const maxItemQuantity = 3;
|
|
163
164
|
const items = Array(itemQuantity).fill(0);
|
|
@@ -188,7 +189,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
|
188
189
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
189
190
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
190
191
|
size={size}
|
|
191
|
-
value={
|
|
192
|
+
value={helperText}
|
|
192
193
|
>
|
|
193
194
|
{`Label${i + 1}`}
|
|
194
195
|
</TabItem>
|
|
@@ -221,7 +222,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
|
|
|
221
222
|
size: 'xs',
|
|
222
223
|
disabled: false,
|
|
223
224
|
hasDivider: true,
|
|
224
|
-
|
|
225
|
+
helperText: '',
|
|
225
226
|
itemQuantity: 8,
|
|
226
227
|
},
|
|
227
228
|
argTypes: {
|
|
@@ -267,12 +268,11 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
|
|
|
267
268
|
const {
|
|
268
269
|
disabled,
|
|
269
270
|
itemQuantity,
|
|
270
|
-
stretch,
|
|
271
271
|
size,
|
|
272
272
|
contentLeft: contentLeftOption,
|
|
273
273
|
contentRight: contentRightOption,
|
|
274
274
|
hasDivider,
|
|
275
|
-
|
|
275
|
+
helperText,
|
|
276
276
|
} = props;
|
|
277
277
|
const items = Array(itemQuantity).fill(0);
|
|
278
278
|
const [index, setIndex] = useState(0);
|
|
@@ -284,7 +284,6 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
|
|
|
284
284
|
hasDivider={hasDivider}
|
|
285
285
|
size={size as Size}
|
|
286
286
|
disabled={disabled}
|
|
287
|
-
stretch={stretch}
|
|
288
287
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
289
288
|
>
|
|
290
289
|
{items.map((_, i) => (
|
|
@@ -297,7 +296,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
|
|
|
297
296
|
tabIndex={!disabled ? 0 : -1}
|
|
298
297
|
size={size as Size}
|
|
299
298
|
disabled={disabled}
|
|
300
|
-
value={
|
|
299
|
+
value={helperText}
|
|
301
300
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
302
301
|
>
|
|
303
302
|
{`Label${i + 1}`}
|
|
@@ -317,7 +316,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
|
|
|
317
316
|
contentLeft: contentLeftOption,
|
|
318
317
|
contentRight: contentRightOption,
|
|
319
318
|
hasDivider,
|
|
320
|
-
|
|
319
|
+
helperText,
|
|
321
320
|
} = props;
|
|
322
321
|
const items = Array(itemQuantity).fill(0);
|
|
323
322
|
const [index, setIndex] = useState(0);
|
|
@@ -343,7 +342,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
|
|
|
343
342
|
tabIndex={!disabled ? 0 : -1}
|
|
344
343
|
size={size as Size}
|
|
345
344
|
disabled={disabled}
|
|
346
|
-
value={
|
|
345
|
+
value={helperText}
|
|
347
346
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
348
347
|
>
|
|
349
348
|
{`Label${i + 1}`}
|
|
@@ -363,7 +362,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
|
|
363
362
|
contentLeft: contentLeftOption,
|
|
364
363
|
contentRight: contentRightOption,
|
|
365
364
|
hasDivider,
|
|
366
|
-
|
|
365
|
+
helperText,
|
|
367
366
|
} = props;
|
|
368
367
|
const maxItemQuantity = 3;
|
|
369
368
|
const items = Array(itemQuantity).fill(0);
|
|
@@ -398,7 +397,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
|
|
398
397
|
onClick={() => !disabled && setIndex(i)}
|
|
399
398
|
tabIndex={!disabled ? 0 : -1}
|
|
400
399
|
disabled={disabled}
|
|
401
|
-
value={
|
|
400
|
+
value={helperText}
|
|
402
401
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
403
402
|
size={size as Size}
|
|
404
403
|
>
|
|
@@ -434,7 +433,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
|
|
434
433
|
hasDivider: true,
|
|
435
434
|
itemQuantity: 8,
|
|
436
435
|
orientation: 'vertical',
|
|
437
|
-
|
|
436
|
+
helperText: '',
|
|
438
437
|
},
|
|
439
438
|
argTypes: {
|
|
440
439
|
contentLeft: {
|
|
@@ -462,6 +461,11 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
|
|
462
461
|
},
|
|
463
462
|
if: { arg: 'stretch', truthy: false },
|
|
464
463
|
},
|
|
464
|
+
stretch: {
|
|
465
|
+
table: {
|
|
466
|
+
disable: true,
|
|
467
|
+
},
|
|
468
|
+
},
|
|
465
469
|
},
|
|
466
470
|
render: (args) => {
|
|
467
471
|
switch (args.clip) {
|
|
@@ -7,19 +7,16 @@ export var config = {
|
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
|
-
divider: /*#__PURE__*/css(tabsTokens.arrowColor, ":var(--text-secondary);", tabsTokens.tabsBackgroundColor, ":transparent;", tabsTokens.outlineFocusColor, ":var(--surface-accent);", tabsTokens.tabsDividerWidth, ":0.0625rem;", tabsTokens.tabsDividerHeight, ":0.0625rem;", tabsTokens.tabsDividerColor, ":var(--surface-transparent-tertiary);", tabsTokens.tabsDividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__divider;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
divider: /*#__PURE__*/css(tabsTokens.arrowColor, ":var(--text-secondary);", tabsTokens.tabsBackgroundColor, ":transparent;", tabsTokens.outlineFocusColor, ":var(--surface-accent);", tabsTokens.tabsDividerWidth, ":0.0625rem;", tabsTokens.tabsDividerHeight, ":0.0625rem;", tabsTokens.tabsDividerColor, ":var(--surface-transparent-tertiary);", tabsTokens.tabsDividerBorderRadius, ":0.0625rem;;label:plasma-new-hope__divider;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRhYnNUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1RhYnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkaXZpZGVyJyxcbiAgICAgICAgc2l6ZTogJ3hzJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGl2aWRlcjogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd0NvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzQmFja2dyb3VuZENvbG9yfTogdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNEaXZpZGVyV2lkdGh9OiAwLjA2MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNEaXZpZGVySGVpZ2h0fTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckNvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNEaXZpZGVyQm9yZGVyUmFkaXVzfTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgeHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic1dpZHRofTogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNIZWlnaHR9OiBhdXRvO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ306IDByZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfTogMC4xMjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzQm9yZGVyUmFkaXVzfTogMC42MjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic1dpZHRofTogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNIZWlnaHR9OiBhdXRvO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ306IDByZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfTogMC42MjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgbDogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzQm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic1dpZHRofTogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNIZWlnaHR9OiBhdXRvO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ306IDByZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
|
-
xs: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.5rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.125rem;;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
-
s: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.625rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.25rem;;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
-
m: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.75rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.625rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
-
l: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.75rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.75rem;;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
-
},
|
|
18
|
-
stretch: {
|
|
19
|
-
"true": /*#__PURE__*/css(tabsTokens.containerHeight, ":100%;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzdHJldGNoOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmNvbnRhaW5lckhlaWdodH06IDEwMCU7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
13
|
+
xs: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.5rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.125rem;;label:plasma-new-hope__xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
|
14
|
+
s: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.625rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.25rem;;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
|
15
|
+
m: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.75rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.625rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
|
16
|
+
l: /*#__PURE__*/css(tabsTokens.tabsBorderRadius, ":0.75rem;", tabsTokens.tabsWidth, ":fit-content;", tabsTokens.tabsHeight, ":auto;", tabsTokens.arrowInnerPadding, ":0rem;", tabsTokens.arrowOuterPadding, ":0.75rem;;label:plasma-new-hope__l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
20
17
|
},
|
|
21
18
|
disabled: {
|
|
22
|
-
"true": /*#__PURE__*/css(tabsTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
"true": /*#__PURE__*/css(tabsTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9UYWJzL3ZlcnRpY2FsL1ZlcnRpY2FsVGFicy5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVGFicy92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0YWJzVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UYWJzJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGl2aWRlcicsXG4gICAgICAgIHNpemU6ICd4cycsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRpdmlkZXI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dDb2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcblxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlcldpZHRofTogMC4wNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckhlaWdodH06IDAuMDYyNXJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0RpdmlkZXJDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzRGl2aWRlckJvcmRlclJhZGl1c306IDAuMDYyNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIHhzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNCb3JkZXJSYWRpdXN9OiAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuMTI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIHM6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzV2lkdGh9OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0hlaWdodH06IGF1dG87XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfTogMHJlbTtcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9OiAwLjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNjI1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGw6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMudGFic0JvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0YWJzVG9rZW5zLnRhYnNXaWR0aH06IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy50YWJzSGVpZ2h0fTogYXV0bztcbiAgICAgICAgICAgICAgICAke3RhYnNUb2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9OiAwcmVtO1xuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5hcnJvd091dGVyUGFkZGluZ306IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dGFic1Rva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
23
20
|
}
|
|
24
21
|
}
|
|
25
22
|
};
|
|
@@ -22,7 +22,8 @@ type CustomStoryTabsProps = {
|
|
|
22
22
|
hasDivider: boolean;
|
|
23
23
|
contentLeft: string;
|
|
24
24
|
contentRight: string;
|
|
25
|
-
|
|
25
|
+
stretch: boolean;
|
|
26
|
+
helperText: string;
|
|
26
27
|
};
|
|
27
28
|
|
|
28
29
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -79,7 +80,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
|
79
80
|
contentRight: contentRightOption,
|
|
80
81
|
hasDivider,
|
|
81
82
|
stretch,
|
|
82
|
-
|
|
83
|
+
helperText,
|
|
83
84
|
} = props;
|
|
84
85
|
const items = Array(itemQuantity).fill(0);
|
|
85
86
|
const [index, setIndex] = useState(0);
|
|
@@ -94,7 +95,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
|
94
95
|
onClick={() => !disabled && setIndex(i)}
|
|
95
96
|
tabIndex={!disabled ? 0 : -1}
|
|
96
97
|
disabled={disabled}
|
|
97
|
-
value={
|
|
98
|
+
value={helperText}
|
|
98
99
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
99
100
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
100
101
|
size={size}
|
|
@@ -115,7 +116,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
|
115
116
|
contentLeft: contentLeftOption,
|
|
116
117
|
contentRight: contentRightOption,
|
|
117
118
|
hasDivider,
|
|
118
|
-
|
|
119
|
+
helperText,
|
|
119
120
|
} = props;
|
|
120
121
|
const items = Array(itemQuantity).fill(0);
|
|
121
122
|
const [index, setIndex] = useState(0);
|
|
@@ -136,7 +137,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
|
136
137
|
onClick={() => !disabled && setIndex(i)}
|
|
137
138
|
tabIndex={!disabled ? 0 : -1}
|
|
138
139
|
disabled={disabled}
|
|
139
|
-
value={
|
|
140
|
+
value={helperText}
|
|
140
141
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
141
142
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
142
143
|
size={size}
|
|
@@ -157,7 +158,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
|
157
158
|
contentLeft: contentLeftOption,
|
|
158
159
|
contentRight: contentRightOption,
|
|
159
160
|
hasDivider,
|
|
160
|
-
|
|
161
|
+
helperText,
|
|
161
162
|
} = props;
|
|
162
163
|
const maxItemQuantity = 3;
|
|
163
164
|
const items = Array(itemQuantity).fill(0);
|
|
@@ -188,7 +189,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
|
188
189
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
|
189
190
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
190
191
|
size={size}
|
|
191
|
-
value={
|
|
192
|
+
value={helperText}
|
|
192
193
|
>
|
|
193
194
|
{`Label${i + 1}`}
|
|
194
195
|
</TabItem>
|
|
@@ -221,7 +222,7 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
|
|
|
221
222
|
size: 'xs',
|
|
222
223
|
disabled: false,
|
|
223
224
|
hasDivider: true,
|
|
224
|
-
|
|
225
|
+
helperText: '',
|
|
225
226
|
itemQuantity: 8,
|
|
226
227
|
},
|
|
227
228
|
argTypes: {
|
|
@@ -272,7 +273,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
|
|
|
272
273
|
contentLeft: contentLeftOption,
|
|
273
274
|
contentRight: contentRightOption,
|
|
274
275
|
hasDivider,
|
|
275
|
-
|
|
276
|
+
helperText,
|
|
276
277
|
} = props;
|
|
277
278
|
const items = Array(itemQuantity).fill(0);
|
|
278
279
|
const [index, setIndex] = useState(0);
|
|
@@ -297,7 +298,7 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
|
|
|
297
298
|
tabIndex={!disabled ? 0 : -1}
|
|
298
299
|
size={size as Size}
|
|
299
300
|
disabled={disabled}
|
|
300
|
-
value={
|
|
301
|
+
value={helperText}
|
|
301
302
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
302
303
|
>
|
|
303
304
|
{`Label${i + 1}`}
|
|
@@ -317,7 +318,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
|
|
|
317
318
|
contentLeft: contentLeftOption,
|
|
318
319
|
contentRight: contentRightOption,
|
|
319
320
|
hasDivider,
|
|
320
|
-
|
|
321
|
+
helperText,
|
|
321
322
|
} = props;
|
|
322
323
|
const items = Array(itemQuantity).fill(0);
|
|
323
324
|
const [index, setIndex] = useState(0);
|
|
@@ -343,7 +344,7 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
|
|
|
343
344
|
tabIndex={!disabled ? 0 : -1}
|
|
344
345
|
size={size as Size}
|
|
345
346
|
disabled={disabled}
|
|
346
|
-
value={
|
|
347
|
+
value={helperText}
|
|
347
348
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
348
349
|
>
|
|
349
350
|
{`Label${i + 1}`}
|
|
@@ -363,7 +364,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
|
|
363
364
|
contentLeft: contentLeftOption,
|
|
364
365
|
contentRight: contentRightOption,
|
|
365
366
|
hasDivider,
|
|
366
|
-
|
|
367
|
+
helperText,
|
|
367
368
|
} = props;
|
|
368
369
|
const maxItemQuantity = 3;
|
|
369
370
|
const items = Array(itemQuantity).fill(0);
|
|
@@ -398,7 +399,7 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
|
|
398
399
|
onClick={() => !disabled && setIndex(i)}
|
|
399
400
|
tabIndex={!disabled ? 0 : -1}
|
|
400
401
|
disabled={disabled}
|
|
401
|
-
value={
|
|
402
|
+
value={helperText}
|
|
402
403
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
|
403
404
|
size={size as Size}
|
|
404
405
|
>
|
|
@@ -434,7 +435,7 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
|
|
434
435
|
hasDivider: true,
|
|
435
436
|
itemQuantity: 8,
|
|
436
437
|
orientation: 'vertical',
|
|
437
|
-
|
|
438
|
+
helperText: '',
|
|
438
439
|
},
|
|
439
440
|
argTypes: {
|
|
440
441
|
contentLeft: {
|
|
@@ -462,6 +463,11 @@ export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
|
|
462
463
|
},
|
|
463
464
|
if: { arg: 'stretch', truthy: false },
|
|
464
465
|
},
|
|
466
|
+
stretch: {
|
|
467
|
+
table: {
|
|
468
|
+
disable: true,
|
|
469
|
+
},
|
|
470
|
+
},
|
|
465
471
|
},
|
|
466
472
|
render: (args) => {
|
|
467
473
|
switch (args.clip) {
|