@alfalab/core-components-tabs 7.6.4 → 7.6.5

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 (76) hide show
  1. package/components/primary-tablist/Component.desktop.js +1 -1
  2. package/components/primary-tablist/Component.mobile.js +2 -2
  3. package/components/primary-tablist/Component.responsive.js +1 -1
  4. package/components/primary-tablist/index.css +29 -29
  5. package/components/primary-tablist/mobile.css +32 -32
  6. package/components/scrollable-container/Component.js +1 -1
  7. package/components/scrollable-container/index.css +5 -5
  8. package/components/secondary-tablist/Component.desktop.js +1 -1
  9. package/components/secondary-tablist/Component.mobile.js +2 -2
  10. package/components/secondary-tablist/Component.responsive.js +1 -1
  11. package/components/secondary-tablist/index.css +11 -11
  12. package/components/secondary-tablist/mobile.css +13 -13
  13. package/components/tab/Component.js +1 -1
  14. package/components/tab/index.css +3 -3
  15. package/components/tabs/Component.desktop.js +2 -2
  16. package/components/tabs/Component.mobile.js +2 -2
  17. package/components/tabs/Component.responsive.js +2 -2
  18. package/desktop.js +2 -2
  19. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  20. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  21. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  22. package/esm/components/primary-tablist/index.css +29 -29
  23. package/esm/components/primary-tablist/mobile.css +32 -32
  24. package/esm/components/scrollable-container/Component.js +1 -1
  25. package/esm/components/scrollable-container/index.css +5 -5
  26. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  27. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  28. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  29. package/esm/components/secondary-tablist/index.css +11 -11
  30. package/esm/components/secondary-tablist/mobile.css +13 -13
  31. package/esm/components/tab/Component.js +1 -1
  32. package/esm/components/tab/index.css +3 -3
  33. package/esm/components/tabs/Component.desktop.js +2 -2
  34. package/esm/components/tabs/Component.mobile.js +2 -2
  35. package/esm/components/tabs/Component.responsive.js +2 -2
  36. package/esm/desktop.js +2 -2
  37. package/esm/index.js +2 -2
  38. package/esm/index.module-96e5e2e6.js +4 -0
  39. package/esm/index.module-a0e83e10.js +4 -0
  40. package/esm/mobile.js +2 -2
  41. package/esm/responsive.js +2 -2
  42. package/index.js +2 -2
  43. package/index.module-917787ad.js +6 -0
  44. package/index.module-d16a5764.js +6 -0
  45. package/mobile.js +2 -2
  46. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  47. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  48. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  49. package/modern/components/primary-tablist/index.css +29 -29
  50. package/modern/components/primary-tablist/mobile.css +32 -32
  51. package/modern/components/scrollable-container/Component.js +1 -1
  52. package/modern/components/scrollable-container/index.css +5 -5
  53. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  54. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  55. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  56. package/modern/components/secondary-tablist/index.css +11 -11
  57. package/modern/components/secondary-tablist/mobile.css +13 -13
  58. package/modern/components/tab/Component.js +1 -1
  59. package/modern/components/tab/index.css +3 -3
  60. package/modern/components/tabs/Component.desktop.js +2 -2
  61. package/modern/components/tabs/Component.mobile.js +2 -2
  62. package/modern/components/tabs/Component.responsive.js +2 -2
  63. package/modern/desktop.js +2 -2
  64. package/modern/index.js +2 -2
  65. package/modern/index.module-1f347214.js +4 -0
  66. package/modern/index.module-20724be3.js +4 -0
  67. package/modern/mobile.js +2 -2
  68. package/modern/responsive.js +2 -2
  69. package/package.json +2 -2
  70. package/responsive.js +2 -2
  71. package/esm/index.module-36c6ca63.js +0 -4
  72. package/esm/index.module-4b2bc93c.js +0 -4
  73. package/index.module-628b8971.js +0 -6
  74. package/index.module-f38cc40e.js +0 -6
  75. package/modern/index.module-3f3165db.js +0 -4
  76. package/modern/index.module-f35ded9e.js +0 -4
package/esm/components/primary-tablist/Component.mobile.js CHANGED
@@ -2,7 +2,7 @@ import { __assign, __rest } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { PrimaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-36c6ca63.js';
5
+ import { c as commonStyles } from '../../index.module-a0e83e10.js';
6
6
  import '@alfalab/core-components-badge/esm';
7
7
  import '@alfalab/core-components-keyboard-focusable/esm';
8
8
  import '@alfalab/core-components-picker-button/esm/desktop';
@@ -16,7 +16,7 @@ import '../scrollable-container/Component.js';
16
16
  import 'compute-scroll-into-view';
17
17
  import '../title/Component.js';
18
18
 
19
- var mobileStyles = {"title":"tabs__title_1bg5n tabs__title_4pc3b","mobile":"tabs__mobile_1bg5n"};
19
+ var mobileStyles = {"title":"tabs__title_gz13c tabs__title_8w18i","mobile":"tabs__mobile_gz13c"};
20
20
  require('./mobile.css')
21
21
 
22
22
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
package/esm/components/primary-tablist/Component.responsive.js CHANGED
@@ -16,7 +16,7 @@ import '../../synthetic-events.js';
16
16
  import '../scrollable-container/Component.js';
17
17
  import 'compute-scroll-into-view';
18
18
  import '../title/Component.js';
19
- import '../../index.module-36c6ca63.js';
19
+ import '../../index.module-a0e83e10.js';
20
20
 
21
21
  var PrimaryTabListResponsive = function (_a) {
22
22
  var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, collapsible = _a.collapsible, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "collapsible", "collapsedTabsIds", "fullWidthScroll"]);
package/esm/components/primary-tablist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1bget */
1
+ /* hash: 1elcc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-accent: #ef3124;
@@ -83,11 +83,11 @@
83
83
  /* size l */
84
84
 
85
85
  /* size xl */
86
- } .tabs__component_4pc3b {
86
+ } .tabs__component_8w18i {
87
87
  position: relative;
88
88
  display: inline-flex;
89
89
  min-width: 100%
90
- } .tabs__component_4pc3b:before {
90
+ } .tabs__component_8w18i:before {
91
91
  content: '';
92
92
  display: block;
93
93
  position: absolute;
@@ -95,17 +95,17 @@
95
95
  height: 1px;
96
96
  width: 100%;
97
97
  background-color: var(--primary-tablist-bottom-border-color);
98
- } .tabs__fullWidthScroll_4pc3b {
98
+ } .tabs__fullWidthScroll_8w18i {
99
99
  min-width: calc(100% - 2 * var(--gap-m));
100
100
  margin: 0 var(--gap-m);
101
- } .tabs__container_4pc3b {
101
+ } .tabs__container_8w18i {
102
102
  position: relative;
103
103
  overflow: hidden;
104
104
 
105
105
  /* focus-outline fix */
106
106
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
107
107
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
108
- } .tabs__title_4pc3b {
108
+ } .tabs__title_8w18i {
109
109
  display: flex;
110
110
  align-items: center;
111
111
  height: 100%;
@@ -122,76 +122,76 @@
122
122
  user-select: none;
123
123
  cursor: pointer;
124
124
  outline: none
125
- } .tabs__title_4pc3b:not(.tabs__disabled_4pc3b):hover {
125
+ } .tabs__title_8w18i:not(.tabs__disabled_8w18i):hover {
126
126
  color: var(--primary-tablist-hover-color);
127
- } .tabs__focused_4pc3b {
127
+ } .tabs__focused_8w18i {
128
128
  outline: 2px solid var(--focus-color);
129
129
  outline-offset: 2px;
130
- } .tabs__collapsed_4pc3b {
130
+ } .tabs__collapsed_8w18i {
131
131
  order: 99;
132
132
  visibility: collapse;
133
- } .tabs__selected_4pc3b {
133
+ } .tabs__selected_8w18i {
134
134
  cursor: default;
135
135
  color: var(--primary-tablist-selected-color);
136
- } .tabs__disabled_4pc3b {
136
+ } .tabs__disabled_8w18i {
137
137
  cursor: var(--disabled-cursor);
138
138
  color: var(--primary-tablist-disabled-color);
139
- } .tabs__line_4pc3b {
139
+ } .tabs__line_8w18i {
140
140
  position: absolute;
141
141
  height: 3px;
142
142
  bottom: 0;
143
143
  left: 0;
144
144
  background-color: var(--primary-tablist-line-color);
145
145
  transition: transform 0.2s ease, width 0.2s ease;
146
- } /* sizes */ .tabs__s_4pc3b .tabs__title_4pc3b, .tabs__xs_4pc3b .tabs__title_4pc3b, .tabs__xxs_4pc3b .tabs__title_4pc3b {
146
+ } /* sizes */ .tabs__s_8w18i .tabs__title_8w18i, .tabs__xs_8w18i .tabs__title_8w18i, .tabs__xxs_8w18i .tabs__title_8w18i {
147
147
  padding: var(--primary-tablist-s-padding);
148
148
  font-size: var(--primary-tablist-s-font-size);
149
149
  font-weight: var(--primary-tablist-s-font-weight);
150
150
  font-family: var(--primary-tablist-s-font-family);
151
151
  line-height: 24px;
152
- } .tabs__s_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b, .tabs__xs_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b, .tabs__xxs_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
152
+ } .tabs__s_8w18i .tabs__title_8w18i + .tabs__title_8w18i, .tabs__xs_8w18i .tabs__title_8w18i + .tabs__title_8w18i, .tabs__xxs_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
153
153
  margin-left: var(--primary-tablist-s-gaps);
154
- } .tabs__s_4pc3b .tabs__pickerWrapper_4pc3b, .tabs__xs_4pc3b .tabs__pickerWrapper_4pc3b, .tabs__xxs_4pc3b .tabs__pickerWrapper_4pc3b {
154
+ } .tabs__s_8w18i .tabs__pickerWrapper_8w18i, .tabs__xs_8w18i .tabs__pickerWrapper_8w18i, .tabs__xxs_8w18i .tabs__pickerWrapper_8w18i {
155
155
  margin-left: var(--primary-tablist-s-gaps);
156
- } .tabs__s_4pc3b .tabs__option_4pc3b, .tabs__xs_4pc3b .tabs__option_4pc3b, .tabs__xxs_4pc3b .tabs__option_4pc3b {
156
+ } .tabs__s_8w18i .tabs__option_8w18i, .tabs__xs_8w18i .tabs__option_8w18i, .tabs__xxs_8w18i .tabs__option_8w18i {
157
157
  padding: 0;
158
- } .tabs__m_4pc3b .tabs__title_4pc3b {
158
+ } .tabs__m_8w18i .tabs__title_8w18i {
159
159
  padding: var(--primary-tablist-m-padding);
160
160
  font-size: var(--primary-tablist-m-font-size);
161
161
  font-weight: var(--primary-tablist-m-font-weight);
162
162
  font-family: var(--primary-tablist-m-font-family);
163
163
  line-height: 24px;
164
- } .tabs__m_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
164
+ } .tabs__m_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
165
165
  margin-left: var(--primary-tablist-m-gaps);
166
- } .tabs__m_4pc3b .tabs__pickerWrapper_4pc3b {
166
+ } .tabs__m_8w18i .tabs__pickerWrapper_8w18i {
167
167
  margin-left: var(--primary-tablist-m-gaps);
168
- } .tabs__m_4pc3b .tabs__option_4pc3b {
168
+ } .tabs__m_8w18i .tabs__option_8w18i {
169
169
  padding: 0;
170
- } .tabs__l_4pc3b .tabs__title_4pc3b {
170
+ } .tabs__l_8w18i .tabs__title_8w18i {
171
171
  padding: var(--primary-tablist-l-padding);
172
172
  font-size: var(--primary-tablist-l-font-size);
173
173
  font-weight: var(--primary-tablist-l-font-weight);
174
174
  font-family: var(--primary-tablist-l-font-family);
175
175
  line-height: 24px;
176
- } .tabs__l_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
176
+ } .tabs__l_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
177
177
  margin-left: var(--primary-tablist-l-gaps);
178
- } .tabs__l_4pc3b .tabs__pickerWrapper_4pc3b {
178
+ } .tabs__l_8w18i .tabs__pickerWrapper_8w18i {
179
179
  margin-left: var(--primary-tablist-l-gaps);
180
- } .tabs__l_4pc3b .tabs__option_4pc3b {
180
+ } .tabs__l_8w18i .tabs__option_8w18i {
181
181
  padding: 0;
182
- } .tabs__xl_4pc3b .tabs__title_4pc3b {
182
+ } .tabs__xl_8w18i .tabs__title_8w18i {
183
183
  padding: var(--primary-tablist-xl-padding);
184
184
  font-size: var(--primary-tablist-xl-font-size);
185
185
  font-weight: var(--primary-tablist-xl-font-weight);
186
186
  font-family: var(--primary-tablist-xl-font-family);
187
187
  line-height: 32px;
188
- } .tabs__xl_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
188
+ } .tabs__xl_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
189
189
  margin-left: var(--primary-tablist-xl-gaps);
190
- } .tabs__xl_4pc3b .tabs__pickerWrapper_4pc3b {
190
+ } .tabs__xl_8w18i .tabs__pickerWrapper_8w18i {
191
191
  margin-left: var(--primary-tablist-xl-gaps);
192
- } .tabs__xl_4pc3b .tabs__option_4pc3b {
192
+ } .tabs__xl_8w18i .tabs__option_8w18i {
193
193
  padding: 0;
194
- } .tabs__rightAddons_4pc3b {
194
+ } .tabs__rightAddons_8w18i {
195
195
  display: flex;
196
196
  justify-content: center;
197
197
  align-items: center;
package/esm/components/primary-tablist/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1l4w2 */
1
+ /* hash: q6vu5 */
2
2
  :root {
3
3
  }/* deprecated */:root {
4
4
  --color-light-border-accent: #ef3124;
@@ -90,11 +90,11 @@
90
90
  /* size l */
91
91
 
92
92
  /* size xl */
93
- }.tabs__component_4pc3b {
93
+ }.tabs__component_8w18i {
94
94
  position: relative;
95
95
  display: inline-flex;
96
96
  min-width: 100%
97
- }.tabs__component_4pc3b:before {
97
+ }.tabs__component_8w18i:before {
98
98
  content: '';
99
99
  display: block;
100
100
  position: absolute;
@@ -102,17 +102,17 @@
102
102
  height: 1px;
103
103
  width: 100%;
104
104
  background-color: var(--primary-tablist-bottom-border-color);
105
- }.tabs__fullWidthScroll_4pc3b {
105
+ }.tabs__fullWidthScroll_8w18i {
106
106
  min-width: calc(100% - 2 * var(--gap-m));
107
107
  margin: 0 var(--gap-m);
108
- }.tabs__container_4pc3b {
108
+ }.tabs__container_8w18i {
109
109
  position: relative;
110
110
  overflow: hidden;
111
111
 
112
112
  /* focus-outline fix */
113
113
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
114
114
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
115
- }.tabs__title_4pc3b {
115
+ }.tabs__title_8w18i {
116
116
  display: flex;
117
117
  align-items: center;
118
118
  height: 100%;
@@ -129,76 +129,76 @@
129
129
  user-select: none;
130
130
  cursor: pointer;
131
131
  outline: none
132
- }.tabs__title_4pc3b:not(.tabs__disabled_4pc3b):hover {
132
+ }.tabs__title_8w18i:not(.tabs__disabled_8w18i):hover {
133
133
  color: var(--primary-tablist-hover-color);
134
- }.tabs__focused_4pc3b {
134
+ }.tabs__focused_8w18i {
135
135
  outline: 2px solid var(--focus-color);
136
136
  outline-offset: 2px;
137
- }.tabs__collapsed_4pc3b {
137
+ }.tabs__collapsed_8w18i {
138
138
  order: 99;
139
139
  visibility: collapse;
140
- }.tabs__selected_4pc3b {
140
+ }.tabs__selected_8w18i {
141
141
  cursor: default;
142
142
  color: var(--primary-tablist-selected-color);
143
- }.tabs__disabled_4pc3b {
143
+ }.tabs__disabled_8w18i {
144
144
  cursor: var(--disabled-cursor);
145
145
  color: var(--primary-tablist-disabled-color);
146
- }.tabs__line_4pc3b {
146
+ }.tabs__line_8w18i {
147
147
  position: absolute;
148
148
  height: 3px;
149
149
  bottom: 0;
150
150
  left: 0;
151
151
  background-color: var(--primary-tablist-line-color);
152
152
  transition: transform 0.2s ease, width 0.2s ease;
153
- }/* sizes */.tabs__s_4pc3b .tabs__title_4pc3b, .tabs__xs_4pc3b .tabs__title_4pc3b, .tabs__xxs_4pc3b .tabs__title_4pc3b {
153
+ }/* sizes */.tabs__s_8w18i .tabs__title_8w18i, .tabs__xs_8w18i .tabs__title_8w18i, .tabs__xxs_8w18i .tabs__title_8w18i {
154
154
  padding: var(--primary-tablist-s-padding);
155
155
  font-size: var(--primary-tablist-s-font-size);
156
156
  font-weight: var(--primary-tablist-s-font-weight);
157
157
  font-family: var(--primary-tablist-s-font-family);
158
158
  line-height: 24px;
159
- }.tabs__s_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b, .tabs__xs_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b, .tabs__xxs_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
159
+ }.tabs__s_8w18i .tabs__title_8w18i + .tabs__title_8w18i, .tabs__xs_8w18i .tabs__title_8w18i + .tabs__title_8w18i, .tabs__xxs_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
160
160
  margin-left: var(--primary-tablist-s-gaps);
161
- }.tabs__s_4pc3b .tabs__pickerWrapper_4pc3b, .tabs__xs_4pc3b .tabs__pickerWrapper_4pc3b, .tabs__xxs_4pc3b .tabs__pickerWrapper_4pc3b {
161
+ }.tabs__s_8w18i .tabs__pickerWrapper_8w18i, .tabs__xs_8w18i .tabs__pickerWrapper_8w18i, .tabs__xxs_8w18i .tabs__pickerWrapper_8w18i {
162
162
  margin-left: var(--primary-tablist-s-gaps);
163
- }.tabs__s_4pc3b .tabs__option_4pc3b, .tabs__xs_4pc3b .tabs__option_4pc3b, .tabs__xxs_4pc3b .tabs__option_4pc3b {
163
+ }.tabs__s_8w18i .tabs__option_8w18i, .tabs__xs_8w18i .tabs__option_8w18i, .tabs__xxs_8w18i .tabs__option_8w18i {
164
164
  padding: 0;
165
- }.tabs__m_4pc3b .tabs__title_4pc3b {
165
+ }.tabs__m_8w18i .tabs__title_8w18i {
166
166
  padding: var(--primary-tablist-m-padding);
167
167
  font-size: var(--primary-tablist-m-font-size);
168
168
  font-weight: var(--primary-tablist-m-font-weight);
169
169
  font-family: var(--primary-tablist-m-font-family);
170
170
  line-height: 24px;
171
- }.tabs__m_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
171
+ }.tabs__m_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
172
172
  margin-left: var(--primary-tablist-m-gaps);
173
- }.tabs__m_4pc3b .tabs__pickerWrapper_4pc3b {
173
+ }.tabs__m_8w18i .tabs__pickerWrapper_8w18i {
174
174
  margin-left: var(--primary-tablist-m-gaps);
175
- }.tabs__m_4pc3b .tabs__option_4pc3b {
175
+ }.tabs__m_8w18i .tabs__option_8w18i {
176
176
  padding: 0;
177
- }.tabs__l_4pc3b .tabs__title_4pc3b {
177
+ }.tabs__l_8w18i .tabs__title_8w18i {
178
178
  padding: var(--primary-tablist-l-padding);
179
179
  font-size: var(--primary-tablist-l-font-size);
180
180
  font-weight: var(--primary-tablist-l-font-weight);
181
181
  font-family: var(--primary-tablist-l-font-family);
182
182
  line-height: 24px;
183
- }.tabs__l_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
183
+ }.tabs__l_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
184
184
  margin-left: var(--primary-tablist-l-gaps);
185
- }.tabs__l_4pc3b .tabs__pickerWrapper_4pc3b {
185
+ }.tabs__l_8w18i .tabs__pickerWrapper_8w18i {
186
186
  margin-left: var(--primary-tablist-l-gaps);
187
- }.tabs__l_4pc3b .tabs__option_4pc3b {
187
+ }.tabs__l_8w18i .tabs__option_8w18i {
188
188
  padding: 0;
189
- }.tabs__xl_4pc3b .tabs__title_4pc3b {
189
+ }.tabs__xl_8w18i .tabs__title_8w18i {
190
190
  padding: var(--primary-tablist-xl-padding);
191
191
  font-size: var(--primary-tablist-xl-font-size);
192
192
  font-weight: var(--primary-tablist-xl-font-weight);
193
193
  font-family: var(--primary-tablist-xl-font-family);
194
194
  line-height: 32px;
195
- }.tabs__xl_4pc3b .tabs__title_4pc3b + .tabs__title_4pc3b {
195
+ }.tabs__xl_8w18i .tabs__title_8w18i + .tabs__title_8w18i {
196
196
  margin-left: var(--primary-tablist-xl-gaps);
197
- }.tabs__xl_4pc3b .tabs__pickerWrapper_4pc3b {
197
+ }.tabs__xl_8w18i .tabs__pickerWrapper_8w18i {
198
198
  margin-left: var(--primary-tablist-xl-gaps);
199
- }.tabs__xl_4pc3b .tabs__option_4pc3b {
199
+ }.tabs__xl_8w18i .tabs__option_8w18i {
200
200
  padding: 0;
201
- }.tabs__rightAddons_4pc3b {
201
+ }.tabs__rightAddons_8w18i {
202
202
  display: flex;
203
203
  justify-content: center;
204
204
  align-items: center;
@@ -1098,13 +1098,13 @@
1098
1098
 
1099
1099
  /* size xl */
1100
1100
  --secondary-tablist-xl-gaps: var(--gap-m);
1101
- } .tabs__title_1bg5n {
1102
- } .tabs__mobile_1bg5n .tabs__title_1bg5n {
1101
+ } .tabs__title_gz13c {
1102
+ } .tabs__mobile_gz13c .tabs__title_gz13c {
1103
1103
  padding: var(--primary-tablist-mobile-padding);
1104
1104
  font-size: var(--primary-tablist-mobile-font-size);
1105
1105
  font-weight: var(--primary-tablist-mobile-font-weight);
1106
1106
  font-family: var(--primary-tablist-mobile-font-family);
1107
1107
  line-height: var(--primary-tablist-mobile-line-height)
1108
- } .tabs__mobile_1bg5n .tabs__title_1bg5n + .tabs__title_1bg5n {
1108
+ } .tabs__mobile_gz13c .tabs__title_gz13c + .tabs__title_gz13c {
1109
1109
  margin-left: var(--primary-tablist-mobile-gaps);
1110
1110
  }
package/esm/components/scrollable-container/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import computeScrollIntoView from 'compute-scroll-into-view';
4
4
 
5
- var styles = {"container":"tabs__container_g1ijw","fullWidthScroll":"tabs__fullWidthScroll_g1ijw"};
5
+ var styles = {"container":"tabs__container_gsa12","fullWidthScroll":"tabs__fullWidthScroll_gsa12"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
package/esm/components/scrollable-container/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l5989 */
1
+ /* hash: 1vhme */
2
2
  :root {
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 */
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 */
@@ -42,7 +42,7 @@
42
42
  /* size l */
43
43
 
44
44
  /* size xl */
45
- } .tabs__container_g1ijw {
45
+ } .tabs__container_gsa12 {
46
46
  position: relative;
47
47
  overflow-x: auto;
48
48
  overflow-y: hidden;
@@ -52,10 +52,10 @@
52
52
  /* focus-outline fix */
53
53
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
54
54
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
55
- } .tabs__container_g1ijw::-webkit-scrollbar {
55
+ } .tabs__container_gsa12::-webkit-scrollbar {
56
56
  display: none;
57
- } .tabs__container_g1ijw > * {
57
+ } .tabs__container_gsa12 > * {
58
58
  flex-shrink: 0;
59
- } .tabs__fullWidthScroll_g1ijw {
59
+ } .tabs__fullWidthScroll_gsa12 {
60
60
  margin: 0 var(--gap-m-neg);
61
61
  }
package/esm/components/secondary-tablist/Component.desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { SecondaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-4b2bc93c.js';
4
+ import { c as commonStyles } from '../../index.module-96e5e2e6.js';
5
5
  import 'classnames';
6
6
  import '@alfalab/core-components-tag/esm';
7
7
  import '../../hooks/use-tabs.js';
package/esm/components/secondary-tablist/Component.mobile.js CHANGED
@@ -2,13 +2,13 @@ import { __assign, __rest } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { SecondaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-4b2bc93c.js';
5
+ import { c as commonStyles } from '../../index.module-96e5e2e6.js';
6
6
  import '@alfalab/core-components-tag/esm';
7
7
  import '../../hooks/use-tabs.js';
8
8
  import '../scrollable-container/Component.js';
9
9
  import 'compute-scroll-into-view';
10
10
 
11
- var mobileStyles = {"title":"tabs__title_1lczm tabs__title_19q26","mobile":"tabs__mobile_1lczm"};
11
+ var mobileStyles = {"title":"tabs__title_329ud tabs__title_f8xmp","mobile":"tabs__mobile_329ud"};
12
12
  require('./mobile.css')
13
13
 
14
14
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
package/esm/components/secondary-tablist/Component.responsive.js CHANGED
@@ -9,7 +9,7 @@ import '@alfalab/core-components-tag/esm';
9
9
  import '../../hooks/use-tabs.js';
10
10
  import '../scrollable-container/Component.js';
11
11
  import 'compute-scroll-into-view';
12
- import '../../index.module-4b2bc93c.js';
12
+ import '../../index.module-96e5e2e6.js';
13
13
 
14
14
  var SecondaryTabListResponsive = function (_a) {
15
15
  var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "fullWidthScroll"]);
package/esm/components/secondary-tablist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1oa7t */
1
+ /* hash: tc7kh */
2
2
  :root {
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 */
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 */
@@ -50,29 +50,29 @@
50
50
 
51
51
  /* size xl */
52
52
  --secondary-tablist-xl-gaps: var(--gap-m);
53
- } .tabs__component_19q26 {
53
+ } .tabs__component_f8xmp {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_19q26 {
56
+ } .tabs__fullWidthScroll_f8xmp {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_19q26 {
58
+ } .tabs__container_f8xmp {
59
59
  overflow: hidden;
60
60
 
61
61
  /* focus-outline fix */
62
62
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
63
63
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
64
- } .tabs__title_19q26 {
64
+ } .tabs__title_f8xmp {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
66
+ } /* sizes */ .tabs__xxs_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
68
+ } .tabs__xs_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
70
+ } .tabs__s_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
72
+ } .tabs__m_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
74
+ } .tabs__l_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
76
+ } .tabs__xl_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
package/esm/components/secondary-tablist/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: a6of9 */
1
+ /* hash: 163lv */
2
2
  :root {
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 */
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 */
@@ -51,30 +51,30 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_19q26 {
54
+ }.tabs__component_f8xmp {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_19q26 {
57
+ }.tabs__fullWidthScroll_f8xmp {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_19q26 {
59
+ }.tabs__container_f8xmp {
60
60
  overflow: hidden;
61
61
 
62
62
  /* focus-outline fix */
63
63
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
64
64
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
65
- }.tabs__title_19q26 {
65
+ }.tabs__title_f8xmp {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
67
+ }/* sizes */.tabs__xxs_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
69
+ }.tabs__xs_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
71
+ }.tabs__s_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
73
+ }.tabs__m_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
75
+ }.tabs__l_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_19q26 .tabs__title_19q26 + .tabs__title_19q26 {
77
+ }.tabs__xl_f8xmp .tabs__title_f8xmp + .tabs__title_f8xmp {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -971,7 +971,7 @@
971
971
 
972
972
  /* size xl */
973
973
  --secondary-tablist-xl-gaps: var(--gap-m);
974
- } .tabs__title_1lczm {
975
- } .tabs__mobile_1lczm .tabs__title_1lczm + .tabs__title_1lczm {
974
+ } .tabs__title_329ud {
975
+ } .tabs__mobile_329ud .tabs__title_329ud + .tabs__title_329ud {
976
976
  margin-left: var(--secondary-tablist-mobile-gaps);
977
977
  }
package/esm/components/tab/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_a84ts","hidden":"tabs__hidden_a84ts"};
4
+ var styles = {"component":"tabs__component_2nl2z","hidden":"tabs__hidden_2nl2z"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
package/esm/components/tab/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: idhua */
2
- .tabs__component_a84ts {
1
+ /* hash: 1jgen */
2
+ .tabs__component_2nl2z {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_a84ts {
6
+ .tabs__hidden_2nl2z {
7
7
  display: none;
8
8
  }
package/esm/components/tabs/Component.desktop.js CHANGED
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
17
17
  import '../scrollable-container/Component.js';
18
18
  import 'compute-scroll-into-view';
19
19
  import '../title/Component.js';
20
- import '../../index.module-36c6ca63.js';
20
+ import '../../index.module-a0e83e10.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-4b2bc93c.js';
23
+ import '../../index.module-96e5e2e6.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListDesktop,
package/esm/components/tabs/Component.mobile.js CHANGED
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
17
17
  import '../scrollable-container/Component.js';
18
18
  import 'compute-scroll-into-view';
19
19
  import '../title/Component.js';
20
- import '../../index.module-36c6ca63.js';
20
+ import '../../index.module-a0e83e10.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-4b2bc93c.js';
23
+ import '../../index.module-96e5e2e6.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListMobile,
package/esm/components/tabs/Component.responsive.js CHANGED
@@ -18,12 +18,12 @@ import '../../synthetic-events.js';
18
18
  import '../scrollable-container/Component.js';
19
19
  import 'compute-scroll-into-view';
20
20
  import '../title/Component.js';
21
- import '../../index.module-36c6ca63.js';
21
+ import '../../index.module-a0e83e10.js';
22
22
  import '../primary-tablist/Component.mobile.js';
23
23
  import '../secondary-tablist/Component.desktop.js';
24
24
  import '../secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/esm';
26
- import '../../index.module-4b2bc93c.js';
26
+ import '../../index.module-96e5e2e6.js';
27
27
  import '../secondary-tablist/Component.mobile.js';
28
28
 
29
29
  var views = {
package/esm/desktop.js CHANGED
@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
16
16
  import '@alfalab/hooks';
17
17
  import './synthetic-events.js';
18
18
  import './components/title/Component.js';
19
- import './index.module-36c6ca63.js';
19
+ import './index.module-a0e83e10.js';
20
20
  import 'compute-scroll-into-view';
21
21
  import './components/secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import './index.module-4b2bc93c.js';
23
+ import './index.module-96e5e2e6.js';
24
24
  import './components/tabs/Component.js';
25
25
  import '@juggle/resize-observer';
package/esm/index.js CHANGED
@@ -18,12 +18,12 @@ import './hooks/use-collapsible-elements.js';
18
18
  import '@juggle/resize-observer';
19
19
  import './synthetic-events.js';
20
20
  import './components/title/Component.js';
21
- import './index.module-36c6ca63.js';
21
+ import './index.module-a0e83e10.js';
22
22
  import './components/primary-tablist/Component.mobile.js';
23
23
  import 'compute-scroll-into-view';
24
24
  import './components/secondary-tablist/Component.desktop.js';
25
25
  import './components/secondary-tablist/Component.js';
26
26
  import '@alfalab/core-components-tag/esm';
27
- import './index.module-4b2bc93c.js';
27
+ import './index.module-96e5e2e6.js';
28
28
  import './components/secondary-tablist/Component.mobile.js';
29
29
  import './components/tabs/Component.js';
package/esm/index.module-96e5e2e6.js ADDED
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_f8xmp","fullWidthScroll":"tabs__fullWidthScroll_f8xmp","container":"tabs__container_f8xmp","title":"tabs__title_f8xmp","xxs":"tabs__xxs_f8xmp","xs":"tabs__xs_f8xmp","s":"tabs__s_f8xmp","m":"tabs__m_f8xmp","l":"tabs__l_f8xmp","xl":"tabs__xl_f8xmp"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/esm/index.module-a0e83e10.js ADDED
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_8w18i","fullWidthScroll":"tabs__fullWidthScroll_8w18i","container":"tabs__container_8w18i","title":"tabs__title_8w18i","disabled":"tabs__disabled_8w18i","focused":"tabs__focused_8w18i","collapsed":"tabs__collapsed_8w18i","selected":"tabs__selected_8w18i","line":"tabs__line_8w18i","s":"tabs__s_8w18i","xs":"tabs__xs_8w18i","xxs":"tabs__xxs_8w18i","pickerWrapper":"tabs__pickerWrapper_8w18i","option":"tabs__option_8w18i","m":"tabs__m_8w18i","l":"tabs__l_8w18i","xl":"tabs__xl_8w18i","rightAddons":"tabs__rightAddons_8w18i"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };