@salutejs/plasma-new-hope 0.114.1-canary.1333.10211221618.0 → 0.114.1-canary.1333.10216082008.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +4 -4
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/{Tabs.styles_106qhdc.css → Tabs.styles_z4dnzh.css} +1 -1
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +8 -8
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +53 -27
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +53 -27
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +8 -8
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +53 -27
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +53 -27
- package/es/components/Tabs/ui/Tabs/Tabs.css +4 -4
- package/es/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/{Tabs.styles_106qhdc.css → Tabs.styles_z4dnzh.css} +1 -1
- package/es/index.css +4 -4
- package/package.json +2 -2
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +53 -27
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +53 -27
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +2 -1
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +53 -27
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +53 -27
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
@@ -18,8 +18,11 @@ const clips = ['none', 'scroll', 'showAll'];
|
|
18
18
|
const sizes = ['xs', 's', 'm', 'l'] as const;
|
19
19
|
const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
|
20
20
|
|
21
|
+
type Size = typeof sizes[number];
|
22
|
+
|
21
23
|
type CustomStoryTabsProps = {
|
22
24
|
hasDivider: boolean;
|
25
|
+
itemQuantity: number;
|
23
26
|
contentLeft: string;
|
24
27
|
contentRight: string;
|
25
28
|
stretch?: boolean;
|
@@ -28,15 +31,20 @@ type CustomStoryTabsProps = {
|
|
28
31
|
const contentLeftOptions = ['none', 'icon'];
|
29
32
|
const contentRightOptions = ['none', 'text', 'counter', 'icon'];
|
30
33
|
|
31
|
-
const getContentLeft = (contentLeftOption: string) =>
|
32
|
-
|
34
|
+
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
35
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
36
|
+
return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
|
37
|
+
};
|
38
|
+
|
39
|
+
const getContentRight = (contentRightOption: string, size: Size) => {
|
40
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
41
|
+
const counterSize = size === 'xs' ? 'xxs' : 'xs';
|
33
42
|
|
34
|
-
const getContentRight = (contentRightOption: string) => {
|
35
43
|
switch (contentRightOption) {
|
36
44
|
case 'icon':
|
37
|
-
return <IconMic size=
|
45
|
+
return <IconMic size={iconSize} color="inherit" />;
|
38
46
|
case 'counter':
|
39
|
-
return <Counter count={1} view="positive" />;
|
47
|
+
return <Counter size={counterSize} count={1} view="positive" />;
|
40
48
|
case 'text':
|
41
49
|
return <div>Text</div>;
|
42
50
|
default:
|
@@ -71,8 +79,15 @@ const meta: Meta<StoryTabsProps> = {
|
|
71
79
|
export default meta;
|
72
80
|
|
73
81
|
const StoryDefault = (props: StoryTabsProps) => {
|
74
|
-
const {
|
75
|
-
|
82
|
+
const {
|
83
|
+
disabled,
|
84
|
+
itemQuantity,
|
85
|
+
size,
|
86
|
+
contentLeft: contentLeftOption,
|
87
|
+
contentRight: contentRightOption,
|
88
|
+
hasDivider,
|
89
|
+
} = props;
|
90
|
+
const items = Array(itemQuantity).fill(0);
|
76
91
|
const [index, setIndex] = useState(0);
|
77
92
|
|
78
93
|
return (
|
@@ -85,8 +100,8 @@ const StoryDefault = (props: StoryTabsProps) => {
|
|
85
100
|
onClick={() => !disabled && setIndex(i)}
|
86
101
|
tabIndex={!disabled ? 0 : -1}
|
87
102
|
disabled={disabled}
|
88
|
-
contentLeft={getContentLeft(contentLeftOption)}
|
89
|
-
contentRight={getContentRight(contentRightOption)}
|
103
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
104
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
90
105
|
size={size}
|
91
106
|
>
|
92
107
|
{`Label${i + 1}`}
|
@@ -99,13 +114,14 @@ const StoryDefault = (props: StoryTabsProps) => {
|
|
99
114
|
const StoryScroll = (props: StoryTabsProps) => {
|
100
115
|
const {
|
101
116
|
disabled,
|
117
|
+
itemQuantity,
|
102
118
|
clip,
|
103
119
|
size,
|
104
120
|
contentLeft: contentLeftOption,
|
105
121
|
contentRight: contentRightOption,
|
106
122
|
hasDivider,
|
107
123
|
} = props;
|
108
|
-
const items = Array(
|
124
|
+
const items = Array(itemQuantity).fill(0);
|
109
125
|
const [index, setIndex] = useState(0);
|
110
126
|
|
111
127
|
return (
|
@@ -124,8 +140,8 @@ const StoryScroll = (props: StoryTabsProps) => {
|
|
124
140
|
onClick={() => !disabled && setIndex(i)}
|
125
141
|
tabIndex={!disabled ? 0 : -1}
|
126
142
|
disabled={disabled}
|
127
|
-
contentLeft={getContentLeft(contentLeftOption)}
|
128
|
-
contentRight={getContentRight(contentRightOption)}
|
143
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
144
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
129
145
|
size={size}
|
130
146
|
>
|
131
147
|
{`Label${i + 1}`}
|
@@ -138,21 +154,22 @@ const StoryScroll = (props: StoryTabsProps) => {
|
|
138
154
|
const StoryShowAll = (props: StoryTabsProps) => {
|
139
155
|
const {
|
140
156
|
disabled,
|
157
|
+
itemQuantity,
|
141
158
|
clip,
|
142
159
|
size,
|
143
160
|
contentLeft: contentLeftOption,
|
144
161
|
contentRight: contentRightOption,
|
145
162
|
hasDivider,
|
146
163
|
} = props;
|
147
|
-
const
|
148
|
-
const items = Array(
|
164
|
+
const maxItemQuantity = 3;
|
165
|
+
const items = Array(itemQuantity).fill(0);
|
149
166
|
const [index, setIndex] = useState(0);
|
150
167
|
|
151
|
-
const visibleItems = items.slice(0,
|
152
|
-
const otherItems = items.slice(
|
168
|
+
const visibleItems = items.slice(0, maxItemQuantity);
|
169
|
+
const otherItems = items.slice(maxItemQuantity);
|
153
170
|
|
154
171
|
const dropdownItems = otherItems.map((_, i) => {
|
155
|
-
const itemIndex =
|
172
|
+
const itemIndex = maxItemQuantity + i;
|
156
173
|
|
157
174
|
return {
|
158
175
|
label: `Label${itemIndex + 1}`,
|
@@ -170,8 +187,8 @@ const StoryShowAll = (props: StoryTabsProps) => {
|
|
170
187
|
onClick={() => !disabled && setIndex(i)}
|
171
188
|
tabIndex={!disabled ? 0 : -1}
|
172
189
|
disabled={disabled}
|
173
|
-
contentLeft={getContentLeft(contentLeftOption)}
|
174
|
-
contentRight={getContentRight(contentRightOption)}
|
190
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
191
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
175
192
|
size={size}
|
176
193
|
>
|
177
194
|
{`Label${i + 1}`}
|
@@ -180,7 +197,7 @@ const StoryShowAll = (props: StoryTabsProps) => {
|
|
180
197
|
{dropdownItems.length > 0 && (
|
181
198
|
<div style={{ marginLeft: '1.75rem' }}>
|
182
199
|
<Dropdown
|
183
|
-
size={size as
|
200
|
+
size={size as Size}
|
184
201
|
items={dropdownItems}
|
185
202
|
onItemSelect={(item) => setIndex(item.value as number)}
|
186
203
|
>
|
@@ -205,6 +222,7 @@ export const Default: StoryObj<StoryTabsProps> = {
|
|
205
222
|
size: 'xs',
|
206
223
|
disabled: false,
|
207
224
|
hasDivider: true,
|
225
|
+
itemQuantity: 8,
|
208
226
|
},
|
209
227
|
argTypes: {
|
210
228
|
clip: {
|
@@ -240,8 +258,9 @@ const StoryStretch = (props: StoryTabsProps) => {
|
|
240
258
|
contentRight: contentRightOption,
|
241
259
|
hasDivider,
|
242
260
|
stretch,
|
261
|
+
itemQuantity,
|
243
262
|
} = props;
|
244
|
-
const items = Array(
|
263
|
+
const items = Array(itemQuantity).fill(0);
|
245
264
|
const [index, setIndex] = useState(0);
|
246
265
|
|
247
266
|
return (
|
@@ -254,8 +273,8 @@ const StoryStretch = (props: StoryTabsProps) => {
|
|
254
273
|
onClick={() => !disabled && setIndex(i)}
|
255
274
|
tabIndex={!disabled ? 0 : -1}
|
256
275
|
disabled={disabled}
|
257
|
-
contentLeft={getContentLeft(contentLeftOption)}
|
258
|
-
contentRight={getContentRight(contentRightOption)}
|
276
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
277
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
259
278
|
size={size}
|
260
279
|
>
|
261
280
|
{`Label${i + 1}`}
|
@@ -284,8 +303,15 @@ export const Stretch: StoryObj<StoryTabsProps> = {
|
|
284
303
|
};
|
285
304
|
|
286
305
|
const StoryHeaderTabs = (props: StoryTabsProps) => {
|
287
|
-
const {
|
288
|
-
|
306
|
+
const {
|
307
|
+
disabled,
|
308
|
+
itemQuantity,
|
309
|
+
size,
|
310
|
+
contentLeft: contentLeftOption,
|
311
|
+
contentRight: contentRightOption,
|
312
|
+
hasDivider,
|
313
|
+
} = props;
|
314
|
+
const items = Array(itemQuantity).fill(0);
|
289
315
|
const [index, setIndex] = useState(0);
|
290
316
|
|
291
317
|
return (
|
@@ -298,8 +324,8 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
|
|
298
324
|
onClick={() => !disabled && setIndex(i)}
|
299
325
|
tabIndex={!disabled ? 0 : -1}
|
300
326
|
disabled={disabled}
|
301
|
-
contentLeft={getContentLeft(contentLeftOption)}
|
302
|
-
contentRight={getContentRight(contentRightOption)}
|
327
|
+
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
328
|
+
contentRight={getContentRight(contentRightOption, size as Size)}
|
303
329
|
size={size}
|
304
330
|
>
|
305
331
|
{`Label${i + 1}`}
|
@@ -39,7 +39,8 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
39
39
|
size = props.size,
|
40
40
|
view = props.view,
|
41
41
|
children = props.children,
|
42
|
-
pilled = props.pilled,
|
42
|
+
_props$pilled = props.pilled,
|
43
|
+
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
43
44
|
index = props.index,
|
44
45
|
className = props.className,
|
45
46
|
rest = _objectWithoutProperties(props, _excluded);
|
@@ -4,12 +4,12 @@ import { css } from '@emotion/react';
|
|
4
4
|
import { addFocus } from '../../../../mixins';
|
5
5
|
import { classes, tokens } from '../../tokens';
|
6
6
|
export var base = process.env.NODE_ENV === "production" ? {
|
7
|
-
name: "
|
8
|
-
styles: "display:flex;align-items:center;position:relative;label:plasma-new-hope__base;"
|
7
|
+
name: "19ijd1h-plasma-new-hope__base",
|
8
|
+
styles: "display:flex;gap:0.125rem;align-items:center;position:relative;label:plasma-new-hope__base;"
|
9
9
|
} : {
|
10
|
-
name: "
|
11
|
-
styles: "display:flex;align-items:center;position:relative;label:plasma-new-hope__base;",
|
12
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
10
|
+
name: "19ijd1h-plasma-new-hope__base",
|
11
|
+
styles: "display:flex;gap:0.125rem;align-items:center;position:relative;label:plasma-new-hope__base;",
|
12
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuMTI1cmVtO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gdGFicyBpdGVtICovXG4gICAgbWFyZ2luOiAtMC4xMjVyZW07XG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50YWJzQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */",
|
13
13
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
14
14
|
};
|
15
15
|
export var StyledContent = /*#__PURE__*/_styled("div", {
|
@@ -21,13 +21,13 @@ export var StyledContent = /*#__PURE__*/_styled("div", {
|
|
21
21
|
} : {
|
22
22
|
name: "3251ob",
|
23
23
|
styles: "display:inline-flex;flex-direction:row;align-items:center",
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuMTI1cmVtO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gdGFicyBpdGVtICovXG4gICAgbWFyZ2luOiAtMC4xMjVyZW07XG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50YWJzQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */",
|
25
25
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
26
26
|
});
|
27
27
|
export var StyledContentWrapper = /*#__PURE__*/_styled("div", {
|
28
28
|
target: "ekgy0fz1",
|
29
29
|
label: "plasma-new-hope__StyledContentWrapper"
|
30
|
-
})("margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", classes.tabsClipScroll, "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", classes.tabsClipShowAll, "{overflow:visible;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
})("margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", classes.tabsClipScroll, "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", classes.tabsClipShowAll, "{overflow:visible;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1COEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjEyNXJlbTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b248eyBpc0xlZnRBcnJvdz86IGJvb2xlYW47IGlzRmlsbGVkPzogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmc6ICR7KHsgaXNGaWxsZWQgfSkgPT4gKGlzRmlsbGVkID8gYHZhcigke3Rva2Vucy5hcnJvd091dGVyUGFkZGluZ30pYCA6ICcnKX07XG5cbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYCA6ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKSd9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKScgOiBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgfTtcbmA7XG4iXX0= */"));
|
31
31
|
export var StyledArrow = /*#__PURE__*/_styled("button", {
|
32
32
|
target: "ekgy0fz0",
|
33
33
|
label: "plasma-new-hope__StyledArrow"
|
@@ -45,4 +45,4 @@ export var StyledArrow = /*#__PURE__*/_styled("button", {
|
|
45
45
|
}, ";padding-left:", function (_ref3) {
|
46
46
|
var isLeftArrow = _ref3.isLeftArrow;
|
47
47
|
return isLeftArrow ? 'var(--plasma_private-outer-padding)' : "var(".concat(tokens.arrowInnerPadding, ")");
|
48
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
48
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjEyNXJlbTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnRhYnNDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudGFic0NsaXBTaG93QWxsfSB7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b248eyBpc0xlZnRBcnJvdz86IGJvb2xlYW47IGlzRmlsbGVkPzogYm9vbGVhbiB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmc6ICR7KHsgaXNGaWxsZWQgfSkgPT4gKGlzRmlsbGVkID8gYHZhcigke3Rva2Vucy5hcnJvd091dGVyUGFkZGluZ30pYCA6ICcnKX07XG5cbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYCA6ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKSd9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/ICd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nKScgOiBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgfTtcbmA7XG4iXX0= */"));
|