@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.
Files changed (88) hide show
  1. package/cjs/components/Tabs/tokens.js +1 -0
  2. package/cjs/components/Tabs/tokens.js.map +1 -1
  3. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
  4. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  5. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
  6. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_wobm77.css → base_1iq8opt.css} +1 -1
  7. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -3
  8. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  9. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  10. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  11. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  12. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  13. package/cjs/index.css +2 -4
  14. package/emotion/cjs/components/Tabs/tokens.js +1 -0
  15. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  16. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  17. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  18. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
  19. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
  20. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
  21. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +6 -9
  22. package/emotion/es/components/Tabs/tokens.js +1 -0
  23. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  24. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  25. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  26. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
  27. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
  28. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
  29. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +6 -9
  30. package/es/components/Tabs/tokens.js +1 -0
  31. package/es/components/Tabs/tokens.js.map +1 -1
  32. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +1 -1
  33. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  34. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
  35. package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/{base_wobm77.css → base_1iq8opt.css} +1 -1
  36. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +1 -3
  37. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  38. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  39. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  40. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
  41. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
  42. package/es/index.css +2 -4
  43. package/package.json +2 -2
  44. package/styled-components/cjs/components/Tabs/tokens.js +1 -0
  45. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  46. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  47. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  48. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
  49. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
  50. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
  51. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -3
  52. package/styled-components/es/components/Tabs/tokens.js +1 -0
  53. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
  54. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -13
  55. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
  56. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +21 -17
  57. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
  58. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +21 -15
  59. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -3
  60. package/types/components/Tabs/Tabs.types.d.ts +5 -5
  61. package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
  62. package/types/components/Tabs/tokens.d.ts +1 -0
  63. package/types/components/Tabs/tokens.d.ts.map +1 -1
  64. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -4
  65. package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
  66. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -1
  67. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -3
  68. package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
  69. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -3
  70. package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
  71. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -9
  72. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
  73. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
  74. package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_1fju8ww.css +0 -1
  75. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
  76. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
  77. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
  78. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
  79. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -5
  80. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
  81. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
  82. package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_1fju8ww.css +0 -1
  83. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
  84. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
  85. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
  86. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
  87. package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.d.ts +0 -2
  88. 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
- value: string;
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
- value,
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={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
- value,
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={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
- value,
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={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
- value: '',
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
- value,
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={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
- value,
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={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
- value,
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={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
- value: '',
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) {
@@ -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;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;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
+ {"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"}
@@ -3,6 +3,7 @@ export declare const classes: {
3
3
  tabsPilled: string;
4
4
  tabsGroupFilledBackground: string;
5
5
  tabsStretch: string;
6
+ tabsNoDivider: string;
6
7
  tabItemDivider: string;
7
8
  tabItemAnimated: string;
8
9
  tabContent: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwElB,CAAC"}
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"}
@@ -18,10 +18,6 @@ export declare const verticalTabsConfig: {
18
18
  css: import("@linaria/core").LinariaClassName;
19
19
  attrs: boolean;
20
20
  };
21
- stretch: {
22
- css: import("@linaria/core").LinariaClassName;
23
- attrs: boolean;
24
- };
25
21
  };
26
22
  defaults: {
27
23
  view: string;
@@ -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;AAgB7D,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC,+KAqM7E,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBAvMQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;CAgOlF,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,0CAyBhB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;CA2DlB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;CA2DlB,CAAC"}
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,9 +0,0 @@
1
- import './base_phkacz.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b1qe0zg0";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -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
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-container-width"]
4
- }
@@ -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,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-container-width"]
4
- }
@@ -1,5 +0,0 @@
1
- import './base_phkacz.css';
2
- var base = "b1qe0zg0";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -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 _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);
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-container-width"]
4
- }
@@ -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,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-tabs-container-width"]
4
- }
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -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"}