@alfalab/core-components-tabs 8.12.3 → 8.12.4

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/@alfalab/icons-glyph/package.json +14 -0
  2. package/components/primary-tablist/Component.collapsible.d.ts +1 -1
  3. package/components/primary-tablist/Component.collapsible.js +6 -6
  4. package/components/primary-tablist/Component.desktop.js +1 -1
  5. package/components/primary-tablist/Component.mobile.js +2 -2
  6. package/components/primary-tablist/Component.responsive.d.ts +1 -1
  7. package/components/primary-tablist/Component.responsive.js +2 -3
  8. package/components/primary-tablist/index.css +132 -132
  9. package/components/primary-tablist/mobile.css +220 -220
  10. package/components/scroll-controls/Component.js +1 -1
  11. package/components/scroll-controls/index.css +12 -12
  12. package/components/scrollable-container/Component.js +1 -1
  13. package/components/scrollable-container/index.css +6 -6
  14. package/components/secondary-tablist/Component.desktop.js +1 -1
  15. package/components/secondary-tablist/Component.mobile.js +2 -2
  16. package/components/secondary-tablist/Component.responsive.d.ts +1 -1
  17. package/components/secondary-tablist/Component.responsive.js +2 -3
  18. package/components/secondary-tablist/index.css +17 -17
  19. package/components/secondary-tablist/mobile.css +20 -20
  20. package/components/tab/Component.js +1 -1
  21. package/components/tab/index.css +3 -3
  22. package/components/tabs/Component.d.ts +1 -1
  23. package/components/tabs/Component.js +2 -3
  24. package/components/tabs/Component.responsive.d.ts +1 -1
  25. package/components/tabs/Component.responsive.js +2 -2
  26. package/cssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  27. package/cssm/components/primary-tablist/Component.collapsible.js +5 -5
  28. package/cssm/components/primary-tablist/Component.responsive.d.ts +1 -1
  29. package/cssm/components/primary-tablist/Component.responsive.js +2 -3
  30. package/cssm/components/secondary-tablist/Component.responsive.d.ts +1 -1
  31. package/cssm/components/secondary-tablist/Component.responsive.js +2 -3
  32. package/cssm/components/tabs/Component.d.ts +1 -1
  33. package/cssm/components/tabs/Component.js +2 -3
  34. package/cssm/components/tabs/Component.responsive.d.ts +1 -1
  35. package/cssm/components/tabs/Component.responsive.js +2 -2
  36. package/cssm/hooks/use-tablist-titles.d.ts +1 -1
  37. package/cssm/hooks/use-tablist-titles.js +5 -5
  38. package/cssm/typings.d.ts +14 -5
  39. package/esm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  40. package/esm/components/primary-tablist/Component.collapsible.js +6 -6
  41. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  42. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  43. package/esm/components/primary-tablist/Component.responsive.d.ts +1 -1
  44. package/esm/components/primary-tablist/Component.responsive.js +3 -4
  45. package/esm/components/primary-tablist/index.css +132 -132
  46. package/esm/components/primary-tablist/mobile.css +220 -220
  47. package/esm/components/scroll-controls/Component.js +1 -1
  48. package/esm/components/scroll-controls/index.css +12 -12
  49. package/esm/components/scrollable-container/Component.js +1 -1
  50. package/esm/components/scrollable-container/index.css +6 -6
  51. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  52. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  53. package/esm/components/secondary-tablist/Component.responsive.d.ts +1 -1
  54. package/esm/components/secondary-tablist/Component.responsive.js +3 -4
  55. package/esm/components/secondary-tablist/index.css +17 -17
  56. package/esm/components/secondary-tablist/mobile.css +20 -20
  57. package/esm/components/tab/Component.js +1 -1
  58. package/esm/components/tab/index.css +3 -3
  59. package/esm/components/tabs/Component.d.ts +1 -1
  60. package/esm/components/tabs/Component.js +2 -3
  61. package/esm/components/tabs/Component.responsive.d.ts +1 -1
  62. package/esm/components/tabs/Component.responsive.js +2 -2
  63. package/esm/hooks/use-tablist-titles.d.ts +1 -1
  64. package/esm/hooks/use-tablist-titles.js +6 -6
  65. package/esm/index.module-62a76202.js +4 -0
  66. package/esm/index.module-db169a3f.js +4 -0
  67. package/esm/typings.d.ts +14 -5
  68. package/hooks/use-tablist-titles.d.ts +1 -1
  69. package/hooks/use-tablist-titles.js +5 -5
  70. package/index.module-b736b98c.js +6 -0
  71. package/index.module-fd8afcc7.js +6 -0
  72. package/modern/components/primary-tablist/Component.collapsible.d.ts +1 -1
  73. package/modern/components/primary-tablist/Component.collapsible.js +4 -4
  74. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  75. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  76. package/modern/components/primary-tablist/Component.responsive.d.ts +1 -1
  77. package/modern/components/primary-tablist/Component.responsive.js +3 -4
  78. package/modern/components/primary-tablist/index.css +132 -132
  79. package/modern/components/primary-tablist/mobile.css +220 -220
  80. package/modern/components/scroll-controls/Component.js +1 -1
  81. package/modern/components/scroll-controls/index.css +12 -12
  82. package/modern/components/scrollable-container/Component.js +1 -1
  83. package/modern/components/scrollable-container/index.css +6 -6
  84. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  85. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  86. package/modern/components/secondary-tablist/Component.responsive.d.ts +1 -1
  87. package/modern/components/secondary-tablist/Component.responsive.js +3 -4
  88. package/modern/components/secondary-tablist/index.css +17 -17
  89. package/modern/components/secondary-tablist/mobile.css +20 -20
  90. package/modern/components/tab/Component.js +1 -1
  91. package/modern/components/tab/index.css +3 -3
  92. package/modern/components/tabs/Component.d.ts +1 -1
  93. package/modern/components/tabs/Component.js +2 -3
  94. package/modern/components/tabs/Component.responsive.d.ts +1 -1
  95. package/modern/components/tabs/Component.responsive.js +1 -1
  96. package/modern/hooks/use-tablist-titles.d.ts +1 -1
  97. package/modern/hooks/use-tablist-titles.js +3 -3
  98. package/modern/index.module-131ed636.js +4 -0
  99. package/modern/index.module-71eadc23.js +4 -0
  100. package/modern/typings.d.ts +14 -5
  101. package/moderncssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  102. package/moderncssm/components/primary-tablist/Component.collapsible.js +3 -3
  103. package/moderncssm/components/primary-tablist/Component.responsive.d.ts +1 -1
  104. package/moderncssm/components/primary-tablist/Component.responsive.js +3 -4
  105. package/moderncssm/components/secondary-tablist/Component.responsive.d.ts +1 -1
  106. package/moderncssm/components/secondary-tablist/Component.responsive.js +3 -4
  107. package/moderncssm/components/tabs/Component.d.ts +1 -1
  108. package/moderncssm/components/tabs/Component.js +2 -3
  109. package/moderncssm/components/tabs/Component.responsive.d.ts +1 -1
  110. package/moderncssm/components/tabs/Component.responsive.js +1 -1
  111. package/moderncssm/hooks/use-tablist-titles.d.ts +1 -1
  112. package/moderncssm/hooks/use-tablist-titles.js +3 -3
  113. package/moderncssm/typings.d.ts +14 -5
  114. package/package.json +5 -5
  115. package/src/components/primary-tablist/Component.collapsible.tsx +4 -3
  116. package/src/components/primary-tablist/Component.responsive.tsx +5 -5
  117. package/src/components/secondary-tablist/Component.responsive.tsx +5 -5
  118. package/src/components/tabs/Component.responsive.tsx +13 -1
  119. package/src/components/tabs/Component.tsx +5 -5
  120. package/src/hooks/use-tablist-titles.ts +13 -7
  121. package/src/typings.ts +19 -6
  122. package/typings.d.ts +14 -5
  123. package/esm/index.module-058dc572.js +0 -4
  124. package/esm/index.module-d9cc52ea.js +0 -4
  125. package/index.module-37ffe65f.js +0 -6
  126. package/index.module-fdd7f8ed.js +0 -6
  127. package/modern/index.module-062ab45d.js +0 -4
  128. package/modern/index.module-d3835266.js +0 -4
@@ -7,7 +7,7 @@ import { ChevronLeftCompactSIcon } from '@alfalab/icons-glyph/ChevronLeftCompact
7
7
  import { ChevronRightCompactSIcon } from '@alfalab/icons-glyph/ChevronRightCompactSIcon';
8
8
  import { getDisabledState, scrollIntoFirstTab, scrollIntoLastTab } from './utils.js';
9
9
 
10
- var styles = {"component":"tabs__component_1gt7f","primary":"tabs__primary_1gt7f","button":"tabs__button_1gt7f","xl":"tabs__xl_1gt7f","secondary":"tabs__secondary_1gt7f","xs":"tabs__xs_1gt7f","borderVisible":"tabs__borderVisible_1gt7f"};
10
+ var styles = {"component":"tabs__component_jo57f","primary":"tabs__primary_jo57f","button":"tabs__button_jo57f","xl":"tabs__xl_jo57f","secondary":"tabs__secondary_jo57f","xs":"tabs__xs_jo57f","borderVisible":"tabs__borderVisible_jo57f"};
11
11
  require('./index.css')
12
12
 
13
13
  var ScrollControls = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: 3j1w9 */
1
+ /* hash: 4v3ah */
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);
@@ -51,14 +51,14 @@
51
51
  /* size l */
52
52
 
53
53
  /* size xl */
54
- } .tabs__component_1gt7f {
54
+ } .tabs__component_jo57f {
55
55
  position: relative;
56
56
  display: flex;
57
57
  flex-shrink: 0;
58
- } .tabs__primary_1gt7f {
58
+ } .tabs__primary_jo57f {
59
59
  align-items: flex-start;
60
60
  justify-content: flex-end
61
- } .tabs__primary_1gt7f:after {
61
+ } .tabs__primary_jo57f:after {
62
62
  content: '';
63
63
  display: block;
64
64
  position: absolute;
@@ -66,18 +66,18 @@
66
66
  height: 1px;
67
67
  width: 100%;
68
68
  background-color: var(--primary-tablist-bottom-border-color);
69
- } .tabs__primary_1gt7f {
69
+ } .tabs__primary_jo57f {
70
70
 
71
- .tabs__button_1gt7f:first-child {
71
+ .tabs__button_jo57f:first-child {
72
72
  padding-left: var(--gap-8);
73
73
  margin-right: var(--gap-8);
74
74
  }
75
- } .tabs__primary_1gt7f.tabs__xl_1gt7f .tabs__button_1gt7f:first-child {
75
+ } .tabs__primary_jo57f.tabs__xl_jo57f .tabs__button_jo57f:first-child {
76
76
  margin-right: var(--gap-4);
77
- } .tabs__secondary_1gt7f {
77
+ } .tabs__secondary_jo57f {
78
78
  align-items: center;
79
79
  justify-content: center
80
- } .tabs__secondary_1gt7f:before {
80
+ } .tabs__secondary_jo57f:before {
81
81
  content: '';
82
82
  display: block;
83
83
  position: absolute;
@@ -87,12 +87,12 @@
87
87
  background-color: transparent;
88
88
  transition: background-color 0.3s ease;
89
89
  bottom: var(--gap-0);
90
- } .tabs__secondary_1gt7f.tabs__xs_1gt7f {
90
+ } .tabs__secondary_jo57f.tabs__xs_jo57f {
91
91
  width: 76px;
92
92
 
93
- .tabs__button_1gt7f:first-child {
93
+ .tabs__button_jo57f:first-child {
94
94
  margin-right: var(--gap-4);
95
95
  }
96
- } .tabs__borderVisible_1gt7f:before {
96
+ } .tabs__borderVisible_jo57f:before {
97
97
  background-color: var(--color-light-neutral-translucent-300);
98
98
  }
@@ -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
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_at6za","container":"tabs__container_at6za","fullWidthScroll":"tabs__fullWidthScroll_at6za"};
6
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_e81h0","container":"tabs__container_e81h0","fullWidthScroll":"tabs__fullWidthScroll_e81h0"};
7
7
  require('./index.css')
8
8
 
9
9
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 586yk */
1
+ /* hash: 9giv6 */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -50,9 +50,9 @@
50
50
  /* size l */
51
51
 
52
52
  /* size xl */
53
- } .tabs__scrollableContainerWrapper_at6za {
53
+ } .tabs__scrollableContainerWrapper_e81h0 {
54
54
  display: flex;
55
- } .tabs__container_at6za {
55
+ } .tabs__container_e81h0 {
56
56
  position: relative;
57
57
  overflow-x: auto;
58
58
  overflow-y: hidden;
@@ -63,11 +63,11 @@
63
63
  /* focus-outline fix */
64
64
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
65
65
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4)
66
- } .tabs__container_at6za::-webkit-scrollbar {
66
+ } .tabs__container_e81h0::-webkit-scrollbar {
67
67
  display: none;
68
- } .tabs__container_at6za > * {
68
+ } .tabs__container_e81h0 > * {
69
69
  flex-shrink: 0;
70
- } .tabs__fullWidthScroll_at6za {
70
+ } .tabs__fullWidthScroll_e81h0 {
71
71
  padding-left: var(--gap-0);
72
72
  margin: var(--gap-4-neg) var(--gap-16-neg);
73
73
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
4
4
  import { SecondaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-d9cc52ea.js';
5
+ import { c as commonStyles } from '../../index.module-62a76202.js';
6
6
 
7
7
  var SecondaryTabListDesktop = function (_a) {
8
8
  var _b = _a.size, size = _b === void 0 ? 's' : _b, restProps = __rest(_a, ["size"]);
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TagMobile } from '@alfalab/core-components-tag/esm/mobile';
5
5
  import { SecondaryTabList } from './Component.js';
6
- import { c as commonStyles } from '../../index.module-d9cc52ea.js';
6
+ import { c as commonStyles } from '../../index.module-62a76202.js';
7
7
 
8
- var mobileStyles = {"title":"tabs__title_1ugwv tabs__title_1uwa2","mobile":"tabs__mobile_1ugwv","skeleton":"tabs__skeleton_1ugwv"};
8
+ var mobileStyles = {"title":"tabs__title_1mq3k tabs__title_ndl57","mobile":"tabs__mobile_1mq3k","skeleton":"tabs__skeleton_1mq3k"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { SecondaryTabListProps } from "../../typings";
4
- declare const SecondaryTabListResponsive: ({ defaultMatchMediaValue, fullWidthScroll, breakpoint, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
4
+ declare const SecondaryTabListResponsive: ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
5
5
  export { SecondaryTabListResponsive };
@@ -1,13 +1,12 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
- import { useMatchMedia } from '@alfalab/core-components-mq/esm';
4
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq/esm';
5
4
  import { SecondaryTabListDesktop } from './Component.desktop.js';
6
5
  import { SecondaryTabListMobile } from './Component.mobile.js';
7
6
 
8
7
  var SecondaryTabListResponsive = function (_a) {
9
- var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "fullWidthScroll", "breakpoint"]);
10
- var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
8
+ var fullWidthScroll = _a.fullWidthScroll, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["fullWidthScroll", "breakpoint", "client", "defaultMatchMediaValue"]);
9
+ var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
11
10
  return isDesktop ? (React.createElement(SecondaryTabListDesktop, __assign({}, restProps))) : (React.createElement(SecondaryTabListMobile, __assign({ fullWidthScroll: fullWidthScroll }, restProps)));
12
11
  };
13
12
 
@@ -1,4 +1,4 @@
1
- /* hash: 1sk9u */
1
+ /* hash: gr3w7 */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -60,35 +60,35 @@
60
60
 
61
61
  /* size xl */
62
62
  --secondary-tablist-xl-gaps: var(--gap-16);
63
- } .tabs__component_1uwa2 {
63
+ } .tabs__component_ndl57 {
64
64
  position: relative;
65
65
  display: inline-flex;
66
- } .tabs__fullWidthScroll_1uwa2 {
66
+ } .tabs__fullWidthScroll_ndl57 {
67
67
  margin: var(--gap-0) var(--gap-16);
68
- } .tabs__container_1uwa2 {
68
+ } .tabs__container_ndl57 {
69
69
  overflow: hidden;
70
70
 
71
71
  /* focus-outline fix */
72
72
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
73
73
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
74
- } .tabs__title_1uwa2 {
74
+ } .tabs__title_ndl57 {
75
75
  white-space: nowrap;
76
- } /* sizes */ .tabs__xxs_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
77
- .tabs__xxs_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
76
+ } /* sizes */ .tabs__xxs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
77
+ .tabs__xxs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
78
78
  margin-left: var(--secondary-tablist-xxs-gaps);
79
- } .tabs__xs_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
80
- .tabs__xs_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
79
+ } .tabs__xs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
80
+ .tabs__xs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
81
81
  margin-left: var(--secondary-tablist-xs-gaps);
82
- } .tabs__s_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
83
- .tabs__s_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
82
+ } .tabs__s_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
83
+ .tabs__s_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
84
84
  margin-left: var(--secondary-tablist-s-gaps);
85
- } .tabs__m_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
86
- .tabs__m_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
85
+ } .tabs__m_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
86
+ .tabs__m_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
87
87
  margin-left: var(--secondary-tablist-m-gaps);
88
- } .tabs__l_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
89
- .tabs__l_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
88
+ } .tabs__l_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
89
+ .tabs__l_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
90
90
  margin-left: var(--secondary-tablist-l-gaps);
91
- } .tabs__xl_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
92
- .tabs__xl_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
91
+ } .tabs__xl_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
92
+ .tabs__xl_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
93
93
  margin-left: var(--secondary-tablist-xl-gaps);
94
94
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1tstp */
1
+ /* hash: cfagj */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -61,36 +61,36 @@
61
61
 
62
62
  /* size xl */
63
63
  --secondary-tablist-xl-gaps: var(--gap-16);
64
- }.tabs__component_1uwa2 {
64
+ }.tabs__component_ndl57 {
65
65
  position: relative;
66
66
  display: inline-flex;
67
- }.tabs__fullWidthScroll_1uwa2 {
67
+ }.tabs__fullWidthScroll_ndl57 {
68
68
  margin: var(--gap-0) var(--gap-16);
69
- }.tabs__container_1uwa2 {
69
+ }.tabs__container_ndl57 {
70
70
  overflow: hidden;
71
71
 
72
72
  /* focus-outline fix */
73
73
  margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
74
74
  padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
75
- }.tabs__title_1uwa2 {
75
+ }.tabs__title_ndl57 {
76
76
  white-space: nowrap;
77
- }/* sizes */.tabs__xxs_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
78
- .tabs__xxs_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
77
+ }/* sizes */.tabs__xxs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
78
+ .tabs__xxs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
79
79
  margin-left: var(--secondary-tablist-xxs-gaps);
80
- }.tabs__xs_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
81
- .tabs__xs_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
80
+ }.tabs__xs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
81
+ .tabs__xs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
82
82
  margin-left: var(--secondary-tablist-xs-gaps);
83
- }.tabs__s_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
84
- .tabs__s_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
83
+ }.tabs__s_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
84
+ .tabs__s_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
85
85
  margin-left: var(--secondary-tablist-s-gaps);
86
- }.tabs__m_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
87
- .tabs__m_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
86
+ }.tabs__m_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
87
+ .tabs__m_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
88
88
  margin-left: var(--secondary-tablist-m-gaps);
89
- }.tabs__l_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
90
- .tabs__l_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
89
+ }.tabs__l_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
90
+ .tabs__l_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
91
91
  margin-left: var(--secondary-tablist-l-gaps);
92
- }.tabs__xl_1uwa2 .tabs__title_1uwa2 + .tabs__title_1uwa2,
93
- .tabs__xl_1uwa2 .tabs__skeleton_1uwa2 + .tabs__skeleton_1uwa2 {
92
+ }.tabs__xl_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
93
+ .tabs__xl_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
94
94
  margin-left: var(--secondary-tablist-xl-gaps);
95
95
  } :root {
96
96
  --color-dark-indigo: #0b1f35; /* deprecated */
@@ -1728,8 +1728,8 @@
1728
1728
 
1729
1729
  /* size xl */
1730
1730
  --secondary-tablist-xl-gaps: var(--gap-16);
1731
- } .tabs__title_1ugwv {
1732
- } .tabs__mobile_1ugwv .tabs__title_1ugwv + .tabs__title_1ugwv,
1733
- .tabs__mobile_1ugwv .tabs__skeleton_1ugwv + .tabs__skeleton_1ugwv {
1731
+ } .tabs__title_1mq3k {
1732
+ } .tabs__mobile_1mq3k .tabs__title_1mq3k + .tabs__title_1mq3k,
1733
+ .tabs__mobile_1mq3k .tabs__skeleton_1mq3k + .tabs__skeleton_1mq3k {
1734
1734
  margin-left: var(--secondary-tablist-mobile-gaps);
1735
1735
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_lgv5q","hidden":"tabs__hidden_lgv5q"};
4
+ var styles = {"component":"tabs__component_13lb5","hidden":"tabs__hidden_13lb5"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: 1pmof */
2
- .tabs__component_lgv5q {
1
+ /* hash: 1tv0c */
2
+ .tabs__component_13lb5 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_lgv5q {
6
+ .tabs__hidden_13lb5 {
7
7
  display: none;
8
8
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { TabsProps } from "../../typings";
4
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
4
+ declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
5
5
  export { Tabs };
@@ -1,8 +1,7 @@
1
1
  import React, { cloneElement } from 'react';
2
- import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
3
2
 
4
3
  var Tabs = function (_a) {
5
- var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, _d = _a.breakpoint, breakpoint = _d === void 0 ? getComponentBreakpoint() : _d, tagShape = _a.tagShape, tagView = _a.tagView, _e = _a.showSkeleton, showSkeleton = _e === void 0 ? false : _e, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style;
4
+ var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style;
6
5
  var tabsArray = React.Children.toArray(children);
7
6
  var titles = tabsArray.map(function (_a) {
8
7
  var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
@@ -19,7 +18,7 @@ var Tabs = function (_a) {
19
18
  });
20
19
  var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
21
20
  return (React.createElement("div", { className: className },
22
- React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll, breakpoint: breakpoint, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style, showSkeleton: showSkeleton, skeletonProps: skeletonProps }),
21
+ React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client, fullWidthScroll: fullWidthScroll, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style, showSkeleton: showSkeleton, skeletonProps: skeletonProps }),
23
22
  tabs.map(function (tab) { return cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
24
23
  };
25
24
 
@@ -2,5 +2,5 @@
2
2
  import React from 'react';
3
3
  import { TabsProps } from "../../typings";
4
4
  type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
5
- declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
5
+ declare const TabsResponsive: ({ view, scrollable, breakpoint, client, defaultMatchMediaValue, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
6
6
  export { TabsResponsiveProps, TabsResponsive };
@@ -9,8 +9,8 @@ var views = {
9
9
  secondary: SecondaryTabListResponsive,
10
10
  };
11
11
  var TabsResponsive = function (_a) {
12
- var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = __rest(_a, ["view", "scrollable"]);
13
- return React.createElement(Tabs, __assign({ TabList: views[view], scrollable: scrollable }, restProps));
12
+ var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, breakpoint = _a.breakpoint, client = _a.client, _d = _a.defaultMatchMediaValue, defaultMatchMediaValue = _d === void 0 ? client === undefined ? undefined : client === 'desktop' : _d, restProps = __rest(_a, ["view", "scrollable", "breakpoint", "client", "defaultMatchMediaValue"]);
13
+ return (React.createElement(Tabs, __assign({ TabList: views[view], scrollable: scrollable, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client }, restProps)));
14
14
  };
15
15
 
16
16
  export { TabsResponsive };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { TabListProps } from "../typings";
3
- declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint, onChange, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue'> & Required<Pick<TabListProps, 'breakpoint'>>) => {
3
+ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChange, breakpoint, client, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue' | 'breakpoint' | 'client'>) => {
4
4
  containerRef: import("react").RefObject<HTMLDivElement>;
5
5
  addonRef: import("react").RefObject<HTMLInputElement>;
6
6
  tablistTitles: {
@@ -1,13 +1,13 @@
1
1
  import { __assign } from 'tslib';
2
2
  import { useMemo } from 'react';
3
- import { useMatchMedia } from '@alfalab/core-components-mq/esm';
3
+ import { useIsDesktop } from '@alfalab/core-components-mq/esm';
4
4
  import { useCollapsibleElements } from './use-collapsible-elements.js';
5
5
  import { useTabs } from './use-tabs.js';
6
6
 
7
7
  var useTablistTitles = function (_a) {
8
- var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsedTabsIds = _a.collapsedTabsIds, breakpoint = _a.breakpoint, onChange = _a.onChange, defaultMatchMediaValue = _a.defaultMatchMediaValue;
9
- var _c = useCollapsibleElements('[role=tab]', [titles, collapsedTabsIds]), containerRef = _c.containerRef, addonRef = _c.addonRef, idsCollapsedElements = _c.idsCollapsedElements;
10
- var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
8
+ var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsedTabsIds = _a.collapsedTabsIds, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? client === undefined ? undefined : client === 'desktop' : _c;
9
+ var _d = useCollapsibleElements('[role=tab]', [titles, collapsedTabsIds]), containerRef = _d.containerRef, addonRef = _d.addonRef, idsCollapsedElements = _d.idsCollapsedElements;
10
+ var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
11
11
  var tablistTitles = useMemo(function () {
12
12
  var idsCollapsedTitles = [];
13
13
  var idsCollapsed = idsCollapsedElements.concat(collapsedTabsIds || []);
@@ -46,11 +46,11 @@ var useTablistTitles = function (_a) {
46
46
  return a.collapsed ? 1 : -1;
47
47
  });
48
48
  }, [collapsedTabsIds, idsCollapsedElements, isDesktop, titles, selectedId]);
49
- var _d = useTabs({
49
+ var _e = useTabs({
50
50
  titles: tablistTitles,
51
51
  selectedId: selectedId,
52
52
  onChange: onChange,
53
- }), selectedTab = _d.selectedTab, focusedTab = _d.focusedTab, getTabListItemProps = _d.getTabListItemProps;
53
+ }), selectedTab = _e.selectedTab, focusedTab = _e.focusedTab, getTabListItemProps = _e.getTabListItemProps;
54
54
  return {
55
55
  containerRef: containerRef,
56
56
  addonRef: addonRef,
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_ndl57","fullWidthScroll":"tabs__fullWidthScroll_ndl57","container":"tabs__container_ndl57","title":"tabs__title_ndl57","xxs":"tabs__xxs_ndl57","skeleton":"tabs__skeleton_ndl57","xs":"tabs__xs_ndl57","s":"tabs__s_ndl57","m":"tabs__m_ndl57","l":"tabs__l_ndl57","xl":"tabs__xl_ndl57"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var styles = {"component":"tabs__component_3iblt","desktop":"tabs__desktop_3iblt","paragraph-primary-large":"tabs__paragraph-primary-large_3iblt","title":"tabs__title_3iblt","paragraph-primary-medium":"tabs__paragraph-primary-medium_3iblt","paragraph-primary-small":"tabs__paragraph-primary-small_3iblt","action-primary-large":"tabs__action-primary-large_3iblt","action-primary-medium":"tabs__action-primary-medium_3iblt","action-primary-small":"tabs__action-primary-small_3iblt","accent-primary-large":"tabs__accent-primary-large_3iblt","accent-primary-medium":"tabs__accent-primary-medium_3iblt","accent-primary-small":"tabs__accent-primary-small_3iblt","pickerWrapper":"tabs__pickerWrapper_3iblt","option":"tabs__option_3iblt","scrollControls":"tabs__scrollControls_3iblt","headline-system-xlarge":"tabs__headline-system-xlarge_3iblt","headline-system-large":"tabs__headline-system-large_3iblt","headline-system-medium":"tabs__headline-system-medium_3iblt","headline-system-small":"tabs__headline-system-small_3iblt","headline-system-xsmall":"tabs__headline-system-xsmall_3iblt","headline-xlarge":"tabs__headline-xlarge_3iblt","headline-large":"tabs__headline-large_3iblt","headline-medium":"tabs__headline-medium_3iblt","headline-small":"tabs__headline-small_3iblt","headline-xsmall":"tabs__headline-xsmall_3iblt","fullWidthScroll":"tabs__fullWidthScroll_3iblt","container":"tabs__container_3iblt","focused":"tabs__focused_3iblt","collapsed":"tabs__collapsed_3iblt","selected":"tabs__selected_3iblt","disabled":"tabs__disabled_3iblt","line":"tabs__line_3iblt","s":"tabs__s_3iblt","xs":"tabs__xs_3iblt","xxs":"tabs__xxs_3iblt","m":"tabs__m_3iblt","l":"tabs__l_3iblt","xl":"tabs__xl_3iblt","rightAddons":"tabs__rightAddons_3iblt","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_3iblt"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { styles as s };
package/esm/typings.d.ts CHANGED
@@ -32,10 +32,6 @@ type TabsProps = {
32
32
  * Высота заголовков табов
33
33
  */
34
34
  size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
35
- /**
36
- * Значение по-умолчанию для хука useMatchMedia
37
- */
38
- defaultMatchMediaValue?: boolean | (() => boolean);
39
35
  /**
40
36
  * Мобильный вид
41
37
  */
@@ -71,10 +67,19 @@ type TabsProps = {
71
67
  */
72
68
  dataTestId?: string;
73
69
  /**
74
- * Контрольная точка для тега, с нее начинается desktop версия
70
+ * Контрольная точка, с нее начинается desktop версия
75
71
  * @default 1024
76
72
  */
77
73
  breakpoint?: number;
74
+ /**
75
+ * Версия, которая будет использоваться при серверном рендеринге
76
+ */
77
+ client?: 'desktop' | 'mobile';
78
+ /**
79
+ * Значение по-умолчанию для хука useMatchMedia
80
+ * @deprecated Используйте client
81
+ */
82
+ defaultMatchMediaValue?: boolean | (() => boolean);
78
83
  /**
79
84
  * Форма тега (для view secondary только)
80
85
  */
@@ -164,6 +169,10 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
164
169
  * @default 1024
165
170
  */
166
171
  breakpoint?: number;
172
+ /**
173
+ * Версия, которая будет использоваться при серверном рендеринге
174
+ */
175
+ client?: 'desktop' | 'mobile';
167
176
  /**
168
177
  * Дополнительные инлайн стили для заголовка
169
178
  */