@alfalab/core-components-tabs 8.8.6 → 8.9.1

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-bd139924.js +4 -0
  77. package/esm/index.module-f2d84d77.js +4 -0
  78. package/esm/typings.d.ts +10 -1
  79. package/index.module-04f61497.js +6 -0
  80. package/index.module-0afcc8e5.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-35d4a9a9.js +4 -0
  108. package/modern/index.module-d2563e75.js +4 -0
  109. package/modern/typings.d.ts +10 -1
  110. package/package.json +5 -4
  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/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/components/scroll-controls/Component.js CHANGED
@@ -17,12 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
  var _debounce__default = /*#__PURE__*/_interopDefaultCompat(_debounce);
19
19
 
20
- var 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"};
20
+ var styles = {"component":"tabs__component_1523y","primary":"tabs__primary_1523y","button":"tabs__button_1523y","xl":"tabs__xl_1523y","secondary":"tabs__secondary_1523y","xs":"tabs__xs_1523y","borderVisible":"tabs__borderVisible_1523y"};
21
21
  require('./index.css')
22
22
 
23
23
  var ScrollControls = React.forwardRef(function (_a, ref) {
24
24
  var _b;
25
- var containerRef = _a.containerRef, view = _a.view, sizeProp = _a.size, className = _a.className;
25
+ var containerRef = _a.containerRef, view = _a.view, sizeProp = _a.size, className = _a.className, showSkeleton = _a.showSkeleton;
26
26
  var container = containerRef.current;
27
27
  var _c = React.useState(function () { return components_scrollControls_utils.getDisabledState(container); }), disabledState = _c[0], updateDisabledState = _c[1];
28
28
  React.useEffect(function () {
@@ -46,8 +46,8 @@ var ScrollControls = React.forwardRef(function (_a, ref) {
46
46
  return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.component, styles[view], sizeProp && styles[sizeProp], className, (_b = {},
47
47
  _b[styles.borderVisible] = !disabledState.toRight,
48
48
  _b)) },
49
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronLeftCompactSIcon.ChevronLeftCompactSIcon, disabled: disabledState.toLeft, onClick: handleScrollLeft })),
50
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronRightCompactSIcon.ChevronRightCompactSIcon, disabled: disabledState.toRight, onClick: handleScrollRight }))));
49
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronLeftCompactSIcon.ChevronLeftCompactSIcon, disabled: disabledState.toLeft || showSkeleton, onClick: handleScrollLeft })),
50
+ React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, commonButtonProps, { icon: ChevronRightCompactSIcon.ChevronRightCompactSIcon, disabled: disabledState.toRight || showSkeleton, onClick: handleScrollRight }))));
51
51
  });
52
52
  ScrollControls.displayName = 'ScrollControls';
53
53
 
package/components/scroll-controls/index.css CHANGED
@@ -1,10 +1,10 @@
1
- /* hash: evgji */
1
+ /* hash: w7p4u */
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_1523y {
48
48
  position: relative;
49
49
  display: flex;
50
50
  flex-shrink: 0;
51
- } .tabs__primary_ytuvj {
51
+ } .tabs__primary_1523y {
52
52
  align-items: flex-start;
53
53
  justify-content: flex-end
54
- } .tabs__primary_ytuvj:after {
54
+ } .tabs__primary_1523y: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_1523y {
63
63
 
64
- .tabs__button_ytuvj:first-child {
64
+ .tabs__button_1523y: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_1523y.tabs__xl_1523y .tabs__button_1523y:first-child {
69
69
  margin-right: var(--gap-2xs);
70
- } .tabs__secondary_ytuvj {
70
+ } .tabs__secondary_1523y {
71
71
  align-items: center;
72
72
  justify-content: center
73
- } .tabs__secondary_ytuvj:before {
73
+ } .tabs__secondary_1523y: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_1523y.tabs__xs_1523y {
84
84
  width: 76px;
85
85
 
86
- .tabs__button_ytuvj:first-child {
86
+ .tabs__button_1523y:first-child {
87
87
  margin-right: var(--gap-2xs);
88
88
  }
89
- } .tabs__borderVisible_ytuvj:before {
89
+ } .tabs__borderVisible_1523y:before {
90
90
  background-color: var(--color-light-neutral-translucent-300);
91
91
  }
package/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/components/scrollable-container/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_b80d5","container":"tabs__container_b80d5","fullWidthScroll":"tabs__fullWidthScroll_b80d5"};
15
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_xc2ov","container":"tabs__container_xc2ov","fullWidthScroll":"tabs__fullWidthScroll_xc2ov"};
16
16
  require('./index.css')
17
17
 
18
18
  /**
@@ -26,7 +26,7 @@ var isOverflown = function (_a, controlsNode) {
26
26
  };
27
27
  var ScrollableContainer = function (_a) {
28
28
  var _b;
29
- var containerWrapperClassName = _a.containerWrapperClassName, containerClassName = _a.containerClassName, scrollControlsClassName = _a.scrollControlsClassName, children = _a.children, activeChild = _a.activeChild, fullWidthScroll = _a.fullWidthScroll, view = _a.view, size = _a.size, platform = _a.platform, inlineStyle = _a.inlineStyle;
29
+ var containerWrapperClassName = _a.containerWrapperClassName, containerClassName = _a.containerClassName, scrollControlsClassName = _a.scrollControlsClassName, children = _a.children, activeChild = _a.activeChild, fullWidthScroll = _a.fullWidthScroll, view = _a.view, size = _a.size, platform = _a.platform, inlineStyle = _a.inlineStyle, showSkeleton = _a.showSkeleton;
30
30
  var containerRef = React.useRef(null);
31
31
  var controlsRef = React.useRef(null);
32
32
  var _c = React.useState(false), overflown = _c[0], setOverflown = _c[1];
@@ -72,7 +72,7 @@ var ScrollableContainer = function (_a) {
72
72
  React__default.default.createElement("div", { ref: containerRef, className: cn__default.default(styles.container, containerClassName, (_b = {},
73
73
  _b[styles.fullWidthScroll] = fullWidthScroll,
74
74
  _b)) }, children),
75
- overflown && platform === 'desktop' ? (React__default.default.createElement(components_scrollControls_Component.ScrollControls, { className: scrollControlsClassName, ref: controlsRef, containerRef: containerRef, view: view, size: size })) : null));
75
+ overflown && platform === 'desktop' ? (React__default.default.createElement(components_scrollControls_Component.ScrollControls, { className: scrollControlsClassName, ref: controlsRef, containerRef: containerRef, view: view, size: size, showSkeleton: showSkeleton })) : null));
76
76
  };
77
77
 
78
78
  exports.ScrollableContainer = ScrollableContainer;
package/components/scrollable-container/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 11zl1 */
1
+ /* hash: ucrb4 */
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_xc2ov {
46
46
  display: flex;
47
- } .tabs__container_b80d5 {
47
+ } .tabs__container_xc2ov {
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_xc2ov::-webkit-scrollbar {
59
59
  display: none;
60
- } .tabs__container_b80d5 > * {
60
+ } .tabs__container_xc2ov > * {
61
61
  flex-shrink: 0;
62
- } .tabs__fullWidthScroll_b80d5 {
62
+ } .tabs__fullWidthScroll_xc2ov {
63
63
  padding-left: 0;
64
64
  margin: var(--gap-2xs-neg) var(--gap-m-neg);
65
65
  }
package/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/components/secondary-tablist/Component.desktop.js CHANGED
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var desktop = require('@alfalab/core-components-tag/desktop');
8
8
  var components_secondaryTablist_Component = require('./Component.js');
9
- var index_module = require('../../index.module-64e722f7.js');
9
+ var index_module = require('../../index.module-0afcc8e5.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
package/components/secondary-tablist/Component.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var skeleton = require('@alfalab/core-components/skeleton');
8
9
  var hooks_useTabs = require('../../hooks/use-tabs.js');
9
10
  var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
10
11
 
@@ -13,8 +14,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
16
 
17
+ function getBorderRadius(shape, size, isMobile) {
18
+ if (shape === 'rounded') {
19
+ return 99;
20
+ }
21
+ if (size === 'xxs')
22
+ return isMobile ? 8 : 6;
23
+ if (size === 'xs' || size === 's')
24
+ return isMobile ? 12 : 8;
25
+ return isMobile ? 16 : 4;
26
+ }
16
27
  var SecondaryTabList = function (_a) {
17
- var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId, TagComponent = _a.TagComponent, platform = _a.platform, tagShape = _a.tagShape, tagView = _a.tagView, inlineStyle = _a.inlineStyle;
28
+ var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId, TagComponent = _a.TagComponent, platform = _a.platform, tagShape = _a.tagShape, tagView = _a.tagView, inlineStyle = _a.inlineStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
18
29
  var _g = hooks_useTabs.useTabs({
19
30
  titles: titles,
20
31
  selectedId: selectedId,
@@ -29,10 +40,11 @@ var SecondaryTabList = function (_a) {
29
40
  _a)) }, titles.map(function (item, index) {
30
41
  if (item.hidden)
31
42
  return null;
32
- return (React__default.default.createElement(TagComponent, tslib.__assign({}, getTabListItemProps(index), { shape: tagShape, view: tagView, key: item.id, className: cn__default.default(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title));
43
+ var renderTab = function () { return (React__default.default.createElement(TagComponent, tslib.__assign({}, getTabListItemProps(index), { shape: tagShape, view: tagView, key: item.id, className: cn__default.default(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)); };
44
+ return showSkeleton ? (React__default.default.createElement(skeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: cn__default.default(styles.skeleton, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.className), key: item.id, visible: true, style: tslib.__assign(tslib.__assign({}, skeletonProps === null || skeletonProps === void 0 ? void 0 : skeletonProps.style), { borderRadius: getBorderRadius(tagShape, tagSize, platform === 'mobile') }) }), renderTab())) : (renderTab());
33
45
  })));
34
46
  };
35
- return scrollable ? (React__default.default.createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle }, renderContent())) : (React__default.default.createElement("div", { className: cn__default.default(styles.container, containerClassName), style: inlineStyle }, renderContent()));
47
+ return scrollable ? (React__default.default.createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle, showSkeleton: showSkeleton }, renderContent())) : (React__default.default.createElement("div", { className: cn__default.default(styles.container, containerClassName), style: inlineStyle }, renderContent()));
36
48
  };
37
49
 
38
50
  exports.SecondaryTabList = SecondaryTabList;
package/components/secondary-tablist/Component.mobile.js CHANGED
@@ -7,14 +7,14 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var mobile = require('@alfalab/core-components-tag/mobile');
9
9
  var components_secondaryTablist_Component = require('./Component.js');
10
- var index_module = require('../../index.module-64e722f7.js');
10
+ var index_module = require('../../index.module-0afcc8e5.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var mobileStyles = {"title":"tabs__title_quqcp tabs__title_uw8qo","mobile":"tabs__mobile_quqcp"};
17
+ var mobileStyles = {"title":"tabs__title_1afnh tabs__title_r4mzs","mobile":"tabs__mobile_1afnh","skeleton":"tabs__skeleton_1afnh"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);
package/components/secondary-tablist/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 1764b */
1
+ /* hash: 183vx */
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_r4mzs {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_uw8qo {
56
+ } .tabs__fullWidthScroll_r4mzs {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_uw8qo {
58
+ } .tabs__container_r4mzs {
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_r4mzs {
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_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
67
+ .tabs__xxs_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
68
+ margin-left: var(--secondary-tablist-xxs-gaps);
69
+ } .tabs__xs_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
70
+ .tabs__xs_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
71
+ margin-left: var(--secondary-tablist-xs-gaps);
72
+ } .tabs__s_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
73
+ .tabs__s_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
74
+ margin-left: var(--secondary-tablist-s-gaps);
75
+ } .tabs__m_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
76
+ .tabs__m_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
77
+ margin-left: var(--secondary-tablist-m-gaps);
78
+ } .tabs__l_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
79
+ .tabs__l_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
80
+ margin-left: var(--secondary-tablist-l-gaps);
81
+ } .tabs__xl_r4mzs .tabs__title_r4mzs + .tabs__title_r4mzs,
82
+ .tabs__xl_r4mzs .tabs__skeleton_r4mzs + .tabs__skeleton_r4mzs {
83
+ margin-left: var(--secondary-tablist-xl-gaps);
84
+ }