@alfalab/core-components-tabs 8.1.6 → 8.3.0

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 (301) hide show
  1. package/collapsible/index.d.ts +2 -0
  2. package/{collapsible.js → collapsible/index.js} +10 -10
  3. package/collapsible/package.json +3 -0
  4. package/components/primary-tablist/Component.collapsible.js +9 -9
  5. package/components/primary-tablist/Component.desktop.js +2 -2
  6. package/components/primary-tablist/Component.mobile.js +3 -3
  7. package/components/primary-tablist/Component.responsive.js +1 -1
  8. package/components/primary-tablist/index.css +34 -34
  9. package/components/primary-tablist/mobile.css +964 -310
  10. package/components/scroll-controls/Component.js +1 -1
  11. package/components/scroll-controls/index.css +16 -16
  12. package/components/scrollable-container/Component.js +2 -3
  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 +940 -286
  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/collapsible/index.d.ts +2 -0
  26. package/cssm/{collapsible.js → collapsible/index.js} +11 -11
  27. package/cssm/components/primary-tablist/index.module.css +4 -4
  28. package/cssm/components/scroll-controls/index.module.css +2 -2
  29. package/cssm/components/scrollable-container/Component.js +1 -2
  30. package/cssm/desktop/index.d.ts +4 -0
  31. package/cssm/desktop/index.js +40 -0
  32. package/cssm/mobile/index.d.ts +4 -0
  33. package/cssm/mobile/index.js +42 -0
  34. package/cssm/shared/index.d.ts +4 -0
  35. package/cssm/{shared.js → shared/index.js} +7 -7
  36. package/desktop/index.d.ts +4 -0
  37. package/desktop/index.js +37 -0
  38. package/desktop/package.json +3 -0
  39. package/esm/collapsible/index.d.ts +2 -0
  40. package/esm/collapsible/index.js +20 -0
  41. package/esm/components/primary-tablist/Component.collapsible.js +9 -9
  42. package/esm/components/primary-tablist/Component.desktop.js +2 -2
  43. package/esm/components/primary-tablist/Component.mobile.js +3 -3
  44. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  45. package/esm/components/primary-tablist/index.css +34 -34
  46. package/esm/components/primary-tablist/mobile.css +964 -310
  47. package/esm/components/scroll-controls/Component.js +1 -1
  48. package/esm/components/scroll-controls/index.css +16 -16
  49. package/esm/components/scrollable-container/Component.js +3 -3
  50. package/esm/components/scrollable-container/index.css +6 -6
  51. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  52. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  53. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  54. package/esm/components/secondary-tablist/index.css +11 -11
  55. package/esm/components/secondary-tablist/mobile.css +940 -286
  56. package/esm/components/tab/Component.js +1 -1
  57. package/esm/components/tab/index.css +3 -3
  58. package/esm/components/tabs/Component.collapsible.js +1 -1
  59. package/esm/components/tabs/Component.desktop.js +2 -2
  60. package/esm/components/tabs/Component.mobile.js +2 -2
  61. package/esm/components/tabs/Component.responsive.js +2 -2
  62. package/esm/desktop/index.d.ts +4 -0
  63. package/esm/desktop/index.js +26 -0
  64. package/esm/index.js +2 -2
  65. package/esm/index.module-0b61d568.js +4 -0
  66. package/esm/index.module-9fe41e09.js +4 -0
  67. package/esm/mobile/index.d.ts +4 -0
  68. package/esm/mobile/index.js +26 -0
  69. package/esm/shared/index.d.ts +4 -0
  70. package/esm/{shared.js → shared/index.js} +5 -5
  71. package/index.js +2 -2
  72. package/index.module-5398ae83.js +6 -0
  73. package/index.module-dd12f95d.js +6 -0
  74. package/mobile/index.d.ts +4 -0
  75. package/mobile/index.js +37 -0
  76. package/mobile/package.json +3 -0
  77. package/modern/collapsible/index.d.ts +2 -0
  78. package/modern/collapsible/index.js +19 -0
  79. package/modern/components/primary-tablist/Component.collapsible.js +9 -9
  80. package/modern/components/primary-tablist/Component.desktop.js +2 -2
  81. package/modern/components/primary-tablist/Component.mobile.js +3 -3
  82. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  83. package/modern/components/primary-tablist/index.css +34 -34
  84. package/modern/components/primary-tablist/mobile.css +964 -310
  85. package/modern/components/scroll-controls/Component.js +1 -1
  86. package/modern/components/scroll-controls/index.css +16 -16
  87. package/modern/components/scrollable-container/Component.js +3 -3
  88. package/modern/components/scrollable-container/index.css +6 -6
  89. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  90. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  91. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  92. package/modern/components/secondary-tablist/index.css +11 -11
  93. package/modern/components/secondary-tablist/mobile.css +940 -286
  94. package/modern/components/tab/Component.js +1 -1
  95. package/modern/components/tab/index.css +3 -3
  96. package/modern/components/tabs/Component.collapsible.js +1 -1
  97. package/modern/components/tabs/Component.desktop.js +2 -2
  98. package/modern/components/tabs/Component.mobile.js +2 -2
  99. package/modern/components/tabs/Component.responsive.js +2 -2
  100. package/modern/desktop/index.d.ts +4 -0
  101. package/modern/desktop/index.js +25 -0
  102. package/modern/index.js +2 -2
  103. package/modern/index.module-b71481a6.js +4 -0
  104. package/modern/index.module-beca0c9d.js +4 -0
  105. package/modern/mobile/index.d.ts +4 -0
  106. package/modern/mobile/index.js +25 -0
  107. package/modern/shared/index.d.ts +4 -0
  108. package/modern/{shared.js → shared/index.js} +5 -5
  109. package/package.json +7 -7
  110. package/shared/index.d.ts +4 -0
  111. package/{shared.js → shared/index.js} +5 -5
  112. package/shared/package.json +3 -0
  113. package/src/collapsible/index.ts +2 -0
  114. package/src/collapsible/package.json +3 -0
  115. package/src/components/scrollable-container/Component.tsx +2 -2
  116. package/src/desktop/index.ts +4 -0
  117. package/src/desktop/package.json +3 -0
  118. package/src/mobile/index.ts +4 -0
  119. package/src/mobile/package.json +3 -0
  120. package/src/shared/index.ts +4 -0
  121. package/src/shared/package.json +3 -0
  122. package/Component-0f4b9bed.d.ts +0 -100
  123. package/Component-4cd3936b.d.ts +0 -12
  124. package/Component-69921c40.d.ts +0 -184
  125. package/Component-89f0cb07.d.ts +0 -38
  126. package/Component-8b2c2707.d.ts +0 -14
  127. package/Component-bdb4c6b9.d.ts +0 -12
  128. package/Component-c76d6398.d.ts +0 -5
  129. package/Component-ebda875c.d.ts +0 -12
  130. package/Component.desktop-0aa4e915.d.ts +0 -5
  131. package/Component.desktop-785df74d.d.ts +0 -6
  132. package/Component.mobile-16b1285a.d.ts +0 -5
  133. package/Component.mobile-d7e9f69d.d.ts +0 -6
  134. package/Component.mobile-ebda875c.d.ts +0 -6
  135. package/Context-bdb4c6b9.d.ts +0 -4
  136. package/ResponsiveContext-baf4875b.d.ts +0 -5
  137. package/collapsible.d.ts +0 -2
  138. package/consts-f777ba1a.d.ts +0 -2
  139. package/cssm/Component-0f4b9bed.d.ts +0 -100
  140. package/cssm/Component-4cd3936b.d.ts +0 -12
  141. package/cssm/Component-69921c40.d.ts +0 -184
  142. package/cssm/Component-89f0cb07.d.ts +0 -38
  143. package/cssm/Component-8b2c2707.d.ts +0 -14
  144. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  145. package/cssm/Component-c76d6398.d.ts +0 -5
  146. package/cssm/Component-ebda875c.d.ts +0 -12
  147. package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
  148. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  149. package/cssm/Component.mobile-16b1285a.d.ts +0 -5
  150. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  151. package/cssm/Component.mobile-ebda875c.d.ts +0 -6
  152. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  153. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  154. package/cssm/collapsible.d.ts +0 -2
  155. package/cssm/consts-f777ba1a.d.ts +0 -2
  156. package/cssm/desktop-89f0cb07.d.ts +0 -2
  157. package/cssm/desktop.d.ts +0 -4
  158. package/cssm/desktop.js +0 -40
  159. package/cssm/hook-8abfea97.d.ts +0 -90
  160. package/cssm/index-136acbb1.d.ts +0 -28
  161. package/cssm/index-8b2c2707.d.ts +0 -6
  162. package/cssm/index-bdb4c6b9.d.ts +0 -2
  163. package/cssm/index-c44170fe.d.ts +0 -131
  164. package/cssm/index-c76d6398.d.ts +0 -140
  165. package/cssm/index-ebda875c.d.ts +0 -40
  166. package/cssm/index-f12ee135.d.ts +0 -324
  167. package/cssm/mobile-89f0cb07.d.ts +0 -2
  168. package/cssm/mobile-d7e9f69d.d.ts +0 -2
  169. package/cssm/mobile.d.ts +0 -4
  170. package/cssm/mobile.js +0 -42
  171. package/cssm/shared-4cd3936b.d.ts +0 -107
  172. package/cssm/shared.d.ts +0 -4
  173. package/cssm/types-1b036d4b.d.ts +0 -13
  174. package/cssm/types-4480ac4f.d.ts +0 -3
  175. package/cssm/typings-0f4b9bed.d.ts +0 -576
  176. package/cssm/typings-89f0cb07.d.ts +0 -93
  177. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  178. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  179. package/cssm/utils-0f4b9bed.d.ts +0 -41
  180. package/cssm/utils-1574ad8b.d.ts +0 -29
  181. package/desktop-89f0cb07.d.ts +0 -2
  182. package/desktop.d.ts +0 -4
  183. package/desktop.js +0 -37
  184. package/esm/Component-0f4b9bed.d.ts +0 -100
  185. package/esm/Component-4cd3936b.d.ts +0 -12
  186. package/esm/Component-69921c40.d.ts +0 -184
  187. package/esm/Component-89f0cb07.d.ts +0 -38
  188. package/esm/Component-8b2c2707.d.ts +0 -14
  189. package/esm/Component-bdb4c6b9.d.ts +0 -12
  190. package/esm/Component-c76d6398.d.ts +0 -5
  191. package/esm/Component-ebda875c.d.ts +0 -12
  192. package/esm/Component.desktop-0aa4e915.d.ts +0 -5
  193. package/esm/Component.desktop-785df74d.d.ts +0 -6
  194. package/esm/Component.mobile-16b1285a.d.ts +0 -5
  195. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  196. package/esm/Component.mobile-ebda875c.d.ts +0 -6
  197. package/esm/Context-bdb4c6b9.d.ts +0 -4
  198. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  199. package/esm/collapsible.d.ts +0 -2
  200. package/esm/collapsible.js +0 -20
  201. package/esm/consts-f777ba1a.d.ts +0 -2
  202. package/esm/desktop-89f0cb07.d.ts +0 -2
  203. package/esm/desktop.d.ts +0 -4
  204. package/esm/desktop.js +0 -26
  205. package/esm/hook-8abfea97.d.ts +0 -90
  206. package/esm/index-136acbb1.d.ts +0 -28
  207. package/esm/index-8b2c2707.d.ts +0 -6
  208. package/esm/index-bdb4c6b9.d.ts +0 -2
  209. package/esm/index-c44170fe.d.ts +0 -131
  210. package/esm/index-c76d6398.d.ts +0 -140
  211. package/esm/index-ebda875c.d.ts +0 -105
  212. package/esm/index-f12ee135.d.ts +0 -324
  213. package/esm/index.module-072f7a03.js +0 -4
  214. package/esm/index.module-64994e8d.js +0 -4
  215. package/esm/mobile-89f0cb07.d.ts +0 -2
  216. package/esm/mobile-d7e9f69d.d.ts +0 -2
  217. package/esm/mobile.d.ts +0 -4
  218. package/esm/mobile.js +0 -26
  219. package/esm/shared-4cd3936b.d.ts +0 -107
  220. package/esm/shared.d.ts +0 -4
  221. package/esm/types-1b036d4b.d.ts +0 -13
  222. package/esm/types-4480ac4f.d.ts +0 -3
  223. package/esm/typings-0f4b9bed.d.ts +0 -576
  224. package/esm/typings-89f0cb07.d.ts +0 -93
  225. package/esm/typings-bdb4c6b9.d.ts +0 -52
  226. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  227. package/esm/utils-0f4b9bed.d.ts +0 -41
  228. package/esm/utils-1574ad8b.d.ts +0 -29
  229. package/hook-8abfea97.d.ts +0 -90
  230. package/index-136acbb1.d.ts +0 -28
  231. package/index-8b2c2707.d.ts +0 -6
  232. package/index-bdb4c6b9.d.ts +0 -2
  233. package/index-c44170fe.d.ts +0 -131
  234. package/index-c76d6398.d.ts +0 -140
  235. package/index-ebda875c.d.ts +0 -40
  236. package/index-f12ee135.d.ts +0 -324
  237. package/index.module-5f6b14c2.js +0 -6
  238. package/index.module-e4f107c7.js +0 -6
  239. package/mobile-89f0cb07.d.ts +0 -2
  240. package/mobile-d7e9f69d.d.ts +0 -2
  241. package/mobile.d.ts +0 -4
  242. package/mobile.js +0 -37
  243. package/modern/Component-0f4b9bed.d.ts +0 -100
  244. package/modern/Component-4cd3936b.d.ts +0 -12
  245. package/modern/Component-69921c40.d.ts +0 -184
  246. package/modern/Component-89f0cb07.d.ts +0 -38
  247. package/modern/Component-8b2c2707.d.ts +0 -14
  248. package/modern/Component-bdb4c6b9.d.ts +0 -12
  249. package/modern/Component-c76d6398.d.ts +0 -5
  250. package/modern/Component-ebda875c.d.ts +0 -12
  251. package/modern/Component.desktop-0aa4e915.d.ts +0 -5
  252. package/modern/Component.desktop-785df74d.d.ts +0 -6
  253. package/modern/Component.mobile-16b1285a.d.ts +0 -5
  254. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  255. package/modern/Component.mobile-ebda875c.d.ts +0 -6
  256. package/modern/Context-bdb4c6b9.d.ts +0 -4
  257. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  258. package/modern/collapsible.d.ts +0 -2
  259. package/modern/collapsible.js +0 -19
  260. package/modern/consts-f777ba1a.d.ts +0 -2
  261. package/modern/desktop-89f0cb07.d.ts +0 -2
  262. package/modern/desktop.d.ts +0 -4
  263. package/modern/desktop.js +0 -25
  264. package/modern/hook-8abfea97.d.ts +0 -90
  265. package/modern/index-136acbb1.d.ts +0 -28
  266. package/modern/index-8b2c2707.d.ts +0 -6
  267. package/modern/index-bdb4c6b9.d.ts +0 -2
  268. package/modern/index-c44170fe.d.ts +0 -131
  269. package/modern/index-c76d6398.d.ts +0 -140
  270. package/modern/index-ebda875c.d.ts +0 -105
  271. package/modern/index-f12ee135.d.ts +0 -324
  272. package/modern/index.module-5e57388f.js +0 -4
  273. package/modern/index.module-633b90f6.js +0 -4
  274. package/modern/mobile-89f0cb07.d.ts +0 -2
  275. package/modern/mobile-d7e9f69d.d.ts +0 -2
  276. package/modern/mobile.d.ts +0 -4
  277. package/modern/mobile.js +0 -25
  278. package/modern/shared-4cd3936b.d.ts +0 -107
  279. package/modern/shared.d.ts +0 -4
  280. package/modern/types-1b036d4b.d.ts +0 -13
  281. package/modern/types-4480ac4f.d.ts +0 -3
  282. package/modern/typings-0f4b9bed.d.ts +0 -576
  283. package/modern/typings-89f0cb07.d.ts +0 -93
  284. package/modern/typings-bdb4c6b9.d.ts +0 -52
  285. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  286. package/modern/utils-0f4b9bed.d.ts +0 -41
  287. package/modern/utils-1574ad8b.d.ts +0 -29
  288. package/shared-4cd3936b.d.ts +0 -107
  289. package/shared.d.ts +0 -4
  290. package/src/collapsible.ts +0 -2
  291. package/src/desktop.ts +0 -4
  292. package/src/mobile.ts +0 -4
  293. package/src/shared.ts +0 -4
  294. package/types-1b036d4b.d.ts +0 -13
  295. package/types-4480ac4f.d.ts +0 -3
  296. package/typings-0f4b9bed.d.ts +0 -576
  297. package/typings-89f0cb07.d.ts +0 -93
  298. package/typings-bdb4c6b9.d.ts +0 -52
  299. package/useSkeleton-ebda875c.d.ts +0 -12
  300. package/utils-0f4b9bed.d.ts +0 -41
  301. package/utils-1574ad8b.d.ts +0 -29
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
  var _debounce__default = /*#__PURE__*/_interopDefaultCompat(_debounce);
19
19
 
20
- var styles = {"component":"tabs__component_wcgzh","borderVisible":"tabs__borderVisible_wcgzh","primary":"tabs__primary_wcgzh","button":"tabs__button_wcgzh","xl":"tabs__xl_wcgzh","secondary":"tabs__secondary_wcgzh","xs":"tabs__xs_wcgzh"};
20
+ var styles = {"component":"tabs__component_1g6zc","borderVisible":"tabs__borderVisible_1g6zc","primary":"tabs__primary_1g6zc","button":"tabs__button_1g6zc","xl":"tabs__xl_1g6zc","secondary":"tabs__secondary_1g6zc","xs":"tabs__xs_1g6zc"};
21
21
  require('./index.css')
22
22
 
23
23
  var ScrollControls = React.forwardRef(function (_a, ref) {
@@ -1,8 +1,8 @@
1
- /* hash: 3to6y */
1
+ /* hash: 1qhid */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #dcdcdd;
5
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* 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
+ --color-light-border-primary: #d5d6dc;
5
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* 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 */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -44,11 +44,11 @@
44
44
  /* size l */
45
45
 
46
46
  /* size xl */
47
- } .tabs__component_wcgzh {
47
+ } .tabs__component_1g6zc {
48
48
  position: relative;
49
49
  display: flex;
50
50
  flex-shrink: 0
51
- } .tabs__component_wcgzh:before {
51
+ } .tabs__component_1g6zc: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_wcgzh:before {
60
+ } .tabs__borderVisible_1g6zc:before {
61
61
  background-color: var(--color-light-specialbg-tertiary-transparent);
62
- } .tabs__primary_wcgzh {
62
+ } .tabs__primary_1g6zc {
63
63
  align-items: flex-start;
64
64
  justify-content: flex-end
65
- } .tabs__primary_wcgzh:after {
65
+ } .tabs__primary_1g6zc: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_wcgzh:before {
73
+ } .tabs__primary_1g6zc:before {
74
74
  bottom: 2px;
75
- } .tabs__primary_wcgzh {
75
+ } .tabs__primary_1g6zc {
76
76
 
77
- .tabs__button_wcgzh:first-child {
77
+ .tabs__button_1g6zc:first-child {
78
78
  padding-left: var(--gap-xs);
79
79
  margin-right: var(--gap-xs);
80
80
  }
81
- } .tabs__primary_wcgzh.tabs__xl_wcgzh .tabs__button_wcgzh:first-child {
81
+ } .tabs__primary_1g6zc.tabs__xl_1g6zc .tabs__button_1g6zc:first-child {
82
82
  margin-right: var(--gap-2xs);
83
- } .tabs__secondary_wcgzh {
83
+ } .tabs__secondary_1g6zc {
84
84
  align-items: center;
85
85
  justify-content: center
86
- } .tabs__secondary_wcgzh:before {
86
+ } .tabs__secondary_1g6zc:before {
87
87
  bottom: 0;
88
- } .tabs__secondary_wcgzh.tabs__xs_wcgzh {
88
+ } .tabs__secondary_1g6zc.tabs__xs_1g6zc {
89
89
  width: 76px;
90
90
 
91
- .tabs__button_wcgzh:first-child {
91
+ .tabs__button_1g6zc:first-child {
92
92
  margin-right: var(--gap-2xs);
93
93
  }
94
94
  }
@@ -17,9 +17,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
 
18
18
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
- var computeScrollIntoView__default = /*#__PURE__*/_interopDefaultCompat(computeScrollIntoView);
21
20
 
22
- var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_gv3a8","container":"tabs__container_gv3a8","fullWidthScroll":"tabs__fullWidthScroll_gv3a8"};
21
+ var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_29zsx","container":"tabs__container_29zsx","fullWidthScroll":"tabs__fullWidthScroll_29zsx"};
23
22
  require('./index.css')
24
23
 
25
24
  /**
@@ -39,7 +38,7 @@ var ScrollableContainer = function (_a) {
39
38
  var _c = React.useState(false), overflown = _c[0], setOverflown = _c[1];
40
39
  React.useEffect(function () {
41
40
  if (activeChild) {
42
- var actions = computeScrollIntoView__default.default(activeChild, {
41
+ var actions = computeScrollIntoView.compute(activeChild, {
43
42
  scrollMode: 'if-needed',
44
43
  block: 'nearest',
45
44
  inline: 'nearest',
@@ -1,4 +1,4 @@
1
- /* hash: 6atnd */
1
+ /* hash: 1pvi8 */
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_gv3a8 {
45
+ } .tabs__scrollableContainerWrapper_29zsx {
46
46
  display: flex;
47
- } .tabs__container_gv3a8 {
47
+ } .tabs__container_29zsx {
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_gv3a8::-webkit-scrollbar {
58
+ } .tabs__container_29zsx::-webkit-scrollbar {
59
59
  display: none;
60
- } .tabs__container_gv3a8 > * {
60
+ } .tabs__container_29zsx > * {
61
61
  flex-shrink: 0;
62
- } .tabs__fullWidthScroll_gv3a8 {
62
+ } .tabs__fullWidthScroll_29zsx {
63
63
  padding-left: 0;
64
64
  margin: var(--gap-2xs-neg) var(--gap-m-neg);
65
65
  }
@@ -6,7 +6,7 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var desktop = require('@alfalab/core-components-tag/desktop');
8
8
  var components_secondaryTablist_Component = require('./Component.js');
9
- var index_module = require('../../index.module-e4f107c7.js');
9
+ var index_module = require('../../index.module-5398ae83.js');
10
10
  require('classnames');
11
11
  require('../../hooks/use-tabs.js');
12
12
  require('@alfalab/core-components-shared');
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var mobile = require('@alfalab/core-components-tag/mobile');
9
9
  var components_secondaryTablist_Component = require('./Component.js');
10
- var index_module = require('../../index.module-e4f107c7.js');
10
+ var index_module = require('../../index.module-5398ae83.js');
11
11
  require('../../hooks/use-tabs.js');
12
12
  require('@alfalab/core-components-shared');
13
13
  require('../scrollable-container/Component.js');
@@ -24,7 +24,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
24
24
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
26
26
 
27
- var mobileStyles = {"title":"tabs__title_1a8it tabs__title_18whg","mobile":"tabs__mobile_1a8it"};
27
+ var mobileStyles = {"title":"tabs__title_vnfc5 tabs__title_11lo8","mobile":"tabs__mobile_vnfc5"};
28
28
  require('./mobile.css')
29
29
 
30
30
  var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);
@@ -20,7 +20,7 @@ require('@alfalab/core-components-icon-button');
20
20
  require('@alfalab/icons-glyph/ChevronLeftMIcon');
21
21
  require('@alfalab/icons-glyph/ChevronRightMIcon');
22
22
  require('../scroll-controls/utils.js');
23
- require('../../index.module-e4f107c7.js');
23
+ require('../../index.module-5398ae83.js');
24
24
  require('@alfalab/core-components-tag/mobile');
25
25
 
26
26
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1,4 +1,4 @@
1
- /* hash: 1owbw */
1
+ /* hash: z83ff */
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_18whg {
53
+ } .tabs__component_11lo8 {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_18whg {
56
+ } .tabs__fullWidthScroll_11lo8 {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_18whg {
58
+ } .tabs__container_11lo8 {
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_18whg {
64
+ } .tabs__title_11lo8 {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_18whg .tabs__title_18whg + .tabs__title_18whg {
66
+ } /* sizes */ .tabs__xxs_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_18whg .tabs__title_18whg + .tabs__title_18whg {
68
+ } .tabs__xs_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_18whg .tabs__title_18whg + .tabs__title_18whg {
70
+ } .tabs__s_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_18whg .tabs__title_18whg + .tabs__title_18whg {
72
+ } .tabs__m_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_18whg .tabs__title_18whg + .tabs__title_18whg {
74
+ } .tabs__l_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_18whg .tabs__title_18whg + .tabs__title_18whg {
76
+ } .tabs__xl_11lo8 .tabs__title_11lo8 + .tabs__title_11lo8 {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }