@navikt/ds-css 7.11.0 → 7.12.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 (262) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/darkside/accordion.darkside.css +7 -7
  3. package/darkside/action-menu.darkside.css +10 -10
  4. package/darkside/baseline/baseline.darkside.css +2 -1
  5. package/darkside/button.darkside.css +22 -30
  6. package/darkside/chat.darkside.css +5 -5
  7. package/darkside/chips.darkside.css +12 -12
  8. package/darkside/copybutton.darkside.css +1 -134
  9. package/darkside/date.darkside.css +10 -14
  10. package/darkside/expansioncard.darkside.css +6 -6
  11. package/darkside/form/combobox.darkside.css +18 -18
  12. package/darkside/form/fieldset.darkside.css +1 -1
  13. package/darkside/form/file-upload.darkside.css +11 -11
  14. package/darkside/form/form-progress.darkside.css +19 -21
  15. package/darkside/form/form-summary.darkside.css +8 -8
  16. package/darkside/form/form.darkside.css +2 -2
  17. package/darkside/form/radio-checkbox.darkside.css +11 -11
  18. package/darkside/form/search.darkside.css +1 -5
  19. package/darkside/form/select.darkside.css +10 -10
  20. package/darkside/form/switch.darkside.css +12 -12
  21. package/darkside/form/text-field.darkside.css +6 -6
  22. package/darkside/form/textarea.darkside.css +8 -8
  23. package/darkside/guide-panel.darkside.css +6 -2
  24. package/darkside/help-text.darkside.css +3 -3
  25. package/darkside/internalheader.darkside.css +9 -9
  26. package/darkside/link.darkside.css +5 -5
  27. package/darkside/list.darkside.css +1 -6
  28. package/darkside/loader.darkside.css +5 -5
  29. package/darkside/modal.darkside.css +3 -3
  30. package/darkside/pagination.darkside.css +2 -2
  31. package/darkside/popover.darkside.css +8 -2
  32. package/darkside/primitives/page.darkside.css +2 -2
  33. package/darkside/progress-bar.darkside.css +2 -2
  34. package/darkside/read-more.darkside.css +5 -6
  35. package/darkside/skeleton.darkside.css +1 -1
  36. package/darkside/stepper.darkside.css +10 -22
  37. package/darkside/table.darkside.css +38 -21
  38. package/darkside/tabs.darkside.css +3 -3
  39. package/darkside/tag.darkside.css +21 -21
  40. package/darkside/theme.darkside.css +1 -1
  41. package/darkside/timeline.darkside.css +21 -16
  42. package/darkside/toggle-group.darkside.css +7 -7
  43. package/darkside/tooltip.darkside.css +4 -4
  44. package/darkside/typography.darkside.css +2 -2
  45. package/dist/component/alert.min.css +1 -1
  46. package/dist/component/chat.min.css +1 -1
  47. package/dist/component/date.min.css +1 -1
  48. package/dist/component/expansioncard.min.css +1 -1
  49. package/dist/component/form.min.css +1 -1
  50. package/dist/component/list.min.css +1 -1
  51. package/dist/component/modal.min.css +1 -1
  52. package/dist/component/primitives.min.css +1 -1
  53. package/dist/component/skeleton.min.css +1 -1
  54. package/dist/component/stepper.min.css +1 -1
  55. package/dist/component/table.css +2 -2
  56. package/dist/component/table.min.css +1 -1
  57. package/dist/component/tabs.min.css +1 -1
  58. package/dist/component/tag.css +6 -6
  59. package/dist/component/tag.min.css +1 -1
  60. package/dist/component/timeline.min.css +1 -1
  61. package/dist/component/togglegroup.min.css +1 -1
  62. package/dist/components.css +8 -8
  63. package/dist/components.min.css +3 -3
  64. package/dist/darkside/component/accordion.css +13 -28
  65. package/dist/darkside/component/accordion.min.css +1 -1
  66. package/dist/darkside/component/actionmenu.css +11 -19
  67. package/dist/darkside/component/actionmenu.min.css +1 -1
  68. package/dist/darkside/component/alert.css +5 -13
  69. package/dist/darkside/component/alert.min.css +1 -1
  70. package/dist/darkside/component/button.css +22 -62
  71. package/dist/darkside/component/button.min.css +1 -1
  72. package/dist/darkside/component/chat.css +7 -16
  73. package/dist/darkside/component/chat.min.css +1 -1
  74. package/dist/darkside/component/chips.css +12 -12
  75. package/dist/darkside/component/chips.min.css +1 -1
  76. package/dist/darkside/component/copybutton.css +1 -126
  77. package/dist/darkside/component/copybutton.min.css +1 -1
  78. package/dist/darkside/component/date.css +19 -73
  79. package/dist/darkside/component/date.min.css +1 -1
  80. package/dist/darkside/component/dropdown.css +1 -2
  81. package/dist/darkside/component/dropdown.min.css +1 -1
  82. package/dist/darkside/component/expansioncard.css +11 -37
  83. package/dist/darkside/component/expansioncard.min.css +1 -1
  84. package/dist/darkside/component/form.css +124 -299
  85. package/dist/darkside/component/form.min.css +1 -1
  86. package/dist/darkside/component/guidepanel.css +7 -19
  87. package/dist/darkside/component/guidepanel.min.css +1 -1
  88. package/dist/darkside/component/helptext.css +4 -8
  89. package/dist/darkside/component/helptext.min.css +1 -1
  90. package/dist/darkside/component/internalheader.css +10 -19
  91. package/dist/darkside/component/internalheader.min.css +1 -1
  92. package/dist/darkside/component/link.css +6 -10
  93. package/dist/darkside/component/link.min.css +1 -1
  94. package/dist/darkside/component/list.css +3 -7
  95. package/dist/darkside/component/list.min.css +1 -1
  96. package/dist/darkside/component/loader.css +5 -5
  97. package/dist/darkside/component/loader.min.css +1 -1
  98. package/dist/darkside/component/modal.css +6 -23
  99. package/dist/darkside/component/modal.min.css +1 -1
  100. package/dist/darkside/component/pagination.css +2 -2
  101. package/dist/darkside/component/pagination.min.css +1 -1
  102. package/dist/darkside/component/popover.css +8 -2
  103. package/dist/darkside/component/popover.min.css +1 -1
  104. package/dist/darkside/component/primitives.css +6 -20
  105. package/dist/darkside/component/primitives.min.css +1 -1
  106. package/dist/darkside/component/progressbar.css +2 -2
  107. package/dist/darkside/component/progressbar.min.css +1 -1
  108. package/dist/darkside/component/readmore.css +6 -21
  109. package/dist/darkside/component/readmore.min.css +1 -1
  110. package/dist/darkside/component/skeleton.css +1 -2
  111. package/dist/darkside/component/skeleton.min.css +1 -1
  112. package/dist/darkside/component/stepper.css +12 -42
  113. package/dist/darkside/component/stepper.min.css +1 -1
  114. package/dist/darkside/component/table.css +35 -24
  115. package/dist/darkside/component/table.min.css +1 -1
  116. package/dist/darkside/component/tabs.css +6 -6
  117. package/dist/darkside/component/tabs.min.css +1 -1
  118. package/dist/darkside/component/tag.css +22 -33
  119. package/dist/darkside/component/tag.min.css +1 -1
  120. package/dist/darkside/component/theme.css +1 -1
  121. package/dist/darkside/component/theme.min.css +1 -1
  122. package/dist/darkside/component/timeline.css +23 -28
  123. package/dist/darkside/component/timeline.min.css +1 -1
  124. package/dist/darkside/component/togglegroup.css +7 -8
  125. package/dist/darkside/component/togglegroup.min.css +1 -1
  126. package/dist/darkside/component/tooltip.css +4 -4
  127. package/dist/darkside/component/tooltip.min.css +1 -1
  128. package/dist/darkside/component/typography.css +2 -2
  129. package/dist/darkside/component/typography.min.css +1 -1
  130. package/dist/darkside/components.css +404 -975
  131. package/dist/darkside/components.min.css +1 -1
  132. package/dist/darkside/global/baseline.css +1 -1
  133. package/dist/darkside/global/baseline.min.css +1 -1
  134. package/dist/darkside/global/tokens.css +802 -846
  135. package/dist/darkside/global/tokens.min.css +1 -1
  136. package/dist/darkside/index.css +1241 -1856
  137. package/dist/darkside/index.min.css +1 -1
  138. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/accordion.css +13 -28
  139. package/dist/darkside/version/7.12.1/component/accordion.min.css +1 -0
  140. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/actionmenu.css +11 -19
  141. package/dist/darkside/version/7.12.1/component/actionmenu.min.css +1 -0
  142. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/alert.css +5 -13
  143. package/dist/darkside/version/7.12.1/component/alert.min.css +1 -0
  144. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/button.css +22 -62
  145. package/dist/darkside/version/7.12.1/component/button.min.css +1 -0
  146. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/chat.css +7 -16
  147. package/dist/darkside/version/7.12.1/component/chat.min.css +1 -0
  148. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/chips.css +12 -12
  149. package/dist/darkside/version/7.12.1/component/chips.min.css +1 -0
  150. package/dist/darkside/version/7.12.1/component/copybutton.css +23 -0
  151. package/dist/darkside/version/7.12.1/component/copybutton.min.css +1 -0
  152. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/date.css +19 -73
  153. package/dist/darkside/version/7.12.1/component/date.min.css +1 -0
  154. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/dropdown.css +1 -2
  155. package/dist/darkside/version/7.12.1/component/dropdown.min.css +1 -0
  156. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/expansioncard.css +11 -37
  157. package/dist/darkside/version/7.12.1/component/expansioncard.min.css +1 -0
  158. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/form.css +124 -299
  159. package/dist/darkside/version/7.12.1/component/form.min.css +1 -0
  160. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/guidepanel.css +7 -19
  161. package/dist/darkside/version/7.12.1/component/guidepanel.min.css +1 -0
  162. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/helptext.css +4 -8
  163. package/dist/darkside/version/7.12.1/component/helptext.min.css +1 -0
  164. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/internalheader.css +10 -19
  165. package/dist/darkside/version/7.12.1/component/internalheader.min.css +1 -0
  166. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/link.css +6 -10
  167. package/dist/darkside/version/7.12.1/component/link.min.css +1 -0
  168. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/list.css +3 -7
  169. package/dist/darkside/version/7.12.1/component/list.min.css +1 -0
  170. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/loader.css +5 -5
  171. package/dist/darkside/version/7.12.1/component/loader.min.css +1 -0
  172. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/modal.css +6 -23
  173. package/dist/darkside/version/7.12.1/component/modal.min.css +1 -0
  174. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/pagination.css +2 -2
  175. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/pagination.min.css +1 -1
  176. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/popover.css +8 -2
  177. package/dist/darkside/version/7.12.1/component/popover.min.css +1 -0
  178. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/primitives.css +6 -20
  179. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/primitives.min.css +1 -1
  180. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/progressbar.css +2 -2
  181. package/dist/darkside/version/7.12.1/component/progressbar.min.css +1 -0
  182. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/readmore.css +6 -21
  183. package/dist/darkside/version/7.12.1/component/readmore.min.css +1 -0
  184. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/skeleton.css +1 -2
  185. package/dist/darkside/version/7.12.1/component/skeleton.min.css +1 -0
  186. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/stepper.css +12 -42
  187. package/dist/darkside/version/7.12.1/component/stepper.min.css +1 -0
  188. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/table.css +35 -24
  189. package/dist/darkside/version/7.12.1/component/table.min.css +1 -0
  190. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tabs.css +6 -6
  191. package/dist/darkside/version/7.12.1/component/tabs.min.css +1 -0
  192. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tag.css +22 -33
  193. package/dist/darkside/version/7.12.1/component/tag.min.css +1 -0
  194. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/theme.css +1 -1
  195. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/theme.min.css +1 -1
  196. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/timeline.css +23 -28
  197. package/dist/darkside/version/7.12.1/component/timeline.min.css +1 -0
  198. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/togglegroup.css +7 -8
  199. package/dist/darkside/version/7.12.1/component/togglegroup.min.css +1 -0
  200. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/tooltip.css +4 -4
  201. package/dist/darkside/version/7.12.1/component/tooltip.min.css +1 -0
  202. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/typography.css +2 -2
  203. package/dist/darkside/version/{7.11.0 → 7.12.1}/component/typography.min.css +1 -1
  204. package/dist/darkside/version/{7.11.0 → 7.12.1}/components.css +404 -975
  205. package/dist/darkside/version/7.12.1/components.min.css +1 -0
  206. package/dist/darkside/version/{7.11.0 → 7.12.1}/global/baseline.css +1 -1
  207. package/dist/darkside/version/7.12.1/global/baseline.min.css +1 -0
  208. package/dist/darkside/version/7.12.1/global/tokens.css +817 -0
  209. package/dist/darkside/version/7.12.1/global/tokens.min.css +1 -0
  210. package/dist/darkside/version/{7.11.0 → 7.12.1}/index.css +1241 -1856
  211. package/dist/darkside/version/7.12.1/index.min.css +1 -0
  212. package/dist/global/baseline.min.css +1 -1
  213. package/dist/global/tokens.css +324 -324
  214. package/dist/global/tokens.min.css +1 -1
  215. package/dist/index.css +332 -332
  216. package/dist/index.min.css +4 -4
  217. package/package.json +3 -3
  218. package/table.css +2 -2
  219. package/tag.css +6 -6
  220. package/dist/darkside/version/7.11.0/component/accordion.min.css +0 -1
  221. package/dist/darkside/version/7.11.0/component/actionmenu.min.css +0 -1
  222. package/dist/darkside/version/7.11.0/component/alert.min.css +0 -1
  223. package/dist/darkside/version/7.11.0/component/button.min.css +0 -1
  224. package/dist/darkside/version/7.11.0/component/chat.min.css +0 -1
  225. package/dist/darkside/version/7.11.0/component/chips.min.css +0 -1
  226. package/dist/darkside/version/7.11.0/component/copybutton.css +0 -148
  227. package/dist/darkside/version/7.11.0/component/copybutton.min.css +0 -1
  228. package/dist/darkside/version/7.11.0/component/date.min.css +0 -1
  229. package/dist/darkside/version/7.11.0/component/dropdown.min.css +0 -1
  230. package/dist/darkside/version/7.11.0/component/expansioncard.min.css +0 -1
  231. package/dist/darkside/version/7.11.0/component/form.min.css +0 -1
  232. package/dist/darkside/version/7.11.0/component/guidepanel.min.css +0 -1
  233. package/dist/darkside/version/7.11.0/component/helptext.min.css +0 -1
  234. package/dist/darkside/version/7.11.0/component/internalheader.min.css +0 -1
  235. package/dist/darkside/version/7.11.0/component/link.min.css +0 -1
  236. package/dist/darkside/version/7.11.0/component/list.min.css +0 -1
  237. package/dist/darkside/version/7.11.0/component/loader.min.css +0 -1
  238. package/dist/darkside/version/7.11.0/component/modal.min.css +0 -1
  239. package/dist/darkside/version/7.11.0/component/popover.min.css +0 -1
  240. package/dist/darkside/version/7.11.0/component/progressbar.min.css +0 -1
  241. package/dist/darkside/version/7.11.0/component/readmore.min.css +0 -1
  242. package/dist/darkside/version/7.11.0/component/skeleton.min.css +0 -1
  243. package/dist/darkside/version/7.11.0/component/stepper.min.css +0 -1
  244. package/dist/darkside/version/7.11.0/component/table.min.css +0 -1
  245. package/dist/darkside/version/7.11.0/component/tabs.min.css +0 -1
  246. package/dist/darkside/version/7.11.0/component/tag.min.css +0 -1
  247. package/dist/darkside/version/7.11.0/component/timeline.min.css +0 -1
  248. package/dist/darkside/version/7.11.0/component/togglegroup.min.css +0 -1
  249. package/dist/darkside/version/7.11.0/component/tooltip.min.css +0 -1
  250. package/dist/darkside/version/7.11.0/components.min.css +0 -1
  251. package/dist/darkside/version/7.11.0/global/baseline.min.css +0 -1
  252. package/dist/darkside/version/7.11.0/global/tokens.css +0 -861
  253. package/dist/darkside/version/7.11.0/global/tokens.min.css +0 -1
  254. package/dist/darkside/version/7.11.0/index.min.css +0 -1
  255. /package/dist/darkside/version/{7.11.0 → 7.12.1}/component/panel.css +0 -0
  256. /package/dist/darkside/version/{7.11.0 → 7.12.1}/component/panel.min.css +0 -0
  257. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/fonts.css +0 -0
  258. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/fonts.min.css +0 -0
  259. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/print.css +0 -0
  260. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/print.min.css +0 -0
  261. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/reset.css +0 -0
  262. /package/dist/darkside/version/{7.11.0 → 7.12.1}/global/reset.min.css +0 -0
@@ -203,7 +203,7 @@
203
203
  }
204
204
 
205
205
  .navds-error-message {
206
- color: var(--ax-text-danger);
206
+ color: var(--ax-text-danger-subtle);
207
207
  }
208
208
 
209
209
  .navds-error-message.navds-error-message--show-icon {
@@ -254,7 +254,7 @@
254
254
  }
255
255
 
256
256
  .navds-typo--color-subtle {
257
- color: var(--ax-text-subtle);
257
+ color: var(--ax-text-neutral-subtle);
258
258
  }
259
259
 
260
260
  .navds-button {
@@ -345,10 +345,6 @@
345
345
  background-color: var(--ax-bg-accent-strong-pressed);
346
346
  }
347
347
 
348
- .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
349
- background-color: var(--ax-bg-accent-strong);
350
- }
351
-
352
348
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
353
349
  background-color: var(--ax-bg-accent-strong);
354
350
  }
@@ -365,29 +361,25 @@
365
361
  }
366
362
 
367
363
  .navds-button--primary-neutral {
368
- background-color: var(--ax-bg-strong);
369
- color: var(--ax-text-contrast);
364
+ background-color: var(--ax-bg-neutral-strong);
365
+ color: var(--ax-text-neutral-contrast);
370
366
  }
371
367
 
372
368
  .navds-button--primary-neutral:hover {
373
- background-color: var(--ax-bg-strong-hover);
369
+ background-color: var(--ax-bg-neutral-strong-hover);
374
370
  }
375
371
 
376
372
  .navds-button--primary-neutral:active {
377
- background-color: var(--ax-bg-strong-pressed);
378
- }
379
-
380
- .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
381
- background-color: var(--ax-bg-strong);
373
+ background-color: var(--ax-bg-neutral-strong-pressed);
382
374
  }
383
375
 
384
376
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
385
- background-color: var(--ax-bg-strong);
377
+ background-color: var(--ax-bg-neutral-strong);
386
378
  }
387
379
 
388
380
  .navds-button--secondary {
389
381
  --__axc-button-border-color: var(--ax-border-accent);
390
- color: var(--ax-text-accent);
382
+ color: var(--ax-text-accent-subtle);
391
383
  background-color: rgba(0, 0, 0, 0);
392
384
  }
393
385
 
@@ -397,54 +389,38 @@
397
389
  }
398
390
 
399
391
  .navds-button--secondary:active {
400
- --__axc-button-border-color: transparent;
401
- background-color: var(--ax-bg-accent-strong-pressed);
402
- color: var(--ax-text-accent-contrast);
403
- }
404
-
405
- .navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
406
- --__axc-button-border-color: var(--ax-border-accent);
407
- color: var(--ax-text-accent);
408
- background-color: rgba(0, 0, 0, 0);
392
+ background-color: var(--ax-bg-accent-moderate-pressedA);
409
393
  }
410
394
 
411
395
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
412
396
  --__axc-button-border-color: var(--ax-border-accent);
413
- color: var(--ax-text-accent);
397
+ color: var(--ax-text-accent-subtle);
414
398
  background-color: rgba(0, 0, 0, 0);
415
399
  }
416
400
 
417
401
  .navds-button--secondary-neutral {
418
- --__axc-button-border-color: var(--ax-border-default);
419
- color: var(--ax-text-default);
402
+ --__axc-button-border-color: var(--ax-border-neutral);
403
+ color: var(--ax-text-neutral);
420
404
  background-color: rgba(0, 0, 0, 0);
421
405
  }
422
406
 
423
407
  .navds-button--secondary-neutral:hover {
424
- --__axc-button-border-color: var(--ax-border-strong);
425
- background-color: var(--ax-bg-moderate-hoverA);
408
+ --__axc-button-border-color: var(--ax-border-neutral-strong);
409
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
426
410
  }
427
411
 
428
412
  .navds-button--secondary-neutral:active {
429
- --__axc-button-border-color: transparent;
430
- color: var(--ax-text-contrast);
431
- background-color: var(--ax-bg-strong-pressed);
432
- }
433
-
434
- .navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
435
- --__axc-button-border-color: var(--ax-border-default);
436
- color: var(--ax-text-default);
437
- background-color: rgba(0, 0, 0, 0);
413
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
438
414
  }
439
415
 
440
416
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
441
- --__axc-button-border-color: var(--ax-border-default);
442
- color: var(--ax-text-default);
417
+ --__axc-button-border-color: var(--ax-border-neutral);
418
+ color: var(--ax-text-neutral);
443
419
  background-color: rgba(0, 0, 0, 0);
444
420
  }
445
421
 
446
422
  .navds-button--tertiary {
447
- color: var(--ax-text-accent);
423
+ color: var(--ax-text-accent-subtle);
448
424
  background-color: rgba(0, 0, 0, 0);
449
425
  }
450
426
 
@@ -453,41 +429,29 @@
453
429
  }
454
430
 
455
431
  .navds-button--tertiary:active {
456
- background-color: var(--ax-bg-accent-strong-pressed);
457
- color: var(--ax-text-accent-contrast);
458
- }
459
-
460
- .navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
461
- color: var(--ax-text-accent);
462
- background-color: rgba(0, 0, 0, 0);
432
+ background-color: var(--ax-bg-accent-moderate-pressedA);
463
433
  }
464
434
 
465
435
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
466
- color: var(--ax-text-accent);
436
+ color: var(--ax-text-accent-subtle);
467
437
  background-color: rgba(0, 0, 0, 0);
468
438
  }
469
439
 
470
440
  .navds-button--tertiary-neutral {
471
- color: var(--ax-text-default);
441
+ color: var(--ax-text-neutral);
472
442
  background-color: rgba(0, 0, 0, 0);
473
443
  }
474
444
 
475
445
  .navds-button--tertiary-neutral:hover {
476
- background-color: var(--ax-bg-moderate-hoverA);
446
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
477
447
  }
478
448
 
479
449
  .navds-button--tertiary-neutral:active {
480
- background-color: var(--ax-bg-strong-pressed);
481
- color: var(--ax-text-contrast);
482
- }
483
-
484
- .navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
485
- color: var(--ax-text-default);
486
- background-color: rgba(0, 0, 0, 0);
450
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
487
451
  }
488
452
 
489
453
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
490
- color: var(--ax-text-default);
454
+ color: var(--ax-text-neutral);
491
455
  background-color: rgba(0, 0, 0, 0);
492
456
  }
493
457
 
@@ -504,10 +468,6 @@
504
468
  background-color: var(--ax-bg-danger-strong-pressed);
505
469
  }
506
470
 
507
- .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
508
- background-color: var(--ax-bg-danger-strong);
509
- }
510
-
511
471
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
512
472
  background-color: var(--ax-bg-danger-strong);
513
473
  }
@@ -604,7 +564,7 @@
604
564
  }
605
565
 
606
566
  .navds-chips--readonly .navds-chips__chip {
607
- background-color: var(--ax-bg-moderateA);
567
+ background-color: var(--ax-bg-neutral-moderateA);
608
568
  }
609
569
 
610
570
  .navds-chips--small .navds-chips__chip {
@@ -637,7 +597,7 @@
637
597
  .navds-chips__toggle--action {
638
598
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
639
599
  background-color: var(--ax-bg-accent-moderate);
640
- color: var(--ax-text-accent-strong);
600
+ color: var(--ax-text-accent);
641
601
  }
642
602
 
643
603
  .navds-chips__toggle--action:hover {
@@ -655,23 +615,23 @@
655
615
  }
656
616
 
657
617
  .navds-chips__toggle--neutral {
658
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
659
- background-color: var(--ax-bg-moderate);
660
- color: var(--ax-text-default);
618
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
619
+ background-color: var(--ax-bg-neutral-moderate);
620
+ color: var(--ax-text-neutral);
661
621
  }
662
622
 
663
623
  .navds-chips__toggle--neutral:hover {
664
- background-color: var(--ax-bg-moderate-hover);
624
+ background-color: var(--ax-bg-neutral-moderate-hover);
665
625
  }
666
626
 
667
627
  .navds-chips__toggle--neutral[data-pressed="true"] {
668
628
  box-shadow: none;
669
- background-color: var(--ax-bg-strong-pressed);
670
- color: var(--ax-text-contrast);
629
+ background-color: var(--ax-bg-neutral-strong-pressed);
630
+ color: var(--ax-text-neutral-contrast);
671
631
  }
672
632
 
673
633
  .navds-chips__toggle--neutral[data-pressed="true"]:hover {
674
- background-color: var(--ax-bg-strong-hover);
634
+ background-color: var(--ax-bg-neutral-strong-hover);
675
635
  }
676
636
 
677
637
  .navds-chips--medium .navds-chips__toggle--with-checkmark {
@@ -692,12 +652,12 @@
692
652
  }
693
653
 
694
654
  .navds-chips__removable--neutral {
695
- background: var(--ax-bg-strong-pressed);
696
- color: var(--ax-text-contrast);
655
+ background: var(--ax-bg-neutral-strong-pressed);
656
+ color: var(--ax-text-neutral-contrast);
697
657
  }
698
658
 
699
659
  .navds-chips__removable--neutral:hover {
700
- background: var(--ax-bg-strong-hover);
660
+ background: var(--ax-bg-neutral-strong-hover);
701
661
  }
702
662
 
703
663
  .navds-chips__removable-icon {
@@ -755,7 +715,7 @@
755
715
  }
756
716
 
757
717
  .navds-fieldset__description {
758
- color: var(--ax-text-subtle);
718
+ color: var(--ax-text-neutral-subtle);
759
719
  }
760
720
 
761
721
  .navds-fieldset > .navds-fieldset__description:not(:empty) {
@@ -796,10 +756,10 @@
796
756
  text-align: center;
797
757
  width: 100%;
798
758
  padding: var(--ax-space-16) var(--ax-space-20);
799
- border: 1px dashed var(--ax-border-default);
759
+ border: 1px dashed var(--ax-border-neutral);
800
760
  border-radius: var(--ax-border-radius-xlarge);
801
761
  background-color: var(--__axc-dropzone-background);
802
- color: var(--ax-text-default);
762
+ color: var(--ax-text-neutral);
803
763
  transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
804
764
  cursor: pointer;
805
765
  flex-direction: column;
@@ -823,8 +783,8 @@
823
783
  }
824
784
 
825
785
  .navds-dropzone__area[data-disabled="true"] {
826
- --__axc-dropzone-background: var(--ax-bg-soft);
827
- border-color: var(--ax-border-subtleA);
786
+ --__axc-dropzone-background: var(--ax-bg-neutral-soft);
787
+ border-color: var(--ax-border-neutral-subtleA);
828
788
  cursor: default;
829
789
  }
830
790
 
@@ -833,7 +793,7 @@
833
793
  }
834
794
 
835
795
  .navds-dropzone--dragging > .navds-dropzone__area:after {
836
- color: var(--ax-text-accent-strong);
796
+ color: var(--ax-text-accent);
837
797
  background-color: var(--ax-bg-accent-moderateA);
838
798
  content: "";
839
799
  border: 1px dashed var(--ax-border-accent-strong);
@@ -843,10 +803,7 @@
843
803
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
844
804
  margin: -1px;
845
805
  position: absolute;
846
- top: 0;
847
- bottom: 0;
848
- left: 0;
849
- right: 0;
806
+ inset: 0;
850
807
  }
851
808
 
852
809
  @keyframes akselDropzoneDragoverAnimation {
@@ -890,7 +847,7 @@
890
847
  .navds-dropzone__area-release__icon {
891
848
  padding: var(--__axc-dropzone-icon-padding);
892
849
  border-radius: var(--ax-border-radius-full);
893
- background-color: var(--ax-bg-moderateA);
850
+ background-color: var(--ax-bg-neutral-moderateA);
894
851
  transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
895
852
  font-size: 1.5rem;
896
853
  display: grid;
@@ -911,38 +868,20 @@
911
868
  }
912
869
 
913
870
  .navds-dropzone--dragging .navds-dropzone__area-release {
914
- color: var(--ax-text-accent);
871
+ color: var(--ax-text-accent-subtle);
915
872
  top: 50%;
916
873
  transform: translateY(-50%);
917
874
  }
918
875
 
919
876
  .navds-dropzone__area-disabled {
920
- color: var(--ax-text-subtle);
877
+ color: var(--ax-text-neutral-subtle);
921
878
  align-items: center;
922
879
  gap: var(--ax-space-8);
923
880
  flex-direction: column;
924
881
  display: flex;
925
882
  }
926
883
 
927
- li.navds-file-item {
928
- margin: 0;
929
- padding: 0;
930
- list-style: none;
931
- }
932
-
933
- .navds-file-upload :-webkit-any(ul, li) {
934
- margin: 0;
935
- padding: 0;
936
- list-style: none;
937
- }
938
-
939
- .navds-file-upload :is(ul, li) {
940
- margin: 0;
941
- padding: 0;
942
- list-style: none;
943
- }
944
-
945
- ul:has( > li.navds-file-item) {
884
+ .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
946
885
  margin: 0;
947
886
  padding: 0;
948
887
  list-style: none;
@@ -950,7 +889,7 @@
950
889
 
951
890
  .navds-file-item__inner {
952
891
  background-color: var(--ax-bg-raised);
953
- border: 1px solid var(--ax-border-subtleA);
892
+ border: 1px solid var(--ax-border-neutral-subtleA);
954
893
  outline-offset: -1px;
955
894
  border-radius: var(--ax-border-radius-xlarge);
956
895
  padding: var(--ax-space-12) var(--ax-space-16);
@@ -965,8 +904,8 @@
965
904
  }
966
905
 
967
906
  .navds-file-item__icon {
968
- background-color: var(--ax-bg-moderateA);
969
- color: var(--ax-text-default);
907
+ background-color: var(--ax-bg-neutral-moderateA);
908
+ color: var(--ax-text-neutral);
970
909
  border-radius: var(--ax-border-radius-full);
971
910
  min-width: 2.5rem;
972
911
  min-height: 2.5rem;
@@ -1014,7 +953,7 @@
1014
953
  }
1015
954
 
1016
955
  .navds-form-field__description {
1017
- color: var(--ax-text-subtle);
956
+ color: var(--ax-text-neutral-subtle);
1018
957
  margin-top: -.375rem;
1019
958
  }
1020
959
 
@@ -1028,7 +967,7 @@
1028
967
  }
1029
968
 
1030
969
  .navds-form-field__subdescription {
1031
- color: var(--ax-text-subtle);
970
+ color: var(--ax-text-neutral-subtle);
1032
971
  }
1033
972
 
1034
973
  .navds-form-field--readonly > :where(.navds-form-field__label) {
@@ -1056,11 +995,7 @@
1056
995
  outline-offset: 3px;
1057
996
  }
1058
997
 
1059
- .navds-error-summary:focus-visible {
1060
- outline: 3px solid var(--ax-border-focus);
1061
- }
1062
-
1063
- .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
998
+ .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
1064
999
  outline: 3px solid var(--ax-border-focus);
1065
1000
  }
1066
1001
 
@@ -1139,27 +1074,14 @@
1139
1074
  border-color: orange;
1140
1075
  border-left-style: solid;
1141
1076
  border-left-width: 8px;
1077
+ border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
1078
+ border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
1142
1079
  height: 100%;
1143
1080
  position: absolute;
1144
1081
  top: 0;
1145
1082
  left: 0;
1146
1083
  }
1147
1084
 
1148
- .navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1149
- border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
1150
- border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
1151
- }
1152
-
1153
- .navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1154
- border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1155
- border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1156
- }
1157
-
1158
- .navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1159
- border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1160
- border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1161
- }
1162
-
1163
1085
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
1164
1086
  border-color: green;
1165
1087
  }
@@ -1170,7 +1092,6 @@
1170
1092
  }
1171
1093
 
1172
1094
  .navds-checkbox, .navds-radio {
1173
- width: -webkit-fit-content;
1174
1095
  width: fit-content;
1175
1096
  position: relative;
1176
1097
  }
@@ -1190,8 +1111,8 @@
1190
1111
  padding: var(--ax-space-12) 0;
1191
1112
  cursor: pointer;
1192
1113
  gap: var(--ax-space-8);
1193
- --__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
1194
- --__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
1114
+ --__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
1115
+ --__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
1195
1116
  display: flex;
1196
1117
  }
1197
1118
 
@@ -1199,7 +1120,7 @@
1199
1120
  content: "";
1200
1121
  border-radius: var(--ax-border-radius-medium);
1201
1122
  background-color: var(--ax-bg-input);
1202
- border: 2px solid var(--ax-border-default);
1123
+ border: 2px solid var(--ax-border-neutral);
1203
1124
  flex-shrink: 0;
1204
1125
  width: 1.5rem;
1205
1126
  height: 1.5rem;
@@ -1313,8 +1234,8 @@
1313
1234
  border-width: 6px;
1314
1235
  }
1315
1236
 
1316
- .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
1317
- color: var(--ax-text-accent);
1237
+ .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
1238
+ color: var(--ax-text-accent-subtle);
1318
1239
  }
1319
1240
 
1320
1241
  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -1330,11 +1251,6 @@
1330
1251
  background-color: var(--ax-bg-danger-moderate-hoverA);
1331
1252
  }
1332
1253
 
1333
- .navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
1334
- background-color: var(--ax-bg-danger-strong-pressed);
1335
- border-color: var(--ax-bg-danger-strong-pressed);
1336
- }
1337
-
1338
1254
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
1339
1255
  background-color: var(--ax-bg-danger-strong-pressed);
1340
1256
  border-color: var(--ax-bg-danger-strong-pressed);
@@ -1352,11 +1268,7 @@
1352
1268
  cursor: not-allowed;
1353
1269
  }
1354
1270
 
1355
- .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
1356
- cursor: default;
1357
- }
1358
-
1359
- .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1271
+ .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1360
1272
  cursor: default;
1361
1273
  }
1362
1274
 
@@ -1365,7 +1277,7 @@
1365
1277
  }
1366
1278
 
1367
1279
  .navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
1368
- color: var(--ax-text-default);
1280
+ color: var(--ax-text-neutral);
1369
1281
  }
1370
1282
 
1371
1283
  .navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
@@ -1379,17 +1291,17 @@
1379
1291
  }
1380
1292
 
1381
1293
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
1382
- color: var(--ax-text-subtle);
1294
+ color: var(--ax-text-neutral-subtle);
1383
1295
  }
1384
1296
 
1385
1297
  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
1386
- background-color: var(--ax-bg-strong);
1387
- box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
1298
+ background-color: var(--ax-bg-neutral-strong);
1299
+ box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
1388
1300
  border-width: 0;
1389
1301
  }
1390
1302
 
1391
1303
  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1392
- background-color: var(--ax-text-subtle);
1304
+ background-color: var(--ax-text-neutral-subtle);
1393
1305
  }
1394
1306
 
1395
1307
  @media (forced-colors: active) {
@@ -1440,22 +1352,17 @@
1440
1352
  --__axc-radio-checkbox-high-contrast-text: graytext;
1441
1353
  }
1442
1354
 
1443
- :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
1444
- color: graytext;
1445
- }
1446
-
1447
1355
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
1448
1356
  color: graytext;
1449
1357
  }
1450
1358
  }
1451
1359
 
1452
1360
  .navds-select__input {
1453
- -webkit-appearance: none;
1454
1361
  appearance: none;
1455
1362
  background-color: var(--ax-bg-input);
1456
1363
  border-radius: var(--ax-border-radius-large);
1457
- border: 1px solid var(--ax-border-default);
1458
- color: var(--ax-text-default);
1364
+ border: 1px solid var(--ax-border-neutral);
1365
+ color: var(--ax-text-neutral);
1459
1366
  box-sizing: border-box;
1460
1367
  width: 100%;
1461
1368
  min-height: 3rem;
@@ -1486,7 +1393,7 @@
1486
1393
 
1487
1394
  .navds-select__container {
1488
1395
  width: 100%;
1489
- color: var(--ax-text-default);
1396
+ color: var(--ax-text-neutral);
1490
1397
  display: flex;
1491
1398
  position: relative;
1492
1399
  }
@@ -1494,7 +1401,7 @@
1494
1401
  .navds-select__chevron {
1495
1402
  right: var(--ax-space-8);
1496
1403
  pointer-events: none;
1497
- color: var(--ax-text-default);
1404
+ color: var(--ax-text-neutral);
1498
1405
  align-self: center;
1499
1406
  font-size: 1.5rem;
1500
1407
  position: absolute;
@@ -1508,36 +1415,25 @@
1508
1415
 
1509
1416
  .navds-form-field--small .navds-select__input {
1510
1417
  min-height: 2rem;
1511
- padding-top: 0;
1512
- padding-bottom: 0;
1513
- }
1514
-
1515
- .navds-select--error > * select {
1516
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1517
- border-color: var(--ax-border-danger-strong);
1518
- }
1519
-
1520
- .navds-select--error > * select:hover {
1521
- box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1522
- border-color: var(--ax-border-danger-strong);
1418
+ padding-block: 0;
1523
1419
  }
1524
1420
 
1525
- .navds-select--error > * select:focus {
1421
+ .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
1526
1422
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1527
1423
  border-color: var(--ax-border-danger-strong);
1528
1424
  }
1529
1425
 
1530
1426
  .navds-select__input:disabled {
1531
1427
  background-color: var(--ax-bg-input);
1532
- border: 1px solid var(--ax-border-default);
1428
+ border: 1px solid var(--ax-border-neutral);
1533
1429
  box-shadow: none;
1534
1430
  cursor: not-allowed;
1535
1431
  opacity: 1;
1536
- color: var(--ax-text-default);
1432
+ color: var(--ax-text-neutral);
1537
1433
  }
1538
1434
 
1539
1435
  .navds-select__input:disabled > option {
1540
- color: var(--ax-text-default);
1436
+ color: var(--ax-text-neutral);
1541
1437
  }
1542
1438
 
1543
1439
  @media (forced-colors: active) {
@@ -1547,18 +1443,12 @@
1547
1443
  }
1548
1444
 
1549
1445
  .navds-select--readonly .navds-select__input {
1550
- background-color: var(--ax-bg-moderate);
1551
- border-color: var(--ax-border-subtleA);
1446
+ background-color: var(--ax-bg-neutral-moderate);
1447
+ border-color: var(--ax-border-neutral-subtleA);
1552
1448
  cursor: default;
1553
1449
  }
1554
1450
 
1555
1451
  @media (forced-colors: active) {
1556
- .navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
1557
- color: buttontext;
1558
- background-color: buttonface;
1559
- border-color: buttontext;
1560
- }
1561
-
1562
1452
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
1563
1453
  color: buttontext;
1564
1454
  background-color: buttonface;
@@ -1567,11 +1457,10 @@
1567
1457
  }
1568
1458
 
1569
1459
  .navds-select--readonly .navds-select__chevron {
1570
- color: var(--ax-text-subtle);
1460
+ color: var(--ax-text-neutral-subtle);
1571
1461
  }
1572
1462
 
1573
1463
  .navds-switch {
1574
- width: -webkit-fit-content;
1575
1464
  width: fit-content;
1576
1465
  min-height: 3rem;
1577
1466
  position: relative;
@@ -1598,7 +1487,7 @@
1598
1487
 
1599
1488
  .navds-switch__label-wrapper {
1600
1489
  cursor: pointer;
1601
- color: var(--ax-text-default);
1490
+ color: var(--ax-text-neutral);
1602
1491
  }
1603
1492
 
1604
1493
  .navds-switch__content {
@@ -1639,7 +1528,7 @@
1639
1528
  }
1640
1529
 
1641
1530
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
1642
- color: var(--ax-text-accent);
1531
+ color: var(--ax-text-accent-subtle);
1643
1532
  }
1644
1533
 
1645
1534
  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -1652,7 +1541,7 @@
1652
1541
  height: 1.5rem;
1653
1542
  top: var(--ax-space-12);
1654
1543
  border-radius: var(--ax-border-radius-full);
1655
- border: 2px solid var(--ax-border-default);
1544
+ border: 2px solid var(--ax-border-neutral);
1656
1545
  transition-property: background-color, border-color;
1657
1546
  transition-duration: .1s;
1658
1547
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -1676,7 +1565,7 @@
1676
1565
 
1677
1566
  .navds-switch__input:disabled ~ .navds-switch__track {
1678
1567
  background-color: var(--ax-bg-input);
1679
- border-color: var(--ax-border-default);
1568
+ border-color: var(--ax-border-neutral);
1680
1569
  }
1681
1570
 
1682
1571
  .navds-switch__input:checked:disabled ~ .navds-switch__track {
@@ -1690,7 +1579,7 @@
1690
1579
  }
1691
1580
 
1692
1581
  .navds-switch__thumb {
1693
- background-color: var(--ax-bg-strong);
1582
+ background-color: var(--ax-bg-neutral-strong);
1694
1583
  border-radius: var(--ax-border-radius-full);
1695
1584
  justify-content: center;
1696
1585
  align-items: center;
@@ -1706,7 +1595,7 @@
1706
1595
 
1707
1596
  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
1708
1597
  background-color: var(--ax-bg-raised);
1709
- color: var(--ax-text-accent);
1598
+ color: var(--ax-text-accent-subtle);
1710
1599
  width: 1.25rem;
1711
1600
  height: 1.25rem;
1712
1601
  top: 0;
@@ -1739,18 +1628,12 @@
1739
1628
  width: auto;
1740
1629
  }
1741
1630
 
1742
- .navds-switch--right .navds-switch__input {
1743
- left: auto;
1744
- right: 0;
1745
- }
1746
-
1747
- .navds-switch--right .navds-switch__track {
1631
+ .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
1748
1632
  left: auto;
1749
1633
  right: 0;
1750
1634
  }
1751
1635
 
1752
1636
  .navds-switch__input:disabled {
1753
- -webkit-appearance: none;
1754
1637
  appearance: none;
1755
1638
  }
1756
1639
 
@@ -1762,40 +1645,17 @@
1762
1645
  cursor: not-allowed;
1763
1646
  }
1764
1647
 
1765
- .navds-switch--readonly > .navds-switch__track {
1766
- background-color: var(--ax-bg-moderate);
1767
- border-color: var(--ax-border-subtleA);
1768
- }
1769
-
1770
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
1771
- background-color: var(--ax-bg-moderate);
1772
- border-color: var(--ax-border-subtleA);
1773
- }
1774
-
1775
- .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
1776
- background-color: var(--ax-bg-moderate);
1777
- border-color: var(--ax-border-subtleA);
1778
- }
1779
-
1780
- .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
1781
- background-color: var(--ax-bg-moderate);
1782
- border-color: var(--ax-border-subtleA);
1783
- }
1784
-
1785
- .navds-switch--readonly > .navds-switch__label-wrapper {
1786
- cursor: default;
1648
+ .navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
1649
+ background-color: var(--ax-bg-neutral-moderate);
1650
+ border-color: var(--ax-border-neutral-subtleA);
1787
1651
  }
1788
1652
 
1789
- .navds-switch--readonly > .navds-switch__input {
1653
+ .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
1790
1654
  cursor: default;
1791
1655
  }
1792
1656
 
1793
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
1794
- color: var(--ax-text-default);
1795
- }
1796
-
1797
- .navds-switch--readonly .navds-switch__label-wrapper:hover {
1798
- color: var(--ax-text-default);
1657
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
1658
+ color: var(--ax-text-neutral);
1799
1659
  }
1800
1660
 
1801
1661
  .navds-switch--readonly .navds-switch__label {
@@ -1803,12 +1663,12 @@
1803
1663
  }
1804
1664
 
1805
1665
  .navds-switch--readonly .navds-switch__thumb {
1806
- background-color: var(--ax-bg-strong);
1666
+ background-color: var(--ax-bg-neutral-strong);
1807
1667
  }
1808
1668
 
1809
1669
  .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
1810
- background-color: var(--ax-bg-strong);
1811
- color: var(--ax-text-contrast);
1670
+ background-color: var(--ax-bg-neutral-strong);
1671
+ color: var(--ax-text-neutral-contrast);
1812
1672
  }
1813
1673
 
1814
1674
  @media (hover: hover) and (pointer: fine) {
@@ -1856,15 +1716,14 @@
1856
1716
  }
1857
1717
 
1858
1718
  .navds-text-field__input {
1859
- -webkit-appearance: none;
1860
1719
  appearance: none;
1861
1720
  padding: var(--ax-space-8);
1862
1721
  background: var(--ax-bg-input);
1863
1722
  border-radius: var(--ax-border-radius-large);
1864
- border: 1px solid var(--ax-border-default);
1723
+ border: 1px solid var(--ax-border-neutral);
1865
1724
  width: 100%;
1866
1725
  min-height: 3rem;
1867
- color: var(--ax-text-default);
1726
+ color: var(--ax-text-neutral);
1868
1727
  }
1869
1728
 
1870
1729
  .navds-text-field__input:hover {
@@ -1879,12 +1738,12 @@
1879
1738
 
1880
1739
  .navds-text-field__input:disabled {
1881
1740
  background-color: var(--ax-bg-input);
1882
- border-color: var(--ax-border-default);
1741
+ border-color: var(--ax-border-neutral);
1883
1742
  cursor: not-allowed;
1884
1743
  }
1885
1744
 
1886
1745
  .navds-text-field__input::placeholder {
1887
- color: var(--ax-text-subtle);
1746
+ color: var(--ax-text-neutral-subtle);
1888
1747
  }
1889
1748
 
1890
1749
  .navds-text-field__input[size] {
@@ -1902,8 +1761,8 @@
1902
1761
  }
1903
1762
 
1904
1763
  .navds-text-field--readonly .navds-text-field__input {
1905
- background-color: var(--ax-bg-moderate);
1906
- border-color: var(--ax-border-subtleA);
1764
+ background-color: var(--ax-bg-neutral-moderate);
1765
+ border-color: var(--ax-border-neutral-subtleA);
1907
1766
  cursor: default;
1908
1767
  }
1909
1768
 
@@ -1932,20 +1791,19 @@
1932
1791
 
1933
1792
  .navds-textarea__input {
1934
1793
  height: var(--__axc-textarea-height);
1935
- -webkit-appearance: none;
1936
1794
  appearance: none;
1937
1795
  padding: var(--ax-space-8);
1938
1796
  background-color: var(--ax-bg-input);
1939
1797
  border-radius: var(--ax-border-radius-large);
1940
- border: 1px solid var(--ax-border-default);
1798
+ border: 1px solid var(--ax-border-neutral);
1941
1799
  resize: none;
1942
1800
  width: 100%;
1943
- color: var(--ax-text-default);
1801
+ color: var(--ax-text-neutral);
1944
1802
  display: block;
1945
1803
  }
1946
1804
 
1947
1805
  .navds-textarea__input::placeholder {
1948
- color: var(--ax-text-subtle);
1806
+ color: var(--ax-text-neutral-subtle);
1949
1807
  }
1950
1808
 
1951
1809
  .navds-textarea__input:hover {
@@ -1960,7 +1818,7 @@
1960
1818
 
1961
1819
  .navds-textarea__input:disabled {
1962
1820
  background-color: var(--ax-bg-input);
1963
- border-color: var(--ax-border-default);
1821
+ border-color: var(--ax-border-neutral);
1964
1822
  cursor: not-allowed;
1965
1823
  }
1966
1824
 
@@ -1969,18 +1827,18 @@
1969
1827
  }
1970
1828
 
1971
1829
  .navds-textarea--readonly .navds-textarea__input {
1972
- background-color: var(--ax-bg-moderate);
1973
- border-color: var(--ax-border-subtleA);
1830
+ background-color: var(--ax-bg-neutral-moderate);
1831
+ border-color: var(--ax-border-neutral-subtleA);
1974
1832
  cursor: default;
1975
1833
  }
1976
1834
 
1977
1835
  .navds-textarea__counter {
1978
- color: var(--ax-text-subtle);
1836
+ color: var(--ax-text-neutral-subtle);
1979
1837
  margin-top: -.25rem;
1980
1838
  }
1981
1839
 
1982
1840
  .navds-textarea__counter--error {
1983
- color: var(--ax-text-danger);
1841
+ color: var(--ax-text-danger-subtle);
1984
1842
  }
1985
1843
 
1986
1844
  .navds-textarea__sr-counter {
@@ -1993,50 +1851,17 @@
1993
1851
 
1994
1852
  .navds-textarea--resize-both .navds-textarea__input {
1995
1853
  resize: both;
1996
- }
1997
-
1998
- .navds-textarea--resize-both .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1999
- border-bottom-right-radius: 0;
2000
- }
2001
-
2002
- .navds-textarea--resize-both .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2003
- border-bottom-left-radius: 0;
2004
- }
2005
-
2006
- .navds-textarea--resize-both .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2007
- border-bottom-left-radius: 0;
1854
+ border-end-end-radius: 0;
2008
1855
  }
2009
1856
 
2010
1857
  .navds-textarea--resize-horizontal .navds-textarea__input {
2011
1858
  resize: horizontal;
2012
- }
2013
-
2014
- .navds-textarea--resize-horizontal .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2015
- border-bottom-right-radius: 0;
2016
- }
2017
-
2018
- .navds-textarea--resize-horizontal .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2019
- border-bottom-left-radius: 0;
2020
- }
2021
-
2022
- .navds-textarea--resize-horizontal .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2023
- border-bottom-left-radius: 0;
1859
+ border-end-end-radius: 0;
2024
1860
  }
2025
1861
 
2026
1862
  .navds-textarea--resize-vertical .navds-textarea__input {
2027
1863
  resize: vertical;
2028
- }
2029
-
2030
- .navds-textarea--resize-vertical .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2031
- border-bottom-right-radius: 0;
2032
- }
2033
-
2034
- .navds-textarea--resize-vertical .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2035
- border-bottom-left-radius: 0;
2036
- }
2037
-
2038
- .navds-textarea--resize-vertical .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2039
- border-bottom-left-radius: 0;
1864
+ border-end-end-radius: 0;
2040
1865
  }
2041
1866
 
2042
1867
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -2079,7 +1904,6 @@
2079
1904
  }
2080
1905
 
2081
1906
  .navds-search--with-size .navds-search__wrapper {
2082
- width: -webkit-fit-content;
2083
1907
  width: fit-content;
2084
1908
  }
2085
1909
 
@@ -2102,13 +1926,7 @@
2102
1926
  outline: none;
2103
1927
  }
2104
1928
 
2105
- .navds-search__input.navds-search__input--primary {
2106
- border-right: none;
2107
- border-top-right-radius: 0;
2108
- border-bottom-right-radius: 0;
2109
- }
2110
-
2111
- .navds-search__input.navds-search__input--secondary {
1929
+ .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
2112
1930
  border-right: none;
2113
1931
  border-top-right-radius: 0;
2114
1932
  border-bottom-right-radius: 0;
@@ -2164,7 +1982,7 @@
2164
1982
 
2165
1983
  .navds-search__button-search.navds-button--secondary {
2166
1984
  --__axc-button-border-width: 1px;
2167
- --__axc-button-border-color: var(--ax-border-default);
1985
+ --__axc-button-border-color: var(--ax-border-neutral);
2168
1986
  }
2169
1987
 
2170
1988
  .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
@@ -2175,14 +1993,6 @@
2175
1993
  --__axc-button-border-color: var(--ax-border-accent-strong);
2176
1994
  }
2177
1995
 
2178
- .navds-search__button-search.navds-button--secondary:active:not(:disabled) {
2179
- --__axc-button-border-color: transparent;
2180
- }
2181
-
2182
- .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:-webkit-any(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
2183
- --__axc-button-border-color: var(--ax-border-accent-strong);
2184
- }
2185
-
2186
1996
  .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
2187
1997
  --__axc-button-border-color: var(--ax-border-accent-strong);
2188
1998
  }
@@ -2196,11 +2006,7 @@
2196
2006
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
2197
2007
  }
2198
2008
 
2199
- .navds-search__input:focus-visible {
2200
- z-index: 1;
2201
- }
2202
-
2203
- .navds-search__button-search:focus-visible {
2009
+ .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
2204
2010
  z-index: 1;
2205
2011
  }
2206
2012
 
@@ -2223,10 +2029,6 @@
2223
2029
  position: relative;
2224
2030
  }
2225
2031
 
2226
- .navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2227
- border-color: var(--ax-border-accent-strong);
2228
- }
2229
-
2230
2032
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2231
2033
  border-color: var(--ax-border-accent-strong);
2232
2034
  }
@@ -2244,18 +2046,14 @@
2244
2046
  }
2245
2047
 
2246
2048
  .navds-combobox--disabled .navds-combobox__wrapper:hover {
2247
- border-color: var(--ax-border-default);
2049
+ border-color: var(--ax-border-neutral);
2248
2050
  }
2249
2051
 
2250
2052
  .navds-combobox--disabled .navds-combobox__wrapper :hover {
2251
2053
  cursor: not-allowed;
2252
2054
  }
2253
2055
 
2254
- .navds-combobox--disabled .navds-combobox__selected-options {
2255
- pointer-events: none;
2256
- }
2257
-
2258
- .navds-combobox--disabled .navds-combobox--readonly {
2056
+ .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
2259
2057
  pointer-events: none;
2260
2058
  }
2261
2059
 
@@ -2264,24 +2062,20 @@
2264
2062
  }
2265
2063
 
2266
2064
  .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
2267
- background-color: var(--ax-bg-moderateA);
2065
+ background-color: var(--ax-bg-neutral-moderateA);
2268
2066
  }
2269
2067
 
2270
2068
  .navds-combobox--readonly .navds-combobox__button-toggle-list {
2271
- color: var(--ax-bg-moderate);
2069
+ color: var(--ax-bg-neutral-moderate);
2272
2070
  }
2273
2071
 
2274
2072
  .navds-combobox--readonly .navds-combobox__wrapper {
2275
- border-color: var(--ax-border-subtle);
2073
+ border-color: var(--ax-border-neutral-subtle);
2276
2074
  overflow: clip;
2277
2075
  }
2278
2076
 
2279
- .navds-combobox--readonly .navds-text-field__input {
2280
- background-color: var(--ax-bg-moderate);
2281
- }
2282
-
2283
- .navds-combobox--readonly .navds-combobox__input {
2284
- background-color: var(--ax-bg-moderate);
2077
+ .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
2078
+ background-color: var(--ax-bg-neutral-moderate);
2285
2079
  }
2286
2080
 
2287
2081
  .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
@@ -2290,7 +2084,7 @@
2290
2084
  }
2291
2085
 
2292
2086
  .navds-combobox__wrapper-inner {
2293
- border: 1px solid var(--ax-border-default);
2087
+ border: 1px solid var(--ax-border-neutral);
2294
2088
  border-radius: var(--ax-border-radius-large);
2295
2089
  }
2296
2090
 
@@ -2301,7 +2095,7 @@
2301
2095
  }
2302
2096
 
2303
2097
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
2304
- border-color: var(--ax-border-default);
2098
+ border-color: var(--ax-border-neutral);
2305
2099
  outline: none;
2306
2100
  }
2307
2101
 
@@ -2330,7 +2124,7 @@
2330
2124
  }
2331
2125
 
2332
2126
  .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
2333
- border-color: var(--ax-border-default);
2127
+ border-color: var(--ax-border-neutral);
2334
2128
  }
2335
2129
 
2336
2130
  .navds-combobox--error .navds-combobox__wrapper-inner {
@@ -2405,11 +2199,7 @@
2405
2199
  outline: none;
2406
2200
  }
2407
2201
 
2408
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
2409
- outline: none;
2410
- }
2411
-
2412
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2202
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2413
2203
  outline: none;
2414
2204
  }
2415
2205
  }
@@ -2419,7 +2209,7 @@
2419
2209
  }
2420
2210
 
2421
2211
  .navds-combobox__button-toggle-list {
2422
- color: var(--ax-text-default);
2212
+ color: var(--ax-text-neutral);
2423
2213
  cursor: pointer;
2424
2214
  background: none;
2425
2215
  border: none;
@@ -2431,11 +2221,11 @@
2431
2221
  }
2432
2222
 
2433
2223
  .navds-combobox__button-toggle-list:hover {
2434
- color: var(--ax-text-accent);
2224
+ color: var(--ax-text-accent-subtle);
2435
2225
  }
2436
2226
 
2437
2227
  .navds-combobox__button-toggle-list:hover:active {
2438
- color: var(--ax-text-accent-strong);
2228
+ color: var(--ax-text-accent);
2439
2229
  }
2440
2230
 
2441
2231
  .navds-combobox__list {
@@ -2444,10 +2234,10 @@
2444
2234
  left: 0;
2445
2235
  right: 0;
2446
2236
  top: calc(100% + var(--ax-space-8));
2447
- border: 1px solid var(--ax-border-subtleA);
2237
+ border: 1px solid var(--ax-border-neutral-subtleA);
2448
2238
  border-radius: var(--ax-border-radius-large);
2449
2239
  background-color: var(--ax-bg-raised);
2450
- color: var(--ax-text-default);
2240
+ color: var(--ax-text-neutral);
2451
2241
  overscroll-behavior: contain;
2452
2242
  box-shadow: var(--ax-shadow-dialog);
2453
2243
  flex-direction: column;
@@ -2487,8 +2277,8 @@
2487
2277
  }
2488
2278
 
2489
2279
  .navds-combobox__list-item--max-selected {
2490
- background-color: var(--ax-bg-moderateA);
2491
- border-bottom: 1px solid var(--ax-border-subtle);
2280
+ background-color: var(--ax-bg-neutral-moderateA);
2281
+ border-bottom: 1px solid var(--ax-border-neutral-subtle);
2492
2282
  padding-block: var(--ax-space-8);
2493
2283
  line-height: var(--ax-font-line-height-large);
2494
2284
  border-radius: 0;
@@ -2524,12 +2314,12 @@
2524
2314
 
2525
2315
  .navds-combobox__list-item mark {
2526
2316
  font-weight: var(--ax-font-weight-bold);
2527
- color: var(--ax-text-default);
2317
+ color: var(--ax-text-neutral);
2528
2318
  background-color: rgba(0, 0, 0, 0);
2529
2319
  }
2530
2320
 
2531
2321
  .navds-combobox__list-item svg {
2532
- color: var(--ax-text-default);
2322
+ color: var(--ax-text-neutral);
2533
2323
  }
2534
2324
 
2535
2325
  .navds-combobox__list-item--selected {
@@ -2548,11 +2338,11 @@
2548
2338
  border-radius: 0;
2549
2339
  justify-content: flex-start;
2550
2340
  gap: .25rem;
2551
- margin-top: calc(var(--ax-space-4) * -1);
2341
+ margin-block-start: calc(var(--ax-space-4) * -1);
2552
2342
  }
2553
2343
 
2554
2344
  .navds-combobox__list-item--new-option svg {
2555
- color: var(--ax-text-default);
2345
+ color: var(--ax-text-neutral);
2556
2346
  }
2557
2347
 
2558
2348
  .navds-combobox__list-item--new-option:only-child {
@@ -2576,7 +2366,6 @@
2576
2366
  }
2577
2367
 
2578
2368
  .navds-combobox__input {
2579
- min-width: -webkit-min-content;
2580
2369
  min-width: min-content;
2581
2370
  padding: .75rem 0;
2582
2371
  }
@@ -2652,15 +2441,15 @@
2652
2441
  }
2653
2442
 
2654
2443
  .navds-form-summary {
2655
- border: 1px solid var(--ax-border-subtleA);
2444
+ border: 1px solid var(--ax-border-neutral-subtleA);
2656
2445
  border-radius: var(--ax-border-radius-xlarge);
2657
2446
  background: var(--ax-bg-raised);
2658
2447
  overflow: hidden;
2659
2448
  }
2660
2449
 
2661
2450
  .navds-form-summary__header {
2662
- background: var(--ax-bg-moderateA);
2663
- padding: var(--ax-space-16) var(--ax-space-24);
2451
+ background: var(--ax-bg-neutral-moderateA);
2452
+ padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
2664
2453
  justify-content: space-between;
2665
2454
  gap: 0 var(--ax-space-12);
2666
2455
  display: flex;
@@ -2668,7 +2457,7 @@
2668
2457
 
2669
2458
  @media (max-width: 479px) {
2670
2459
  .navds-form-summary__header {
2671
- padding: var(--ax-space-12) var(--ax-space-16);
2460
+ padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
2672
2461
  flex-direction: column;
2673
2462
  }
2674
2463
  }
@@ -2680,24 +2469,24 @@
2680
2469
  }
2681
2470
 
2682
2471
  .navds-form-summary > .navds-form-summary__answers {
2683
- border-top: 1px solid var(--ax-border-subtleA);
2472
+ border-top: 1px solid var(--ax-border-neutral-subtleA);
2684
2473
  }
2685
2474
 
2686
2475
  .navds-form-summary__answers {
2687
- padding: var(--ax-space-16) var(--ax-space-20);
2476
+ padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
2688
2477
  margin: 0;
2689
2478
  }
2690
2479
 
2691
2480
  @media (max-width: 479px) {
2692
2481
  .navds-form-summary__answers {
2693
- padding: var(--ax-space-16);
2482
+ padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
2694
2483
  }
2695
2484
  }
2696
2485
 
2697
2486
  .navds-form-summary__answer:not(:last-child) {
2698
2487
  margin-bottom: var(--ax-space-16);
2699
2488
  padding-bottom: var(--ax-space-16);
2700
- border-bottom: 1px solid var(--ax-border-subtleA);
2489
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
2701
2490
  }
2702
2491
 
2703
2492
  .navds-form-summary__answer:has(.navds-form-summary__answer) {
@@ -2752,40 +2541,36 @@
2752
2541
  }
2753
2542
 
2754
2543
  .navds-form-progress__collapsible {
2544
+ visibility: hidden;
2545
+ border: 1px solid var(--ax-border-neutral-subtleA);
2546
+ border-radius: var(--ax-border-radius-xlarge);
2547
+ background: var(--ax-bg-raised);
2548
+ padding-inline: var(--ax-space-20);
2549
+ opacity: .001;
2755
2550
  grid-template-rows: 0fr;
2756
- transition: grid-template-rows .25s cubic-bezier(.2, 0, 0, 1);
2551
+ margin-top: -2px;
2552
+ padding-block: 0;
2553
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
2554
+ transition-duration: 1s;
2555
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
2757
2556
  display: grid;
2758
2557
  overflow: hidden;
2759
2558
  }
2760
2559
 
2761
2560
  .navds-form-progress__collapsible[hidden] {
2762
- display: grid !important;
2561
+ display: grid;
2763
2562
  }
2764
2563
 
2765
2564
  .navds-form-progress__collapsible[data-state="open"] {
2565
+ margin-top: var(--ax-space-4);
2566
+ visibility: visible;
2567
+ padding-block: var(--ax-space-16);
2568
+ opacity: 1;
2766
2569
  grid-template-rows: 1fr;
2767
2570
  }
2768
2571
 
2769
2572
  .navds-form-progress__collapsible-content {
2770
- opacity: .01;
2771
- visibility: hidden;
2772
2573
  min-height: 0;
2773
- transition-property: opacity, visibility;
2774
- transition-duration: .25s;
2775
- transition-timing-function: cubic-bezier(.2, 0, 0, 1);
2776
- }
2777
-
2778
- .navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
2779
- visibility: visible;
2780
- opacity: 1;
2781
- }
2782
-
2783
- .navds-form-progress__stepper {
2784
- border: 1px solid var(--ax-border-subtle);
2785
- border-radius: var(--ax-border-radius-xlarge);
2786
- padding: var(--ax-space-16) var(--ax-space-20);
2787
- margin-top: var(--ax-space-4);
2788
- background: var(--ax-bg-raised);
2789
2574
  }
2790
2575
 
2791
2576
  .navds-accordion__header {
@@ -2797,7 +2582,7 @@
2797
2582
  text-align: left;
2798
2583
  cursor: pointer;
2799
2584
  border-radius: var(--ax-border-radius-large);
2800
- color: var(--ax-text-accent);
2585
+ color: var(--ax-text-accent-subtle);
2801
2586
  background: none;
2802
2587
  border: none;
2803
2588
  display: flex;
@@ -2817,14 +2602,10 @@
2817
2602
  }
2818
2603
 
2819
2604
  .navds-accordion__header:hover {
2820
- background-color: var(--ax-bg-accent-hoverA);
2821
- }
2822
-
2823
- .navds-accordion__header:hover:before {
2824
- display: none;
2605
+ background-color: var(--ax-bg-accent-moderate-hoverA);
2825
2606
  }
2826
2607
 
2827
- .navds-accordion__header:hover:after {
2608
+ .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
2828
2609
  display: none;
2829
2610
  }
2830
2611
 
@@ -2847,11 +2628,7 @@
2847
2628
  z-index: 1;
2848
2629
  }
2849
2630
 
2850
- .navds-accordion__header:focus-visible:before {
2851
- display: none;
2852
- }
2853
-
2854
- .navds-accordion__header:focus-visible:after {
2631
+ .navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
2855
2632
  display: none;
2856
2633
  }
2857
2634
 
@@ -2861,7 +2638,7 @@
2861
2638
 
2862
2639
  .navds-accordion__header:before, .navds-accordion__header:after {
2863
2640
  content: "";
2864
- background-color: var(--ax-border-subtleA);
2641
+ background-color: var(--ax-border-neutral-subtleA);
2865
2642
  width: 100%;
2866
2643
  height: 1px;
2867
2644
  display: block;
@@ -2876,11 +2653,7 @@
2876
2653
  bottom: 0;
2877
2654
  }
2878
2655
 
2879
- .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
2880
- display: none;
2881
- }
2882
-
2883
- .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
2656
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after, .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
2884
2657
  display: none;
2885
2658
  }
2886
2659
 
@@ -2889,7 +2662,7 @@
2889
2662
  background-color: var(--ax-bg-accent-moderateA);
2890
2663
  width: 22px;
2891
2664
  height: 22px;
2892
- color: var(--ax-text-accent);
2665
+ color: var(--ax-text-accent-subtle);
2893
2666
  align-self: center;
2894
2667
  }
2895
2668
 
@@ -2916,7 +2689,7 @@
2916
2689
  }
2917
2690
 
2918
2691
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
2919
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
2692
+ box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
2920
2693
  }
2921
2694
 
2922
2695
  .navds-accordion__item > .navds-accordion__content {
@@ -2925,8 +2698,7 @@
2925
2698
  opacity: 0;
2926
2699
  border-color: rgba(0, 0, 0, 0);
2927
2700
  grid-template-rows: 0fr;
2928
- margin-top: 0;
2929
- margin-bottom: 0;
2701
+ margin-block: 0;
2930
2702
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
2931
2703
  transition-duration: .25s;
2932
2704
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -2936,26 +2708,24 @@
2936
2708
 
2937
2709
  .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
2938
2710
  min-height: 0;
2939
- padding-top: 0;
2940
- padding-bottom: 0;
2711
+ padding-block: 0;
2941
2712
  }
2942
2713
 
2943
2714
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
2944
2715
  visibility: visible;
2945
2716
  margin-block: var(--ax-space-8);
2946
- border-color: var(--ax-border-subtleA);
2717
+ border-color: var(--ax-border-neutral-subtleA);
2947
2718
  opacity: 1;
2948
2719
  grid-template-rows: 1fr;
2949
- margin-bottom: var(--ax-space-24);
2720
+ margin-block-end: var(--ax-space-24);
2950
2721
  }
2951
2722
 
2952
2723
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
2953
- min-height: -webkit-fit-content;
2954
2724
  min-height: fit-content;
2955
2725
  }
2956
2726
 
2957
2727
  .navds-accordion__item[data-expanded="true"]:last-child {
2958
- border-bottom: 1px solid var(--ax-border-subtleA);
2728
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
2959
2729
  }
2960
2730
 
2961
2731
  .navds-accordion__item--no-animation > .navds-accordion__content {
@@ -2997,7 +2767,7 @@
2997
2767
 
2998
2768
  .navds-alert--small > .navds-alert__icon {
2999
2769
  height: var(--ax-font-line-height-large);
3000
- margin-top: 0;
2770
+ margin-block-start: 0;
3001
2771
  }
3002
2772
 
3003
2773
  .navds-alert--info {
@@ -3054,24 +2824,16 @@
3054
2824
  display: flex;
3055
2825
  }
3056
2826
 
3057
- .navds-alert--close-button > .navds-alert__wrapper {
3058
- margin-top: var(--ax-space-2);
3059
- }
3060
-
3061
- .navds-alert--close-button > .navds-alert__icon {
3062
- margin-top: var(--ax-space-2);
2827
+ .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
2828
+ margin-block-start: var(--ax-space-2);
3063
2829
  }
3064
2830
 
3065
2831
  .navds-alert--close-button.navds-alert--small {
3066
2832
  align-items: flex-start;
3067
2833
  }
3068
2834
 
3069
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
3070
- margin-top: var(--ax-space-4);
3071
- }
3072
-
3073
- .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
3074
- margin-top: var(--ax-space-4);
2835
+ .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
2836
+ margin-block-start: var(--ax-space-4);
3075
2837
  }
3076
2838
 
3077
2839
  .navds-chat {
@@ -3097,8 +2859,8 @@
3097
2859
  .navds-chat__avatar {
3098
2860
  background-color: var(--ax-bg-raised);
3099
2861
  border-radius: var(--ax-border-radius-full);
3100
- border: 1px solid var(--ax-border-subtleA);
3101
- color: var(--ax-text-default);
2862
+ border: 1px solid var(--ax-border-neutral-subtleA);
2863
+ color: var(--ax-text-neutral);
3102
2864
  letter-spacing: .024rem;
3103
2865
  flex-shrink: 0;
3104
2866
  justify-content: center;
@@ -3133,9 +2895,8 @@
3133
2895
  gap: var(--ax-space-8);
3134
2896
  border-radius: var(--ax-border-radius-xlarge);
3135
2897
  border-bottom-left-radius: var(--ax-border-radius-small);
3136
- border: 1px solid var(--ax-border-subtleA);
2898
+ border: 1px solid var(--ax-border-neutral-subtleA);
3137
2899
  flex-direction: column;
3138
- width: -webkit-fit-content;
3139
2900
  width: fit-content;
3140
2901
  display: flex;
3141
2902
  }
@@ -3144,24 +2905,16 @@
3144
2905
  padding: var(--ax-space-12) var(--ax-space-16);
3145
2906
  }
3146
2907
 
3147
- .navds-chat--info .navds-chat__bubble {
3148
- background-color: var(--ax-bg-info-moderate);
3149
- }
3150
-
3151
- .navds-chat--info .navds-chat__avatar {
2908
+ .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
3152
2909
  background-color: var(--ax-bg-info-moderate);
3153
2910
  }
3154
2911
 
3155
- .navds-chat--neutral .navds-chat__bubble {
3156
- background-color: var(--ax-bg-moderateA);
3157
- }
3158
-
3159
- .navds-chat--neutral .navds-chat__avatar {
3160
- background-color: var(--ax-bg-moderateA);
2912
+ .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
2913
+ background-color: var(--ax-bg-neutral-moderateA);
3161
2914
  }
3162
2915
 
3163
2916
  .navds-chat__top-text {
3164
- color: var(--ax-text-default);
2917
+ color: var(--ax-text-neutral);
3165
2918
  gap: var(--ax-space-8);
3166
2919
  align-items: baseline;
3167
2920
  margin: 0;
@@ -3185,105 +2938,7 @@
3185
2938
  align-self: flex-start;
3186
2939
  }
3187
2940
 
3188
- .navds-copybutton {
3189
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
3190
- cursor: pointer;
3191
- border-radius: var(--ax-border-radius-large);
3192
- padding: var(--__axc-copybutton-padding);
3193
- background-color: rgba(0, 0, 0, 0);
3194
- border: none;
3195
- place-content: center;
3196
- margin: 0;
3197
- text-decoration: none;
3198
- transition: color .2s cubic-bezier(.05, .7, .1, 1);
3199
- display: grid;
3200
- }
3201
-
3202
- .navds-copybutton.navds-copybutton--icon-only {
3203
- --__axc-copybutton-padding: var(--ax-space-12);
3204
- }
3205
-
3206
- .navds-copybutton.navds-copybutton--icon-right {
3207
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
3208
- }
3209
-
3210
- .navds-copybutton:hover {
3211
- background-color: var(--ax-bg-moderate-hoverA);
3212
- }
3213
-
3214
- .navds-copybutton:focus-visible {
3215
- outline: 3px solid var(--ax-border-focus);
3216
- outline-offset: 3px;
3217
- }
3218
-
3219
- .navds-copybutton:disabled {
3220
- cursor: not-allowed;
3221
- opacity: var(--ax-opacity-disabled);
3222
- }
3223
-
3224
- .navds-copybutton:disabled:hover {
3225
- background-color: rgba(0, 0, 0, 0);
3226
- }
3227
-
3228
- @media (forced-colors: active) {
3229
- .navds-copybutton {
3230
- color: buttontext;
3231
- background-color: buttonface;
3232
- border: 1px solid buttontext;
3233
- }
3234
-
3235
- .navds-copybutton:disabled {
3236
- opacity: 1;
3237
- border-color: graytext;
3238
- }
3239
- }
3240
-
3241
- .navds-copybutton--small {
3242
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
3243
- min-width: 2rem;
3244
- min-height: 2rem;
3245
- }
3246
-
3247
- .navds-copybutton--small.navds-copybutton--icon-right {
3248
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
3249
- }
3250
-
3251
- .navds-copybutton--small.navds-copybutton--icon-only {
3252
- --__axc-copybutton-padding: var(--ax-space-4);
3253
- }
3254
-
3255
- .navds-copybutton--small > .navds-copybutton__content {
3256
- gap: var(--ax-space-4);
3257
- }
3258
-
3259
- .navds-copybutton--xsmall {
3260
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
3261
- min-width: 1.5rem;
3262
- min-height: 1.5rem;
3263
- }
3264
-
3265
- .navds-copybutton--xsmall.navds-copybutton--icon-right {
3266
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
3267
- }
3268
-
3269
- .navds-copybutton--xsmall.navds-copybutton--icon-only {
3270
- --__axc-copybutton-padding: var(--ax-space-2);
3271
- }
3272
-
3273
- .navds-copybutton--xsmall .navds-copybutton__icon {
3274
- font-size: 1.25rem;
3275
- }
3276
-
3277
- .navds-copybutton--xsmall > .navds-copybutton__content {
3278
- gap: var(--ax-space-2);
3279
- }
3280
-
3281
- .navds-copybutton__icon {
3282
- font-size: 1.5rem;
3283
- display: flex;
3284
- }
3285
-
3286
- .navds-copybutton--active .navds-copybutton__icon {
2941
+ .navds-copybutton[data-active="true"] .navds-copybutton__icon {
3287
2942
  animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
3288
2943
  }
3289
2944
 
@@ -3305,54 +2960,22 @@
3305
2960
  }
3306
2961
  }
3307
2962
 
3308
- .navds-copybutton--action {
3309
- color: var(--ax-text-accent);
3310
- }
3311
-
3312
- .navds-copybutton--action.navds-copybutton--active {
3313
- color: var(--ax-text-success);
3314
- }
3315
-
3316
- .navds-copybutton--action:disabled {
3317
- color: var(--ax-text-accent);
3318
- }
3319
-
3320
- .navds-copybutton--neutral {
3321
- color: var(--ax-text-subtle);
3322
- }
3323
-
3324
- .navds-copybutton--neutral:disabled {
3325
- color: var(--ax-text-subtle);
3326
- }
3327
-
3328
- .navds-copybutton__content {
3329
- justify-content: center;
3330
- align-items: center;
3331
- gap: var(--ax-space-6);
3332
- display: inline-flex;
3333
- }
3334
-
3335
2963
  .navds-date {
3336
2964
  padding: var(--ax-space-16) var(--ax-space-12);
3337
2965
  }
3338
2966
 
3339
2967
  .navds-date .rdp-day_range_middle.rdp-day_disabled {
3340
- color: var(--ax-text-default);
3341
- background: var(--ax-bg-moderateA);
2968
+ color: var(--ax-text-neutral);
2969
+ background: var(--ax-bg-neutral-moderateA);
3342
2970
  }
3343
2971
 
3344
2972
  .navds-date .rdp-day_range_middle.rdp-day_selected {
3345
- background-color: var(--ax-bg-accent-moderateA);
2973
+ background-color: var(--ax-bg-accent-moderate-pressedA);
3346
2974
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
3347
- color: var(--ax-text-default);
3348
- }
3349
-
3350
- .navds-date .rdp-month {
3351
- gap: var(--ax-space-20);
3352
- display: grid;
2975
+ color: var(--ax-text-neutral);
3353
2976
  }
3354
2977
 
3355
- .navds-date.rdp-month {
2978
+ .navds-date .rdp-month, .navds-date.rdp-month {
3356
2979
  gap: var(--ax-space-20);
3357
2980
  display: grid;
3358
2981
  }
@@ -3394,13 +3017,7 @@
3394
3017
  position: relative;
3395
3018
  }
3396
3019
 
3397
- .navds-date .rdp-day_selected {
3398
- color: var(--ax-text-accent-contrast);
3399
- background: var(--ax-bg-accent-strong-pressed);
3400
- cursor: pointer;
3401
- }
3402
-
3403
- .navds-date .navds-monthpicker__month--selected {
3020
+ .navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
3404
3021
  color: var(--ax-text-accent-contrast);
3405
3022
  background: var(--ax-bg-accent-strong-pressed);
3406
3023
  cursor: pointer;
@@ -3408,17 +3025,12 @@
3408
3025
 
3409
3026
  .navds-date .rdp-day_disabled {
3410
3027
  cursor: not-allowed;
3411
- background-color: var(--ax-bg-moderateA);
3412
- color: var(--ax-text-subtle);
3028
+ background-color: var(--ax-bg-neutral-moderateA);
3029
+ color: var(--ax-text-neutral-subtle);
3413
3030
  text-decoration: line-through;
3414
3031
  }
3415
3032
 
3416
- .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
3417
- background: var(--ax-bg-accent-moderate-hoverA);
3418
- cursor: pointer;
3419
- }
3420
-
3421
- .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3033
+ .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3422
3034
  background: var(--ax-bg-accent-moderate-hoverA);
3423
3035
  cursor: pointer;
3424
3036
  }
@@ -3428,7 +3040,7 @@
3428
3040
  }
3429
3041
 
3430
3042
  .navds-date .rdp-day_today:before {
3431
- background-color: var(--ax-text-accent);
3043
+ background-color: var(--ax-text-accent-subtle);
3432
3044
  border-radius: var(--ax-border-radius-full);
3433
3045
  content: "";
3434
3046
  width: 6px;
@@ -3440,11 +3052,7 @@
3440
3052
  transform: translateX(-50%);
3441
3053
  }
3442
3054
 
3443
- .navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
3444
- background-color: var(--ax-text-accent-contrast);
3445
- }
3446
-
3447
- .navds-date .rdp-day_today:active:before {
3055
+ :is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
3448
3056
  background-color: var(--ax-text-accent-contrast);
3449
3057
  }
3450
3058
 
@@ -3453,11 +3061,7 @@
3453
3061
  pointer-events: none;
3454
3062
  }
3455
3063
 
3456
- .navds-date__modal .navds-date {
3457
- padding: 0;
3458
- }
3459
-
3460
- .navds-date__modal-body > .navds-date {
3064
+ .navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
3461
3065
  padding: 0;
3462
3066
  }
3463
3067
 
@@ -3472,7 +3076,7 @@
3472
3076
  .navds-date__caption-button {
3473
3077
  width: 2rem;
3474
3078
  height: 2rem;
3475
- color: var(--ax-text-default);
3079
+ color: var(--ax-text-neutral);
3476
3080
  }
3477
3081
 
3478
3082
  .navds-date__caption__month .navds-select__container select {
@@ -3495,28 +3099,16 @@
3495
3099
  }
3496
3100
 
3497
3101
  .navds-date__wrapper, .navds-date__standalone-wrapper {
3498
- width: -webkit-fit-content;
3499
3102
  width: fit-content;
3500
- height: -webkit-fit-content;
3501
3103
  height: fit-content;
3502
3104
  }
3503
3105
 
3504
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
3505
- outline: 3px solid var(--ax-border-focus);
3506
- outline-offset: 3px;
3507
- }
3508
-
3509
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
3510
- color: var(--ax-text-accent-contrast);
3511
- background-color: var(--ax-bg-accent-strong-pressed);
3512
- }
3513
-
3514
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
3106
+ :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):focus-visible {
3515
3107
  outline: 3px solid var(--ax-border-focus);
3516
3108
  outline-offset: 3px;
3517
3109
  }
3518
3110
 
3519
- :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
3111
+ :is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):active:not(:disabled) {
3520
3112
  color: var(--ax-text-accent-contrast);
3521
3113
  background-color: var(--ax-bg-accent-strong-pressed);
3522
3114
  }
@@ -3530,12 +3122,14 @@
3530
3122
  }
3531
3123
 
3532
3124
  .navds-date__field-button {
3533
- color: var(--ax-text-default);
3125
+ color: var(--ax-text-neutral);
3534
3126
  cursor: pointer;
3535
3127
  border-radius: calc(var(--ax-border-radius-large) - 1px);
3536
3128
  padding: var(--ax-space-12);
3537
3129
  background: none;
3538
3130
  border: none;
3131
+ border-start-start-radius: 0;
3132
+ border-end-start-radius: 0;
3539
3133
  justify-content: center;
3540
3134
  align-items: center;
3541
3135
  height: calc(100% - .125rem);
@@ -3549,21 +3143,6 @@
3549
3143
  transform: translateY(-50%);
3550
3144
  }
3551
3145
 
3552
- .navds-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3553
- border-top-left-radius: 0;
3554
- border-bottom-left-radius: 0;
3555
- }
3556
-
3557
- .navds-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3558
- border-top-right-radius: 0;
3559
- border-bottom-right-radius: 0;
3560
- }
3561
-
3562
- .navds-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3563
- border-top-right-radius: 0;
3564
- border-bottom-right-radius: 0;
3565
- }
3566
-
3567
3146
  .navds-form-field--small .navds-date__field-button {
3568
3147
  padding: var(--ax-space-4);
3569
3148
  }
@@ -3583,7 +3162,6 @@
3583
3162
 
3584
3163
  .navds-date__field-wrapper {
3585
3164
  align-items: center;
3586
- width: -webkit-fit-content;
3587
3165
  width: fit-content;
3588
3166
  display: inline-flex;
3589
3167
  position: relative;
@@ -3600,14 +3178,10 @@
3600
3178
  }
3601
3179
 
3602
3180
  .navds-date__weeknumber-number {
3603
- color: var(--ax-text-subtle);
3181
+ color: var(--ax-text-neutral-subtle);
3604
3182
  font-size: .875rem;
3605
3183
  }
3606
3184
 
3607
- .navds-date__weeknumber:active .navds-date__weeknumber-number {
3608
- color: var(--ax-text-contrast);
3609
- }
3610
-
3611
3185
  .navds-date__week-wrapper {
3612
3186
  justify-content: center;
3613
3187
  align-items: center;
@@ -3648,8 +3222,7 @@
3648
3222
  color: var(--ac-dropdown-text, var(--a-text-default));
3649
3223
  width: 27ch;
3650
3224
  max-height: 616px;
3651
- overflow-x: hidden;
3652
- overflow-y: auto;
3225
+ overflow: hidden auto;
3653
3226
  }
3654
3227
 
3655
3228
  .navds-dropdown__divider {
@@ -3737,7 +3310,7 @@
3737
3310
 
3738
3311
  .navds-action-menu__content {
3739
3312
  border-radius: var(--ax-border-radius-xlarge);
3740
- border: 1px solid var(--ax-border-subtleA);
3313
+ border: 1px solid var(--ax-border-neutral-subtleA);
3741
3314
  box-shadow: var(--ax-shadow-dialog);
3742
3315
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
3743
3316
  overflow: hidden;
@@ -3794,7 +3367,7 @@
3794
3367
  padding-right: var(--__axc-action-menu-item-pr);
3795
3368
  font-size: var(--ax-font-size-medium);
3796
3369
  scroll-margin-block: var(--__axc-action-menu-content-p);
3797
- color: var(--ax-text-default);
3370
+ color: var(--ax-text-neutral);
3798
3371
  line-height: 1.5;
3799
3372
  text-decoration: none;
3800
3373
  display: flex;
@@ -3807,7 +3380,7 @@
3807
3380
 
3808
3381
  .navds-action-menu__item:focus {
3809
3382
  background-color: var(--ax-bg-accent-moderate-hoverA);
3810
- color: var(--ax-text-default);
3383
+ color: var(--ax-text-neutral);
3811
3384
  outline: none;
3812
3385
  }
3813
3386
 
@@ -3825,7 +3398,7 @@
3825
3398
  }
3826
3399
 
3827
3400
  .navds-action-menu__sub-trigger[data-state="open"] {
3828
- background-color: var(--ax-bg-moderate-pressed);
3401
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
3829
3402
  }
3830
3403
 
3831
3404
  .navds-action-menu__sub-trigger:focus {
@@ -3833,12 +3406,12 @@
3833
3406
  }
3834
3407
 
3835
3408
  .navds-action-menu__item--danger {
3836
- color: var(--ax-text-danger);
3409
+ color: var(--ax-text-danger-subtle);
3837
3410
  }
3838
3411
 
3839
3412
  .navds-action-menu__item--danger:focus {
3840
3413
  background-color: var(--ax-bg-danger-moderate-hoverA);
3841
- color: var(--ax-text-danger);
3414
+ color: var(--ax-text-danger-subtle);
3842
3415
  }
3843
3416
 
3844
3417
  .navds-action-menu__marker {
@@ -3866,8 +3439,8 @@
3866
3439
  }
3867
3440
 
3868
3441
  .navds-action-menu__shortcut {
3869
- background-color: var(--ax-bg-moderateA);
3870
- color: var(--ax-text-default);
3442
+ background-color: var(--ax-bg-neutral-moderateA);
3443
+ color: var(--ax-text-neutral);
3871
3444
  border-radius: var(--ax-border-radius-small);
3872
3445
  padding: 0 var(--ax-space-4);
3873
3446
  min-width: 1.125rem;
@@ -3883,7 +3456,7 @@
3883
3456
  min-height: calc(var(--__axc-action-menu-item-height) - 6px);
3884
3457
  padding-right: var(--__axc-action-menu-item-pr);
3885
3458
  padding-left: var(--__axc-action-menu-item-pl);
3886
- color: var(--ax-text-subtle);
3459
+ color: var(--ax-text-neutral-subtle);
3887
3460
  border-radius: var(--ax-border-radius-medium);
3888
3461
  -webkit-user-select: none;
3889
3462
  user-select: none;
@@ -3896,7 +3469,7 @@
3896
3469
  .navds-action-menu__divider {
3897
3470
  height: 1px;
3898
3471
  margin-block: var(--ax-space-8);
3899
- background-color: var(--ax-border-subtleA);
3472
+ background-color: var(--ax-border-neutral-subtleA);
3900
3473
  }
3901
3474
 
3902
3475
  .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
@@ -3908,15 +3481,7 @@
3908
3481
  display: grid;
3909
3482
  }
3910
3483
 
3911
- .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
3912
- display: block;
3913
- }
3914
-
3915
- .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
3916
- display: block;
3917
- }
3918
-
3919
- .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
3484
+ .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
3920
3485
  display: block;
3921
3486
  }
3922
3487
 
@@ -3930,14 +3495,13 @@
3930
3495
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
3931
3496
  border-radius: var(--ax-border-radius-xlarge);
3932
3497
  background-color: var(--ax-bg-raised);
3933
- border: 1px solid var(--ax-border-default);
3934
- height: -webkit-fit-content;
3498
+ border: 1px solid var(--ax-border-neutral);
3935
3499
  height: fit-content;
3936
3500
  }
3937
3501
 
3938
3502
  .navds-expansioncard:has(.navds-expansioncard__header:hover) {
3939
- box-shadow: 0 0 0 1px var(--ax-border-strong);
3940
- border-color: var(--ax-border-strong);
3503
+ box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
3504
+ border-color: var(--ax-border-neutral-strong);
3941
3505
  }
3942
3506
 
3943
3507
  .navds-expansioncard--small {
@@ -3949,10 +3513,6 @@
3949
3513
  margin-top: var(--ax-space-2);
3950
3514
  }
3951
3515
 
3952
- .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3953
- margin-top: 0;
3954
- }
3955
-
3956
3516
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3957
3517
  margin-top: 0;
3958
3518
  }
@@ -3974,7 +3534,7 @@
3974
3534
  }
3975
3535
 
3976
3536
  .navds-expansioncard__header:hover {
3977
- background-color: var(--ax-bg-hoverA);
3537
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
3978
3538
  }
3979
3539
 
3980
3540
  .navds-expansioncard__header[data-open="true"] {
@@ -3984,7 +3544,7 @@
3984
3544
 
3985
3545
  .navds-expansioncard__header[data-open="true"]:after {
3986
3546
  content: "";
3987
- background-color: var(--ax-border-subtleA);
3547
+ background-color: var(--ax-border-neutral-subtleA);
3988
3548
  bottom: 0;
3989
3549
  left: var(--__axc-expansioncard-padding-inline);
3990
3550
  height: 1px;
@@ -4034,14 +3594,11 @@
4034
3594
  width: 100%;
4035
3595
  height: 100%;
4036
3596
  position: absolute;
4037
- top: 0;
4038
- bottom: 0;
4039
- left: 0;
4040
- right: 0;
3597
+ inset: 0;
4041
3598
  }
4042
3599
 
4043
3600
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
4044
- background-color: var(--ax-bg-moderate-hoverA);
3601
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
4045
3602
  }
4046
3603
 
4047
3604
  .navds-expansioncard__header-chevron {
@@ -4059,31 +3616,17 @@
4059
3616
  .navds-expansioncard__content {
4060
3617
  padding-inline: var(--__axc-expansioncard-padding-inline);
4061
3618
  visibility: hidden;
3619
+ border-end-end-radius: var(--__axc-expansioncard-border-radius);
3620
+ border-end-start-radius: var(--__axc-expansioncard-border-radius);
4062
3621
  grid-template-rows: 0fr;
4063
- padding-top: 0;
4064
- padding-bottom: 0;
4065
- transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
3622
+ padding-block: 0;
3623
+ transition-property: visibility, padding-block, grid-template-rows;
4066
3624
  transition-duration: .25s;
4067
3625
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4068
3626
  display: grid;
4069
3627
  overflow: hidden;
4070
3628
  }
4071
3629
 
4072
- .navds-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4073
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4074
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4075
- }
4076
-
4077
- .navds-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4078
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4079
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4080
- }
4081
-
4082
- .navds-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4083
- border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4084
- border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4085
- }
4086
-
4087
3630
  .navds-expansioncard__content[data-open="true"] {
4088
3631
  visibility: visible;
4089
3632
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -4100,28 +3643,18 @@
4100
3643
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
4101
3644
  }
4102
3645
 
4103
- .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
4104
- transition: none;
4105
- }
4106
-
4107
3646
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
4108
3647
  transition: none;
4109
3648
  }
4110
3649
 
4111
3650
  .navds-guide-panel {
4112
- --__axc-guide-panel-guide-size: 3.75rem;
4113
- width: -webkit-fit-content;
3651
+ --__axc-guide-panel-guide-size: 5rem;
4114
3652
  width: fit-content;
4115
3653
  display: flex;
4116
3654
  position: relative;
4117
3655
  }
4118
3656
 
4119
- .navds-guide-panel[data-poster="true"] {
4120
- flex-direction: column;
4121
- align-items: center;
4122
- }
4123
-
4124
- .navds-guide-panel[data-responsive="true"] {
3657
+ .navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
4125
3658
  flex-direction: column;
4126
3659
  align-items: center;
4127
3660
  }
@@ -4131,8 +3664,12 @@
4131
3664
  align-items: flex-start;
4132
3665
  }
4133
3666
 
3667
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
3668
+ --__axc-guide-panel-guide-size: 3.75rem;
3669
+ }
3670
+
4134
3671
  @media (min-width: 480px) {
4135
- .navds-guide-panel {
3672
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
4136
3673
  --__axc-guide-panel-guide-size: 5rem;
4137
3674
  }
4138
3675
 
@@ -4164,10 +3701,6 @@
4164
3701
  position: relative;
4165
3702
  }
4166
3703
 
4167
- .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
4168
- margin-top: var(--ax-space-20);
4169
- }
4170
-
4171
3704
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
4172
3705
  margin-top: var(--ax-space-20);
4173
3706
  }
@@ -4210,12 +3743,6 @@
4210
3743
  position: absolute;
4211
3744
  }
4212
3745
 
4213
- .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
4214
- left: 50%;
4215
- top: calc(var(--ax-space-16) * -1 - 2px);
4216
- transform: translateX(-48%);
4217
- }
4218
-
4219
3746
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
4220
3747
  left: 50%;
4221
3748
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -4239,7 +3766,7 @@
4239
3766
  .navds-help-text__button {
4240
3767
  cursor: pointer;
4241
3768
  border-radius: var(--ax-border-radius-full);
4242
- color: var(--ax-bg-accent-strong);
3769
+ color: var(--ax-bg-info-strong);
4243
3770
  padding: calc(var(--ax-space-4) / 2);
4244
3771
  background-color: rgba(0, 0, 0, 0);
4245
3772
  border: 0;
@@ -4261,21 +3788,17 @@
4261
3788
  border: 1px solid var(--ax-border-info);
4262
3789
  }
4263
3790
 
4264
- .navds-help-text__icon--filled {
4265
- display: none;
4266
- }
4267
-
4268
- .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
3791
+ .navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
4269
3792
  display: none;
4270
3793
  }
4271
3794
 
4272
3795
  .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
4273
3796
  display: inherit;
4274
- color: var(--ax-bg-accent-strong-hover);
3797
+ color: var(--ax-bg-info-strong-hover);
4275
3798
  }
4276
3799
 
4277
3800
  .navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
4278
- color: var(--ax-bg-accent-strong-pressed);
3801
+ color: var(--ax-bg-info-strong-pressed);
4279
3802
  }
4280
3803
 
4281
3804
  @media (forced-colors: active) {
@@ -4294,7 +3817,7 @@
4294
3817
 
4295
3818
  .navds-internalheader {
4296
3819
  background: var(--ax-bg-raised);
4297
- border-bottom: 1px solid var(--ax-border-subtleA);
3820
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
4298
3821
  align-self: stretch;
4299
3822
  min-height: 3rem;
4300
3823
  display: flex;
@@ -4312,12 +3835,11 @@
4312
3835
  font: inherit;
4313
3836
  font-weight: var(--ax-font-weight-bold);
4314
3837
  text-align: left;
4315
- padding-top: 0;
4316
- padding-bottom: 0;
3838
+ padding-block: 0;
4317
3839
  padding-inline: var(--ax-space-24) var(--ax-space-20);
4318
3840
  border: none;
4319
- border-right: 1px solid var(--ax-border-subtleA);
4320
- color: var(--ax-text-default);
3841
+ border-right: 1px solid var(--ax-border-neutral-subtleA);
3842
+ color: var(--ax-text-neutral);
4321
3843
  background: none;
4322
3844
  align-items: center;
4323
3845
  margin: 0;
@@ -4327,20 +3849,12 @@
4327
3849
  overflow: visible;
4328
3850
  }
4329
3851
 
4330
- .navds-internalheader__title:-webkit-any(button) {
4331
- cursor: pointer;
4332
- }
4333
-
4334
3852
  .navds-internalheader__title:is(button) {
4335
3853
  cursor: pointer;
4336
3854
  }
4337
3855
 
4338
3856
  .navds-internalheader__title:hover {
4339
- background: var(--ax-bg-moderate-hover);
4340
- }
4341
-
4342
- .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
4343
- background: initial;
3857
+ background: var(--ax-bg-neutral-moderate-hoverA);
4344
3858
  }
4345
3859
 
4346
3860
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
@@ -4349,7 +3863,7 @@
4349
3863
 
4350
3864
  .navds-internalheader__user {
4351
3865
  padding: 0 var(--ax-space-20);
4352
- border-left: 1px solid var(--ax-border-subtleA);
3866
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
4353
3867
  align-items: center;
4354
3868
  display: flex;
4355
3869
  }
@@ -4363,8 +3877,8 @@
4363
3877
  align-items: center;
4364
3878
  gap: var(--ax-space-8);
4365
3879
  border: none;
4366
- border-left: 1px solid var(--ax-border-subtleA);
4367
- color: var(--ax-text-default);
3880
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
3881
+ color: var(--ax-text-neutral);
4368
3882
  background: none;
4369
3883
  margin: 0;
4370
3884
  line-height: normal;
@@ -4373,7 +3887,7 @@
4373
3887
  }
4374
3888
 
4375
3889
  .navds-internalheader__button:hover {
4376
- background: var(--ax-bg-moderate-hover);
3890
+ background: var(--ax-bg-neutral-moderate-hoverA);
4377
3891
  }
4378
3892
 
4379
3893
  @media (forced-colors: active) {
@@ -4392,7 +3906,7 @@
4392
3906
  }
4393
3907
 
4394
3908
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
4395
- background: var(--ax-bg-moderate-pressed);
3909
+ background: var(--ax-bg-neutral-moderate-pressedA);
4396
3910
  }
4397
3911
 
4398
3912
  .navds-internalheader__user-button {
@@ -4401,7 +3915,7 @@
4401
3915
  }
4402
3916
 
4403
3917
  .navds-link {
4404
- color: var(--ax-text-accent);
3918
+ color: var(--ax-text-accent-subtle);
4405
3919
  align-items: center;
4406
3920
  gap: var(--ax-space-2);
4407
3921
  text-underline-offset: .1em;
@@ -4410,11 +3924,7 @@
4410
3924
  display: inline-flex;
4411
3925
  }
4412
3926
 
4413
- .navds-link:hover {
4414
- text-decoration-thickness: .111em;
4415
- }
4416
-
4417
- .navds-link:active {
3927
+ .navds-link:hover, .navds-link:active {
4418
3928
  text-decoration-thickness: .111em;
4419
3929
  }
4420
3930
 
@@ -4449,19 +3959,19 @@
4449
3959
  }
4450
3960
 
4451
3961
  :is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
4452
- color: var(--ax-text-default);
3962
+ color: var(--ax-text-neutral);
4453
3963
  }
4454
3964
 
4455
3965
  .navds-link--action {
4456
- color: var(--ax-text-accent);
3966
+ color: var(--ax-text-accent-subtle);
4457
3967
  }
4458
3968
 
4459
3969
  .navds-link--neutral {
4460
- color: var(--ax-text-default);
3970
+ color: var(--ax-text-neutral);
4461
3971
  }
4462
3972
 
4463
3973
  .navds-link--subtle {
4464
- color: var(--ax-text-subtle);
3974
+ color: var(--ax-text-neutral-subtle);
4465
3975
  }
4466
3976
 
4467
3977
  .navds-loader {
@@ -4518,19 +4028,19 @@
4518
4028
  .navds-loader__foreground {
4519
4029
  stroke-dasharray: 80 200;
4520
4030
  stroke-dashoffset: 0;
4521
- stroke: var(--ax-border-strong);
4031
+ stroke: var(--ax-border-neutral-strong);
4522
4032
  stroke-linecap: round;
4523
4033
  stroke-width: var(--__axc-loader-stroke-width);
4524
4034
  animation: 1.5s ease-in-out infinite loader-dasharray;
4525
4035
  }
4526
4036
 
4527
4037
  .navds-loader__background {
4528
- stroke: var(--ax-border-subtleA);
4038
+ stroke: var(--ax-border-neutral-subtleA);
4529
4039
  stroke-width: var(--__axc-loader-stroke-width);
4530
4040
  }
4531
4041
 
4532
4042
  .navds-loader--neutral .navds-loader__foreground {
4533
- stroke: var(--ax-border-strong);
4043
+ stroke: var(--ax-border-neutral-strong);
4534
4044
  }
4535
4045
 
4536
4046
  .navds-loader--interaction .navds-loader__foreground {
@@ -4542,11 +4052,11 @@
4542
4052
  }
4543
4053
 
4544
4054
  .navds-loader--inverted .navds-loader__foreground {
4545
- stroke: var(--ax-border-subtle);
4055
+ stroke: var(--ax-border-neutral-subtle);
4546
4056
  }
4547
4057
 
4548
4058
  .navds-loader--inverted .navds-loader__background {
4549
- stroke: var(--ax-border-strong);
4059
+ stroke: var(--ax-border-neutral-strong);
4550
4060
  }
4551
4061
 
4552
4062
  .navds-loader--transparent .navds-loader__background {
@@ -4589,12 +4099,12 @@
4589
4099
  .navds-modal {
4590
4100
  --__axc-modal-bg: var(--ax-bg-raised);
4591
4101
  background-color: var(--__axc-modal-bg);
4592
- border: 1px solid var(--ax-border-subtleA);
4102
+ border: 1px solid var(--ax-border-neutral-subtleA);
4593
4103
  border-radius: var(--ax-border-radius-xlarge);
4594
4104
  box-shadow: var(--ax-shadow-dialog);
4595
4105
  max-width: 100%;
4596
4106
  max-height: 100%;
4597
- color: var(--ax-text-default);
4107
+ color: var(--ax-text-neutral);
4598
4108
  margin: auto;
4599
4109
  padding: 0;
4600
4110
  position: fixed;
@@ -4607,9 +4117,7 @@
4607
4117
  }
4608
4118
 
4609
4119
  .navds-modal--polyfilled {
4610
- width: -webkit-fit-content;
4611
4120
  width: fit-content;
4612
- height: -webkit-fit-content;
4613
4121
  height: fit-content;
4614
4122
  margin: auto;
4615
4123
  top: 50%;
@@ -4628,10 +4136,7 @@
4628
4136
 
4629
4137
  ._dialog_overlay {
4630
4138
  position: fixed;
4631
- top: 0;
4632
- bottom: 0;
4633
- left: 0;
4634
- right: 0;
4139
+ inset: 0;
4635
4140
  }
4636
4141
 
4637
4142
  .navds-modal--medium {
@@ -4642,15 +4147,7 @@
4642
4147
  width: 450px;
4643
4148
  }
4644
4149
 
4645
- .navds-modal--small .navds-modal__header {
4646
- padding: var(--ax-space-12) var(--ax-space-16);
4647
- }
4648
-
4649
- .navds-modal--small .navds-modal__body {
4650
- padding: var(--ax-space-12) var(--ax-space-16);
4651
- }
4652
-
4653
- .navds-modal--small .navds-modal__footer {
4150
+ .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
4654
4151
  padding: var(--ax-space-12) var(--ax-space-16);
4655
4152
  }
4656
4153
 
@@ -4683,10 +4180,7 @@
4683
4180
  .navds-modal--polyfilled + .backdrop {
4684
4181
  background: rgba(2, 20, 49, .49);
4685
4182
  position: fixed;
4686
- top: 0;
4687
- bottom: 0;
4688
- left: 0;
4689
- right: 0;
4183
+ inset: 0;
4690
4184
  }
4691
4185
 
4692
4186
  .navds-modal__button {
@@ -4706,7 +4200,7 @@
4706
4200
 
4707
4201
  .navds-modal__label {
4708
4202
  font-weight: var(--ax-font-weight-bold);
4709
- color: var(--ax-text-subtle);
4203
+ color: var(--ax-text-neutral-subtle);
4710
4204
  }
4711
4205
 
4712
4206
  .navds-modal__body {
@@ -4736,7 +4230,6 @@
4736
4230
  }
4737
4231
 
4738
4232
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
4739
- min-width: -webkit-fit-content;
4740
4233
  min-width: fit-content;
4741
4234
  max-width: 100vw;
4742
4235
  max-height: 100vh;
@@ -4808,8 +4301,8 @@
4808
4301
  }
4809
4302
 
4810
4303
  .navds-pagination__item[data-selected="true"] {
4811
- background-color: var(--ax-bg-strong-pressed);
4812
- color: var(--ax-text-contrast);
4304
+ background-color: var(--ax-bg-neutral-strong-pressed);
4305
+ color: var(--ax-text-neutral-contrast);
4813
4306
  }
4814
4307
 
4815
4308
  .navds-pagination--invisible {
@@ -4820,13 +4313,19 @@
4820
4313
  z-index: 1000;
4821
4314
  background: var(--ax-bg-raised);
4822
4315
  box-shadow: var(--ax-shadow-dialog);
4823
- border: 1px solid var(--ax-border-subtleA);
4316
+ border: 1px solid var(--ax-border-neutral-subtleA);
4824
4317
  border-radius: var(--ax-border-radius-xlarge);
4825
4318
  max-width: calc(100vw - var(--ax-space-24));
4826
4319
  }
4827
4320
 
4828
4321
  .navds-popover__content {
4829
- padding: var(--ax-space-16) var(--ax-space-20);
4322
+ padding: var(--ax-space-16);
4323
+ }
4324
+
4325
+ @media (min-width: 480px) {
4326
+ .navds-popover__content {
4327
+ padding: var(--ax-space-20);
4328
+ }
4830
4329
  }
4831
4330
 
4832
4331
  .navds-popover--hidden {
@@ -4858,7 +4357,7 @@
4858
4357
  --__axc-tag-border: var(--ax-border-info);
4859
4358
  --__axc-tag-bg: var(--ax-bg-info-moderateA);
4860
4359
  --__axc-tag-bg-strong: var(--ax-bg-info-strong);
4861
- --__axc-tag-text: var(--ax-text-info-strong);
4360
+ --__axc-tag-text: var(--ax-text-info);
4862
4361
  --__axc-tag-text-strong: var(--ax-text-info-contrast);
4863
4362
  }
4864
4363
 
@@ -4866,7 +4365,7 @@
4866
4365
  --__axc-tag-border: var(--ax-border-success);
4867
4366
  --__axc-tag-bg: var(--ax-bg-success-moderateA);
4868
4367
  --__axc-tag-bg-strong: var(--ax-bg-success-strong);
4869
- --__axc-tag-text: var(--ax-text-success-strong);
4368
+ --__axc-tag-text: var(--ax-text-success);
4870
4369
  --__axc-tag-text-strong: var(--ax-text-success-contrast);
4871
4370
  }
4872
4371
 
@@ -4874,7 +4373,7 @@
4874
4373
  --__axc-tag-border: var(--ax-border-warning);
4875
4374
  --__axc-tag-bg: var(--ax-bg-warning-moderateA);
4876
4375
  --__axc-tag-bg-strong: var(--ax-bg-warning-strong);
4877
- --__axc-tag-text: var(--ax-text-warning-strong);
4376
+ --__axc-tag-text: var(--ax-text-warning);
4878
4377
  --__axc-tag-text-strong: var(--ax-text-warning-contrast);
4879
4378
  }
4880
4379
 
@@ -4882,32 +4381,32 @@
4882
4381
  --__axc-tag-border: var(--ax-border-danger);
4883
4382
  --__axc-tag-bg: var(--ax-bg-danger-moderateA);
4884
4383
  --__axc-tag-bg-strong: var(--ax-bg-danger-strong);
4885
- --__axc-tag-text: var(--ax-text-danger-strong);
4384
+ --__axc-tag-text: var(--ax-text-danger);
4886
4385
  --__axc-tag-text-strong: var(--ax-text-danger-contrast);
4887
4386
  }
4888
4387
 
4889
4388
  .navds-tag--neutral {
4890
- --__axc-tag-border: var(--ax-border-default);
4891
- --__axc-tag-bg: var(--ax-bg-moderateA);
4892
- --__axc-tag-bg-strong: var(--ax-bg-strong);
4893
- --__axc-tag-text: var(--ax-text-default);
4894
- --__axc-tag-text-strong: var(--ax-text-contrast);
4389
+ --__axc-tag-border: var(--ax-border-neutral);
4390
+ --__axc-tag-bg: var(--ax-bg-neutral-moderateA);
4391
+ --__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
4392
+ --__axc-tag-text: var(--ax-text-neutral);
4393
+ --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
4895
4394
  }
4896
4395
 
4897
- .navds-tag--meta-1, .navds-tag--alt1 {
4898
- --__axc-tag-border: var(--ax-border-meta-1);
4899
- --__axc-tag-bg: var(--ax-bg-meta-1-moderateA);
4900
- --__axc-tag-bg-strong: var(--ax-bg-meta-1-strong);
4901
- --__axc-tag-text: var(--ax-text-meta-1-strong);
4902
- --__axc-tag-text-strong: var(--ax-text-meta-1-contrast);
4396
+ .navds-tag--meta-purple, .navds-tag--alt1 {
4397
+ --__axc-tag-border: var(--ax-border-meta-purple);
4398
+ --__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
4399
+ --__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
4400
+ --__axc-tag-text: var(--ax-text-meta-purple);
4401
+ --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
4903
4402
  }
4904
4403
 
4905
- .navds-tag--meta-2, .navds-tag--alt2 {
4906
- --__axc-tag-border: var(--ax-border-meta-2);
4907
- --__axc-tag-bg: var(--ax-bg-meta-2-moderateA);
4908
- --__axc-tag-bg-strong: var(--ax-bg-meta-2-strong);
4909
- --__axc-tag-text: var(--ax-text-meta-2-strong);
4910
- --__axc-tag-text-strong: var(--ax-text-meta-2-contrast);
4404
+ .navds-tag--meta-lime, .navds-tag--alt2 {
4405
+ --__axc-tag-border: var(--ax-border-meta-lime);
4406
+ --__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
4407
+ --__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
4408
+ --__axc-tag-text: var(--ax-text-meta-lime);
4409
+ --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
4911
4410
  }
4912
4411
 
4913
4412
  .navds-tag--small {
@@ -4925,21 +4424,10 @@
4925
4424
 
4926
4425
  .navds-tag__icon--left {
4927
4426
  font-size: var(--__axc-tag-icon-size);
4427
+ margin-inline-start: var(--__axc-tag-icon-margin);
4928
4428
  display: flex;
4929
4429
  }
4930
4430
 
4931
- .navds-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4932
- margin-left: var(--__axc-tag-icon-margin);
4933
- }
4934
-
4935
- .navds-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4936
- margin-right: var(--__axc-tag-icon-margin);
4937
- }
4938
-
4939
- .navds-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4940
- margin-right: var(--__axc-tag-icon-margin);
4941
- }
4942
-
4943
4431
  .navds-tag--outline {
4944
4432
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
4945
4433
  background: var(--__axc-tag-bg);
@@ -4975,7 +4463,6 @@
4975
4463
  grid-template-columns: auto minmax(0, 1fr);
4976
4464
  align-items: center;
4977
4465
  width: 100%;
4978
- min-width: -webkit-fit-content;
4979
4466
  min-width: fit-content;
4980
4467
  display: grid;
4981
4468
  position: relative;
@@ -5005,20 +4492,20 @@
5005
4492
  }
5006
4493
 
5007
4494
  .navds-timeline__axislabels-label {
5008
- color: var(--ax-text-subtle);
4495
+ color: var(--ax-text-neutral-subtle);
5009
4496
  white-space: nowrap;
5010
4497
  position: absolute;
5011
4498
  }
5012
4499
 
5013
4500
  .navds-timeline__row {
5014
- background: var(--ax-bg-soft);
4501
+ background: var(--ax-bg-neutral-softA);
5015
4502
  margin: var(--ax-space-16) 0;
5016
4503
  grid-column: 2;
5017
4504
  display: flex;
5018
4505
  }
5019
4506
 
5020
4507
  .navds-timeline__row--active {
5021
- background: var(--ax-bg-accent-moderateA);
4508
+ background: var(--ax-bg-accent-moderate);
5022
4509
  }
5023
4510
 
5024
4511
  .navds-timeline__row:last-of-type {
@@ -5084,6 +4571,7 @@
5084
4571
 
5085
4572
  .navds-timeline__period--success.navds-timeline__period--clickable:hover {
5086
4573
  background: var(--ax-bg-success-moderate-hover);
4574
+ border-color: var(--ax-border-success-strong);
5087
4575
  }
5088
4576
 
5089
4577
  .navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5100,6 +4588,7 @@
5100
4588
 
5101
4589
  .navds-timeline__period--warning.navds-timeline__period--clickable:hover {
5102
4590
  background: var(--ax-bg-warning-moderate-hover);
4591
+ border-color: var(--ax-border-warning-strong);
5103
4592
  }
5104
4593
 
5105
4594
  .navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5116,6 +4605,7 @@
5116
4605
 
5117
4606
  .navds-timeline__period--danger.navds-timeline__period--clickable:hover {
5118
4607
  background: var(--ax-bg-danger-moderate-hover);
4608
+ border-color: var(--ax-border-danger-strong);
5119
4609
  }
5120
4610
 
5121
4611
  .navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5132,6 +4622,7 @@
5132
4622
 
5133
4623
  .navds-timeline__period--info.navds-timeline__period--clickable:hover {
5134
4624
  background: var(--ax-bg-info-moderate-hover);
4625
+ border-color: var(--ax-border-info-strong);
5135
4626
  }
5136
4627
 
5137
4628
  .navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5141,18 +4632,19 @@
5141
4632
  }
5142
4633
 
5143
4634
  .navds-timeline__period--neutral {
5144
- background: var(--ax-bg-moderate);
5145
- border: solid 1px var(--ax-border-default);
5146
- color: var(--ax-text-icon);
4635
+ background: var(--ax-bg-neutral-moderate);
4636
+ border: solid 1px var(--ax-border-neutral);
4637
+ color: var(--ax-text-neutral-icon);
5147
4638
  }
5148
4639
 
5149
4640
  .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
5150
- background: var(--ax-bg-moderate-hover);
4641
+ background: var(--ax-bg-neutral-moderate-hover);
4642
+ border-color: var(--ax-border-neutral-strong);
5151
4643
  }
5152
4644
 
5153
4645
  .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
5154
- background: var(--ax-bg-strong-pressed);
5155
- color: var(--ax-text-contrast);
4646
+ background: var(--ax-bg-neutral-strong-pressed);
4647
+ color: var(--ax-text-neutral-contrast);
5156
4648
  border: none;
5157
4649
  }
5158
4650
 
@@ -5199,10 +4691,7 @@
5199
4691
  width: 25px;
5200
4692
  height: 25px;
5201
4693
  position: absolute;
5202
- top: -9px;
5203
- bottom: 0;
5204
- left: -9px;
5205
- right: 0;
4694
+ inset: -9px 0 0 -9px;
5206
4695
  }
5207
4696
 
5208
4697
  .navds-timeline__pin-button:hover {
@@ -5219,7 +4708,7 @@
5219
4708
  content: "";
5220
4709
  top: var(--navdsc-timeline-pin-size);
5221
4710
  height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
5222
- background: var(--ax-border-strong);
4711
+ background: var(--ax-border-neutral-strong);
5223
4712
  width: 1px;
5224
4713
  margin: 0 auto;
5225
4714
  }
@@ -5234,7 +4723,7 @@
5234
4723
  .navds-timeline__zoom-button {
5235
4724
  all: unset;
5236
4725
  cursor: pointer;
5237
- border: 1px solid var(--ax-border-default);
4726
+ border: 1px solid var(--ax-border-neutral);
5238
4727
  background: var(--ax-bg-default);
5239
4728
  border-width: 1px 0 1px 1px;
5240
4729
  padding: 6px 9px 6px 8px;
@@ -5254,13 +4743,13 @@
5254
4743
  }
5255
4744
 
5256
4745
  .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
5257
- background: var(--ax-bg-moderate-hoverA);
4746
+ background: var(--ax-bg-neutral-moderate-hoverA);
5258
4747
  }
5259
4748
 
5260
4749
  .navds-timeline__zoom-button[aria-pressed="true"] {
5261
- background: var(--ax-bg-strong-pressed);
5262
- border-color: var(--ax-bg-strong-pressed);
5263
- color: var(--ax-text-contrast);
4750
+ background: var(--ax-bg-neutral-strong-pressed);
4751
+ border-color: var(--ax-bg-neutral-strong-pressed);
4752
+ color: var(--ax-text-neutral-contrast);
5264
4753
  }
5265
4754
 
5266
4755
  .navds-timeline__zoom li:focus-within {
@@ -5282,7 +4771,7 @@
5282
4771
  background-color: var(--ax-bg-raised);
5283
4772
  box-shadow: var(--ax-shadow-dialog);
5284
4773
  border: 1px solid;
5285
- border-color: var(--ax-border-subtleA);
4774
+ border-color: var(--ax-border-neutral-subtleA);
5286
4775
  border-radius: var(--ax-border-radius-large);
5287
4776
  padding: var(--ax-space-16) var(--ax-space-20);
5288
4777
  }
@@ -5305,13 +4794,7 @@
5305
4794
  outline: 4px solid rgba(0, 0, 0, 0);
5306
4795
  }
5307
4796
 
5308
- .navds-timeline__pin-button:focus {
5309
- outline-offset: 3px;
5310
- box-shadow: none;
5311
- outline: 4px solid highlight;
5312
- }
5313
-
5314
- .navds-timeline__pin-button:focus-visible {
4797
+ .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
5315
4798
  outline-offset: 3px;
5316
4799
  box-shadow: none;
5317
4800
  outline: 4px solid highlight;
@@ -5321,11 +4804,11 @@
5321
4804
  .navds-tooltip {
5322
4805
  z-index: 3000;
5323
4806
  background-color: var(--ax-bg-raised);
5324
- color: var(--ax-text-default);
4807
+ color: var(--ax-text-neutral);
5325
4808
  border-radius: var(--ax-border-radius-medium);
5326
4809
  padding: 0 var(--ax-space-6);
5327
4810
  text-align: center;
5328
- border: 1px solid var(--ax-border-subtleA);
4811
+ border: 1px solid var(--ax-border-neutral-subtleA);
5329
4812
  box-shadow: var(--ax-shadow-dialog);
5330
4813
  flex-direction: column;
5331
4814
  align-items: center;
@@ -5408,10 +4891,10 @@
5408
4891
 
5409
4892
  .navds-tooltip__key {
5410
4893
  font-family: var(--ax-font-family);
5411
- color: var(--ax-text-default);
4894
+ color: var(--ax-text-neutral);
5412
4895
  padding: 0 var(--ax-space-4);
5413
4896
  border-radius: var(--ax-border-radius-small);
5414
- background: var(--ax-bg-moderateA);
4897
+ background: var(--ax-bg-neutral-moderateA);
5415
4898
  justify-content: center;
5416
4899
  align-items: center;
5417
4900
  min-width: 1.125rem;
@@ -5437,7 +4920,7 @@
5437
4920
 
5438
4921
  .navds-toggle-group {
5439
4922
  border-radius: var(--ax-border-radius-large);
5440
- box-shadow: inset 0 0 0 1px var(--ax-border-default);
4923
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
5441
4924
  background-color: rgba(0, 0, 0, 0);
5442
4925
  grid-auto-columns: 1fr;
5443
4926
  grid-auto-flow: column;
@@ -5449,13 +4932,12 @@
5449
4932
  padding: var(--ax-space-4) var(--ax-space-12);
5450
4933
  cursor: pointer;
5451
4934
  min-height: 3rem;
5452
- color: var(--ax-text-default);
4935
+ color: var(--ax-text-neutral);
5453
4936
  border-radius: var(--ax-border-radius-large);
5454
4937
  background-color: rgba(0, 0, 0, 0);
5455
4938
  border: none;
5456
4939
  justify-content: center;
5457
4940
  align-items: center;
5458
- min-width: -webkit-fit-content;
5459
4941
  min-width: fit-content;
5460
4942
  display: inline-flex;
5461
4943
  position: relative;
@@ -5463,7 +4945,7 @@
5463
4945
 
5464
4946
  .navds-toggle-group__button:hover {
5465
4947
  background-color: var(--ax-bg-accent-moderate-hoverA);
5466
- color: var(--ax-text-default);
4948
+ color: var(--ax-text-neutral);
5467
4949
  }
5468
4950
 
5469
4951
  .navds-toggle-group__button:focus-visible {
@@ -5479,7 +4961,7 @@
5479
4961
 
5480
4962
  .navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
5481
4963
  content: "";
5482
- background-color: var(--ax-border-subtleA);
4964
+ background-color: var(--ax-border-neutral-subtleA);
5483
4965
  width: 1px;
5484
4966
  height: 50%;
5485
4967
  display: block;
@@ -5502,12 +4984,12 @@
5502
4984
  }
5503
4985
 
5504
4986
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
5505
- background-color: var(--ax-bg-moderate-hoverA);
4987
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
5506
4988
  }
5507
4989
 
5508
4990
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
5509
- background-color: var(--ax-bg-strong-pressed);
5510
- color: var(--ax-text-contrast);
4991
+ background-color: var(--ax-bg-neutral-strong-pressed);
4992
+ color: var(--ax-text-neutral-contrast);
5511
4993
  }
5512
4994
 
5513
4995
  .navds-toggle-group--small .navds-toggle-group__button {
@@ -5563,7 +5045,7 @@
5563
5045
  cursor: pointer;
5564
5046
  align-items: flex-start;
5565
5047
  gap: var(--ax-space-4);
5566
- color: var(--ax-text-accent);
5048
+ color: var(--ax-text-accent-subtle);
5567
5049
  padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
5568
5050
  padding-block: var(--__axc-read-more-pb);
5569
5051
  text-align: start;
@@ -5582,22 +5064,12 @@
5582
5064
  transform: rotateX(-180deg);
5583
5065
  }
5584
5066
 
5585
- .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5586
- border-radius: var(--ax-border-radius-medium);
5587
- }
5588
-
5589
- .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
5590
- background-color: var(--ax-bg-hoverA);
5591
- color: var(--ax-text-accent-strong);
5592
- }
5593
-
5594
5067
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5595
5068
  border-radius: var(--ax-border-radius-medium);
5596
5069
  }
5597
5070
 
5598
5071
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
5599
- background-color: var(--ax-bg-hoverA);
5600
- color: var(--ax-text-accent-strong);
5072
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
5601
5073
  }
5602
5074
 
5603
5075
  .navds-read-more[data-volume="high"] .navds-read-more__button {
@@ -5607,7 +5079,7 @@
5607
5079
 
5608
5080
  .navds-read-more[data-volume="high"] .navds-read-more__button:hover {
5609
5081
  background-color: var(--ax-bg-accent-moderate-hoverA);
5610
- color: var(--ax-text-accent-strong);
5082
+ color: var(--ax-text-accent);
5611
5083
  }
5612
5084
 
5613
5085
  .navds-read-more[data-volume="high"].navds-read-more--large {
@@ -5615,20 +5087,15 @@
5615
5087
  --__axc-read-more-pi-end: var(--ax-space-24);
5616
5088
  }
5617
5089
 
5618
- .navds-read-more[data-volume="high"].navds-read-more--small {
5619
- --__axc-read-more-pi-start: var(--ax-space-8);
5620
- --__axc-read-more-pi-end: var(--ax-space-16);
5621
- }
5622
-
5623
- .navds-read-more[data-volume="high"].navds-read-more--medium {
5090
+ .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
5624
5091
  --__axc-read-more-pi-start: var(--ax-space-8);
5625
5092
  --__axc-read-more-pi-end: var(--ax-space-16);
5626
5093
  }
5627
5094
 
5628
5095
  .navds-read-more__content {
5629
5096
  margin-top: var(--ax-space-8);
5630
- border-left: 2px solid var(--ax-border-subtleA);
5631
- color: var(--ax-text-default);
5097
+ border-left: 2px solid var(--ax-border-neutral-subtleA);
5098
+ color: var(--ax-text-neutral);
5632
5099
  margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
5633
5100
  padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
5634
5101
  }
@@ -5661,9 +5128,9 @@
5661
5128
  }
5662
5129
 
5663
5130
  .navds-progress-bar {
5664
- background: var(--ax-bg-moderateA);
5131
+ background: var(--ax-bg-neutral-moderateA);
5665
5132
  border-radius: var(--ax-border-radius-full);
5666
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
5133
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
5667
5134
  position: relative;
5668
5135
  overflow: hidden;
5669
5136
  }
@@ -5766,7 +5233,7 @@
5766
5233
  }
5767
5234
 
5768
5235
  .navds-skeleton {
5769
- background-color: var(--ax-bg-moderateA);
5236
+ background-color: var(--ax-bg-neutral-moderateA);
5770
5237
  pointer-events: none;
5771
5238
  height: 1.3em;
5772
5239
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
@@ -5789,7 +5256,6 @@
5789
5256
  }
5790
5257
 
5791
5258
  .navds-skeleton--has-children.navds-skeleton--no-width {
5792
- width: -webkit-fit-content;
5793
5259
  width: fit-content;
5794
5260
  }
5795
5261
 
@@ -5835,7 +5301,7 @@
5835
5301
  --__axc-stepper-circle-size: 1.75rem;
5836
5302
  --__axc-stepper-border-width: 2px;
5837
5303
  --__axc-stepper-line-length: 1rem;
5838
- color: var(--ax-text-accent);
5304
+ color: var(--ax-text-accent-subtle);
5839
5305
  font-weight: var(--ax-font-weight-bold);
5840
5306
  margin: 0;
5841
5307
  padding-left: 0;
@@ -5861,11 +5327,11 @@
5861
5327
  }
5862
5328
 
5863
5329
  .navds-stepper__item--non-interactive .navds-stepper__line {
5864
- background-color: var(--ax-border-strong);
5330
+ background-color: var(--ax-border-neutral-strong);
5865
5331
  }
5866
5332
 
5867
5333
  .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
5868
- background-color: var(--ax-border-strong);
5334
+ background-color: var(--ax-border-neutral-strong);
5869
5335
  }
5870
5336
 
5871
5337
  .navds-stepper__line--1 {
@@ -5903,18 +5369,7 @@
5903
5369
  margin-bottom: 0;
5904
5370
  }
5905
5371
 
5906
- .navds-stepper__step:-webkit-any(button) {
5907
- -webkit-appearance: none;
5908
- appearance: none;
5909
- font: inherit;
5910
- color: inherit;
5911
- text-align: inherit;
5912
- background-color: rgba(0, 0, 0, 0);
5913
- border: none;
5914
- }
5915
-
5916
5372
  .navds-stepper__step:is(button) {
5917
- -webkit-appearance: none;
5918
5373
  appearance: none;
5919
5374
  font: inherit;
5920
5375
  color: inherit;
@@ -5940,7 +5395,7 @@
5940
5395
  }
5941
5396
 
5942
5397
  .navds-stepper__step[data-interactive="true"] {
5943
- color: var(--ax-text-accent);
5398
+ color: var(--ax-text-accent-subtle);
5944
5399
  border-radius: var(--ax-border-radius-medium);
5945
5400
  text-decoration: none;
5946
5401
  }
@@ -5951,25 +5406,16 @@
5951
5406
  text-decoration-thickness: .05em;
5952
5407
  }
5953
5408
 
5954
- .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__content {
5955
- text-decoration-thickness: .111em;
5956
- }
5957
-
5958
- .navds-stepper__step[data-interactive="true"]:active .navds-stepper__content {
5409
+ :is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
5959
5410
  text-decoration-thickness: .111em;
5960
5411
  }
5961
5412
 
5962
- .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
5963
- color: var(--ax-text-accent-strong);
5964
- }
5965
-
5966
5413
  .navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
5967
- color: var(--ax-text-accent);
5414
+ color: var(--ax-text-accent-subtle);
5968
5415
  border-color: var(--ax-border-accent-strong);
5969
5416
  }
5970
5417
 
5971
5418
  .navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
5972
- color: var(--ax-text-accent-strong);
5973
5419
  text-decoration: none;
5974
5420
  }
5975
5421
 
@@ -5985,28 +5431,22 @@
5985
5431
  }
5986
5432
 
5987
5433
  .navds-stepper__step[data-interactive="false"] {
5988
- color: var(--ax-text-default);
5434
+ color: var(--ax-text-neutral-subtle);
5989
5435
  cursor: default;
5990
5436
  }
5991
5437
 
5992
5438
  .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
5993
- color: var(--ax-text-default);
5994
- border-color: var(--ax-border-strong);
5995
- }
5996
-
5997
- .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
5998
- color: var(--ax-text-subtle);
5439
+ border-color: var(--ax-border-neutral-strong);
5999
5440
  }
6000
5441
 
6001
5442
  .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
6002
- color: var(--ax-text-contrast);
6003
- background-color: var(--ax-bg-strong-pressed);
6004
- border-color: var(--ax-bg-strong-pressed);
5443
+ color: var(--ax-text-neutral-contrast);
5444
+ background-color: var(--ax-bg-neutral-strong-pressed);
5445
+ border-color: var(--ax-bg-neutral-strong-pressed);
6005
5446
  }
6006
5447
 
6007
5448
  .navds-stepper__content {
6008
5449
  grid-column: content;
6009
- min-width: -webkit-fit-content;
6010
5450
  min-width: fit-content;
6011
5451
  padding-top: .035rem;
6012
5452
  line-height: 1.5;
@@ -6041,11 +5481,7 @@
6041
5481
  flex: 100%;
6042
5482
  }
6043
5483
 
6044
- .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
6045
- visibility: hidden;
6046
- }
6047
-
6048
- .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
5484
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1, .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
6049
5485
  visibility: hidden;
6050
5486
  }
6051
5487
 
@@ -6100,12 +5536,12 @@
6100
5536
  }
6101
5537
 
6102
5538
  .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
6103
- background-color: var(--ax-bg-hoverA);
5539
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6104
5540
  transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
6105
5541
  }
6106
5542
 
6107
5543
  .navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
6108
- background-color: var(--ax-bg-accent-hoverA);
5544
+ background-color: var(--ax-bg-accent-moderate-hoverA);
6109
5545
  }
6110
5546
 
6111
5547
  .navds-table__row {
@@ -6113,11 +5549,15 @@
6113
5549
  }
6114
5550
 
6115
5551
  .navds-table__row--selected {
6116
- background-color: var(--ax-bg-accent-soft);
5552
+ background-color: var(--ax-bg-accent-softA);
5553
+ }
5554
+
5555
+ .navds-table__row--selected + .navds-table__expanded-row {
5556
+ background-color: var(--ax-bg-accent-softA);
6117
5557
  }
6118
5558
 
6119
5559
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
6120
- background-color: var(--ax-bg-soft);
5560
+ background-color: var(--ax-bg-neutral-softA);
6121
5561
  }
6122
5562
 
6123
5563
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -6125,12 +5565,16 @@
6125
5565
  }
6126
5566
 
6127
5567
  .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
6128
- background-color: var(--ax-bg-soft);
5568
+ background-color: var(--ax-bg-neutral-softA);
5569
+ }
5570
+
5571
+ .navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
5572
+ background-color: var(--ax-bg-accent-softA);
6129
5573
  }
6130
5574
 
6131
5575
  .navds-table__header-cell, .navds-table__data-cell {
6132
5576
  padding: var(--ax-space-12) var(--ax-space-8);
6133
- border-bottom: 1px solid var(--ax-border-default);
5577
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
6134
5578
  text-align: left;
6135
5579
  display: table-cell;
6136
5580
  }
@@ -6147,14 +5591,6 @@
6147
5591
  text-align: center;
6148
5592
  }
6149
5593
 
6150
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
6151
- border-color: var(--ax-border-strong);
6152
- }
6153
-
6154
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
6155
- border-color: var(--ax-border-strong);
6156
- }
6157
-
6158
5594
  :where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
6159
5595
  border-bottom-color: rgba(0, 0, 0, 0);
6160
5596
  }
@@ -6175,17 +5611,24 @@
6175
5611
  top: -.375rem;
6176
5612
  }
6177
5613
 
6178
- .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label, .navds-table__header-cell[aria-sort] {
5614
+ .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
5615
+ padding: 0;
5616
+ }
5617
+
5618
+ .navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
5619
+ height: 100%;
5620
+ }
5621
+
5622
+ .navds-table__header-cell[aria-sort] {
6179
5623
  padding: 0;
6180
5624
  }
6181
5625
 
6182
5626
  .navds-table__sort-button {
6183
- -webkit-appearance: none;
6184
5627
  appearance: none;
6185
- color: var(--ax-text-accent);
5628
+ color: var(--ax-text-accent-subtle);
6186
5629
  cursor: pointer;
6187
5630
  padding: var(--ax-space-16) var(--ax-space-12);
6188
- gap: var(--ax-space-8);
5631
+ gap: var(--ax-space-4);
6189
5632
  width: 100%;
6190
5633
  line-height: inherit;
6191
5634
  font-weight: inherit;
@@ -6201,7 +5644,7 @@
6201
5644
  }
6202
5645
 
6203
5646
  .navds-table__sort-button:hover {
6204
- background-color: var(--ax-bg-hoverA);
5647
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6205
5648
  }
6206
5649
 
6207
5650
  .navds-table__sort-button:focus-visible {
@@ -6210,8 +5653,8 @@
6210
5653
  }
6211
5654
 
6212
5655
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
6213
- background-color: var(--ax-bg-accent-moderate);
6214
- color: var(--ax-text-accent-strong);
5656
+ background-color: var(--ax-bg-accent-moderate-pressedA);
5657
+ color: var(--ax-text-accent);
6215
5658
  }
6216
5659
 
6217
5660
  .navds-table__header-cell--align-right .navds-table__sort-button {
@@ -6224,7 +5667,7 @@
6224
5667
 
6225
5668
  .navds-table__sort-button svg {
6226
5669
  flex-shrink: 0;
6227
- font-size: 1rem;
5670
+ font-size: 1.5rem;
6228
5671
  }
6229
5672
 
6230
5673
  .navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
@@ -6279,7 +5722,11 @@
6279
5722
  }
6280
5723
 
6281
5724
  .navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
6282
- background-color: var(--ax-bg-hoverA);
5725
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
5726
+ }
5727
+
5728
+ .navds-table__row--selected :is(:scope .navds-table__toggle-expand-button:hover, :scope .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, :scope .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button) {
5729
+ background-color: var(--ax-bg-accent-moderate-hoverA);
6283
5730
  }
6284
5731
 
6285
5732
  .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -6299,7 +5746,7 @@
6299
5746
  }
6300
5747
 
6301
5748
  .navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
6302
- border-bottom: 1px solid var(--ax-border-default);
5749
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
6303
5750
  }
6304
5751
 
6305
5752
  .navds-table__expanded-row-content {
@@ -6328,7 +5775,7 @@
6328
5775
  }
6329
5776
 
6330
5777
  .navds-tabs__tablist-wrapper {
6331
- box-shadow: inset 0 -1px var(--ax-border-subtle);
5778
+ box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
6332
5779
  width: 100%;
6333
5780
  display: flex;
6334
5781
  }
@@ -6373,10 +5820,10 @@
6373
5820
  .navds-tabs__tab {
6374
5821
  min-height: 3rem;
6375
5822
  padding: var(--ax-space-12) var(--ax-space-16);
6376
- color: var(--ax-text-default);
5823
+ color: var(--ax-text-neutral);
6377
5824
  cursor: pointer;
6378
5825
  --__axc-tabs-line-width: 0;
6379
- --__axc-tabs-line-color: var(--ax-border-subtle);
5826
+ --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
6380
5827
  box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
6381
5828
  background: none;
6382
5829
  border: none;
@@ -6452,27 +5899,23 @@
6452
5899
  @media (forced-colors: active) {
6453
5900
  .navds-tabs__tab[data-state="active"] {
6454
5901
  border-bottom: 3px solid canvastext;
6455
- padding-bottom: calc(var(--ax-space-12) - 3px);
5902
+ padding-block-end: calc(var(--ax-space-12) - 3px);
6456
5903
  }
6457
5904
 
6458
5905
  .navds-tabs__tab--small[data-state="active"] {
6459
- padding-bottom: calc(var(--ax-space-6) - 3px);
5906
+ padding-block-end: calc(var(--ax-space-6) - 3px);
6460
5907
  }
6461
5908
 
6462
5909
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
6463
- padding-bottom: calc(var(--ax-space-4) - 3px);
5910
+ padding-block-end: calc(var(--ax-space-4) - 3px);
6464
5911
  }
6465
5912
  }
6466
5913
 
6467
5914
  .navds-list ul, .navds-list ol {
6468
- margin-block: var(--ax-space-16);
5915
+ margin: 0;
6469
5916
  padding: 0;
6470
5917
  }
6471
5918
 
6472
- .navds-list--small ul, .navds-list--small ol {
6473
- margin-block: var(--ax-space-12);
6474
- }
6475
-
6476
5919
  .navds-list .navds-list :where(ul, ol) {
6477
5920
  margin-block: var(--ax-space-8) 0;
6478
5921
  }
@@ -6527,11 +5970,11 @@
6527
5970
  }
6528
5971
 
6529
5972
  .navds-list__item {
6530
- margin-bottom: var(--ax-space-8);
5973
+ margin-block-end: var(--ax-space-8);
6531
5974
  }
6532
5975
 
6533
5976
  .navds-list__item:last-child {
6534
- margin-bottom: 0;
5977
+ margin-block-end: 0;
6535
5978
  }
6536
5979
 
6537
5980
  .navds-list__item-marker {
@@ -6552,7 +5995,7 @@
6552
5995
  }
6553
5996
 
6554
5997
  .navds-theme {
6555
- color: var(--ax-text-default);
5998
+ color: var(--ax-text-neutral);
6556
5999
  }
6557
6000
 
6558
6001
  .navds-theme[data-background="true"] {
@@ -7515,7 +6958,6 @@
7515
6958
  }
7516
6959
 
7517
6960
  .navds-page {
7518
- min-height: 100vh;
7519
6961
  flex-direction: column;
7520
6962
  min-height: 100lvh;
7521
6963
  display: flex;
@@ -7524,8 +6966,7 @@
7524
6966
  .navds-pageblock {
7525
6967
  --__axc-page-padding-inline: 0px;
7526
6968
  width: 100%;
7527
- margin-left: auto;
7528
- margin-right: auto;
6969
+ margin-inline: auto;
7529
6970
  }
7530
6971
 
7531
6972
  .navds-page__content--grow {
@@ -7533,12 +6974,11 @@
7533
6974
  }
7534
6975
 
7535
6976
  .navds-page__content--fullheight {
7536
- min-height: 100vh;
7537
6977
  min-height: 100lvh;
7538
6978
  }
7539
6979
 
7540
6980
  .navds-page__content--padding {
7541
- padding-bottom: var(--ax-space-64);
6981
+ padding-block-end: var(--ax-space-64);
7542
6982
  }
7543
6983
 
7544
6984
  .navds-pageblock--text {
@@ -7562,13 +7002,13 @@
7562
7002
  }
7563
7003
 
7564
7004
  .navds-pageblock--gutters {
7565
- --__axc-page-padding-inline: var(--a-spacing-4);
7005
+ --__axc-page-padding-inline: var(--ax-space-16);
7566
7006
  padding-inline: var(--__axc-page-padding-inline);
7567
7007
  }
7568
7008
 
7569
7009
  @media (min-width: 1024px) {
7570
7010
  .navds-pageblock--gutters {
7571
- --__axc-page-padding-inline: var(--a-spacing-12);
7011
+ --__axc-page-padding-inline: var(--ax-space-48);
7572
7012
  }
7573
7013
  }
7574
7014
 
@@ -7708,19 +7148,8 @@
7708
7148
  }
7709
7149
 
7710
7150
  .navds-stack > .navds-stack__spacer {
7711
- margin-top: calc(var(--__axc-stack-gap) * -1);
7712
- }
7713
-
7714
- .navds-stack > .navds-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7715
- margin-left: calc(var(--__axc-stack-gap) * -1);
7716
- }
7717
-
7718
- .navds-stack > .navds-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7719
- margin-right: calc(var(--__axc-stack-gap) * -1);
7720
- }
7721
-
7722
- .navds-stack > .navds-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7723
- margin-right: calc(var(--__axc-stack-gap) * -1);
7151
+ margin-block-start: calc(var(--__axc-stack-gap) * -1);
7152
+ margin-inline-start: calc(var(--__axc-stack-gap) * -1);
7724
7153
  }
7725
7154
 
7726
7155
  @media (min-width: 480px) {