@alfalab/core-components-tabs 8.1.1 → 8.1.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 (118) hide show
  1. package/Component.desktop-785df74d.d.ts +1 -1
  2. package/Component.mobile-d7e9f69d.d.ts +1 -1
  3. package/collapsible.js +1 -1
  4. package/components/primary-tablist/Component.collapsible.js +1 -1
  5. package/components/primary-tablist/Component.desktop.js +1 -1
  6. package/components/primary-tablist/Component.mobile.js +2 -2
  7. package/components/primary-tablist/Component.responsive.js +1 -1
  8. package/components/primary-tablist/index.css +30 -30
  9. package/components/primary-tablist/mobile.css +33 -33
  10. package/components/scroll-controls/Component.js +1 -1
  11. package/components/scroll-controls/index.css +14 -14
  12. package/components/scrollable-container/Component.js +1 -1
  13. package/components/scrollable-container/index.css +6 -6
  14. package/components/secondary-tablist/Component.desktop.js +1 -1
  15. package/components/secondary-tablist/Component.mobile.js +2 -2
  16. package/components/secondary-tablist/Component.responsive.js +1 -1
  17. package/components/secondary-tablist/index.css +11 -11
  18. package/components/secondary-tablist/mobile.css +13 -13
  19. package/components/tab/Component.js +1 -1
  20. package/components/tab/index.css +3 -3
  21. package/components/tabs/Component.collapsible.js +1 -1
  22. package/components/tabs/Component.desktop.js +2 -2
  23. package/components/tabs/Component.mobile.js +2 -2
  24. package/components/tabs/Component.responsive.js +2 -2
  25. package/cssm/Component.desktop-785df74d.d.ts +1 -1
  26. package/cssm/Component.mobile-d7e9f69d.d.ts +1 -1
  27. package/cssm/index-c44170fe.d.ts +117 -9
  28. package/cssm/index-c76d6398.d.ts +1 -1
  29. package/cssm/index-f12ee135.d.ts +1 -1
  30. package/desktop.js +2 -2
  31. package/esm/Component.desktop-785df74d.d.ts +1 -1
  32. package/esm/Component.desktop-ebda875c.d.ts +6 -0
  33. package/esm/Component.mobile-d7e9f69d.d.ts +1 -1
  34. package/esm/collapsible.js +1 -1
  35. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  36. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  37. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  38. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  39. package/esm/components/primary-tablist/index.css +30 -30
  40. package/esm/components/primary-tablist/mobile.css +33 -33
  41. package/esm/components/scroll-controls/Component.js +1 -1
  42. package/esm/components/scroll-controls/index.css +14 -14
  43. package/esm/components/scrollable-container/Component.js +1 -1
  44. package/esm/components/scrollable-container/index.css +6 -6
  45. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  46. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  47. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  48. package/esm/components/secondary-tablist/index.css +11 -11
  49. package/esm/components/secondary-tablist/mobile.css +13 -13
  50. package/esm/components/tab/Component.js +1 -1
  51. package/esm/components/tab/index.css +3 -3
  52. package/esm/components/tabs/Component.collapsible.js +1 -1
  53. package/esm/components/tabs/Component.desktop.js +2 -2
  54. package/esm/components/tabs/Component.mobile.js +2 -2
  55. package/esm/components/tabs/Component.responsive.js +2 -2
  56. package/esm/desktop.js +2 -2
  57. package/esm/index-c44170fe.d.ts +117 -9
  58. package/esm/index-c76d6398.d.ts +1 -1
  59. package/esm/index-f12ee135.d.ts +1 -1
  60. package/esm/index.js +2 -2
  61. package/esm/index.module-2f7a3bd7.js +4 -0
  62. package/esm/index.module-8bb1bf99.js +4 -0
  63. package/esm/mobile.js +2 -2
  64. package/index-c44170fe.d.ts +117 -9
  65. package/index-c76d6398.d.ts +1 -1
  66. package/index-f12ee135.d.ts +1 -1
  67. package/index.js +2 -2
  68. package/index.module-43b6c98c.js +6 -0
  69. package/index.module-7b796643.js +6 -0
  70. package/mobile.js +2 -2
  71. package/modern/Component.desktop-785df74d.d.ts +1 -1
  72. package/modern/Component.mobile-d7e9f69d.d.ts +1 -1
  73. package/modern/collapsible.js +1 -1
  74. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  75. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  76. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  77. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  78. package/modern/components/primary-tablist/index.css +30 -30
  79. package/modern/components/primary-tablist/mobile.css +33 -33
  80. package/modern/components/scroll-controls/Component.js +1 -1
  81. package/modern/components/scroll-controls/index.css +14 -14
  82. package/modern/components/scrollable-container/Component.js +1 -1
  83. package/modern/components/scrollable-container/index.css +6 -6
  84. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  85. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  86. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  87. package/modern/components/secondary-tablist/index.css +11 -11
  88. package/modern/components/secondary-tablist/mobile.css +13 -13
  89. package/modern/components/tab/Component.js +1 -1
  90. package/modern/components/tab/index.css +3 -3
  91. package/modern/components/tabs/Component.collapsible.js +1 -1
  92. package/modern/components/tabs/Component.desktop.js +2 -2
  93. package/modern/components/tabs/Component.mobile.js +2 -2
  94. package/modern/components/tabs/Component.responsive.js +2 -2
  95. package/modern/desktop.js +2 -2
  96. package/modern/index-c44170fe.d.ts +117 -9
  97. package/modern/index-c76d6398.d.ts +1 -1
  98. package/modern/index-f12ee135.d.ts +1 -1
  99. package/modern/index.js +2 -2
  100. package/modern/index.module-488b1ce4.js +4 -0
  101. package/modern/index.module-bf88e596.js +4 -0
  102. package/modern/mobile.js +2 -2
  103. package/package.json +4 -4
  104. package/Component.responsive-785df74d.d.ts +0 -26
  105. package/cssm/Component.responsive-785df74d.d.ts +0 -26
  106. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  107. package/esm/Component.responsive-785df74d.d.ts +0 -26
  108. package/esm/index.module-e0497aa4.js +0 -4
  109. package/esm/index.module-ee44d88b.js +0 -4
  110. package/index.module-ae0eca4b.js +0 -6
  111. package/index.module-ed812325.js +0 -6
  112. package/modern/Component.responsive-785df74d.d.ts +0 -26
  113. package/modern/index.module-0162508b.js +0 -4
  114. package/modern/index.module-1d3d8c31.js +0 -4
  115. /package/cssm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  116. /package/esm/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  117. /package/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
  118. /package/modern/{mobile-96988a65.d.ts → mobile-d7e9f69d.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: 1ygs1 */
1
+ /* hash: pkrqz */
2
2
  :root {
3
3
  }/* deprecated */:root {
4
4
  --color-light-border-accent: #ef3124;
@@ -90,11 +90,11 @@
90
90
  /* size l */
91
91
 
92
92
  /* size xl */
93
- }.tabs__component_1m9uu {
93
+ }.tabs__component_9r6x8 {
94
94
  position: relative;
95
95
  display: inline-flex;
96
96
  min-width: 100%
97
- }.tabs__component_1m9uu:before {
97
+ }.tabs__component_9r6x8:before {
98
98
  content: '';
99
99
  display: block;
100
100
  position: absolute;
@@ -102,17 +102,17 @@
102
102
  height: 1px;
103
103
  width: 100%;
104
104
  background-color: var(--primary-tablist-bottom-border-color);
105
- }.tabs__fullWidthScroll_1m9uu {
105
+ }.tabs__fullWidthScroll_9r6x8 {
106
106
  min-width: calc(100% - 2 * var(--gap-m));
107
107
  margin: 0 var(--gap-m);
108
- }.tabs__container_1m9uu {
108
+ }.tabs__container_9r6x8 {
109
109
  position: relative;
110
110
  overflow: hidden;
111
111
 
112
112
  /* focus-outline fix */
113
113
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
114
114
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
115
- }.tabs__title_1m9uu {
115
+ }.tabs__title_9r6x8 {
116
116
  display: flex;
117
117
  align-items: center;
118
118
  height: 100%;
@@ -129,78 +129,78 @@
129
129
  user-select: none;
130
130
  cursor: pointer;
131
131
  outline: none
132
- }.tabs__title_1m9uu:not(.tabs__disabled_1m9uu):hover {
132
+ }.tabs__title_9r6x8:not(.tabs__disabled_9r6x8):hover {
133
133
  color: var(--primary-tablist-hover-color);
134
- }.tabs__focused_1m9uu {
134
+ }.tabs__focused_9r6x8 {
135
135
  outline: 2px solid var(--focus-color);
136
136
  outline-offset: 2px;
137
- }.tabs__collapsed_1m9uu {
137
+ }.tabs__collapsed_9r6x8 {
138
138
  order: 99;
139
139
  visibility: collapse;
140
- }.tabs__selected_1m9uu {
140
+ }.tabs__selected_9r6x8 {
141
141
  cursor: default;
142
142
  color: var(--primary-tablist-selected-color);
143
- }.tabs__disabled_1m9uu {
143
+ }.tabs__disabled_9r6x8 {
144
144
  cursor: var(--disabled-cursor);
145
145
  color: var(--primary-tablist-disabled-color);
146
- }.tabs__line_1m9uu {
146
+ }.tabs__line_9r6x8 {
147
147
  position: absolute;
148
148
  height: 3px;
149
149
  bottom: 0;
150
150
  left: 0;
151
151
  background-color: var(--primary-tablist-line-color);
152
152
  transition: transform 0.2s ease, width 0.2s ease;
153
- }.tabs__option_1m9uu {
153
+ }.tabs__option_9r6x8 {
154
154
  color: var(--color-light-text-primary);
155
- }/* sizes */.tabs__s_1m9uu .tabs__title_1m9uu, .tabs__xs_1m9uu .tabs__title_1m9uu, .tabs__xxs_1m9uu .tabs__title_1m9uu {
155
+ }/* sizes */.tabs__s_9r6x8 .tabs__title_9r6x8, .tabs__xs_9r6x8 .tabs__title_9r6x8, .tabs__xxs_9r6x8 .tabs__title_9r6x8 {
156
156
  padding: var(--primary-tablist-s-padding);
157
157
  font-size: var(--primary-tablist-s-font-size);
158
158
  font-weight: var(--primary-tablist-s-font-weight);
159
159
  font-family: var(--primary-tablist-s-font-family);
160
160
  line-height: 24px;
161
- }.tabs__s_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu, .tabs__xs_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu, .tabs__xxs_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu {
161
+ }.tabs__s_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8, .tabs__xs_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8, .tabs__xxs_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8 {
162
162
  margin-left: var(--primary-tablist-s-gaps);
163
- }.tabs__s_1m9uu .tabs__pickerWrapper_1m9uu, .tabs__xs_1m9uu .tabs__pickerWrapper_1m9uu, .tabs__xxs_1m9uu .tabs__pickerWrapper_1m9uu {
163
+ }.tabs__s_9r6x8 .tabs__pickerWrapper_9r6x8, .tabs__xs_9r6x8 .tabs__pickerWrapper_9r6x8, .tabs__xxs_9r6x8 .tabs__pickerWrapper_9r6x8 {
164
164
  margin-left: var(--primary-tablist-s-gaps);
165
- }.tabs__s_1m9uu .tabs__option_1m9uu, .tabs__xs_1m9uu .tabs__option_1m9uu, .tabs__xxs_1m9uu .tabs__option_1m9uu {
165
+ }.tabs__s_9r6x8 .tabs__option_9r6x8, .tabs__xs_9r6x8 .tabs__option_9r6x8, .tabs__xxs_9r6x8 .tabs__option_9r6x8 {
166
166
  padding: 0;
167
- }.tabs__m_1m9uu .tabs__title_1m9uu {
167
+ }.tabs__m_9r6x8 .tabs__title_9r6x8 {
168
168
  padding: var(--primary-tablist-m-padding);
169
169
  font-size: var(--primary-tablist-m-font-size);
170
170
  font-weight: var(--primary-tablist-m-font-weight);
171
171
  font-family: var(--primary-tablist-m-font-family);
172
172
  line-height: 24px;
173
- }.tabs__m_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu {
173
+ }.tabs__m_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8 {
174
174
  margin-left: var(--primary-tablist-m-gaps);
175
- }.tabs__m_1m9uu .tabs__pickerWrapper_1m9uu {
175
+ }.tabs__m_9r6x8 .tabs__pickerWrapper_9r6x8 {
176
176
  margin-left: var(--primary-tablist-m-gaps);
177
- }.tabs__m_1m9uu .tabs__option_1m9uu {
177
+ }.tabs__m_9r6x8 .tabs__option_9r6x8 {
178
178
  padding: 0;
179
- }.tabs__l_1m9uu .tabs__title_1m9uu {
179
+ }.tabs__l_9r6x8 .tabs__title_9r6x8 {
180
180
  padding: var(--primary-tablist-l-padding);
181
181
  font-size: var(--primary-tablist-l-font-size);
182
182
  font-weight: var(--primary-tablist-l-font-weight);
183
183
  font-family: var(--primary-tablist-l-font-family);
184
184
  line-height: 24px;
185
- }.tabs__l_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu {
185
+ }.tabs__l_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8 {
186
186
  margin-left: var(--primary-tablist-l-gaps);
187
- }.tabs__l_1m9uu .tabs__pickerWrapper_1m9uu {
187
+ }.tabs__l_9r6x8 .tabs__pickerWrapper_9r6x8 {
188
188
  margin-left: var(--primary-tablist-l-gaps);
189
- }.tabs__l_1m9uu .tabs__option_1m9uu {
189
+ }.tabs__l_9r6x8 .tabs__option_9r6x8 {
190
190
  padding: 0;
191
- }.tabs__xl_1m9uu .tabs__title_1m9uu {
191
+ }.tabs__xl_9r6x8 .tabs__title_9r6x8 {
192
192
  padding: var(--primary-tablist-xl-padding);
193
193
  font-size: var(--primary-tablist-xl-font-size);
194
194
  font-weight: var(--primary-tablist-xl-font-weight);
195
195
  font-family: var(--primary-tablist-xl-font-family);
196
196
  line-height: 32px;
197
- }.tabs__xl_1m9uu .tabs__title_1m9uu + .tabs__title_1m9uu {
197
+ }.tabs__xl_9r6x8 .tabs__title_9r6x8 + .tabs__title_9r6x8 {
198
198
  margin-left: var(--primary-tablist-xl-gaps);
199
- }.tabs__xl_1m9uu .tabs__pickerWrapper_1m9uu {
199
+ }.tabs__xl_9r6x8 .tabs__pickerWrapper_9r6x8 {
200
200
  margin-left: var(--primary-tablist-xl-gaps);
201
- }.tabs__xl_1m9uu .tabs__option_1m9uu {
201
+ }.tabs__xl_9r6x8 .tabs__option_9r6x8 {
202
202
  padding: 0;
203
- }.tabs__rightAddons_1m9uu {
203
+ }.tabs__rightAddons_9r6x8 {
204
204
  display: flex;
205
205
  justify-content: center;
206
206
  align-items: center;
@@ -1108,13 +1108,13 @@
1108
1108
 
1109
1109
  /* size xl */
1110
1110
  --secondary-tablist-xl-gaps: var(--gap-m);
1111
- } .tabs__title_nd1k6 {
1112
- } .tabs__mobile_nd1k6 .tabs__title_nd1k6 {
1111
+ } .tabs__title_1mlff {
1112
+ } .tabs__mobile_1mlff .tabs__title_1mlff {
1113
1113
  padding: var(--primary-tablist-mobile-padding);
1114
1114
  font-size: var(--primary-tablist-mobile-font-size);
1115
1115
  font-weight: var(--primary-tablist-mobile-font-weight);
1116
1116
  font-family: var(--primary-tablist-mobile-font-family);
1117
1117
  line-height: var(--primary-tablist-mobile-line-height)
1118
- } .tabs__mobile_nd1k6 .tabs__title_nd1k6 + .tabs__title_nd1k6 {
1118
+ } .tabs__mobile_1mlff .tabs__title_1mlff + .tabs__title_1mlff {
1119
1119
  margin-left: var(--primary-tablist-mobile-gaps);
1120
1120
  }
@@ -7,7 +7,7 @@ import { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';
7
7
  import { ChevronRightMIcon } from '@alfalab/icons-glyph/ChevronRightMIcon';
8
8
  import { getDisabledState, scrollIntoFirstTab, scrollIntoLastTab } from './utils.js';
9
9
 
10
- var styles = {"component":"tabs__component_1ov4g","borderVisible":"tabs__borderVisible_1ov4g","primary":"tabs__primary_1ov4g","button":"tabs__button_1ov4g","xl":"tabs__xl_1ov4g","secondary":"tabs__secondary_1ov4g","xs":"tabs__xs_1ov4g"};
10
+ var styles = {"component":"tabs__component_1nb7m","borderVisible":"tabs__borderVisible_1nb7m","primary":"tabs__primary_1nb7m","button":"tabs__button_1nb7m","xl":"tabs__xl_1nb7m","secondary":"tabs__secondary_1nb7m","xs":"tabs__xs_1nb7m"};
11
11
  require('./index.css')
12
12
 
13
13
  var ScrollControls = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- /* hash: h4a1t */
1
+ /* hash: 5orst */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dcdcdd;
@@ -44,11 +44,11 @@
44
44
  /* size l */
45
45
 
46
46
  /* size xl */
47
- } .tabs__component_1ov4g {
47
+ } .tabs__component_1nb7m {
48
48
  position: relative;
49
49
  display: flex;
50
50
  flex-shrink: 0
51
- } .tabs__component_1ov4g:before {
51
+ } .tabs__component_1nb7m:before {
52
52
  content: '';
53
53
  display: block;
54
54
  position: absolute;
@@ -57,12 +57,12 @@
57
57
  width: 1px;
58
58
  background-color: transparent;
59
59
  transition: background-color 0.3s ease;
60
- } .tabs__borderVisible_1ov4g:before {
60
+ } .tabs__borderVisible_1nb7m:before {
61
61
  background-color: var(--color-light-specialbg-tertiary-transparent);
62
- } .tabs__primary_1ov4g {
62
+ } .tabs__primary_1nb7m {
63
63
  align-items: flex-start;
64
64
  justify-content: flex-end
65
- } .tabs__primary_1ov4g:after {
65
+ } .tabs__primary_1nb7m:after {
66
66
  content: '';
67
67
  display: block;
68
68
  position: absolute;
@@ -70,25 +70,25 @@
70
70
  height: 1px;
71
71
  width: 100%;
72
72
  background-color: var(--primary-tablist-bottom-border-color);
73
- } .tabs__primary_1ov4g:before {
73
+ } .tabs__primary_1nb7m:before {
74
74
  bottom: 2px;
75
- } .tabs__primary_1ov4g {
75
+ } .tabs__primary_1nb7m {
76
76
 
77
- .tabs__button_1ov4g:first-child {
77
+ .tabs__button_1nb7m:first-child {
78
78
  padding-left: var(--gap-xs);
79
79
  margin-right: var(--gap-xs);
80
80
  }
81
- } .tabs__primary_1ov4g.tabs__xl_1ov4g .tabs__button_1ov4g:first-child {
81
+ } .tabs__primary_1nb7m.tabs__xl_1nb7m .tabs__button_1nb7m:first-child {
82
82
  margin-right: var(--gap-2xs);
83
- } .tabs__secondary_1ov4g {
83
+ } .tabs__secondary_1nb7m {
84
84
  align-items: center;
85
85
  justify-content: center
86
- } .tabs__secondary_1ov4g:before {
86
+ } .tabs__secondary_1nb7m:before {
87
87
  bottom: 0;
88
- } .tabs__secondary_1ov4g.tabs__xs_1ov4g {
88
+ } .tabs__secondary_1nb7m.tabs__xs_1nb7m {
89
89
  width: 76px;
90
90
 
91
- .tabs__button_1ov4g:first-child {
91
+ .tabs__button_1nb7m:first-child {
92
92
  margin-right: var(--gap-2xs);
93
93
  }
94
94
  }
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
9
9
  import '@alfalab/icons-glyph/ChevronRightMIcon';
10
10
  import '../scroll-controls/utils.js';
11
11
 
12
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_12yp1","container":"tabs__container_12yp1","fullWidthScroll":"tabs__fullWidthScroll_12yp1"};
12
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_1j9qx","container":"tabs__container_1j9qx","fullWidthScroll":"tabs__fullWidthScroll_1j9qx"};
13
13
  require('./index.css')
14
14
 
15
15
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 19g6e */
1
+ /* hash: 1wg9z */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -42,9 +42,9 @@
42
42
  /* size l */
43
43
 
44
44
  /* size xl */
45
- } .tabs__scrollableContainerWrapper_12yp1 {
45
+ } .tabs__scrollableContainerWrapper_1j9qx {
46
46
  display: flex;
47
- } .tabs__container_12yp1 {
47
+ } .tabs__container_1j9qx {
48
48
  position: relative;
49
49
  overflow-x: auto;
50
50
  overflow-y: hidden;
@@ -55,11 +55,11 @@
55
55
  /* focus-outline fix */
56
56
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
57
57
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
58
- } .tabs__container_12yp1::-webkit-scrollbar {
58
+ } .tabs__container_1j9qx::-webkit-scrollbar {
59
59
  display: none;
60
- } .tabs__container_12yp1 > * {
60
+ } .tabs__container_1j9qx > * {
61
61
  flex-shrink: 0;
62
- } .tabs__fullWidthScroll_12yp1 {
62
+ } .tabs__fullWidthScroll_1j9qx {
63
63
  padding-left: 0;
64
64
  margin: var(--gap-2xs-neg) var(--gap-m-neg);
65
65
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
4
4
  import { SecondaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-e0497aa4.js';
5
+ import { c as commonStyles } from '../../index.module-8bb1bf99.js';
6
6
  import 'classnames';
7
7
  import '../../hooks/use-tabs.js';
8
8
  import '@alfalab/core-components-shared/esm';
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { TagMobile } from '@alfalab/core-components-tag/esm/mobile';
5
5
  import { SecondaryTabList } from './Component.js';
6
- import { c as commonStyles } from '../../index.module-e0497aa4.js';
6
+ import { c as commonStyles } from '../../index.module-8bb1bf99.js';
7
7
  import '../../hooks/use-tabs.js';
8
8
  import '@alfalab/core-components-shared/esm';
9
9
  import '../scrollable-container/Component.js';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
15
15
  import '@alfalab/icons-glyph/ChevronRightMIcon';
16
16
  import '../scroll-controls/utils.js';
17
17
 
18
- var mobileStyles = {"title":"tabs__title_1yo78 tabs__title_dj6rt","mobile":"tabs__mobile_1yo78"};
18
+ var mobileStyles = {"title":"tabs__title_106yx tabs__title_1kvbz","mobile":"tabs__mobile_106yx"};
19
19
  require('./mobile.css')
20
20
 
21
21
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
@@ -16,7 +16,7 @@ import '@alfalab/core-components-icon-button/esm';
16
16
  import '@alfalab/icons-glyph/ChevronLeftMIcon';
17
17
  import '@alfalab/icons-glyph/ChevronRightMIcon';
18
18
  import '../scroll-controls/utils.js';
19
- import '../../index.module-e0497aa4.js';
19
+ import '../../index.module-8bb1bf99.js';
20
20
  import '@alfalab/core-components-tag/esm/mobile';
21
21
 
22
22
  var SecondaryTabListResponsive = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: t0gua */
1
+ /* hash: 1j5kl */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -50,29 +50,29 @@
50
50
 
51
51
  /* size xl */
52
52
  --secondary-tablist-xl-gaps: var(--gap-m);
53
- } .tabs__component_dj6rt {
53
+ } .tabs__component_1kvbz {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_dj6rt {
56
+ } .tabs__fullWidthScroll_1kvbz {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_dj6rt {
58
+ } .tabs__container_1kvbz {
59
59
  overflow: hidden;
60
60
 
61
61
  /* focus-outline fix */
62
62
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
63
63
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
64
- } .tabs__title_dj6rt {
64
+ } .tabs__title_1kvbz {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
66
+ } /* sizes */ .tabs__xxs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
68
+ } .tabs__xs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
70
+ } .tabs__s_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
72
+ } .tabs__m_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
74
+ } .tabs__l_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
76
+ } .tabs__xl_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: 4fwvo */
1
+ /* hash: rg0gn */
2
2
  :root {
3
3
  }/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  }:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -51,30 +51,30 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_dj6rt {
54
+ }.tabs__component_1kvbz {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_dj6rt {
57
+ }.tabs__fullWidthScroll_1kvbz {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_dj6rt {
59
+ }.tabs__container_1kvbz {
60
60
  overflow: hidden;
61
61
 
62
62
  /* focus-outline fix */
63
63
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
64
64
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
65
- }.tabs__title_dj6rt {
65
+ }.tabs__title_1kvbz {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
67
+ }/* sizes */.tabs__xxs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
69
+ }.tabs__xs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
71
+ }.tabs__s_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
73
+ }.tabs__m_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
75
+ }.tabs__l_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_dj6rt .tabs__title_dj6rt + .tabs__title_dj6rt {
77
+ }.tabs__xl_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -979,7 +979,7 @@
979
979
 
980
980
  /* size xl */
981
981
  --secondary-tablist-xl-gaps: var(--gap-m);
982
- } .tabs__title_1yo78 {
983
- } .tabs__mobile_1yo78 .tabs__title_1yo78 + .tabs__title_1yo78 {
982
+ } .tabs__title_106yx {
983
+ } .tabs__mobile_106yx .tabs__title_106yx + .tabs__title_106yx {
984
984
  margin-left: var(--secondary-tablist-mobile-gaps);
985
985
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_s3tpx","hidden":"tabs__hidden_s3tpx"};
4
+ var styles = {"component":"tabs__component_gayns","hidden":"tabs__hidden_gayns"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: a6awt */
2
- .tabs__component_s3tpx {
1
+ /* hash: 1m7bd */
2
+ .tabs__component_gayns {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_s3tpx {
6
+ .tabs__hidden_gayns {
7
7
  display: none;
8
8
  }
@@ -15,7 +15,7 @@ import '../../hooks/use-tabs.js';
15
15
  import '@alfalab/core-components-shared/esm';
16
16
  import '../../synthetic-events.js';
17
17
  import '../title/Component.js';
18
- import '../../index.module-ee44d88b.js';
18
+ import '../../index.module-2f7a3bd7.js';
19
19
 
20
20
  var TabsCollapsible = function (_a) {
21
21
  var restProps = __rest(_a, []);
@@ -17,10 +17,10 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
17
17
  import '@alfalab/icons-glyph/ChevronRightMIcon';
18
18
  import '../scroll-controls/utils.js';
19
19
  import '../title/Component.js';
20
- import '../../index.module-ee44d88b.js';
20
+ import '../../index.module-2f7a3bd7.js';
21
21
  import '@alfalab/core-components-tag/esm/desktop';
22
22
  import '../secondary-tablist/Component.js';
23
- import '../../index.module-e0497aa4.js';
23
+ import '../../index.module-8bb1bf99.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListDesktop,
@@ -17,10 +17,10 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
17
17
  import '@alfalab/icons-glyph/ChevronRightMIcon';
18
18
  import '../scroll-controls/utils.js';
19
19
  import '../title/Component.js';
20
- import '../../index.module-ee44d88b.js';
20
+ import '../../index.module-2f7a3bd7.js';
21
21
  import '@alfalab/core-components-tag/esm/mobile';
22
22
  import '../secondary-tablist/Component.js';
23
- import '../../index.module-e0497aa4.js';
23
+ import '../../index.module-8bb1bf99.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListMobile,
@@ -19,12 +19,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
19
19
  import '@alfalab/icons-glyph/ChevronRightMIcon';
20
20
  import '../scroll-controls/utils.js';
21
21
  import '../title/Component.js';
22
- import '../../index.module-ee44d88b.js';
22
+ import '../../index.module-2f7a3bd7.js';
23
23
  import '../primary-tablist/Component.mobile.js';
24
24
  import '../secondary-tablist/Component.desktop.js';
25
25
  import '@alfalab/core-components-tag/esm/desktop';
26
26
  import '../secondary-tablist/Component.js';
27
- import '../../index.module-e0497aa4.js';
27
+ import '../../index.module-8bb1bf99.js';
28
28
  import '../secondary-tablist/Component.mobile.js';
29
29
  import '@alfalab/core-components-tag/esm/mobile';
30
30
 
package/esm/desktop.js CHANGED
@@ -18,8 +18,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
18
18
  import '@alfalab/icons-glyph/ChevronRightMIcon';
19
19
  import './components/scroll-controls/utils.js';
20
20
  import './components/title/Component.js';
21
- import './index.module-ee44d88b.js';
21
+ import './index.module-2f7a3bd7.js';
22
22
  import '@alfalab/core-components-tag/esm/desktop';
23
23
  import './components/secondary-tablist/Component.js';
24
- import './index.module-e0497aa4.js';
24
+ import './index.module-8bb1bf99.js';
25
25
  import './components/tabs/Component.js';