@alfalab/core-components-tabs 7.1.0 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/components/primary-tablist/Component.desktop.js +2 -2
  2. package/components/primary-tablist/Component.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +3 -3
  4. package/components/primary-tablist/Component.responsive.js +2 -2
  5. package/components/primary-tablist/index.css +22 -21
  6. package/components/primary-tablist/mobile.css +26 -24
  7. package/components/scrollable-container/Component.js +1 -1
  8. package/components/scrollable-container/index.css +5 -5
  9. package/components/secondary-tablist/Component.desktop.js +2 -2
  10. package/components/secondary-tablist/Component.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +3 -3
  12. package/components/secondary-tablist/Component.responsive.js +2 -2
  13. package/components/secondary-tablist/index.css +11 -11
  14. package/components/secondary-tablist/mobile.css +14 -13
  15. package/components/tab/Component.js +1 -1
  16. package/components/tab/index.css +3 -3
  17. package/components/tabs/Component.desktop.js +3 -3
  18. package/components/tabs/Component.mobile.js +3 -3
  19. package/components/tabs/Component.responsive.js +3 -3
  20. package/cssm/components/primary-tablist/index.module.css +2 -1
  21. package/desktop.js +3 -3
  22. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  23. package/esm/components/primary-tablist/Component.js +1 -1
  24. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  25. package/esm/components/primary-tablist/Component.responsive.js +2 -2
  26. package/esm/components/primary-tablist/index.css +22 -21
  27. package/esm/components/primary-tablist/mobile.css +26 -24
  28. package/esm/components/scrollable-container/Component.js +1 -1
  29. package/esm/components/scrollable-container/index.css +5 -5
  30. package/esm/components/secondary-tablist/Component.desktop.js +2 -2
  31. package/esm/components/secondary-tablist/Component.js +1 -1
  32. package/esm/components/secondary-tablist/Component.mobile.js +3 -3
  33. package/esm/components/secondary-tablist/Component.responsive.js +2 -2
  34. package/esm/components/secondary-tablist/index.css +11 -11
  35. package/esm/components/secondary-tablist/mobile.css +14 -13
  36. package/esm/components/tab/Component.js +1 -1
  37. package/esm/components/tab/index.css +3 -3
  38. package/esm/components/tabs/Component.desktop.js +3 -3
  39. package/esm/components/tabs/Component.mobile.js +3 -3
  40. package/esm/components/tabs/Component.responsive.js +3 -3
  41. package/esm/desktop.js +3 -3
  42. package/esm/index.js +3 -3
  43. package/esm/index.module-17321b1b.js +4 -0
  44. package/esm/index.module-198d371d.js +4 -0
  45. package/esm/mobile.js +3 -3
  46. package/esm/responsive.js +3 -3
  47. package/esm/{tslib.es6-fbd13ab9.d.ts → tslib.es6-444ae64e.d.ts} +0 -0
  48. package/esm/{tslib.es6-fbd13ab9.js → tslib.es6-444ae64e.js} +0 -0
  49. package/index.js +3 -3
  50. package/index.module-3530e300.js +6 -0
  51. package/index.module-c424649c.js +6 -0
  52. package/mobile.js +3 -3
  53. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  54. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  55. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  56. package/modern/components/primary-tablist/index.css +22 -21
  57. package/modern/components/primary-tablist/mobile.css +26 -24
  58. package/modern/components/scrollable-container/Component.js +1 -1
  59. package/modern/components/scrollable-container/index.css +5 -5
  60. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  61. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  62. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  63. package/modern/components/secondary-tablist/index.css +11 -11
  64. package/modern/components/secondary-tablist/mobile.css +14 -13
  65. package/modern/components/tab/Component.js +1 -1
  66. package/modern/components/tab/index.css +3 -3
  67. package/modern/components/tabs/Component.desktop.js +2 -2
  68. package/modern/components/tabs/Component.mobile.js +2 -2
  69. package/modern/components/tabs/Component.responsive.js +2 -2
  70. package/modern/desktop.js +2 -2
  71. package/modern/index.js +2 -2
  72. package/modern/index.module-17321b1b.js +4 -0
  73. package/modern/index.module-198d371d.js +4 -0
  74. package/modern/mobile.js +2 -2
  75. package/modern/responsive.js +2 -2
  76. package/package.json +1 -1
  77. package/responsive.js +3 -3
  78. package/{tslib.es6-e61a3999.d.ts → tslib.es6-fcb75541.d.ts} +0 -0
  79. package/{tslib.es6-e61a3999.js → tslib.es6-fcb75541.js} +0 -0
  80. package/esm/index.module-134e200e.js +0 -4
  81. package/esm/index.module-523e7b48.js +0 -4
  82. package/index.module-509288bb.js +0 -6
  83. package/index.module-7226e3a9.js +0 -6
  84. package/modern/index.module-134e200e.js +0 -4
  85. package/modern/index.module-523e7b48.js +0 -4
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  require('classnames');
@@ -10,7 +10,7 @@ require('compute-scroll-into-view');
10
10
  require('../scrollable-container/Component.js');
11
11
  require('../../useTabs.js');
12
12
  var components_primaryTablist_Component = require('./Component.js');
13
- var index_module = require('../../index.module-7226e3a9.js');
13
+ var index_module = require('../../index.module-c424649c.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  var coreComponentsKeyboardFocusable = require('@alfalab/core-components-keyboard-focusable');
8
8
  var cn = require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  var cn = require('classnames');
@@ -10,14 +10,14 @@ require('compute-scroll-into-view');
10
10
  require('../scrollable-container/Component.js');
11
11
  require('../../useTabs.js');
12
12
  var components_primaryTablist_Component = require('./Component.js');
13
- var index_module = require('../../index.module-7226e3a9.js');
13
+ var index_module = require('../../index.module-c424649c.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var mobileStyles = {"title":"tabs__title_186yr tabs__title_3bs9g","mobile":"tabs__mobile_186yr"};
20
+ var mobileStyles = {"title":"tabs__title_fowyz tabs__title_1aith","mobile":"tabs__mobile_fowyz"};
21
21
  require('./mobile.css')
22
22
 
23
23
  var styles = tslib_es6.__assign(tslib_es6.__assign({}, index_module.commonStyles), mobileStyles);
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  require('classnames');
@@ -10,7 +10,7 @@ require('compute-scroll-into-view');
10
10
  require('../scrollable-container/Component.js');
11
11
  require('../../useTabs.js');
12
12
  require('./Component.js');
13
- require('../../index.module-7226e3a9.js');
13
+ require('../../index.module-c424649c.js');
14
14
  var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
15
15
  var hooks = require('@alfalab/hooks');
16
16
  var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
@@ -1,4 +1,4 @@
1
- /* hash: cqbct */
1
+ /* hash: skdkb */
2
2
  :root {
3
3
  --color-light-border-accent: #ef3124;
4
4
  --color-light-border-link: #007aff;
@@ -37,6 +37,7 @@
37
37
  --primary-tablist-disabled-color: var(--color-light-text-tertiary);
38
38
  --primary-tablist-bottom-border-color: var(--color-light-border-primary);
39
39
  --primary-tablist-line-color: var(--color-light-border-accent);
40
+ --primary-tablist-font-feature-settings: normal;
40
41
 
41
42
  /* mobile */
42
43
 
@@ -82,12 +83,12 @@
82
83
 
83
84
  /* size xl */
84
85
  }
85
- .tabs__component_3bs9g {
86
+ .tabs__component_1aith {
86
87
  position: relative;
87
88
  display: inline-flex;
88
89
  min-width: 100%
89
90
  }
90
- .tabs__component_3bs9g:before {
91
+ .tabs__component_1aith:before {
91
92
  content: '';
92
93
  display: block;
93
94
  position: absolute;
@@ -96,22 +97,22 @@
96
97
  width: 100%;
97
98
  background-color: var(--primary-tablist-bottom-border-color);
98
99
  }
99
- .tabs__fullWidthScroll_3bs9g {
100
+ .tabs__fullWidthScroll_1aith {
100
101
  min-width: calc(100% - 2 * var(--gap-m));
101
102
  margin: 0 var(--gap-m);
102
103
  }
103
- .tabs__container_3bs9g {
104
+ .tabs__container_1aith {
104
105
  position: relative;
105
106
  overflow: hidden;
106
107
  }
107
- .tabs__title_3bs9g {
108
+ .tabs__title_1aith {
108
109
  display: flex;
109
110
  align-items: center;
110
111
  height: 100%;
111
112
  padding: 0;
112
113
  cursor: pointer;
113
114
  color: var(--primary-tablist-color);
114
- font-feature-settings: 'ss01';
115
+ font-feature-settings: var(--primary-tablist-font-feature-settings);
115
116
  transition: color 0.2s ease;
116
117
  border: 0;
117
118
  background: none;
@@ -122,22 +123,22 @@
122
123
  cursor: pointer;
123
124
  outline: none
124
125
  }
125
- .tabs__title_3bs9g:not(.tabs__disabled_3bs9g):hover {
126
+ .tabs__title_1aith:not(.tabs__disabled_1aith):hover {
126
127
  color: var(--primary-tablist-hover-color);
127
128
  }
128
- .tabs__focused_3bs9g {
129
+ .tabs__focused_1aith {
129
130
  outline: 2px solid var(--focus-color);
130
131
  outline-offset: 2px;
131
132
  }
132
- .tabs__selected_3bs9g {
133
+ .tabs__selected_1aith {
133
134
  cursor: default;
134
135
  color: var(--primary-tablist-selected-color);
135
136
  }
136
- .tabs__disabled_3bs9g {
137
+ .tabs__disabled_1aith {
137
138
  cursor: var(--disabled-cursor);
138
139
  color: var(--primary-tablist-disabled-color);
139
140
  }
140
- .tabs__line_3bs9g {
141
+ .tabs__line_1aith {
141
142
  position: absolute;
142
143
  height: 3px;
143
144
  bottom: 0;
@@ -146,46 +147,46 @@
146
147
  transition: transform 0.2s ease, width 0.2s ease;
147
148
  }
148
149
  /* sizes */
149
- .tabs__s_3bs9g .tabs__title_3bs9g, .tabs__xs_3bs9g .tabs__title_3bs9g, .tabs__xxs_3bs9g .tabs__title_3bs9g {
150
+ .tabs__s_1aith .tabs__title_1aith, .tabs__xs_1aith .tabs__title_1aith, .tabs__xxs_1aith .tabs__title_1aith {
150
151
  padding: var(--primary-tablist-s-padding);
151
152
  font-size: var(--primary-tablist-s-font-size);
152
153
  font-weight: var(--primary-tablist-s-font-weight);
153
154
  font-family: var(--primary-tablist-s-font-family);
154
155
  line-height: 24px;
155
156
  }
156
- .tabs__s_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g, .tabs__xs_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g, .tabs__xxs_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
157
+ .tabs__s_1aith .tabs__title_1aith + .tabs__title_1aith, .tabs__xs_1aith .tabs__title_1aith + .tabs__title_1aith, .tabs__xxs_1aith .tabs__title_1aith + .tabs__title_1aith {
157
158
  margin-left: var(--primary-tablist-s-gaps);
158
159
  }
159
- .tabs__m_3bs9g .tabs__title_3bs9g {
160
+ .tabs__m_1aith .tabs__title_1aith {
160
161
  padding: var(--primary-tablist-m-padding);
161
162
  font-size: var(--primary-tablist-m-font-size);
162
163
  font-weight: var(--primary-tablist-m-font-weight);
163
164
  font-family: var(--primary-tablist-m-font-family);
164
165
  line-height: 24px;
165
166
  }
166
- .tabs__m_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
167
+ .tabs__m_1aith .tabs__title_1aith + .tabs__title_1aith {
167
168
  margin-left: var(--primary-tablist-m-gaps);
168
169
  }
169
- .tabs__l_3bs9g .tabs__title_3bs9g {
170
+ .tabs__l_1aith .tabs__title_1aith {
170
171
  padding: var(--primary-tablist-l-padding);
171
172
  font-size: var(--primary-tablist-l-font-size);
172
173
  font-weight: var(--primary-tablist-l-font-weight);
173
174
  font-family: var(--primary-tablist-l-font-family);
174
175
  line-height: 24px;
175
176
  }
176
- .tabs__l_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
177
+ .tabs__l_1aith .tabs__title_1aith + .tabs__title_1aith {
177
178
  margin-left: var(--primary-tablist-l-gaps);
178
179
  }
179
- .tabs__xl_3bs9g .tabs__title_3bs9g {
180
+ .tabs__xl_1aith .tabs__title_1aith {
180
181
  padding: var(--primary-tablist-xl-padding);
181
182
  font-size: var(--primary-tablist-xl-font-size);
182
183
  font-weight: var(--primary-tablist-xl-font-weight);
183
184
  font-family: var(--primary-tablist-xl-font-family);
184
185
  line-height: 32px;
185
186
  }
186
- .tabs__xl_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
187
+ .tabs__xl_1aith .tabs__title_1aith + .tabs__title_1aith {
187
188
  margin-left: var(--primary-tablist-xl-gaps);
188
189
  }
189
- .tabs__rightAddons_3bs9g {
190
+ .tabs__rightAddons_1aith {
190
191
  margin-left: var(--gap-xs);
191
192
  }
@@ -1,4 +1,4 @@
1
- /* hash: ktvhl */
1
+ /* hash: tyvld */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -37,6 +37,7 @@
37
37
  --primary-tablist-disabled-color: var(--color-light-text-tertiary);
38
38
  --primary-tablist-bottom-border-color: var(--color-light-border-primary);
39
39
  --primary-tablist-line-color: var(--color-light-border-accent);
40
+ --primary-tablist-font-feature-settings: normal;
40
41
 
41
42
  /* mobile */
42
43
  --primary-tablist-mobile-gaps: var(--gap-xl);
@@ -87,11 +88,11 @@
87
88
  /* size l */
88
89
 
89
90
  /* size xl */
90
- }.tabs__component_3bs9g {
91
+ }.tabs__component_1aith {
91
92
  position: relative;
92
93
  display: inline-flex;
93
94
  min-width: 100%
94
- }.tabs__component_3bs9g:before {
95
+ }.tabs__component_1aith:before {
95
96
  content: '';
96
97
  display: block;
97
98
  position: absolute;
@@ -99,20 +100,20 @@
99
100
  height: 1px;
100
101
  width: 100%;
101
102
  background-color: var(--primary-tablist-bottom-border-color);
102
- }.tabs__fullWidthScroll_3bs9g {
103
+ }.tabs__fullWidthScroll_1aith {
103
104
  min-width: calc(100% - 2 * var(--gap-m));
104
105
  margin: 0 var(--gap-m);
105
- }.tabs__container_3bs9g {
106
+ }.tabs__container_1aith {
106
107
  position: relative;
107
108
  overflow: hidden;
108
- }.tabs__title_3bs9g {
109
+ }.tabs__title_1aith {
109
110
  display: flex;
110
111
  align-items: center;
111
112
  height: 100%;
112
113
  padding: 0;
113
114
  cursor: pointer;
114
115
  color: var(--primary-tablist-color);
115
- font-feature-settings: 'ss01';
116
+ font-feature-settings: var(--primary-tablist-font-feature-settings);
116
117
  transition: color 0.2s ease;
117
118
  border: 0;
118
119
  background: none;
@@ -122,57 +123,57 @@
122
123
  user-select: none;
123
124
  cursor: pointer;
124
125
  outline: none
125
- }.tabs__title_3bs9g:not(.tabs__disabled_3bs9g):hover {
126
+ }.tabs__title_1aith:not(.tabs__disabled_1aith):hover {
126
127
  color: var(--primary-tablist-hover-color);
127
- }.tabs__focused_3bs9g {
128
+ }.tabs__focused_1aith {
128
129
  outline: 2px solid var(--focus-color);
129
130
  outline-offset: 2px;
130
- }.tabs__selected_3bs9g {
131
+ }.tabs__selected_1aith {
131
132
  cursor: default;
132
133
  color: var(--primary-tablist-selected-color);
133
- }.tabs__disabled_3bs9g {
134
+ }.tabs__disabled_1aith {
134
135
  cursor: var(--disabled-cursor);
135
136
  color: var(--primary-tablist-disabled-color);
136
- }.tabs__line_3bs9g {
137
+ }.tabs__line_1aith {
137
138
  position: absolute;
138
139
  height: 3px;
139
140
  bottom: 0;
140
141
  left: 0;
141
142
  background-color: var(--primary-tablist-line-color);
142
143
  transition: transform 0.2s ease, width 0.2s ease;
143
- }/* sizes */.tabs__s_3bs9g .tabs__title_3bs9g, .tabs__xs_3bs9g .tabs__title_3bs9g, .tabs__xxs_3bs9g .tabs__title_3bs9g {
144
+ }/* sizes */.tabs__s_1aith .tabs__title_1aith, .tabs__xs_1aith .tabs__title_1aith, .tabs__xxs_1aith .tabs__title_1aith {
144
145
  padding: var(--primary-tablist-s-padding);
145
146
  font-size: var(--primary-tablist-s-font-size);
146
147
  font-weight: var(--primary-tablist-s-font-weight);
147
148
  font-family: var(--primary-tablist-s-font-family);
148
149
  line-height: 24px;
149
- }.tabs__s_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g, .tabs__xs_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g, .tabs__xxs_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
150
+ }.tabs__s_1aith .tabs__title_1aith + .tabs__title_1aith, .tabs__xs_1aith .tabs__title_1aith + .tabs__title_1aith, .tabs__xxs_1aith .tabs__title_1aith + .tabs__title_1aith {
150
151
  margin-left: var(--primary-tablist-s-gaps);
151
- }.tabs__m_3bs9g .tabs__title_3bs9g {
152
+ }.tabs__m_1aith .tabs__title_1aith {
152
153
  padding: var(--primary-tablist-m-padding);
153
154
  font-size: var(--primary-tablist-m-font-size);
154
155
  font-weight: var(--primary-tablist-m-font-weight);
155
156
  font-family: var(--primary-tablist-m-font-family);
156
157
  line-height: 24px;
157
- }.tabs__m_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
158
+ }.tabs__m_1aith .tabs__title_1aith + .tabs__title_1aith {
158
159
  margin-left: var(--primary-tablist-m-gaps);
159
- }.tabs__l_3bs9g .tabs__title_3bs9g {
160
+ }.tabs__l_1aith .tabs__title_1aith {
160
161
  padding: var(--primary-tablist-l-padding);
161
162
  font-size: var(--primary-tablist-l-font-size);
162
163
  font-weight: var(--primary-tablist-l-font-weight);
163
164
  font-family: var(--primary-tablist-l-font-family);
164
165
  line-height: 24px;
165
- }.tabs__l_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
166
+ }.tabs__l_1aith .tabs__title_1aith + .tabs__title_1aith {
166
167
  margin-left: var(--primary-tablist-l-gaps);
167
- }.tabs__xl_3bs9g .tabs__title_3bs9g {
168
+ }.tabs__xl_1aith .tabs__title_1aith {
168
169
  padding: var(--primary-tablist-xl-padding);
169
170
  font-size: var(--primary-tablist-xl-font-size);
170
171
  font-weight: var(--primary-tablist-xl-font-weight);
171
172
  font-family: var(--primary-tablist-xl-font-family);
172
173
  line-height: 32px;
173
- }.tabs__xl_3bs9g .tabs__title_3bs9g + .tabs__title_3bs9g {
174
+ }.tabs__xl_1aith .tabs__title_1aith + .tabs__title_1aith {
174
175
  margin-left: var(--primary-tablist-xl-gaps);
175
- }.tabs__rightAddons_3bs9g {
176
+ }.tabs__rightAddons_1aith {
176
177
  margin-left: var(--gap-xs);
177
178
  }
178
179
  :root {
@@ -916,6 +917,7 @@
916
917
  --primary-tablist-disabled-color: var(--color-light-text-tertiary);
917
918
  --primary-tablist-bottom-border-color: var(--color-light-border-primary);
918
919
  --primary-tablist-line-color: var(--color-light-border-accent);
920
+ --primary-tablist-font-feature-settings: normal;
919
921
 
920
922
  /* mobile */
921
923
  --primary-tablist-mobile-gaps: var(--gap-xl);
@@ -974,15 +976,15 @@
974
976
  /* size xl */
975
977
  --secondary-tablist-xl-gaps: var(--gap-m);
976
978
  }
977
- .tabs__title_186yr {
979
+ .tabs__title_fowyz {
978
980
  }
979
- .tabs__mobile_186yr .tabs__title_186yr {
981
+ .tabs__mobile_fowyz .tabs__title_fowyz {
980
982
  padding: var(--primary-tablist-mobile-padding);
981
983
  font-size: var(--primary-tablist-mobile-font-size);
982
984
  font-weight: var(--primary-tablist-mobile-font-weight);
983
985
  font-family: var(--primary-tablist-mobile-font-family);
984
986
  line-height: var(--primary-tablist-mobile-line-height)
985
987
  }
986
- .tabs__mobile_186yr .tabs__title_186yr + .tabs__title_186yr {
988
+ .tabs__mobile_fowyz .tabs__title_fowyz + .tabs__title_fowyz {
987
989
  margin-left: var(--primary-tablist-mobile-gaps);
988
990
  }
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
13
  var computeScrollIntoView__default = /*#__PURE__*/_interopDefaultLegacy(computeScrollIntoView);
14
14
 
15
- var styles = {"container":"tabs__container_1p5a2","fullWidthScroll":"tabs__fullWidthScroll_1p5a2"};
15
+ var styles = {"container":"tabs__container_1fhnm","fullWidthScroll":"tabs__fullWidthScroll_1fhnm"};
16
16
  require('./index.css')
17
17
 
18
18
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1lg9t */
1
+ /* hash: 15m7l */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -36,19 +36,19 @@
36
36
 
37
37
  /* size xl */
38
38
  }
39
- .tabs__container_1p5a2 {
39
+ .tabs__container_1fhnm {
40
40
  position: relative;
41
41
  overflow-x: auto;
42
42
  overflow-y: hidden;
43
43
  scroll-behavior: smooth;
44
44
  scrollbar-width: none
45
45
  }
46
- .tabs__container_1p5a2::-webkit-scrollbar {
46
+ .tabs__container_1fhnm::-webkit-scrollbar {
47
47
  display: none;
48
48
  }
49
- .tabs__container_1p5a2 > * {
49
+ .tabs__container_1fhnm > * {
50
50
  flex-shrink: 0;
51
51
  }
52
- .tabs__fullWidthScroll_1p5a2 {
52
+ .tabs__fullWidthScroll_1fhnm {
53
53
  margin: 0 var(--gap-m-neg);
54
54
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('compute-scroll-into-view');
@@ -10,7 +10,7 @@ require('../scrollable-container/Component.js');
10
10
  require('../../useTabs.js');
11
11
  require('@alfalab/core-components-tag');
12
12
  var components_secondaryTablist_Component = require('./Component.js');
13
- var index_module = require('../../index.module-509288bb.js');
13
+ var index_module = require('../../index.module-3530e300.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('compute-scroll-into-view');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('compute-scroll-into-view');
@@ -10,14 +10,14 @@ require('../scrollable-container/Component.js');
10
10
  require('../../useTabs.js');
11
11
  require('@alfalab/core-components-tag');
12
12
  var components_secondaryTablist_Component = require('./Component.js');
13
- var index_module = require('../../index.module-509288bb.js');
13
+ var index_module = require('../../index.module-3530e300.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
16
 
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var mobileStyles = {"title":"tabs__title_1otp0 tabs__title_j4n9p","mobile":"tabs__mobile_1otp0"};
20
+ var mobileStyles = {"title":"tabs__title_144r8 tabs__title_1pnpi","mobile":"tabs__mobile_144r8"};
21
21
  require('./mobile.css')
22
22
 
23
23
  var styles = tslib_es6.__assign(tslib_es6.__assign({}, index_module.commonStyles), mobileStyles);
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('compute-scroll-into-view');
@@ -10,7 +10,7 @@ require('../scrollable-container/Component.js');
10
10
  require('../../useTabs.js');
11
11
  require('@alfalab/core-components-tag');
12
12
  require('./Component.js');
13
- require('../../index.module-509288bb.js');
13
+ require('../../index.module-3530e300.js');
14
14
  var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
15
15
  var hooks = require('@alfalab/hooks');
16
16
  var components_secondaryTablist_Component_mobile = require('./Component.mobile.js');
@@ -1,4 +1,4 @@
1
- /* hash: nz77x */
1
+ /* hash: x47bo */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -44,35 +44,35 @@
44
44
  /* size xl */
45
45
  --secondary-tablist-xl-gaps: var(--gap-m);
46
46
  }
47
- .tabs__component_j4n9p {
47
+ .tabs__component_1pnpi {
48
48
  position: relative;
49
49
  display: inline-flex;
50
50
  }
51
- .tabs__fullWidthScroll_j4n9p {
51
+ .tabs__fullWidthScroll_1pnpi {
52
52
  margin: 0 var(--gap-m);
53
53
  }
54
- .tabs__container_j4n9p {
54
+ .tabs__container_1pnpi {
55
55
  overflow: hidden;
56
56
  }
57
- .tabs__title_j4n9p {
57
+ .tabs__title_1pnpi {
58
58
  white-space: nowrap;
59
59
  }
60
60
  /* sizes */
61
- .tabs__xxs_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
61
+ .tabs__xxs_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
63
  }
64
- .tabs__xs_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
64
+ .tabs__xs_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
65
65
  margin-left: var(--secondary-tablist-xs-gaps);
66
66
  }
67
- .tabs__s_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
67
+ .tabs__s_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
68
68
  margin-left: var(--secondary-tablist-s-gaps);
69
69
  }
70
- .tabs__m_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
70
+ .tabs__m_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
71
71
  margin-left: var(--secondary-tablist-m-gaps);
72
72
  }
73
- .tabs__l_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
73
+ .tabs__l_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
74
74
  margin-left: var(--secondary-tablist-l-gaps);
75
75
  }
76
- .tabs__xl_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
76
+ .tabs__xl_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1ahp0 */
1
+ /* hash: 1qbr7 */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -49,26 +49,26 @@
49
49
 
50
50
  /* size xl */
51
51
  --secondary-tablist-xl-gaps: var(--gap-m);
52
- }.tabs__component_j4n9p {
52
+ }.tabs__component_1pnpi {
53
53
  position: relative;
54
54
  display: inline-flex;
55
- }.tabs__fullWidthScroll_j4n9p {
55
+ }.tabs__fullWidthScroll_1pnpi {
56
56
  margin: 0 var(--gap-m);
57
- }.tabs__container_j4n9p {
57
+ }.tabs__container_1pnpi {
58
58
  overflow: hidden;
59
- }.tabs__title_j4n9p {
59
+ }.tabs__title_1pnpi {
60
60
  white-space: nowrap;
61
- }/* sizes */.tabs__xxs_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
61
+ }/* sizes */.tabs__xxs_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
- }.tabs__xs_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
63
+ }.tabs__xs_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
64
64
  margin-left: var(--secondary-tablist-xs-gaps);
65
- }.tabs__s_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
65
+ }.tabs__s_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
66
66
  margin-left: var(--secondary-tablist-s-gaps);
67
- }.tabs__m_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
67
+ }.tabs__m_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
68
68
  margin-left: var(--secondary-tablist-m-gaps);
69
- }.tabs__l_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
69
+ }.tabs__l_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
70
70
  margin-left: var(--secondary-tablist-l-gaps);
71
- }.tabs__xl_j4n9p .tabs__title_j4n9p + .tabs__title_j4n9p {
71
+ }.tabs__xl_1pnpi .tabs__title_1pnpi + .tabs__title_1pnpi {
72
72
  margin-left: var(--secondary-tablist-xl-gaps);
73
73
  }
74
74
  :root {
@@ -812,6 +812,7 @@
812
812
  --primary-tablist-disabled-color: var(--color-light-text-tertiary);
813
813
  --primary-tablist-bottom-border-color: var(--color-light-border-primary);
814
814
  --primary-tablist-line-color: var(--color-light-border-accent);
815
+ --primary-tablist-font-feature-settings: normal;
815
816
 
816
817
  /* mobile */
817
818
  --primary-tablist-mobile-gaps: var(--gap-xl);
@@ -870,8 +871,8 @@
870
871
  /* size xl */
871
872
  --secondary-tablist-xl-gaps: var(--gap-m);
872
873
  }
873
- .tabs__title_1otp0 {
874
+ .tabs__title_144r8 {
874
875
  }
875
- .tabs__mobile_1otp0 .tabs__title_1otp0 + .tabs__title_1otp0 {
876
+ .tabs__mobile_144r8 .tabs__title_144r8 + .tabs__title_144r8 {
876
877
  margin-left: var(--secondary-tablist-mobile-gaps);
877
878
  }
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
12
12
 
13
- var styles = {"component":"tabs__component_1m9fd","hidden":"tabs__hidden_1m9fd"};
13
+ var styles = {"component":"tabs__component_f2e5v","hidden":"tabs__hidden_f2e5v"};
14
14
  require('./index.css')
15
15
 
16
16
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: k7esg */
2
- .tabs__component_1m9fd {
1
+ /* hash: 4dcky */
2
+ .tabs__component_f2e5v {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1m9fd {
6
+ .tabs__hidden_f2e5v {
7
7
  display: none;
8
8
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-e61a3999.js');
5
+ var tslib_es6 = require('../../tslib.es6-fcb75541.js');
6
6
  var React = require('react');
7
7
  require('@alfalab/core-components-keyboard-focusable');
8
8
  require('classnames');
@@ -10,11 +10,11 @@ require('compute-scroll-into-view');
10
10
  require('../scrollable-container/Component.js');
11
11
  require('../../useTabs.js');
12
12
  require('../primary-tablist/Component.js');
13
- require('../../index.module-7226e3a9.js');
13
+ require('../../index.module-c424649c.js');
14
14
  var components_primaryTablist_Component_desktop = require('../primary-tablist/Component.desktop.js');
15
15
  require('@alfalab/core-components-tag');
16
16
  require('../secondary-tablist/Component.js');
17
- require('../../index.module-509288bb.js');
17
+ require('../../index.module-3530e300.js');
18
18
  var components_secondaryTablist_Component_desktop = require('../secondary-tablist/Component.desktop.js');
19
19
  var components_tabs_Component = require('./Component.js');
20
20