@alfalab/core-components-tabs 7.2.2 → 7.2.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 (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-22485442.js +4 -0
  49. package/esm/index.module-bf6a03c6.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-76e98c79.d.ts → tslib.es6-dba20b6c.d.ts} +0 -0
  54. package/esm/{tslib.es6-76e98c79.js → tslib.es6-dba20b6c.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-6242c5bf.js +6 -0
  59. package/index.module-cafb3f2a.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-22485442.js +4 -0
  81. package/modern/index.module-bf6a03c6.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-89ae1af5.d.ts → tslib.es6-bb11c82b.d.ts} +0 -0
  88. package/{tslib.es6-89ae1af5.js → tslib.es6-bb11c82b.js} +0 -0
  89. package/esm/index.module-576ec019.js +0 -4
  90. package/esm/index.module-86f1bcb8.js +0 -4
  91. package/index.module-42bd7767.js +0 -6
  92. package/index.module-626dbc66.js +0 -6
  93. package/modern/index.module-576ec019.js +0 -4
  94. package/modern/index.module-86f1bcb8.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: q2wd7 */
1
+ /* hash: 137v6 */
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_114bz {
91
+ }.tabs__component_o4rb8 {
92
92
  position: relative;
93
93
  display: inline-flex;
94
94
  min-width: 100%
95
- }.tabs__component_114bz:before {
95
+ }.tabs__component_o4rb8: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_114bz {
103
+ }.tabs__fullWidthScroll_o4rb8 {
104
104
  min-width: calc(100% - 2 * var(--gap-m));
105
105
  margin: 0 var(--gap-m);
106
- }.tabs__container_114bz {
106
+ }.tabs__container_o4rb8 {
107
107
  position: relative;
108
108
  overflow: hidden;
109
- }.tabs__title_114bz {
109
+ }.tabs__title_o4rb8 {
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_114bz:not(.tabs__disabled_114bz):hover {
126
+ }.tabs__title_o4rb8:not(.tabs__disabled_o4rb8):hover {
127
127
  color: var(--primary-tablist-hover-color);
128
- }.tabs__focused_114bz {
128
+ }.tabs__focused_o4rb8 {
129
129
  outline: 2px solid var(--focus-color);
130
130
  outline-offset: 2px;
131
- }.tabs__collapsed_114bz {
131
+ }.tabs__collapsed_o4rb8 {
132
132
  order: 99;
133
133
  visibility: collapse;
134
- }.tabs__selected_114bz {
134
+ }.tabs__selected_o4rb8 {
135
135
  cursor: default;
136
136
  color: var(--primary-tablist-selected-color);
137
- }.tabs__disabled_114bz {
137
+ }.tabs__disabled_o4rb8 {
138
138
  cursor: var(--disabled-cursor);
139
139
  color: var(--primary-tablist-disabled-color);
140
- }.tabs__line_114bz {
140
+ }.tabs__line_o4rb8 {
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_114bz .tabs__title_114bz, .tabs__xs_114bz .tabs__title_114bz, .tabs__xxs_114bz .tabs__title_114bz {
147
+ }/* sizes */.tabs__s_o4rb8 .tabs__title_o4rb8, .tabs__xs_o4rb8 .tabs__title_o4rb8, .tabs__xxs_o4rb8 .tabs__title_o4rb8 {
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_114bz .tabs__title_114bz + .tabs__title_114bz, .tabs__xs_114bz .tabs__title_114bz + .tabs__title_114bz, .tabs__xxs_114bz .tabs__title_114bz + .tabs__title_114bz {
153
+ }.tabs__s_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8, .tabs__xs_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8, .tabs__xxs_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8 {
154
154
  margin-left: var(--primary-tablist-s-gaps);
155
- }.tabs__s_114bz .tabs__pickerWrapper_114bz, .tabs__xs_114bz .tabs__pickerWrapper_114bz, .tabs__xxs_114bz .tabs__pickerWrapper_114bz {
155
+ }.tabs__s_o4rb8 .tabs__pickerWrapper_o4rb8, .tabs__xs_o4rb8 .tabs__pickerWrapper_o4rb8, .tabs__xxs_o4rb8 .tabs__pickerWrapper_o4rb8 {
156
156
  margin-left: var(--primary-tablist-s-gaps);
157
- }.tabs__s_114bz .tabs__option_114bz, .tabs__xs_114bz .tabs__option_114bz, .tabs__xxs_114bz .tabs__option_114bz {
157
+ }.tabs__s_o4rb8 .tabs__option_o4rb8, .tabs__xs_o4rb8 .tabs__option_o4rb8, .tabs__xxs_o4rb8 .tabs__option_o4rb8 {
158
158
  padding: 0;
159
- }.tabs__m_114bz .tabs__title_114bz {
159
+ }.tabs__m_o4rb8 .tabs__title_o4rb8 {
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_114bz .tabs__title_114bz + .tabs__title_114bz {
165
+ }.tabs__m_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8 {
166
166
  margin-left: var(--primary-tablist-m-gaps);
167
- }.tabs__m_114bz .tabs__pickerWrapper_114bz {
167
+ }.tabs__m_o4rb8 .tabs__pickerWrapper_o4rb8 {
168
168
  margin-left: var(--primary-tablist-m-gaps);
169
- }.tabs__m_114bz .tabs__option_114bz {
169
+ }.tabs__m_o4rb8 .tabs__option_o4rb8 {
170
170
  padding: 0;
171
- }.tabs__l_114bz .tabs__title_114bz {
171
+ }.tabs__l_o4rb8 .tabs__title_o4rb8 {
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_114bz .tabs__title_114bz + .tabs__title_114bz {
177
+ }.tabs__l_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8 {
178
178
  margin-left: var(--primary-tablist-l-gaps);
179
- }.tabs__l_114bz .tabs__pickerWrapper_114bz {
179
+ }.tabs__l_o4rb8 .tabs__pickerWrapper_o4rb8 {
180
180
  margin-left: var(--primary-tablist-l-gaps);
181
- }.tabs__l_114bz .tabs__option_114bz {
181
+ }.tabs__l_o4rb8 .tabs__option_o4rb8 {
182
182
  padding: 0;
183
- }.tabs__xl_114bz .tabs__title_114bz {
183
+ }.tabs__xl_o4rb8 .tabs__title_o4rb8 {
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_114bz .tabs__title_114bz + .tabs__title_114bz {
189
+ }.tabs__xl_o4rb8 .tabs__title_o4rb8 + .tabs__title_o4rb8 {
190
190
  margin-left: var(--primary-tablist-xl-gaps);
191
- }.tabs__xl_114bz .tabs__pickerWrapper_114bz {
191
+ }.tabs__xl_o4rb8 .tabs__pickerWrapper_o4rb8 {
192
192
  margin-left: var(--primary-tablist-xl-gaps);
193
- }.tabs__xl_114bz .tabs__option_114bz {
193
+ }.tabs__xl_o4rb8 .tabs__option_o4rb8 {
194
194
  padding: 0;
195
- }.tabs__rightAddons_114bz {
195
+ }.tabs__rightAddons_o4rb8 {
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_6uizs {
1009
+ .tabs__title_122z5 {
1010
1010
  }
1011
- .tabs__mobile_6uizs .tabs__title_6uizs {
1011
+ .tabs__mobile_122z5 .tabs__title_122z5 {
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_6uizs .tabs__title_6uizs + .tabs__title_6uizs {
1018
+ .tabs__mobile_122z5 .tabs__title_122z5 + .tabs__title_122z5 {
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_1n0kv","fullWidthScroll":"tabs__fullWidthScroll_1n0kv"};
5
+ var styles = {"container":"tabs__container_t3lgk","fullWidthScroll":"tabs__fullWidthScroll_t3lgk"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: flqps */
1
+ /* hash: wkqcu */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -36,19 +36,19 @@
36
36
 
37
37
  /* size xl */
38
38
  }
39
- .tabs__container_1n0kv {
39
+ .tabs__container_t3lgk {
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_1n0kv::-webkit-scrollbar {
46
+ .tabs__container_t3lgk::-webkit-scrollbar {
47
47
  display: none;
48
48
  }
49
- .tabs__container_1n0kv > * {
49
+ .tabs__container_t3lgk > * {
50
50
  flex-shrink: 0;
51
51
  }
52
- .tabs__fullWidthScroll_1n0kv {
52
+ .tabs__fullWidthScroll_t3lgk {
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-576ec019.js';
8
+ import { c as commonStyles } from '../../index.module-bf6a03c6.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-576ec019.js';
8
+ import { c as commonStyles } from '../../index.module-bf6a03c6.js';
9
9
 
10
- var mobileStyles = {"title":"tabs__title_1p7ym tabs__title_1gtbj","mobile":"tabs__mobile_1p7ym"};
10
+ var mobileStyles = {"title":"tabs__title_1dr6m tabs__title_d0nna","mobile":"tabs__mobile_1dr6m"};
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-576ec019.js';
9
+ import '../../index.module-bf6a03c6.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: t883j */
1
+ /* hash: 16d6w */
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_1gtbj {
47
+ .tabs__component_d0nna {
48
48
  position: relative;
49
49
  display: inline-flex;
50
50
  }
51
- .tabs__fullWidthScroll_1gtbj {
51
+ .tabs__fullWidthScroll_d0nna {
52
52
  margin: 0 var(--gap-m);
53
53
  }
54
- .tabs__container_1gtbj {
54
+ .tabs__container_d0nna {
55
55
  overflow: hidden;
56
56
  }
57
- .tabs__title_1gtbj {
57
+ .tabs__title_d0nna {
58
58
  white-space: nowrap;
59
59
  }
60
60
  /* sizes */
61
- .tabs__xxs_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
61
+ .tabs__xxs_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
63
  }
64
- .tabs__xs_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
64
+ .tabs__xs_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
65
65
  margin-left: var(--secondary-tablist-xs-gaps);
66
66
  }
67
- .tabs__s_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
67
+ .tabs__s_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
68
68
  margin-left: var(--secondary-tablist-s-gaps);
69
69
  }
70
- .tabs__m_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
70
+ .tabs__m_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
71
71
  margin-left: var(--secondary-tablist-m-gaps);
72
72
  }
73
- .tabs__l_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
73
+ .tabs__l_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
74
74
  margin-left: var(--secondary-tablist-l-gaps);
75
75
  }
76
- .tabs__xl_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
76
+ .tabs__xl_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: 4n5ws */
1
+ /* hash: 76pu4 */
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_1gtbj {
52
+ }.tabs__component_d0nna {
53
53
  position: relative;
54
54
  display: inline-flex;
55
- }.tabs__fullWidthScroll_1gtbj {
55
+ }.tabs__fullWidthScroll_d0nna {
56
56
  margin: 0 var(--gap-m);
57
- }.tabs__container_1gtbj {
57
+ }.tabs__container_d0nna {
58
58
  overflow: hidden;
59
- }.tabs__title_1gtbj {
59
+ }.tabs__title_d0nna {
60
60
  white-space: nowrap;
61
- }/* sizes */.tabs__xxs_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
61
+ }/* sizes */.tabs__xxs_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
62
62
  margin-left: var(--secondary-tablist-xxs-gaps);
63
- }.tabs__xs_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
63
+ }.tabs__xs_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
64
64
  margin-left: var(--secondary-tablist-xs-gaps);
65
- }.tabs__s_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
65
+ }.tabs__s_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
66
66
  margin-left: var(--secondary-tablist-s-gaps);
67
- }.tabs__m_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
67
+ }.tabs__m_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
68
68
  margin-left: var(--secondary-tablist-m-gaps);
69
- }.tabs__l_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
69
+ }.tabs__l_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
70
70
  margin-left: var(--secondary-tablist-l-gaps);
71
- }.tabs__xl_1gtbj .tabs__title_1gtbj + .tabs__title_1gtbj {
71
+ }.tabs__xl_d0nna .tabs__title_d0nna + .tabs__title_d0nna {
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_1p7ym {
882
+ .tabs__title_1dr6m {
883
883
  }
884
- .tabs__mobile_1p7ym .tabs__title_1p7ym + .tabs__title_1p7ym {
884
+ .tabs__mobile_1dr6m .tabs__title_1dr6m + .tabs__title_1dr6m {
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_1epvd","hidden":"tabs__hidden_1epvd"};
4
+ var styles = {"component":"tabs__component_1rpg1","hidden":"tabs__hidden_1rpg1"};
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: 1q1xw */
2
- .tabs__component_1epvd {
1
+ /* hash: h99ue */
2
+ .tabs__component_1rpg1 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1epvd {
6
+ .tabs__hidden_1rpg1 {
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-86f1bcb8.js';
16
+ import '../../index.module-22485442.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-576ec019.js';
20
+ import '../../index.module-bf6a03c6.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-86f1bcb8.js';
16
+ import '../../index.module-22485442.js';
17
17
  import '@alfalab/core-components-tag/modern';
18
18
  import '../secondary-tablist/Component.js';
19
- import '../../index.module-576ec019.js';
19
+ import '../../index.module-bf6a03c6.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-86f1bcb8.js';
16
+ import '../../index.module-22485442.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-576ec019.js';
20
+ import '../../index.module-bf6a03c6.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-86f1bcb8.js';
16
+ import './index.module-22485442.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-576ec019.js';
20
+ import './index.module-bf6a03c6.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-86f1bcb8.js';
16
+ import './index.module-22485442.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-576ec019.js';
20
+ import './index.module-bf6a03c6.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_o4rb8","fullWidthScroll":"tabs__fullWidthScroll_o4rb8","container":"tabs__container_o4rb8","title":"tabs__title_o4rb8","disabled":"tabs__disabled_o4rb8","focused":"tabs__focused_o4rb8","collapsed":"tabs__collapsed_o4rb8","selected":"tabs__selected_o4rb8","line":"tabs__line_o4rb8","s":"tabs__s_o4rb8","xs":"tabs__xs_o4rb8","xxs":"tabs__xxs_o4rb8","pickerWrapper":"tabs__pickerWrapper_o4rb8","option":"tabs__option_o4rb8","m":"tabs__m_o4rb8","l":"tabs__l_o4rb8","xl":"tabs__xl_o4rb8","rightAddons":"tabs__rightAddons_o4rb8"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_d0nna","fullWidthScroll":"tabs__fullWidthScroll_d0nna","container":"tabs__container_d0nna","title":"tabs__title_d0nna","xxs":"tabs__xxs_d0nna","xs":"tabs__xs_d0nna","s":"tabs__s_d0nna","m":"tabs__m_d0nna","l":"tabs__l_d0nna","xl":"tabs__xl_d0nna"};
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-86f1bcb8.js';
16
+ import './index.module-22485442.js';
17
17
  import '@alfalab/core-components-tag/modern';
18
18
  import './components/secondary-tablist/Component.js';
19
- import './index.module-576ec019.js';
19
+ import './index.module-bf6a03c6.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-86f1bcb8.js';
16
+ import './index.module-22485442.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-576ec019.js';
20
+ import './index.module-bf6a03c6.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.2",
3
+ "version": "7.2.3",
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.3",
22
+ "@alfalab/core-components-picker-button": "^10.0.4",
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-89ae1af5.js');
5
+ require('./tslib.es6-bb11c82b.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-626dbc66.js');
21
+ require('./index.module-cafb3f2a.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-42bd7767.js');
25
+ require('./index.module-6242c5bf.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-89ae1af5.js');
5
+ var tslib_es6 = require('./tslib.es6-bb11c82b.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_1gtbj","fullWidthScroll":"tabs__fullWidthScroll_1gtbj","container":"tabs__container_1gtbj","title":"tabs__title_1gtbj","xxs":"tabs__xxs_1gtbj","xs":"tabs__xs_1gtbj","s":"tabs__s_1gtbj","m":"tabs__m_1gtbj","l":"tabs__l_1gtbj","xl":"tabs__xl_1gtbj"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_114bz","fullWidthScroll":"tabs__fullWidthScroll_114bz","container":"tabs__container_114bz","title":"tabs__title_114bz","disabled":"tabs__disabled_114bz","focused":"tabs__focused_114bz","collapsed":"tabs__collapsed_114bz","selected":"tabs__selected_114bz","line":"tabs__line_114bz","s":"tabs__s_114bz","xs":"tabs__xs_114bz","xxs":"tabs__xxs_114bz","pickerWrapper":"tabs__pickerWrapper_114bz","option":"tabs__option_114bz","m":"tabs__m_114bz","l":"tabs__l_114bz","xl":"tabs__xl_114bz","rightAddons":"tabs__rightAddons_114bz"};
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_1gtbj","fullWidthScroll":"tabs__fullWidthScroll_1gtbj","container":"tabs__container_1gtbj","title":"tabs__title_1gtbj","xxs":"tabs__xxs_1gtbj","xs":"tabs__xs_1gtbj","s":"tabs__s_1gtbj","m":"tabs__m_1gtbj","l":"tabs__l_1gtbj","xl":"tabs__xl_1gtbj"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_114bz","fullWidthScroll":"tabs__fullWidthScroll_114bz","container":"tabs__container_114bz","title":"tabs__title_114bz","disabled":"tabs__disabled_114bz","focused":"tabs__focused_114bz","collapsed":"tabs__collapsed_114bz","selected":"tabs__selected_114bz","line":"tabs__line_114bz","s":"tabs__s_114bz","xs":"tabs__xs_114bz","xxs":"tabs__xxs_114bz","pickerWrapper":"tabs__pickerWrapper_114bz","option":"tabs__option_114bz","m":"tabs__m_114bz","l":"tabs__l_114bz","xl":"tabs__xl_114bz","rightAddons":"tabs__rightAddons_114bz"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1gtbj","fullWidthScroll":"tabs__fullWidthScroll_1gtbj","container":"tabs__container_1gtbj","title":"tabs__title_1gtbj","xxs":"tabs__xxs_1gtbj","xs":"tabs__xs_1gtbj","s":"tabs__s_1gtbj","m":"tabs__m_1gtbj","l":"tabs__l_1gtbj","xl":"tabs__xl_1gtbj"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_114bz","fullWidthScroll":"tabs__fullWidthScroll_114bz","container":"tabs__container_114bz","title":"tabs__title_114bz","disabled":"tabs__disabled_114bz","focused":"tabs__focused_114bz","collapsed":"tabs__collapsed_114bz","selected":"tabs__selected_114bz","line":"tabs__line_114bz","s":"tabs__s_114bz","xs":"tabs__xs_114bz","xxs":"tabs__xxs_114bz","pickerWrapper":"tabs__pickerWrapper_114bz","option":"tabs__option_114bz","m":"tabs__m_114bz","l":"tabs__l_114bz","xl":"tabs__xl_114bz","rightAddons":"tabs__rightAddons_114bz"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };