@navikt/ds-css 7.40.0 → 8.0.1

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 +12 -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 +1742 -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 +48 -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 +6227 -8576
  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 +7339 -9507
  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} +13 -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-anchor.darkside.css → src/link-anchor.css} +4 -0
  110. package/{darkside/link-card.darkside.css → src/link-card.css} +2 -2
  111. package/{darkside/link.darkside.css → src/link.css} +0 -4
  112. package/{darkside/modal.darkside.css → src/modal.css} +2 -3
  113. package/src/primitives/index.css +7 -0
  114. package/{darkside/progress-bar.darkside.css → src/progress-bar.css} +5 -6
  115. package/{darkside/table.darkside.css → src/table.css} +4 -4
  116. package/{darkside/theme.darkside.css → src/theme.css} +0 -8
  117. package/{darkside/typography.darkside.css → src/typography.css} +8 -0
  118. package/accordion.css +0 -198
  119. package/action-menu.css +0 -227
  120. package/alert.css +0 -380
  121. package/baseline/_inline-reset.css +0 -54
  122. package/baseline/_utilities.css +0 -62
  123. package/baseline/baseline.css +0 -27
  124. package/baseline/fonts.css +0 -129
  125. package/baseline/index.css +0 -5
  126. package/baseline/reset.css +0 -294
  127. package/baseline/tokens.css +0 -1
  128. package/button.css +0 -548
  129. package/chat.css +0 -117
  130. package/chips.css +0 -234
  131. package/config/tests/bundle.test.ts +0 -51
  132. package/copybutton.css +0 -226
  133. package/darkside/README.md +0 -25
  134. package/darkside/baseline/print.darkside.css +0 -75
  135. package/darkside/baseline/tokens.darkside.css +0 -1
  136. package/darkside/form/index.css +0 -14
  137. package/darkside/index.css +0 -64
  138. package/darkside/primitives/index.css +0 -7
  139. package/date.css +0 -334
  140. package/dialog.css +0 -253
  141. package/dist/darkside/component/accordion.css +0 -164
  142. package/dist/darkside/component/accordion.min.css +0 -1
  143. package/dist/darkside/component/actionmenu.css +0 -182
  144. package/dist/darkside/component/actionmenu.min.css +0 -1
  145. package/dist/darkside/component/alert.css +0 -181
  146. package/dist/darkside/component/alert.min.css +0 -1
  147. package/dist/darkside/component/button.css +0 -208
  148. package/dist/darkside/component/button.min.css +0 -1
  149. package/dist/darkside/component/chat.css +0 -103
  150. package/dist/darkside/component/chat.min.css +0 -1
  151. package/dist/darkside/component/chips.css +0 -146
  152. package/dist/darkside/component/chips.min.css +0 -1
  153. package/dist/darkside/component/copybutton.css +0 -23
  154. package/dist/darkside/component/copybutton.min.css +0 -1
  155. package/dist/darkside/component/date.css +0 -268
  156. package/dist/darkside/component/date.min.css +0 -1
  157. package/dist/darkside/component/dialog.css +0 -232
  158. package/dist/darkside/component/dialog.min.css +0 -1
  159. package/dist/darkside/component/dropdown.css +0 -82
  160. package/dist/darkside/component/dropdown.min.css +0 -1
  161. package/dist/darkside/component/expansioncard.css +0 -164
  162. package/dist/darkside/component/expansioncard.min.css +0 -1
  163. package/dist/darkside/component/form.css +0 -1875
  164. package/dist/darkside/component/form.min.css +0 -1
  165. package/dist/darkside/component/guidepanel.css +0 -117
  166. package/dist/darkside/component/guidepanel.min.css +0 -1
  167. package/dist/darkside/component/helptext.css +0 -53
  168. package/dist/darkside/component/helptext.min.css +0 -1
  169. package/dist/darkside/component/inlinemessage.css +0 -17
  170. package/dist/darkside/component/inlinemessage.min.css +0 -1
  171. package/dist/darkside/component/internalheader.css +0 -100
  172. package/dist/darkside/component/internalheader.min.css +0 -1
  173. package/dist/darkside/component/link.css +0 -57
  174. package/dist/darkside/component/link.min.css +0 -1
  175. package/dist/darkside/component/linkanchor.css +0 -52
  176. package/dist/darkside/component/linkanchor.min.css +0 -1
  177. package/dist/darkside/component/linkcard.css +0 -124
  178. package/dist/darkside/component/linkcard.min.css +0 -1
  179. package/dist/darkside/component/linkpanel.css +0 -38
  180. package/dist/darkside/component/linkpanel.min.css +0 -1
  181. package/dist/darkside/component/list.css +0 -75
  182. package/dist/darkside/component/list.min.css +0 -1
  183. package/dist/darkside/component/loader.css +0 -107
  184. package/dist/darkside/component/loader.min.css +0 -1
  185. package/dist/darkside/component/modal.css +0 -188
  186. package/dist/darkside/component/modal.min.css +0 -1
  187. package/dist/darkside/component/pagination.css +0 -38
  188. package/dist/darkside/component/pagination.min.css +0 -1
  189. package/dist/darkside/component/panel.css +0 -12
  190. package/dist/darkside/component/panel.min.css +0 -1
  191. package/dist/darkside/component/popover.css +0 -24
  192. package/dist/darkside/component/popover.min.css +0 -1
  193. package/dist/darkside/component/primitives.css +0 -1293
  194. package/dist/darkside/component/primitives.min.css +0 -1
  195. package/dist/darkside/component/process.css +0 -192
  196. package/dist/darkside/component/process.min.css +0 -1
  197. package/dist/darkside/component/progressbar.css +0 -106
  198. package/dist/darkside/component/progressbar.min.css +0 -1
  199. package/dist/darkside/component/readmore.css +0 -94
  200. package/dist/darkside/component/readmore.min.css +0 -1
  201. package/dist/darkside/component/skeleton.css +0 -66
  202. package/dist/darkside/component/skeleton.min.css +0 -1
  203. package/dist/darkside/component/stepper.css +0 -226
  204. package/dist/darkside/component/stepper.min.css +0 -1
  205. package/dist/darkside/component/table.css +0 -289
  206. package/dist/darkside/component/table.min.css +0 -1
  207. package/dist/darkside/component/tabs.css +0 -138
  208. package/dist/darkside/component/tabs.min.css +0 -1
  209. package/dist/darkside/component/tag.css +0 -77
  210. package/dist/darkside/component/tag.min.css +0 -1
  211. package/dist/darkside/component/theme.css +0 -17
  212. package/dist/darkside/component/theme.min.css +0 -1
  213. package/dist/darkside/component/timeline.css +0 -275
  214. package/dist/darkside/component/timeline.min.css +0 -1
  215. package/dist/darkside/component/togglegroup.css +0 -107
  216. package/dist/darkside/component/togglegroup.min.css +0 -1
  217. package/dist/darkside/component/tooltip.css +0 -128
  218. package/dist/darkside/component/tooltip.min.css +0 -1
  219. package/dist/darkside/component/typography.css +0 -273
  220. package/dist/darkside/component/typography.min.css +0 -1
  221. package/dist/darkside/components.css +0 -7876
  222. package/dist/darkside/components.min.css +0 -1
  223. package/dist/darkside/global/baseline.css +0 -43
  224. package/dist/darkside/global/baseline.min.css +0 -1
  225. package/dist/darkside/global/fonts.css +0 -109
  226. package/dist/darkside/global/fonts.min.css +0 -1
  227. package/dist/darkside/global/print.css +0 -52
  228. package/dist/darkside/global/print.min.css +0 -1
  229. package/dist/darkside/global/reset.css +0 -93
  230. package/dist/darkside/global/reset.min.css +0 -1
  231. package/dist/darkside/global/tokens.css +0 -864
  232. package/dist/darkside/global/tokens.min.css +0 -1
  233. package/dist/darkside/index.css +0 -9040
  234. package/dist/darkside/index.min.css +0 -1
  235. package/dist/darkside/version/7.40.0/component/accordion.css +0 -164
  236. package/dist/darkside/version/7.40.0/component/accordion.min.css +0 -1
  237. package/dist/darkside/version/7.40.0/component/actionmenu.css +0 -182
  238. package/dist/darkside/version/7.40.0/component/actionmenu.min.css +0 -1
  239. package/dist/darkside/version/7.40.0/component/alert.css +0 -181
  240. package/dist/darkside/version/7.40.0/component/alert.min.css +0 -1
  241. package/dist/darkside/version/7.40.0/component/button.css +0 -208
  242. package/dist/darkside/version/7.40.0/component/button.min.css +0 -1
  243. package/dist/darkside/version/7.40.0/component/chat.css +0 -103
  244. package/dist/darkside/version/7.40.0/component/chat.min.css +0 -1
  245. package/dist/darkside/version/7.40.0/component/chips.css +0 -146
  246. package/dist/darkside/version/7.40.0/component/chips.min.css +0 -1
  247. package/dist/darkside/version/7.40.0/component/copybutton.css +0 -23
  248. package/dist/darkside/version/7.40.0/component/copybutton.min.css +0 -1
  249. package/dist/darkside/version/7.40.0/component/date.css +0 -268
  250. package/dist/darkside/version/7.40.0/component/date.min.css +0 -1
  251. package/dist/darkside/version/7.40.0/component/dialog.css +0 -232
  252. package/dist/darkside/version/7.40.0/component/dialog.min.css +0 -1
  253. package/dist/darkside/version/7.40.0/component/dropdown.css +0 -82
  254. package/dist/darkside/version/7.40.0/component/dropdown.min.css +0 -1
  255. package/dist/darkside/version/7.40.0/component/expansioncard.css +0 -164
  256. package/dist/darkside/version/7.40.0/component/expansioncard.min.css +0 -1
  257. package/dist/darkside/version/7.40.0/component/form.css +0 -1875
  258. package/dist/darkside/version/7.40.0/component/form.min.css +0 -1
  259. package/dist/darkside/version/7.40.0/component/guidepanel.css +0 -117
  260. package/dist/darkside/version/7.40.0/component/guidepanel.min.css +0 -1
  261. package/dist/darkside/version/7.40.0/component/helptext.css +0 -53
  262. package/dist/darkside/version/7.40.0/component/helptext.min.css +0 -1
  263. package/dist/darkside/version/7.40.0/component/inlinemessage.css +0 -17
  264. package/dist/darkside/version/7.40.0/component/inlinemessage.min.css +0 -1
  265. package/dist/darkside/version/7.40.0/component/internalheader.css +0 -100
  266. package/dist/darkside/version/7.40.0/component/internalheader.min.css +0 -1
  267. package/dist/darkside/version/7.40.0/component/link.css +0 -57
  268. package/dist/darkside/version/7.40.0/component/link.min.css +0 -1
  269. package/dist/darkside/version/7.40.0/component/linkanchor.css +0 -52
  270. package/dist/darkside/version/7.40.0/component/linkanchor.min.css +0 -1
  271. package/dist/darkside/version/7.40.0/component/linkcard.css +0 -124
  272. package/dist/darkside/version/7.40.0/component/linkcard.min.css +0 -1
  273. package/dist/darkside/version/7.40.0/component/linkpanel.css +0 -38
  274. package/dist/darkside/version/7.40.0/component/linkpanel.min.css +0 -1
  275. package/dist/darkside/version/7.40.0/component/list.css +0 -75
  276. package/dist/darkside/version/7.40.0/component/list.min.css +0 -1
  277. package/dist/darkside/version/7.40.0/component/loader.css +0 -107
  278. package/dist/darkside/version/7.40.0/component/loader.min.css +0 -1
  279. package/dist/darkside/version/7.40.0/component/modal.css +0 -188
  280. package/dist/darkside/version/7.40.0/component/modal.min.css +0 -1
  281. package/dist/darkside/version/7.40.0/component/pagination.css +0 -38
  282. package/dist/darkside/version/7.40.0/component/pagination.min.css +0 -1
  283. package/dist/darkside/version/7.40.0/component/panel.css +0 -12
  284. package/dist/darkside/version/7.40.0/component/panel.min.css +0 -1
  285. package/dist/darkside/version/7.40.0/component/popover.css +0 -24
  286. package/dist/darkside/version/7.40.0/component/popover.min.css +0 -1
  287. package/dist/darkside/version/7.40.0/component/primitives.css +0 -1293
  288. package/dist/darkside/version/7.40.0/component/primitives.min.css +0 -1
  289. package/dist/darkside/version/7.40.0/component/process.css +0 -192
  290. package/dist/darkside/version/7.40.0/component/process.min.css +0 -1
  291. package/dist/darkside/version/7.40.0/component/progressbar.css +0 -106
  292. package/dist/darkside/version/7.40.0/component/progressbar.min.css +0 -1
  293. package/dist/darkside/version/7.40.0/component/readmore.css +0 -94
  294. package/dist/darkside/version/7.40.0/component/readmore.min.css +0 -1
  295. package/dist/darkside/version/7.40.0/component/skeleton.css +0 -66
  296. package/dist/darkside/version/7.40.0/component/skeleton.min.css +0 -1
  297. package/dist/darkside/version/7.40.0/component/stepper.css +0 -226
  298. package/dist/darkside/version/7.40.0/component/stepper.min.css +0 -1
  299. package/dist/darkside/version/7.40.0/component/table.css +0 -289
  300. package/dist/darkside/version/7.40.0/component/table.min.css +0 -1
  301. package/dist/darkside/version/7.40.0/component/tabs.css +0 -138
  302. package/dist/darkside/version/7.40.0/component/tabs.min.css +0 -1
  303. package/dist/darkside/version/7.40.0/component/tag.css +0 -77
  304. package/dist/darkside/version/7.40.0/component/tag.min.css +0 -1
  305. package/dist/darkside/version/7.40.0/component/theme.css +0 -17
  306. package/dist/darkside/version/7.40.0/component/theme.min.css +0 -1
  307. package/dist/darkside/version/7.40.0/component/timeline.css +0 -275
  308. package/dist/darkside/version/7.40.0/component/timeline.min.css +0 -1
  309. package/dist/darkside/version/7.40.0/component/togglegroup.css +0 -107
  310. package/dist/darkside/version/7.40.0/component/togglegroup.min.css +0 -1
  311. package/dist/darkside/version/7.40.0/component/tooltip.css +0 -128
  312. package/dist/darkside/version/7.40.0/component/tooltip.min.css +0 -1
  313. package/dist/darkside/version/7.40.0/component/typography.css +0 -273
  314. package/dist/darkside/version/7.40.0/component/typography.min.css +0 -1
  315. package/dist/darkside/version/7.40.0/components.css +0 -7876
  316. package/dist/darkside/version/7.40.0/components.min.css +0 -1
  317. package/dist/darkside/version/7.40.0/global/baseline.css +0 -43
  318. package/dist/darkside/version/7.40.0/global/baseline.min.css +0 -1
  319. package/dist/darkside/version/7.40.0/global/fonts.css +0 -109
  320. package/dist/darkside/version/7.40.0/global/fonts.min.css +0 -1
  321. package/dist/darkside/version/7.40.0/global/print.css +0 -52
  322. package/dist/darkside/version/7.40.0/global/print.min.css +0 -1
  323. package/dist/darkside/version/7.40.0/global/reset.css +0 -93
  324. package/dist/darkside/version/7.40.0/global/reset.min.css +0 -1
  325. package/dist/darkside/version/7.40.0/global/tokens.css +0 -864
  326. package/dist/darkside/version/7.40.0/global/tokens.min.css +0 -1
  327. package/dist/darkside/version/7.40.0/index.css +0 -9040
  328. package/dist/darkside/version/7.40.0/index.min.css +0 -1
  329. package/dropdown.css +0 -91
  330. package/expansioncard.css +0 -239
  331. package/form/combobox.css +0 -431
  332. package/form/confirmation-panel.css +0 -53
  333. package/form/error-summary.css +0 -55
  334. package/form/fieldset.css +0 -51
  335. package/form/file-upload.css +0 -224
  336. package/form/form-progress.css +0 -53
  337. package/form/form-summary.css +0 -90
  338. package/form/form.css +0 -52
  339. package/form/index.css +0 -17
  340. package/form/radio-checkbox.css +0 -397
  341. package/form/search.css +0 -228
  342. package/form/select.css +0 -113
  343. package/form/switch.css +0 -304
  344. package/form/text-field.css +0 -113
  345. package/form/textarea.css +0 -143
  346. package/guide-panel.css +0 -96
  347. package/help-text.css +0 -85
  348. package/index.css +0 -42
  349. package/inline-message.css +0 -45
  350. package/internalheader.css +0 -105
  351. package/link-anchor.css +0 -53
  352. package/link-card.css +0 -127
  353. package/link-panel.css +0 -47
  354. package/link.css +0 -79
  355. package/list.css +0 -88
  356. package/loader.css +0 -120
  357. package/modal.css +0 -228
  358. package/pagination.css +0 -73
  359. package/panel.css +0 -10
  360. package/popover.css +0 -84
  361. package/primitives/base.css +0 -809
  362. package/primitives/bleed.css +0 -103
  363. package/primitives/box.css +0 -66
  364. package/primitives/hgrid.css +0 -80
  365. package/primitives/index.css +0 -7
  366. package/primitives/page.css +0 -62
  367. package/primitives/responsive.css +0 -59
  368. package/primitives/stack.css +0 -155
  369. package/process.css +0 -201
  370. package/progress-bar.css +0 -108
  371. package/read-more.css +0 -95
  372. package/skeleton.css +0 -67
  373. package/stepper.css +0 -312
  374. package/table.css +0 -366
  375. package/tabs.css +0 -154
  376. package/tag.css +0 -200
  377. package/timeline.css +0 -450
  378. package/toggle-group.css +0 -181
  379. package/tokens.json +0 -485
  380. package/tooltip.css +0 -81
  381. package/typography.css +0 -268
  382. package/vitest.config.ts +0 -5
  383. /package/{darkside/accordion.darkside.css → src/accordion.css} +0 -0
  384. /package/{darkside/alert.darkside.css → src/alert.css} +0 -0
  385. /package/{baseline → src/baseline}/print.css +0 -0
  386. /package/{darkside/baseline/reset.darkside.css → src/baseline/reset.css} +0 -0
  387. /package/{darkside/chat.darkside.css → src/chat.css} +0 -0
  388. /package/{darkside/chips.darkside.css → src/chips.css} +0 -0
  389. /package/{darkside/copybutton.darkside.css → src/copybutton.css} +0 -0
  390. /package/{darkside/date.darkside.css → src/date.css} +0 -0
  391. /package/{darkside/dialog.darkside.css → src/dialog.css} +0 -0
  392. /package/{darkside/dropdown.darkside.css → src/dropdown.css} +0 -0
  393. /package/{darkside/expansioncard.darkside.css → src/expansioncard.css} +0 -0
  394. /package/{darkside/form/confirmation-panel.darkside.css → src/form/confirmation-panel.css} +0 -0
  395. /package/{darkside/form/error-summary.darkside.css → src/form/error-summary.css} +0 -0
  396. /package/{darkside/form/fieldset.darkside.css → src/form/fieldset.css} +0 -0
  397. /package/{darkside/form/form-progress.darkside.css → src/form/form-progress.css} +0 -0
  398. /package/{darkside/form/form-summary.darkside.css → src/form/form-summary.css} +0 -0
  399. /package/{darkside/form/form.darkside.css → src/form/form.css} +0 -0
  400. /package/{darkside/form/radio-checkbox.darkside.css → src/form/radio-checkbox.css} +0 -0
  401. /package/{darkside/form/select.darkside.css → src/form/select.css} +0 -0
  402. /package/{darkside/form/switch.darkside.css → src/form/switch.css} +0 -0
  403. /package/{darkside/form/text-field.darkside.css → src/form/text-field.css} +0 -0
  404. /package/{darkside/form/textarea.darkside.css → src/form/textarea.css} +0 -0
  405. /package/{darkside/guide-panel.darkside.css → src/guide-panel.css} +0 -0
  406. /package/{darkside/help-text.darkside.css → src/help-text.css} +0 -0
  407. /package/{darkside/inline-message.darkside.css → src/inline-message.css} +0 -0
  408. /package/{darkside/internalheader.darkside.css → src/internalheader.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,226 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-stepper {
3
- --__axc-stepper-circle-size: 2rem;
4
- --__axc-stepper-border-width: 2px;
5
- --__axc-stepper-line-length: 1rem;
6
- color: var(--ax-text-subtle);
7
- font-weight: var(--ax-font-weight-bold);
8
- margin: 0;
9
- padding-left: 0;
10
- line-height: 1;
11
- list-style: none;
12
- }
13
-
14
- .aksel-stepper__item {
15
- grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;
16
- grid-template-columns: var(--__axc-stepper-circle-size) auto;
17
- justify-items: flex-start;
18
- gap: var(--ax-space-8);
19
- display: grid;
20
- }
21
-
22
- .aksel-stepper__line {
23
- background-color: var(--ax-border-default);
24
- width: var(--__axc-stepper-border-width);
25
- height: 100%;
26
- min-height: var(--__axc-stepper-line-length);
27
- grid-column: 1;
28
- justify-self: center;
29
- }
30
-
31
- .aksel-stepper__item[data-interactive="false"] .aksel-stepper__line {
32
- background-color: var(--ax-border-neutral-strong);
33
- }
34
-
35
- .aksel-stepper__item:has( + .aksel-stepper__item > .aksel-stepper__step[data-interactive="false"]) .aksel-stepper__line--2 {
36
- background-color: var(--ax-border-neutral-strong);
37
- }
38
-
39
- .aksel-stepper__line--1 {
40
- grid-row: line-1;
41
- display: none;
42
- }
43
-
44
- .aksel-stepper__line--2 {
45
- grid-row: line-2;
46
- }
47
-
48
- .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
49
- display: none;
50
- }
51
-
52
- .aksel-stepper__step {
53
- grid-area: 2 / 1 / -1 / -1;
54
- grid-template-columns: [circle] var(--__axc-stepper-circle-size) [content] auto;
55
- gap: var(--ax-space-8);
56
- cursor: pointer;
57
- padding: var(--__axc-stepper-border-width);
58
- margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
59
- justify-content: flex-start;
60
- width: 100%;
61
- display: grid;
62
- }
63
-
64
- .aksel-stepper__step:focus-visible {
65
- outline: 3px solid var(--ax-border-focus);
66
- outline-offset: 3px;
67
- isolation: isolate;
68
- }
69
-
70
- .aksel-stepper__item:last-child .aksel-stepper__step {
71
- margin-bottom: 0;
72
- }
73
-
74
- .aksel-stepper__step:is(button) {
75
- appearance: none;
76
- font: inherit;
77
- color: inherit;
78
- text-align: inherit;
79
- background-color: rgba(0, 0, 0, 0);
80
- border: none;
81
- }
82
-
83
- .aksel-stepper__circle {
84
- width: var(--__axc-stepper-circle-size);
85
- height: var(--__axc-stepper-circle-size);
86
- border: var(--__axc-stepper-border-width) solid currentColor;
87
- border-radius: var(--ax-radius-full);
88
- grid-column: circle;
89
- place-content: center;
90
- place-items: center;
91
- line-height: 1;
92
- display: inline-grid;
93
- }
94
-
95
- .aksel-stepper__circle--success {
96
- font-size: calc(var(--__axc-stepper-circle-size) * .75);
97
- background: none;
98
- }
99
-
100
- .aksel-stepper__step[data-interactive="true"] {
101
- color: var(--ax-text-subtle);
102
- border-radius: var(--ax-radius-4);
103
- text-decoration: none;
104
- }
105
-
106
- .aksel-stepper__step[data-interactive="true"] .aksel-stepper__content {
107
- text-underline-offset: .1em;
108
- text-decoration: underline;
109
- text-decoration-thickness: .05em;
110
- }
111
-
112
- :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
113
- text-decoration-thickness: .111em;
114
- }
115
-
116
- .aksel-stepper__step[data-interactive="true"] .aksel-stepper__circle {
117
- color: var(--ax-text-subtle);
118
- border-color: var(--ax-border-strong);
119
- }
120
-
121
- .aksel-stepper__step[data-interactive="true"][data-active="true"] .aksel-stepper__content {
122
- text-decoration: none;
123
- }
124
-
125
- .aksel-stepper__step[data-interactive="true"][data-active="true"] .aksel-stepper__circle {
126
- color: var(--ax-text-contrast);
127
- background-color: var(--ax-bg-strong-pressed);
128
- border-color: var(--ax-bg-strong-pressed);
129
- }
130
-
131
- .aksel-stepper__step[data-interactive="true"][data-active="false"]:hover .aksel-stepper__circle {
132
- background-color: var(--ax-bg-moderate-hoverA);
133
- border-color: var(--ax-border-strong);
134
- }
135
-
136
- .aksel-stepper__step[data-interactive="false"] {
137
- color: var(--ax-text-neutral-subtle);
138
- cursor: default;
139
- }
140
-
141
- .aksel-stepper__step[data-interactive="false"] .aksel-stepper__circle {
142
- border-color: var(--ax-border-neutral-strong);
143
- }
144
-
145
- .aksel-stepper__step[data-interactive="false"][data-active="true"] .aksel-stepper__circle {
146
- color: var(--ax-text-neutral-contrast);
147
- background-color: var(--ax-bg-neutral-strong-pressed);
148
- border-color: var(--ax-bg-neutral-strong-pressed);
149
- }
150
-
151
- .aksel-stepper__content {
152
- grid-column: content;
153
- min-width: fit-content;
154
- padding-top: .16rem;
155
- line-height: 1.5;
156
- }
157
-
158
- .aksel-stepper[data-orientation="horizontal"] {
159
- text-align: center;
160
- align-items: flex-start;
161
- display: flex;
162
- }
163
-
164
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line {
165
- height: var(--__axc-stepper-border-width);
166
- grid-row: 1;
167
- align-self: center;
168
- width: 100%;
169
- min-height: auto;
170
- display: block;
171
- }
172
-
173
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line--1 {
174
- grid-column: line-1;
175
- }
176
-
177
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__line--2 {
178
- grid-column: line-2;
179
- }
180
-
181
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item {
182
- grid-template-columns: [line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];
183
- grid-template-rows: var(--__axc-stepper-circle-size) auto;
184
- flex: 100%;
185
- }
186
-
187
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1, .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
188
- visibility: hidden;
189
- }
190
-
191
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__step {
192
- grid-area: 1 / step / -1;
193
- grid-template-rows: [circle] var(--__axc-stepper-circle-size) [content] auto;
194
- grid-template-columns: [content-start] auto [circle] var(--__axc-stepper-circle-size) [content-end] auto;
195
- place-items: center;
196
- margin-bottom: 0;
197
- display: grid;
198
- }
199
-
200
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__circle {
201
- grid-area: circle / 2;
202
- }
203
-
204
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__content {
205
- grid-area: content / 1 / content / -1;
206
- max-width: 24ch;
207
- }
208
-
209
- @media (forced-colors: active) {
210
- .aksel-stepper__circle.aksel-stepper__circle {
211
- outline-offset: 2px;
212
- border: 0;
213
- outline: 2px solid buttontext;
214
- }
215
-
216
- .aksel-stepper__line.aksel-stepper__line {
217
- background-color: buttontext;
218
- }
219
-
220
- .aksel-stepper__step[data-active="true"][data-interactive] .aksel-stepper__circle {
221
- forced-color-adjust: none;
222
- color: highlighttext;
223
- background-color: highlight;
224
- }
225
- }
226
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-stepper{--__axc-stepper-circle-size: 2rem;--__axc-stepper-border-width: 2px;--__axc-stepper-line-length: 1rem;color:var(--ax-text-subtle);font-weight:var(--ax-font-weight-bold);margin:0;padding-left:0;line-height:1;list-style:none}.aksel-stepper__item{grid-template-rows:[line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-stepper-circle-size) auto;justify-items:flex-start;gap:var(--ax-space-8);display:grid}.aksel-stepper__line{background-color:var(--ax-border-default);width:var(--__axc-stepper-border-width);height:100%;min-height:var(--__axc-stepper-line-length);grid-column:1;justify-self:center}.aksel-stepper__item[data-interactive=false] .aksel-stepper__line{background-color:var(--ax-border-neutral-strong)}.aksel-stepper__item:has(+.aksel-stepper__item>.aksel-stepper__step[data-interactive=false]) .aksel-stepper__line--2{background-color:var(--ax-border-neutral-strong)}.aksel-stepper__line--1{grid-row:line-1;display:none}.aksel-stepper__line--2{grid-row:line-2}.aksel-stepper__item:last-of-type .aksel-stepper__line--2{display:none}.aksel-stepper__step{grid-area:2 / 1 / -1 / -1;grid-template-columns:[circle] var(--__axc-stepper-circle-size) [content] auto;gap:var(--ax-space-8);cursor:pointer;padding:var(--__axc-stepper-border-width);margin:calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);justify-content:flex-start;width:100%;display:grid}.aksel-stepper__step:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;isolation:isolate}.aksel-stepper__item:last-child .aksel-stepper__step{margin-bottom:0}.aksel-stepper__step:is(button){appearance:none;font:inherit;color:inherit;text-align:inherit;background-color:#0000;border:none}.aksel-stepper__circle{width:var(--__axc-stepper-circle-size);height:var(--__axc-stepper-circle-size);border:var(--__axc-stepper-border-width) solid currentColor;border-radius:var(--ax-radius-full);grid-column:circle;place-content:center;place-items:center;line-height:1;display:inline-grid}.aksel-stepper__circle--success{font-size:calc(var(--__axc-stepper-circle-size) * .75);background:none}.aksel-stepper__step[data-interactive=true]{color:var(--ax-text-subtle);border-radius:var(--ax-radius-4);text-decoration:none}.aksel-stepper__step[data-interactive=true] .aksel-stepper__content{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.05em}:is(.aksel-stepper__step[data-interactive=true]:hover,.aksel-stepper__step[data-interactive=true]:active) .aksel-stepper__content{text-decoration-thickness:.111em}.aksel-stepper__step[data-interactive=true] .aksel-stepper__circle{color:var(--ax-text-subtle);border-color:var(--ax-border-strong)}.aksel-stepper__step[data-interactive=true][data-active=true] .aksel-stepper__content{text-decoration:none}.aksel-stepper__step[data-interactive=true][data-active=true] .aksel-stepper__circle{color:var(--ax-text-contrast);background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-stepper__step[data-interactive=true][data-active=false]:hover .aksel-stepper__circle{background-color:var(--ax-bg-moderate-hoverA);border-color:var(--ax-border-strong)}.aksel-stepper__step[data-interactive=false]{color:var(--ax-text-neutral-subtle);cursor:default}.aksel-stepper__step[data-interactive=false] .aksel-stepper__circle{border-color:var(--ax-border-neutral-strong)}.aksel-stepper__step[data-interactive=false][data-active=true] .aksel-stepper__circle{color:var(--ax-text-neutral-contrast);background-color:var(--ax-bg-neutral-strong-pressed);border-color:var(--ax-bg-neutral-strong-pressed)}.aksel-stepper__content{grid-column:content;min-width:fit-content;padding-top:.16rem;line-height:1.5}.aksel-stepper[data-orientation=horizontal]{text-align:center;align-items:flex-start;display:flex}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line{height:var(--__axc-stepper-border-width);grid-row:1;align-self:center;width:100%;min-height:auto;display:block}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line--1{grid-column:line-1}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line--2{grid-column:line-2}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item{grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--__axc-stepper-circle-size) auto;flex:100%}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item:first-of-type .aksel-stepper__line--1,.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item:last-of-type .aksel-stepper__line--2{visibility:hidden}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__step{grid-area:1 / step / -1;grid-template-rows:[circle] var(--__axc-stepper-circle-size) [content] auto;grid-template-columns:[content-start] auto [circle] var(--__axc-stepper-circle-size) [content-end] auto;place-items:center;margin-bottom:0;display:grid}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__circle{grid-area:circle / 2}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__content{grid-area:content / 1 / content / -1;max-width:24ch}@media(forced-colors:active){.aksel-stepper__circle.aksel-stepper__circle{outline-offset:2px;border:0;outline:2px solid buttontext}.aksel-stepper__line.aksel-stepper__line{background-color:buttontext}.aksel-stepper__step[data-active=true][data-interactive] .aksel-stepper__circle{forced-color-adjust:none;color:highlighttext;background-color:highlight}}}
@@ -1,289 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-table {
3
- border-collapse: collapse;
4
- width: 100%;
5
- display: table;
6
- }
7
-
8
- .aksel-table.aksel-table--sticky-header {
9
- border-collapse: separate;
10
- border-spacing: 0;
11
- }
12
-
13
- .aksel-table__header {
14
- display: table-header-group;
15
- }
16
-
17
- .aksel-table--sticky-header .aksel-table__header {
18
- z-index: 10;
19
- background-color: var(--ax-bg-default);
20
- box-sizing: border-box;
21
- position: sticky;
22
- top: 0;
23
- }
24
-
25
- .aksel-table__body {
26
- display: table-row-group;
27
- }
28
-
29
- .aksel-table__body .aksel-table__row--shade-on-hover:hover {
30
- background-color: var(--ax-bg-neutral-moderate-hoverA);
31
- transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
32
- }
33
-
34
- .aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover {
35
- background-color: var(--ax-bg-moderate-hoverA);
36
- }
37
-
38
- .aksel-table__row {
39
- display: table-row;
40
- }
41
-
42
- .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
43
- border-color: var(--ax-border-default);
44
- }
45
-
46
- .aksel-table__row[data-interactive="true"]:hover {
47
- cursor: pointer;
48
- }
49
-
50
- .aksel-table__row--selected {
51
- background-color: var(--ax-bg-softA);
52
- box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
53
- }
54
-
55
- .aksel-table__row--selected:first-of-type {
56
- box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default), inset 0 1px 0 0 var(--ax-border-default);
57
- }
58
-
59
- .aksel-table__row--selected + .aksel-table__expanded-row {
60
- background-color: var(--ax-bg-softA);
61
- box-shadow: inset 1px 0 0 0 var(--ax-border-default), inset -1px 0 0 0 var(--ax-border-default);
62
- }
63
-
64
- .aksel-table__row--selected + .aksel-table__expanded-row .aksel-table__expanded-row-collapse {
65
- border-color: var(--ax-border-default);
66
- }
67
-
68
- .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
69
- border-color: var(--ax-border-default);
70
- }
71
-
72
- .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
73
- border-color: rgba(0, 0, 0, 0);
74
- }
75
-
76
- .aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)) {
77
- background-color: var(--ax-bg-neutral-softA);
78
- }
79
-
80
- .aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)) {
81
- background-color: rgba(0, 0, 0, 0);
82
- }
83
-
84
- .aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n) {
85
- background-color: var(--ax-bg-neutral-softA);
86
- }
87
-
88
- .aksel-table--zebra-stripes .aksel-table__row--selected + .aksel-table__expanded-row:nth-child(4n) {
89
- background-color: var(--ax-bg-softA);
90
- }
91
-
92
- .aksel-table__header-cell, .aksel-table__data-cell {
93
- padding: var(--ax-space-12) var(--ax-space-8);
94
- border-bottom: 1px solid var(--ax-border-neutral-subtleA);
95
- text-align: left;
96
- display: table-cell;
97
- }
98
-
99
- .aksel-table__header .aksel-table__header-cell, .aksel-table__header .aksel-table__data-cell {
100
- border-bottom-width: 2px;
101
- }
102
-
103
- .aksel-table__header-cell--align-right, .aksel-table__data-cell--align-right {
104
- text-align: right;
105
- }
106
-
107
- .aksel-table__header-cell--align-center, .aksel-table__data-cell--align-center {
108
- text-align: center;
109
- }
110
-
111
- :where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell {
112
- border-bottom-color: rgba(0, 0, 0, 0);
113
- }
114
-
115
- .aksel-table--large .aksel-table__header-cell, .aksel-table--large .aksel-table__data-cell {
116
- padding: var(--ax-space-16) var(--ax-space-8);
117
- }
118
-
119
- .aksel-table--small .aksel-table__header-cell, .aksel-table--small .aksel-table__data-cell {
120
- padding: var(--ax-space-4) var(--ax-space-8);
121
- }
122
-
123
- .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox {
124
- padding: 0;
125
- }
126
-
127
- .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
128
- inset: 0;
129
- }
130
-
131
- .aksel-table__header-cell[aria-sort] {
132
- padding: 0;
133
- }
134
-
135
- .aksel-table__sort-button {
136
- appearance: none;
137
- color: var(--ax-text-subtle);
138
- cursor: pointer;
139
- padding: var(--ax-space-16) var(--ax-space-12);
140
- gap: var(--ax-space-4);
141
- width: 100%;
142
- line-height: inherit;
143
- font-weight: inherit;
144
- background: none;
145
- border: none;
146
- align-items: center;
147
- margin: 0;
148
- display: flex;
149
- }
150
-
151
- .aksel-table--small .aksel-table__sort-button {
152
- padding: var(--ax-space-8) var(--ax-space-12);
153
- }
154
-
155
- .aksel-table__sort-button:hover {
156
- background-color: var(--ax-bg-neutral-moderate-hoverA);
157
- }
158
-
159
- .aksel-table__sort-button:focus-visible {
160
- outline: 3px solid var(--ax-border-focus);
161
- outline-offset: -5px;
162
- }
163
-
164
- .aksel-table__header-cell[aria-sort="ascending"] .aksel-table__sort-button, .aksel-table__header-cell[aria-sort="descending"] .aksel-table__sort-button {
165
- background-color: var(--ax-bg-moderate-pressedA);
166
- color: var(--ax-text-default);
167
- }
168
-
169
- .aksel-table__header-cell--align-right .aksel-table__sort-button {
170
- justify-content: flex-end;
171
- }
172
-
173
- .aksel-table__header-cell--align-center .aksel-table__sort-button {
174
- justify-content: center;
175
- }
176
-
177
- .aksel-table__sort-button svg {
178
- flex-shrink: 0;
179
- font-size: 1.5rem;
180
- }
181
-
182
- .aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell, .aksel-table__header-cell) {
183
- transition: border-bottom-color .15s cubic-bezier(.95, .05, .8, .04);
184
- }
185
-
186
- .aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover {
187
- cursor: pointer;
188
- }
189
-
190
- .aksel-table__expandable-row--open :where(.aksel-table__data-cell, .aksel-table__header-cell) {
191
- border-bottom-color: rgba(0, 0, 0, 0);
192
- }
193
-
194
- .aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open {
195
- border-color: rgba(0, 0, 0, 0);
196
- }
197
-
198
- .aksel-table__toggle-expand-cell {
199
- width: 3rem;
200
- padding: 0;
201
- }
202
-
203
- .aksel-table--large .aksel-table__toggle-expand-cell {
204
- padding: 0 var(--ax-space-8);
205
- }
206
-
207
- .aksel-table--small .aksel-table__toggle-expand-cell {
208
- padding: var(--ax-space-4) var(--ax-space-8);
209
- }
210
-
211
- .aksel-table__toggle-expand-button {
212
- cursor: pointer;
213
- border-radius: var(--ax-radius-4);
214
- background: none;
215
- border: none;
216
- place-content: center;
217
- width: 2rem;
218
- height: 2rem;
219
- margin: 0 auto;
220
- font-size: 1.5rem;
221
- transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
222
- display: grid;
223
- }
224
-
225
- .aksel-table__expandable-icon {
226
- transition: transform .25s cubic-bezier(.2, 0, 0, 1);
227
- }
228
-
229
- .aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover {
230
- cursor: pointer;
231
- }
232
-
233
- .aksel-table__toggle-expand-button:hover, .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button {
234
- background-color: var(--ax-bg-neutral-moderate-hoverA);
235
- }
236
-
237
- .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover, :scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, :scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
238
- background-color: var(--ax-bg-moderate-hoverA);
239
- }
240
-
241
- .aksel-table__toggle-expand-cell--open > :where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon) {
242
- transform: rotateX(180deg);
243
- }
244
-
245
- .aksel-table__toggle-expand-button:focus-visible {
246
- outline: 3px solid var(--ax-border-focus);
247
- }
248
-
249
- .aksel-table__expanded-row-cell {
250
- padding: 0;
251
- }
252
-
253
- .aksel-table__expanded-row-cell:empty {
254
- display: none;
255
- }
256
-
257
- .aksel-table__expanded-row-collapse:not([style*="height: 0px;"]), .aksel-table__expanded-row-collapse[style*="transition:"] {
258
- border-bottom: 1px solid var(--ax-border-neutral-subtleA);
259
- }
260
-
261
- .aksel-table__expanded-row:has( + .aksel-table__row--selected) .aksel-table__expanded-row-collapse {
262
- border-color: var(--ax-border-default);
263
- }
264
-
265
- .aksel-table__expanded-row-content {
266
- --__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
267
- padding-block: var(--ax-space-16);
268
- }
269
-
270
- .aksel-table--small .aksel-table__expanded-row-content {
271
- padding-block: var(--ax-space-8);
272
- }
273
-
274
- .aksel-table__expanded-row-content--gutter-both {
275
- padding-inline: var(--__ac-table-expanded-row-pi);
276
- }
277
-
278
- .aksel-table__expanded-row-content--gutter-left {
279
- padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
280
- }
281
-
282
- .aksel-table__expanded-row-content--gutter-right {
283
- padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
284
- }
285
-
286
- .aksel-table__expanded-row-content--gutter-none {
287
- padding-inline: var(--ax-space-8);
288
- }
289
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table.aksel-table--sticky-header{border-collapse:separate;border-spacing:0}.aksel-table__header{display:table-header-group}.aksel-table--sticky-header .aksel-table__header{z-index:10;background-color:var(--ax-bg-default);box-sizing:border-box;position:sticky;top:0}.aksel-table__body{display:table-row-group}.aksel-table__body .aksel-table__row--shade-on-hover:hover{background-color:var(--ax-bg-neutral-moderate-hoverA);transition:background-color 70ms cubic-bezier(.2,0,0,1)}.aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row:has(+.aksel-table__row--selected) :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row[data-interactive=true]:hover{cursor:pointer}.aksel-table__row--selected{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected:first-of-type{box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default),inset 0 1px 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__row--selected :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)){background-color:#0000}.aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__row--selected+.aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-softA)}.aksel-table__header-cell,.aksel-table__data-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-neutral-subtleA);text-align:left;display:table-cell}.aksel-table__header .aksel-table__header-cell,.aksel-table__header .aksel-table__data-cell{border-bottom-width:2px}.aksel-table__header-cell--align-right,.aksel-table__data-cell--align-right{text-align:right}.aksel-table__header-cell--align-center,.aksel-table__data-cell--align-center{text-align:center}:where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell{border-bottom-color:#0000}.aksel-table--large .aksel-table__header-cell,.aksel-table--large .aksel-table__data-cell{padding:var(--ax-space-16) var(--ax-space-8)}.aksel-table--small .aksel-table__header-cell,.aksel-table--small .aksel-table__data-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox{padding:0}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after{inset:0}.aksel-table__header-cell[aria-sort]{padding:0}.aksel-table__sort-button{appearance:none;color:var(--ax-text-subtle);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-4);width:100%;line-height:inherit;font-weight:inherit;background:none;border:none;align-items:center;margin:0;display:flex}.aksel-table--small .aksel-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.aksel-table__sort-button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__sort-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-5px}.aksel-table__header-cell[aria-sort=ascending] .aksel-table__sort-button,.aksel-table__header-cell[aria-sort=descending] .aksel-table__sort-button{background-color:var(--ax-bg-moderate-pressedA);color:var(--ax-text-default)}.aksel-table__header-cell--align-right .aksel-table__sort-button{justify-content:flex-end}.aksel-table__header-cell--align-center .aksel-table__sort-button{justify-content:center}.aksel-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell,.aksel-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95,.05,.8,.04)}.aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover{cursor:pointer}.aksel-table__expandable-row--open :where(.aksel-table__data-cell,.aksel-table__header-cell){border-bottom-color:#0000}.aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open{border-color:#0000}.aksel-table__toggle-expand-cell{width:3rem;padding:0}.aksel-table--large .aksel-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.aksel-table--small .aksel-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-radius-4);background:none;border:none;place-content:center;width:2rem;height:2rem;margin:0 auto;font-size:1.5rem;transition:background-color 70ms cubic-bezier(.2,0,0,1);display:grid}.aksel-table__expandable-icon{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover{cursor:pointer}.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover,:scope .aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button){background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__toggle-expand-cell--open>:where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon){transform:rotateX(180deg)}.aksel-table__toggle-expand-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-table__expanded-row-cell{padding:0}.aksel-table__expanded-row-cell:empty{display:none}.aksel-table__expanded-row-collapse:not([style*="height: 0px;"]),.aksel-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-table__expanded-row:has(+.aksel-table__row--selected) .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__expanded-row-content{--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);padding-block:var(--ax-space-16)}.aksel-table--small .aksel-table__expanded-row-content{padding-block:var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-right{padding-inline:var(--ax-space-8) var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-none{padding-inline:var(--ax-space-8)}}
@@ -1,138 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-tabs__tablist-wrapper {
3
- box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
4
- width: 100%;
5
- display: flex;
6
- }
7
-
8
- .aksel-tabs__tablist {
9
- scroll-behavior: smooth;
10
- -ms-overflow-style: none;
11
- scrollbar-width: none;
12
- width: 100%;
13
- max-width: 100%;
14
- display: flex;
15
- overflow-x: scroll;
16
- }
17
-
18
- .aksel-tabs__tablist::-webkit-scrollbar {
19
- display: none;
20
- }
21
-
22
- .aksel-tabs__scroll-button {
23
- padding: var(--ax-space-12) var(--ax-space-16);
24
- cursor: pointer;
25
- justify-content: center;
26
- align-items: center;
27
- width: 2.75rem;
28
- display: flex;
29
- }
30
-
31
- .aksel-tabs__scroll-button svg {
32
- flex-shrink: 0;
33
- font-size: 1.25rem;
34
- }
35
-
36
- .aksel-tabs--small .aksel-tabs__scroll-button {
37
- padding: var(--ax-space-6) var(--ax-space-16);
38
- width: 2rem;
39
- }
40
-
41
- .aksel-tabs__scroll-button--hidden {
42
- visibility: hidden;
43
- }
44
-
45
- .aksel-tabs__tab {
46
- min-height: 3rem;
47
- padding: var(--ax-space-12) var(--ax-space-16);
48
- color: var(--ax-text-neutral);
49
- cursor: pointer;
50
- --__axc-tabs-line-width: 0;
51
- --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
52
- box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
53
- background: none;
54
- border: none;
55
- justify-content: center;
56
- align-items: center;
57
- transition: box-shadow .2s cubic-bezier(.2, 0, 0, 1);
58
- display: inline-flex;
59
- }
60
-
61
- .aksel-tabs__tab:hover {
62
- --__axc-tabs-line-width: -4px;
63
- }
64
-
65
- .aksel-tabs__tab[data-state="active"] {
66
- --__axc-tabs-line-width: -4px;
67
- --__axc-tabs-line-color: var(--ax-border-strong);
68
- }
69
-
70
- .aksel-tabs__tab:focus-visible {
71
- outline: 3px solid var(--ax-border-focus);
72
- outline-offset: -3px;
73
- }
74
-
75
- .aksel-tabs__tab-inner {
76
- align-items: center;
77
- gap: var(--ax-space-4);
78
- display: flex;
79
- }
80
-
81
- .aksel-tabs__tab-inner > * {
82
- display: inline-flex;
83
- }
84
-
85
- .aksel-tabs__tab-inner svg {
86
- flex-shrink: 0;
87
- }
88
-
89
- .aksel-tabs__tab-icon--top > .aksel-tabs__tab-inner {
90
- flex-direction: column;
91
- gap: 0;
92
- }
93
-
94
- .aksel-tabs__tab--small {
95
- min-height: 2rem;
96
- padding: var(--ax-space-6) var(--ax-space-16);
97
- }
98
-
99
- .aksel-tabs__tab-icon--top, .aksel-tabs__tab--small.aksel-tabs__tab-icon--top {
100
- padding: var(--ax-space-4) var(--ax-space-16);
101
- }
102
-
103
- .aksel-tabs__tab svg, .aksel-tabs__tab--small.aksel-tabs__tab--icon-only svg, .aksel-tabs__tab--small.aksel-tabs__tab-icon--top svg {
104
- font-size: 1.25rem;
105
- }
106
-
107
- .aksel-tabs__tab--small svg {
108
- font-size: 1rem;
109
- }
110
-
111
- :is(.aksel-tabs__tab--icon-only, .aksel-tabs__tab-icon--top) svg {
112
- font-size: 1.5rem;
113
- }
114
-
115
- .aksel-tabs__tab--fill {
116
- flex: 100%;
117
- }
118
-
119
- .aksel-tabs__tabpanel:focus-visible {
120
- outline: 3px solid var(--ax-border-focus);
121
- outline-offset: -3px;
122
- }
123
-
124
- @media (forced-colors: active) {
125
- .aksel-tabs__tab[data-state="active"] {
126
- border-bottom: 3px solid canvastext;
127
- padding-block-end: calc(var(--ax-space-12) - 3px);
128
- }
129
-
130
- .aksel-tabs__tab--small[data-state="active"] {
131
- padding-block-end: calc(var(--ax-space-6) - 3px);
132
- }
133
-
134
- .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
135
- padding-block-end: calc(var(--ax-space-4) - 3px);
136
- }
137
- }
138
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-tabs__tablist-wrapper{box-shadow:inset 0 -1px var(--ax-border-neutral-subtleA);width:100%;display:flex}.aksel-tabs__tablist{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%;display:flex;overflow-x:scroll}.aksel-tabs__tablist::-webkit-scrollbar{display:none}.aksel-tabs__scroll-button{padding:var(--ax-space-12) var(--ax-space-16);cursor:pointer;justify-content:center;align-items:center;width:2.75rem;display:flex}.aksel-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.aksel-tabs--small .aksel-tabs__scroll-button{padding:var(--ax-space-6) var(--ax-space-16);width:2rem}.aksel-tabs__scroll-button--hidden{visibility:hidden}.aksel-tabs__tab{min-height:3rem;padding:var(--ax-space-12) var(--ax-space-16);color:var(--ax-text-neutral);cursor:pointer;--__axc-tabs-line-width: 0;--__axc-tabs-line-color: var(--ax-border-neutral-subtleA);box-shadow:inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);background:none;border:none;justify-content:center;align-items:center;transition:box-shadow .2s cubic-bezier(.2,0,0,1);display:inline-flex}.aksel-tabs__tab:hover{--__axc-tabs-line-width: -4px}.aksel-tabs__tab[data-state=active]{--__axc-tabs-line-width: -4px;--__axc-tabs-line-color: var(--ax-border-strong)}.aksel-tabs__tab:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-tabs__tab-inner{align-items:center;gap:var(--ax-space-4);display:flex}.aksel-tabs__tab-inner>*{display:inline-flex}.aksel-tabs__tab-inner svg{flex-shrink:0}.aksel-tabs__tab-icon--top>.aksel-tabs__tab-inner{flex-direction:column;gap:0}.aksel-tabs__tab--small{min-height:2rem;padding:var(--ax-space-6) var(--ax-space-16)}.aksel-tabs__tab-icon--top,.aksel-tabs__tab--small.aksel-tabs__tab-icon--top{padding:var(--ax-space-4) var(--ax-space-16)}.aksel-tabs__tab svg,.aksel-tabs__tab--small.aksel-tabs__tab--icon-only svg,.aksel-tabs__tab--small.aksel-tabs__tab-icon--top svg{font-size:1.25rem}.aksel-tabs__tab--small svg{font-size:1rem}:is(.aksel-tabs__tab--icon-only,.aksel-tabs__tab-icon--top) svg{font-size:1.5rem}.aksel-tabs__tab--fill{flex:100%}.aksel-tabs__tabpanel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}@media(forced-colors:active){.aksel-tabs__tab[data-state=active]{border-bottom:3px solid canvastext;padding-block-end:calc(var(--ax-space-12) - 3px)}.aksel-tabs__tab--small[data-state=active]{padding-block-end:calc(var(--ax-space-6) - 3px)}.aksel-tabs__tab-icon--top[data-state=active],.aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state=active]{padding-block-end:calc(var(--ax-space-4) - 3px)}}}