@salutejs/plasma-new-hope 0.163.1-canary.1476.11275359231.0 → 0.163.1-canary.1479.11291358294.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. package/cjs/components/Attach/Attach.js +13 -8
  2. package/cjs/components/Attach/Attach.js.map +1 -1
  3. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  4. package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  5. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  6. package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  7. package/emotion/cjs/components/Attach/Attach.js +13 -8
  8. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  9. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  10. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +16 -29
  11. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +16 -29
  12. package/emotion/es/components/Attach/Attach.js +13 -8
  13. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  14. package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  15. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +16 -29
  16. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +16 -29
  17. package/es/components/Attach/Attach.js +13 -8
  18. package/es/components/Attach/Attach.js.map +1 -1
  19. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  20. package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
  21. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  22. package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
  23. package/package.json +2 -2
  24. package/styled-components/cjs/components/Attach/Attach.js +13 -8
  25. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  26. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  27. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +16 -29
  28. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +16 -29
  29. package/styled-components/es/components/Attach/Attach.js +13 -8
  30. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
  31. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
  32. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +16 -29
  33. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +16 -29
  34. package/types/components/Attach/Attach.d.ts.map +1 -1
@@ -50,8 +50,6 @@ const getContentRight = (contentRightOption: string, size: Size) => {
50
50
  };
51
51
 
52
52
  type StoryTabsProps = ComponentProps<typeof Tabs> & CustomStoryTabsProps;
53
- type HorizontalStoryTabsProps = StoryTabsProps & { width: string };
54
- type VerticalStoryTabsProps = StoryTabsProps & { height: string };
55
53
 
56
54
  const meta: Meta<StoryTabsProps> = {
57
55
  title: 'plasma_web/Tabs',
@@ -81,7 +79,7 @@ const meta: Meta<StoryTabsProps> = {
81
79
 
82
80
  export default meta;
83
81
 
84
- const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
82
+ const StoryHorizontalDefault = (props: StoryTabsProps) => {
85
83
  const {
86
84
  disabled,
87
85
  itemQuantity,
@@ -136,7 +134,7 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
136
134
  );
137
135
  };
138
136
 
139
- const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
137
+ const StoryHorizontalScroll = (props: StoryTabsProps) => {
140
138
  const {
141
139
  disabled,
142
140
  itemQuantity,
@@ -146,13 +144,18 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
146
144
  contentRight: contentRightOption,
147
145
  hasDivider,
148
146
  helperText,
149
- width,
150
147
  } = props;
151
148
  const items = Array(itemQuantity).fill(0);
152
149
  const [index, setIndex] = useState(0);
153
150
 
154
151
  return (
155
- <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
152
+ <Tabs
153
+ clip={clip}
154
+ view={hasDivider ? 'divider' : 'clear'}
155
+ disabled={disabled}
156
+ size={size}
157
+ style={{ width: '15rem' }}
158
+ >
156
159
  {items.map((_, i) => {
157
160
  if (helperText !== '') {
158
161
  return (
@@ -192,7 +195,7 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
192
195
  );
193
196
  };
194
197
 
195
- const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
198
+ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
196
199
  const {
197
200
  disabled,
198
201
  itemQuantity,
@@ -279,15 +282,13 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
279
282
  );
280
283
  };
281
284
 
282
- export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
285
+ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
283
286
  args: {
284
287
  size: 'xs',
285
288
  disabled: false,
286
289
  hasDivider: true,
287
290
  helperText: '',
288
291
  itemQuantity: 8,
289
- stretch: false,
290
- width: '15rem',
291
292
  },
292
293
  argTypes: {
293
294
  contentLeft: {
@@ -309,12 +310,6 @@ export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
309
310
  },
310
311
  if: { arg: 'stretch', truthy: false },
311
312
  },
312
- width: {
313
- control: {
314
- type: 'text',
315
- },
316
- if: { arg: 'clip', eq: 'scroll' },
317
- },
318
313
  size: {
319
314
  options: sizes,
320
315
  control: {
@@ -334,7 +329,7 @@ export const HorizontalTabs: StoryObj<HorizontalStoryTabsProps> = {
334
329
  },
335
330
  };
336
331
 
337
- const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
332
+ const StoryVerticalDefault = (props: StoryTabsProps) => {
338
333
  const {
339
334
  disabled,
340
335
  itemQuantity,
@@ -390,7 +385,7 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
390
385
  );
391
386
  };
392
387
 
393
- const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
388
+ const StoryVerticalScroll = (props: StoryTabsProps) => {
394
389
  const {
395
390
  disabled,
396
391
  itemQuantity,
@@ -400,7 +395,6 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
400
395
  contentRight: contentRightOption,
401
396
  hasDivider,
402
397
  helperText,
403
- height,
404
398
  } = props;
405
399
  const items = Array(itemQuantity).fill(0);
406
400
  const [index, setIndex] = useState(0);
@@ -411,8 +405,8 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
411
405
  size={size as Size}
412
406
  disabled={disabled}
413
407
  clip={clip}
408
+ style={{ height: '10rem' }}
414
409
  hasDivider={hasDivider}
415
- style={{ height }}
416
410
  >
417
411
  {items.map((_, i) => {
418
412
  if (helperText !== '') {
@@ -455,7 +449,7 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
455
449
  );
456
450
  };
457
451
 
458
- const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
452
+ const StoryVerticalShowAll = (props: StoryTabsProps) => {
459
453
  const {
460
454
  disabled,
461
455
  itemQuantity,
@@ -543,7 +537,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
543
537
  );
544
538
  };
545
539
 
546
- export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
540
+ export const VerticalTabs: StoryObj<StoryTabsProps> = {
547
541
  args: {
548
542
  size: 'xs',
549
543
  disabled: false,
@@ -551,7 +545,6 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
551
545
  itemQuantity: 8,
552
546
  orientation: 'vertical',
553
547
  helperText: '',
554
- height: '10rem',
555
548
  },
556
549
  argTypes: {
557
550
  contentLeft: {
@@ -584,12 +577,6 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
584
577
  disable: true,
585
578
  },
586
579
  },
587
- height: {
588
- control: {
589
- type: 'text',
590
- },
591
- if: { arg: 'clip', eq: 'scroll' },
592
- },
593
580
  },
594
581
  render: (args) => {
595
582
  switch (args.clip) {
@@ -1 +1 @@
1
- {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,uFAqKjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAvKQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAwLtE,CAAC"}
1
+ {"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,uFA0KjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA5KQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CA6LtE,CAAC"}