@alfalab/core-components-tabs 8.12.2 → 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-5dc448d8.js +0 -4
  124. package/esm/index.module-9c29c340.js +0 -4
  125. package/index.module-40f69032.js +0 -6
  126. package/index.module-f0cef476.js +0 -6
  127. package/modern/index.module-263ea369.js +0 -4
  128. package/modern/index.module-3fb42302.js +0 -4
@@ -17,7 +17,7 @@ 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_17par","primary":"tabs__primary_17par","button":"tabs__button_17par","xl":"tabs__xl_17par","secondary":"tabs__secondary_17par","xs":"tabs__xs_17par","borderVisible":"tabs__borderVisible_17par"};
20
+ 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"};
21
21
  require('./index.css')
22
22
 
23
23
  var ScrollControls = React.forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: yqbka */
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_17par {
54
+ } .tabs__component_jo57f {
55
55
  position: relative;
56
56
  display: flex;
57
57
  flex-shrink: 0;
58
- } .tabs__primary_17par {
58
+ } .tabs__primary_jo57f {
59
59
  align-items: flex-start;
60
60
  justify-content: flex-end
61
- } .tabs__primary_17par: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_17par {
69
+ } .tabs__primary_jo57f {
70
70
 
71
- .tabs__button_17par: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_17par.tabs__xl_17par .tabs__button_17par:first-child {
75
+ } .tabs__primary_jo57f.tabs__xl_jo57f .tabs__button_jo57f:first-child {
76
76
  margin-right: var(--gap-4);
77
- } .tabs__secondary_17par {
77
+ } .tabs__secondary_jo57f {
78
78
  align-items: center;
79
79
  justify-content: center
80
- } .tabs__secondary_17par: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_17par.tabs__xs_17par {
90
+ } .tabs__secondary_jo57f.tabs__xs_jo57f {
91
91
  width: 76px;
92
92
 
93
- .tabs__button_17par:first-child {
93
+ .tabs__button_jo57f:first-child {
94
94
  margin-right: var(--gap-4);
95
95
  }
96
- } .tabs__borderVisible_17par:before {
96
+ } .tabs__borderVisible_jo57f:before {
97
97
  background-color: var(--color-light-neutral-translucent-300);
98
98
  }
@@ -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_1aedf","container":"tabs__container_1aedf","fullWidthScroll":"tabs__fullWidthScroll_1aedf"};
15
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_e81h0","container":"tabs__container_e81h0","fullWidthScroll":"tabs__fullWidthScroll_e81h0"};
16
16
  require('./index.css')
17
17
 
18
18
  /**
@@ -1,4 +1,4 @@
1
- /* hash: ajr7d */
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_1aedf {
53
+ } .tabs__scrollableContainerWrapper_e81h0 {
54
54
  display: flex;
55
- } .tabs__container_1aedf {
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_1aedf::-webkit-scrollbar {
66
+ } .tabs__container_e81h0::-webkit-scrollbar {
67
67
  display: none;
68
- } .tabs__container_1aedf > * {
68
+ } .tabs__container_e81h0 > * {
69
69
  flex-shrink: 0;
70
- } .tabs__fullWidthScroll_1aedf {
70
+ } .tabs__fullWidthScroll_e81h0 {
71
71
  padding-left: var(--gap-0);
72
72
  margin: var(--gap-4-neg) var(--gap-16-neg);
73
73
  }
@@ -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-40f69032.js');
9
+ var index_module = require('../../index.module-b736b98c.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
@@ -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-40f69032.js');
10
+ var index_module = require('../../index.module-b736b98c.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_1mlaz tabs__title_fd7am","mobile":"tabs__mobile_1mlaz","skeleton":"tabs__skeleton_1mlaz"};
17
+ var mobileStyles = {"title":"tabs__title_1mq3k tabs__title_ndl57","mobile":"tabs__mobile_1mq3k","skeleton":"tabs__skeleton_1mq3k"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var styles = tslib.__assign(tslib.__assign({}, index_module.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 };
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq');
8
- var coreComponentsShared = require('@alfalab/core-components-shared');
9
8
  var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
10
9
  var components_secondaryTablist_Component_mobile = require('./Component.mobile.js');
11
10
 
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
14
 
16
15
  var SecondaryTabListResponsive = function (_a) {
17
- var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "fullWidthScroll", "breakpoint"]);
18
- var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
16
+ var fullWidthScroll = _a.fullWidthScroll, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["fullWidthScroll", "breakpoint", "client", "defaultMatchMediaValue"]);
17
+ var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
19
18
  return isDesktop ? (React__default.default.createElement(components_secondaryTablist_Component_desktop.SecondaryTabListDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(components_secondaryTablist_Component_mobile.SecondaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll }, restProps)));
20
19
  };
21
20
 
@@ -1,4 +1,4 @@
1
- /* hash: 5a8um */
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_fd7am {
63
+ } .tabs__component_ndl57 {
64
64
  position: relative;
65
65
  display: inline-flex;
66
- } .tabs__fullWidthScroll_fd7am {
66
+ } .tabs__fullWidthScroll_ndl57 {
67
67
  margin: var(--gap-0) var(--gap-16);
68
- } .tabs__container_fd7am {
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_fd7am {
74
+ } .tabs__title_ndl57 {
75
75
  white-space: nowrap;
76
- } /* sizes */ .tabs__xxs_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
77
- .tabs__xxs_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
80
- .tabs__xs_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
83
- .tabs__s_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
86
- .tabs__m_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
89
- .tabs__l_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
92
- .tabs__xl_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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: 1go5f */
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_fd7am {
64
+ }.tabs__component_ndl57 {
65
65
  position: relative;
66
66
  display: inline-flex;
67
- }.tabs__fullWidthScroll_fd7am {
67
+ }.tabs__fullWidthScroll_ndl57 {
68
68
  margin: var(--gap-0) var(--gap-16);
69
- }.tabs__container_fd7am {
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_fd7am {
75
+ }.tabs__title_ndl57 {
76
76
  white-space: nowrap;
77
- }/* sizes */.tabs__xxs_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
78
- .tabs__xxs_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
81
- .tabs__xs_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
84
- .tabs__s_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
87
- .tabs__m_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
90
- .tabs__l_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_fd7am .tabs__title_fd7am + .tabs__title_fd7am,
93
- .tabs__xl_fd7am .tabs__skeleton_fd7am + .tabs__skeleton_fd7am {
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_1mlaz {
1732
- } .tabs__mobile_1mlaz .tabs__title_1mlaz + .tabs__title_1mlaz,
1733
- .tabs__mobile_1mlaz .tabs__skeleton_1mlaz + .tabs__skeleton_1mlaz {
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
  }
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
12
12
 
13
- var styles = {"component":"tabs__component_13q3q","hidden":"tabs__hidden_13q3q"};
13
+ var styles = {"component":"tabs__component_13lb5","hidden":"tabs__hidden_13lb5"};
14
14
  require('./index.css')
15
15
 
16
16
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: 1srrz */
2
- .tabs__component_13q3q {
1
+ /* hash: 1tv0c */
2
+ .tabs__component_13lb5 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_13q3q {
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 };
@@ -3,14 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var coreComponentsShared = require('@alfalab/core-components-shared');
7
6
 
8
7
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
8
 
10
9
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
10
 
12
11
  var Tabs = function (_a) {
13
- 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 ? coreComponentsShared.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;
12
+ 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;
14
13
  var tabsArray = React__default.default.Children.toArray(children);
15
14
  var titles = tabsArray.map(function (_a) {
16
15
  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;
@@ -27,7 +26,7 @@ var Tabs = function (_a) {
27
26
  });
28
27
  var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
29
28
  return (React__default.default.createElement("div", { className: className },
30
- React__default.default.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 }),
29
+ React__default.default.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 }),
31
30
  tabs.map(function (tab) { return React.cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
32
31
  };
33
32
 
@@ -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 };
@@ -17,8 +17,8 @@ var views = {
17
17
  secondary: components_secondaryTablist_Component_responsive.SecondaryTabListResponsive,
18
18
  };
19
19
  var TabsResponsive = function (_a) {
20
- var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = tslib.__rest(_a, ["view", "scrollable"]);
21
- return React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
20
+ 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 = tslib.__rest(_a, ["view", "scrollable", "breakpoint", "client", "defaultMatchMediaValue"]);
21
+ return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client }, restProps)));
22
22
  };
23
23
 
24
24
  exports.TabsResponsive = TabsResponsive;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { TabListProps } from "../../typings";
4
- declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
4
+ declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, client, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
5
5
  export { CollapsiblePrimaryTabList };
@@ -8,7 +8,6 @@ var cn = require('classnames');
8
8
  var coreComponentsBadge = require('@alfalab/core-components-badge/cssm');
9
9
  var coreComponentsKeyboardFocusable = require('@alfalab/core-components-keyboard-focusable/cssm');
10
10
  var desktop = require('@alfalab/core-components-picker-button/cssm/desktop');
11
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
12
11
  var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
13
12
  var syntheticEvents = require('../../synthetic-events.js');
14
13
  var components_title_Component = require('../title/Component.js');
@@ -21,16 +20,17 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
20
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
22
21
 
23
22
  var CollapsiblePrimaryTabList = function (_a) {
24
- var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? coreComponentsShared.getComponentBreakpoint() : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
23
+ var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
25
24
  var lineRef = React.useRef(null);
26
- var _f = hooks_useTablistTitles.useTablistTitles({
25
+ var _e = hooks_useTablistTitles.useTablistTitles({
27
26
  titles: titles,
28
27
  selectedId: selectedId,
29
28
  collapsedTabsIds: collapsedTabsIds,
30
- breakpoint: breakpoint,
31
29
  onChange: onChange,
30
+ breakpoint: breakpoint,
31
+ client: client,
32
32
  defaultMatchMediaValue: defaultMatchMediaValue,
33
- }), containerRef = _f.containerRef, addonRef = _f.addonRef, tablistTitles = _f.tablistTitles, selectedTab = _f.selectedTab, getTabListItemProps = _f.getTabListItemProps;
33
+ }), containerRef = _e.containerRef, addonRef = _e.addonRef, tablistTitles = _e.tablistTitles, selectedTab = _e.selectedTab, getTabListItemProps = _e.getTabListItemProps;
34
34
  React.useEffect(function () {
35
35
  if (selectedTab && lineRef.current) {
36
36
  lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { TabListProps } from "../../typings";
4
- declare const PrimaryTabListResponsive: ({ size, breakpoint, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
4
+ declare const PrimaryTabListResponsive: ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
5
5
  export { PrimaryTabListResponsive };
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
8
- var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
8
  var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
10
9
  var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
11
10
 
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
14
 
16
15
  var PrimaryTabListResponsive = function (_a) {
17
- var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);
18
- var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
16
+ var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);
17
+ var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
19
18
  return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_desktop.PrimaryTabListDesktop, tslib.__assign({ breakpoint: breakpoint, size: size, defaultMatchMediaValue: defaultMatchMediaValue }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_mobile.PrimaryTabListMobile, tslib.__assign({ breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll }, restProps)));
20
19
  };
21
20
 
@@ -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 };