@salutejs/plasma-new-hope 0.160.1-canary.1374.11160084202.0 → 0.160.1-canary.1374.11174853993.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  2. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  3. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  4. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  5. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  6. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  7. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +4 -0
  8. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +214 -95
  9. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +214 -97
  10. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  11. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  12. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -0
  13. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +214 -95
  14. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +214 -97
  15. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  16. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
  17. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  18. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
  19. package/package.json +2 -2
  20. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  21. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  22. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +4 -0
  23. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +214 -95
  24. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +214 -97
  25. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +1 -1
  26. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +1 -1
  27. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -0
  28. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +214 -95
  29. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +214 -97
  30. package/types/components/Tabs/TabItem.types.d.ts +4 -4
  31. package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
  32. package/types/components/Tabs/Tabs.types.d.ts +4 -4
  33. package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
  34. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
  35. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
  36. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +3 -0
  37. package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
@@ -16,6 +16,7 @@ const sizes = ['xs', 's', 'm', 'l'] as const;
16
16
  const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
17
17
 
18
18
  type Size = typeof sizes[number];
19
+ type HeaderSize = typeof headerSizes[number];
19
20
 
20
21
  type CustomStoryTabsProps = {
21
22
  itemQuantity: number;
@@ -66,6 +67,13 @@ const meta: Meta<StoryTabsProps> = {
66
67
  'outsideScroll',
67
68
  'index',
68
69
  ]),
70
+ contentRight: {
71
+ options: contentRightOptions,
72
+ control: {
73
+ type: 'select',
74
+ },
75
+ if: { arg: 'helperText', eq: '' },
76
+ },
69
77
  },
70
78
  };
71
79
 
@@ -87,22 +95,41 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
87
95
 
88
96
  return (
89
97
  <Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
90
- {items.map((_, i) => (
91
- <TabItem
92
- key={`item:${i}`}
93
- view="divider"
94
- selected={i === index}
95
- onClick={() => !disabled && setIndex(i)}
96
- tabIndex={!disabled ? 0 : -1}
97
- disabled={disabled}
98
- value={helperText}
99
- contentLeft={getContentLeft(contentLeftOption, size as Size)}
100
- contentRight={getContentRight(contentRightOption, size as Size)}
101
- size={size}
102
- >
103
- {`Label${i + 1}`}
104
- </TabItem>
105
- ))}
98
+ {items.map((_, i) => {
99
+ if (helperText !== '') {
100
+ return (
101
+ <TabItem
102
+ key={`item:${i}`}
103
+ view="divider"
104
+ selected={i === index}
105
+ onClick={() => !disabled && setIndex(i)}
106
+ tabIndex={!disabled ? 0 : -1}
107
+ disabled={disabled}
108
+ value={helperText}
109
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
110
+ size={size as Size}
111
+ >
112
+ {`Label${i + 1}`}
113
+ </TabItem>
114
+ );
115
+ }
116
+
117
+ return (
118
+ <TabItem
119
+ key={`item:${i}`}
120
+ view="divider"
121
+ selected={i === index}
122
+ onClick={() => !disabled && setIndex(i)}
123
+ tabIndex={!disabled ? 0 : -1}
124
+ disabled={disabled}
125
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
126
+ contentRight={getContentRight(contentRightOption, size as Size)}
127
+ size={size as Size}
128
+ >
129
+ {`Label${i + 1}`}
130
+ </TabItem>
131
+ );
132
+ })}
106
133
  </Tabs>
107
134
  );
108
135
  };
@@ -129,22 +156,41 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
129
156
  size={size}
130
157
  style={{ width: '15rem' }}
131
158
  >
132
- {items.map((_, i) => (
133
- <TabItem
134
- key={`item:${i}`}
135
- view="divider"
136
- selected={i === index}
137
- onClick={() => !disabled && setIndex(i)}
138
- tabIndex={!disabled ? 0 : -1}
139
- disabled={disabled}
140
- value={helperText}
141
- contentLeft={getContentLeft(contentLeftOption, size as Size)}
142
- contentRight={getContentRight(contentRightOption, size as Size)}
143
- size={size}
144
- >
145
- {`Label${i + 1}`}
146
- </TabItem>
147
- ))}
159
+ {items.map((_, i) => {
160
+ if (helperText !== '') {
161
+ return (
162
+ <TabItem
163
+ key={`item:${i}`}
164
+ view="divider"
165
+ selected={i === index}
166
+ onClick={() => !disabled && setIndex(i)}
167
+ tabIndex={!disabled ? 0 : -1}
168
+ disabled={disabled}
169
+ value={helperText}
170
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
171
+ size={size as Size}
172
+ >
173
+ {`Label${i + 1}`}
174
+ </TabItem>
175
+ );
176
+ }
177
+
178
+ return (
179
+ <TabItem
180
+ key={`item:${i}`}
181
+ view="divider"
182
+ selected={i === index}
183
+ onClick={() => !disabled && setIndex(i)}
184
+ tabIndex={!disabled ? 0 : -1}
185
+ disabled={disabled}
186
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
187
+ contentRight={getContentRight(contentRightOption, size as Size)}
188
+ size={size as Size}
189
+ >
190
+ {`Label${i + 1}`}
191
+ </TabItem>
192
+ );
193
+ })}
148
194
  </Tabs>
149
195
  );
150
196
  };
@@ -178,22 +224,41 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
178
224
 
179
225
  return (
180
226
  <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
181
- {visibleItems.map((_, i) => (
182
- <TabItem
183
- key={`item:${i}`}
184
- view="divider"
185
- selected={i === index}
186
- onClick={() => !disabled && setIndex(i)}
187
- tabIndex={!disabled ? 0 : -1}
188
- disabled={disabled}
189
- contentLeft={getContentLeft(contentLeftOption, size as Size)}
190
- contentRight={getContentRight(contentRightOption, size as Size)}
191
- size={size}
192
- value={helperText}
193
- >
194
- {`Label${i + 1}`}
195
- </TabItem>
196
- ))}
227
+ {visibleItems.map((_, i) => {
228
+ if (helperText !== '') {
229
+ return (
230
+ <TabItem
231
+ key={`item:${i}`}
232
+ view="divider"
233
+ selected={i === index}
234
+ onClick={() => !disabled && setIndex(i)}
235
+ tabIndex={!disabled ? 0 : -1}
236
+ disabled={disabled}
237
+ value={helperText}
238
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
239
+ size={size as Size}
240
+ >
241
+ {`Label${i + 1}`}
242
+ </TabItem>
243
+ );
244
+ }
245
+
246
+ return (
247
+ <TabItem
248
+ key={`item:${i}`}
249
+ view="divider"
250
+ selected={i === index}
251
+ onClick={() => !disabled && setIndex(i)}
252
+ tabIndex={!disabled ? 0 : -1}
253
+ disabled={disabled}
254
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
255
+ contentRight={getContentRight(contentRightOption, size as Size)}
256
+ size={size as Size}
257
+ >
258
+ {`Label${i + 1}`}
259
+ </TabItem>
260
+ );
261
+ })}
197
262
  {dropdownItems.length > 0 && (
198
263
  <div style={{ marginLeft: '1.75rem' }}>
199
264
  <Dropdown
@@ -206,7 +271,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
206
271
  view="divider"
207
272
  tabIndex={!disabled ? 0 : -1}
208
273
  disabled={disabled}
209
- size={size}
274
+ size={size as Size}
210
275
  >
211
276
  ShowAll
212
277
  </TabItem>
@@ -268,7 +333,6 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
268
333
  const {
269
334
  disabled,
270
335
  itemQuantity,
271
- stretch,
272
336
  size,
273
337
  contentLeft: contentLeftOption,
274
338
  contentRight: contentRightOption,
@@ -279,16 +343,33 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
279
343
  const [index, setIndex] = useState(0);
280
344
 
281
345
  return (
282
- <div style={{ height: '100vh' }}>
283
- <Tabs
284
- orientation="vertical"
285
- hasDivider={hasDivider}
286
- size={size as Size}
287
- disabled={disabled}
288
- stretch={stretch}
289
- contentLeft={getContentLeft(contentLeftOption, size as Size)}
290
- >
291
- {items.map((_, i) => (
346
+ <Tabs
347
+ orientation="vertical"
348
+ hasDivider={hasDivider}
349
+ size={size as Size}
350
+ disabled={disabled}
351
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
352
+ >
353
+ {items.map((_, i) => {
354
+ if (helperText !== '') {
355
+ return (
356
+ <TabItem
357
+ orientation="vertical"
358
+ key={`item:${i}`}
359
+ view="divider"
360
+ selected={i === index}
361
+ onClick={() => !disabled && setIndex(i)}
362
+ tabIndex={!disabled ? 0 : -1}
363
+ disabled={disabled}
364
+ value={helperText}
365
+ size={size as Size}
366
+ >
367
+ {`Label${i + 1}`}
368
+ </TabItem>
369
+ );
370
+ }
371
+
372
+ return (
292
373
  <TabItem
293
374
  orientation="vertical"
294
375
  key={`item:${i}`}
@@ -296,16 +377,15 @@ const StoryVerticalDefault = (props: StoryTabsProps) => {
296
377
  selected={i === index}
297
378
  onClick={() => !disabled && setIndex(i)}
298
379
  tabIndex={!disabled ? 0 : -1}
299
- size={size as Size}
300
380
  disabled={disabled}
301
- value={helperText}
302
381
  contentRight={getContentRight(contentRightOption, size as Size)}
382
+ size={size as Size}
303
383
  >
304
384
  {`Label${i + 1}`}
305
385
  </TabItem>
306
- ))}
307
- </Tabs>
308
- </div>
386
+ );
387
+ })}
388
+ </Tabs>
309
389
  );
310
390
  };
311
391
 
@@ -324,17 +404,35 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
324
404
  const [index, setIndex] = useState(0);
325
405
 
326
406
  return (
327
- <div style={{ height: '100vh' }}>
328
- <Tabs
329
- orientation="vertical"
330
- size={size as Size}
331
- disabled={disabled}
332
- clip={clip}
333
- style={{ height: '10rem' }}
334
- contentLeft={getContentLeft(contentLeftOption, size as Size)}
335
- hasDivider={hasDivider}
336
- >
337
- {items.map((_, i) => (
407
+ <Tabs
408
+ orientation="vertical"
409
+ size={size as Size}
410
+ disabled={disabled}
411
+ clip={clip}
412
+ style={{ height: '10rem' }}
413
+ contentLeft={getContentLeft(contentLeftOption, size as Size)}
414
+ hasDivider={hasDivider}
415
+ >
416
+ {items.map((_, i) => {
417
+ if (helperText !== '') {
418
+ return (
419
+ <TabItem
420
+ orientation="vertical"
421
+ key={`item:${i}`}
422
+ view="divider"
423
+ selected={i === index}
424
+ onClick={() => !disabled && setIndex(i)}
425
+ tabIndex={!disabled ? 0 : -1}
426
+ disabled={disabled}
427
+ value={helperText}
428
+ size={size as Size}
429
+ >
430
+ {`Label${i + 1}`}
431
+ </TabItem>
432
+ );
433
+ }
434
+
435
+ return (
338
436
  <TabItem
339
437
  orientation="vertical"
340
438
  key={`item:${i}`}
@@ -342,16 +440,15 @@ const StoryVerticalScroll = (props: StoryTabsProps) => {
342
440
  selected={i === index}
343
441
  onClick={() => !disabled && setIndex(i)}
344
442
  tabIndex={!disabled ? 0 : -1}
345
- size={size as Size}
346
443
  disabled={disabled}
347
- value={helperText}
348
444
  contentRight={getContentRight(contentRightOption, size as Size)}
445
+ size={size as Size}
349
446
  >
350
447
  {`Label${i + 1}`}
351
448
  </TabItem>
352
- ))}
353
- </Tabs>
354
- </div>
449
+ );
450
+ })}
451
+ </Tabs>
355
452
  );
356
453
  };
357
454
 
@@ -391,21 +488,41 @@ const StoryVerticalShowAll = (props: StoryTabsProps) => {
391
488
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
392
489
  hasDivider={hasDivider}
393
490
  >
394
- {visibleItems.map((_, i) => (
395
- <TabItem
396
- orientation="vertical"
397
- key={`item:${i}`}
398
- selected={i === index}
399
- onClick={() => !disabled && setIndex(i)}
400
- tabIndex={!disabled ? 0 : -1}
401
- disabled={disabled}
402
- value={helperText}
403
- contentRight={getContentRight(contentRightOption, size as Size)}
404
- size={size as Size}
405
- >
406
- {`Label${i + 1}`}
407
- </TabItem>
408
- ))}
491
+ {visibleItems.map((_, i) => {
492
+ if (helperText !== '') {
493
+ return (
494
+ <TabItem
495
+ orientation="vertical"
496
+ key={`item:${i}`}
497
+ view="divider"
498
+ selected={i === index}
499
+ onClick={() => !disabled && setIndex(i)}
500
+ tabIndex={!disabled ? 0 : -1}
501
+ disabled={disabled}
502
+ value={helperText}
503
+ size={size as Size}
504
+ >
505
+ {`Label${i + 1}`}
506
+ </TabItem>
507
+ );
508
+ }
509
+
510
+ return (
511
+ <TabItem
512
+ orientation="vertical"
513
+ key={`item:${i}`}
514
+ view="divider"
515
+ selected={i === index}
516
+ onClick={() => !disabled && setIndex(i)}
517
+ tabIndex={!disabled ? 0 : -1}
518
+ disabled={disabled}
519
+ contentRight={getContentRight(contentRightOption, size as Size)}
520
+ size={size as Size}
521
+ >
522
+ {`Label${i + 1}`}
523
+ </TabItem>
524
+ );
525
+ })}
409
526
  {dropdownItems.length > 0 && (
410
527
  <Dropdown
411
528
  size={size as Size}
@@ -506,7 +623,7 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
506
623
  disabled={disabled}
507
624
  contentLeft={getContentLeft(contentLeftOption, size as Size)}
508
625
  contentRight={getContentRight(contentRightOption, size as Size)}
509
- size={size}
626
+ size={size as HeaderSize}
510
627
  >
511
628
  {`Label${i + 1}`}
512
629
  </TabItem>
@@ -64,11 +64,11 @@ export declare type CustomHorizontalTabItemProps = {
64
64
  /**
65
65
  * Вид TabItem
66
66
  */
67
- view?: 'clear' | 'secondary' | 'divider' | 'default';
67
+ view?: string;
68
68
  /**
69
69
  * Размер TabItem
70
70
  */
71
- size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'xs' | 's' | 'm' | 'l';
71
+ size?: string;
72
72
  /**
73
73
  * Активен ли TabItem
74
74
  * @deprecated Используйте свойство `selected`
@@ -83,11 +83,11 @@ export declare type CustomVerticalTabItemProps = {
83
83
  /**
84
84
  * Вид TabItem
85
85
  */
86
- view?: 'divider';
86
+ view?: string;
87
87
  /**
88
88
  * Размер TabItem
89
89
  */
90
- size?: 'xs' | 's' | 'm' | 'l';
90
+ size?: string;
91
91
  } & RightContent;
92
92
  export declare type HorizontalTabItemProps = BaseTabItemProps & CustomHorizontalTabItemProps;
93
93
  export declare type VerticalTabItemProps = BaseTabItemProps & CustomVerticalTabItemProps;
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACjC,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,4BAA4B,CAAC;AAErF,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}
1
+ {"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,4BAA4B,CAAC;AAErF,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}
@@ -37,11 +37,11 @@ export declare type CustomHorizontalTabsProps = {
37
37
  /**
38
38
  * Вид табов
39
39
  */
40
- view?: 'clear' | 'filled' | 'divider';
40
+ view?: string;
41
41
  /**
42
42
  * Размер табов
43
43
  */
44
- size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 's' | 'xs' | 'm' | 'l';
44
+ size?: string;
45
45
  /**
46
46
  * Уберет скругление с выбранной стороны и подвинет контейнер
47
47
  * @deprecated
@@ -68,11 +68,11 @@ export declare type CustomVerticalTabsProps = {
68
68
  /**
69
69
  * Вид табов
70
70
  */
71
- view?: 'divider';
71
+ view?: string;
72
72
  /**
73
73
  * Размер табов
74
74
  */
75
- size?: 'xs' | 's' | 'm' | 'l';
75
+ size?: string;
76
76
  };
77
77
  export declare type HorizontalTabsProps = BaseTabsProps & CustomHorizontalTabsProps;
78
78
  export declare type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps;
@@ -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;;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
+ {"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,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;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,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,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":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGA6GvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA/GQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAsI5F,CAAC"}
1
+ {"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGA+GvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBAjHQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAwI5F,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAsGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAxGQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA4H3F,CAAC"}
1
+ {"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAwGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBA1GQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA8H3F,CAAC"}
@@ -1,4 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { TabItemProps } from '../../../../components/Tabs/TabItem.types';
3
+ /**
4
+ * Элемент списка, недопустимо использовать вне компонента Tabs.
5
+ */
3
6
  export declare const TabItem: (props: TabItemProps) => JSX.Element;
4
7
  //# sourceMappingURL=TabItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAYzE,eAAO,MAAM,OAAO,UAAW,YAAY,gBAM1C,CAAC"}
1
+ {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Tabs/TabItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAYzE;;GAEG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,gBAM1C,CAAC"}