@alfalab/core-components-tabs 7.3.3 → 7.3.5

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 (132) hide show
  1. package/Component-3e68f8db.d.ts +2 -2
  2. package/{Component-85892853.d.ts → Component-cac440c1.d.ts} +1 -1
  3. package/components/primary-tablist/Component.desktop.js +2 -2
  4. package/components/primary-tablist/Component.js +1 -1
  5. package/components/primary-tablist/Component.mobile.js +3 -3
  6. package/components/primary-tablist/Component.responsive.js +2 -2
  7. package/components/primary-tablist/index.css +38 -68
  8. package/components/primary-tablist/mobile.css +152 -164
  9. package/components/scrollable-container/Component.js +1 -1
  10. package/components/scrollable-container/index.css +14 -13
  11. package/components/secondary-tablist/Component.desktop.js +2 -2
  12. package/components/secondary-tablist/Component.js +1 -1
  13. package/components/secondary-tablist/Component.mobile.js +3 -3
  14. package/components/secondary-tablist/Component.responsive.js +2 -2
  15. package/components/secondary-tablist/index.css +20 -26
  16. package/components/secondary-tablist/mobile.css +132 -143
  17. package/components/tab/Component.js +1 -1
  18. package/components/tab/index.css +3 -3
  19. package/components/tabs/Component.desktop.js +3 -3
  20. package/components/tabs/Component.mobile.js +3 -3
  21. package/components/tabs/Component.responsive.js +3 -3
  22. package/components/title/Component.js +1 -1
  23. package/components/title/index.js +1 -1
  24. package/cssm/Component-3e68f8db.d.ts +2 -2
  25. package/cssm/{Component-85892853.d.ts → Component-cac440c1.d.ts} +1 -1
  26. package/cssm/components/primary-tablist/index.module.css +37 -67
  27. package/cssm/components/primary-tablist/mobile.module.css +12 -12
  28. package/cssm/components/scrollable-container/index.module.css +13 -12
  29. package/cssm/components/secondary-tablist/index.module.css +19 -25
  30. package/cssm/components/secondary-tablist/mobile.module.css +11 -8
  31. package/cssm/index-3e68f8db.d.ts +4 -4
  32. package/cssm/index-48646db0.d.ts +1 -1
  33. package/cssm/index-7ca84eff.d.ts +6 -0
  34. package/cssm/index-ebda875c.d.ts +1 -1
  35. package/{esm/typings-85892853.d.ts → cssm/typings-cac440c1.d.ts} +1 -5
  36. package/{modern/utils-85892853.d.ts → cssm/utils-cac440c1.d.ts} +1 -1
  37. package/cssm/vars.css +9 -2
  38. package/desktop.js +3 -3
  39. package/esm/Component-3e68f8db.d.ts +2 -2
  40. package/esm/{Component-85892853.d.ts → Component-cac440c1.d.ts} +1 -1
  41. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  42. package/esm/components/primary-tablist/Component.js +1 -1
  43. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  44. package/esm/components/primary-tablist/Component.responsive.js +2 -2
  45. package/esm/components/primary-tablist/index.css +38 -68
  46. package/esm/components/primary-tablist/mobile.css +152 -164
  47. package/esm/components/scrollable-container/Component.js +1 -1
  48. package/esm/components/scrollable-container/index.css +14 -13
  49. package/esm/components/secondary-tablist/Component.desktop.js +2 -2
  50. package/esm/components/secondary-tablist/Component.js +1 -1
  51. package/esm/components/secondary-tablist/Component.mobile.js +3 -3
  52. package/esm/components/secondary-tablist/Component.responsive.js +2 -2
  53. package/esm/components/secondary-tablist/index.css +20 -26
  54. package/esm/components/secondary-tablist/mobile.css +132 -143
  55. package/esm/components/tab/Component.js +1 -1
  56. package/esm/components/tab/index.css +3 -3
  57. package/esm/components/tabs/Component.desktop.js +3 -3
  58. package/esm/components/tabs/Component.mobile.js +3 -3
  59. package/esm/components/tabs/Component.responsive.js +3 -3
  60. package/esm/components/title/Component.js +1 -1
  61. package/esm/components/title/index.js +1 -1
  62. package/esm/desktop.js +3 -3
  63. package/esm/hooks/use-collapsible-elements.js +1 -1
  64. package/esm/hooks/use-tablist-titles.js +1 -1
  65. package/esm/index-3e68f8db.d.ts +4 -4
  66. package/esm/index-48646db0.d.ts +1 -1
  67. package/esm/index-7ca84eff.d.ts +6 -0
  68. package/esm/index-ebda875c.d.ts +1 -1
  69. package/esm/index.js +3 -3
  70. package/esm/index.module-99919515.js +4 -0
  71. package/esm/index.module-e86b50c6.js +4 -0
  72. package/esm/mobile.js +3 -3
  73. package/esm/responsive.js +3 -3
  74. package/esm/synthetic-events.js +1 -1
  75. package/esm/{tslib.es6-62e0e458.d.ts → tslib.es6-9ca6db4f.d.ts} +0 -0
  76. package/esm/{tslib.es6-62e0e458.js → tslib.es6-9ca6db4f.js} +0 -0
  77. package/{modern/typings-85892853.d.ts → esm/typings-cac440c1.d.ts} +1 -5
  78. package/{utils-85892853.d.ts → esm/utils-cac440c1.d.ts} +1 -1
  79. package/hooks/use-collapsible-elements.js +1 -1
  80. package/hooks/use-tablist-titles.js +1 -1
  81. package/index-3e68f8db.d.ts +4 -4
  82. package/index-48646db0.d.ts +1 -1
  83. package/index-7ca84eff.d.ts +6 -0
  84. package/index-ebda875c.d.ts +1 -1
  85. package/index.js +3 -3
  86. package/index.module-3467e7f3.js +6 -0
  87. package/index.module-77e5e19c.js +6 -0
  88. package/mobile.js +3 -3
  89. package/modern/Component-3e68f8db.d.ts +2 -2
  90. package/modern/{Component-85892853.d.ts → Component-cac440c1.d.ts} +1 -1
  91. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  92. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  93. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  94. package/modern/components/primary-tablist/index.css +38 -68
  95. package/modern/components/primary-tablist/mobile.css +152 -164
  96. package/modern/components/scrollable-container/Component.js +1 -1
  97. package/modern/components/scrollable-container/index.css +14 -13
  98. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  99. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  100. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  101. package/modern/components/secondary-tablist/index.css +20 -26
  102. package/modern/components/secondary-tablist/mobile.css +132 -143
  103. package/modern/components/tab/Component.js +1 -1
  104. package/modern/components/tab/index.css +3 -3
  105. package/modern/components/tabs/Component.desktop.js +2 -2
  106. package/modern/components/tabs/Component.mobile.js +2 -2
  107. package/modern/components/tabs/Component.responsive.js +2 -2
  108. package/modern/desktop.js +2 -2
  109. package/modern/index-3e68f8db.d.ts +4 -4
  110. package/modern/index-48646db0.d.ts +1 -1
  111. package/modern/index-7ca84eff.d.ts +6 -0
  112. package/modern/index-ebda875c.d.ts +1 -1
  113. package/modern/index.js +2 -2
  114. package/modern/index.module-1b01a3b0.js +4 -0
  115. package/modern/index.module-fc051081.js +4 -0
  116. package/modern/mobile.js +2 -2
  117. package/modern/responsive.js +2 -2
  118. package/{cssm/typings-85892853.d.ts → modern/typings-cac440c1.d.ts} +1 -5
  119. package/{esm/utils-85892853.d.ts → modern/utils-cac440c1.d.ts} +1 -1
  120. package/package.json +3 -3
  121. package/responsive.js +3 -3
  122. package/synthetic-events.js +1 -1
  123. package/{tslib.es6-edd9cdac.d.ts → tslib.es6-95ad71fb.d.ts} +0 -0
  124. package/{tslib.es6-edd9cdac.js → tslib.es6-95ad71fb.js} +0 -0
  125. package/{typings-85892853.d.ts → typings-cac440c1.d.ts} +1 -5
  126. package/{cssm/utils-85892853.d.ts → utils-cac440c1.d.ts} +1 -1
  127. package/esm/index.module-10d535eb.js +0 -4
  128. package/esm/index.module-9c2f5300.js +0 -4
  129. package/index.module-7dc52a7b.js +0 -6
  130. package/index.module-a5052a1c.js +0 -6
  131. package/modern/index.module-4d08392f.js +0 -4
  132. package/modern/index.module-cd099570.js +0 -4
@@ -1,6 +1,6 @@
1
- /* hash: 9kndg */
1
+ /* hash: 2g7qo */
2
2
  :root {
3
- }:root {
3
+ }/* deprecated */:root {
4
4
  }:root {
5
5
  }:root {
6
6
  }:root {
@@ -10,6 +10,7 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
+ }:root {
13
14
  }:root {
14
15
  --gap-2xs: 4px;
15
16
  --gap-xs: 8px;
@@ -18,7 +19,6 @@
18
19
  --gap-2xs-neg: -4px;
19
20
  }:root {
20
21
  }:root {
21
- }:root {
22
22
  }:root {
23
23
 
24
24
  /* mobile */
@@ -51,33 +51,32 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_1p09l {
54
+ }.tabs__component_4dfg7 {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_1p09l {
57
+ }.tabs__fullWidthScroll_4dfg7 {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_1p09l {
59
+ }.tabs__container_4dfg7 {
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_1p09l {
65
+ }.tabs__title_4dfg7 {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
67
+ }/* sizes */.tabs__xxs_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
69
+ }.tabs__xs_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
71
+ }.tabs__s_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
73
+ }.tabs__m_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
75
+ }.tabs__l_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_1p09l .tabs__title_1p09l + .tabs__title_1p09l {
77
+ }.tabs__xl_4dfg7 .tabs__title_4dfg7 + .tabs__title_4dfg7 {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
- }
80
- :root {
79
+ } :root {
81
80
  --color-dark-indigo: #0b1f35;
82
81
  --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
83
82
  --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
@@ -147,106 +146,7 @@
147
146
  --color-bg-corporate-60-flat: #7a7f85;
148
147
  --color-bg-corporate-30-flat: #bdc0c2;
149
148
  --color-light-blue: #f5f7f9;
150
- }
151
- :root {
152
- --color-static-corpbg-neutral: #bdc0c2;
153
- --color-static-corpbg-primary: #212a33;
154
- --color-static-corpbg-secondary: #384048;
155
- --color-static-corpbg-tertiary: #7a7f85;
156
- --color-static-graphic-amethyst: #a489aa;
157
- --color-static-graphic-blackberry: #bfafc6;
158
- --color-static-graphic-blue-chill: #0f9c8c;
159
- --color-static-graphic-blue-maya: #7eb3ff;
160
- --color-static-graphic-blue-moody: #7879cf;
161
- --color-static-graphic-blue-steel: #4f84ba;
162
- --color-static-graphic-botticelli: #cee5e5;
163
- --color-static-graphic-boulder: #7a7a7a;
164
- --color-static-graphic-brink-pink: #fc617c;
165
- --color-static-graphic-burnt-sienna: #eb7a58;
166
- --color-static-graphic-carrot: #e8bba3;
167
- --color-static-graphic-chatelle: #bfafc6;
168
- --color-static-graphic-chathams-blue: #155966;
169
- --color-static-graphic-chick: #f2db9e;
170
- --color-static-graphic-crete: #847128;
171
- --color-static-graphic-curious-blue: #2381db;
172
- --color-static-graphic-curious-blue-light: #3b99d9;
173
- --color-static-graphic-eastern-blue: #269cb3;
174
- --color-static-graphic-french-lilac: #d3baed;
175
- --color-static-graphic-fuel-yellow: #f29d32;
176
- --color-static-graphic-fun-blue: #1d6ab5;
177
- --color-static-graphic-gallery: #eee;
178
- --color-static-graphic-green-jungle: #2fc26e;
179
- --color-static-graphic-hippie-blue: #5aa4b0;
180
- --color-static-graphic-jaffa: #f07134;
181
- --color-static-graphic-jaffa-light: #f18836;
182
- --color-static-graphic-java: #15c0e0;
183
- --color-static-graphic-jungle-green: #2ab79a;
184
- --color-static-graphic-lavender: #8888ad;
185
- --color-static-graphic-mantis: #63cd4f;
186
- --color-static-graphic-matisse: #16548f;
187
- --color-static-graphic-milano-red: #cd1501;
188
- --color-static-graphic-mirage: #1d2434;
189
- --color-static-graphic-moon-raker: #e9dbf7;
190
- --color-static-graphic-moss-green: #a6d29c;
191
- --color-static-graphic-nevada: #626b75;
192
- --color-static-graphic-olive: #bfd3c9;
193
- --color-static-graphic-olivine: #87b965;
194
- --color-static-graphic-peach: #fcc99b;
195
- --color-static-graphic-persimmon: #ff5c5c;
196
- --color-static-graphic-pewter: #96a5a5;
197
- --color-static-graphic-pickled-bluewood: #2d3f50;
198
- --color-static-graphic-porsche: #e7b965;
199
- --color-static-graphic-raspberry: #dfb2bb;
200
- --color-static-graphic-red-damask: #da713c;
201
- --color-static-graphic-saffron: #f0c330;
202
- --color-static-graphic-salomie: #fee984;
203
- --color-static-graphic-sand: #f6bf65;
204
- --color-static-graphic-sandy-brown: #f38f6f;
205
- --color-static-graphic-seawater: #aecfd9;
206
- --color-static-graphic-serenade: #fff0e3;
207
- --color-static-graphic-sky: #a6c0db;
208
- --color-static-graphic-soft-peach: #f3eaeb;
209
- --color-static-graphic-solitude: #e8f2fe;
210
- --color-static-graphic-strawberry: #f8b6a9;
211
- --color-static-graphic-sundust: #d9d6ce;
212
- --color-static-graphic-turkish-rose: #b56a6b;
213
- --color-static-graphic-turquoise-blue: #6bd3e6;
214
- --color-static-graphic-valencia: #d8463b;
215
- --color-static-graphic-waikawa-gray: #5b6d9c;
216
- --color-static-graphic-whisper: #f2eff6;
217
- --color-static-graphic-zanah: #e1f0de;
218
- --color-static-local-light-blue: #f5f7f9;
219
- --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
220
- --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
221
- --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
222
- --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
223
- --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
224
- --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
225
- --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
226
- --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
227
- --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
228
- --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
229
- --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
230
- --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
231
- --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
232
- --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
233
- --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
234
- --color-static-status-blue: #007aff;
235
- --color-static-status-green: #13a463;
236
- --color-static-status-grey: #6d7986;
237
- --color-static-status-orange: #de6a00;
238
- --color-static-status-purple: #673ab7;
239
- --color-static-status-red: #d91d0b;
240
- --color-static-status-teal: #219187;
241
- --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
242
- --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
243
- --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
244
- --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
245
- --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
246
- --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
247
- --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
248
- }
249
- :root {
149
+ } /* deprecated */ :root {
250
150
  --color-dark-bg-accent: #ef3124;
251
151
  --color-dark-bg-attention-muted: #432000;
252
152
  --color-dark-bg-info: #001c3c;
@@ -698,8 +598,104 @@
698
598
  --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
699
599
  --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
700
600
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
701
- }
702
- :root {
601
+ } :root {
602
+ --color-static-corpbg-neutral: #bdc0c2;
603
+ --color-static-corpbg-primary: #212a33;
604
+ --color-static-corpbg-secondary: #384048;
605
+ --color-static-corpbg-tertiary: #7a7f85;
606
+ --color-static-graphic-amethyst: #a489aa;
607
+ --color-static-graphic-blackberry: #bfafc6;
608
+ --color-static-graphic-blue-chill: #0f9c8c;
609
+ --color-static-graphic-blue-maya: #7eb3ff;
610
+ --color-static-graphic-blue-moody: #7879cf;
611
+ --color-static-graphic-blue-steel: #4f84ba;
612
+ --color-static-graphic-botticelli: #cee5e5;
613
+ --color-static-graphic-boulder: #7a7a7a;
614
+ --color-static-graphic-brink-pink: #fc617c;
615
+ --color-static-graphic-burnt-sienna: #eb7a58;
616
+ --color-static-graphic-carrot: #e8bba3;
617
+ --color-static-graphic-chatelle: #bfafc6;
618
+ --color-static-graphic-chathams-blue: #155966;
619
+ --color-static-graphic-chick: #f2db9e;
620
+ --color-static-graphic-crete: #847128;
621
+ --color-static-graphic-curious-blue: #2381db;
622
+ --color-static-graphic-curious-blue-light: #3b99d9;
623
+ --color-static-graphic-eastern-blue: #269cb3;
624
+ --color-static-graphic-french-lilac: #d3baed;
625
+ --color-static-graphic-fuel-yellow: #f29d32;
626
+ --color-static-graphic-fun-blue: #1d6ab5;
627
+ --color-static-graphic-gallery: #eee;
628
+ --color-static-graphic-green-jungle: #2fc26e;
629
+ --color-static-graphic-hippie-blue: #5aa4b0;
630
+ --color-static-graphic-jaffa: #f07134;
631
+ --color-static-graphic-jaffa-light: #f18836;
632
+ --color-static-graphic-java: #15c0e0;
633
+ --color-static-graphic-jungle-green: #2ab79a;
634
+ --color-static-graphic-lavender: #8888ad;
635
+ --color-static-graphic-mantis: #63cd4f;
636
+ --color-static-graphic-matisse: #16548f;
637
+ --color-static-graphic-milano-red: #cd1501;
638
+ --color-static-graphic-mirage: #1d2434;
639
+ --color-static-graphic-moon-raker: #e9dbf7;
640
+ --color-static-graphic-moss-green: #a6d29c;
641
+ --color-static-graphic-nevada: #626b75;
642
+ --color-static-graphic-olive: #bfd3c9;
643
+ --color-static-graphic-olivine: #87b965;
644
+ --color-static-graphic-peach: #fcc99b;
645
+ --color-static-graphic-persimmon: #ff5c5c;
646
+ --color-static-graphic-pewter: #96a5a5;
647
+ --color-static-graphic-pickled-bluewood: #2d3f50;
648
+ --color-static-graphic-porsche: #e7b965;
649
+ --color-static-graphic-raspberry: #dfb2bb;
650
+ --color-static-graphic-red-damask: #da713c;
651
+ --color-static-graphic-saffron: #f0c330;
652
+ --color-static-graphic-salomie: #fee984;
653
+ --color-static-graphic-sand: #f6bf65;
654
+ --color-static-graphic-sandy-brown: #f38f6f;
655
+ --color-static-graphic-seawater: #aecfd9;
656
+ --color-static-graphic-serenade: #fff0e3;
657
+ --color-static-graphic-sky: #a6c0db;
658
+ --color-static-graphic-soft-peach: #f3eaeb;
659
+ --color-static-graphic-solitude: #e8f2fe;
660
+ --color-static-graphic-strawberry: #f8b6a9;
661
+ --color-static-graphic-sundust: #d9d6ce;
662
+ --color-static-graphic-turkish-rose: #b56a6b;
663
+ --color-static-graphic-turquoise-blue: #6bd3e6;
664
+ --color-static-graphic-valencia: #d8463b;
665
+ --color-static-graphic-waikawa-gray: #5b6d9c;
666
+ --color-static-graphic-whisper: #f2eff6;
667
+ --color-static-graphic-zanah: #e1f0de;
668
+ --color-static-local-light-blue: #f5f7f9;
669
+ --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
670
+ --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
671
+ --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
672
+ --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
673
+ --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
674
+ --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
675
+ --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
676
+ --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
677
+ --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
678
+ --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
679
+ --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
680
+ --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
681
+ --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
682
+ --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
683
+ --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
684
+ --color-static-status-blue: #007aff;
685
+ --color-static-status-green: #13a463;
686
+ --color-static-status-grey: #6d7986;
687
+ --color-static-status-orange: #de6a00;
688
+ --color-static-status-purple: #673ab7;
689
+ --color-static-status-red: #d91d0b;
690
+ --color-static-status-teal: #219187;
691
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
692
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
693
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
694
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
695
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
696
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
697
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
698
+ } :root {
703
699
  --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
704
700
  --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
705
701
  --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -724,8 +720,7 @@
724
720
  --color-static-senary-light: rgba(255, 255, 255, 0.12);
725
721
  --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
726
722
  --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
727
- }
728
- :root {
723
+ } :root {
729
724
  --shadow-xs: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04);
730
725
  --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
731
726
  --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
@@ -762,8 +757,17 @@
762
757
  0 -12px 24px rgba(11, 31, 53, 0.16);
763
758
  --shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),
764
759
  0 -16px 32px rgba(11, 31, 53, 0.16);
765
- }
766
- :root {
760
+ } :root {
761
+ --border-radius-xs: 2px;
762
+ --border-radius-s: 4px;
763
+ --border-radius-m: 8px;
764
+ --border-radius-l: 12px;
765
+ --border-radius-xl: 16px;
766
+ --border-radius-xxl: 20px;
767
+ --border-radius-3xl: 24px;
768
+ --border-radius-circle: 50%;
769
+ --border-radius-pill: 99px;
770
+ } :root {
767
771
  --gap-3xs: 2px;
768
772
  --gap-2xs: 4px;
769
773
  --gap-xs: 8px;
@@ -792,25 +796,12 @@
792
796
  --gap-6xl-neg: -72px;
793
797
  --gap-7xl-neg: -96px;
794
798
  --gap-8xl-neg: -128px;
795
- }
796
- :root {
799
+ } :root {
797
800
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
798
801
  sans-serif;
799
802
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
800
803
  'Helvetica Neue', Helvetica, sans-serif;
801
- }
802
- :root {
803
- --border-radius-xs: 2px;
804
- --border-radius-s: 4px;
805
- --border-radius-m: 8px;
806
- --border-radius-l: 12px;
807
- --border-radius-xl: 16px;
808
- --border-radius-xxl: 20px;
809
- --border-radius-3xl: 24px;
810
- --border-radius-circle: 50%;
811
- --border-radius-pill: 99px;
812
- }
813
- :root {
804
+ } :root {
814
805
  --text-primary-color: var(--color-light-text-primary);
815
806
  --text-secondary-color: var(--color-light-text-secondary);
816
807
  --text-tertiary-color: var(--color-light-text-tertiary);
@@ -819,13 +810,13 @@
819
810
  sans-serif;
820
811
  --disabled-cursor: not-allowed;
821
812
  --arrow-transform: rotate(180deg);
822
- --size-xs-height: 32px;
813
+ --size-xxs-height: 32px;
814
+ --size-xs-height: 40px;
823
815
  --size-s-height: 48px;
824
816
  --size-m-height: 56px;
825
817
  --size-l-height: 64px;
826
818
  --size-xl-height: 72px;
827
- }
828
- :root {
819
+ } :root {
829
820
  --primary-tablist-color: var(--color-light-text-secondary);
830
821
  --primary-tablist-hover-color: var(--color-light-text-primary);
831
822
  --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -890,9 +881,7 @@
890
881
 
891
882
  /* size xl */
892
883
  --secondary-tablist-xl-gaps: var(--gap-m);
893
- }
894
- .tabs__title_qaf9d {
895
- }
896
- .tabs__mobile_qaf9d .tabs__title_qaf9d + .tabs__title_qaf9d {
884
+ } .tabs__title_ws13q {
885
+ } .tabs__mobile_ws13q .tabs__title_ws13q + .tabs__title_ws13q {
897
886
  margin-left: var(--secondary-tablist-mobile-gaps);
898
887
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_jtbhp","hidden":"tabs__hidden_jtbhp"};
4
+ var styles = {"component":"tabs__component_4g9mh","hidden":"tabs__hidden_4g9mh"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: 1l4gf */
2
- .tabs__component_jtbhp {
1
+ /* hash: s6vax */
2
+ .tabs__component_4g9mh {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_jtbhp {
6
+ .tabs__hidden_4g9mh {
7
7
  display: none;
8
8
  }
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-62e0e458.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-9ca6db4f.js';
2
2
  import React from 'react';
3
3
  import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
4
4
  import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
17
17
  import '../scrollable-container/Component.js';
18
18
  import 'compute-scroll-into-view';
19
19
  import '../title/Component.js';
20
- import '../../index.module-10d535eb.js';
20
+ import '../../index.module-99919515.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-9c2f5300.js';
23
+ import '../../index.module-e86b50c6.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListDesktop,
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-62e0e458.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-9ca6db4f.js';
2
2
  import React from 'react';
3
3
  import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
4
4
  import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
17
17
  import '../scrollable-container/Component.js';
18
18
  import 'compute-scroll-into-view';
19
19
  import '../title/Component.js';
20
- import '../../index.module-10d535eb.js';
20
+ import '../../index.module-99919515.js';
21
21
  import '../secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import '../../index.module-9c2f5300.js';
23
+ import '../../index.module-e86b50c6.js';
24
24
 
25
25
  var views = {
26
26
  primary: PrimaryTabListMobile,
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-62e0e458.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-9ca6db4f.js';
2
2
  import React from 'react';
3
3
  import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsive.js';
4
4
  import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
@@ -18,12 +18,12 @@ import '../../synthetic-events.js';
18
18
  import '../scrollable-container/Component.js';
19
19
  import 'compute-scroll-into-view';
20
20
  import '../title/Component.js';
21
- import '../../index.module-10d535eb.js';
21
+ import '../../index.module-99919515.js';
22
22
  import '../primary-tablist/Component.mobile.js';
23
23
  import '../secondary-tablist/Component.desktop.js';
24
24
  import '../secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/esm';
26
- import '../../index.module-9c2f5300.js';
26
+ import '../../index.module-e86b50c6.js';
27
27
  import '../secondary-tablist/Component.mobile.js';
28
28
 
29
29
  var views = {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-62e0e458.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-9ca6db4f.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
4
 
@@ -1,4 +1,4 @@
1
1
  export { Title } from './Component.js';
2
- import '../../tslib.es6-62e0e458.js';
2
+ import '../../tslib.es6-9ca6db4f.js';
3
3
  import 'react';
4
4
  import 'classnames';
package/esm/desktop.js CHANGED
@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
5
5
  export { TabsDesktop } from './components/tabs/Component.desktop.js';
6
6
  export { useTabs } from './hooks/use-tabs.js';
7
7
  export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
8
- import './tslib.es6-62e0e458.js';
8
+ import './tslib.es6-9ca6db4f.js';
9
9
  import 'react';
10
10
  import './components/primary-tablist/Component.js';
11
11
  import 'classnames';
@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
16
16
  import '@alfalab/hooks';
17
17
  import './synthetic-events.js';
18
18
  import './components/title/Component.js';
19
- import './index.module-10d535eb.js';
19
+ import './index.module-99919515.js';
20
20
  import 'compute-scroll-into-view';
21
21
  import './components/secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/esm';
23
- import './index.module-9c2f5300.js';
23
+ import './index.module-e86b50c6.js';
24
24
  import './components/tabs/Component.js';
25
25
  import '@juggle/resize-observer';
@@ -1,4 +1,4 @@
1
- import { b as __spreadArray } from '../tslib.es6-62e0e458.js';
1
+ import { b as __spreadArray } from '../tslib.es6-9ca6db4f.js';
2
2
  import { useState, useRef } from 'react';
3
3
  import { ResizeObserver } from '@juggle/resize-observer';
4
4
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../tslib.es6-62e0e458.js';
1
+ import { a as __assign } from '../tslib.es6-9ca6db4f.js';
2
2
  import { useMemo } from 'react';
3
3
  import { useMedia } from '@alfalab/hooks';
4
4
  import { useCollapsibleElements } from './use-collapsible-elements.js';
@@ -2,8 +2,8 @@
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
4
  import { FormControlProps } from "./Component-e67996e9";
5
- import { BaseSelectProps, OptionProps, OptionShape } from "./typings-85892853";
6
- type SelectFieldProps = FormControlProps & Record<string, unknown>;
5
+ import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
6
+ type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
7
7
  type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
8
8
  /**
9
9
  * Пропсы, которые будут прокинуты в компонент поля
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
94
94
  export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
95
95
  export * from "./hook-edac5428";
96
96
  export * from "./index-48646db0";
97
- export * from "./typings-85892853";
98
- export * from "./utils-85892853";
97
+ export * from "./typings-cac440c1";
98
+ export * from "./utils-cac440c1";
@@ -1,2 +1,2 @@
1
- export * from "./Component-85892853";
1
+ export * from "./Component-cac440c1";
2
2
  export * from "./index-ebda875c";
@@ -24,6 +24,12 @@ type BottomSheetProps = {
24
24
  * Кнопка действия (обычно, это кнопка закрытия)
25
25
  */
26
26
  actionButton?: ReactNode;
27
+ /**
28
+ * Нода, компонент или функция возвращающая их
29
+ *
30
+ * Контейнер к которому будут добавляться порталы
31
+ */
32
+ container?: BaseModalProps["container"];
27
33
  /**
28
34
  * Дополнительный класс
29
35
  */
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react-transition-group" />
3
- export * from "./Component-85892853";
3
+ export * from "./Component-cac440c1";
package/esm/index.js CHANGED
@@ -4,7 +4,7 @@ export { SecondaryTabListResponsive } from './components/secondary-tablist/Compo
4
4
  export { Tab } from './components/tab/Component.js';
5
5
  export { TabsResponsive } from './components/tabs/Component.responsive.js';
6
6
  export { useTabs } from './hooks/use-tabs.js';
7
- import './tslib.es6-62e0e458.js';
7
+ import './tslib.es6-9ca6db4f.js';
8
8
  import 'react';
9
9
  import '@alfalab/hooks';
10
10
  import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
19
19
  import './synthetic-events.js';
20
20
  import './components/title/Component.js';
21
21
  import 'compute-scroll-into-view';
22
- import './index.module-10d535eb.js';
22
+ import './index.module-99919515.js';
23
23
  import './components/primary-tablist/Component.mobile.js';
24
24
  import './components/secondary-tablist/Component.desktop.js';
25
25
  import './components/secondary-tablist/Component.js';
26
26
  import '@alfalab/core-components-tag/esm';
27
- import './index.module-9c2f5300.js';
27
+ import './index.module-e86b50c6.js';
28
28
  import './components/secondary-tablist/Component.mobile.js';
29
29
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_1ab8f","fullWidthScroll":"tabs__fullWidthScroll_1ab8f","container":"tabs__container_1ab8f","title":"tabs__title_1ab8f","disabled":"tabs__disabled_1ab8f","focused":"tabs__focused_1ab8f","collapsed":"tabs__collapsed_1ab8f","selected":"tabs__selected_1ab8f","line":"tabs__line_1ab8f","s":"tabs__s_1ab8f","xs":"tabs__xs_1ab8f","xxs":"tabs__xxs_1ab8f","pickerWrapper":"tabs__pickerWrapper_1ab8f","option":"tabs__option_1ab8f","m":"tabs__m_1ab8f","l":"tabs__l_1ab8f","xl":"tabs__xl_1ab8f","rightAddons":"tabs__rightAddons_1ab8f"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_4dfg7","fullWidthScroll":"tabs__fullWidthScroll_4dfg7","container":"tabs__container_4dfg7","title":"tabs__title_4dfg7","xxs":"tabs__xxs_4dfg7","xs":"tabs__xs_4dfg7","s":"tabs__s_4dfg7","m":"tabs__m_4dfg7","l":"tabs__l_4dfg7","xl":"tabs__xl_4dfg7"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/esm/mobile.js CHANGED
@@ -4,7 +4,7 @@ export { SecondaryTabListMobile } from './components/secondary-tablist/Component
4
4
  export { Tab } from './components/tab/Component.js';
5
5
  export { TabsMobile } from './components/tabs/Component.mobile.js';
6
6
  export { useTabs } from './hooks/use-tabs.js';
7
- import './tslib.es6-62e0e458.js';
7
+ import './tslib.es6-9ca6db4f.js';
8
8
  import 'react';
9
9
  import 'classnames';
10
10
  import './components/primary-tablist/Component.js';
@@ -18,8 +18,8 @@ import '@juggle/resize-observer';
18
18
  import './synthetic-events.js';
19
19
  import './components/title/Component.js';
20
20
  import 'compute-scroll-into-view';
21
- import './index.module-10d535eb.js';
21
+ import './index.module-99919515.js';
22
22
  import './components/secondary-tablist/Component.js';
23
23
  import '@alfalab/core-components-tag/esm';
24
- import './index.module-9c2f5300.js';
24
+ import './index.module-e86b50c6.js';
25
25
  import './components/tabs/Component.js';
package/esm/responsive.js CHANGED
@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
5
5
  export { TabsResponsive } from './components/tabs/Component.responsive.js';
6
6
  export { useTabs } from './hooks/use-tabs.js';
7
7
  export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
8
- import './tslib.es6-62e0e458.js';
8
+ import './tslib.es6-9ca6db4f.js';
9
9
  import 'react';
10
10
  import '@alfalab/hooks';
11
11
  import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
19
19
  import './synthetic-events.js';
20
20
  import './components/title/Component.js';
21
21
  import 'compute-scroll-into-view';
22
- import './index.module-10d535eb.js';
22
+ import './index.module-99919515.js';
23
23
  import './components/primary-tablist/Component.mobile.js';
24
24
  import './components/secondary-tablist/Component.desktop.js';
25
25
  import './components/secondary-tablist/Component.js';
26
26
  import '@alfalab/core-components-tag/esm';
27
- import './index.module-9c2f5300.js';
27
+ import './index.module-e86b50c6.js';
28
28
  import './components/secondary-tablist/Component.mobile.js';
29
29
  import './components/tabs/Component.js';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from './tslib.es6-62e0e458.js';
1
+ import { a as __assign } from './tslib.es6-9ca6db4f.js';
2
2
 
3
3
  var createSyntheticEvent = function (event) {
4
4
  var isDefaultPrevented = false;