@alfalab/core-components-tabs 7.6.2 → 7.6.3

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 (88) hide show
  1. package/component-3885b0d7.d.ts +1 -1
  2. package/components/primary-tablist/Component.desktop.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +2 -2
  4. package/components/primary-tablist/Component.responsive.js +1 -1
  5. package/components/primary-tablist/index.css +29 -29
  6. package/components/primary-tablist/mobile.css +32 -32
  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 +1 -1
  10. package/components/secondary-tablist/Component.mobile.js +2 -2
  11. package/components/secondary-tablist/Component.responsive.js +1 -1
  12. package/components/secondary-tablist/index.css +11 -11
  13. package/components/secondary-tablist/mobile.css +13 -13
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/components/tabs/Component.desktop.js +2 -2
  17. package/components/tabs/Component.mobile.js +2 -2
  18. package/components/tabs/Component.responsive.js +2 -2
  19. package/cssm/component-3885b0d7.d.ts +1 -1
  20. package/cssm/index-f12ee135.d.ts +1 -1
  21. package/cssm/{types-5e678ff2.d.ts → types-fae20163.d.ts} +4 -0
  22. package/desktop.js +2 -2
  23. package/esm/component-3885b0d7.d.ts +1 -1
  24. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  25. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  26. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  27. package/esm/components/primary-tablist/index.css +29 -29
  28. package/esm/components/primary-tablist/mobile.css +32 -32
  29. package/esm/components/scrollable-container/Component.js +1 -1
  30. package/esm/components/scrollable-container/index.css +5 -5
  31. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  32. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  33. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  34. package/esm/components/secondary-tablist/index.css +11 -11
  35. package/esm/components/secondary-tablist/mobile.css +13 -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 +2 -2
  39. package/esm/components/tabs/Component.mobile.js +2 -2
  40. package/esm/components/tabs/Component.responsive.js +2 -2
  41. package/esm/desktop.js +2 -2
  42. package/esm/index-f12ee135.d.ts +1 -1
  43. package/esm/index.js +2 -2
  44. package/esm/index.module-72ec09ed.js +4 -0
  45. package/esm/index.module-9d8a2b69.js +4 -0
  46. package/esm/mobile.js +2 -2
  47. package/esm/responsive.js +2 -2
  48. package/{modern/types-5e678ff2.d.ts → esm/types-fae20163.d.ts} +4 -0
  49. package/index-f12ee135.d.ts +1 -1
  50. package/index.js +2 -2
  51. package/index.module-393f01fa.js +6 -0
  52. package/index.module-a2b5f81e.js +6 -0
  53. package/mobile.js +2 -2
  54. package/modern/component-3885b0d7.d.ts +1 -1
  55. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  56. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  57. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  58. package/modern/components/primary-tablist/index.css +29 -29
  59. package/modern/components/primary-tablist/mobile.css +32 -32
  60. package/modern/components/scrollable-container/Component.js +1 -1
  61. package/modern/components/scrollable-container/index.css +5 -5
  62. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  63. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  64. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  65. package/modern/components/secondary-tablist/index.css +11 -11
  66. package/modern/components/secondary-tablist/mobile.css +13 -13
  67. package/modern/components/tab/Component.js +1 -1
  68. package/modern/components/tab/index.css +3 -3
  69. package/modern/components/tabs/Component.desktop.js +2 -2
  70. package/modern/components/tabs/Component.mobile.js +2 -2
  71. package/modern/components/tabs/Component.responsive.js +2 -2
  72. package/modern/desktop.js +2 -2
  73. package/modern/index-f12ee135.d.ts +1 -1
  74. package/modern/index.js +2 -2
  75. package/modern/index.module-6799c56f.js +4 -0
  76. package/modern/index.module-7927ce69.js +4 -0
  77. package/modern/mobile.js +2 -2
  78. package/modern/responsive.js +2 -2
  79. package/{types-5e678ff2.d.ts → modern/types-fae20163.d.ts} +4 -0
  80. package/package.json +2 -2
  81. package/responsive.js +2 -2
  82. package/{esm/types-5e678ff2.d.ts → types-fae20163.d.ts} +4 -0
  83. package/esm/index.module-a01a44bb.js +0 -4
  84. package/esm/index.module-cb6197d8.js +0 -4
  85. package/index.module-44b9585d.js +0 -6
  86. package/index.module-77258299.js +0 -6
  87. package/modern/index.module-71e56d00.js +0 -4
  88. package/modern/index.module-cd918b29.js +0 -4
package/desktop.js CHANGED
@@ -20,11 +20,11 @@ require('./hooks/use-tablist-titles.js');
20
20
  require('@alfalab/hooks');
21
21
  require('./synthetic-events.js');
22
22
  require('./components/title/Component.js');
23
- require('./index.module-77258299.js');
23
+ require('./index.module-a2b5f81e.js');
24
24
  require('compute-scroll-into-view');
25
25
  require('./components/secondary-tablist/Component.js');
26
26
  require('@alfalab/core-components-tag');
27
- require('./index.module-44b9585d.js');
27
+ require('./index.module-393f01fa.js');
28
28
  require('./components/tabs/Component.js');
29
29
  require('@juggle/resize-observer');
30
30
 
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-5e678ff2";
7
+ import { BottomSheetProps } from "./types-fae20163";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
@@ -1,7 +1,7 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { PrimaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-cb6197d8.js';
4
+ import { c as commonStyles } from '../../index.module-9d8a2b69.js';
5
5
  import 'classnames';
6
6
  import '@alfalab/core-components-badge/esm';
7
7
  import '@alfalab/core-components-keyboard-focusable/esm';
@@ -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-cb6197d8.js';
5
+ import { c as commonStyles } from '../../index.module-9d8a2b69.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_1t2w8 tabs__title_no3qa","mobile":"tabs__mobile_1t2w8"};
19
+ var mobileStyles = {"title":"tabs__title_eoak9 tabs__title_1rm6y","mobile":"tabs__mobile_eoak9"};
20
20
  require('./mobile.css')
21
21
 
22
22
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
@@ -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-cb6197d8.js';
19
+ import '../../index.module-9d8a2b69.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"]);
@@ -1,4 +1,4 @@
1
- /* hash: 19tag */
1
+ /* hash: jkufq */
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_no3qa {
86
+ } .tabs__component_1rm6y {
87
87
  position: relative;
88
88
  display: inline-flex;
89
89
  min-width: 100%
90
- } .tabs__component_no3qa:before {
90
+ } .tabs__component_1rm6y: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_no3qa {
98
+ } .tabs__fullWidthScroll_1rm6y {
99
99
  min-width: calc(100% - 2 * var(--gap-m));
100
100
  margin: 0 var(--gap-m);
101
- } .tabs__container_no3qa {
101
+ } .tabs__container_1rm6y {
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_no3qa {
108
+ } .tabs__title_1rm6y {
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_no3qa:not(.tabs__disabled_no3qa):hover {
125
+ } .tabs__title_1rm6y:not(.tabs__disabled_1rm6y):hover {
126
126
  color: var(--primary-tablist-hover-color);
127
- } .tabs__focused_no3qa {
127
+ } .tabs__focused_1rm6y {
128
128
  outline: 2px solid var(--focus-color);
129
129
  outline-offset: 2px;
130
- } .tabs__collapsed_no3qa {
130
+ } .tabs__collapsed_1rm6y {
131
131
  order: 99;
132
132
  visibility: collapse;
133
- } .tabs__selected_no3qa {
133
+ } .tabs__selected_1rm6y {
134
134
  cursor: default;
135
135
  color: var(--primary-tablist-selected-color);
136
- } .tabs__disabled_no3qa {
136
+ } .tabs__disabled_1rm6y {
137
137
  cursor: var(--disabled-cursor);
138
138
  color: var(--primary-tablist-disabled-color);
139
- } .tabs__line_no3qa {
139
+ } .tabs__line_1rm6y {
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_no3qa .tabs__title_no3qa, .tabs__xs_no3qa .tabs__title_no3qa, .tabs__xxs_no3qa .tabs__title_no3qa {
146
+ } /* sizes */ .tabs__s_1rm6y .tabs__title_1rm6y, .tabs__xs_1rm6y .tabs__title_1rm6y, .tabs__xxs_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa, .tabs__xs_no3qa .tabs__title_no3qa + .tabs__title_no3qa, .tabs__xxs_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
152
+ } .tabs__s_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y, .tabs__xs_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y, .tabs__xxs_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
153
153
  margin-left: var(--primary-tablist-s-gaps);
154
- } .tabs__s_no3qa .tabs__pickerWrapper_no3qa, .tabs__xs_no3qa .tabs__pickerWrapper_no3qa, .tabs__xxs_no3qa .tabs__pickerWrapper_no3qa {
154
+ } .tabs__s_1rm6y .tabs__pickerWrapper_1rm6y, .tabs__xs_1rm6y .tabs__pickerWrapper_1rm6y, .tabs__xxs_1rm6y .tabs__pickerWrapper_1rm6y {
155
155
  margin-left: var(--primary-tablist-s-gaps);
156
- } .tabs__s_no3qa .tabs__option_no3qa, .tabs__xs_no3qa .tabs__option_no3qa, .tabs__xxs_no3qa .tabs__option_no3qa {
156
+ } .tabs__s_1rm6y .tabs__option_1rm6y, .tabs__xs_1rm6y .tabs__option_1rm6y, .tabs__xxs_1rm6y .tabs__option_1rm6y {
157
157
  padding: 0;
158
- } .tabs__m_no3qa .tabs__title_no3qa {
158
+ } .tabs__m_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
164
+ } .tabs__m_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
165
165
  margin-left: var(--primary-tablist-m-gaps);
166
- } .tabs__m_no3qa .tabs__pickerWrapper_no3qa {
166
+ } .tabs__m_1rm6y .tabs__pickerWrapper_1rm6y {
167
167
  margin-left: var(--primary-tablist-m-gaps);
168
- } .tabs__m_no3qa .tabs__option_no3qa {
168
+ } .tabs__m_1rm6y .tabs__option_1rm6y {
169
169
  padding: 0;
170
- } .tabs__l_no3qa .tabs__title_no3qa {
170
+ } .tabs__l_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
176
+ } .tabs__l_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
177
177
  margin-left: var(--primary-tablist-l-gaps);
178
- } .tabs__l_no3qa .tabs__pickerWrapper_no3qa {
178
+ } .tabs__l_1rm6y .tabs__pickerWrapper_1rm6y {
179
179
  margin-left: var(--primary-tablist-l-gaps);
180
- } .tabs__l_no3qa .tabs__option_no3qa {
180
+ } .tabs__l_1rm6y .tabs__option_1rm6y {
181
181
  padding: 0;
182
- } .tabs__xl_no3qa .tabs__title_no3qa {
182
+ } .tabs__xl_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
188
+ } .tabs__xl_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
189
189
  margin-left: var(--primary-tablist-xl-gaps);
190
- } .tabs__xl_no3qa .tabs__pickerWrapper_no3qa {
190
+ } .tabs__xl_1rm6y .tabs__pickerWrapper_1rm6y {
191
191
  margin-left: var(--primary-tablist-xl-gaps);
192
- } .tabs__xl_no3qa .tabs__option_no3qa {
192
+ } .tabs__xl_1rm6y .tabs__option_1rm6y {
193
193
  padding: 0;
194
- } .tabs__rightAddons_no3qa {
194
+ } .tabs__rightAddons_1rm6y {
195
195
  display: flex;
196
196
  justify-content: center;
197
197
  align-items: center;
@@ -1,4 +1,4 @@
1
- /* hash: 9mt3v */
1
+ /* hash: mrrwp */
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_no3qa {
93
+ }.tabs__component_1rm6y {
94
94
  position: relative;
95
95
  display: inline-flex;
96
96
  min-width: 100%
97
- }.tabs__component_no3qa:before {
97
+ }.tabs__component_1rm6y: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_no3qa {
105
+ }.tabs__fullWidthScroll_1rm6y {
106
106
  min-width: calc(100% - 2 * var(--gap-m));
107
107
  margin: 0 var(--gap-m);
108
- }.tabs__container_no3qa {
108
+ }.tabs__container_1rm6y {
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_no3qa {
115
+ }.tabs__title_1rm6y {
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_no3qa:not(.tabs__disabled_no3qa):hover {
132
+ }.tabs__title_1rm6y:not(.tabs__disabled_1rm6y):hover {
133
133
  color: var(--primary-tablist-hover-color);
134
- }.tabs__focused_no3qa {
134
+ }.tabs__focused_1rm6y {
135
135
  outline: 2px solid var(--focus-color);
136
136
  outline-offset: 2px;
137
- }.tabs__collapsed_no3qa {
137
+ }.tabs__collapsed_1rm6y {
138
138
  order: 99;
139
139
  visibility: collapse;
140
- }.tabs__selected_no3qa {
140
+ }.tabs__selected_1rm6y {
141
141
  cursor: default;
142
142
  color: var(--primary-tablist-selected-color);
143
- }.tabs__disabled_no3qa {
143
+ }.tabs__disabled_1rm6y {
144
144
  cursor: var(--disabled-cursor);
145
145
  color: var(--primary-tablist-disabled-color);
146
- }.tabs__line_no3qa {
146
+ }.tabs__line_1rm6y {
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_no3qa .tabs__title_no3qa, .tabs__xs_no3qa .tabs__title_no3qa, .tabs__xxs_no3qa .tabs__title_no3qa {
153
+ }/* sizes */.tabs__s_1rm6y .tabs__title_1rm6y, .tabs__xs_1rm6y .tabs__title_1rm6y, .tabs__xxs_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa, .tabs__xs_no3qa .tabs__title_no3qa + .tabs__title_no3qa, .tabs__xxs_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
159
+ }.tabs__s_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y, .tabs__xs_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y, .tabs__xxs_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
160
160
  margin-left: var(--primary-tablist-s-gaps);
161
- }.tabs__s_no3qa .tabs__pickerWrapper_no3qa, .tabs__xs_no3qa .tabs__pickerWrapper_no3qa, .tabs__xxs_no3qa .tabs__pickerWrapper_no3qa {
161
+ }.tabs__s_1rm6y .tabs__pickerWrapper_1rm6y, .tabs__xs_1rm6y .tabs__pickerWrapper_1rm6y, .tabs__xxs_1rm6y .tabs__pickerWrapper_1rm6y {
162
162
  margin-left: var(--primary-tablist-s-gaps);
163
- }.tabs__s_no3qa .tabs__option_no3qa, .tabs__xs_no3qa .tabs__option_no3qa, .tabs__xxs_no3qa .tabs__option_no3qa {
163
+ }.tabs__s_1rm6y .tabs__option_1rm6y, .tabs__xs_1rm6y .tabs__option_1rm6y, .tabs__xxs_1rm6y .tabs__option_1rm6y {
164
164
  padding: 0;
165
- }.tabs__m_no3qa .tabs__title_no3qa {
165
+ }.tabs__m_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
171
+ }.tabs__m_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
172
172
  margin-left: var(--primary-tablist-m-gaps);
173
- }.tabs__m_no3qa .tabs__pickerWrapper_no3qa {
173
+ }.tabs__m_1rm6y .tabs__pickerWrapper_1rm6y {
174
174
  margin-left: var(--primary-tablist-m-gaps);
175
- }.tabs__m_no3qa .tabs__option_no3qa {
175
+ }.tabs__m_1rm6y .tabs__option_1rm6y {
176
176
  padding: 0;
177
- }.tabs__l_no3qa .tabs__title_no3qa {
177
+ }.tabs__l_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
183
+ }.tabs__l_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
184
184
  margin-left: var(--primary-tablist-l-gaps);
185
- }.tabs__l_no3qa .tabs__pickerWrapper_no3qa {
185
+ }.tabs__l_1rm6y .tabs__pickerWrapper_1rm6y {
186
186
  margin-left: var(--primary-tablist-l-gaps);
187
- }.tabs__l_no3qa .tabs__option_no3qa {
187
+ }.tabs__l_1rm6y .tabs__option_1rm6y {
188
188
  padding: 0;
189
- }.tabs__xl_no3qa .tabs__title_no3qa {
189
+ }.tabs__xl_1rm6y .tabs__title_1rm6y {
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_no3qa .tabs__title_no3qa + .tabs__title_no3qa {
195
+ }.tabs__xl_1rm6y .tabs__title_1rm6y + .tabs__title_1rm6y {
196
196
  margin-left: var(--primary-tablist-xl-gaps);
197
- }.tabs__xl_no3qa .tabs__pickerWrapper_no3qa {
197
+ }.tabs__xl_1rm6y .tabs__pickerWrapper_1rm6y {
198
198
  margin-left: var(--primary-tablist-xl-gaps);
199
- }.tabs__xl_no3qa .tabs__option_no3qa {
199
+ }.tabs__xl_1rm6y .tabs__option_1rm6y {
200
200
  padding: 0;
201
- }.tabs__rightAddons_no3qa {
201
+ }.tabs__rightAddons_1rm6y {
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_1t2w8 {
1102
- } .tabs__mobile_1t2w8 .tabs__title_1t2w8 {
1101
+ } .tabs__title_eoak9 {
1102
+ } .tabs__mobile_eoak9 .tabs__title_eoak9 {
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_1t2w8 .tabs__title_1t2w8 + .tabs__title_1t2w8 {
1108
+ } .tabs__mobile_eoak9 .tabs__title_eoak9 + .tabs__title_eoak9 {
1109
1109
  margin-left: var(--primary-tablist-mobile-gaps);
1110
1110
  }
@@ -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_1bjzb","fullWidthScroll":"tabs__fullWidthScroll_1bjzb"};
5
+ var styles = {"container":"tabs__container_s5rqk","fullWidthScroll":"tabs__fullWidthScroll_s5rqk"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: w1tz4 */
1
+ /* hash: 1d0tm */
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_1bjzb {
45
+ } .tabs__container_s5rqk {
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_1bjzb::-webkit-scrollbar {
55
+ } .tabs__container_s5rqk::-webkit-scrollbar {
56
56
  display: none;
57
- } .tabs__container_1bjzb > * {
57
+ } .tabs__container_s5rqk > * {
58
58
  flex-shrink: 0;
59
- } .tabs__fullWidthScroll_1bjzb {
59
+ } .tabs__fullWidthScroll_s5rqk {
60
60
  margin: 0 var(--gap-m-neg);
61
61
  }
@@ -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-a01a44bb.js';
4
+ import { c as commonStyles } from '../../index.module-72ec09ed.js';
5
5
  import 'classnames';
6
6
  import '@alfalab/core-components-tag/esm';
7
7
  import '../../hooks/use-tabs.js';
@@ -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-a01a44bb.js';
5
+ import { c as commonStyles } from '../../index.module-72ec09ed.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_hucc5 tabs__title_1rcsr","mobile":"tabs__mobile_hucc5"};
11
+ var mobileStyles = {"title":"tabs__title_fjbg5 tabs__title_cy73n","mobile":"tabs__mobile_fjbg5"};
12
12
  require('./mobile.css')
13
13
 
14
14
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
@@ -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-a01a44bb.js';
12
+ import '../../index.module-72ec09ed.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"]);
@@ -1,4 +1,4 @@
1
- /* hash: cs4u7 */
1
+ /* hash: px3n1 */
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_1rcsr {
53
+ } .tabs__component_cy73n {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_1rcsr {
56
+ } .tabs__fullWidthScroll_cy73n {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_1rcsr {
58
+ } .tabs__container_cy73n {
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_1rcsr {
64
+ } .tabs__title_cy73n {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
66
+ } /* sizes */ .tabs__xxs_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
68
+ } .tabs__xs_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
70
+ } .tabs__s_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
72
+ } .tabs__m_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
74
+ } .tabs__l_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
76
+ } .tabs__xl_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: l3965 */
1
+ /* hash: nmt3h */
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_1rcsr {
54
+ }.tabs__component_cy73n {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_1rcsr {
57
+ }.tabs__fullWidthScroll_cy73n {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_1rcsr {
59
+ }.tabs__container_cy73n {
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_1rcsr {
65
+ }.tabs__title_cy73n {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
67
+ }/* sizes */.tabs__xxs_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
69
+ }.tabs__xs_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
71
+ }.tabs__s_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
73
+ }.tabs__m_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
75
+ }.tabs__l_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_1rcsr .tabs__title_1rcsr + .tabs__title_1rcsr {
77
+ }.tabs__xl_cy73n .tabs__title_cy73n + .tabs__title_cy73n {
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_hucc5 {
975
- } .tabs__mobile_hucc5 .tabs__title_hucc5 + .tabs__title_hucc5 {
974
+ } .tabs__title_fjbg5 {
975
+ } .tabs__mobile_fjbg5 .tabs__title_fjbg5 + .tabs__title_fjbg5 {
976
976
  margin-left: var(--secondary-tablist-mobile-gaps);
977
977
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_1dqs4","hidden":"tabs__hidden_1dqs4"};
4
+ var styles = {"component":"tabs__component_9sovy","hidden":"tabs__hidden_9sovy"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: 7gx3f */
2
- .tabs__component_1dqs4 {
1
+ /* hash: xpd3q */
2
+ .tabs__component_9sovy {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1dqs4 {
6
+ .tabs__hidden_9sovy {
7
7
  display: none;
8
8
  }
@@ -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-cb6197d8.js';
20
+ import '../../index.module-9d8a2b69.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-a01a44bb.js';
23
+ import '../../index.module-72ec09ed.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListDesktop,
@@ -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-cb6197d8.js';
20
+ import '../../index.module-9d8a2b69.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-a01a44bb.js';
23
+ import '../../index.module-72ec09ed.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListMobile,
@@ -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-cb6197d8.js';
21
+ import '../../index.module-9d8a2b69.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-a01a44bb.js';
26
+ import '../../index.module-72ec09ed.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-cb6197d8.js';
19
+ import './index.module-9d8a2b69.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-a01a44bb.js';
23
+ import './index.module-72ec09ed.js';
24
24
  import './components/tabs/Component.js';
25
25
  import '@juggle/resize-observer';
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-5e678ff2";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";