@salutejs/plasma-new-hope 0.155.1-canary.1374.11068058640.0 → 0.155.1-canary.1374.11102388258.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
@@ -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) {
|
package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js
CHANGED
@@ -15,9 +15,6 @@ export var config = {
|
|
15
15
|
m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
16
16
|
l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
17
17
|
},
|
18
|
-
stretch: {
|
19
|
-
"true": /*#__PURE__*/css(["", ":100%;"], tabsTokens.containerHeight)
|
20
|
-
},
|
21
18
|
disabled: {
|
22
19
|
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
23
20
|
}
|
@@ -14,11 +14,6 @@ export interface BaseTabsProps extends HTMLAttributes<HTMLDivElement>, AsProps {
|
|
14
14
|
* @default false
|
15
15
|
*/
|
16
16
|
disabled?: boolean;
|
17
|
-
/**
|
18
|
-
* Табы растянуты на доступную область
|
19
|
-
* @default false
|
20
|
-
*/
|
21
|
-
stretch?: boolean;
|
22
17
|
/**
|
23
18
|
* Индекс активного элемента, необходим для клавиатурной навигации
|
24
19
|
*/
|
@@ -29,6 +24,11 @@ export declare type CustomHorizontalTabsProps = {
|
|
29
24
|
* Расположение табов
|
30
25
|
*/
|
31
26
|
orientation?: 'horizontal';
|
27
|
+
/**
|
28
|
+
* Табы растянуты на доступную область
|
29
|
+
* @default false
|
30
|
+
*/
|
31
|
+
stretch?: boolean;
|
32
32
|
/**
|
33
33
|
* Табы c округлым border-radius
|
34
34
|
* @default false
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB
|
1
|
+
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;IACjE;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACjC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,aAAa,GAAG,yBAAyB,CAAC;AAE5E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,CAAC;AAExE,oBAAY,SAAS,GAAG,mBAAmB,GAAG,iBAAiB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwElB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;
|
1
|
+
{"version":3,"file":"VerticalTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAI9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAe7D,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC,+KAiM7E,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBAnMQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;CAwNlF,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CA+BhB,CAAC"}
|
@@ -13,9 +13,6 @@ export declare const config: {
|
|
13
13
|
m: import("@linaria/core").LinariaClassName;
|
14
14
|
l: import("@linaria/core").LinariaClassName;
|
15
15
|
};
|
16
|
-
stretch: {
|
17
|
-
true: import("@linaria/core").LinariaClassName;
|
18
|
-
};
|
19
16
|
disabled: {
|
20
17
|
true: import("@linaria/core").LinariaClassName;
|
21
18
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VerticalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"VerticalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAsDlB,CAAC"}
|
@@ -13,9 +13,6 @@ export declare const config: {
|
|
13
13
|
m: import("@linaria/core").LinariaClassName;
|
14
14
|
l: import("@linaria/core").LinariaClassName;
|
15
15
|
};
|
16
|
-
stretch: {
|
17
|
-
true: import("@linaria/core").LinariaClassName;
|
18
|
-
};
|
19
16
|
disabled: {
|
20
17
|
true: import("@linaria/core").LinariaClassName;
|
21
18
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VerticalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"VerticalTabs.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAsDlB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';\n\nexport const base = css`\n &.${classes.tabsStretch} {\n height: 100%;\n\n ${StyledContentWrapper}, ${StyledContent}, ${StyledContent} > button {\n height: 100%;\n margin-top: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1qe0zg0.tabs-stretched{height:100%;}.b1qe0zg0.tabs-stretched .s16g9t9z,.b1qe0zg0.tabs-stretched .s1tfgc53,.b1qe0zg0.tabs-stretched .s1tfgc53 > button{height:100%;margin-top:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::before{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::before{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::before{bottom:1.5rem;}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
-
var _VerticalTabs = /*#__PURE__*/require("../../VerticalTabs.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _tokens.classes.tabsStretch, "{height:100%;", _VerticalTabs.StyledContentWrapper, ",", _VerticalTabs.StyledContent, ",", _VerticalTabs.StyledContent, ">button{height:100%;margin-top:0;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMvdmFyaWF0aW9ucy9fc3RyZXRjaC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvdmVydGljYWwvVmVydGljYWxUYWJzL3ZhcmlhdGlvbnMvX3N0cmV0Y2gvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBTdHlsZWRDb250ZW50LCBTdHlsZWRDb250ZW50V3JhcHBlciB9IGZyb20gJy4uLy4uL1ZlcnRpY2FsVGFicy5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy50YWJzU3RyZXRjaH0ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50V3JhcHBlcn0sICR7U3R5bGVkQ29udGVudH0sICR7U3R5bGVkQ29udGVudH0gPiBidXR0b24ge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { classes } from '../../../../../tokens';
|
3
|
-
import { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';
|
4
|
-
export var base = /*#__PURE__*/css("&.", classes.tabsStretch, "{height:100%;", StyledContentWrapper, ",", StyledContent, ",", StyledContent, ">button{height:100%;margin-top:0;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS92ZXJ0aWNhbC9WZXJ0aWNhbFRhYnMvdmFyaWF0aW9ucy9fc3RyZXRjaC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvdmVydGljYWwvVmVydGljYWxUYWJzL3ZhcmlhdGlvbnMvX3N0cmV0Y2gvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5pbXBvcnQgeyBTdHlsZWRDb250ZW50LCBTdHlsZWRDb250ZW50V3JhcHBlciB9IGZyb20gJy4uLy4uL1ZlcnRpY2FsVGFicy5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy50YWJzU3RyZXRjaH0ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50V3JhcHBlcn0sICR7U3R5bGVkQ29udGVudH0sICR7U3R5bGVkQ29udGVudH0gPiBidXR0b24ge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';\n\nexport const base = css`\n &.${classes.tabsStretch} {\n height: 100%;\n\n ${StyledContentWrapper}, ${StyledContent}, ${StyledContent} > button {\n height: 100%;\n margin-top: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1qe0zg0.tabs-stretched{height:100%;}.b1qe0zg0.tabs-stretched .s16g9t9z,.b1qe0zg0.tabs-stretched .s1tfgc53,.b1qe0zg0.tabs-stretched .s1tfgc53 > button{height:100%;margin-top:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::before{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::before{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::before{bottom:1.5rem;}
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
-
var _VerticalTabs = /*#__PURE__*/require("../../VerticalTabs.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{height:100%;", ",", ",", " > button{height:100%;margin-top:0;}}"], _tokens.classes.tabsStretch, _VerticalTabs.StyledContentWrapper, _VerticalTabs.StyledContent, _VerticalTabs.StyledContent);
|
package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js
DELETED
@@ -1,4 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { classes } from '../../../../../tokens';
|
3
|
-
import { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';
|
4
|
-
export var base = /*#__PURE__*/css(["&.", "{height:100%;", ",", ",", " > button{height:100%;margin-top:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}
|