@alfalab/core-components-tabs 8.8.6 → 8.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/components/primary-tablist/Component.collapsible.d.ts +1 -1
  2. package/components/primary-tablist/Component.collapsible.js +4 -4
  3. package/components/primary-tablist/Component.d.ts +1 -1
  4. package/components/primary-tablist/Component.desktop.js +1 -1
  5. package/components/primary-tablist/Component.js +3 -3
  6. package/components/primary-tablist/Component.mobile.js +2 -2
  7. package/components/primary-tablist/index.css +137 -137
  8. package/components/primary-tablist/mobile.css +804 -804
  9. package/components/scroll-controls/Component.d.ts +1 -0
  10. package/components/scroll-controls/Component.js +4 -4
  11. package/components/scroll-controls/index.css +15 -15
  12. package/components/scrollable-container/Component.d.ts +5 -1
  13. package/components/scrollable-container/Component.js +3 -3
  14. package/components/scrollable-container/index.css +9 -9
  15. package/components/secondary-tablist/Component.d.ts +1 -1
  16. package/components/secondary-tablist/Component.desktop.js +1 -1
  17. package/components/secondary-tablist/Component.js +15 -3
  18. package/components/secondary-tablist/Component.mobile.js +2 -2
  19. package/components/secondary-tablist/index.css +27 -21
  20. package/components/secondary-tablist/mobile.css +609 -602
  21. package/components/tab/Component.js +1 -1
  22. package/components/tab/index.css +3 -3
  23. package/components/tabs/Component.d.ts +1 -1
  24. package/components/tabs/Component.js +2 -2
  25. package/components/title/Component.d.ts +3 -0
  26. package/components/title/Component.js +13 -8
  27. package/cssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  28. package/cssm/components/primary-tablist/Component.collapsible.js +3 -3
  29. package/cssm/components/primary-tablist/Component.d.ts +1 -1
  30. package/cssm/components/primary-tablist/Component.js +3 -3
  31. package/cssm/components/primary-tablist/index.module.css +6 -6
  32. package/cssm/components/primary-tablist/mobile.module.css +3 -3
  33. package/cssm/components/primary-tablist/text-styles.module.css +3 -3
  34. package/cssm/components/scroll-controls/Component.d.ts +1 -0
  35. package/cssm/components/scroll-controls/Component.js +3 -3
  36. package/cssm/components/scroll-controls/index.module.css +3 -3
  37. package/cssm/components/scrollable-container/Component.d.ts +5 -1
  38. package/cssm/components/scrollable-container/Component.js +2 -2
  39. package/cssm/components/scrollable-container/index.module.css +3 -3
  40. package/cssm/components/secondary-tablist/Component.d.ts +1 -1
  41. package/cssm/components/secondary-tablist/Component.js +15 -3
  42. package/cssm/components/secondary-tablist/index.module.css +22 -16
  43. package/cssm/components/secondary-tablist/mobile.module.css +5 -4
  44. package/cssm/components/tabs/Component.d.ts +1 -1
  45. package/cssm/components/tabs/Component.js +2 -2
  46. package/cssm/components/title/Component.d.ts +3 -0
  47. package/cssm/components/title/Component.js +13 -8
  48. package/cssm/typings.d.ts +10 -1
  49. package/cssm/vars.css +3 -3
  50. package/esm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  51. package/esm/components/primary-tablist/Component.collapsible.js +4 -4
  52. package/esm/components/primary-tablist/Component.d.ts +1 -1
  53. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  54. package/esm/components/primary-tablist/Component.js +3 -3
  55. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  56. package/esm/components/primary-tablist/index.css +137 -137
  57. package/esm/components/primary-tablist/mobile.css +804 -804
  58. package/esm/components/scroll-controls/Component.d.ts +1 -0
  59. package/esm/components/scroll-controls/Component.js +4 -4
  60. package/esm/components/scroll-controls/index.css +15 -15
  61. package/esm/components/scrollable-container/Component.d.ts +5 -1
  62. package/esm/components/scrollable-container/Component.js +3 -3
  63. package/esm/components/scrollable-container/index.css +9 -9
  64. package/esm/components/secondary-tablist/Component.d.ts +1 -1
  65. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  66. package/esm/components/secondary-tablist/Component.js +15 -3
  67. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  68. package/esm/components/secondary-tablist/index.css +27 -21
  69. package/esm/components/secondary-tablist/mobile.css +609 -602
  70. package/esm/components/tab/Component.js +1 -1
  71. package/esm/components/tab/index.css +3 -3
  72. package/esm/components/tabs/Component.d.ts +1 -1
  73. package/esm/components/tabs/Component.js +2 -2
  74. package/esm/components/title/Component.d.ts +3 -0
  75. package/esm/components/title/Component.js +13 -8
  76. package/esm/index.module-2e31d255.js +4 -0
  77. package/esm/index.module-58855717.js +4 -0
  78. package/esm/typings.d.ts +10 -1
  79. package/index.module-1b957504.js +6 -0
  80. package/index.module-e547bb72.js +6 -0
  81. package/modern/components/primary-tablist/Component.collapsible.d.ts +1 -1
  82. package/modern/components/primary-tablist/Component.collapsible.js +4 -4
  83. package/modern/components/primary-tablist/Component.d.ts +1 -1
  84. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  85. package/modern/components/primary-tablist/Component.js +3 -3
  86. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  87. package/modern/components/primary-tablist/index.css +137 -137
  88. package/modern/components/primary-tablist/mobile.css +804 -804
  89. package/modern/components/scroll-controls/Component.d.ts +1 -0
  90. package/modern/components/scroll-controls/Component.js +4 -4
  91. package/modern/components/scroll-controls/index.css +15 -15
  92. package/modern/components/scrollable-container/Component.d.ts +5 -1
  93. package/modern/components/scrollable-container/Component.js +3 -3
  94. package/modern/components/scrollable-container/index.css +9 -9
  95. package/modern/components/secondary-tablist/Component.d.ts +1 -1
  96. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  97. package/modern/components/secondary-tablist/Component.js +18 -3
  98. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  99. package/modern/components/secondary-tablist/index.css +27 -21
  100. package/modern/components/secondary-tablist/mobile.css +609 -602
  101. package/modern/components/tab/Component.js +1 -1
  102. package/modern/components/tab/index.css +3 -3
  103. package/modern/components/tabs/Component.d.ts +1 -1
  104. package/modern/components/tabs/Component.js +2 -2
  105. package/modern/components/title/Component.d.ts +3 -0
  106. package/modern/components/title/Component.js +17 -10
  107. package/modern/index.module-c9fbdbe7.js +4 -0
  108. package/modern/index.module-efcd5c38.js +4 -0
  109. package/modern/typings.d.ts +10 -1
  110. package/package.json +4 -3
  111. package/src/components/primary-tablist/Component.collapsible.tsx +5 -0
  112. package/src/components/primary-tablist/Component.tsx +5 -0
  113. package/src/components/primary-tablist/index.module.css +1 -1
  114. package/src/components/scroll-controls/Component.tsx +4 -3
  115. package/src/components/scrollable-container/Component.tsx +7 -0
  116. package/src/components/secondary-tablist/Component.tsx +42 -1
  117. package/src/components/secondary-tablist/index.module.css +30 -12
  118. package/src/components/secondary-tablist/mobile.module.css +2 -1
  119. package/src/components/tabs/Component.tsx +4 -0
  120. package/src/components/title/Component.tsx +27 -5
  121. package/src/typings.ts +13 -0
  122. package/typings.d.ts +10 -1
  123. package/esm/index.module-02dfb393.js +0 -4
  124. package/esm/index.module-19d5207b.js +0 -4
  125. package/index.module-64e722f7.js +0 -6
  126. package/index.module-ef18a814.js +0 -6
  127. package/modern/index.module-4ff88bb9.js +0 -4
  128. package/modern/index.module-e3f72734.js +0 -4
package/modern/components/scroll-controls/Component.d.ts CHANGED
@@ -7,6 +7,7 @@ type ScrollControlsProps = {
7
7
  view: Exclude<TabsProps['view'], undefined>;
8
8
  size: TabsProps['size'];
9
9
  containerRef: RefObject<HTMLDivElement>;
10
+ showSkeleton?: boolean;
10
11
  };
11
12
  declare const ScrollControls: React.ForwardRefExoticComponent<ScrollControlsProps & React.RefAttributes<HTMLDivElement>>;
12
13
  export { ScrollControls };
package/modern/components/scroll-controls/Component.js CHANGED
@@ -6,10 +6,10 @@ import { ChevronLeftCompactSIcon } from '@alfalab/icons-glyph/ChevronLeftCompact
6
6
  import { ChevronRightCompactSIcon } from '@alfalab/icons-glyph/ChevronRightCompactSIcon';
7
7
  import { getDisabledState, scrollIntoFirstTab, scrollIntoLastTab } from './utils.js';
8
8
 
9
- const styles = {"component":"tabs__component_ytuvj","primary":"tabs__primary_ytuvj","button":"tabs__button_ytuvj","xl":"tabs__xl_ytuvj","secondary":"tabs__secondary_ytuvj","xs":"tabs__xs_ytuvj","borderVisible":"tabs__borderVisible_ytuvj"};
9
+ const styles = {"component":"tabs__component_4117u","primary":"tabs__primary_4117u","button":"tabs__button_4117u","xl":"tabs__xl_4117u","secondary":"tabs__secondary_4117u","xs":"tabs__xs_4117u","borderVisible":"tabs__borderVisible_4117u"};
10
10
  require('./index.css')
11
11
 
12
- const ScrollControls = forwardRef(({ containerRef, view, size: sizeProp, className }, ref) => {
12
+ const ScrollControls = forwardRef(({ containerRef, view, size: sizeProp, className, showSkeleton }, ref) => {
13
13
  const container = containerRef.current;
14
14
  const [disabledState, updateDisabledState] = useState(() => getDisabledState(container));
15
15
  useEffect(() => {
@@ -33,8 +33,8 @@ const ScrollControls = forwardRef(({ containerRef, view, size: sizeProp, classNa
33
33
  return (React.createElement("div", { ref: ref, className: cn(styles.component, styles[view], sizeProp && styles[sizeProp], className, {
34
34
  [styles.borderVisible]: !disabledState.toRight,
35
35
  }) },
36
- React.createElement(IconButton, { ...commonButtonProps, icon: ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft }),
37
- React.createElement(IconButton, { ...commonButtonProps, icon: ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight })));
36
+ React.createElement(IconButton, { ...commonButtonProps, icon: ChevronLeftCompactSIcon, disabled: disabledState.toLeft || showSkeleton, onClick: handleScrollLeft }),
37
+ React.createElement(IconButton, { ...commonButtonProps, icon: ChevronRightCompactSIcon, disabled: disabledState.toRight || showSkeleton, onClick: handleScrollRight })));
38
38
  });
39
39
  ScrollControls.displayName = 'ScrollControls';
40
40
 
package/modern/components/scroll-controls/index.css CHANGED
@@ -1,10 +1,10 @@
1
- /* hash: evgji */
1
+ /* hash: gml4q */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
5
- --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
- } :root {
5
+ --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
8
8
  } :root {
9
9
 
10
10
  /* Hard */
@@ -44,14 +44,14 @@
44
44
  /* size l */
45
45
 
46
46
  /* size xl */
47
- } .tabs__component_ytuvj {
47
+ } .tabs__component_4117u {
48
48
  position: relative;
49
49
  display: flex;
50
50
  flex-shrink: 0;
51
- } .tabs__primary_ytuvj {
51
+ } .tabs__primary_4117u {
52
52
  align-items: flex-start;
53
53
  justify-content: flex-end
54
- } .tabs__primary_ytuvj:after {
54
+ } .tabs__primary_4117u:after {
55
55
  content: '';
56
56
  display: block;
57
57
  position: absolute;
@@ -59,18 +59,18 @@
59
59
  height: 1px;
60
60
  width: 100%;
61
61
  background-color: var(--primary-tablist-bottom-border-color);
62
- } .tabs__primary_ytuvj {
62
+ } .tabs__primary_4117u {
63
63
 
64
- .tabs__button_ytuvj:first-child {
64
+ .tabs__button_4117u:first-child {
65
65
  padding-left: var(--gap-xs);
66
66
  margin-right: var(--gap-xs);
67
67
  }
68
- } .tabs__primary_ytuvj.tabs__xl_ytuvj .tabs__button_ytuvj:first-child {
68
+ } .tabs__primary_4117u.tabs__xl_4117u .tabs__button_4117u:first-child {
69
69
  margin-right: var(--gap-2xs);
70
- } .tabs__secondary_ytuvj {
70
+ } .tabs__secondary_4117u {
71
71
  align-items: center;
72
72
  justify-content: center
73
- } .tabs__secondary_ytuvj:before {
73
+ } .tabs__secondary_4117u:before {
74
74
  content: '';
75
75
  display: block;
76
76
  position: absolute;
@@ -80,12 +80,12 @@
80
80
  background-color: transparent;
81
81
  transition: background-color 0.3s ease;
82
82
  bottom: 0;
83
- } .tabs__secondary_ytuvj.tabs__xs_ytuvj {
83
+ } .tabs__secondary_4117u.tabs__xs_4117u {
84
84
  width: 76px;
85
85
 
86
- .tabs__button_ytuvj:first-child {
86
+ .tabs__button_4117u:first-child {
87
87
  margin-right: var(--gap-2xs);
88
88
  }
89
- } .tabs__borderVisible_ytuvj:before {
89
+ } .tabs__borderVisible_4117u:before {
90
90
  background-color: var(--color-light-neutral-translucent-300);
91
91
  }
package/modern/components/scrollable-container/Component.d.ts CHANGED
@@ -35,6 +35,10 @@ type ScrollableContainerProps = {
35
35
  * Дополнительные инлайн стили для заголовка
36
36
  */
37
37
  inlineStyle?: React.CSSProperties;
38
+ /**
39
+ * Показать скелетон
40
+ */
41
+ showSkeleton?: boolean;
38
42
  };
39
- declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;
43
+ declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, showSkeleton, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;
40
44
  export { ScrollableContainerProps, ScrollableContainer };
package/modern/components/scrollable-container/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { compute } from 'compute-scroll-into-view';
4
4
  import { ScrollControls } from '../scroll-controls/Component.js';
5
5
 
6
- const styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_b80d5","container":"tabs__container_b80d5","fullWidthScroll":"tabs__fullWidthScroll_b80d5"};
6
+ const styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_sq8yl","container":"tabs__container_sq8yl","fullWidthScroll":"tabs__fullWidthScroll_sq8yl"};
7
7
  require('./index.css')
8
8
 
9
9
  /**
@@ -14,7 +14,7 @@ const isOverflown = ({ clientWidth, scrollWidth }, controlsNode) => {
14
14
  const controlsWidth = controlsNode?.offsetWidth || 0;
15
15
  return scrollWidth > clientWidth + controlsWidth;
16
16
  };
17
- const ScrollableContainer = ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, }) => {
17
+ const ScrollableContainer = ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, showSkeleton, }) => {
18
18
  const containerRef = useRef(null);
19
19
  const controlsRef = useRef(null);
20
20
  const [overflown, setOverflown] = useState(false);
@@ -59,7 +59,7 @@ const ScrollableContainer = ({ containerWrapperClassName, containerClassName, sc
59
59
  React.createElement("div", { ref: containerRef, className: cn(styles.container, containerClassName, {
60
60
  [styles.fullWidthScroll]: fullWidthScroll,
61
61
  }) }, children),
62
- overflown && platform === 'desktop' ? (React.createElement(ScrollControls, { className: scrollControlsClassName, ref: controlsRef, containerRef: containerRef, view: view, size: size })) : null));
62
+ overflown && platform === 'desktop' ? (React.createElement(ScrollControls, { className: scrollControlsClassName, ref: controlsRef, containerRef: containerRef, view: view, size: size, showSkeleton: showSkeleton })) : null));
63
63
  };
64
64
 
65
65
  export { ScrollableContainer };
package/modern/components/scrollable-container/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 11zl1 */
1
+ /* hash: 1kuuv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root {
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
 
8
8
  /* Hard */
@@ -42,9 +42,9 @@
42
42
  /* size l */
43
43
 
44
44
  /* size xl */
45
- } .tabs__scrollableContainerWrapper_b80d5 {
45
+ } .tabs__scrollableContainerWrapper_sq8yl {
46
46
  display: flex;
47
- } .tabs__container_b80d5 {
47
+ } .tabs__container_sq8yl {
48
48
  position: relative;
49
49
  overflow-x: auto;
50
50
  overflow-y: hidden;
@@ -55,11 +55,11 @@
55
55
  /* focus-outline fix */
56
56
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
57
57
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
58
- } .tabs__container_b80d5::-webkit-scrollbar {
58
+ } .tabs__container_sq8yl::-webkit-scrollbar {
59
59
  display: none;
60
- } .tabs__container_b80d5 > * {
60
+ } .tabs__container_sq8yl > * {
61
61
  flex-shrink: 0;
62
- } .tabs__fullWidthScroll_b80d5 {
62
+ } .tabs__fullWidthScroll_sq8yl {
63
63
  padding-left: 0;
64
64
  margin: var(--gap-2xs-neg) var(--gap-m-neg);
65
65
  }
package/modern/components/secondary-tablist/Component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { PlatformProps, SecondaryTabListProps, Styles } from "../../typings";
4
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;
4
+ declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, showSkeleton, skeletonProps, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;
5
5
  export { SecondaryTabList };
package/modern/components/secondary-tablist/Component.desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { TagDesktop } from '@alfalab/core-components-tag/modern/desktop';
3
3
  import { SecondaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-4ff88bb9.js';
4
+ import { c as commonStyles } from '../../index.module-c9fbdbe7.js';
5
5
 
6
6
  const SecondaryTabListDesktop = ({ size = 's', ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, TagComponent: TagDesktop, size: size, styles: commonStyles, tagSize: size, platform: 'desktop' }));
7
7
 
package/modern/components/secondary-tablist/Component.js CHANGED
@@ -1,9 +1,20 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
+ import { Skeleton } from '@alfalab/core-components/skeleton';
3
4
  import { useTabs } from '../../hooks/use-tabs.js';
4
5
  import { ScrollableContainer } from '../scrollable-container/Component.js';
5
6
 
6
- const SecondaryTabList = ({ styles = {}, className, containerClassName, size, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, tagSize = 'xs', onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, }) => {
7
+ function getBorderRadius(shape, size, isMobile) {
8
+ if (shape === 'rounded') {
9
+ return 99;
10
+ }
11
+ if (size === 'xxs')
12
+ return isMobile ? 8 : 6;
13
+ if (size === 'xs' || size === 's')
14
+ return isMobile ? 12 : 8;
15
+ return isMobile ? 16 : 4;
16
+ }
17
+ const SecondaryTabList = ({ styles = {}, className, containerClassName, size, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, tagSize = 'xs', onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, showSkeleton, skeletonProps, }) => {
7
18
  const { focusedTab, selectedTab, getTabListItemProps } = useTabs({
8
19
  titles,
9
20
  selectedId,
@@ -17,10 +28,14 @@ const SecondaryTabList = ({ styles = {}, className, containerClassName, size, ti
17
28
  }) }, titles.map((item, index) => {
18
29
  if (item.hidden)
19
30
  return null;
20
- return (React.createElement(TagComponent, { ...getTabListItemProps(index), shape: tagShape, view: tagView, key: item.id, className: cn(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }, item.title));
31
+ const renderTab = () => (React.createElement(TagComponent, { ...getTabListItemProps(index), shape: tagShape, view: tagView, key: item.id, className: cn(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }, item.title));
32
+ return showSkeleton ? (React.createElement(Skeleton, { ...skeletonProps, className: cn(styles.skeleton, skeletonProps?.className), key: item.id, visible: true, style: {
33
+ ...skeletonProps?.style,
34
+ borderRadius: getBorderRadius(tagShape, tagSize, platform === 'mobile'),
35
+ } }, renderTab())) : (renderTab());
21
36
  })));
22
37
  };
23
- return scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName), style: inlineStyle }, renderContent()));
38
+ return scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle, showSkeleton: showSkeleton }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName), style: inlineStyle }, renderContent()));
24
39
  };
25
40
 
26
41
  export { SecondaryTabList };
package/modern/components/secondary-tablist/Component.mobile.js CHANGED
@@ -2,9 +2,9 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { TagMobile } from '@alfalab/core-components-tag/modern/mobile';
4
4
  import { SecondaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-4ff88bb9.js';
5
+ import { c as commonStyles } from '../../index.module-c9fbdbe7.js';
6
6
 
7
- const mobileStyles = {"title":"tabs__title_quqcp tabs__title_uw8qo","mobile":"tabs__mobile_quqcp"};
7
+ const mobileStyles = {"title":"tabs__title_17s3l tabs__title_1we1x","mobile":"tabs__mobile_17s3l","skeleton":"tabs__skeleton_17s3l"};
8
8
  require('./mobile.css')
9
9
 
10
10
  const styles = {
package/modern/components/secondary-tablist/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 1764b */
1
+ /* hash: 148qs */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root {
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
 
8
8
  /* Hard */
@@ -50,29 +50,35 @@
50
50
 
51
51
  /* size xl */
52
52
  --secondary-tablist-xl-gaps: var(--gap-m);
53
- } .tabs__component_uw8qo {
53
+ } .tabs__component_1we1x {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_uw8qo {
56
+ } .tabs__fullWidthScroll_1we1x {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_uw8qo {
58
+ } .tabs__container_1we1x {
59
59
  overflow: hidden;
60
60
 
61
61
  /* focus-outline fix */
62
62
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
63
63
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
64
- } .tabs__title_uw8qo {
64
+ } .tabs__title_1we1x {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
67
- margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
69
- margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
71
- margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
73
- margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
75
- margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_uw8qo .tabs__title_uw8qo + .tabs__title_uw8qo {
77
- margin-left: var(--secondary-tablist-xl-gaps);
78
- }
66
+ } /* sizes */ .tabs__xxs_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
67
+ .tabs__xxs_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
68
+ margin-left: var(--secondary-tablist-xxs-gaps);
69
+ } .tabs__xs_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
70
+ .tabs__xs_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
71
+ margin-left: var(--secondary-tablist-xs-gaps);
72
+ } .tabs__s_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
73
+ .tabs__s_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
74
+ margin-left: var(--secondary-tablist-s-gaps);
75
+ } .tabs__m_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
76
+ .tabs__m_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
77
+ margin-left: var(--secondary-tablist-m-gaps);
78
+ } .tabs__l_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
79
+ .tabs__l_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
80
+ margin-left: var(--secondary-tablist-l-gaps);
81
+ } .tabs__xl_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
82
+ .tabs__xl_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
83
+ margin-left: var(--secondary-tablist-xl-gaps);
84
+ }