@navikt/ds-css 7.39.1 → 8.0.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 (430) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/config/{bundle.darkside.ts → bundle.ts} +42 -36
  3. package/dist/component/accordion.css +136 -170
  4. package/dist/component/accordion.min.css +1 -1
  5. package/dist/component/actionmenu.css +148 -190
  6. package/dist/component/actionmenu.min.css +1 -1
  7. package/dist/component/alert.css +135 -301
  8. package/dist/component/alert.min.css +1 -1
  9. package/dist/component/button.css +172 -485
  10. package/dist/component/button.min.css +1 -3
  11. package/dist/component/chat.css +88 -98
  12. package/dist/component/chat.min.css +1 -1
  13. package/dist/component/chips.css +116 -201
  14. package/dist/component/chips.min.css +1 -1
  15. package/dist/component/copybutton.css +18 -220
  16. package/dist/component/copybutton.min.css +1 -1
  17. package/dist/component/date.css +218 -283
  18. package/dist/component/date.min.css +1 -1
  19. package/dist/component/dialog.css +159 -184
  20. package/dist/component/dialog.min.css +1 -1
  21. package/dist/component/dropdown.css +70 -75
  22. package/dist/component/dropdown.min.css +1 -1
  23. package/dist/component/expansioncard.css +135 -209
  24. package/dist/component/expansioncard.min.css +1 -3
  25. package/dist/component/form.css +1746 -1841
  26. package/dist/component/form.min.css +1 -3
  27. package/dist/component/guidepanel.css +96 -71
  28. package/dist/component/guidepanel.min.css +1 -1
  29. package/dist/component/helptext.css +42 -70
  30. package/dist/component/helptext.min.css +1 -1
  31. package/dist/component/inlinemessage.css +13 -37
  32. package/dist/component/inlinemessage.min.css +1 -1
  33. package/dist/component/internalheader.css +86 -87
  34. package/dist/component/internalheader.min.css +1 -1
  35. package/dist/component/link.css +44 -66
  36. package/dist/component/link.min.css +1 -1
  37. package/dist/component/linkanchor.css +44 -41
  38. package/dist/component/linkanchor.min.css +1 -1
  39. package/dist/component/linkcard.css +128 -127
  40. package/dist/component/linkcard.min.css +1 -1
  41. package/dist/component/linkpanel.css +33 -38
  42. package/dist/component/linkpanel.min.css +1 -1
  43. package/dist/component/list.css +59 -70
  44. package/dist/component/list.min.css +1 -1
  45. package/dist/component/loader.css +90 -99
  46. package/dist/component/loader.min.css +1 -1
  47. package/dist/component/modal.css +172 -182
  48. package/dist/component/modal.min.css +1 -1
  49. package/dist/component/pagination.css +32 -63
  50. package/dist/component/pagination.min.css +1 -1
  51. package/dist/component/panel.css +14 -8
  52. package/dist/component/panel.min.css +1 -1
  53. package/dist/component/popover.css +20 -77
  54. package/dist/component/popover.min.css +1 -1
  55. package/dist/component/primitives.css +1048 -1094
  56. package/dist/component/primitives.min.css +1 -1
  57. package/dist/component/process.css +136 -140
  58. package/dist/component/process.min.css +1 -1
  59. package/dist/component/progressbar.css +90 -89
  60. package/dist/component/progressbar.min.css +1 -1
  61. package/dist/component/readmore.css +78 -75
  62. package/dist/component/readmore.min.css +1 -1
  63. package/dist/component/skeleton.css +53 -50
  64. package/dist/component/skeleton.min.css +1 -1
  65. package/dist/component/stepper.css +186 -271
  66. package/dist/component/stepper.min.css +1 -1
  67. package/dist/component/table.css +224 -297
  68. package/dist/component/table.min.css +1 -1
  69. package/dist/component/tabs.css +113 -125
  70. package/dist/component/tabs.min.css +1 -1
  71. package/dist/component/tag.css +68 -187
  72. package/dist/component/tag.min.css +1 -1
  73. package/dist/component/theme.css +13 -0
  74. package/dist/component/theme.min.css +1 -0
  75. package/dist/component/timeline.css +223 -394
  76. package/dist/component/timeline.min.css +1 -1
  77. package/dist/component/togglegroup.css +87 -157
  78. package/dist/component/togglegroup.min.css +1 -1
  79. package/dist/component/tooltip.css +113 -62
  80. package/dist/component/tooltip.min.css +1 -1
  81. package/dist/component/typography.css +228 -217
  82. package/dist/component/typography.min.css +1 -1
  83. package/dist/components.css +6228 -8577
  84. package/dist/components.min.css +1 -7
  85. package/dist/global/baseline.css +47 -133
  86. package/dist/global/baseline.min.css +1 -1
  87. package/dist/global/fonts.css +112 -116
  88. package/dist/global/fonts.min.css +1 -1
  89. package/dist/global/print.css +54 -73
  90. package/dist/global/print.min.css +1 -1
  91. package/dist/global/reset.css +95 -294
  92. package/dist/global/reset.min.css +1 -1
  93. package/dist/global/tokens.css +862 -336
  94. package/dist/global/tokens.min.css +1 -1
  95. package/dist/index.css +7341 -9509
  96. package/dist/index.min.css +1 -9
  97. package/package.json +5 -16
  98. package/src/README.md +23 -0
  99. package/{darkside/action-menu.darkside.css → src/action-menu.css} +2 -2
  100. package/{darkside/baseline/baseline.darkside.css → src/baseline/baseline.css} +11 -0
  101. package/{darkside/baseline/fonts.darkside.css → src/baseline/fonts.css} +0 -0
  102. package/src/baseline/tokens.css +1 -0
  103. package/{darkside/button.darkside.css → src/button.css} +33 -10
  104. package/{darkside/form/combobox.darkside.css → src/form/combobox.css} +1 -1
  105. package/{darkside/form/file-upload.darkside.css → src/form/file-upload.css} +17 -7
  106. package/src/form/index.css +14 -0
  107. package/{darkside/form/search.darkside.css → src/form/search.css} +2 -2
  108. package/src/index.css +64 -0
  109. package/{darkside/link-card.darkside.css → src/link-card.css} +2 -2
  110. package/{darkside/link.darkside.css → src/link.css} +0 -4
  111. package/{darkside/modal.darkside.css → src/modal.css} +2 -3
  112. package/src/primitives/index.css +7 -0
  113. package/{darkside/progress-bar.darkside.css → src/progress-bar.css} +5 -6
  114. package/{darkside/table.darkside.css → src/table.css} +4 -4
  115. package/{darkside/theme.darkside.css → src/theme.css} +0 -8
  116. package/{darkside/typography.darkside.css → src/typography.css} +8 -0
  117. package/accordion.css +0 -198
  118. package/action-menu.css +0 -227
  119. package/alert.css +0 -380
  120. package/baseline/_inline-reset.css +0 -54
  121. package/baseline/_utilities.css +0 -62
  122. package/baseline/baseline.css +0 -27
  123. package/baseline/fonts.css +0 -129
  124. package/baseline/index.css +0 -5
  125. package/baseline/reset.css +0 -294
  126. package/baseline/tokens.css +0 -1
  127. package/button.css +0 -548
  128. package/chat.css +0 -117
  129. package/chips.css +0 -234
  130. package/config/tests/bundle.test.ts +0 -51
  131. package/copybutton.css +0 -226
  132. package/darkside/README.md +0 -25
  133. package/darkside/baseline/print.darkside.css +0 -75
  134. package/darkside/baseline/tokens.darkside.css +0 -1
  135. package/darkside/form/index.css +0 -14
  136. package/darkside/index.css +0 -64
  137. package/darkside/primitives/index.css +0 -7
  138. package/date.css +0 -334
  139. package/dialog.css +0 -253
  140. package/dist/darkside/component/accordion.css +0 -164
  141. package/dist/darkside/component/accordion.min.css +0 -1
  142. package/dist/darkside/component/actionmenu.css +0 -182
  143. package/dist/darkside/component/actionmenu.min.css +0 -1
  144. package/dist/darkside/component/alert.css +0 -181
  145. package/dist/darkside/component/alert.min.css +0 -1
  146. package/dist/darkside/component/button.css +0 -208
  147. package/dist/darkside/component/button.min.css +0 -1
  148. package/dist/darkside/component/chat.css +0 -103
  149. package/dist/darkside/component/chat.min.css +0 -1
  150. package/dist/darkside/component/chips.css +0 -146
  151. package/dist/darkside/component/chips.min.css +0 -1
  152. package/dist/darkside/component/copybutton.css +0 -23
  153. package/dist/darkside/component/copybutton.min.css +0 -1
  154. package/dist/darkside/component/date.css +0 -268
  155. package/dist/darkside/component/date.min.css +0 -1
  156. package/dist/darkside/component/dialog.css +0 -232
  157. package/dist/darkside/component/dialog.min.css +0 -1
  158. package/dist/darkside/component/dropdown.css +0 -82
  159. package/dist/darkside/component/dropdown.min.css +0 -1
  160. package/dist/darkside/component/expansioncard.css +0 -164
  161. package/dist/darkside/component/expansioncard.min.css +0 -1
  162. package/dist/darkside/component/form.css +0 -1875
  163. package/dist/darkside/component/form.min.css +0 -1
  164. package/dist/darkside/component/guidepanel.css +0 -117
  165. package/dist/darkside/component/guidepanel.min.css +0 -1
  166. package/dist/darkside/component/helptext.css +0 -53
  167. package/dist/darkside/component/helptext.min.css +0 -1
  168. package/dist/darkside/component/inlinemessage.css +0 -17
  169. package/dist/darkside/component/inlinemessage.min.css +0 -1
  170. package/dist/darkside/component/internalheader.css +0 -100
  171. package/dist/darkside/component/internalheader.min.css +0 -1
  172. package/dist/darkside/component/link.css +0 -57
  173. package/dist/darkside/component/link.min.css +0 -1
  174. package/dist/darkside/component/linkanchor.css +0 -52
  175. package/dist/darkside/component/linkanchor.min.css +0 -1
  176. package/dist/darkside/component/linkcard.css +0 -124
  177. package/dist/darkside/component/linkcard.min.css +0 -1
  178. package/dist/darkside/component/linkpanel.css +0 -38
  179. package/dist/darkside/component/linkpanel.min.css +0 -1
  180. package/dist/darkside/component/list.css +0 -75
  181. package/dist/darkside/component/list.min.css +0 -1
  182. package/dist/darkside/component/loader.css +0 -107
  183. package/dist/darkside/component/loader.min.css +0 -1
  184. package/dist/darkside/component/modal.css +0 -188
  185. package/dist/darkside/component/modal.min.css +0 -1
  186. package/dist/darkside/component/pagination.css +0 -38
  187. package/dist/darkside/component/pagination.min.css +0 -1
  188. package/dist/darkside/component/panel.css +0 -12
  189. package/dist/darkside/component/panel.min.css +0 -1
  190. package/dist/darkside/component/popover.css +0 -24
  191. package/dist/darkside/component/popover.min.css +0 -1
  192. package/dist/darkside/component/primitives.css +0 -1293
  193. package/dist/darkside/component/primitives.min.css +0 -1
  194. package/dist/darkside/component/process.css +0 -192
  195. package/dist/darkside/component/process.min.css +0 -1
  196. package/dist/darkside/component/progressbar.css +0 -106
  197. package/dist/darkside/component/progressbar.min.css +0 -1
  198. package/dist/darkside/component/readmore.css +0 -94
  199. package/dist/darkside/component/readmore.min.css +0 -1
  200. package/dist/darkside/component/skeleton.css +0 -66
  201. package/dist/darkside/component/skeleton.min.css +0 -1
  202. package/dist/darkside/component/stepper.css +0 -226
  203. package/dist/darkside/component/stepper.min.css +0 -1
  204. package/dist/darkside/component/table.css +0 -289
  205. package/dist/darkside/component/table.min.css +0 -1
  206. package/dist/darkside/component/tabs.css +0 -138
  207. package/dist/darkside/component/tabs.min.css +0 -1
  208. package/dist/darkside/component/tag.css +0 -77
  209. package/dist/darkside/component/tag.min.css +0 -1
  210. package/dist/darkside/component/theme.css +0 -17
  211. package/dist/darkside/component/theme.min.css +0 -1
  212. package/dist/darkside/component/timeline.css +0 -275
  213. package/dist/darkside/component/timeline.min.css +0 -1
  214. package/dist/darkside/component/togglegroup.css +0 -107
  215. package/dist/darkside/component/togglegroup.min.css +0 -1
  216. package/dist/darkside/component/tooltip.css +0 -128
  217. package/dist/darkside/component/tooltip.min.css +0 -1
  218. package/dist/darkside/component/typography.css +0 -273
  219. package/dist/darkside/component/typography.min.css +0 -1
  220. package/dist/darkside/components.css +0 -7876
  221. package/dist/darkside/components.min.css +0 -1
  222. package/dist/darkside/global/baseline.css +0 -43
  223. package/dist/darkside/global/baseline.min.css +0 -1
  224. package/dist/darkside/global/fonts.css +0 -109
  225. package/dist/darkside/global/fonts.min.css +0 -1
  226. package/dist/darkside/global/print.css +0 -52
  227. package/dist/darkside/global/print.min.css +0 -1
  228. package/dist/darkside/global/reset.css +0 -93
  229. package/dist/darkside/global/reset.min.css +0 -1
  230. package/dist/darkside/global/tokens.css +0 -864
  231. package/dist/darkside/global/tokens.min.css +0 -1
  232. package/dist/darkside/index.css +0 -9040
  233. package/dist/darkside/index.min.css +0 -1
  234. package/dist/darkside/version/7.39.1/component/accordion.css +0 -164
  235. package/dist/darkside/version/7.39.1/component/accordion.min.css +0 -1
  236. package/dist/darkside/version/7.39.1/component/actionmenu.css +0 -182
  237. package/dist/darkside/version/7.39.1/component/actionmenu.min.css +0 -1
  238. package/dist/darkside/version/7.39.1/component/alert.css +0 -181
  239. package/dist/darkside/version/7.39.1/component/alert.min.css +0 -1
  240. package/dist/darkside/version/7.39.1/component/button.css +0 -208
  241. package/dist/darkside/version/7.39.1/component/button.min.css +0 -1
  242. package/dist/darkside/version/7.39.1/component/chat.css +0 -103
  243. package/dist/darkside/version/7.39.1/component/chat.min.css +0 -1
  244. package/dist/darkside/version/7.39.1/component/chips.css +0 -146
  245. package/dist/darkside/version/7.39.1/component/chips.min.css +0 -1
  246. package/dist/darkside/version/7.39.1/component/copybutton.css +0 -23
  247. package/dist/darkside/version/7.39.1/component/copybutton.min.css +0 -1
  248. package/dist/darkside/version/7.39.1/component/date.css +0 -268
  249. package/dist/darkside/version/7.39.1/component/date.min.css +0 -1
  250. package/dist/darkside/version/7.39.1/component/dialog.css +0 -232
  251. package/dist/darkside/version/7.39.1/component/dialog.min.css +0 -1
  252. package/dist/darkside/version/7.39.1/component/dropdown.css +0 -82
  253. package/dist/darkside/version/7.39.1/component/dropdown.min.css +0 -1
  254. package/dist/darkside/version/7.39.1/component/expansioncard.css +0 -164
  255. package/dist/darkside/version/7.39.1/component/expansioncard.min.css +0 -1
  256. package/dist/darkside/version/7.39.1/component/form.css +0 -1875
  257. package/dist/darkside/version/7.39.1/component/form.min.css +0 -1
  258. package/dist/darkside/version/7.39.1/component/guidepanel.css +0 -117
  259. package/dist/darkside/version/7.39.1/component/guidepanel.min.css +0 -1
  260. package/dist/darkside/version/7.39.1/component/helptext.css +0 -53
  261. package/dist/darkside/version/7.39.1/component/helptext.min.css +0 -1
  262. package/dist/darkside/version/7.39.1/component/inlinemessage.css +0 -17
  263. package/dist/darkside/version/7.39.1/component/inlinemessage.min.css +0 -1
  264. package/dist/darkside/version/7.39.1/component/internalheader.css +0 -100
  265. package/dist/darkside/version/7.39.1/component/internalheader.min.css +0 -1
  266. package/dist/darkside/version/7.39.1/component/link.css +0 -57
  267. package/dist/darkside/version/7.39.1/component/link.min.css +0 -1
  268. package/dist/darkside/version/7.39.1/component/linkanchor.css +0 -52
  269. package/dist/darkside/version/7.39.1/component/linkanchor.min.css +0 -1
  270. package/dist/darkside/version/7.39.1/component/linkcard.css +0 -124
  271. package/dist/darkside/version/7.39.1/component/linkcard.min.css +0 -1
  272. package/dist/darkside/version/7.39.1/component/linkpanel.css +0 -38
  273. package/dist/darkside/version/7.39.1/component/linkpanel.min.css +0 -1
  274. package/dist/darkside/version/7.39.1/component/list.css +0 -75
  275. package/dist/darkside/version/7.39.1/component/list.min.css +0 -1
  276. package/dist/darkside/version/7.39.1/component/loader.css +0 -107
  277. package/dist/darkside/version/7.39.1/component/loader.min.css +0 -1
  278. package/dist/darkside/version/7.39.1/component/modal.css +0 -188
  279. package/dist/darkside/version/7.39.1/component/modal.min.css +0 -1
  280. package/dist/darkside/version/7.39.1/component/pagination.css +0 -38
  281. package/dist/darkside/version/7.39.1/component/pagination.min.css +0 -1
  282. package/dist/darkside/version/7.39.1/component/panel.css +0 -12
  283. package/dist/darkside/version/7.39.1/component/panel.min.css +0 -1
  284. package/dist/darkside/version/7.39.1/component/popover.css +0 -24
  285. package/dist/darkside/version/7.39.1/component/popover.min.css +0 -1
  286. package/dist/darkside/version/7.39.1/component/primitives.css +0 -1293
  287. package/dist/darkside/version/7.39.1/component/primitives.min.css +0 -1
  288. package/dist/darkside/version/7.39.1/component/process.css +0 -192
  289. package/dist/darkside/version/7.39.1/component/process.min.css +0 -1
  290. package/dist/darkside/version/7.39.1/component/progressbar.css +0 -106
  291. package/dist/darkside/version/7.39.1/component/progressbar.min.css +0 -1
  292. package/dist/darkside/version/7.39.1/component/readmore.css +0 -94
  293. package/dist/darkside/version/7.39.1/component/readmore.min.css +0 -1
  294. package/dist/darkside/version/7.39.1/component/skeleton.css +0 -66
  295. package/dist/darkside/version/7.39.1/component/skeleton.min.css +0 -1
  296. package/dist/darkside/version/7.39.1/component/stepper.css +0 -226
  297. package/dist/darkside/version/7.39.1/component/stepper.min.css +0 -1
  298. package/dist/darkside/version/7.39.1/component/table.css +0 -289
  299. package/dist/darkside/version/7.39.1/component/table.min.css +0 -1
  300. package/dist/darkside/version/7.39.1/component/tabs.css +0 -138
  301. package/dist/darkside/version/7.39.1/component/tabs.min.css +0 -1
  302. package/dist/darkside/version/7.39.1/component/tag.css +0 -77
  303. package/dist/darkside/version/7.39.1/component/tag.min.css +0 -1
  304. package/dist/darkside/version/7.39.1/component/theme.css +0 -17
  305. package/dist/darkside/version/7.39.1/component/theme.min.css +0 -1
  306. package/dist/darkside/version/7.39.1/component/timeline.css +0 -275
  307. package/dist/darkside/version/7.39.1/component/timeline.min.css +0 -1
  308. package/dist/darkside/version/7.39.1/component/togglegroup.css +0 -107
  309. package/dist/darkside/version/7.39.1/component/togglegroup.min.css +0 -1
  310. package/dist/darkside/version/7.39.1/component/tooltip.css +0 -128
  311. package/dist/darkside/version/7.39.1/component/tooltip.min.css +0 -1
  312. package/dist/darkside/version/7.39.1/component/typography.css +0 -273
  313. package/dist/darkside/version/7.39.1/component/typography.min.css +0 -1
  314. package/dist/darkside/version/7.39.1/components.css +0 -7876
  315. package/dist/darkside/version/7.39.1/components.min.css +0 -1
  316. package/dist/darkside/version/7.39.1/global/baseline.css +0 -43
  317. package/dist/darkside/version/7.39.1/global/baseline.min.css +0 -1
  318. package/dist/darkside/version/7.39.1/global/fonts.css +0 -109
  319. package/dist/darkside/version/7.39.1/global/fonts.min.css +0 -1
  320. package/dist/darkside/version/7.39.1/global/print.css +0 -52
  321. package/dist/darkside/version/7.39.1/global/print.min.css +0 -1
  322. package/dist/darkside/version/7.39.1/global/reset.css +0 -93
  323. package/dist/darkside/version/7.39.1/global/reset.min.css +0 -1
  324. package/dist/darkside/version/7.39.1/global/tokens.css +0 -864
  325. package/dist/darkside/version/7.39.1/global/tokens.min.css +0 -1
  326. package/dist/darkside/version/7.39.1/index.css +0 -9040
  327. package/dist/darkside/version/7.39.1/index.min.css +0 -1
  328. package/dropdown.css +0 -91
  329. package/expansioncard.css +0 -239
  330. package/form/combobox.css +0 -431
  331. package/form/confirmation-panel.css +0 -53
  332. package/form/error-summary.css +0 -55
  333. package/form/fieldset.css +0 -51
  334. package/form/file-upload.css +0 -224
  335. package/form/form-progress.css +0 -53
  336. package/form/form-summary.css +0 -90
  337. package/form/form.css +0 -52
  338. package/form/index.css +0 -17
  339. package/form/radio-checkbox.css +0 -397
  340. package/form/search.css +0 -228
  341. package/form/select.css +0 -113
  342. package/form/switch.css +0 -304
  343. package/form/text-field.css +0 -113
  344. package/form/textarea.css +0 -143
  345. package/guide-panel.css +0 -96
  346. package/help-text.css +0 -85
  347. package/index.css +0 -42
  348. package/inline-message.css +0 -45
  349. package/internalheader.css +0 -105
  350. package/link-anchor.css +0 -53
  351. package/link-card.css +0 -127
  352. package/link-panel.css +0 -47
  353. package/link.css +0 -79
  354. package/list.css +0 -88
  355. package/loader.css +0 -120
  356. package/modal.css +0 -228
  357. package/pagination.css +0 -73
  358. package/panel.css +0 -10
  359. package/popover.css +0 -84
  360. package/primitives/base.css +0 -809
  361. package/primitives/bleed.css +0 -103
  362. package/primitives/box.css +0 -66
  363. package/primitives/hgrid.css +0 -80
  364. package/primitives/index.css +0 -7
  365. package/primitives/page.css +0 -62
  366. package/primitives/responsive.css +0 -59
  367. package/primitives/stack.css +0 -155
  368. package/process.css +0 -201
  369. package/progress-bar.css +0 -108
  370. package/read-more.css +0 -95
  371. package/skeleton.css +0 -67
  372. package/stepper.css +0 -312
  373. package/table.css +0 -366
  374. package/tabs.css +0 -154
  375. package/tag.css +0 -200
  376. package/timeline.css +0 -450
  377. package/toggle-group.css +0 -181
  378. package/tokens.json +0 -485
  379. package/tooltip.css +0 -81
  380. package/typography.css +0 -268
  381. package/vitest.config.ts +0 -5
  382. /package/{darkside/accordion.darkside.css → src/accordion.css} +0 -0
  383. /package/{darkside/alert.darkside.css → src/alert.css} +0 -0
  384. /package/{baseline → src/baseline}/print.css +0 -0
  385. /package/{darkside/baseline/reset.darkside.css → src/baseline/reset.css} +0 -0
  386. /package/{darkside/chat.darkside.css → src/chat.css} +0 -0
  387. /package/{darkside/chips.darkside.css → src/chips.css} +0 -0
  388. /package/{darkside/copybutton.darkside.css → src/copybutton.css} +0 -0
  389. /package/{darkside/date.darkside.css → src/date.css} +0 -0
  390. /package/{darkside/dialog.darkside.css → src/dialog.css} +0 -0
  391. /package/{darkside/dropdown.darkside.css → src/dropdown.css} +0 -0
  392. /package/{darkside/expansioncard.darkside.css → src/expansioncard.css} +0 -0
  393. /package/{darkside/form/confirmation-panel.darkside.css → src/form/confirmation-panel.css} +0 -0
  394. /package/{darkside/form/error-summary.darkside.css → src/form/error-summary.css} +0 -0
  395. /package/{darkside/form/fieldset.darkside.css → src/form/fieldset.css} +0 -0
  396. /package/{darkside/form/form-progress.darkside.css → src/form/form-progress.css} +0 -0
  397. /package/{darkside/form/form-summary.darkside.css → src/form/form-summary.css} +0 -0
  398. /package/{darkside/form/form.darkside.css → src/form/form.css} +0 -0
  399. /package/{darkside/form/radio-checkbox.darkside.css → src/form/radio-checkbox.css} +0 -0
  400. /package/{darkside/form/select.darkside.css → src/form/select.css} +0 -0
  401. /package/{darkside/form/switch.darkside.css → src/form/switch.css} +0 -0
  402. /package/{darkside/form/text-field.darkside.css → src/form/text-field.css} +0 -0
  403. /package/{darkside/form/textarea.darkside.css → src/form/textarea.css} +0 -0
  404. /package/{darkside/guide-panel.darkside.css → src/guide-panel.css} +0 -0
  405. /package/{darkside/help-text.darkside.css → src/help-text.css} +0 -0
  406. /package/{darkside/inline-message.darkside.css → src/inline-message.css} +0 -0
  407. /package/{darkside/internalheader.darkside.css → src/internalheader.css} +0 -0
  408. /package/{darkside/link-anchor.darkside.css → src/link-anchor.css} +0 -0
  409. /package/{darkside/link-panel.darkside.css → src/link-panel.css} +0 -0
  410. /package/{darkside/list.darkside.css → src/list.css} +0 -0
  411. /package/{darkside/loader.darkside.css → src/loader.css} +0 -0
  412. /package/{darkside/pagination.darkside.css → src/pagination.css} +0 -0
  413. /package/{darkside/panel.darkside.css → src/panel.css} +0 -0
  414. /package/{darkside/popover.darkside.css → src/popover.css} +0 -0
  415. /package/{darkside/primitives/base.darkside.css → src/primitives/base.css} +0 -0
  416. /package/{darkside/primitives/bleed.darkside.css → src/primitives/bleed.css} +0 -0
  417. /package/{darkside/primitives/box.darkside.css → src/primitives/box.css} +0 -0
  418. /package/{darkside/primitives/hgrid.darkside.css → src/primitives/hgrid.css} +0 -0
  419. /package/{darkside/primitives/page.darkside.css → src/primitives/page.css} +0 -0
  420. /package/{darkside/primitives/responsive.darkside.css → src/primitives/responsive.css} +0 -0
  421. /package/{darkside/primitives/stack.darkside.css → src/primitives/stack.css} +0 -0
  422. /package/{darkside/process.darkside.css → src/process.css} +0 -0
  423. /package/{darkside/read-more.darkside.css → src/read-more.css} +0 -0
  424. /package/{darkside/skeleton.darkside.css → src/skeleton.css} +0 -0
  425. /package/{darkside/stepper.darkside.css → src/stepper.css} +0 -0
  426. /package/{darkside/tabs.darkside.css → src/tabs.css} +0 -0
  427. /package/{darkside/tag.darkside.css → src/tag.css} +0 -0
  428. /package/{darkside/timeline.darkside.css → src/timeline.css} +0 -0
  429. /package/{darkside/toggle-group.darkside.css → src/toggle-group.css} +0 -0
  430. /package/{darkside/tooltip.darkside.css → src/tooltip.css} +0 -0
@@ -1 +0,0 @@
1
- @layer aksel.layout{.aksel-r-p{--__axc-r-p-xs: initial;--__axc-r-p-sm: var(--__axc-r-p-xs);--__axc-r-p-md: var(--__axc-r-p-sm);--__axc-r-p-lg: var(--__axc-r-p-md);--__axc-r-p-xl: var(--__axc-r-p-lg);--__axc-r-p-2xl: var(--__axc-r-p-xl);--__axc-r-padding: var(--__axc-r-p-xs);padding:var(--__axc-r-padding)}.aksel-r-pi{--__axc-r-pi-xs: initial;--__axc-r-pi-sm: var(--__axc-r-pi-xs);--__axc-r-pi-md: var(--__axc-r-pi-sm);--__axc-r-pi-lg: var(--__axc-r-pi-md);--__axc-r-pi-xl: var(--__axc-r-pi-lg);--__axc-r-pi-2xl: var(--__axc-r-pi-xl);--__axc-r-pi: var(--__axc-r-pi-xs);padding-inline:var(--__axc-r-pi, var(--__axc-r-padding))}.aksel-r-pb{--__axc-r-pb-xs: initial;--__axc-r-pb-sm: var(--__axc-r-pb-xs);--__axc-r-pb-md: var(--__axc-r-pb-sm);--__axc-r-pb-lg: var(--__axc-r-pb-md);--__axc-r-pb-xl: var(--__axc-r-pb-lg);--__axc-r-pb-2xl: var(--__axc-r-pb-xl);--__axc-r-pb: var(--__axc-r-pb-xs);padding-block:var(--__axc-r-pb, var(--__axc-r-padding))}.aksel-r-m{--__axc-r-m-xs: initial;--__axc-r-m-sm: var(--__axc-r-m-xs);--__axc-r-m-md: var(--__axc-r-m-sm);--__axc-r-m-lg: var(--__axc-r-m-md);--__axc-r-m-xl: var(--__axc-r-m-lg);--__axc-r-m-2xl: var(--__axc-r-m-xl);--__axc-r-margin: var(--__axc-r-m-xs);margin:var(--__axc-r-margin)}.aksel-r-mi{--__axc-r-mi-xs: initial;--__axc-r-mi-sm: var(--__axc-r-mi-xs);--__axc-r-mi-md: var(--__axc-r-mi-sm);--__axc-r-mi-lg: var(--__axc-r-mi-md);--__axc-r-mi-xl: var(--__axc-r-mi-lg);--__axc-r-mi-2xl: var(--__axc-r-mi-xl);--__axc-r-mi: var(--__axc-r-mi-xs);margin-inline:var(--__axc-r-mi, var(--__axc-r-margin))}.aksel-r-mb{--__axc-r-mb-xs: initial;--__axc-r-mb-sm: var(--__axc-r-mb-xs);--__axc-r-mb-md: var(--__axc-r-mb-sm);--__axc-r-mb-lg: var(--__axc-r-mb-md);--__axc-r-mb-xl: var(--__axc-r-mb-lg);--__axc-r-mb-2xl: var(--__axc-r-mb-xl);--__axc-r-mb: var(--__axc-r-mb-xs);margin-block:var(--__axc-r-mb, var(--__axc-r-margin))}.aksel-r-w{--__axc-r-w-xs: initial;--__axc-r-w-sm: var(--__axc-r-w-xs);--__axc-r-w-md: var(--__axc-r-w-sm);--__axc-r-w-lg: var(--__axc-r-w-md);--__axc-r-w-xl: var(--__axc-r-w-lg);--__axc-r-w-2xl: var(--__axc-r-w-xl);--__axc-r-w: var(--__axc-r-w-xs);width:var(--__axc-r-w)}.aksel-r-minw{--__axc-r-minw-xs: initial;--__axc-r-minw-sm: var(--__axc-r-minw-xs);--__axc-r-minw-md: var(--__axc-r-minw-sm);--__axc-r-minw-lg: var(--__axc-r-minw-md);--__axc-r-minw-xl: var(--__axc-r-minw-lg);--__axc-r-minw-2xl: var(--__axc-r-minw-xl);--__axc-r-minw: var(--__axc-r-minw-xs);min-width:var(--__axc-r-minw)}.aksel-r-maxw{--__axc-r-maxw-xs: initial;--__axc-r-maxw-sm: var(--__axc-r-maxw-xs);--__axc-r-maxw-md: var(--__axc-r-maxw-sm);--__axc-r-maxw-lg: var(--__axc-r-maxw-md);--__axc-r-maxw-xl: var(--__axc-r-maxw-lg);--__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);--__axc-r-maxw: var(--__axc-r-maxw-xs);max-width:var(--__axc-r-maxw)}.aksel-r-h{--__axc-r-h-xs: initial;--__axc-r-h-sm: var(--__axc-r-h-xs);--__axc-r-h-md: var(--__axc-r-h-sm);--__axc-r-h-lg: var(--__axc-r-h-md);--__axc-r-h-xl: var(--__axc-r-h-lg);--__axc-r-h-2xl: var(--__axc-r-h-xl);--__axc-r-h: var(--__axc-r-h-xs);height:var(--__axc-r-h)}.aksel-r-minh{--__axc-r-minh-xs: initial;--__axc-r-minh-sm: var(--__axc-r-minh-xs);--__axc-r-minh-md: var(--__axc-r-minh-sm);--__axc-r-minh-lg: var(--__axc-r-minh-md);--__axc-r-minh-xl: var(--__axc-r-minh-lg);--__axc-r-minh-2xl: var(--__axc-r-minh-xl);--__axc-r-minh: var(--__axc-r-minh-xs);min-height:var(--__axc-r-minh)}.aksel-r-maxh{--__axc-r-maxh-xs: initial;--__axc-r-maxh-sm: var(--__axc-r-maxh-xs);--__axc-r-maxh-md: var(--__axc-r-maxh-sm);--__axc-r-maxh-lg: var(--__axc-r-maxh-md);--__axc-r-maxh-xl: var(--__axc-r-maxh-lg);--__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);--__axc-r-maxh: var(--__axc-r-maxh-xs);max-height:var(--__axc-r-maxh)}.aksel-r-position{--__axc-r-position-xs: initial;--__axc-r-position-sm: var(--__axc-r-position-xs);--__axc-r-position-md: var(--__axc-r-position-sm);--__axc-r-position-lg: var(--__axc-r-position-md);--__axc-r-position-xl: var(--__axc-r-position-lg);--__axc-r-position-2xl: var(--__axc-r-position-xl);--__axc-r-position: var(--__axc-r-position-xs);position:var(--__axc-r-position)}.aksel-r-inset{--__axc-r-inset-xs: initial;--__axc-r-inset-sm: var(--__axc-r-inset-xs);--__axc-r-inset-md: var(--__axc-r-inset-sm);--__axc-r-inset-lg: var(--__axc-r-inset-md);--__axc-r-inset-xl: var(--__axc-r-inset-lg);--__axc-r-inset-2xl: var(--__axc-r-inset-xl);--__axc-r-inset: var(--__axc-r-inset-xs);inset:var(--__axc-r-inset)}.aksel-r-top{--__axc-r-top-xs: initial;--__axc-r-top-sm: var(--__axc-r-top-xs);--__axc-r-top-md: var(--__axc-r-top-sm);--__axc-r-top-lg: var(--__axc-r-top-md);--__axc-r-top-xl: var(--__axc-r-top-lg);--__axc-r-top-2xl: var(--__axc-r-top-xl);--__axc-r-top: var(--__axc-r-top-xs);top:var(--__axc-r-top)}.aksel-r-right{--__axc-r-right-xs: initial;--__axc-r-right-sm: var(--__axc-r-right-xs);--__axc-r-right-md: var(--__axc-r-right-sm);--__axc-r-right-lg: var(--__axc-r-right-md);--__axc-r-right-xl: var(--__axc-r-right-lg);--__axc-r-right-2xl: var(--__axc-r-right-xl);--__axc-r-right: var(--__axc-r-right-xs);right:var(--__axc-r-right)}.aksel-r-bottom{--__axc-r-bottom-xs: initial;--__axc-r-bottom-sm: var(--__axc-r-bottom-xs);--__axc-r-bottom-md: var(--__axc-r-bottom-sm);--__axc-r-bottom-lg: var(--__axc-r-bottom-md);--__axc-r-bottom-xl: var(--__axc-r-bottom-lg);--__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);--__axc-r-bottom: var(--__axc-r-bottom-xs);bottom:var(--__axc-r-bottom)}.aksel-r-left{--__axc-r-left-xs: initial;--__axc-r-left-sm: var(--__axc-r-left-xs);--__axc-r-left-md: var(--__axc-r-left-sm);--__axc-r-left-lg: var(--__axc-r-left-md);--__axc-r-left-xl: var(--__axc-r-left-lg);--__axc-r-left-2xl: var(--__axc-r-left-xl);--__axc-r-left: var(--__axc-r-left-xs);left:var(--__axc-r-left)}.aksel-r-overflow{--__axc-r-overflow-xs: initial;--__axc-r-overflow-sm: var(--__axc-r-overflow-xs);--__axc-r-overflow-md: var(--__axc-r-overflow-sm);--__axc-r-overflow-lg: var(--__axc-r-overflow-md);--__axc-r-overflow-xl: var(--__axc-r-overflow-lg);--__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);--__axc-r-overflow: var(--__axc-r-overflow-xs);overflow:var(--__axc-r-overflow)}.aksel-r-overflowx{--__axc-r-overflowx-xs: initial;--__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);--__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);--__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);--__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);--__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);--__axc-r-overflowx: var(--__axc-r-overflowx-xs);overflow-x:var(--__axc-r-overflowx)}.aksel-r-overflowy{--__axc-r-overflowy-xs: initial;--__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);--__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);--__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);--__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);--__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);--__axc-r-overflowy: var(--__axc-r-overflowy-xs);overflow-y:var(--__axc-r-overflowy)}.aksel-r-flex-basis{--__axc-r-flex-basis-xs: initial;--__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);--__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);--__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);--__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);--__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);--__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);flex-basis:var(--__axc-r-flex-basis)}.aksel-r-flex-grow{--__axc-r-flex-grow-xs: initial;--__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);--__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);--__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);--__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);--__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);--__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);flex-grow:var(--__axc-r-flex-grow)}.aksel-r-flex-shrink{--__axc-r-flex-shrink-xs: initial;--__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);--__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);--__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);--__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);--__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);flex-shrink:var(--__axc-r-flex-shrink)}.aksel-r-grid-column{--__axc-r-grid-column-xs: initial;--__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);--__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);--__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);--__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);--__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);--__axc-r-grid-column: var(--__axc-r-grid-column-xs);grid-column:var(--__axc-r-grid-column)}@media(min-width:480px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-sm)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-sm)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-sm)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-sm)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-sm)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-sm)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-sm)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-sm)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-sm)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-sm)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-sm)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-sm)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-sm)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-sm)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-sm)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-sm)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-sm)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-sm)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-sm)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-sm)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-sm)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-sm)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-sm)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-sm)}}@media(min-width:768px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-md)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-md)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-md)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-md)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-md)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-md)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-md)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-md)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-md)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-md)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-md)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-md)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-md)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-md)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-md)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-md)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-md)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-md)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-md)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-md)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-md)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-md)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-md)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-md)}}@media(min-width:1024px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-lg)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-lg)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-lg)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-lg)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-lg)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-lg)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-lg)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-lg)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-lg)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-lg)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-lg)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-lg)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-lg)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-lg)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-lg)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-lg)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-lg)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-lg)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-lg)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-lg)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-lg)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-lg)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-lg)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-lg)}}@media(min-width:1280px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-xl)}}@media(min-width:1440px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-2xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-2xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-2xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-2xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-2xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-2xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-2xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-2xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-2xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-2xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-2xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-2xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-2xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-2xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-2xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-2xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-2xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-2xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-2xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-2xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-2xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-2xl)}}.aksel-box-bg{--__axc-box-background: initial;background-color:var(--__axc-box-background)}.aksel-box-border-color{--__axc-box-border-color: initial;border-color:var(--__axc-box-border-color)}.aksel-box-border-width{--__axc-box-border-width: initial;border-style:solid;border-width:var(--__axc-box-border-width, 0)}.aksel-box-radius{--__axc-box-radius-xs: initial;--__axc-box-radius-sm: var(--__axc-box-radius-xs);--__axc-box-radius-md: var(--__axc-box-radius-sm);--__axc-box-radius-lg: var(--__axc-box-radius-md);--__axc-box-radius-xl: var(--__axc-box-radius-lg);--__axc-box-radius-2xl: var(--__axc-box-radius-xl);--__axc-box-radius: var(--__axc-box-radius-xs);border-radius:var(--__axc-box-radius)}.aksel-box-shadow{--__axc-box-shadow: initial;box-shadow:var(--__axc-box-shadow)}@media(min-width:480px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-sm)}}@media(min-width:768px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-md)}}@media(min-width:1024px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-lg)}}@media(min-width:1280px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-xl)}}@media(min-width:1440px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-2xl)}}.aksel-bleed{--__axc-bleed-margin-inline-xs: initial;--__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block-xs: initial;--__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);--__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);--__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);--__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);--__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);margin-inline:var(--__axc-bleed-margin-inline);margin-block:var(--__axc-bleed-margin-block)}.aksel-bleed--padding{--__axc-bleed-padding-inline-xs: initial;--__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block-xs: initial;--__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);--__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);--__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);--__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);--__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);padding-inline:var(--__axc-bleed-padding-inline);padding-block:var(--__axc-bleed-padding-block)}@media(min-width:480px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm)}}@media(min-width:768px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md)}}@media(min-width:1024px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg)}}@media(min-width:1280px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl)}}@media(min-width:1440px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl)}}.aksel-page{min-height:100vh;flex-direction:column;min-height:100lvh;display:flex}.aksel-pageblock{--__axc-page-padding-inline: 0px;width:100%;margin-inline:auto}.aksel-page__content--grow{flex-grow:1}.aksel-page__content--fullheight{min-height:100vh;min-height:100lvh}.aksel-page__content--padding{padding-block-end:var(--ax-space-64)}.aksel-pageblock--text{max-width:calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline))}.aksel-pageblock--md{max-width:768px}.aksel-pageblock--lg{max-width:1024px}.aksel-pageblock--xl{max-width:1280px}.aksel-pageblock--2xl{max-width:1440px}.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-16);padding-inline:var(--__axc-page-padding-inline)}@media(min-width:1024px){.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-48)}}.aksel-hgrid{--__axc-hgrid-columns-xs: initial;--__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);--__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);--__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);--__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);--__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);--__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);grid-template-columns:var(--__axc-hgrid-columns);display:grid}.aksel-hgrid-gap{--__axc-hgrid-gap-xs: initial;--__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);--__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);--__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);--__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);--__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);--__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);gap:var(--__axc-hgrid-gap)}.aksel-hgrid-align{--__axc-hgrid-align: initial;align-items:var(--__axc-hgrid-align)}@media(min-width:480px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-sm)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-sm)}}@media(min-width:768px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-md)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-md)}}@media(min-width:1024px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-lg)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-lg)}}@media(min-width:1280px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-xl)}}@media(min-width:1440px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl)}}.aksel-stack{display:flex}.aksel-stack-gap{--__axc-stack-gap-xs: initial;--__axc-stack-gap-sm: var(--__axc-stack-gap-xs);--__axc-stack-gap-md: var(--__axc-stack-gap-sm);--__axc-stack-gap-lg: var(--__axc-stack-gap-md);--__axc-stack-gap-xl: var(--__axc-stack-gap-lg);--__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);--__axc-stack-gap: var(--__axc-stack-gap-xs);gap:var(--__axc-stack-gap)}.aksel-stack-align{--__axc-stack-align-xs: initial;--__axc-stack-align-sm: var(--__axc-stack-align-xs);--__axc-stack-align-md: var(--__axc-stack-align-sm);--__axc-stack-align-lg: var(--__axc-stack-align-md);--__axc-stack-align-xl: var(--__axc-stack-align-lg);--__axc-stack-align-2xl: var(--__axc-stack-align-xl);--__axc-stack-align: var(--__axc-stack-align-xs);align-items:var(--__axc-stack-align)}.aksel-stack-justify{--__axc-stack-justify-xs: initial;--__axc-stack-justify-sm: var(--__axc-stack-justify-xs);--__axc-stack-justify-md: var(--__axc-stack-justify-sm);--__axc-stack-justify-lg: var(--__axc-stack-justify-md);--__axc-stack-justify-xl: var(--__axc-stack-justify-lg);--__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);--__axc-stack-justify: var(--__axc-stack-justify-xs);justify-content:var(--__axc-stack-justify)}.aksel-stack-direction{--__axc-stack-direction-xs: initial;--__axc-stack-direction-sm: var(--__axc-stack-direction-xs);--__axc-stack-direction-md: var(--__axc-stack-direction-sm);--__axc-stack-direction-lg: var(--__axc-stack-direction-md);--__axc-stack-direction-xl: var(--__axc-stack-direction-lg);--__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);--__axc-stack-direction: var(--__axc-stack-direction-xs);flex-direction:var(--__axc-stack-direction)}.aksel-stack-wrap{flex-wrap:wrap}.aksel-stack__spacer{flex:1;place-content:stretch}.aksel-stack>.aksel-stack__spacer{margin-block-start:calc(var(--__axc-stack-gap) * -1);margin-inline-start:calc(var(--__axc-stack-gap) * -1)}@media(min-width:480px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-sm)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-sm)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-sm)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-sm)}}@media(min-width:768px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-md)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-md)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-md)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-md)}}@media(min-width:1024px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-lg)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-lg)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-lg)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-lg)}}@media(min-width:1280px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-xl)}}@media(min-width:1440px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-2xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-2xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-2xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-2xl)}}@media(min-width:480px){.aksel-responsive__below--sm{display:none!important}}@media(max-width:479px){.aksel-responsive__above--sm{display:none!important}}@media(min-width:768px){.aksel-responsive__below--md{display:none!important}}@media(max-width:767px){.aksel-responsive__above--md{display:none!important}}@media(min-width:1024px){.aksel-responsive__below--lg{display:none!important}}@media(max-width:1023px){.aksel-responsive__above--lg{display:none!important}}@media(min-width:1280px){.aksel-responsive__below--xl{display:none!important}}@media(max-width:1279px){.aksel-responsive__above--xl{display:none!important}}@media(min-width:1440px){.aksel-responsive__below--2xl{display:none!important}}@media(max-width:1439px){.aksel-responsive__above--2xl{display:none!important}}}
@@ -1,192 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-process {
3
- --__axc-process-circle-base: 2rem;
4
- --__axc-process-circle-large: var(--__axc-process-circle-base);
5
- --__axc-process-circle-small: 1rem;
6
- --__axc-process-circle-size: var(--__axc-process-circle-large);
7
- --__axc-process-border-width: 2px;
8
- margin: 0;
9
- padding: 0;
10
- list-style: none;
11
- }
12
-
13
- .aksel-process__event {
14
- grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;
15
- grid-template-columns: var(--__axc-process-circle-base) auto;
16
- justify-items: flex-start;
17
- display: grid;
18
- }
19
-
20
- .aksel-process__event[data-dot="true"] {
21
- --__axc-process-circle-size: var(--__axc-process-circle-small);
22
- margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
23
- }
24
-
25
- .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
26
- margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
27
- }
28
-
29
- .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
30
- margin-block-start: calc(var(--__axc-process-circle-size) / 2);
31
- }
32
-
33
- .aksel-process__event[data-dot="true"] .aksel-process__bullet {
34
- --__axc-process-circle-size: var(--__axc-process-circle-small);
35
- margin-top: calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2);
36
- }
37
-
38
- .aksel-process__line {
39
- border: calc(var(--__axc-process-border-width) / 2) solid;
40
- border-color: var(--ax-border-neutral-subtle);
41
- grid-column: 1;
42
- justify-self: center;
43
- width: 0;
44
- min-height: 2rem;
45
- }
46
-
47
- .aksel-process__line[data-position="start"] {
48
- grid-row: line-1;
49
- }
50
-
51
- .aksel-process__event[data-status="active"] .aksel-process__line[data-position="start"] {
52
- border-image: unset;
53
- }
54
-
55
- .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
56
- border-start-start-radius: var(--ax-radius-4);
57
- border-start-end-radius: var(--ax-radius-4);
58
- min-height: 1.5rem;
59
- }
60
-
61
- .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
62
- display: none;
63
- }
64
-
65
- .aksel-process__line[data-position="end"] {
66
- grid-row: line-2;
67
- }
68
-
69
- .aksel-process:not([data-truncated="end"], [data-truncated="both"]) .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
70
- display: none;
71
- }
72
-
73
- .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
74
- border-end-end-radius: var(--ax-radius-4);
75
- border-end-start-radius: var(--ax-radius-4);
76
- min-height: 1.5rem;
77
- }
78
-
79
- .aksel-process__event[data-status="active"] .aksel-process__line {
80
- border-color: var(--ax-border-default);
81
- border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
82
- border-image-slice: 1;
83
- }
84
-
85
- .aksel-process__event[data-status="active"]:last-of-type .aksel-process__line {
86
- border-image: unset;
87
- }
88
-
89
- .aksel-process__event[data-status="completed"] .aksel-process__line {
90
- border-color: var(--ax-border-default);
91
- }
92
-
93
- .aksel-process__event:not([data-status="active"]) .aksel-process__line {
94
- border-image: unset;
95
- }
96
-
97
- .aksel-process__item {
98
- grid-area: 2 / 1 / -1 / -1;
99
- grid-template-columns: [bullet] var(--__axc-process-circle-base) [content] auto;
100
- gap: var(--ax-space-16);
101
- padding: var(--__axc-process-border-width);
102
- margin: calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);
103
- justify-content: flex-start;
104
- width: 100%;
105
- display: grid;
106
- }
107
-
108
- .aksel-process__event:last-child .aksel-process__item {
109
- margin-bottom: 0;
110
- }
111
-
112
- .aksel-process__bullet {
113
- width: var(--__axc-process-circle-size);
114
- height: var(--__axc-process-circle-size);
115
- border-radius: var(--ax-radius-full);
116
- border: var(--__axc-process-border-width) solid;
117
- color: var(--ax-text-neutral-subtle);
118
- border-color: var(--ax-border-neutral-subtleA);
119
- grid-column: bullet;
120
- place-self: baseline center;
121
- place-items: center;
122
- line-height: 1;
123
- transition-property: background, border-color;
124
- transition-duration: 70ms;
125
- transition-timing-function: linear;
126
- display: inline-grid;
127
- }
128
-
129
- .aksel-process__bullet svg {
130
- height: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
131
- width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
132
- }
133
-
134
- .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
135
- color: var(--ax-text-contrast);
136
- background: var(--ax-bg-strong);
137
- border-color: rgba(0, 0, 0, 0);
138
- }
139
-
140
- .aksel-process__event[data-status="active"] .aksel-process__bullet {
141
- z-index: 1;
142
- box-shadow: 0 0 0 2px var(--ax-bg-default);
143
- outline: 2px solid var(--ax-bg-strong);
144
- outline-offset: 2px;
145
- }
146
-
147
- .aksel-process__event[data-status="uncompleted"] .aksel-process__bullet {
148
- transition: none;
149
- }
150
-
151
- .aksel-process__body {
152
- grid-column: content;
153
- }
154
-
155
- .aksel-process__title {
156
- padding-block: .16rem var(--ax-space-4);
157
- }
158
-
159
- .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
160
- padding-block-end: 0;
161
- }
162
-
163
- .aksel-process__active-label {
164
- margin-block: 0 var(--ax-space-4);
165
- color: var(--ax-text-subtle);
166
- }
167
-
168
- .aksel-process__active-label:last-of-type {
169
- margin-block-end: 0;
170
- }
171
-
172
- @media (forced-colors: active) {
173
- .aksel-process__bullet {
174
- transition: none;
175
- }
176
-
177
- .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
178
- color: buttonface;
179
- forced-color-adjust: none;
180
- background-color: buttontext;
181
- outline-color: buttontext;
182
- }
183
-
184
- .aksel-process__event[data-status="active"] .aksel-process__bullet {
185
- box-shadow: 0 0 0 2px canvas;
186
- }
187
-
188
- .aksel-process__event[data-status="active"] .aksel-process__line {
189
- border-image: unset;
190
- }
191
- }
192
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-process{--__axc-process-circle-base: 2rem;--__axc-process-circle-large: var(--__axc-process-circle-base);--__axc-process-circle-small: 1rem;--__axc-process-circle-size: var(--__axc-process-circle-large);--__axc-process-border-width: 2px;margin:0;padding:0;list-style:none}.aksel-process__event{grid-template-rows:[line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-process-circle-base) auto;justify-items:flex-start;display:grid}.aksel-process__event[data-dot=true]{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-block-start:calc((var(--__axc-process-circle-small) / 2) * -1)}.aksel-process__event[data-dot=true] .aksel-process__line[data-position=start]{margin-block-end:calc(var(--__axc-process-circle-size) / 2 * -1)}.aksel-process__event[data-dot=true] .aksel-process__line[data-position=end]{margin-block-start:calc(var(--__axc-process-circle-size) / 2)}.aksel-process__event[data-dot=true] .aksel-process__bullet{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-top:calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2)}.aksel-process__line{border:calc(var(--__axc-process-border-width) / 2) solid;border-color:var(--ax-border-neutral-subtle);grid-column:1;justify-self:center;width:0;min-height:2rem}.aksel-process__line[data-position=start]{grid-row:line-1}.aksel-process__event[data-status=active] .aksel-process__line[data-position=start]{border-image:unset}.aksel-process__event:first-of-type .aksel-process__line[data-position=start]{border-start-start-radius:var(--ax-radius-4);border-start-end-radius:var(--ax-radius-4);min-height:1.5rem}.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position=start],.aksel-process:not([data-truncated=start],[data-truncated=both]) .aksel-process__line[data-position=start]{display:none}.aksel-process__line[data-position=end]{grid-row:line-2}.aksel-process:not([data-truncated=end],[data-truncated=both]) .aksel-process__event:last-of-type .aksel-process__line[data-position=end]{display:none}.aksel-process__event:last-of-type .aksel-process__line[data-position=end]{border-end-end-radius:var(--ax-radius-4);border-end-start-radius:var(--ax-radius-4);min-height:1.5rem}.aksel-process__event[data-status=active] .aksel-process__line{border-color:var(--ax-border-default);border-image:linear-gradient(to bottom,var(--ax-border-default) 50%,var(--ax-border-neutral-subtle) 90%);border-image-slice:1}.aksel-process__event[data-status=active]:last-of-type .aksel-process__line{border-image:unset}.aksel-process__event[data-status=completed] .aksel-process__line{border-color:var(--ax-border-default)}.aksel-process__event:not([data-status=active]) .aksel-process__line{border-image:unset}.aksel-process__item{grid-area:2 / 1 / -1 / -1;grid-template-columns:[bullet] var(--__axc-process-circle-base) [content] auto;gap:var(--ax-space-16);padding:var(--__axc-process-border-width);margin:calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);justify-content:flex-start;width:100%;display:grid}.aksel-process__event:last-child .aksel-process__item{margin-bottom:0}.aksel-process__bullet{width:var(--__axc-process-circle-size);height:var(--__axc-process-circle-size);border-radius:var(--ax-radius-full);border:var(--__axc-process-border-width) solid;color:var(--ax-text-neutral-subtle);border-color:var(--ax-border-neutral-subtleA);grid-column:bullet;place-self:baseline center;place-items:center;line-height:1;transition-property:background,border-color;transition-duration:70ms;transition-timing-function:linear;display:inline-grid}.aksel-process__bullet svg{height:min(calc(var(--__axc-process-circle-size) * .75),1.5rem);width:min(calc(var(--__axc-process-circle-size) * .75),1.5rem)}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:var(--ax-text-contrast);background:var(--ax-bg-strong);border-color:#0000}.aksel-process__event[data-status=active] .aksel-process__bullet{z-index:1;box-shadow:0 0 0 2px var(--ax-bg-default);outline:2px solid var(--ax-bg-strong);outline-offset:2px}.aksel-process__event[data-status=uncompleted] .aksel-process__bullet{transition:none}.aksel-process__body{grid-column:content}.aksel-process__title{padding-block:.16rem var(--ax-space-4)}.aksel-process__event[data-status=active] .aksel-process__title:has(+.aksel-process__active-label){padding-block-end:0}.aksel-process__active-label{margin-block:0 var(--ax-space-4);color:var(--ax-text-subtle)}.aksel-process__active-label:last-of-type{margin-block-end:0}@media(forced-colors:active){.aksel-process__bullet{transition:none}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:buttonface;forced-color-adjust:none;background-color:buttontext;outline-color:buttontext}.aksel-process__event[data-status=active] .aksel-process__bullet{box-shadow:0 0 0 2px canvas}.aksel-process__event[data-status=active] .aksel-process__line{border-image:unset}}}
@@ -1,106 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-progress-bar {
3
- background: var(--ax-bg-neutral-moderateA);
4
- border-radius: var(--ax-radius-full);
5
- box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
6
- position: relative;
7
- overflow: hidden;
8
- }
9
-
10
- .aksel-progress-bar--small {
11
- min-width: .75rem;
12
- height: .75rem;
13
- }
14
-
15
- .aksel-progress-bar--medium {
16
- min-width: 1rem;
17
- height: 1rem;
18
- }
19
-
20
- .aksel-progress-bar--large {
21
- min-width: 1.5rem;
22
- height: 1.5rem;
23
- }
24
-
25
- .aksel-progress-bar__foreground {
26
- --__ac-progress-bar-translate: initial;
27
- transform: translateX(var(--__ac-progress-bar-translate));
28
- background: var(--ax-bg-strong);
29
- transform-origin: 0;
30
- border-radius: inherit;
31
- width: 100%;
32
- transition: transform .2s;
33
- position: absolute;
34
- top: 0;
35
- bottom: 0;
36
- left: 0;
37
- }
38
-
39
- .aksel-progress-bar__foreground--indeterminate {
40
- --__ac-progress-bar-simulated: initial;
41
- animation-name: aksel-progress-bar-indeterminate-grow, aksel-progress-bar-indeterminate;
42
- animation-timing-function: ease-in-out, ease-in-out;
43
- animation-duration: var(--__ac-progress-bar-simulated), 2.5s;
44
- animation-iteration-count: 1, infinite;
45
- animation-fill-mode: forwards, none;
46
- animation-delay: 0s, var(--__ac-progress-bar-simulated);
47
- }
48
-
49
- @keyframes aksel-progress-bar-indeterminate {
50
- 0% {
51
- width: 50%;
52
- left: -50%;
53
- transform: translateX(0%);
54
- }
55
-
56
- 50% {
57
- width: 50%;
58
- animation-direction: reverse;
59
- left: 100%;
60
- transform: translateX(0%);
61
- }
62
-
63
- 100% {
64
- width: 50%;
65
- left: -50%;
66
- transform: translateX(0%);
67
- }
68
- }
69
-
70
- @keyframes aksel-progress-bar-indeterminate-grow {
71
- 0% {
72
- transform: translateX(-100%);
73
- }
74
-
75
- 20% {
76
- transform: translateX(-80%);
77
- }
78
-
79
- 30% {
80
- transform: translateX(-40%);
81
- }
82
-
83
- 50% {
84
- transform: translateX(-20%);
85
- }
86
-
87
- 75% {
88
- transform: translateX(-10%);
89
- }
90
-
91
- 100% {
92
- transform: translateX(-10%);
93
- }
94
- }
95
-
96
- @media (forced-colors: active) {
97
- .aksel-progress-bar__foreground {
98
- background: highlight;
99
- }
100
-
101
- .aksel-progress-bar {
102
- outline-offset: -1px;
103
- outline: 1px solid rgba(0, 0, 0, 0);
104
- }
105
- }
106
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-progress-bar{background:var(--ax-bg-neutral-moderateA);border-radius:var(--ax-radius-full);box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);position:relative;overflow:hidden}.aksel-progress-bar--small{min-width:.75rem;height:.75rem}.aksel-progress-bar--medium{min-width:1rem;height:1rem}.aksel-progress-bar--large{min-width:1.5rem;height:1.5rem}.aksel-progress-bar__foreground{--__ac-progress-bar-translate: initial;transform:translate(var(--__ac-progress-bar-translate));background:var(--ax-bg-strong);transform-origin:0;border-radius:inherit;width:100%;transition:transform .2s;position:absolute;top:0;bottom:0;left:0}.aksel-progress-bar__foreground--indeterminate{--__ac-progress-bar-simulated: initial;animation-name:aksel-progress-bar-indeterminate-grow,aksel-progress-bar-indeterminate;animation-timing-function:ease-in-out,ease-in-out;animation-duration:var(--__ac-progress-bar-simulated),2.5s;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-delay:0s,var(--__ac-progress-bar-simulated)}@keyframes aksel-progress-bar-indeterminate{0%{width:50%;left:-50%;transform:translate(0)}50%{width:50%;animation-direction:reverse;left:100%;transform:translate(0)}to{width:50%;left:-50%;transform:translate(0)}}@keyframes aksel-progress-bar-indeterminate-grow{0%{transform:translate(-100%)}20%{transform:translate(-80%)}30%{transform:translate(-40%)}50%{transform:translate(-20%)}75%{transform:translate(-10%)}to{transform:translate(-10%)}}@media(forced-colors:active){.aksel-progress-bar__foreground{background:highlight}.aksel-progress-bar{outline-offset:-1px;outline:1px solid rgba(0,0,0,0)}}}
@@ -1,94 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-read-more {
3
- --__axc-read-more-icon-size: 1.5rem;
4
- --__axc-read-more-pi-start: 0px;
5
- --__axc-read-more-pi-end: var(--ax-space-4);
6
- --__axc-read-more-pb: var(--ax-space-4);
7
- }
8
-
9
- .aksel-read-more__button {
10
- cursor: pointer;
11
- align-items: flex-start;
12
- gap: var(--ax-space-4);
13
- color: var(--ax-text-subtle);
14
- padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
15
- padding-block: var(--__axc-read-more-pb);
16
- text-align: start;
17
- background: none;
18
- border: none;
19
- margin: 0;
20
- display: flex;
21
- }
22
-
23
- .aksel-read-more__button:focus-visible {
24
- outline: 3px solid var(--ax-border-focus);
25
- outline-offset: 3px;
26
- }
27
-
28
- .aksel-read-more__button[data-state="open"] .aksel-read-more__expand-icon {
29
- transform: rotateX(-180deg);
30
- }
31
-
32
- .aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
33
- border-radius: var(--ax-radius-4);
34
- }
35
-
36
- .aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
37
- background-color: var(--ax-bg-neutral-moderate-hoverA);
38
- }
39
-
40
- .aksel-read-more[data-volume="high"] .aksel-read-more__button {
41
- background-color: var(--ax-bg-moderate);
42
- border-radius: var(--ax-radius-full);
43
- }
44
-
45
- .aksel-read-more[data-volume="high"] .aksel-read-more__button:hover {
46
- background-color: var(--ax-bg-moderate-hoverA);
47
- color: var(--ax-text-default);
48
- }
49
-
50
- .aksel-read-more[data-volume="high"].aksel-read-more--large {
51
- --__axc-read-more-pi-start: var(--ax-space-12);
52
- --__axc-read-more-pi-end: var(--ax-space-24);
53
- }
54
-
55
- .aksel-read-more[data-volume="high"].aksel-read-more--small, .aksel-read-more[data-volume="high"].aksel-read-more--medium {
56
- --__axc-read-more-pi-start: var(--ax-space-8);
57
- --__axc-read-more-pi-end: var(--ax-space-16);
58
- }
59
-
60
- .aksel-read-more__content {
61
- margin-top: var(--ax-space-8);
62
- border-left: 2px solid var(--ax-border-neutral-subtleA);
63
- color: var(--ax-text-neutral);
64
- margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
65
- padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
66
- }
67
-
68
- .aksel-read-more__content[data-state="closed"] {
69
- display: none;
70
- }
71
-
72
- .aksel-read-more__expand-icon {
73
- font-size: var(--__axc-read-more-icon-size);
74
- flex-shrink: 0;
75
- transition: transform .1s cubic-bezier(.2, 0, 0, 1);
76
- }
77
-
78
- .aksel-read-more--large {
79
- --__axc-read-more-pb: var(--ax-space-12);
80
- }
81
-
82
- .aksel-read-more--small {
83
- --__axc-read-more-icon-size: 1.25rem;
84
- --__axc-read-more-pb: var(--ax-space-2);
85
- }
86
-
87
- @media (forced-colors: active) {
88
- .aksel-read-more__button {
89
- color: buttontext;
90
- background-color: buttonface;
91
- border: 1px solid buttontext;
92
- }
93
- }
94
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-read-more{--__axc-read-more-icon-size: 1.5rem;--__axc-read-more-pi-start: 0px;--__axc-read-more-pi-end: var(--ax-space-4);--__axc-read-more-pb: var(--ax-space-4)}.aksel-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-subtle);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:none;border:none;margin:0;display:flex}.aksel-read-more__button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-read-more__button[data-state=open] .aksel-read-more__expand-icon{transform:rotateX(-180deg)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button{border-radius:var(--ax-radius-4)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-read-more[data-volume=high] .aksel-read-more__button{background-color:var(--ax-bg-moderate);border-radius:var(--ax-radius-full)}.aksel-read-more[data-volume=high] .aksel-read-more__button:hover{background-color:var(--ax-bg-moderate-hoverA);color:var(--ax-text-default)}.aksel-read-more[data-volume=high].aksel-read-more--large{--__axc-read-more-pi-start: var(--ax-space-12);--__axc-read-more-pi-end: var(--ax-space-24)}.aksel-read-more[data-volume=high].aksel-read-more--small,.aksel-read-more[data-volume=high].aksel-read-more--medium{--__axc-read-more-pi-start: var(--ax-space-8);--__axc-read-more-pi-end: var(--ax-space-16)}.aksel-read-more__content{margin-top:var(--ax-space-8);border-left:2px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);margin-left:calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);padding-left:calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4))}.aksel-read-more__content[data-state=closed]{display:none}.aksel-read-more__expand-icon{font-size:var(--__axc-read-more-icon-size);flex-shrink:0;transition:transform .1s cubic-bezier(.2,0,0,1)}.aksel-read-more--large{--__axc-read-more-pb: var(--ax-space-12)}.aksel-read-more--small{--__axc-read-more-icon-size: 1.25rem;--__axc-read-more-pb: var(--ax-space-2)}@media(forced-colors:active){.aksel-read-more__button{color:buttontext;background-color:buttonface;border:1px solid buttontext}}}
@@ -1,66 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-skeleton {
3
- background-color: var(--ax-bg-neutral-moderateA);
4
- pointer-events: none;
5
- height: 1.3em;
6
- animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
7
- }
8
-
9
- .aksel-skeleton--inline {
10
- display: inline-block;
11
- }
12
-
13
- .aksel-skeleton--has-children {
14
- color: rgba(0, 0, 0, 0);
15
- }
16
-
17
- .aksel-skeleton--has-children > * {
18
- visibility: hidden;
19
- }
20
-
21
- .aksel-skeleton--has-children.aksel-skeleton--no-height {
22
- height: auto;
23
- }
24
-
25
- .aksel-skeleton--has-children.aksel-skeleton--no-width {
26
- width: fit-content;
27
- }
28
-
29
- .aksel-skeleton--text {
30
- transform-origin: 0 55%;
31
- border-radius: var(--ax-radius-8);
32
- height: auto;
33
- transform: scale(1, .6);
34
- }
35
-
36
- .aksel-skeleton--text:empty:before {
37
- content: " ";
38
- }
39
-
40
- .aksel-skeleton--circle {
41
- border-radius: var(--ax-radius-full);
42
- }
43
-
44
- .aksel-skeleton--rectangle {
45
- border-radius: 0;
46
- }
47
-
48
- .aksel-skeleton--rounded {
49
- border-radius: var(--ax-radius-12);
50
- }
51
-
52
- @keyframes akselSkeletonAnimation {
53
- 50% {
54
- opacity: .5;
55
- }
56
- }
57
-
58
- @media (forced-colors: active) {
59
- .aksel-skeleton {
60
- forced-color-adjust: none;
61
- opacity: .2;
62
- background-color: canvastext;
63
- animation-duration: 2s;
64
- }
65
- }
66
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-skeleton{background-color:var(--ax-bg-neutral-moderateA);pointer-events:none;height:1.3em;animation:2s cubic-bezier(.4,0,.6,1) infinite akselSkeletonAnimation}.aksel-skeleton--inline{display:inline-block}.aksel-skeleton--has-children{color:#0000}.aksel-skeleton--has-children>*{visibility:hidden}.aksel-skeleton--has-children.aksel-skeleton--no-height{height:auto}.aksel-skeleton--has-children.aksel-skeleton--no-width{width:fit-content}.aksel-skeleton--text{transform-origin:0 55%;border-radius:var(--ax-radius-8);height:auto;transform:scaleY(.6)}.aksel-skeleton--text:empty:before{content:"\a0"}.aksel-skeleton--circle{border-radius:var(--ax-radius-full)}.aksel-skeleton--rectangle{border-radius:0}.aksel-skeleton--rounded{border-radius:var(--ax-radius-12)}@keyframes akselSkeletonAnimation{50%{opacity:.5}}@media(forced-colors:active){.aksel-skeleton{forced-color-adjust:none;opacity:.2;background-color:canvastext;animation-duration:2s}}}