@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
package/esm/components/primary-tablist/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: 1q408 */
1
+ /* hash: jua93 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-accent: #ef3124;
5
- --color-light-border-link: #0072ef;
6
- --color-light-border-primary: #dcdcdd;
5
+ --color-light-border-link: #2288fa;
6
+ --color-light-border-primary: #d5d6dc;
7
7
  --color-light-text-primary: #0e0e0e;
8
- --color-light-text-secondary: rgba(60, 60, 67, 0.66);
9
- --color-light-text-tertiary: rgba(60, 60, 67, 0.4); /* 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 */
8
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
9
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* 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 */
10
10
  } :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 */
11
11
  } :root {
12
12
  } :root {
@@ -83,11 +83,11 @@
83
83
  /* size l */
84
84
 
85
85
  /* size xl */
86
- } .tabs__component_u6di4 {
86
+ } .tabs__component_voi9o {
87
87
  position: relative;
88
88
  display: inline-flex;
89
89
  min-width: 100%
90
- } .tabs__component_u6di4:before {
90
+ } .tabs__component_voi9o:before {
91
91
  content: '';
92
92
  display: block;
93
93
  position: absolute;
@@ -95,17 +95,17 @@
95
95
  height: 1px;
96
96
  width: 100%;
97
97
  background-color: var(--primary-tablist-bottom-border-color);
98
- } .tabs__fullWidthScroll_u6di4 {
98
+ } .tabs__fullWidthScroll_voi9o {
99
99
  min-width: calc(100% - 2 * var(--gap-m));
100
100
  margin: 0 var(--gap-m);
101
- } .tabs__container_u6di4 {
101
+ } .tabs__container_voi9o {
102
102
  position: relative;
103
103
  overflow: hidden;
104
104
 
105
105
  /* focus-outline fix */
106
106
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
107
107
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
108
- } .tabs__title_u6di4 {
108
+ } .tabs__title_voi9o {
109
109
  display: flex;
110
110
  align-items: center;
111
111
  height: 100%;
@@ -121,78 +121,78 @@
121
121
  -webkit-user-select: none;
122
122
  user-select: none;
123
123
  outline: none
124
- } .tabs__title_u6di4:not(.tabs__disabled_u6di4):hover {
124
+ } .tabs__title_voi9o:not(.tabs__disabled_voi9o):hover {
125
125
  color: var(--primary-tablist-hover-color);
126
- } .tabs__focused_u6di4 {
126
+ } .tabs__focused_voi9o {
127
127
  outline: 2px solid var(--focus-color);
128
128
  outline-offset: 2px;
129
- } .tabs__collapsed_u6di4 {
129
+ } .tabs__collapsed_voi9o {
130
130
  order: 99;
131
131
  visibility: collapse;
132
- } .tabs__selected_u6di4 {
132
+ } .tabs__selected_voi9o {
133
133
  cursor: default;
134
134
  color: var(--primary-tablist-selected-color);
135
- } .tabs__disabled_u6di4 {
135
+ } .tabs__disabled_voi9o {
136
136
  cursor: var(--disabled-cursor);
137
137
  color: var(--primary-tablist-disabled-color);
138
- } .tabs__line_u6di4 {
138
+ } .tabs__line_voi9o {
139
139
  position: absolute;
140
140
  height: 3px;
141
141
  bottom: 0;
142
142
  left: 0;
143
143
  background-color: var(--primary-tablist-line-color);
144
144
  transition: transform 0.2s ease, width 0.2s ease;
145
- } .tabs__option_u6di4 {
145
+ } .tabs__option_voi9o {
146
146
  color: var(--color-light-text-primary);
147
- } /* sizes */ .tabs__s_u6di4 .tabs__title_u6di4, .tabs__xs_u6di4 .tabs__title_u6di4, .tabs__xxs_u6di4 .tabs__title_u6di4 {
147
+ } /* sizes */ .tabs__s_voi9o .tabs__title_voi9o, .tabs__xs_voi9o .tabs__title_voi9o, .tabs__xxs_voi9o .tabs__title_voi9o {
148
148
  padding: var(--primary-tablist-s-padding);
149
149
  font-size: var(--primary-tablist-s-font-size);
150
150
  font-weight: var(--primary-tablist-s-font-weight);
151
151
  font-family: var(--primary-tablist-s-font-family);
152
152
  line-height: 24px;
153
- } .tabs__s_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4, .tabs__xs_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4, .tabs__xxs_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4 {
153
+ } .tabs__s_voi9o .tabs__title_voi9o + .tabs__title_voi9o, .tabs__xs_voi9o .tabs__title_voi9o + .tabs__title_voi9o, .tabs__xxs_voi9o .tabs__title_voi9o + .tabs__title_voi9o {
154
154
  margin-left: var(--primary-tablist-s-gaps);
155
- } .tabs__s_u6di4 .tabs__pickerWrapper_u6di4, .tabs__xs_u6di4 .tabs__pickerWrapper_u6di4, .tabs__xxs_u6di4 .tabs__pickerWrapper_u6di4 {
155
+ } .tabs__s_voi9o .tabs__pickerWrapper_voi9o, .tabs__xs_voi9o .tabs__pickerWrapper_voi9o, .tabs__xxs_voi9o .tabs__pickerWrapper_voi9o {
156
156
  margin-left: var(--primary-tablist-s-gaps);
157
- } .tabs__s_u6di4 .tabs__option_u6di4, .tabs__xs_u6di4 .tabs__option_u6di4, .tabs__xxs_u6di4 .tabs__option_u6di4 {
157
+ } .tabs__s_voi9o .tabs__option_voi9o, .tabs__xs_voi9o .tabs__option_voi9o, .tabs__xxs_voi9o .tabs__option_voi9o {
158
158
  padding: 0;
159
- } .tabs__m_u6di4 .tabs__title_u6di4 {
159
+ } .tabs__m_voi9o .tabs__title_voi9o {
160
160
  padding: var(--primary-tablist-m-padding);
161
161
  font-size: var(--primary-tablist-m-font-size);
162
162
  font-weight: var(--primary-tablist-m-font-weight);
163
163
  font-family: var(--primary-tablist-m-font-family);
164
164
  line-height: 24px;
165
- } .tabs__m_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4 {
165
+ } .tabs__m_voi9o .tabs__title_voi9o + .tabs__title_voi9o {
166
166
  margin-left: var(--primary-tablist-m-gaps);
167
- } .tabs__m_u6di4 .tabs__pickerWrapper_u6di4 {
167
+ } .tabs__m_voi9o .tabs__pickerWrapper_voi9o {
168
168
  margin-left: var(--primary-tablist-m-gaps);
169
- } .tabs__m_u6di4 .tabs__option_u6di4 {
169
+ } .tabs__m_voi9o .tabs__option_voi9o {
170
170
  padding: 0;
171
- } .tabs__l_u6di4 .tabs__title_u6di4 {
171
+ } .tabs__l_voi9o .tabs__title_voi9o {
172
172
  padding: var(--primary-tablist-l-padding);
173
173
  font-size: var(--primary-tablist-l-font-size);
174
174
  font-weight: var(--primary-tablist-l-font-weight);
175
175
  font-family: var(--primary-tablist-l-font-family);
176
176
  line-height: 24px;
177
- } .tabs__l_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4 {
177
+ } .tabs__l_voi9o .tabs__title_voi9o + .tabs__title_voi9o {
178
178
  margin-left: var(--primary-tablist-l-gaps);
179
- } .tabs__l_u6di4 .tabs__pickerWrapper_u6di4 {
179
+ } .tabs__l_voi9o .tabs__pickerWrapper_voi9o {
180
180
  margin-left: var(--primary-tablist-l-gaps);
181
- } .tabs__l_u6di4 .tabs__option_u6di4 {
181
+ } .tabs__l_voi9o .tabs__option_voi9o {
182
182
  padding: 0;
183
- } .tabs__xl_u6di4 .tabs__title_u6di4 {
183
+ } .tabs__xl_voi9o .tabs__title_voi9o {
184
184
  padding: var(--primary-tablist-xl-padding);
185
185
  font-size: var(--primary-tablist-xl-font-size);
186
186
  font-weight: var(--primary-tablist-xl-font-weight);
187
187
  font-family: var(--primary-tablist-xl-font-family);
188
188
  line-height: 32px;
189
- } .tabs__xl_u6di4 .tabs__title_u6di4 + .tabs__title_u6di4 {
189
+ } .tabs__xl_voi9o .tabs__title_voi9o + .tabs__title_voi9o {
190
190
  margin-left: var(--primary-tablist-xl-gaps);
191
- } .tabs__xl_u6di4 .tabs__pickerWrapper_u6di4 {
191
+ } .tabs__xl_voi9o .tabs__pickerWrapper_voi9o {
192
192
  margin-left: var(--primary-tablist-xl-gaps);
193
- } .tabs__xl_u6di4 .tabs__option_u6di4 {
193
+ } .tabs__xl_voi9o .tabs__option_voi9o {
194
194
  padding: 0;
195
- } .tabs__rightAddons_u6di4 {
195
+ } .tabs__rightAddons_voi9o {
196
196
  display: flex;
197
197
  justify-content: center;
198
198
  align-items: center;