@alfalab/core-components-tabs 7.2.8 → 7.2.9

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 (94) hide show
  1. package/components/primary-tablist/Component.desktop.js +2 -2
  2. package/components/primary-tablist/Component.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +3 -3
  4. package/components/primary-tablist/Component.responsive.js +2 -2
  5. package/components/primary-tablist/index.css +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 +2 -2
  10. package/components/secondary-tablist/Component.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +3 -3
  12. package/components/secondary-tablist/Component.responsive.js +2 -2
  13. package/components/secondary-tablist/index.css +11 -11
  14. package/components/secondary-tablist/mobile.css +13 -13
  15. package/components/tab/Component.js +1 -1
  16. package/components/tab/index.css +3 -3
  17. package/components/tabs/Component.desktop.js +3 -3
  18. package/components/tabs/Component.mobile.js +3 -3
  19. package/components/tabs/Component.responsive.js +3 -3
  20. package/components/title/Component.js +1 -1
  21. package/components/title/index.js +1 -1
  22. package/desktop.js +3 -3
  23. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  24. package/esm/components/primary-tablist/Component.js +1 -1
  25. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  26. package/esm/components/primary-tablist/Component.responsive.js +2 -2
  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 +2 -2
  32. package/esm/components/secondary-tablist/Component.js +1 -1
  33. package/esm/components/secondary-tablist/Component.mobile.js +3 -3
  34. package/esm/components/secondary-tablist/Component.responsive.js +2 -2
  35. package/esm/components/secondary-tablist/index.css +11 -11
  36. package/esm/components/secondary-tablist/mobile.css +13 -13
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/components/tabs/Component.desktop.js +3 -3
  40. package/esm/components/tabs/Component.mobile.js +3 -3
  41. package/esm/components/tabs/Component.responsive.js +3 -3
  42. package/esm/components/title/Component.js +1 -1
  43. package/esm/components/title/index.js +1 -1
  44. package/esm/desktop.js +3 -3
  45. package/esm/hooks/use-collapsible-elements.js +1 -1
  46. package/esm/hooks/use-tablist-titles.js +1 -1
  47. package/esm/index.js +3 -3
  48. package/esm/index.module-70b270f0.js +4 -0
  49. package/esm/index.module-b1b98fa8.js +4 -0
  50. package/esm/mobile.js +3 -3
  51. package/esm/responsive.js +3 -3
  52. package/esm/synthetic-events.js +1 -1
  53. package/esm/{tslib.es6-5bcf7106.d.ts → tslib.es6-013dc637.d.ts} +0 -0
  54. package/esm/{tslib.es6-5bcf7106.js → tslib.es6-013dc637.js} +0 -0
  55. package/hooks/use-collapsible-elements.js +1 -1
  56. package/hooks/use-tablist-titles.js +1 -1
  57. package/index.js +3 -3
  58. package/index.module-8195e19e.js +6 -0
  59. package/index.module-8665be45.js +6 -0
  60. package/mobile.js +3 -3
  61. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  62. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  63. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  64. package/modern/components/primary-tablist/index.css +29 -29
  65. package/modern/components/primary-tablist/mobile.css +32 -32
  66. package/modern/components/scrollable-container/Component.js +1 -1
  67. package/modern/components/scrollable-container/index.css +5 -5
  68. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  69. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  70. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  71. package/modern/components/secondary-tablist/index.css +11 -11
  72. package/modern/components/secondary-tablist/mobile.css +13 -13
  73. package/modern/components/tab/Component.js +1 -1
  74. package/modern/components/tab/index.css +3 -3
  75. package/modern/components/tabs/Component.desktop.js +2 -2
  76. package/modern/components/tabs/Component.mobile.js +2 -2
  77. package/modern/components/tabs/Component.responsive.js +2 -2
  78. package/modern/desktop.js +2 -2
  79. package/modern/index.js +2 -2
  80. package/modern/index.module-55adfdc4.js +4 -0
  81. package/modern/index.module-bd275971.js +4 -0
  82. package/modern/mobile.js +2 -2
  83. package/modern/responsive.js +2 -2
  84. package/package.json +3 -3
  85. package/responsive.js +3 -3
  86. package/synthetic-events.js +1 -1
  87. package/{tslib.es6-59707042.d.ts → tslib.es6-ae130ebf.d.ts} +0 -0
  88. package/{tslib.es6-59707042.js → tslib.es6-ae130ebf.js} +0 -0
  89. package/esm/index.module-03fcf2ea.js +0 -4
  90. package/esm/index.module-3eafeccc.js +0 -4
  91. package/index.module-446ed63b.js +0 -6
  92. package/index.module-ca7a7cb9.js +0 -6
  93. package/modern/index.module-54abd631.js +0 -4
  94. package/modern/index.module-c40b8e40.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: kkvnq */
1
+ /* hash: nawtp */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -88,11 +88,11 @@
88
88
  /* size l */
89
89
 
90
90
  /* size xl */
91
- }.tabs__component_1qk8p {
91
+ }.tabs__component_1i3jc {
92
92
  position: relative;
93
93
  display: inline-flex;
94
94
  min-width: 100%
95
- }.tabs__component_1qk8p:before {
95
+ }.tabs__component_1i3jc:before {
96
96
  content: '';
97
97
  display: block;
98
98
  position: absolute;
@@ -100,13 +100,13 @@
100
100
  height: 1px;
101
101
  width: 100%;
102
102
  background-color: var(--primary-tablist-bottom-border-color);
103
- }.tabs__fullWidthScroll_1qk8p {
103
+ }.tabs__fullWidthScroll_1i3jc {
104
104
  min-width: calc(100% - 2 * var(--gap-m));
105
105
  margin: 0 var(--gap-m);
106
- }.tabs__container_1qk8p {
106
+ }.tabs__container_1i3jc {
107
107
  position: relative;
108
108
  overflow: hidden;
109
- }.tabs__title_1qk8p {
109
+ }.tabs__title_1i3jc {
110
110
  display: flex;
111
111
  align-items: center;
112
112
  height: 100%;
@@ -123,76 +123,76 @@
123
123
  user-select: none;
124
124
  cursor: pointer;
125
125
  outline: none
126
- }.tabs__title_1qk8p:not(.tabs__disabled_1qk8p):hover {
126
+ }.tabs__title_1i3jc:not(.tabs__disabled_1i3jc):hover {
127
127
  color: var(--primary-tablist-hover-color);
128
- }.tabs__focused_1qk8p {
128
+ }.tabs__focused_1i3jc {
129
129
  outline: 2px solid var(--focus-color);
130
130
  outline-offset: 2px;
131
- }.tabs__collapsed_1qk8p {
131
+ }.tabs__collapsed_1i3jc {
132
132
  order: 99;
133
133
  visibility: collapse;
134
- }.tabs__selected_1qk8p {
134
+ }.tabs__selected_1i3jc {
135
135
  cursor: default;
136
136
  color: var(--primary-tablist-selected-color);
137
- }.tabs__disabled_1qk8p {
137
+ }.tabs__disabled_1i3jc {
138
138
  cursor: var(--disabled-cursor);
139
139
  color: var(--primary-tablist-disabled-color);
140
- }.tabs__line_1qk8p {
140
+ }.tabs__line_1i3jc {
141
141
  position: absolute;
142
142
  height: 3px;
143
143
  bottom: 0;
144
144
  left: 0;
145
145
  background-color: var(--primary-tablist-line-color);
146
146
  transition: transform 0.2s ease, width 0.2s ease;
147
- }/* sizes */.tabs__s_1qk8p .tabs__title_1qk8p, .tabs__xs_1qk8p .tabs__title_1qk8p, .tabs__xxs_1qk8p .tabs__title_1qk8p {
147
+ }/* sizes */.tabs__s_1i3jc .tabs__title_1i3jc, .tabs__xs_1i3jc .tabs__title_1i3jc, .tabs__xxs_1i3jc .tabs__title_1i3jc {
148
148
  padding: var(--primary-tablist-s-padding);
149
149
  font-size: var(--primary-tablist-s-font-size);
150
150
  font-weight: var(--primary-tablist-s-font-weight);
151
151
  font-family: var(--primary-tablist-s-font-family);
152
152
  line-height: 24px;
153
- }.tabs__s_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p, .tabs__xs_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p, .tabs__xxs_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p {
153
+ }.tabs__s_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc, .tabs__xs_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc, .tabs__xxs_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc {
154
154
  margin-left: var(--primary-tablist-s-gaps);
155
- }.tabs__s_1qk8p .tabs__pickerWrapper_1qk8p, .tabs__xs_1qk8p .tabs__pickerWrapper_1qk8p, .tabs__xxs_1qk8p .tabs__pickerWrapper_1qk8p {
155
+ }.tabs__s_1i3jc .tabs__pickerWrapper_1i3jc, .tabs__xs_1i3jc .tabs__pickerWrapper_1i3jc, .tabs__xxs_1i3jc .tabs__pickerWrapper_1i3jc {
156
156
  margin-left: var(--primary-tablist-s-gaps);
157
- }.tabs__s_1qk8p .tabs__option_1qk8p, .tabs__xs_1qk8p .tabs__option_1qk8p, .tabs__xxs_1qk8p .tabs__option_1qk8p {
157
+ }.tabs__s_1i3jc .tabs__option_1i3jc, .tabs__xs_1i3jc .tabs__option_1i3jc, .tabs__xxs_1i3jc .tabs__option_1i3jc {
158
158
  padding: 0;
159
- }.tabs__m_1qk8p .tabs__title_1qk8p {
159
+ }.tabs__m_1i3jc .tabs__title_1i3jc {
160
160
  padding: var(--primary-tablist-m-padding);
161
161
  font-size: var(--primary-tablist-m-font-size);
162
162
  font-weight: var(--primary-tablist-m-font-weight);
163
163
  font-family: var(--primary-tablist-m-font-family);
164
164
  line-height: 24px;
165
- }.tabs__m_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p {
165
+ }.tabs__m_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc {
166
166
  margin-left: var(--primary-tablist-m-gaps);
167
- }.tabs__m_1qk8p .tabs__pickerWrapper_1qk8p {
167
+ }.tabs__m_1i3jc .tabs__pickerWrapper_1i3jc {
168
168
  margin-left: var(--primary-tablist-m-gaps);
169
- }.tabs__m_1qk8p .tabs__option_1qk8p {
169
+ }.tabs__m_1i3jc .tabs__option_1i3jc {
170
170
  padding: 0;
171
- }.tabs__l_1qk8p .tabs__title_1qk8p {
171
+ }.tabs__l_1i3jc .tabs__title_1i3jc {
172
172
  padding: var(--primary-tablist-l-padding);
173
173
  font-size: var(--primary-tablist-l-font-size);
174
174
  font-weight: var(--primary-tablist-l-font-weight);
175
175
  font-family: var(--primary-tablist-l-font-family);
176
176
  line-height: 24px;
177
- }.tabs__l_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p {
177
+ }.tabs__l_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc {
178
178
  margin-left: var(--primary-tablist-l-gaps);
179
- }.tabs__l_1qk8p .tabs__pickerWrapper_1qk8p {
179
+ }.tabs__l_1i3jc .tabs__pickerWrapper_1i3jc {
180
180
  margin-left: var(--primary-tablist-l-gaps);
181
- }.tabs__l_1qk8p .tabs__option_1qk8p {
181
+ }.tabs__l_1i3jc .tabs__option_1i3jc {
182
182
  padding: 0;
183
- }.tabs__xl_1qk8p .tabs__title_1qk8p {
183
+ }.tabs__xl_1i3jc .tabs__title_1i3jc {
184
184
  padding: var(--primary-tablist-xl-padding);
185
185
  font-size: var(--primary-tablist-xl-font-size);
186
186
  font-weight: var(--primary-tablist-xl-font-weight);
187
187
  font-family: var(--primary-tablist-xl-font-family);
188
188
  line-height: 32px;
189
- }.tabs__xl_1qk8p .tabs__title_1qk8p + .tabs__title_1qk8p {
189
+ }.tabs__xl_1i3jc .tabs__title_1i3jc + .tabs__title_1i3jc {
190
190
  margin-left: var(--primary-tablist-xl-gaps);
191
- }.tabs__xl_1qk8p .tabs__pickerWrapper_1qk8p {
191
+ }.tabs__xl_1i3jc .tabs__pickerWrapper_1i3jc {
192
192
  margin-left: var(--primary-tablist-xl-gaps);
193
- }.tabs__xl_1qk8p .tabs__option_1qk8p {
193
+ }.tabs__xl_1i3jc .tabs__option_1i3jc {
194
194
  padding: 0;
195
- }.tabs__rightAddons_1qk8p {
195
+ }.tabs__rightAddons_1i3jc {
196
196
  display: flex;
197
197
  justify-content: center;
198
198
  align-items: center;
@@ -1012,15 +1012,15 @@
1012
1012
  /* size xl */
1013
1013
  --secondary-tablist-xl-gaps: var(--gap-m);
1014
1014
  }
1015
- .tabs__title_a14fy {
1015
+ .tabs__title_1owfo {
1016
1016
  }
1017
- .tabs__mobile_a14fy .tabs__title_a14fy {
1017
+ .tabs__mobile_1owfo .tabs__title_1owfo {
1018
1018
  padding: var(--primary-tablist-mobile-padding);
1019
1019
  font-size: var(--primary-tablist-mobile-font-size);
1020
1020
  font-weight: var(--primary-tablist-mobile-font-weight);
1021
1021
  font-family: var(--primary-tablist-mobile-font-family);
1022
1022
  line-height: var(--primary-tablist-mobile-line-height)
1023
1023
  }
1024
- .tabs__mobile_a14fy .tabs__title_a14fy + .tabs__title_a14fy {
1024
+ .tabs__mobile_1owfo .tabs__title_1owfo + .tabs__title_1owfo {
1025
1025
  margin-left: var(--primary-tablist-mobile-gaps);
1026
1026
  }
@@ -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
- const styles = {"container":"tabs__container_1vj2v","fullWidthScroll":"tabs__fullWidthScroll_1vj2v"};
5
+ const styles = {"container":"tabs__container_4yo6e","fullWidthScroll":"tabs__fullWidthScroll_4yo6e"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1lp9n */
1
+ /* hash: 1qiql */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -36,19 +36,19 @@
36
36
 
37
37
  /* size xl */
38
38
  }
39
- .tabs__container_1vj2v {
39
+ .tabs__container_4yo6e {
40
40
  position: relative;
41
41
  overflow-x: auto;
42
42
  overflow-y: hidden;
43
43
  scroll-behavior: smooth;
44
44
  scrollbar-width: none
45
45
  }
46
- .tabs__container_1vj2v::-webkit-scrollbar {
46
+ .tabs__container_4yo6e::-webkit-scrollbar {
47
47
  display: none;
48
48
  }
49
- .tabs__container_1vj2v > * {
49
+ .tabs__container_4yo6e > * {
50
50
  flex-shrink: 0;
51
51
  }
52
- .tabs__fullWidthScroll_1vj2v {
52
+ .tabs__fullWidthScroll_4yo6e {
53
53
  margin: 0 var(--gap-m-neg);
54
54
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SecondaryTabList } from './Component.js';
3
- import { c as commonStyles } from '../../index.module-c40b8e40.js';
3
+ import { c as commonStyles } from '../../index.module-bd275971.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-tag/modern';
6
6
  import '../../hooks/use-tabs.js';
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { SecondaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-c40b8e40.js';
4
+ import { c as commonStyles } from '../../index.module-bd275971.js';
5
5
  import '@alfalab/core-components-tag/modern';
6
6
  import '../../hooks/use-tabs.js';
7
7
  import '../scrollable-container/Component.js';
8
8
  import 'compute-scroll-into-view';
9
9
 
10
- const mobileStyles = {"title":"tabs__title_1d11e tabs__title_1jzwz","mobile":"tabs__mobile_1d11e"};
10
+ const mobileStyles = {"title":"tabs__title_iofc0 tabs__title_zu46d","mobile":"tabs__mobile_iofc0"};
11
11
  require('./mobile.css')
12
12
 
13
13
  const styles = {
@@ -8,7 +8,7 @@ import '@alfalab/core-components-tag/modern';
8
8
  import '../../hooks/use-tabs.js';
9
9
  import '../scrollable-container/Component.js';
10
10
  import 'compute-scroll-into-view';
11
- import '../../index.module-c40b8e40.js';
11
+ import '../../index.module-bd275971.js';
12
12
 
13
13
  const SecondaryTabListResponsive = ({ size, defaultMatch = 'desktop', fullWidthScroll, ...restProps }) => {
14
14
  const [view] = useMedia([
@@ -1,4 +1,4 @@
1
- /* hash: nq7e2 */
1
+ /* hash: yb3cy */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -44,35 +44,35 @@
44
44
  /* size xl */
45
45
  --secondary-tablist-xl-gaps: var(--gap-m);
46
46
  }
47
- .tabs__component_1jzwz {
47
+ .tabs__component_zu46d {
48
48
  position: relative;
49
49
  display: inline-flex;
50
50
  }
51
- .tabs__fullWidthScroll_1jzwz {
51
+ .tabs__fullWidthScroll_zu46d {
52
52
  margin: 0 var(--gap-m);
53
53
  }
54
- .tabs__container_1jzwz {
54
+ .tabs__container_zu46d {
55
55
  overflow: hidden;
56
56
  }
57
- .tabs__title_1jzwz {
57
+ .tabs__title_zu46d {
58
58
  white-space: nowrap;
59
59
  }
60
60
  /* sizes */
61
- .tabs__xxs_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
61
+ .tabs__xxs_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
63
  }
64
- .tabs__xs_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
64
+ .tabs__xs_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
65
65
  margin-left: var(--secondary-tablist-xs-gaps);
66
66
  }
67
- .tabs__s_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
67
+ .tabs__s_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
68
68
  margin-left: var(--secondary-tablist-s-gaps);
69
69
  }
70
- .tabs__m_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
70
+ .tabs__m_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
71
71
  margin-left: var(--secondary-tablist-m-gaps);
72
72
  }
73
- .tabs__l_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
73
+ .tabs__l_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
74
74
  margin-left: var(--secondary-tablist-l-gaps);
75
75
  }
76
- .tabs__xl_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
76
+ .tabs__xl_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1aqou */
1
+ /* hash: 114q3 */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -49,26 +49,26 @@
49
49
 
50
50
  /* size xl */
51
51
  --secondary-tablist-xl-gaps: var(--gap-m);
52
- }.tabs__component_1jzwz {
52
+ }.tabs__component_zu46d {
53
53
  position: relative;
54
54
  display: inline-flex;
55
- }.tabs__fullWidthScroll_1jzwz {
55
+ }.tabs__fullWidthScroll_zu46d {
56
56
  margin: 0 var(--gap-m);
57
- }.tabs__container_1jzwz {
57
+ }.tabs__container_zu46d {
58
58
  overflow: hidden;
59
- }.tabs__title_1jzwz {
59
+ }.tabs__title_zu46d {
60
60
  white-space: nowrap;
61
- }/* sizes */.tabs__xxs_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
61
+ }/* sizes */.tabs__xxs_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
- }.tabs__xs_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
63
+ }.tabs__xs_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
64
64
  margin-left: var(--secondary-tablist-xs-gaps);
65
- }.tabs__s_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
65
+ }.tabs__s_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
66
66
  margin-left: var(--secondary-tablist-s-gaps);
67
- }.tabs__m_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
67
+ }.tabs__m_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
68
68
  margin-left: var(--secondary-tablist-m-gaps);
69
- }.tabs__l_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
69
+ }.tabs__l_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
70
70
  margin-left: var(--secondary-tablist-l-gaps);
71
- }.tabs__xl_1jzwz .tabs__title_1jzwz + .tabs__title_1jzwz {
71
+ }.tabs__xl_zu46d .tabs__title_zu46d + .tabs__title_zu46d {
72
72
  margin-left: var(--secondary-tablist-xl-gaps);
73
73
  }
74
74
  :root {
@@ -885,8 +885,8 @@
885
885
  /* size xl */
886
886
  --secondary-tablist-xl-gaps: var(--gap-m);
887
887
  }
888
- .tabs__title_1d11e {
888
+ .tabs__title_iofc0 {
889
889
  }
890
- .tabs__mobile_1d11e .tabs__title_1d11e + .tabs__title_1d11e {
890
+ .tabs__mobile_iofc0 .tabs__title_iofc0 + .tabs__title_iofc0 {
891
891
  margin-left: var(--secondary-tablist-mobile-gaps);
892
892
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"tabs__component_1n8dd","hidden":"tabs__hidden_1n8dd"};
4
+ const styles = {"component":"tabs__component_1vp2q","hidden":"tabs__hidden_1vp2q"};
5
5
  require('./index.css')
6
6
 
7
7
  const Tab = ({ children, hidden, className, disabled, dataTestId }) => children ? (React.createElement("div", { className: cn(styles.component, {
@@ -1,8 +1,8 @@
1
- /* hash: 1ixi9 */
2
- .tabs__component_1n8dd {
1
+ /* hash: 1mcdn */
2
+ .tabs__component_1vp2q {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1n8dd {
6
+ .tabs__hidden_1vp2q {
7
7
  display: none;
8
8
  }
@@ -16,10 +16,10 @@ 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-54abd631.js';
19
+ import '../../index.module-55adfdc4.js';
20
20
  import '../secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import '../../index.module-c40b8e40.js';
22
+ import '../../index.module-bd275971.js';
23
23
 
24
24
  const views = {
25
25
  primary: PrimaryTabListDesktop,
@@ -16,10 +16,10 @@ 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-54abd631.js';
19
+ import '../../index.module-55adfdc4.js';
20
20
  import '../secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import '../../index.module-c40b8e40.js';
22
+ import '../../index.module-bd275971.js';
23
23
 
24
24
  const views = {
25
25
  primary: PrimaryTabListMobile,
@@ -17,12 +17,12 @@ 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-54abd631.js';
20
+ import '../../index.module-55adfdc4.js';
21
21
  import '../primary-tablist/Component.mobile.js';
22
22
  import '../secondary-tablist/Component.desktop.js';
23
23
  import '../secondary-tablist/Component.js';
24
24
  import '@alfalab/core-components-tag/modern';
25
- import '../../index.module-c40b8e40.js';
25
+ import '../../index.module-bd275971.js';
26
26
  import '../secondary-tablist/Component.mobile.js';
27
27
 
28
28
  const views = {
package/modern/desktop.js CHANGED
@@ -15,10 +15,10 @@ import './hooks/use-tablist-titles.js';
15
15
  import '@alfalab/hooks';
16
16
  import './synthetic-events.js';
17
17
  import './components/title/Component.js';
18
- import './index.module-54abd631.js';
18
+ import './index.module-55adfdc4.js';
19
19
  import 'compute-scroll-into-view';
20
20
  import './components/secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import './index.module-c40b8e40.js';
22
+ import './index.module-bd275971.js';
23
23
  import './components/tabs/Component.js';
24
24
  import '@juggle/resize-observer';
package/modern/index.js CHANGED
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
18
18
  import './synthetic-events.js';
19
19
  import './components/title/Component.js';
20
20
  import 'compute-scroll-into-view';
21
- import './index.module-54abd631.js';
21
+ import './index.module-55adfdc4.js';
22
22
  import './components/primary-tablist/Component.mobile.js';
23
23
  import './components/secondary-tablist/Component.desktop.js';
24
24
  import './components/secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/modern';
26
- import './index.module-c40b8e40.js';
26
+ import './index.module-bd275971.js';
27
27
  import './components/secondary-tablist/Component.mobile.js';
28
28
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_1i3jc","fullWidthScroll":"tabs__fullWidthScroll_1i3jc","container":"tabs__container_1i3jc","title":"tabs__title_1i3jc","disabled":"tabs__disabled_1i3jc","focused":"tabs__focused_1i3jc","collapsed":"tabs__collapsed_1i3jc","selected":"tabs__selected_1i3jc","line":"tabs__line_1i3jc","s":"tabs__s_1i3jc","xs":"tabs__xs_1i3jc","xxs":"tabs__xxs_1i3jc","pickerWrapper":"tabs__pickerWrapper_1i3jc","option":"tabs__option_1i3jc","m":"tabs__m_1i3jc","l":"tabs__l_1i3jc","xl":"tabs__xl_1i3jc","rightAddons":"tabs__rightAddons_1i3jc"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_zu46d","fullWidthScroll":"tabs__fullWidthScroll_zu46d","container":"tabs__container_zu46d","title":"tabs__title_zu46d","xxs":"tabs__xxs_zu46d","xs":"tabs__xs_zu46d","s":"tabs__s_zu46d","m":"tabs__m_zu46d","l":"tabs__l_zu46d","xl":"tabs__xl_zu46d"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/modern/mobile.js CHANGED
@@ -17,8 +17,8 @@ import '@juggle/resize-observer';
17
17
  import './synthetic-events.js';
18
18
  import './components/title/Component.js';
19
19
  import 'compute-scroll-into-view';
20
- import './index.module-54abd631.js';
20
+ import './index.module-55adfdc4.js';
21
21
  import './components/secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/modern';
23
- import './index.module-c40b8e40.js';
23
+ import './index.module-bd275971.js';
24
24
  import './components/tabs/Component.js';
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
18
18
  import './synthetic-events.js';
19
19
  import './components/title/Component.js';
20
20
  import 'compute-scroll-into-view';
21
- import './index.module-54abd631.js';
21
+ import './index.module-55adfdc4.js';
22
22
  import './components/primary-tablist/Component.mobile.js';
23
23
  import './components/secondary-tablist/Component.desktop.js';
24
24
  import './components/secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/modern';
26
- import './index.module-c40b8e40.js';
26
+ import './index.module-bd275971.js';
27
27
  import './components/secondary-tablist/Component.mobile.js';
28
28
  import './components/tabs/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-tabs",
3
- "version": "7.2.8",
3
+ "version": "7.2.9",
4
4
  "description": "Tabs components",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,8 +19,8 @@
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-keyboard-focusable": "^4.0.3",
21
21
  "@alfalab/core-components-tag": "^5.0.3",
22
- "@alfalab/core-components-picker-button": "^10.2.1",
23
- "@alfalab/core-components-badge": "^4.0.4",
22
+ "@alfalab/core-components-picker-button": "^10.2.2",
23
+ "@alfalab/core-components-badge": "^5.0.0",
24
24
  "classnames": "^2.3.1",
25
25
  "compute-scroll-into-view": "^1.0.13",
26
26
  "lodash.debounce": "^4.0.8",
package/responsive.js CHANGED
@@ -7,7 +7,7 @@ var components_tab_Component = require('./components/tab/Component.js');
7
7
  var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
8
8
  var hooks_useTabs = require('./hooks/use-tabs.js');
9
9
  var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
10
- require('./tslib.es6-59707042.js');
10
+ require('./tslib.es6-ae130ebf.js');
11
11
  require('react');
12
12
  require('@alfalab/hooks');
13
13
  require('./components/primary-tablist/Component.desktop.js');
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
21
21
  require('./synthetic-events.js');
22
22
  require('./components/title/Component.js');
23
23
  require('compute-scroll-into-view');
24
- require('./index.module-446ed63b.js');
24
+ require('./index.module-8195e19e.js');
25
25
  require('./components/primary-tablist/Component.mobile.js');
26
26
  require('./components/secondary-tablist/Component.desktop.js');
27
27
  require('./components/secondary-tablist/Component.js');
28
28
  require('@alfalab/core-components-tag');
29
- require('./index.module-ca7a7cb9.js');
29
+ require('./index.module-8665be45.js');
30
30
  require('./components/secondary-tablist/Component.mobile.js');
31
31
  require('./components/tabs/Component.js');
32
32
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-59707042.js');
3
+ var tslib_es6 = require('./tslib.es6-ae130ebf.js');
4
4
 
5
5
  var createSyntheticEvent = function (event) {
6
6
  var isDefaultPrevented = false;
File without changes
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1jzwz","fullWidthScroll":"tabs__fullWidthScroll_1jzwz","container":"tabs__container_1jzwz","title":"tabs__title_1jzwz","xxs":"tabs__xxs_1jzwz","xs":"tabs__xs_1jzwz","s":"tabs__s_1jzwz","m":"tabs__m_1jzwz","l":"tabs__l_1jzwz","xl":"tabs__xl_1jzwz"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1qk8p","fullWidthScroll":"tabs__fullWidthScroll_1qk8p","container":"tabs__container_1qk8p","title":"tabs__title_1qk8p","disabled":"tabs__disabled_1qk8p","focused":"tabs__focused_1qk8p","collapsed":"tabs__collapsed_1qk8p","selected":"tabs__selected_1qk8p","line":"tabs__line_1qk8p","s":"tabs__s_1qk8p","xs":"tabs__xs_1qk8p","xxs":"tabs__xxs_1qk8p","pickerWrapper":"tabs__pickerWrapper_1qk8p","option":"tabs__option_1qk8p","m":"tabs__m_1qk8p","l":"tabs__l_1qk8p","xl":"tabs__xl_1qk8p","rightAddons":"tabs__rightAddons_1qk8p"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1qk8p","fullWidthScroll":"tabs__fullWidthScroll_1qk8p","container":"tabs__container_1qk8p","title":"tabs__title_1qk8p","disabled":"tabs__disabled_1qk8p","focused":"tabs__focused_1qk8p","collapsed":"tabs__collapsed_1qk8p","selected":"tabs__selected_1qk8p","line":"tabs__line_1qk8p","s":"tabs__s_1qk8p","xs":"tabs__xs_1qk8p","xxs":"tabs__xxs_1qk8p","pickerWrapper":"tabs__pickerWrapper_1qk8p","option":"tabs__option_1qk8p","m":"tabs__m_1qk8p","l":"tabs__l_1qk8p","xl":"tabs__xl_1qk8p","rightAddons":"tabs__rightAddons_1qk8p"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1jzwz","fullWidthScroll":"tabs__fullWidthScroll_1jzwz","container":"tabs__container_1jzwz","title":"tabs__title_1jzwz","xxs":"tabs__xxs_1jzwz","xs":"tabs__xs_1jzwz","s":"tabs__s_1jzwz","m":"tabs__m_1jzwz","l":"tabs__l_1jzwz","xl":"tabs__xl_1jzwz"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_1qk8p","fullWidthScroll":"tabs__fullWidthScroll_1qk8p","container":"tabs__container_1qk8p","title":"tabs__title_1qk8p","disabled":"tabs__disabled_1qk8p","focused":"tabs__focused_1qk8p","collapsed":"tabs__collapsed_1qk8p","selected":"tabs__selected_1qk8p","line":"tabs__line_1qk8p","s":"tabs__s_1qk8p","xs":"tabs__xs_1qk8p","xxs":"tabs__xxs_1qk8p","pickerWrapper":"tabs__pickerWrapper_1qk8p","option":"tabs__option_1qk8p","m":"tabs__m_1qk8p","l":"tabs__l_1qk8p","xl":"tabs__xl_1qk8p","rightAddons":"tabs__rightAddons_1qk8p"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_1jzwz","fullWidthScroll":"tabs__fullWidthScroll_1jzwz","container":"tabs__container_1jzwz","title":"tabs__title_1jzwz","xxs":"tabs__xxs_1jzwz","xs":"tabs__xs_1jzwz","s":"tabs__s_1jzwz","m":"tabs__m_1jzwz","l":"tabs__l_1jzwz","xl":"tabs__xl_1jzwz"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };