@alfalab/core-components-tabs 7.2.0 → 7.2.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 (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-00b2029c.js +4 -0
  49. package/esm/index.module-12c9d5af.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-e74e5c93.d.ts → tslib.es6-84921ecb.d.ts} +0 -0
  54. package/esm/{tslib.es6-e74e5c93.js → tslib.es6-84921ecb.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-5afcef2e.js +6 -0
  59. package/index.module-ac421352.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-00b2029c.js +4 -0
  81. package/modern/index.module-12c9d5af.js +4 -0
  82. package/modern/mobile.js +2 -2
  83. package/modern/responsive.js +2 -2
  84. package/package.json +2 -2
  85. package/responsive.js +3 -3
  86. package/synthetic-events.js +1 -1
  87. package/{tslib.es6-cbc5fb87.d.ts → tslib.es6-0fb9e4c6.d.ts} +0 -0
  88. package/{tslib.es6-cbc5fb87.js → tslib.es6-0fb9e4c6.js} +0 -0
  89. package/esm/index.module-01d292c0.js +0 -4
  90. package/esm/index.module-16a12061.js +0 -4
  91. package/index.module-370f6bd7.js +0 -6
  92. package/index.module-872dcef9.js +0 -6
  93. package/modern/index.module-01d292c0.js +0 -4
  94. package/modern/index.module-16a12061.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: gxw9g */
1
+ /* hash: 1qqw9 */
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_1qgkh {
91
+ }.tabs__component_19l1c {
92
92
  position: relative;
93
93
  display: inline-flex;
94
94
  min-width: 100%
95
- }.tabs__component_1qgkh:before {
95
+ }.tabs__component_19l1c: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_1qgkh {
103
+ }.tabs__fullWidthScroll_19l1c {
104
104
  min-width: calc(100% - 2 * var(--gap-m));
105
105
  margin: 0 var(--gap-m);
106
- }.tabs__container_1qgkh {
106
+ }.tabs__container_19l1c {
107
107
  position: relative;
108
108
  overflow: hidden;
109
- }.tabs__title_1qgkh {
109
+ }.tabs__title_19l1c {
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_1qgkh:not(.tabs__disabled_1qgkh):hover {
126
+ }.tabs__title_19l1c:not(.tabs__disabled_19l1c):hover {
127
127
  color: var(--primary-tablist-hover-color);
128
- }.tabs__focused_1qgkh {
128
+ }.tabs__focused_19l1c {
129
129
  outline: 2px solid var(--focus-color);
130
130
  outline-offset: 2px;
131
- }.tabs__collapsed_1qgkh {
131
+ }.tabs__collapsed_19l1c {
132
132
  order: 99;
133
133
  visibility: collapse;
134
- }.tabs__selected_1qgkh {
134
+ }.tabs__selected_19l1c {
135
135
  cursor: default;
136
136
  color: var(--primary-tablist-selected-color);
137
- }.tabs__disabled_1qgkh {
137
+ }.tabs__disabled_19l1c {
138
138
  cursor: var(--disabled-cursor);
139
139
  color: var(--primary-tablist-disabled-color);
140
- }.tabs__line_1qgkh {
140
+ }.tabs__line_19l1c {
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_1qgkh .tabs__title_1qgkh, .tabs__xs_1qgkh .tabs__title_1qgkh, .tabs__xxs_1qgkh .tabs__title_1qgkh {
147
+ }/* sizes */.tabs__s_19l1c .tabs__title_19l1c, .tabs__xs_19l1c .tabs__title_19l1c, .tabs__xxs_19l1c .tabs__title_19l1c {
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_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh, .tabs__xs_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh, .tabs__xxs_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh {
153
+ }.tabs__s_19l1c .tabs__title_19l1c + .tabs__title_19l1c, .tabs__xs_19l1c .tabs__title_19l1c + .tabs__title_19l1c, .tabs__xxs_19l1c .tabs__title_19l1c + .tabs__title_19l1c {
154
154
  margin-left: var(--primary-tablist-s-gaps);
155
- }.tabs__s_1qgkh .tabs__pickerWrapper_1qgkh, .tabs__xs_1qgkh .tabs__pickerWrapper_1qgkh, .tabs__xxs_1qgkh .tabs__pickerWrapper_1qgkh {
155
+ }.tabs__s_19l1c .tabs__pickerWrapper_19l1c, .tabs__xs_19l1c .tabs__pickerWrapper_19l1c, .tabs__xxs_19l1c .tabs__pickerWrapper_19l1c {
156
156
  margin-left: var(--primary-tablist-s-gaps);
157
- }.tabs__s_1qgkh .tabs__option_1qgkh, .tabs__xs_1qgkh .tabs__option_1qgkh, .tabs__xxs_1qgkh .tabs__option_1qgkh {
157
+ }.tabs__s_19l1c .tabs__option_19l1c, .tabs__xs_19l1c .tabs__option_19l1c, .tabs__xxs_19l1c .tabs__option_19l1c {
158
158
  padding: 0;
159
- }.tabs__m_1qgkh .tabs__title_1qgkh {
159
+ }.tabs__m_19l1c .tabs__title_19l1c {
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_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh {
165
+ }.tabs__m_19l1c .tabs__title_19l1c + .tabs__title_19l1c {
166
166
  margin-left: var(--primary-tablist-m-gaps);
167
- }.tabs__m_1qgkh .tabs__pickerWrapper_1qgkh {
167
+ }.tabs__m_19l1c .tabs__pickerWrapper_19l1c {
168
168
  margin-left: var(--primary-tablist-m-gaps);
169
- }.tabs__m_1qgkh .tabs__option_1qgkh {
169
+ }.tabs__m_19l1c .tabs__option_19l1c {
170
170
  padding: 0;
171
- }.tabs__l_1qgkh .tabs__title_1qgkh {
171
+ }.tabs__l_19l1c .tabs__title_19l1c {
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_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh {
177
+ }.tabs__l_19l1c .tabs__title_19l1c + .tabs__title_19l1c {
178
178
  margin-left: var(--primary-tablist-l-gaps);
179
- }.tabs__l_1qgkh .tabs__pickerWrapper_1qgkh {
179
+ }.tabs__l_19l1c .tabs__pickerWrapper_19l1c {
180
180
  margin-left: var(--primary-tablist-l-gaps);
181
- }.tabs__l_1qgkh .tabs__option_1qgkh {
181
+ }.tabs__l_19l1c .tabs__option_19l1c {
182
182
  padding: 0;
183
- }.tabs__xl_1qgkh .tabs__title_1qgkh {
183
+ }.tabs__xl_19l1c .tabs__title_19l1c {
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_1qgkh .tabs__title_1qgkh + .tabs__title_1qgkh {
189
+ }.tabs__xl_19l1c .tabs__title_19l1c + .tabs__title_19l1c {
190
190
  margin-left: var(--primary-tablist-xl-gaps);
191
- }.tabs__xl_1qgkh .tabs__pickerWrapper_1qgkh {
191
+ }.tabs__xl_19l1c .tabs__pickerWrapper_19l1c {
192
192
  margin-left: var(--primary-tablist-xl-gaps);
193
- }.tabs__xl_1qgkh .tabs__option_1qgkh {
193
+ }.tabs__xl_19l1c .tabs__option_19l1c {
194
194
  padding: 0;
195
- }.tabs__rightAddons_1qgkh {
195
+ }.tabs__rightAddons_19l1c {
196
196
  display: flex;
197
197
  justify-content: center;
198
198
  align-items: center;
@@ -1006,15 +1006,15 @@
1006
1006
  /* size xl */
1007
1007
  --secondary-tablist-xl-gaps: var(--gap-m);
1008
1008
  }
1009
- .tabs__title_ob67q {
1009
+ .tabs__title_r0btc {
1010
1010
  }
1011
- .tabs__mobile_ob67q .tabs__title_ob67q {
1011
+ .tabs__mobile_r0btc .tabs__title_r0btc {
1012
1012
  padding: var(--primary-tablist-mobile-padding);
1013
1013
  font-size: var(--primary-tablist-mobile-font-size);
1014
1014
  font-weight: var(--primary-tablist-mobile-font-weight);
1015
1015
  font-family: var(--primary-tablist-mobile-font-family);
1016
1016
  line-height: var(--primary-tablist-mobile-line-height)
1017
1017
  }
1018
- .tabs__mobile_ob67q .tabs__title_ob67q + .tabs__title_ob67q {
1018
+ .tabs__mobile_r0btc .tabs__title_r0btc + .tabs__title_r0btc {
1019
1019
  margin-left: var(--primary-tablist-mobile-gaps);
1020
1020
  }
@@ -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_xocd4","fullWidthScroll":"tabs__fullWidthScroll_xocd4"};
5
+ var styles = {"container":"tabs__container_1ejvh","fullWidthScroll":"tabs__fullWidthScroll_1ejvh"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: i1ops */
1
+ /* hash: uxlz7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -36,19 +36,19 @@
36
36
 
37
37
  /* size xl */
38
38
  }
39
- .tabs__container_xocd4 {
39
+ .tabs__container_1ejvh {
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_xocd4::-webkit-scrollbar {
46
+ .tabs__container_1ejvh::-webkit-scrollbar {
47
47
  display: none;
48
48
  }
49
- .tabs__container_xocd4 > * {
49
+ .tabs__container_1ejvh > * {
50
50
  flex-shrink: 0;
51
51
  }
52
- .tabs__fullWidthScroll_xocd4 {
52
+ .tabs__fullWidthScroll_1ejvh {
53
53
  margin: 0 var(--gap-m-neg);
54
54
  }
@@ -5,7 +5,7 @@ import 'compute-scroll-into-view';
5
5
  import '../scrollable-container/Component.js';
6
6
  import '@alfalab/core-components-tag/modern';
7
7
  import { SecondaryTabList } from './Component.js';
8
- import { c as commonStyles } from '../../index.module-16a12061.js';
8
+ import { c as commonStyles } from '../../index.module-12c9d5af.js';
9
9
 
10
10
  const SecondaryTabListDesktop = ({ size = 's', ...restProps }) => (React.createElement(SecondaryTabList, { ...restProps, size: size, styles: commonStyles, tagSize: size }));
11
11
 
@@ -5,9 +5,9 @@ import 'compute-scroll-into-view';
5
5
  import '../scrollable-container/Component.js';
6
6
  import '@alfalab/core-components-tag/modern';
7
7
  import { SecondaryTabList } from './Component.js';
8
- import { c as commonStyles } from '../../index.module-16a12061.js';
8
+ import { c as commonStyles } from '../../index.module-12c9d5af.js';
9
9
 
10
- var mobileStyles = {"title":"tabs__title_r1ggh tabs__title_1y9yr","mobile":"tabs__mobile_r1ggh"};
10
+ var mobileStyles = {"title":"tabs__title_w1u17 tabs__title_1y0bb","mobile":"tabs__mobile_w1u17"};
11
11
  require('./mobile.css')
12
12
 
13
13
  const styles = {
@@ -6,7 +6,7 @@ import 'compute-scroll-into-view';
6
6
  import '../scrollable-container/Component.js';
7
7
  import '@alfalab/core-components-tag/modern';
8
8
  import './Component.js';
9
- import '../../index.module-16a12061.js';
9
+ import '../../index.module-12c9d5af.js';
10
10
  import { SecondaryTabListDesktop } from './Component.desktop.js';
11
11
  import { SecondaryTabListMobile } from './Component.mobile.js';
12
12
 
@@ -1,4 +1,4 @@
1
- /* hash: k37zs */
1
+ /* hash: 1tw7z */
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_1y9yr {
47
+ .tabs__component_1y0bb {
48
48
  position: relative;
49
49
  display: inline-flex;
50
50
  }
51
- .tabs__fullWidthScroll_1y9yr {
51
+ .tabs__fullWidthScroll_1y0bb {
52
52
  margin: 0 var(--gap-m);
53
53
  }
54
- .tabs__container_1y9yr {
54
+ .tabs__container_1y0bb {
55
55
  overflow: hidden;
56
56
  }
57
- .tabs__title_1y9yr {
57
+ .tabs__title_1y0bb {
58
58
  white-space: nowrap;
59
59
  }
60
60
  /* sizes */
61
- .tabs__xxs_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
61
+ .tabs__xxs_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
63
  }
64
- .tabs__xs_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
64
+ .tabs__xs_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
65
65
  margin-left: var(--secondary-tablist-xs-gaps);
66
66
  }
67
- .tabs__s_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
67
+ .tabs__s_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
68
68
  margin-left: var(--secondary-tablist-s-gaps);
69
69
  }
70
- .tabs__m_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
70
+ .tabs__m_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
71
71
  margin-left: var(--secondary-tablist-m-gaps);
72
72
  }
73
- .tabs__l_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
73
+ .tabs__l_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
74
74
  margin-left: var(--secondary-tablist-l-gaps);
75
75
  }
76
- .tabs__xl_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
76
+ .tabs__xl_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: 12r8b */
1
+ /* hash: 5jlgi */
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_1y9yr {
52
+ }.tabs__component_1y0bb {
53
53
  position: relative;
54
54
  display: inline-flex;
55
- }.tabs__fullWidthScroll_1y9yr {
55
+ }.tabs__fullWidthScroll_1y0bb {
56
56
  margin: 0 var(--gap-m);
57
- }.tabs__container_1y9yr {
57
+ }.tabs__container_1y0bb {
58
58
  overflow: hidden;
59
- }.tabs__title_1y9yr {
59
+ }.tabs__title_1y0bb {
60
60
  white-space: nowrap;
61
- }/* sizes */.tabs__xxs_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
61
+ }/* sizes */.tabs__xxs_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
- }.tabs__xs_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
63
+ }.tabs__xs_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
64
64
  margin-left: var(--secondary-tablist-xs-gaps);
65
- }.tabs__s_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
65
+ }.tabs__s_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
66
66
  margin-left: var(--secondary-tablist-s-gaps);
67
- }.tabs__m_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
67
+ }.tabs__m_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
68
68
  margin-left: var(--secondary-tablist-m-gaps);
69
- }.tabs__l_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
69
+ }.tabs__l_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
70
70
  margin-left: var(--secondary-tablist-l-gaps);
71
- }.tabs__xl_1y9yr .tabs__title_1y9yr + .tabs__title_1y9yr {
71
+ }.tabs__xl_1y0bb .tabs__title_1y0bb + .tabs__title_1y0bb {
72
72
  margin-left: var(--secondary-tablist-xl-gaps);
73
73
  }
74
74
  :root {
@@ -879,8 +879,8 @@
879
879
  /* size xl */
880
880
  --secondary-tablist-xl-gaps: var(--gap-m);
881
881
  }
882
- .tabs__title_r1ggh {
882
+ .tabs__title_w1u17 {
883
883
  }
884
- .tabs__mobile_r1ggh .tabs__title_r1ggh + .tabs__title_r1ggh {
884
+ .tabs__mobile_w1u17 .tabs__title_w1u17 + .tabs__title_w1u17 {
885
885
  margin-left: var(--secondary-tablist-mobile-gaps);
886
886
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_pdmvf","hidden":"tabs__hidden_pdmvf"};
4
+ var styles = {"component":"tabs__component_16960","hidden":"tabs__hidden_16960"};
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: rxvh2 */
2
- .tabs__component_pdmvf {
1
+ /* hash: iwe80 */
2
+ .tabs__component_16960 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_pdmvf {
6
+ .tabs__hidden_16960 {
7
7
  display: none;
8
8
  }
@@ -13,11 +13,11 @@ import 'compute-scroll-into-view';
13
13
  import '../scrollable-container/Component.js';
14
14
  import '../title/Component.js';
15
15
  import '../primary-tablist/Component.js';
16
- import '../../index.module-01d292c0.js';
16
+ import '../../index.module-00b2029c.js';
17
17
  import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
18
18
  import '@alfalab/core-components-tag/modern';
19
19
  import '../secondary-tablist/Component.js';
20
- import '../../index.module-16a12061.js';
20
+ import '../../index.module-12c9d5af.js';
21
21
  import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
22
22
  import { Tabs } from './Component.js';
23
23
 
@@ -13,10 +13,10 @@ import 'compute-scroll-into-view';
13
13
  import '../scrollable-container/Component.js';
14
14
  import '../title/Component.js';
15
15
  import '../primary-tablist/Component.js';
16
- import '../../index.module-01d292c0.js';
16
+ import '../../index.module-00b2029c.js';
17
17
  import '@alfalab/core-components-tag/modern';
18
18
  import '../secondary-tablist/Component.js';
19
- import '../../index.module-16a12061.js';
19
+ import '../../index.module-12c9d5af.js';
20
20
  import { Tabs } from './Component.js';
21
21
  import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
22
22
  import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
@@ -13,11 +13,11 @@ import 'compute-scroll-into-view';
13
13
  import '../scrollable-container/Component.js';
14
14
  import '../title/Component.js';
15
15
  import '../primary-tablist/Component.js';
16
- import '../../index.module-01d292c0.js';
16
+ import '../../index.module-00b2029c.js';
17
17
  import '../primary-tablist/Component.desktop.js';
18
18
  import '@alfalab/core-components-tag/modern';
19
19
  import '../secondary-tablist/Component.js';
20
- import '../../index.module-16a12061.js';
20
+ import '../../index.module-12c9d5af.js';
21
21
  import '../secondary-tablist/Component.desktop.js';
22
22
  import { Tabs } from './Component.js';
23
23
  import '../primary-tablist/Component.mobile.js';
package/modern/desktop.js CHANGED
@@ -13,11 +13,11 @@ import 'compute-scroll-into-view';
13
13
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
14
14
  import './components/title/Component.js';
15
15
  import './components/primary-tablist/Component.js';
16
- import './index.module-01d292c0.js';
16
+ import './index.module-00b2029c.js';
17
17
  export { PrimaryTabListDesktop } from './components/primary-tablist/Component.desktop.js';
18
18
  import '@alfalab/core-components-tag/modern';
19
19
  import './components/secondary-tablist/Component.js';
20
- import './index.module-16a12061.js';
20
+ import './index.module-12c9d5af.js';
21
21
  export { SecondaryTabListDesktop } from './components/secondary-tablist/Component.desktop.js';
22
22
  export { Tab } from './components/tab/Component.js';
23
23
  import './components/tabs/Component.js';
package/modern/index.js CHANGED
@@ -13,11 +13,11 @@ import 'compute-scroll-into-view';
13
13
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
14
14
  import './components/title/Component.js';
15
15
  import './components/primary-tablist/Component.js';
16
- import './index.module-01d292c0.js';
16
+ import './index.module-00b2029c.js';
17
17
  import './components/primary-tablist/Component.desktop.js';
18
18
  import '@alfalab/core-components-tag/modern';
19
19
  import './components/secondary-tablist/Component.js';
20
- import './index.module-16a12061.js';
20
+ import './index.module-12c9d5af.js';
21
21
  import './components/secondary-tablist/Component.desktop.js';
22
22
  export { Tab } from './components/tab/Component.js';
23
23
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_19l1c","fullWidthScroll":"tabs__fullWidthScroll_19l1c","container":"tabs__container_19l1c","title":"tabs__title_19l1c","disabled":"tabs__disabled_19l1c","focused":"tabs__focused_19l1c","collapsed":"tabs__collapsed_19l1c","selected":"tabs__selected_19l1c","line":"tabs__line_19l1c","s":"tabs__s_19l1c","xs":"tabs__xs_19l1c","xxs":"tabs__xxs_19l1c","pickerWrapper":"tabs__pickerWrapper_19l1c","option":"tabs__option_19l1c","m":"tabs__m_19l1c","l":"tabs__l_19l1c","xl":"tabs__xl_19l1c","rightAddons":"tabs__rightAddons_19l1c"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_1y0bb","fullWidthScroll":"tabs__fullWidthScroll_1y0bb","container":"tabs__container_1y0bb","title":"tabs__title_1y0bb","xxs":"tabs__xxs_1y0bb","xs":"tabs__xs_1y0bb","s":"tabs__s_1y0bb","m":"tabs__m_1y0bb","l":"tabs__l_1y0bb","xl":"tabs__xl_1y0bb"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/modern/mobile.js CHANGED
@@ -13,10 +13,10 @@ import 'compute-scroll-into-view';
13
13
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
14
14
  import './components/title/Component.js';
15
15
  import './components/primary-tablist/Component.js';
16
- import './index.module-01d292c0.js';
16
+ import './index.module-00b2029c.js';
17
17
  import '@alfalab/core-components-tag/modern';
18
18
  import './components/secondary-tablist/Component.js';
19
- import './index.module-16a12061.js';
19
+ import './index.module-12c9d5af.js';
20
20
  export { Tab } from './components/tab/Component.js';
21
21
  import './components/tabs/Component.js';
22
22
  export { PrimaryTabListMobile } from './components/primary-tablist/Component.mobile.js';
@@ -13,11 +13,11 @@ import 'compute-scroll-into-view';
13
13
  export { ScrollableContainer } from './components/scrollable-container/Component.js';
14
14
  import './components/title/Component.js';
15
15
  import './components/primary-tablist/Component.js';
16
- import './index.module-01d292c0.js';
16
+ import './index.module-00b2029c.js';
17
17
  import './components/primary-tablist/Component.desktop.js';
18
18
  import '@alfalab/core-components-tag/modern';
19
19
  import './components/secondary-tablist/Component.js';
20
- import './index.module-16a12061.js';
20
+ import './index.module-12c9d5af.js';
21
21
  import './components/secondary-tablist/Component.desktop.js';
22
22
  export { Tab } from './components/tab/Component.js';
23
23
  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.0",
3
+ "version": "7.2.1",
4
4
  "description": "Tabs components",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-keyboard-focusable": "^4.0.2",
21
21
  "@alfalab/core-components-tag": "^5.0.2",
22
- "@alfalab/core-components-picker-button": "^10.0.1",
22
+ "@alfalab/core-components-picker-button": "^10.0.2",
23
23
  "@alfalab/core-components-badge": "^4.0.2",
24
24
  "classnames": "^2.3.1",
25
25
  "compute-scroll-into-view": "^1.0.13",
package/responsive.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-cbc5fb87.js');
5
+ require('./tslib.es6-0fb9e4c6.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components/picker-button/desktop');
@@ -18,11 +18,11 @@ require('compute-scroll-into-view');
18
18
  var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
19
19
  require('./components/title/Component.js');
20
20
  require('./components/primary-tablist/Component.js');
21
- require('./index.module-370f6bd7.js');
21
+ require('./index.module-ac421352.js');
22
22
  require('./components/primary-tablist/Component.desktop.js');
23
23
  require('@alfalab/core-components-tag');
24
24
  require('./components/secondary-tablist/Component.js');
25
- require('./index.module-872dcef9.js');
25
+ require('./index.module-5afcef2e.js');
26
26
  require('./components/secondary-tablist/Component.desktop.js');
27
27
  var components_tab_Component = require('./components/tab/Component.js');
28
28
  require('./components/tabs/Component.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-cbc5fb87.js');
5
+ var tslib_es6 = require('./tslib.es6-0fb9e4c6.js');
6
6
 
7
7
  var createSyntheticEvent = function (event) {
8
8
  var isDefaultPrevented = false;
File without changes
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1qgkh","fullWidthScroll":"tabs__fullWidthScroll_1qgkh","container":"tabs__container_1qgkh","title":"tabs__title_1qgkh","disabled":"tabs__disabled_1qgkh","focused":"tabs__focused_1qgkh","collapsed":"tabs__collapsed_1qgkh","selected":"tabs__selected_1qgkh","line":"tabs__line_1qgkh","s":"tabs__s_1qgkh","xs":"tabs__xs_1qgkh","xxs":"tabs__xxs_1qgkh","pickerWrapper":"tabs__pickerWrapper_1qgkh","option":"tabs__option_1qgkh","m":"tabs__m_1qgkh","l":"tabs__l_1qgkh","xl":"tabs__xl_1qgkh","rightAddons":"tabs__rightAddons_1qgkh"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1y9yr","fullWidthScroll":"tabs__fullWidthScroll_1y9yr","container":"tabs__container_1y9yr","title":"tabs__title_1y9yr","xxs":"tabs__xxs_1y9yr","xs":"tabs__xs_1y9yr","s":"tabs__s_1y9yr","m":"tabs__m_1y9yr","l":"tabs__l_1y9yr","xl":"tabs__xl_1y9yr"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1qgkh","fullWidthScroll":"tabs__fullWidthScroll_1qgkh","container":"tabs__container_1qgkh","title":"tabs__title_1qgkh","disabled":"tabs__disabled_1qgkh","focused":"tabs__focused_1qgkh","collapsed":"tabs__collapsed_1qgkh","selected":"tabs__selected_1qgkh","line":"tabs__line_1qgkh","s":"tabs__s_1qgkh","xs":"tabs__xs_1qgkh","xxs":"tabs__xxs_1qgkh","pickerWrapper":"tabs__pickerWrapper_1qgkh","option":"tabs__option_1qgkh","m":"tabs__m_1qgkh","l":"tabs__l_1qgkh","xl":"tabs__xl_1qgkh","rightAddons":"tabs__rightAddons_1qgkh"};
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_1y9yr","fullWidthScroll":"tabs__fullWidthScroll_1y9yr","container":"tabs__container_1y9yr","title":"tabs__title_1y9yr","xxs":"tabs__xxs_1y9yr","xs":"tabs__xs_1y9yr","s":"tabs__s_1y9yr","m":"tabs__m_1y9yr","l":"tabs__l_1y9yr","xl":"tabs__xl_1y9yr"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1qgkh","fullWidthScroll":"tabs__fullWidthScroll_1qgkh","container":"tabs__container_1qgkh","title":"tabs__title_1qgkh","disabled":"tabs__disabled_1qgkh","focused":"tabs__focused_1qgkh","collapsed":"tabs__collapsed_1qgkh","selected":"tabs__selected_1qgkh","line":"tabs__line_1qgkh","s":"tabs__s_1qgkh","xs":"tabs__xs_1qgkh","xxs":"tabs__xxs_1qgkh","pickerWrapper":"tabs__pickerWrapper_1qgkh","option":"tabs__option_1qgkh","m":"tabs__m_1qgkh","l":"tabs__l_1qgkh","xl":"tabs__xl_1qgkh","rightAddons":"tabs__rightAddons_1qgkh"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1y9yr","fullWidthScroll":"tabs__fullWidthScroll_1y9yr","container":"tabs__container_1y9yr","title":"tabs__title_1y9yr","xxs":"tabs__xxs_1y9yr","xs":"tabs__xs_1y9yr","s":"tabs__s_1y9yr","m":"tabs__m_1y9yr","l":"tabs__l_1y9yr","xl":"tabs__xl_1y9yr"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };