@alfalab/core-components-tabs 7.7.0 → 7.7.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 (77) 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-09cc006f.js +4 -0
  39. package/esm/index.module-a8ec81ea.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-489cc8bc.js +6 -0
  44. package/index.module-728b55ca.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-75cf2354.js +4 -0
  66. package/modern/index.module-77d8ef59.js +4 -0
  67. package/modern/mobile.js +2 -2
  68. package/modern/responsive.js +2 -2
  69. package/package.json +5 -8
  70. package/responsive.js +2 -2
  71. package/esm/index.module-4cd1e213.js +0 -4
  72. package/esm/index.module-624eec4d.js +0 -4
  73. package/index.module-276f636f.js +0 -6
  74. package/index.module-c9ae6c01.js +0 -6
  75. package/modern/index.module-06f630bb.js +0 -4
  76. package/modern/index.module-8f1e7aaa.js +0 -4
  77. package/send-stats.js +0 -82
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-624eec4d.js';
5
+ import { c as commonStyles } from '../../index.module-a8ec81ea.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_19lxb tabs__title_wok73","mobile":"tabs__mobile_19lxb"};
19
+ var mobileStyles = {"title":"tabs__title_122wz tabs__title_ibntg","mobile":"tabs__mobile_122wz"};
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-624eec4d.js';
19
+ import '../../index.module-a8ec81ea.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: 1tx7l */
1
+ /* hash: 1pncn */
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_wok73 {
86
+ } .tabs__component_ibntg {
87
87
  position: relative;
88
88
  display: inline-flex;
89
89
  min-width: 100%
90
- } .tabs__component_wok73:before {
90
+ } .tabs__component_ibntg: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_wok73 {
98
+ } .tabs__fullWidthScroll_ibntg {
99
99
  min-width: calc(100% - 2 * var(--gap-m));
100
100
  margin: 0 var(--gap-m);
101
- } .tabs__container_wok73 {
101
+ } .tabs__container_ibntg {
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_wok73 {
108
+ } .tabs__title_ibntg {
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_wok73:not(.tabs__disabled_wok73):hover {
125
+ } .tabs__title_ibntg:not(.tabs__disabled_ibntg):hover {
126
126
  color: var(--primary-tablist-hover-color);
127
- } .tabs__focused_wok73 {
127
+ } .tabs__focused_ibntg {
128
128
  outline: 2px solid var(--focus-color);
129
129
  outline-offset: 2px;
130
- } .tabs__collapsed_wok73 {
130
+ } .tabs__collapsed_ibntg {
131
131
  order: 99;
132
132
  visibility: collapse;
133
- } .tabs__selected_wok73 {
133
+ } .tabs__selected_ibntg {
134
134
  cursor: default;
135
135
  color: var(--primary-tablist-selected-color);
136
- } .tabs__disabled_wok73 {
136
+ } .tabs__disabled_ibntg {
137
137
  cursor: var(--disabled-cursor);
138
138
  color: var(--primary-tablist-disabled-color);
139
- } .tabs__line_wok73 {
139
+ } .tabs__line_ibntg {
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_wok73 .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 {
146
+ } /* sizes */ .tabs__s_ibntg .tabs__title_ibntg, .tabs__xs_ibntg .tabs__title_ibntg, .tabs__xxs_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
152
+ } .tabs__s_ibntg .tabs__title_ibntg + .tabs__title_ibntg, .tabs__xs_ibntg .tabs__title_ibntg + .tabs__title_ibntg, .tabs__xxs_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
153
153
  margin-left: var(--primary-tablist-s-gaps);
154
- } .tabs__s_wok73 .tabs__pickerWrapper_wok73, .tabs__xs_wok73 .tabs__pickerWrapper_wok73, .tabs__xxs_wok73 .tabs__pickerWrapper_wok73 {
154
+ } .tabs__s_ibntg .tabs__pickerWrapper_ibntg, .tabs__xs_ibntg .tabs__pickerWrapper_ibntg, .tabs__xxs_ibntg .tabs__pickerWrapper_ibntg {
155
155
  margin-left: var(--primary-tablist-s-gaps);
156
- } .tabs__s_wok73 .tabs__option_wok73, .tabs__xs_wok73 .tabs__option_wok73, .tabs__xxs_wok73 .tabs__option_wok73 {
156
+ } .tabs__s_ibntg .tabs__option_ibntg, .tabs__xs_ibntg .tabs__option_ibntg, .tabs__xxs_ibntg .tabs__option_ibntg {
157
157
  padding: 0;
158
- } .tabs__m_wok73 .tabs__title_wok73 {
158
+ } .tabs__m_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
164
+ } .tabs__m_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
165
165
  margin-left: var(--primary-tablist-m-gaps);
166
- } .tabs__m_wok73 .tabs__pickerWrapper_wok73 {
166
+ } .tabs__m_ibntg .tabs__pickerWrapper_ibntg {
167
167
  margin-left: var(--primary-tablist-m-gaps);
168
- } .tabs__m_wok73 .tabs__option_wok73 {
168
+ } .tabs__m_ibntg .tabs__option_ibntg {
169
169
  padding: 0;
170
- } .tabs__l_wok73 .tabs__title_wok73 {
170
+ } .tabs__l_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
176
+ } .tabs__l_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
177
177
  margin-left: var(--primary-tablist-l-gaps);
178
- } .tabs__l_wok73 .tabs__pickerWrapper_wok73 {
178
+ } .tabs__l_ibntg .tabs__pickerWrapper_ibntg {
179
179
  margin-left: var(--primary-tablist-l-gaps);
180
- } .tabs__l_wok73 .tabs__option_wok73 {
180
+ } .tabs__l_ibntg .tabs__option_ibntg {
181
181
  padding: 0;
182
- } .tabs__xl_wok73 .tabs__title_wok73 {
182
+ } .tabs__xl_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
188
+ } .tabs__xl_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
189
189
  margin-left: var(--primary-tablist-xl-gaps);
190
- } .tabs__xl_wok73 .tabs__pickerWrapper_wok73 {
190
+ } .tabs__xl_ibntg .tabs__pickerWrapper_ibntg {
191
191
  margin-left: var(--primary-tablist-xl-gaps);
192
- } .tabs__xl_wok73 .tabs__option_wok73 {
192
+ } .tabs__xl_ibntg .tabs__option_ibntg {
193
193
  padding: 0;
194
- } .tabs__rightAddons_wok73 {
194
+ } .tabs__rightAddons_ibntg {
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: 1ok00 */
1
+ /* hash: irt7m */
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_wok73 {
93
+ }.tabs__component_ibntg {
94
94
  position: relative;
95
95
  display: inline-flex;
96
96
  min-width: 100%
97
- }.tabs__component_wok73:before {
97
+ }.tabs__component_ibntg: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_wok73 {
105
+ }.tabs__fullWidthScroll_ibntg {
106
106
  min-width: calc(100% - 2 * var(--gap-m));
107
107
  margin: 0 var(--gap-m);
108
- }.tabs__container_wok73 {
108
+ }.tabs__container_ibntg {
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_wok73 {
115
+ }.tabs__title_ibntg {
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_wok73:not(.tabs__disabled_wok73):hover {
132
+ }.tabs__title_ibntg:not(.tabs__disabled_ibntg):hover {
133
133
  color: var(--primary-tablist-hover-color);
134
- }.tabs__focused_wok73 {
134
+ }.tabs__focused_ibntg {
135
135
  outline: 2px solid var(--focus-color);
136
136
  outline-offset: 2px;
137
- }.tabs__collapsed_wok73 {
137
+ }.tabs__collapsed_ibntg {
138
138
  order: 99;
139
139
  visibility: collapse;
140
- }.tabs__selected_wok73 {
140
+ }.tabs__selected_ibntg {
141
141
  cursor: default;
142
142
  color: var(--primary-tablist-selected-color);
143
- }.tabs__disabled_wok73 {
143
+ }.tabs__disabled_ibntg {
144
144
  cursor: var(--disabled-cursor);
145
145
  color: var(--primary-tablist-disabled-color);
146
- }.tabs__line_wok73 {
146
+ }.tabs__line_ibntg {
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_wok73 .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 {
153
+ }/* sizes */.tabs__s_ibntg .tabs__title_ibntg, .tabs__xs_ibntg .tabs__title_ibntg, .tabs__xxs_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
159
+ }.tabs__s_ibntg .tabs__title_ibntg + .tabs__title_ibntg, .tabs__xs_ibntg .tabs__title_ibntg + .tabs__title_ibntg, .tabs__xxs_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
160
160
  margin-left: var(--primary-tablist-s-gaps);
161
- }.tabs__s_wok73 .tabs__pickerWrapper_wok73, .tabs__xs_wok73 .tabs__pickerWrapper_wok73, .tabs__xxs_wok73 .tabs__pickerWrapper_wok73 {
161
+ }.tabs__s_ibntg .tabs__pickerWrapper_ibntg, .tabs__xs_ibntg .tabs__pickerWrapper_ibntg, .tabs__xxs_ibntg .tabs__pickerWrapper_ibntg {
162
162
  margin-left: var(--primary-tablist-s-gaps);
163
- }.tabs__s_wok73 .tabs__option_wok73, .tabs__xs_wok73 .tabs__option_wok73, .tabs__xxs_wok73 .tabs__option_wok73 {
163
+ }.tabs__s_ibntg .tabs__option_ibntg, .tabs__xs_ibntg .tabs__option_ibntg, .tabs__xxs_ibntg .tabs__option_ibntg {
164
164
  padding: 0;
165
- }.tabs__m_wok73 .tabs__title_wok73 {
165
+ }.tabs__m_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
171
+ }.tabs__m_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
172
172
  margin-left: var(--primary-tablist-m-gaps);
173
- }.tabs__m_wok73 .tabs__pickerWrapper_wok73 {
173
+ }.tabs__m_ibntg .tabs__pickerWrapper_ibntg {
174
174
  margin-left: var(--primary-tablist-m-gaps);
175
- }.tabs__m_wok73 .tabs__option_wok73 {
175
+ }.tabs__m_ibntg .tabs__option_ibntg {
176
176
  padding: 0;
177
- }.tabs__l_wok73 .tabs__title_wok73 {
177
+ }.tabs__l_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
183
+ }.tabs__l_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
184
184
  margin-left: var(--primary-tablist-l-gaps);
185
- }.tabs__l_wok73 .tabs__pickerWrapper_wok73 {
185
+ }.tabs__l_ibntg .tabs__pickerWrapper_ibntg {
186
186
  margin-left: var(--primary-tablist-l-gaps);
187
- }.tabs__l_wok73 .tabs__option_wok73 {
187
+ }.tabs__l_ibntg .tabs__option_ibntg {
188
188
  padding: 0;
189
- }.tabs__xl_wok73 .tabs__title_wok73 {
189
+ }.tabs__xl_ibntg .tabs__title_ibntg {
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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
195
+ }.tabs__xl_ibntg .tabs__title_ibntg + .tabs__title_ibntg {
196
196
  margin-left: var(--primary-tablist-xl-gaps);
197
- }.tabs__xl_wok73 .tabs__pickerWrapper_wok73 {
197
+ }.tabs__xl_ibntg .tabs__pickerWrapper_ibntg {
198
198
  margin-left: var(--primary-tablist-xl-gaps);
199
- }.tabs__xl_wok73 .tabs__option_wok73 {
199
+ }.tabs__xl_ibntg .tabs__option_ibntg {
200
200
  padding: 0;
201
- }.tabs__rightAddons_wok73 {
201
+ }.tabs__rightAddons_ibntg {
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_19lxb {
1102
- } .tabs__mobile_19lxb .tabs__title_19lxb {
1101
+ } .tabs__title_122wz {
1102
+ } .tabs__mobile_122wz .tabs__title_122wz {
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_19lxb .tabs__title_19lxb + .tabs__title_19lxb {
1108
+ } .tabs__mobile_122wz .tabs__title_122wz + .tabs__title_122wz {
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_1w990","fullWidthScroll":"tabs__fullWidthScroll_1w990"};
5
+ var styles = {"container":"tabs__container_1gwf8","fullWidthScroll":"tabs__fullWidthScroll_1gwf8"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
package/esm/components/scrollable-container/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1g5r4 */
1
+ /* hash: g7rrl */
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_1w990 {
45
+ } .tabs__container_1gwf8 {
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_1w990::-webkit-scrollbar {
55
+ } .tabs__container_1gwf8::-webkit-scrollbar {
56
56
  display: none;
57
- } .tabs__container_1w990 > * {
57
+ } .tabs__container_1gwf8 > * {
58
58
  flex-shrink: 0;
59
- } .tabs__fullWidthScroll_1w990 {
59
+ } .tabs__fullWidthScroll_1gwf8 {
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-4cd1e213.js';
4
+ import { c as commonStyles } from '../../index.module-09cc006f.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-4cd1e213.js';
5
+ import { c as commonStyles } from '../../index.module-09cc006f.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_1jmsq tabs__title_17vtv","mobile":"tabs__mobile_1jmsq"};
11
+ var mobileStyles = {"title":"tabs__title_149yx tabs__title_ot1u0","mobile":"tabs__mobile_149yx"};
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-4cd1e213.js';
12
+ import '../../index.module-09cc006f.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: 1rpbq */
1
+ /* hash: lx4xy */
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_17vtv {
53
+ } .tabs__component_ot1u0 {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_17vtv {
56
+ } .tabs__fullWidthScroll_ot1u0 {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_17vtv {
58
+ } .tabs__container_ot1u0 {
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_17vtv {
64
+ } .tabs__title_ot1u0 {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
66
+ } /* sizes */ .tabs__xxs_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
68
+ } .tabs__xs_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
70
+ } .tabs__s_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
72
+ } .tabs__m_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
74
+ } .tabs__l_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
76
+ } .tabs__xl_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
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: 1576b */
1
+ /* hash: 10xbd */
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_17vtv {
54
+ }.tabs__component_ot1u0 {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_17vtv {
57
+ }.tabs__fullWidthScroll_ot1u0 {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_17vtv {
59
+ }.tabs__container_ot1u0 {
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_17vtv {
65
+ }.tabs__title_ot1u0 {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
67
+ }/* sizes */.tabs__xxs_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
69
+ }.tabs__xs_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
71
+ }.tabs__s_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
73
+ }.tabs__m_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
75
+ }.tabs__l_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
77
+ }.tabs__xl_ot1u0 .tabs__title_ot1u0 + .tabs__title_ot1u0 {
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_1jmsq {
975
- } .tabs__mobile_1jmsq .tabs__title_1jmsq + .tabs__title_1jmsq {
974
+ } .tabs__title_149yx {
975
+ } .tabs__mobile_149yx .tabs__title_149yx + .tabs__title_149yx {
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_1dw66","hidden":"tabs__hidden_1dw66"};
4
+ var styles = {"component":"tabs__component_1k35g","hidden":"tabs__hidden_1k35g"};
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: rku93 */
2
- .tabs__component_1dw66 {
1
+ /* hash: 1qnyx */
2
+ .tabs__component_1k35g {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1dw66 {
6
+ .tabs__hidden_1k35g {
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-624eec4d.js';
20
+ import '../../index.module-a8ec81ea.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-4cd1e213.js';
23
+ import '../../index.module-09cc006f.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-624eec4d.js';
20
+ import '../../index.module-a8ec81ea.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-4cd1e213.js';
23
+ import '../../index.module-09cc006f.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-624eec4d.js';
21
+ import '../../index.module-a8ec81ea.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-4cd1e213.js';
26
+ import '../../index.module-09cc006f.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-624eec4d.js';
19
+ import './index.module-a8ec81ea.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-4cd1e213.js';
23
+ import './index.module-09cc006f.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-624eec4d.js';
21
+ import './index.module-a8ec81ea.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-4cd1e213.js';
27
+ import './index.module-09cc006f.js';
28
28
  import './components/secondary-tablist/Component.mobile.js';
29
29
  import './components/tabs/Component.js';
package/esm/index.module-09cc006f.js ADDED
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_ot1u0","fullWidthScroll":"tabs__fullWidthScroll_ot1u0","container":"tabs__container_ot1u0","title":"tabs__title_ot1u0","xxs":"tabs__xxs_ot1u0","xs":"tabs__xs_ot1u0","s":"tabs__s_ot1u0","m":"tabs__m_ot1u0","l":"tabs__l_ot1u0","xl":"tabs__xl_ot1u0"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/esm/index.module-a8ec81ea.js ADDED
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_ibntg","fullWidthScroll":"tabs__fullWidthScroll_ibntg","container":"tabs__container_ibntg","title":"tabs__title_ibntg","disabled":"tabs__disabled_ibntg","focused":"tabs__focused_ibntg","collapsed":"tabs__collapsed_ibntg","selected":"tabs__selected_ibntg","line":"tabs__line_ibntg","s":"tabs__s_ibntg","xs":"tabs__xs_ibntg","xxs":"tabs__xxs_ibntg","pickerWrapper":"tabs__pickerWrapper_ibntg","option":"tabs__option_ibntg","m":"tabs__m_ibntg","l":"tabs__l_ibntg","xl":"tabs__xl_ibntg","rightAddons":"tabs__rightAddons_ibntg"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };