@navikt/ds-css 7.10.0 → 7.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (263) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/config/tests/bundle.test.ts +7 -2
  3. package/darkside/accordion.darkside.css +53 -60
  4. package/darkside/action-menu.darkside.css +13 -13
  5. package/darkside/baseline/baseline.darkside.css +2 -1
  6. package/darkside/baseline/fonts.darkside.css +12 -12
  7. package/darkside/button.darkside.css +24 -32
  8. package/darkside/chat.darkside.css +5 -5
  9. package/darkside/chips.darkside.css +14 -14
  10. package/darkside/copybutton.darkside.css +1 -134
  11. package/darkside/date.darkside.css +18 -24
  12. package/darkside/expansioncard.darkside.css +9 -17
  13. package/darkside/form/combobox.darkside.css +21 -22
  14. package/darkside/form/error-summary.darkside.css +3 -3
  15. package/darkside/form/fieldset.darkside.css +1 -1
  16. package/darkside/form/file-upload.darkside.css +19 -28
  17. package/darkside/form/form-progress.darkside.css +19 -21
  18. package/darkside/form/form-summary.darkside.css +8 -8
  19. package/darkside/form/form.darkside.css +2 -2
  20. package/darkside/form/radio-checkbox.darkside.css +46 -27
  21. package/darkside/form/search.darkside.css +6 -10
  22. package/darkside/form/select.darkside.css +13 -13
  23. package/darkside/form/switch.darkside.css +43 -28
  24. package/darkside/form/text-field.darkside.css +9 -9
  25. package/darkside/form/textarea.darkside.css +11 -11
  26. package/darkside/guide-panel.darkside.css +6 -2
  27. package/darkside/help-text.darkside.css +3 -3
  28. package/darkside/index.css +0 -1
  29. package/darkside/internalheader.darkside.css +10 -10
  30. package/darkside/link.darkside.css +8 -7
  31. package/darkside/list.darkside.css +1 -6
  32. package/darkside/loader.darkside.css +5 -5
  33. package/darkside/modal.darkside.css +4 -3
  34. package/darkside/pagination.darkside.css +2 -2
  35. package/darkside/popover.darkside.css +8 -2
  36. package/darkside/primitives/page.darkside.css +2 -2
  37. package/darkside/progress-bar.darkside.css +2 -2
  38. package/darkside/read-more.darkside.css +5 -6
  39. package/darkside/skeleton.darkside.css +1 -1
  40. package/darkside/stepper.darkside.css +13 -24
  41. package/darkside/table.darkside.css +41 -24
  42. package/darkside/tabs.darkside.css +7 -7
  43. package/darkside/tag.darkside.css +21 -21
  44. package/darkside/theme.darkside.css +1 -1
  45. package/darkside/timeline.darkside.css +31 -26
  46. package/darkside/toggle-group.darkside.css +11 -11
  47. package/darkside/tooltip.darkside.css +4 -4
  48. package/darkside/typography.darkside.css +5 -2
  49. package/dist/component/expansioncard.css +1 -0
  50. package/dist/component/expansioncard.min.css +1 -1
  51. package/dist/component/form.css +4 -0
  52. package/dist/component/form.min.css +1 -1
  53. package/dist/component/modal.css +1 -0
  54. package/dist/component/modal.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/tag.css +6 -6
  58. package/dist/component/tag.min.css +1 -1
  59. package/dist/components.css +16 -8
  60. package/dist/components.min.css +2 -2
  61. package/dist/darkside/component/accordion.css +44 -57
  62. package/dist/darkside/component/accordion.min.css +1 -1
  63. package/dist/darkside/component/actionmenu.css +13 -13
  64. package/dist/darkside/component/actionmenu.min.css +1 -1
  65. package/dist/darkside/component/button.css +24 -30
  66. package/dist/darkside/component/button.min.css +1 -1
  67. package/dist/darkside/component/chat.css +5 -5
  68. package/dist/darkside/component/chat.min.css +1 -1
  69. package/dist/darkside/component/chips.css +14 -14
  70. package/dist/darkside/component/chips.min.css +1 -1
  71. package/dist/darkside/component/copybutton.css +1 -126
  72. package/dist/darkside/component/copybutton.min.css +1 -1
  73. package/dist/darkside/component/date.css +18 -22
  74. package/dist/darkside/component/date.min.css +1 -1
  75. package/dist/darkside/component/expansioncard.css +9 -17
  76. package/dist/darkside/component/expansioncard.min.css +1 -1
  77. package/dist/darkside/component/form.css +181 -174
  78. package/dist/darkside/component/form.min.css +1 -1
  79. package/dist/darkside/component/guidepanel.css +6 -2
  80. package/dist/darkside/component/guidepanel.min.css +1 -1
  81. package/dist/darkside/component/helptext.css +3 -3
  82. package/dist/darkside/component/helptext.min.css +1 -1
  83. package/dist/darkside/component/internalheader.css +10 -10
  84. package/dist/darkside/component/internalheader.min.css +1 -1
  85. package/dist/darkside/component/link.css +8 -7
  86. package/dist/darkside/component/link.min.css +1 -1
  87. package/dist/darkside/component/list.css +1 -5
  88. package/dist/darkside/component/list.min.css +1 -1
  89. package/dist/darkside/component/loader.css +5 -5
  90. package/dist/darkside/component/loader.min.css +1 -1
  91. package/dist/darkside/component/modal.css +4 -3
  92. package/dist/darkside/component/modal.min.css +1 -1
  93. package/dist/darkside/component/pagination.css +2 -2
  94. package/dist/darkside/component/pagination.min.css +1 -1
  95. package/dist/darkside/component/popover.css +8 -2
  96. package/dist/darkside/component/popover.min.css +1 -1
  97. package/dist/darkside/component/primitives.css +2 -2
  98. package/dist/darkside/component/primitives.min.css +1 -1
  99. package/dist/darkside/component/progressbar.css +2 -2
  100. package/dist/darkside/component/progressbar.min.css +1 -1
  101. package/dist/darkside/component/readmore.css +5 -6
  102. package/dist/darkside/component/readmore.min.css +1 -1
  103. package/dist/darkside/component/skeleton.css +1 -1
  104. package/dist/darkside/component/skeleton.min.css +1 -1
  105. package/dist/darkside/component/stepper.css +13 -22
  106. package/dist/darkside/component/stepper.min.css +1 -1
  107. package/dist/darkside/component/table.css +38 -22
  108. package/dist/darkside/component/table.min.css +1 -1
  109. package/dist/darkside/component/tabs.css +7 -7
  110. package/dist/darkside/component/tabs.min.css +1 -1
  111. package/dist/darkside/component/tag.css +25 -25
  112. package/dist/darkside/component/tag.min.css +1 -1
  113. package/dist/darkside/component/theme.css +1 -1
  114. package/dist/darkside/component/theme.min.css +1 -1
  115. package/dist/darkside/component/timeline.css +31 -26
  116. package/dist/darkside/component/timeline.min.css +1 -1
  117. package/dist/darkside/component/togglegroup.css +11 -11
  118. package/dist/darkside/component/togglegroup.min.css +1 -1
  119. package/dist/darkside/component/tooltip.css +4 -4
  120. package/dist/darkside/component/tooltip.min.css +1 -1
  121. package/dist/darkside/component/typography.css +5 -2
  122. package/dist/darkside/component/typography.min.css +1 -1
  123. package/dist/darkside/components.css +497 -671
  124. package/dist/darkside/components.min.css +1 -1
  125. package/dist/darkside/global/baseline.css +1 -1
  126. package/dist/darkside/global/baseline.min.css +1 -1
  127. package/dist/darkside/global/fonts.css +12 -12
  128. package/dist/darkside/global/fonts.min.css +1 -1
  129. package/dist/darkside/global/tokens.css +400 -422
  130. package/dist/darkside/global/tokens.min.css +1 -1
  131. package/dist/darkside/index.css +910 -1106
  132. package/dist/darkside/index.min.css +1 -1
  133. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/accordion.css +44 -57
  134. package/dist/darkside/version/7.12.0/component/accordion.min.css +1 -0
  135. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/actionmenu.css +13 -13
  136. package/dist/darkside/version/7.12.0/component/actionmenu.min.css +1 -0
  137. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/button.css +24 -30
  138. package/dist/darkside/version/7.12.0/component/button.min.css +1 -0
  139. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/chat.css +5 -5
  140. package/dist/darkside/version/7.12.0/component/chat.min.css +1 -0
  141. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/chips.css +14 -14
  142. package/dist/darkside/version/7.12.0/component/chips.min.css +1 -0
  143. package/dist/darkside/version/7.12.0/component/copybutton.css +23 -0
  144. package/dist/darkside/version/7.12.0/component/copybutton.min.css +1 -0
  145. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/date.css +18 -22
  146. package/dist/darkside/version/7.12.0/component/date.min.css +1 -0
  147. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/expansioncard.css +9 -17
  148. package/dist/darkside/version/7.12.0/component/expansioncard.min.css +1 -0
  149. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/form.css +181 -174
  150. package/dist/darkside/version/7.12.0/component/form.min.css +1 -0
  151. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/guidepanel.css +6 -2
  152. package/dist/darkside/version/7.12.0/component/guidepanel.min.css +1 -0
  153. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/helptext.css +3 -3
  154. package/dist/darkside/version/7.12.0/component/helptext.min.css +1 -0
  155. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/internalheader.css +10 -10
  156. package/dist/darkside/version/7.12.0/component/internalheader.min.css +1 -0
  157. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/link.css +8 -7
  158. package/dist/darkside/version/7.12.0/component/link.min.css +1 -0
  159. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/list.css +1 -5
  160. package/dist/darkside/version/7.12.0/component/list.min.css +1 -0
  161. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/loader.css +5 -5
  162. package/dist/darkside/version/7.12.0/component/loader.min.css +1 -0
  163. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/modal.css +4 -3
  164. package/dist/darkside/version/7.12.0/component/modal.min.css +1 -0
  165. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/pagination.css +2 -2
  166. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/pagination.min.css +1 -1
  167. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/popover.css +8 -2
  168. package/dist/darkside/version/7.12.0/component/popover.min.css +1 -0
  169. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/primitives.css +2 -2
  170. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/primitives.min.css +1 -1
  171. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/progressbar.css +2 -2
  172. package/dist/darkside/version/7.12.0/component/progressbar.min.css +1 -0
  173. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/readmore.css +5 -6
  174. package/dist/darkside/version/7.12.0/component/readmore.min.css +1 -0
  175. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/skeleton.css +1 -1
  176. package/dist/darkside/version/7.12.0/component/skeleton.min.css +1 -0
  177. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/stepper.css +13 -22
  178. package/dist/darkside/version/7.12.0/component/stepper.min.css +1 -0
  179. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/table.css +38 -22
  180. package/dist/darkside/version/7.12.0/component/table.min.css +1 -0
  181. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tabs.css +7 -7
  182. package/dist/darkside/version/7.12.0/component/tabs.min.css +1 -0
  183. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tag.css +25 -25
  184. package/dist/darkside/version/7.12.0/component/tag.min.css +1 -0
  185. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/theme.css +1 -1
  186. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/theme.min.css +1 -1
  187. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/timeline.css +31 -26
  188. package/dist/darkside/version/7.12.0/component/timeline.min.css +1 -0
  189. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/togglegroup.css +11 -11
  190. package/dist/darkside/version/7.12.0/component/togglegroup.min.css +1 -0
  191. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tooltip.css +4 -4
  192. package/dist/darkside/version/7.12.0/component/tooltip.min.css +1 -0
  193. package/dist/darkside/version/{7.10.0 → 7.12.0}/component/typography.css +5 -2
  194. package/dist/darkside/version/7.12.0/component/typography.min.css +1 -0
  195. package/dist/darkside/version/{7.10.0 → 7.12.0}/components.css +497 -671
  196. package/dist/darkside/version/7.12.0/components.min.css +1 -0
  197. package/dist/darkside/version/{7.10.0 → 7.12.0}/global/baseline.css +1 -1
  198. package/dist/darkside/version/7.12.0/global/baseline.min.css +1 -0
  199. package/dist/darkside/version/{7.10.0 → 7.12.0}/global/fonts.css +12 -12
  200. package/dist/darkside/version/{7.10.0 → 7.12.0}/global/fonts.min.css +1 -1
  201. package/dist/darkside/version/7.12.0/global/tokens.css +817 -0
  202. package/dist/darkside/version/7.12.0/global/tokens.min.css +1 -0
  203. package/dist/darkside/version/{7.10.0 → 7.12.0}/index.css +910 -1106
  204. package/dist/darkside/version/7.12.0/index.min.css +1 -0
  205. package/dist/global/tokens.css +1 -1
  206. package/dist/global/tokens.min.css +1 -1
  207. package/dist/index.css +17 -9
  208. package/dist/index.min.css +3 -3
  209. package/expansioncard.css +1 -0
  210. package/form/radio-checkbox.css +5 -0
  211. package/modal.css +1 -0
  212. package/package.json +4 -4
  213. package/table.css +2 -2
  214. package/tag.css +6 -6
  215. package/darkside/link-panel.darkside.css +0 -47
  216. package/dist/darkside/component/linkpanel.css +0 -48
  217. package/dist/darkside/component/linkpanel.min.css +0 -1
  218. package/dist/darkside/version/7.10.0/component/accordion.min.css +0 -1
  219. package/dist/darkside/version/7.10.0/component/actionmenu.min.css +0 -1
  220. package/dist/darkside/version/7.10.0/component/button.min.css +0 -1
  221. package/dist/darkside/version/7.10.0/component/chat.min.css +0 -1
  222. package/dist/darkside/version/7.10.0/component/chips.min.css +0 -1
  223. package/dist/darkside/version/7.10.0/component/copybutton.css +0 -148
  224. package/dist/darkside/version/7.10.0/component/copybutton.min.css +0 -1
  225. package/dist/darkside/version/7.10.0/component/date.min.css +0 -1
  226. package/dist/darkside/version/7.10.0/component/expansioncard.min.css +0 -1
  227. package/dist/darkside/version/7.10.0/component/form.min.css +0 -1
  228. package/dist/darkside/version/7.10.0/component/guidepanel.min.css +0 -1
  229. package/dist/darkside/version/7.10.0/component/helptext.min.css +0 -1
  230. package/dist/darkside/version/7.10.0/component/internalheader.min.css +0 -1
  231. package/dist/darkside/version/7.10.0/component/link.min.css +0 -1
  232. package/dist/darkside/version/7.10.0/component/linkpanel.css +0 -48
  233. package/dist/darkside/version/7.10.0/component/linkpanel.min.css +0 -1
  234. package/dist/darkside/version/7.10.0/component/list.min.css +0 -1
  235. package/dist/darkside/version/7.10.0/component/loader.min.css +0 -1
  236. package/dist/darkside/version/7.10.0/component/modal.min.css +0 -1
  237. package/dist/darkside/version/7.10.0/component/popover.min.css +0 -1
  238. package/dist/darkside/version/7.10.0/component/progressbar.min.css +0 -1
  239. package/dist/darkside/version/7.10.0/component/readmore.min.css +0 -1
  240. package/dist/darkside/version/7.10.0/component/skeleton.min.css +0 -1
  241. package/dist/darkside/version/7.10.0/component/stepper.min.css +0 -1
  242. package/dist/darkside/version/7.10.0/component/table.min.css +0 -1
  243. package/dist/darkside/version/7.10.0/component/tabs.min.css +0 -1
  244. package/dist/darkside/version/7.10.0/component/tag.min.css +0 -1
  245. package/dist/darkside/version/7.10.0/component/timeline.min.css +0 -1
  246. package/dist/darkside/version/7.10.0/component/togglegroup.min.css +0 -1
  247. package/dist/darkside/version/7.10.0/component/tooltip.min.css +0 -1
  248. package/dist/darkside/version/7.10.0/component/typography.min.css +0 -1
  249. package/dist/darkside/version/7.10.0/components.min.css +0 -1
  250. package/dist/darkside/version/7.10.0/global/baseline.min.css +0 -1
  251. package/dist/darkside/version/7.10.0/global/tokens.css +0 -839
  252. package/dist/darkside/version/7.10.0/global/tokens.min.css +0 -1
  253. package/dist/darkside/version/7.10.0/index.min.css +0 -1
  254. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/alert.css +0 -0
  255. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/alert.min.css +0 -0
  256. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/dropdown.css +0 -0
  257. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/dropdown.min.css +0 -0
  258. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/panel.css +0 -0
  259. /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/panel.min.css +0 -0
  260. /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/print.css +0 -0
  261. /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/print.min.css +0 -0
  262. /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/reset.css +0 -0
  263. /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/reset.min.css +0 -0
@@ -94,76 +94,76 @@
94
94
 
95
95
  @layer aksel.theming {
96
96
  :root, :host, .light, .light-theme {
97
- --ax-meta-2-400A: #d0dc00;
98
- --ax-meta-2-300A: rgba(202, 223, 0, .58);
99
- --ax-meta-2-200A: rgba(196, 223, 0, .337);
100
- --ax-meta-2-100A: rgba(195, 222, 0, .18);
101
- --ax-meta-2-1000: #2a2800;
102
- --ax-meta-2-900: #515400;
103
- --ax-meta-2-800: #5c6100;
104
- --ax-meta-2-700: #646900;
105
- --ax-meta-2-600: #757c00;
106
- --ax-meta-2-500: #878f00;
107
- --ax-meta-2-400: #d0dc00;
108
- --ax-meta-2-300: #e0ec6b;
109
- --ax-meta-2-200: #ebf4a9;
110
- --ax-meta-2-100: #f4f9d1;
111
- --ax-meta-1-400A: rgba(43, 0, 107, .19);
112
- --ax-meta-1-300A: rgba(43, 0, 102, .118);
113
- --ax-meta-1-200A: rgba(43, 0, 100, .07);
114
- --ax-meta-1-100A: rgba(51, 0, 102, .04);
115
- --ax-meta-1-1000: #331a4d;
116
- --ax-meta-1-900: #5e467c;
117
- --ax-meta-1-800: #6a5289;
118
- --ax-meta-1-700: #725a91;
119
- --ax-meta-1-600: #846ca4;
120
- --ax-meta-1-500: #9580b1;
121
- --ax-meta-1-400: #d7cfe3;
122
- --ax-meta-1-300: #e6e1ed;
123
- --ax-meta-1-200: #f0edf4;
124
- --ax-meta-1-100: #f7f5f9;
125
- --ax-brand-3-400A: rgba(0, 90, 146, .247);
126
- --ax-brand-3-300A: rgba(0, 96, 160, .157);
127
- --ax-brand-3-200A: rgba(0, 110, 183, .11);
128
- --ax-brand-3-100A: rgba(0, 120, 210, .067);
129
- --ax-brand-3-1000: #002942;
130
- --ax-brand-3-900: #00557d;
131
- --ax-brand-3-800: #156389;
132
- --ax-brand-3-700: #246b91;
133
- --ax-brand-3-600: #417da0;
134
- --ax-brand-3-500: #5a8fae;
135
- --ax-brand-3-400: #c0d6e4;
136
- --ax-brand-3-300: #d7e6f0;
137
- --ax-brand-3-200: #e3eff7;
138
- --ax-brand-3-100: #eef6fc;
139
- --ax-brand-2-400A: rgba(233, 76, 0, .306);
140
- --ax-brand-2-300A: rgba(240, 82, 0, .196);
141
- --ax-brand-2-200A: rgba(239, 91, 0, .12);
142
- --ax-brand-2-100A: rgba(255, 90, 0, .067);
143
- --ax-brand-2-1000: #3c1f15;
144
- --ax-brand-2-900: #764332;
145
- --ax-brand-2-800: #874e3b;
146
- --ax-brand-2-700: #915541;
147
- --ax-brand-2-600: #a9654e;
148
- --ax-brand-2-500: #c0765d;
149
- --ax-brand-2-400: #f8c8b1;
150
- --ax-brand-2-300: #fcddcd;
151
- --ax-brand-2-200: #fdebe0;
152
- --ax-brand-2-100: #fff4ee;
153
- --ax-brand-1-400A: rgba(164, 0, 58, .208);
154
- --ax-brand-1-300A: rgba(165, 0, 60, .133);
155
- --ax-brand-1-200A: rgba(170, 0, 61, .082);
156
- --ax-brand-1-100A: rgba(170, 0, 64, .047);
157
- --ax-brand-1-1000: #52002b;
158
- --ax-brand-1-900: #98185d;
159
- --ax-brand-1-800: #a33069;
160
- --ax-brand-1-700: #a93d70;
161
- --ax-brand-1-600: #b65781;
162
- --ax-brand-1-500: #c26f92;
163
- --ax-brand-1-400: #eccad6;
164
- --ax-brand-1-300: #f3dde5;
165
- --ax-brand-1-200: #f8eaef;
166
- --ax-brand-1-100: #fbf3f6;
97
+ --ax-meta-lime-400A: #d0dc00;
98
+ --ax-meta-lime-300A: rgba(202, 223, 0, .58);
99
+ --ax-meta-lime-200A: rgba(196, 223, 0, .337);
100
+ --ax-meta-lime-100A: rgba(195, 222, 0, .18);
101
+ --ax-meta-lime-1000: #2a2800;
102
+ --ax-meta-lime-900: #515400;
103
+ --ax-meta-lime-800: #5c6100;
104
+ --ax-meta-lime-700: #646900;
105
+ --ax-meta-lime-600: #757c00;
106
+ --ax-meta-lime-500: #878f00;
107
+ --ax-meta-lime-400: #d0dc00;
108
+ --ax-meta-lime-300: #e0ec6b;
109
+ --ax-meta-lime-200: #ebf4a9;
110
+ --ax-meta-lime-100: #f4f9d1;
111
+ --ax-meta-purple-400A: rgba(43, 0, 107, .19);
112
+ --ax-meta-purple-300A: rgba(43, 0, 102, .118);
113
+ --ax-meta-purple-200A: rgba(43, 0, 100, .07);
114
+ --ax-meta-purple-100A: rgba(51, 0, 102, .04);
115
+ --ax-meta-purple-1000: #331a4d;
116
+ --ax-meta-purple-900: #5e467c;
117
+ --ax-meta-purple-800: #6a5289;
118
+ --ax-meta-purple-700: #725a91;
119
+ --ax-meta-purple-600: #846ca4;
120
+ --ax-meta-purple-500: #9580b1;
121
+ --ax-meta-purple-400: #d7cfe3;
122
+ --ax-meta-purple-300: #e6e1ed;
123
+ --ax-meta-purple-200: #f0edf4;
124
+ --ax-meta-purple-100: #f7f5f9;
125
+ --ax-brand-blue-400A: rgba(0, 90, 146, .247);
126
+ --ax-brand-blue-300A: rgba(0, 96, 160, .157);
127
+ --ax-brand-blue-200A: rgba(0, 110, 183, .11);
128
+ --ax-brand-blue-100A: rgba(0, 120, 210, .067);
129
+ --ax-brand-blue-1000: #002942;
130
+ --ax-brand-blue-900: #00557d;
131
+ --ax-brand-blue-800: #156389;
132
+ --ax-brand-blue-700: #246b91;
133
+ --ax-brand-blue-600: #417da0;
134
+ --ax-brand-blue-500: #5a8fae;
135
+ --ax-brand-blue-400: #c0d6e4;
136
+ --ax-brand-blue-300: #d7e6f0;
137
+ --ax-brand-blue-200: #e3eff7;
138
+ --ax-brand-blue-100: #eef6fc;
139
+ --ax-brand-beige-400A: rgba(233, 76, 0, .306);
140
+ --ax-brand-beige-300A: rgba(240, 82, 0, .196);
141
+ --ax-brand-beige-200A: rgba(239, 91, 0, .12);
142
+ --ax-brand-beige-100A: rgba(255, 90, 0, .067);
143
+ --ax-brand-beige-1000: #3c1f15;
144
+ --ax-brand-beige-900: #764332;
145
+ --ax-brand-beige-800: #874e3b;
146
+ --ax-brand-beige-700: #915541;
147
+ --ax-brand-beige-600: #a9654e;
148
+ --ax-brand-beige-500: #c0765d;
149
+ --ax-brand-beige-400: #f8c8b1;
150
+ --ax-brand-beige-300: #fcddcd;
151
+ --ax-brand-beige-200: #fdebe0;
152
+ --ax-brand-beige-100: #fff4ee;
153
+ --ax-brand-magenta-400A: rgba(164, 0, 58, .208);
154
+ --ax-brand-magenta-300A: rgba(165, 0, 60, .133);
155
+ --ax-brand-magenta-200A: rgba(170, 0, 61, .082);
156
+ --ax-brand-magenta-100A: rgba(170, 0, 64, .047);
157
+ --ax-brand-magenta-1000: #52002b;
158
+ --ax-brand-magenta-900: #98185d;
159
+ --ax-brand-magenta-800: #a33069;
160
+ --ax-brand-magenta-700: #a93d70;
161
+ --ax-brand-magenta-600: #b65781;
162
+ --ax-brand-magenta-500: #c26f92;
163
+ --ax-brand-magenta-400: #eccad6;
164
+ --ax-brand-magenta-300: #f3dde5;
165
+ --ax-brand-magenta-200: #f8eaef;
166
+ --ax-brand-magenta-100: #fbf3f6;
167
167
  --ax-info-400A: rgba(0, 90, 146, .247);
168
168
  --ax-info-300A: rgba(0, 96, 160, .157);
169
169
  --ax-info-200A: rgba(0, 110, 183, .11);
@@ -254,32 +254,28 @@
254
254
  --ax-bg-input: rgba(255, 255, 255, .85);
255
255
  --ax-bg-default: #fff;
256
256
  --ax-opacity-disabled: .3;
257
- --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, .02), 0px 2px 5px 0px rgba(7, 9, 13, .1), 0px 5px 12px 0px rgba(7, 9, 13, .12);
257
+ --ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
258
258
  --ax-border-focus: var(--ax-neutral-1000);
259
- --ax-border-strong: var(--ax-neutral-600);
260
- --ax-border-subtleA: var(--ax-neutral-400A);
261
- --ax-border-subtle: var(--ax-neutral-400);
262
- --ax-border-default: var(--ax-neutral-500);
263
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
264
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
265
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
266
- --ax-border-meta-2: var(--ax-meta-2-600);
267
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
268
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
269
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
270
- --ax-border-meta-1: var(--ax-meta-1-600);
271
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
272
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
273
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
274
- --ax-border-brand-3: var(--ax-brand-3-600);
275
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
276
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
277
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
278
- --ax-border-brand-2: var(--ax-brand-2-600);
279
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
280
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
281
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
282
- --ax-border-brand-1: var(--ax-brand-1-600);
259
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
260
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
261
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
262
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
263
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
264
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
265
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
266
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
267
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
268
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
269
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
270
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
271
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
272
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
273
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
274
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
275
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
276
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
277
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
278
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
283
279
  --ax-border-info-strong: var(--ax-info-700);
284
280
  --ax-border-info-subtleA: var(--ax-info-400A);
285
281
  --ax-border-info-subtle: var(--ax-info-400);
@@ -300,124 +296,111 @@
300
296
  --ax-border-accent-subtleA: var(--ax-accent-400A);
301
297
  --ax-border-accent-subtle: var(--ax-accent-400);
302
298
  --ax-border-accent: var(--ax-accent-600);
303
- --ax-text-contrast: var(--ax-neutral-000);
304
- --ax-text-icon: var(--ax-neutral-600);
305
- --ax-text-subtle: var(--ax-neutral-900);
306
- --ax-text-default: var(--ax-neutral-1000);
307
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
308
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
309
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
310
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
311
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
299
+ --ax-border-neutral-strong: var(--ax-neutral-700);
300
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
301
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
302
+ --ax-border-neutral: var(--ax-neutral-600);
303
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
304
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
305
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
306
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
307
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
312
308
  --ax-text-warning-contrast: var(--ax-neutral-000);
313
309
  --ax-text-success-contrast: var(--ax-neutral-000);
314
310
  --ax-text-info-contrast: var(--ax-neutral-000);
315
311
  --ax-text-danger-contrast: var(--ax-neutral-000);
316
312
  --ax-text-accent-contrast: var(--ax-neutral-000);
317
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
318
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
319
- --ax-text-meta-2: var(--ax-meta-2-800);
320
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
321
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
322
- --ax-text-meta-1: var(--ax-meta-1-800);
323
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
324
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
325
- --ax-text-brand-3: var(--ax-brand-3-800);
326
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
327
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
328
- --ax-text-brand-2: var(--ax-brand-2-800);
329
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
330
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
331
- --ax-text-brand-1: var(--ax-brand-1-800);
313
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
314
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
315
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
316
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
317
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
318
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
319
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
320
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
321
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
322
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
323
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
324
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
325
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
326
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
327
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
328
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
332
329
  --ax-text-info-icon: var(--ax-info-600);
333
- --ax-text-info-strong: var(--ax-info-1000);
334
- --ax-text-info: var(--ax-info-800);
330
+ --ax-text-info-subtle: var(--ax-info-800);
331
+ --ax-text-info: var(--ax-info-1000);
335
332
  --ax-text-danger-icon: var(--ax-danger-600);
336
- --ax-text-danger-strong: var(--ax-danger-1000);
337
- --ax-text-danger: var(--ax-danger-800);
333
+ --ax-text-danger-subtle: var(--ax-danger-800);
334
+ --ax-text-danger: var(--ax-danger-1000);
338
335
  --ax-text-warning-icon: var(--ax-warning-600);
339
- --ax-text-warning-strong: var(--ax-warning-1000);
340
- --ax-text-warning: var(--ax-warning-800);
336
+ --ax-text-warning-subtle: var(--ax-warning-800);
337
+ --ax-text-warning: var(--ax-warning-1000);
341
338
  --ax-text-success-icon: var(--ax-success-600);
342
- --ax-text-success-strong: var(--ax-success-1000);
343
- --ax-text-success: var(--ax-success-800);
339
+ --ax-text-success-subtle: var(--ax-success-800);
340
+ --ax-text-success: var(--ax-success-1000);
344
341
  --ax-text-accent-icon: var(--ax-accent-600);
345
- --ax-text-accent-strong: var(--ax-accent-1000);
346
- --ax-text-accent: var(--ax-accent-800);
347
- --ax-bg-strong-pressed: var(--ax-neutral-900);
348
- --ax-bg-strong-hover: var(--ax-neutral-800);
349
- --ax-bg-strong: var(--ax-neutral-700);
350
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
351
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
352
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
353
- --ax-bg-moderate-hover: var(--ax-neutral-300);
354
- --ax-bg-moderateA: var(--ax-neutral-200A);
355
- --ax-bg-moderate: var(--ax-neutral-200);
356
- --ax-bg-hoverA: var(--ax-neutral-200A);
357
- --ax-bg-hover: var(--ax-neutral-200);
358
- --ax-bg-soft: var(--ax-neutral-100);
342
+ --ax-text-accent-subtle: var(--ax-accent-800);
343
+ --ax-text-accent: var(--ax-accent-1000);
344
+ --ax-text-neutral-icon: var(--ax-neutral-600);
345
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
346
+ --ax-text-neutral: var(--ax-neutral-1000);
359
347
  --ax-bg-sunken: var(--ax-neutral-200);
360
348
  --ax-bg-raised: var(--ax-neutral-000);
361
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
362
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
363
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
364
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
365
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
366
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
367
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
368
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
369
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
370
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
371
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
372
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
373
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
374
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
375
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
376
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
377
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
378
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
379
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
380
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
381
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
382
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
383
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
384
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
385
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
386
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
387
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
388
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
389
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
390
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
391
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
392
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
393
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
394
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
395
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
396
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
397
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
398
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
399
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
400
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
401
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
402
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
403
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
404
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
405
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
406
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
407
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
408
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
409
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
410
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
411
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
412
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
413
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
414
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
415
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
416
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
417
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
418
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
419
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
420
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
349
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
350
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
351
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
352
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
353
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
354
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
355
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
356
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
357
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
358
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
359
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
360
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
361
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
362
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
363
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
364
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
365
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
366
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
367
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
368
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
369
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
370
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
371
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
372
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
373
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
374
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
375
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
376
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
377
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
378
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
379
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
380
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
381
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
382
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
383
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
384
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
385
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
386
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
387
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
388
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
389
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
390
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
391
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
392
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
393
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
394
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
395
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
396
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
397
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
398
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
399
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
400
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
401
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
402
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
403
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
421
404
  --ax-bg-info-strong-pressed: var(--ax-info-800);
422
405
  --ax-bg-info-strong-hover: var(--ax-info-700);
423
406
  --ax-bg-info-strong: var(--ax-info-600);
@@ -427,8 +410,7 @@
427
410
  --ax-bg-info-moderate-hover: var(--ax-info-300);
428
411
  --ax-bg-info-moderateA: var(--ax-info-200A);
429
412
  --ax-bg-info-moderate: var(--ax-info-200);
430
- --ax-bg-info-hoverA: var(--ax-info-200A);
431
- --ax-bg-info-hover: var(--ax-info-200);
413
+ --ax-bg-info-softA: var(--ax-info-100A);
432
414
  --ax-bg-info-soft: var(--ax-info-100);
433
415
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
434
416
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
@@ -439,8 +421,7 @@
439
421
  --ax-bg-danger-moderate-hover: var(--ax-danger-300);
440
422
  --ax-bg-danger-moderateA: var(--ax-danger-200A);
441
423
  --ax-bg-danger-moderate: var(--ax-danger-200);
442
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
443
- --ax-bg-danger-hover: var(--ax-danger-200);
424
+ --ax-bg-danger-softA: var(--ax-danger-100A);
444
425
  --ax-bg-danger-soft: var(--ax-danger-100);
445
426
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
446
427
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
@@ -451,8 +432,7 @@
451
432
  --ax-bg-warning-moderate-hover: var(--ax-warning-300);
452
433
  --ax-bg-warning-moderateA: var(--ax-warning-200A);
453
434
  --ax-bg-warning-moderate: var(--ax-warning-200);
454
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
455
- --ax-bg-warning-hover: var(--ax-warning-200);
435
+ --ax-bg-warning-softA: var(--ax-warning-100A);
456
436
  --ax-bg-warning-soft: var(--ax-warning-100);
457
437
  --ax-bg-success-strong-pressed: var(--ax-success-800);
458
438
  --ax-bg-success-strong-hover: var(--ax-success-700);
@@ -463,8 +443,7 @@
463
443
  --ax-bg-success-moderate-hover: var(--ax-success-300);
464
444
  --ax-bg-success-moderateA: var(--ax-success-200A);
465
445
  --ax-bg-success-moderate: var(--ax-success-200);
466
- --ax-bg-success-hoverA: var(--ax-success-200A);
467
- --ax-bg-success-hover: var(--ax-success-200);
446
+ --ax-bg-success-softA: var(--ax-success-100A);
468
447
  --ax-bg-success-soft: var(--ax-success-100);
469
448
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
470
449
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
@@ -475,82 +454,92 @@
475
454
  --ax-bg-accent-moderate-hover: var(--ax-accent-300);
476
455
  --ax-bg-accent-moderateA: var(--ax-accent-200A);
477
456
  --ax-bg-accent-moderate: var(--ax-accent-200);
478
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
479
- --ax-bg-accent-hover: var(--ax-accent-200);
457
+ --ax-bg-accent-softA: var(--ax-accent-100A);
480
458
  --ax-bg-accent-soft: var(--ax-accent-100);
459
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
460
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
461
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
462
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
463
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
464
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
465
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
466
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
467
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
468
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
469
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
481
470
  }
482
471
 
483
472
  .dark, .dark-theme {
484
- --ax-meta-2-400A: rgba(251, 245, 0, .16);
485
- --ax-meta-2-300A: rgba(252, 233, 0, .114);
486
- --ax-meta-2-200A: rgba(246, 207, 0, .086);
487
- --ax-meta-2-100A: rgba(252, 191, 0, .06);
488
- --ax-meta-2-1000: #c5d14c;
489
- --ax-meta-2-900: #a9b325;
490
- --ax-meta-2-800: #99a200;
491
- --ax-meta-2-700: #8f9800;
492
- --ax-meta-2-600: #7c8400;
493
- --ax-meta-2-500: #6a7200;
494
- --ax-meta-2-400: #343900;
495
- --ax-meta-2-300: #292d00;
496
- --ax-meta-2-200: #222500;
497
- --ax-meta-2-100: #1c1f00;
498
- --ax-meta-1-400A: rgba(253, 179, 238, .184);
499
- --ax-meta-1-300A: rgba(255, 153, 228, .137);
500
- --ax-meta-1-200A: rgba(250, 125, 211, .106);
501
- --ax-meta-1-100A: rgba(246, 79, 182, .086);
502
- --ax-meta-1-1000: #cdc5d9;
503
- --ax-meta-1-900: #b2a7c3;
504
- --ax-meta-1-800: #a495b7;
505
- --ax-meta-1-700: #9b8bb0;
506
- --ax-meta-1-600: #8876a1;
507
- --ax-meta-1-500: #776491;
508
- --ax-meta-1-400: #3a3245;
509
- --ax-meta-1-300: #2f273a;
510
- --ax-meta-1-200: #272032;
511
- --ax-meta-1-100: #221a2c;
512
- --ax-brand-3-400A: rgba(68, 198, 252, .204);
513
- --ax-brand-3-300A: rgba(43, 191, 251, .14);
514
- --ax-brand-3-200A: rgba(4, 191, 255, .094);
515
- --ax-brand-3-100A: rgba(0, 165, 255, .063);
516
- --ax-brand-3-1000: #b7cbd7;
517
- --ax-brand-3-900: #93afc0;
518
- --ax-brand-3-800: #7f9fb3;
519
- --ax-brand-3-700: #7396ab;
520
- --ax-brand-3-600: #5a839b;
521
- --ax-brand-3-500: #43718d;
522
- --ax-brand-3-400: #19394c;
523
- --ax-brand-3-300: #122d3e;
524
- --ax-brand-3-200: #0d2534;
525
- --ax-brand-3-100: #071e2d;
526
- --ax-brand-2-400A: rgba(252, 131, 64, .247);
527
- --ax-brand-2-300A: rgba(254, 98, 16, .196);
528
- --ax-brand-2-200A: rgba(251, 69, 0, .165);
529
- --ax-brand-2-100A: rgba(254, 29, 0, .13);
530
- --ax-brand-2-1000: #e3c2b1;
531
- --ax-brand-2-900: #d1a08c;
532
- --ax-brand-2-800: #c78e79;
533
- --ax-brand-2-700: #c0836e;
534
- --ax-brand-2-600: #ab6f5b;
535
- --ax-brand-2-500: #975e4a;
536
- --ax-brand-2-400: #493027;
537
- --ax-brand-2-300: #3d241c;
538
- --ax-brand-2-200: #351d15;
539
- --ax-brand-2-100: #2d160e;
540
- --ax-brand-1-400A: rgba(254, 100, 129, .267);
541
- --ax-brand-1-300A: rgba(251, 72, 100, .22);
542
- --ax-brand-1-200A: rgba(253, 38, 75, .184);
543
- --ax-brand-1-100A: rgba(250, 2, 38, .153);
544
- --ax-brand-1-1000: #e1c0cc;
545
- --ax-brand-1-900: #cf9eb1;
546
- --ax-brand-1-800: #c58aa2;
547
- --ax-brand-1-700: #be7f99;
548
- --ax-brand-1-600: #b06886;
549
- --ax-brand-1-500: #a35276;
550
- --ax-brand-1-400: #4e2a39;
551
- --ax-brand-1-300: #42202e;
552
- --ax-brand-1-200: #3a1827;
553
- --ax-brand-1-100: #321220;
473
+ --ax-meta-lime-400A: rgba(251, 245, 0, .16);
474
+ --ax-meta-lime-300A: rgba(252, 233, 0, .114);
475
+ --ax-meta-lime-200A: rgba(246, 207, 0, .086);
476
+ --ax-meta-lime-100A: rgba(252, 191, 0, .06);
477
+ --ax-meta-lime-1000: #c5d14c;
478
+ --ax-meta-lime-900: #a9b325;
479
+ --ax-meta-lime-800: #99a200;
480
+ --ax-meta-lime-700: #8f9800;
481
+ --ax-meta-lime-600: #7c8400;
482
+ --ax-meta-lime-500: #6a7200;
483
+ --ax-meta-lime-400: #343900;
484
+ --ax-meta-lime-300: #292d00;
485
+ --ax-meta-lime-200: #222500;
486
+ --ax-meta-lime-100: #1c1f00;
487
+ --ax-meta-purple-400A: rgba(253, 179, 238, .184);
488
+ --ax-meta-purple-300A: rgba(255, 153, 228, .137);
489
+ --ax-meta-purple-200A: rgba(250, 125, 211, .106);
490
+ --ax-meta-purple-100A: rgba(246, 79, 182, .086);
491
+ --ax-meta-purple-1000: #cdc5d9;
492
+ --ax-meta-purple-900: #b2a7c3;
493
+ --ax-meta-purple-800: #a495b7;
494
+ --ax-meta-purple-700: #9b8bb0;
495
+ --ax-meta-purple-600: #8876a1;
496
+ --ax-meta-purple-500: #776491;
497
+ --ax-meta-purple-400: #3a3245;
498
+ --ax-meta-purple-300: #2f273a;
499
+ --ax-meta-purple-200: #272032;
500
+ --ax-meta-purple-100: #221a2c;
501
+ --ax-brand-blue-400A: rgba(68, 198, 252, .204);
502
+ --ax-brand-blue-300A: rgba(43, 191, 251, .14);
503
+ --ax-brand-blue-200A: rgba(4, 191, 255, .094);
504
+ --ax-brand-blue-100A: rgba(0, 165, 255, .063);
505
+ --ax-brand-blue-1000: #b7cbd7;
506
+ --ax-brand-blue-900: #93afc0;
507
+ --ax-brand-blue-800: #7f9fb3;
508
+ --ax-brand-blue-700: #7396ab;
509
+ --ax-brand-blue-600: #5a839b;
510
+ --ax-brand-blue-500: #43718d;
511
+ --ax-brand-blue-400: #19394c;
512
+ --ax-brand-blue-300: #122d3e;
513
+ --ax-brand-blue-200: #0d2534;
514
+ --ax-brand-blue-100: #071e2d;
515
+ --ax-brand-beige-400A: rgba(252, 131, 64, .247);
516
+ --ax-brand-beige-300A: rgba(254, 98, 16, .196);
517
+ --ax-brand-beige-200A: rgba(251, 69, 0, .165);
518
+ --ax-brand-beige-100A: rgba(254, 29, 0, .13);
519
+ --ax-brand-beige-1000: #e3c2b1;
520
+ --ax-brand-beige-900: #d1a08c;
521
+ --ax-brand-beige-800: #c78e79;
522
+ --ax-brand-beige-700: #c0836e;
523
+ --ax-brand-beige-600: #ab6f5b;
524
+ --ax-brand-beige-500: #975e4a;
525
+ --ax-brand-beige-400: #493027;
526
+ --ax-brand-beige-300: #3d241c;
527
+ --ax-brand-beige-200: #351d15;
528
+ --ax-brand-beige-100: #2d160e;
529
+ --ax-brand-magenta-400A: rgba(254, 100, 129, .267);
530
+ --ax-brand-magenta-300A: rgba(251, 72, 100, .22);
531
+ --ax-brand-magenta-200A: rgba(253, 38, 75, .184);
532
+ --ax-brand-magenta-100A: rgba(250, 2, 38, .153);
533
+ --ax-brand-magenta-1000: #e1c0cc;
534
+ --ax-brand-magenta-900: #cf9eb1;
535
+ --ax-brand-magenta-800: #c58aa2;
536
+ --ax-brand-magenta-700: #be7f99;
537
+ --ax-brand-magenta-600: #b06886;
538
+ --ax-brand-magenta-500: #a35276;
539
+ --ax-brand-magenta-400: #4e2a39;
540
+ --ax-brand-magenta-300: #42202e;
541
+ --ax-brand-magenta-200: #3a1827;
542
+ --ax-brand-magenta-100: #321220;
554
543
  --ax-info-400A: rgba(68, 198, 252, .204);
555
544
  --ax-info-300A: rgba(43, 191, 251, .14);
556
545
  --ax-info-200A: rgba(4, 191, 255, .094);
@@ -643,30 +632,26 @@
643
632
  --ax-opacity-disabled: .4;
644
633
  --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
645
634
  --ax-border-focus: var(--ax-neutral-1000);
646
- --ax-border-strong: var(--ax-neutral-600);
647
- --ax-border-subtleA: var(--ax-neutral-400A);
648
- --ax-border-subtle: var(--ax-neutral-400);
649
- --ax-border-default: var(--ax-neutral-500);
650
- --ax-border-meta-2-strong: var(--ax-meta-2-700);
651
- --ax-border-meta-2-subtleA: var(--ax-meta-2-400A);
652
- --ax-border-meta-2-subtle: var(--ax-meta-2-400);
653
- --ax-border-meta-2: var(--ax-meta-2-600);
654
- --ax-border-meta-1-strong: var(--ax-meta-1-700);
655
- --ax-border-meta-1-subtleA: var(--ax-meta-1-400A);
656
- --ax-border-meta-1-subtle: var(--ax-meta-1-400);
657
- --ax-border-meta-1: var(--ax-meta-1-600);
658
- --ax-border-brand-3-strong: var(--ax-brand-3-700);
659
- --ax-border-brand-3-subtleA: var(--ax-brand-3-400A);
660
- --ax-border-brand-3-subtle: var(--ax-brand-3-400);
661
- --ax-border-brand-3: var(--ax-brand-3-600);
662
- --ax-border-brand-2-strong: var(--ax-brand-2-700);
663
- --ax-border-brand-2-subtleA: var(--ax-brand-2-400A);
664
- --ax-border-brand-2-subtle: var(--ax-brand-2-400);
665
- --ax-border-brand-2: var(--ax-brand-2-600);
666
- --ax-border-brand-1-strong: var(--ax-brand-1-700);
667
- --ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
668
- --ax-border-brand-1-subtle: var(--ax-brand-1-400);
669
- --ax-border-brand-1: var(--ax-brand-1-600);
635
+ --ax-border-meta-lime-strong: var(--ax-meta-lime-700);
636
+ --ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
637
+ --ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
638
+ --ax-border-meta-lime: var(--ax-meta-lime-600);
639
+ --ax-border-meta-purple-strong: var(--ax-meta-purple-700);
640
+ --ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
641
+ --ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
642
+ --ax-border-meta-purple: var(--ax-meta-purple-600);
643
+ --ax-border-brand-blue-strong: var(--ax-brand-blue-700);
644
+ --ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
645
+ --ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
646
+ --ax-border-brand-blue: var(--ax-brand-blue-600);
647
+ --ax-border-brand-beige-strong: var(--ax-brand-beige-700);
648
+ --ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
649
+ --ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
650
+ --ax-border-brand-beige: var(--ax-brand-beige-600);
651
+ --ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
652
+ --ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
653
+ --ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
654
+ --ax-border-brand-magenta: var(--ax-brand-magenta-600);
670
655
  --ax-border-info-strong: var(--ax-info-700);
671
656
  --ax-border-info-subtleA: var(--ax-info-400A);
672
657
  --ax-border-info-subtle: var(--ax-info-400);
@@ -687,124 +672,111 @@
687
672
  --ax-border-accent-subtleA: var(--ax-accent-400A);
688
673
  --ax-border-accent-subtle: var(--ax-accent-400);
689
674
  --ax-border-accent: var(--ax-accent-600);
690
- --ax-text-contrast: var(--ax-neutral-000);
675
+ --ax-border-neutral-strong: var(--ax-neutral-700);
676
+ --ax-border-neutral-subtleA: var(--ax-neutral-400A);
677
+ --ax-border-neutral-subtle: var(--ax-neutral-400);
678
+ --ax-border-neutral: var(--ax-neutral-600);
691
679
  --ax-text-logo: var(--ax-neutral-1000);
692
- --ax-text-icon: var(--ax-neutral-600);
693
- --ax-text-subtle: var(--ax-neutral-900);
694
- --ax-text-default: var(--ax-neutral-1000);
695
- --ax-text-meta-2-contrast: var(--ax-neutral-000);
696
- --ax-text-meta-1-contrast: var(--ax-neutral-000);
697
- --ax-text-brand-3-contrast: var(--ax-neutral-000);
698
- --ax-text-brand-2-contrast: var(--ax-neutral-000);
699
- --ax-text-brand-1-contrast: var(--ax-neutral-000);
680
+ --ax-text-meta-lime-contrast: var(--ax-neutral-000);
681
+ --ax-text-meta-purple-contrast: var(--ax-neutral-000);
682
+ --ax-text-brand-blue-contrast: var(--ax-neutral-000);
683
+ --ax-text-brand-beige-contrast: var(--ax-neutral-000);
684
+ --ax-text-brand-magenta-contrast: var(--ax-neutral-000);
700
685
  --ax-text-warning-contrast: var(--ax-neutral-000);
701
686
  --ax-text-success-contrast: var(--ax-neutral-000);
702
687
  --ax-text-info-contrast: var(--ax-neutral-000);
703
688
  --ax-text-danger-contrast: var(--ax-neutral-000);
704
689
  --ax-text-accent-contrast: var(--ax-neutral-000);
705
- --ax-text-meta-2-icon: var(--ax-meta-2-600);
706
- --ax-text-meta-2-strong: var(--ax-meta-2-1000);
707
- --ax-text-meta-2: var(--ax-meta-2-800);
708
- --ax-text-meta-1-icon: var(--ax-meta-1-600);
709
- --ax-text-meta-1-strong: var(--ax-meta-1-1000);
710
- --ax-text-meta-1: var(--ax-meta-1-800);
711
- --ax-text-brand-3-icon: var(--ax-brand-3-600);
712
- --ax-text-brand-3-strong: var(--ax-brand-3-1000);
713
- --ax-text-brand-3: var(--ax-brand-3-800);
714
- --ax-text-brand-2-icon: var(--ax-brand-2-600);
715
- --ax-text-brand-2-strong: var(--ax-brand-2-1000);
716
- --ax-text-brand-2: var(--ax-brand-2-800);
717
- --ax-text-brand-1-icon: var(--ax-brand-1-600);
718
- --ax-text-brand-1-strong: var(--ax-brand-1-1000);
719
- --ax-text-brand-1: var(--ax-brand-1-800);
690
+ --ax-text-neutral-contrast: var(--ax-neutral-000);
691
+ --ax-text-meta-lime-icon: var(--ax-meta-lime-600);
692
+ --ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
693
+ --ax-text-meta-lime: var(--ax-meta-lime-1000);
694
+ --ax-text-meta-purple-icon: var(--ax-meta-purple-600);
695
+ --ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
696
+ --ax-text-meta-purple: var(--ax-meta-purple-1000);
697
+ --ax-text-brand-blue-icon: var(--ax-brand-blue-600);
698
+ --ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
699
+ --ax-text-brand-blue: var(--ax-brand-blue-1000);
700
+ --ax-text-brand-beige-icon: var(--ax-brand-beige-600);
701
+ --ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
702
+ --ax-text-brand-beige: var(--ax-brand-beige-1000);
703
+ --ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
704
+ --ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
705
+ --ax-text-brand-magenta: var(--ax-brand-magenta-1000);
720
706
  --ax-text-info-icon: var(--ax-info-600);
721
- --ax-text-info-strong: var(--ax-info-1000);
722
- --ax-text-info: var(--ax-info-800);
707
+ --ax-text-info-subtle: var(--ax-info-800);
708
+ --ax-text-info: var(--ax-info-1000);
723
709
  --ax-text-danger-icon: var(--ax-danger-600);
724
- --ax-text-danger-strong: var(--ax-danger-1000);
725
- --ax-text-danger: var(--ax-danger-800);
710
+ --ax-text-danger-subtle: var(--ax-danger-800);
711
+ --ax-text-danger: var(--ax-danger-1000);
726
712
  --ax-text-warning-icon: var(--ax-warning-600);
727
- --ax-text-warning-strong: var(--ax-warning-1000);
728
- --ax-text-warning: var(--ax-warning-800);
713
+ --ax-text-warning-subtle: var(--ax-warning-800);
714
+ --ax-text-warning: var(--ax-warning-1000);
729
715
  --ax-text-success-icon: var(--ax-success-600);
730
- --ax-text-success-strong: var(--ax-success-1000);
731
- --ax-text-success: var(--ax-success-800);
716
+ --ax-text-success-subtle: var(--ax-success-800);
717
+ --ax-text-success: var(--ax-success-1000);
732
718
  --ax-text-accent-icon: var(--ax-accent-600);
733
- --ax-text-accent-strong: var(--ax-accent-1000);
734
- --ax-text-accent: var(--ax-accent-800);
735
- --ax-bg-strong-pressed: var(--ax-neutral-900);
736
- --ax-bg-strong-hover: var(--ax-neutral-800);
737
- --ax-bg-strong: var(--ax-neutral-700);
738
- --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
739
- --ax-bg-moderate-pressed: var(--ax-neutral-400);
740
- --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
741
- --ax-bg-moderate-hover: var(--ax-neutral-300);
742
- --ax-bg-moderateA: var(--ax-neutral-200A);
743
- --ax-bg-moderate: var(--ax-neutral-200);
744
- --ax-bg-hoverA: var(--ax-neutral-200A);
745
- --ax-bg-hover: var(--ax-neutral-200);
746
- --ax-bg-soft: var(--ax-neutral-100);
719
+ --ax-text-accent-subtle: var(--ax-accent-800);
720
+ --ax-text-accent: var(--ax-accent-1000);
721
+ --ax-text-neutral-icon: var(--ax-neutral-600);
722
+ --ax-text-neutral-subtle: var(--ax-neutral-900);
723
+ --ax-text-neutral: var(--ax-neutral-1000);
747
724
  --ax-bg-raised: var(--ax-neutral-100);
748
- --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
749
- --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
750
- --ax-bg-meta-2-strong: var(--ax-meta-2-600);
751
- --ax-bg-meta-2-moderate-pressedA: var(--ax-meta-2-400A);
752
- --ax-bg-meta-2-moderate-pressed: var(--ax-meta-2-400);
753
- --ax-bg-meta-2-moderate-hoverA: var(--ax-meta-2-300A);
754
- --ax-bg-meta-2-moderate-hover: var(--ax-meta-2-300);
755
- --ax-bg-meta-2-moderateA: var(--ax-meta-2-200A);
756
- --ax-bg-meta-2-moderate: var(--ax-meta-2-200);
757
- --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
758
- --ax-bg-meta-2-hover: var(--ax-meta-2-200);
759
- --ax-bg-meta-2-soft: var(--ax-meta-2-100);
760
- --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
761
- --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
762
- --ax-bg-meta-1-strong: var(--ax-meta-1-600);
763
- --ax-bg-meta-1-moderate-pressedA: var(--ax-meta-1-400A);
764
- --ax-bg-meta-1-moderate-pressed: var(--ax-meta-1-400);
765
- --ax-bg-meta-1-moderate-hoverA: var(--ax-meta-1-300A);
766
- --ax-bg-meta-1-moderate-hover: var(--ax-meta-1-300);
767
- --ax-bg-meta-1-moderateA: var(--ax-meta-1-200A);
768
- --ax-bg-meta-1-moderate: var(--ax-meta-1-200);
769
- --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
770
- --ax-bg-meta-1-hover: var(--ax-meta-1-200);
771
- --ax-bg-meta-1-soft: var(--ax-meta-1-100);
772
- --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
773
- --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
774
- --ax-bg-brand-3-strong: var(--ax-brand-3-600);
775
- --ax-bg-brand-3-moderate-pressedA: var(--ax-brand-3-400A);
776
- --ax-bg-brand-3-moderate-pressed: var(--ax-brand-3-400);
777
- --ax-bg-brand-3-moderate-hoverA: var(--ax-brand-3-300A);
778
- --ax-bg-brand-3-moderate-hover: var(--ax-brand-3-300);
779
- --ax-bg-brand-3-moderateA: var(--ax-brand-3-200A);
780
- --ax-bg-brand-3-moderate: var(--ax-brand-3-200);
781
- --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
782
- --ax-bg-brand-3-hover: var(--ax-brand-3-200);
783
- --ax-bg-brand-3-soft: var(--ax-brand-3-100);
784
- --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
785
- --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
786
- --ax-bg-brand-2-strong: var(--ax-brand-2-600);
787
- --ax-bg-brand-2-moderate-pressedA: var(--ax-brand-2-400A);
788
- --ax-bg-brand-2-moderate-pressed: var(--ax-brand-2-400);
789
- --ax-bg-brand-2-moderate-hoverA: var(--ax-brand-2-300A);
790
- --ax-bg-brand-2-moderate-hover: var(--ax-brand-2-300);
791
- --ax-bg-brand-2-moderateA: var(--ax-brand-2-200A);
792
- --ax-bg-brand-2-moderate: var(--ax-brand-2-200);
793
- --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
794
- --ax-bg-brand-2-hover: var(--ax-brand-2-200);
795
- --ax-bg-brand-2-soft: var(--ax-brand-2-100);
796
- --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
797
- --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
798
- --ax-bg-brand-1-strong: var(--ax-brand-1-600);
799
- --ax-bg-brand-1-moderate-pressedA: var(--ax-brand-1-400A);
800
- --ax-bg-brand-1-moderate-pressed: var(--ax-brand-1-400);
801
- --ax-bg-brand-1-moderate-hoverA: var(--ax-brand-1-300A);
802
- --ax-bg-brand-1-moderate-hover: var(--ax-brand-1-300);
803
- --ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
804
- --ax-bg-brand-1-moderate: var(--ax-brand-1-200);
805
- --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
806
- --ax-bg-brand-1-hover: var(--ax-brand-1-200);
807
- --ax-bg-brand-1-soft: var(--ax-brand-1-100);
725
+ --ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
726
+ --ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
727
+ --ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
728
+ --ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
729
+ --ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
730
+ --ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
731
+ --ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
732
+ --ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
733
+ --ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
734
+ --ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
735
+ --ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
736
+ --ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
737
+ --ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
738
+ --ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
739
+ --ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
740
+ --ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
741
+ --ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
742
+ --ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
743
+ --ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
744
+ --ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
745
+ --ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
746
+ --ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
747
+ --ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
748
+ --ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
749
+ --ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
750
+ --ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
751
+ --ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
752
+ --ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
753
+ --ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
754
+ --ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
755
+ --ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
756
+ --ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
757
+ --ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
758
+ --ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
759
+ --ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
760
+ --ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
761
+ --ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
762
+ --ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
763
+ --ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
764
+ --ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
765
+ --ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
766
+ --ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
767
+ --ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
768
+ --ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
769
+ --ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
770
+ --ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
771
+ --ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
772
+ --ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
773
+ --ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
774
+ --ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
775
+ --ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
776
+ --ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
777
+ --ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
778
+ --ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
779
+ --ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
808
780
  --ax-bg-info-strong-pressed: var(--ax-info-800);
809
781
  --ax-bg-info-strong-hover: var(--ax-info-700);
810
782
  --ax-bg-info-strong: var(--ax-info-600);
@@ -814,8 +786,7 @@
814
786
  --ax-bg-info-moderate-hover: var(--ax-info-300);
815
787
  --ax-bg-info-moderateA: var(--ax-info-200A);
816
788
  --ax-bg-info-moderate: var(--ax-info-200);
817
- --ax-bg-info-hoverA: var(--ax-info-200A);
818
- --ax-bg-info-hover: var(--ax-info-200);
789
+ --ax-bg-info-softA: var(--ax-info-100A);
819
790
  --ax-bg-info-soft: var(--ax-info-100);
820
791
  --ax-bg-danger-strong-pressed: var(--ax-danger-800);
821
792
  --ax-bg-danger-strong-hover: var(--ax-danger-700);
@@ -826,8 +797,7 @@
826
797
  --ax-bg-danger-moderate-hover: var(--ax-danger-300);
827
798
  --ax-bg-danger-moderateA: var(--ax-danger-200A);
828
799
  --ax-bg-danger-moderate: var(--ax-danger-200);
829
- --ax-bg-danger-hoverA: var(--ax-danger-200A);
830
- --ax-bg-danger-hover: var(--ax-danger-200);
800
+ --ax-bg-danger-softA: var(--ax-danger-100A);
831
801
  --ax-bg-danger-soft: var(--ax-danger-100);
832
802
  --ax-bg-warning-strong-pressed: var(--ax-warning-800);
833
803
  --ax-bg-warning-strong-hover: var(--ax-warning-700);
@@ -838,8 +808,7 @@
838
808
  --ax-bg-warning-moderate-hover: var(--ax-warning-300);
839
809
  --ax-bg-warning-moderateA: var(--ax-warning-200A);
840
810
  --ax-bg-warning-moderate: var(--ax-warning-200);
841
- --ax-bg-warning-hoverA: var(--ax-warning-200A);
842
- --ax-bg-warning-hover: var(--ax-warning-200);
811
+ --ax-bg-warning-softA: var(--ax-warning-100A);
843
812
  --ax-bg-warning-soft: var(--ax-warning-100);
844
813
  --ax-bg-success-strong-pressed: var(--ax-success-800);
845
814
  --ax-bg-success-strong-hover: var(--ax-success-700);
@@ -850,8 +819,7 @@
850
819
  --ax-bg-success-moderate-hover: var(--ax-success-300);
851
820
  --ax-bg-success-moderateA: var(--ax-success-200A);
852
821
  --ax-bg-success-moderate: var(--ax-success-200);
853
- --ax-bg-success-hoverA: var(--ax-success-200A);
854
- --ax-bg-success-hover: var(--ax-success-200);
822
+ --ax-bg-success-softA: var(--ax-success-100A);
855
823
  --ax-bg-success-soft: var(--ax-success-100);
856
824
  --ax-bg-accent-strong-pressed: var(--ax-accent-800);
857
825
  --ax-bg-accent-strong-hover: var(--ax-accent-700);
@@ -862,13 +830,23 @@
862
830
  --ax-bg-accent-moderate-hover: var(--ax-accent-300);
863
831
  --ax-bg-accent-moderateA: var(--ax-accent-200A);
864
832
  --ax-bg-accent-moderate: var(--ax-accent-200);
865
- --ax-bg-accent-hoverA: var(--ax-accent-200A);
866
- --ax-bg-accent-hover: var(--ax-accent-200);
833
+ --ax-bg-accent-softA: var(--ax-accent-100A);
867
834
  --ax-bg-accent-soft: var(--ax-accent-100);
835
+ --ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
836
+ --ax-bg-neutral-strong-hover: var(--ax-neutral-800);
837
+ --ax-bg-neutral-strong: var(--ax-neutral-700);
838
+ --ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
839
+ --ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
840
+ --ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
841
+ --ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
842
+ --ax-bg-neutral-moderateA: var(--ax-neutral-200A);
843
+ --ax-bg-neutral-moderate: var(--ax-neutral-200);
844
+ --ax-bg-neutral-softA: var(--ax-neutral-100A);
845
+ --ax-bg-neutral-soft: var(--ax-neutral-100);
868
846
  }
869
847
 
870
848
  :root, :host {
871
- --ax-version: "7.10.0";
849
+ --ax-version: "7.12.0";
872
850
  --ax-font-weight-regular: 400;
873
851
  --ax-font-weight-bold: 600;
874
852
  --ax-font-size-small: .875rem;
@@ -940,7 +918,7 @@
940
918
  }
941
919
 
942
920
  [hidden] {
943
- display: none !important;
921
+ display: none;
944
922
  }
945
923
 
946
924
  @media (prefers-reduced-motion: reduce) {
@@ -1037,7 +1015,7 @@
1037
1015
  @font-face {
1038
1016
  font-family: "Source Sans 3";
1039
1017
  font-style: italic;
1040
- font-weight: 400 600;
1018
+ font-weight: 400 650;
1041
1019
  font-display: swap;
1042
1020
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic_ext.woff2") format("woff2");
1043
1021
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1046,7 +1024,7 @@
1046
1024
  @font-face {
1047
1025
  font-family: "Source Sans 3";
1048
1026
  font-style: italic;
1049
- font-weight: 400 600;
1027
+ font-weight: 400 650;
1050
1028
  font-display: swap;
1051
1029
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic.woff2") format("woff2");
1052
1030
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1055,7 +1033,7 @@
1055
1033
  @font-face {
1056
1034
  font-family: "Source Sans 3";
1057
1035
  font-style: italic;
1058
- font-weight: 400 600;
1036
+ font-weight: 400 650;
1059
1037
  font-display: swap;
1060
1038
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1061
1039
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1064,7 +1042,7 @@
1064
1042
  @font-face {
1065
1043
  font-family: "Source Sans 3";
1066
1044
  font-style: italic;
1067
- font-weight: 400 600;
1045
+ font-weight: 400 650;
1068
1046
  font-display: swap;
1069
1047
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1070
1048
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1073,7 +1051,7 @@
1073
1051
  @font-face {
1074
1052
  font-family: "Source Sans 3";
1075
1053
  font-style: normal;
1076
- font-weight: 400 600;
1054
+ font-weight: 400 650;
1077
1055
  font-display: swap;
1078
1056
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic_ext.woff2") format("woff2");
1079
1057
  unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
@@ -1082,7 +1060,7 @@
1082
1060
  @font-face {
1083
1061
  font-family: "Source Sans 3";
1084
1062
  font-style: normal;
1085
- font-weight: 400 600;
1063
+ font-weight: 400 650;
1086
1064
  font-display: swap;
1087
1065
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic.woff2") format("woff2");
1088
1066
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
@@ -1091,7 +1069,7 @@
1091
1069
  @font-face {
1092
1070
  font-family: "Source Sans 3";
1093
1071
  font-style: normal;
1094
- font-weight: 400 600;
1072
+ font-weight: 400 650;
1095
1073
  font-display: swap;
1096
1074
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1097
1075
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1100,7 +1078,7 @@
1100
1078
  @font-face {
1101
1079
  font-family: "Source Sans 3";
1102
1080
  font-style: normal;
1103
- font-weight: 400 600;
1081
+ font-weight: 400 650;
1104
1082
  font-display: swap;
1105
1083
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1106
1084
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1109,7 +1087,7 @@
1109
1087
  @font-face {
1110
1088
  font-family: Source Sans Pro;
1111
1089
  font-style: italic;
1112
- font-weight: 400 600;
1090
+ font-weight: 400 650;
1113
1091
  font-display: swap;
1114
1092
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
1115
1093
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1118,7 +1096,7 @@
1118
1096
  @font-face {
1119
1097
  font-family: Source Sans Pro;
1120
1098
  font-style: italic;
1121
- font-weight: 400 600;
1099
+ font-weight: 400 650;
1122
1100
  font-display: swap;
1123
1101
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
1124
1102
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1127,7 +1105,7 @@
1127
1105
  @font-face {
1128
1106
  font-family: Source Sans Pro;
1129
1107
  font-style: normal;
1130
- font-weight: 400 600;
1108
+ font-weight: 400 650;
1131
1109
  font-display: swap;
1132
1110
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
1133
1111
  unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
@@ -1136,7 +1114,7 @@
1136
1114
  @font-face {
1137
1115
  font-family: Source Sans Pro;
1138
1116
  font-style: normal;
1139
- font-weight: 400 600;
1117
+ font-weight: 400 650;
1140
1118
  font-display: swap;
1141
1119
  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
1142
1120
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -1153,6 +1131,7 @@
1153
1131
  font-size: var(--ax-font-size-heading-2xlarge);
1154
1132
  letter-spacing: -.01em;
1155
1133
  line-height: var(--ax-font-line-height-heading-2xlarge);
1134
+ font-weight: 650;
1156
1135
  }
1157
1136
 
1158
1137
  .navds-heading--xlarge.navds-typo--spacing {
@@ -1163,6 +1142,7 @@
1163
1142
  font-size: var(--ax-font-size-heading-xlarge);
1164
1143
  letter-spacing: -.008em;
1165
1144
  line-height: var(--ax-font-line-height-heading-xlarge);
1145
+ font-weight: 650;
1166
1146
  }
1167
1147
 
1168
1148
  .navds-heading--large.navds-typo--spacing {
@@ -1195,6 +1175,7 @@
1195
1175
  font-size: var(--ax-font-size-heading-medium);
1196
1176
  letter-spacing: -.002em;
1197
1177
  line-height: var(--ax-font-line-height-heading-medium);
1178
+ font-weight: 650;
1198
1179
  }
1199
1180
 
1200
1181
  .navds-heading--medium.navds-typo--spacing {
@@ -1343,7 +1324,7 @@
1343
1324
  }
1344
1325
 
1345
1326
  .navds-error-message {
1346
- color: var(--ax-text-danger);
1327
+ color: var(--ax-text-danger-subtle);
1347
1328
  }
1348
1329
 
1349
1330
  .navds-error-message.navds-error-message--show-icon {
@@ -1394,7 +1375,7 @@
1394
1375
  }
1395
1376
 
1396
1377
  .navds-typo--color-subtle {
1397
- color: var(--ax-text-subtle);
1378
+ color: var(--ax-text-neutral-subtle);
1398
1379
  }
1399
1380
 
1400
1381
  .navds-button {
@@ -1403,7 +1384,7 @@
1403
1384
  --__axc-button-border-color: transparent;
1404
1385
  --__axc-button-border-width: 2px;
1405
1386
  padding: var(--ax-space-12) var(--ax-space-20);
1406
- border-radius: var(--ax-border-radius-medium);
1387
+ border-radius: var(--ax-border-radius-large);
1407
1388
  cursor: pointer;
1408
1389
  justify-content: center;
1409
1390
  align-items: center;
@@ -1451,7 +1432,7 @@
1451
1432
 
1452
1433
  @supports not selector(:focus-visible) {
1453
1434
  .navds-button:focus {
1454
- outline: 2px solid var(--ax-border-focus);
1435
+ outline: 3px solid var(--ax-border-focus);
1455
1436
  }
1456
1437
  }
1457
1438
 
@@ -1501,25 +1482,25 @@
1501
1482
  }
1502
1483
 
1503
1484
  .navds-button--primary-neutral {
1504
- background-color: var(--ax-bg-strong);
1505
- color: var(--ax-text-contrast);
1485
+ background-color: var(--ax-bg-neutral-strong);
1486
+ color: var(--ax-text-neutral-contrast);
1506
1487
  }
1507
1488
 
1508
1489
  .navds-button--primary-neutral:hover {
1509
- background-color: var(--ax-bg-strong-hover);
1490
+ background-color: var(--ax-bg-neutral-strong-hover);
1510
1491
  }
1511
1492
 
1512
1493
  .navds-button--primary-neutral:active {
1513
- background-color: var(--ax-bg-strong-pressed);
1494
+ background-color: var(--ax-bg-neutral-strong-pressed);
1514
1495
  }
1515
1496
 
1516
1497
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
1517
- background-color: var(--ax-bg-strong);
1498
+ background-color: var(--ax-bg-neutral-strong);
1518
1499
  }
1519
1500
 
1520
1501
  .navds-button--secondary {
1521
1502
  --__axc-button-border-color: var(--ax-border-accent);
1522
- color: var(--ax-text-accent);
1503
+ color: var(--ax-text-accent-subtle);
1523
1504
  background-color: rgba(0, 0, 0, 0);
1524
1505
  }
1525
1506
 
@@ -1529,42 +1510,38 @@
1529
1510
  }
1530
1511
 
1531
1512
  .navds-button--secondary:active {
1532
- --__axc-button-border-color: transparent;
1533
- background-color: var(--ax-bg-accent-strong-pressed);
1534
- color: var(--ax-text-accent-contrast);
1513
+ background-color: var(--ax-bg-accent-moderate-pressedA);
1535
1514
  }
1536
1515
 
1537
1516
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
1538
1517
  --__axc-button-border-color: var(--ax-border-accent);
1539
- color: var(--ax-text-accent);
1518
+ color: var(--ax-text-accent-subtle);
1540
1519
  background-color: rgba(0, 0, 0, 0);
1541
1520
  }
1542
1521
 
1543
1522
  .navds-button--secondary-neutral {
1544
- --__axc-button-border-color: var(--ax-border-strong);
1545
- color: var(--ax-text-default);
1523
+ --__axc-button-border-color: var(--ax-border-neutral);
1524
+ color: var(--ax-text-neutral);
1546
1525
  background-color: rgba(0, 0, 0, 0);
1547
1526
  }
1548
1527
 
1549
1528
  .navds-button--secondary-neutral:hover {
1550
- --__axc-button-border-color: var(--ax-border-strong);
1551
- background-color: var(--ax-bg-moderate-hoverA);
1529
+ --__axc-button-border-color: var(--ax-border-neutral-strong);
1530
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
1552
1531
  }
1553
1532
 
1554
1533
  .navds-button--secondary-neutral:active {
1555
- --__axc-button-border-color: transparent;
1556
- color: var(--ax-text-contrast);
1557
- background-color: var(--ax-bg-strong-pressed);
1534
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
1558
1535
  }
1559
1536
 
1560
1537
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
1561
- --__axc-button-border-color: var(--ax-border-strong);
1562
- color: var(--ax-text-default);
1538
+ --__axc-button-border-color: var(--ax-border-neutral);
1539
+ color: var(--ax-text-neutral);
1563
1540
  background-color: rgba(0, 0, 0, 0);
1564
1541
  }
1565
1542
 
1566
1543
  .navds-button--tertiary {
1567
- color: var(--ax-text-accent);
1544
+ color: var(--ax-text-accent-subtle);
1568
1545
  background-color: rgba(0, 0, 0, 0);
1569
1546
  }
1570
1547
 
@@ -1573,31 +1550,29 @@
1573
1550
  }
1574
1551
 
1575
1552
  .navds-button--tertiary:active {
1576
- background-color: var(--ax-bg-accent-strong-pressed);
1577
- color: var(--ax-text-accent-contrast);
1553
+ background-color: var(--ax-bg-accent-moderate-pressedA);
1578
1554
  }
1579
1555
 
1580
1556
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
1581
- color: var(--ax-text-accent);
1557
+ color: var(--ax-text-accent-subtle);
1582
1558
  background-color: rgba(0, 0, 0, 0);
1583
1559
  }
1584
1560
 
1585
1561
  .navds-button--tertiary-neutral {
1586
- color: var(--ax-text-default);
1562
+ color: var(--ax-text-neutral);
1587
1563
  background-color: rgba(0, 0, 0, 0);
1588
1564
  }
1589
1565
 
1590
1566
  .navds-button--tertiary-neutral:hover {
1591
- background-color: var(--ax-bg-moderate-hoverA);
1567
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
1592
1568
  }
1593
1569
 
1594
1570
  .navds-button--tertiary-neutral:active {
1595
- background-color: var(--ax-bg-strong-pressed);
1596
- color: var(--ax-text-contrast);
1571
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
1597
1572
  }
1598
1573
 
1599
1574
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
1600
- color: var(--ax-text-default);
1575
+ color: var(--ax-text-neutral);
1601
1576
  background-color: rgba(0, 0, 0, 0);
1602
1577
  }
1603
1578
 
@@ -1705,12 +1680,12 @@
1705
1680
  }
1706
1681
 
1707
1682
  .navds-chips__chip:focus-visible {
1708
- outline: 2px solid var(--ax-border-focus);
1709
- outline-offset: 2px;
1683
+ outline: 3px solid var(--ax-border-focus);
1684
+ outline-offset: 3px;
1710
1685
  }
1711
1686
 
1712
1687
  .navds-chips--readonly .navds-chips__chip {
1713
- background-color: var(--ax-bg-moderateA);
1688
+ background-color: var(--ax-bg-neutral-moderateA);
1714
1689
  }
1715
1690
 
1716
1691
  .navds-chips--small .navds-chips__chip {
@@ -1743,7 +1718,7 @@
1743
1718
  .navds-chips__toggle--action {
1744
1719
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
1745
1720
  background-color: var(--ax-bg-accent-moderate);
1746
- color: var(--ax-text-accent-strong);
1721
+ color: var(--ax-text-accent);
1747
1722
  }
1748
1723
 
1749
1724
  .navds-chips__toggle--action:hover {
@@ -1761,23 +1736,23 @@
1761
1736
  }
1762
1737
 
1763
1738
  .navds-chips__toggle--neutral {
1764
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
1765
- background-color: var(--ax-bg-moderate);
1766
- color: var(--ax-text-default);
1739
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
1740
+ background-color: var(--ax-bg-neutral-moderate);
1741
+ color: var(--ax-text-neutral);
1767
1742
  }
1768
1743
 
1769
1744
  .navds-chips__toggle--neutral:hover {
1770
- background-color: var(--ax-bg-moderate-hover);
1745
+ background-color: var(--ax-bg-neutral-moderate-hover);
1771
1746
  }
1772
1747
 
1773
1748
  .navds-chips__toggle--neutral[data-pressed="true"] {
1774
1749
  box-shadow: none;
1775
- background-color: var(--ax-bg-strong-pressed);
1776
- color: var(--ax-text-contrast);
1750
+ background-color: var(--ax-bg-neutral-strong-pressed);
1751
+ color: var(--ax-text-neutral-contrast);
1777
1752
  }
1778
1753
 
1779
1754
  .navds-chips__toggle--neutral[data-pressed="true"]:hover {
1780
- background-color: var(--ax-bg-strong-hover);
1755
+ background-color: var(--ax-bg-neutral-strong-hover);
1781
1756
  }
1782
1757
 
1783
1758
  .navds-chips--medium .navds-chips__toggle--with-checkmark {
@@ -1798,12 +1773,12 @@
1798
1773
  }
1799
1774
 
1800
1775
  .navds-chips__removable--neutral {
1801
- background: var(--ax-bg-strong-pressed);
1802
- color: var(--ax-text-contrast);
1776
+ background: var(--ax-bg-neutral-strong-pressed);
1777
+ color: var(--ax-text-neutral-contrast);
1803
1778
  }
1804
1779
 
1805
1780
  .navds-chips__removable--neutral:hover {
1806
- background: var(--ax-bg-strong-hover);
1781
+ background: var(--ax-bg-neutral-strong-hover);
1807
1782
  }
1808
1783
 
1809
1784
  .navds-chips__removable-icon {
@@ -1861,7 +1836,7 @@
1861
1836
  }
1862
1837
 
1863
1838
  .navds-fieldset__description {
1864
- color: var(--ax-text-subtle);
1839
+ color: var(--ax-text-neutral-subtle);
1865
1840
  }
1866
1841
 
1867
1842
  .navds-fieldset > .navds-fieldset__description:not(:empty) {
@@ -1902,10 +1877,10 @@
1902
1877
  text-align: center;
1903
1878
  width: 100%;
1904
1879
  padding: var(--ax-space-16) var(--ax-space-20);
1905
- border: 1px dashed var(--ax-border-default);
1880
+ border: 1px dashed var(--ax-border-neutral);
1906
1881
  border-radius: var(--ax-border-radius-xlarge);
1907
1882
  background-color: var(--__axc-dropzone-background);
1908
- color: var(--ax-text-default);
1883
+ color: var(--ax-text-neutral);
1909
1884
  transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
1910
1885
  cursor: pointer;
1911
1886
  flex-direction: column;
@@ -1918,18 +1893,19 @@
1918
1893
  }
1919
1894
 
1920
1895
  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
1921
- color: var(--ax-text-accent-strong);
1922
1896
  background-color: var(--ax-bg-accent-moderate-hover);
1923
1897
  box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
1924
1898
  }
1925
1899
 
1926
- .navds-dropzone__area:active .navds-dropzone__area-button {
1900
+ .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
1927
1901
  background-color: var(--ax-bg-accent-strong-pressed);
1928
1902
  color: var(--ax-text-accent-contrast);
1929
1903
  box-shadow: none;
1930
1904
  }
1931
1905
 
1932
1906
  .navds-dropzone__area[data-disabled="true"] {
1907
+ --__axc-dropzone-background: var(--ax-bg-neutral-soft);
1908
+ border-color: var(--ax-border-neutral-subtleA);
1933
1909
  cursor: default;
1934
1910
  }
1935
1911
 
@@ -1938,7 +1914,7 @@
1938
1914
  }
1939
1915
 
1940
1916
  .navds-dropzone--dragging > .navds-dropzone__area:after {
1941
- color: var(--ax-text-accent-strong);
1917
+ color: var(--ax-text-accent);
1942
1918
  background-color: var(--ax-bg-accent-moderateA);
1943
1919
  content: "";
1944
1920
  border: 1px dashed var(--ax-border-accent-strong);
@@ -1992,7 +1968,7 @@
1992
1968
  .navds-dropzone__area-release__icon {
1993
1969
  padding: var(--__axc-dropzone-icon-padding);
1994
1970
  border-radius: var(--ax-border-radius-full);
1995
- background-color: var(--ax-bg-moderateA);
1971
+ background-color: var(--ax-bg-neutral-moderateA);
1996
1972
  transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
1997
1973
  font-size: 1.5rem;
1998
1974
  display: grid;
@@ -2013,13 +1989,13 @@
2013
1989
  }
2014
1990
 
2015
1991
  .navds-dropzone--dragging .navds-dropzone__area-release {
2016
- color: var(--ax-text-accent-strong);
1992
+ color: var(--ax-text-accent-subtle);
2017
1993
  top: 50%;
2018
1994
  transform: translateY(-50%);
2019
1995
  }
2020
1996
 
2021
1997
  .navds-dropzone__area-disabled {
2022
- color: var(--ax-text-subtle);
1998
+ color: var(--ax-text-neutral-subtle);
2023
1999
  align-items: center;
2024
2000
  gap: var(--ax-space-8);
2025
2001
  flex-direction: column;
@@ -2034,7 +2010,7 @@
2034
2010
 
2035
2011
  .navds-file-item__inner {
2036
2012
  background-color: var(--ax-bg-raised);
2037
- border: 1px solid var(--ax-border-subtleA);
2013
+ border: 1px solid var(--ax-border-neutral-subtleA);
2038
2014
  outline-offset: -1px;
2039
2015
  border-radius: var(--ax-border-radius-xlarge);
2040
2016
  padding: var(--ax-space-12) var(--ax-space-16);
@@ -2049,8 +2025,8 @@
2049
2025
  }
2050
2026
 
2051
2027
  .navds-file-item__icon {
2052
- background-color: var(--ax-bg-moderateA);
2053
- color: var(--ax-text-default);
2028
+ background-color: var(--ax-bg-neutral-moderateA);
2029
+ color: var(--ax-text-neutral);
2054
2030
  border-radius: var(--ax-border-radius-full);
2055
2031
  min-width: 2.5rem;
2056
2032
  min-height: 2.5rem;
@@ -2078,7 +2054,6 @@
2078
2054
  }
2079
2055
 
2080
2056
  .navds-file-item__error {
2081
- color: var(--ax-text-danger);
2082
2057
  grid-template-rows: 0fr;
2083
2058
  transition-property: grid-template-rows, padding-top;
2084
2059
  transition-duration: .25s;
@@ -2087,23 +2062,11 @@
2087
2062
  overflow: hidden;
2088
2063
  }
2089
2064
 
2090
- .navds-file-item__error .navds-file-item__error {
2065
+ .navds-file-item--error .navds-file-item__error {
2091
2066
  padding-top: var(--ax-space-4);
2092
2067
  grid-template-rows: 1fr;
2093
2068
  }
2094
2069
 
2095
- .navds-file-item__error-content {
2096
- gap: var(--ax-space-4);
2097
- min-height: 0;
2098
- display: flex;
2099
- }
2100
-
2101
- .navds-file-item__error-content > svg {
2102
- flex-shrink: 0;
2103
- height: 1rem;
2104
- margin-top: .1rem;
2105
- }
2106
-
2107
2070
  .navds-form-field {
2108
2071
  justify-items: start;
2109
2072
  gap: var(--ax-space-8);
@@ -2111,7 +2074,7 @@
2111
2074
  }
2112
2075
 
2113
2076
  .navds-form-field__description {
2114
- color: var(--ax-text-subtle);
2077
+ color: var(--ax-text-neutral-subtle);
2115
2078
  margin-top: -.375rem;
2116
2079
  }
2117
2080
 
@@ -2125,7 +2088,7 @@
2125
2088
  }
2126
2089
 
2127
2090
  .navds-form-field__subdescription {
2128
- color: var(--ax-text-subtle);
2091
+ color: var(--ax-text-neutral-subtle);
2129
2092
  }
2130
2093
 
2131
2094
  .navds-form-field--readonly > :where(.navds-form-field__label) {
@@ -2150,16 +2113,16 @@
2150
2113
  padding: var(--ax-space-16) var(--ax-space-20);
2151
2114
  border: 4px solid var(--ax-border-danger);
2152
2115
  border-radius: var(--ax-border-radius-xlarge);
2153
- outline-offset: 2px;
2116
+ outline-offset: 3px;
2154
2117
  }
2155
2118
 
2156
2119
  .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
2157
- outline: 2px solid var(--ax-border-focus);
2120
+ outline: 3px solid var(--ax-border-focus);
2158
2121
  }
2159
2122
 
2160
2123
  @supports not selector(:focus-visible) {
2161
2124
  .navds-error-summary:focus {
2162
- outline: 2px solid var(--ax-border-focus);
2125
+ outline: 3px solid var(--ax-border-focus);
2163
2126
  }
2164
2127
  }
2165
2128
 
@@ -2269,8 +2232,8 @@
2269
2232
  padding: var(--ax-space-12) 0;
2270
2233
  cursor: pointer;
2271
2234
  gap: var(--ax-space-8);
2272
- --__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
2273
- --__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
2235
+ --__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
2236
+ --__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
2274
2237
  display: flex;
2275
2238
  }
2276
2239
 
@@ -2278,7 +2241,7 @@
2278
2241
  content: "";
2279
2242
  border-radius: var(--ax-border-radius-medium);
2280
2243
  background-color: var(--ax-bg-input);
2281
- border: 2px solid var(--ax-border-default);
2244
+ border: 2px solid var(--ax-border-neutral);
2282
2245
  flex-shrink: 0;
2283
2246
  width: 1.5rem;
2284
2247
  height: 1.5rem;
@@ -2310,25 +2273,40 @@
2310
2273
  height: 1.25rem;
2311
2274
  }
2312
2275
 
2313
- .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
2314
- outline: 2px solid var(--ax-border-focus);
2315
- outline-offset: 2px;
2276
+ .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
2277
+ content: "";
2278
+ width: 100%;
2279
+ height: calc(100% - var(--ax-space-24));
2280
+ border-radius: var(--ax-border-radius-medium);
2281
+ outline: 3px solid var(--ax-border-focus);
2282
+ outline-offset: 3px;
2283
+ pointer-events: none;
2284
+ position: absolute;
2316
2285
  }
2317
2286
 
2318
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2319
- content: "";
2320
- transform: translate(var(--ax-space-6), -50%);
2287
+ .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
2288
+ height: calc(100% - var(--ax-space-12));
2289
+ }
2290
+
2291
+ .navds-checkbox__icon-indeterminate {
2292
+ display: none;
2293
+ }
2294
+
2295
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2321
2296
  background-color: var(--ax-bg-default);
2322
- border-radius: 1px;
2323
- flex-shrink: 0;
2324
2297
  width: .75rem;
2325
2298
  height: .25rem;
2299
+ transform: translate(var(--ax-space-6), -50%);
2300
+ pointer-events: none;
2301
+ border-radius: 1px;
2302
+ display: block;
2326
2303
  position: absolute;
2327
2304
  top: 50%;
2328
2305
  }
2329
2306
 
2330
- .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2331
- transform: translate(.25rem, -50%);
2307
+ .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2308
+ transform: translate(var(--ax-space-4), -50%);
2309
+ height: .1875rem;
2332
2310
  }
2333
2311
 
2334
2312
  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -2377,8 +2355,8 @@
2377
2355
  border-width: 6px;
2378
2356
  }
2379
2357
 
2380
- .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
2381
- color: var(--ax-text-accent);
2358
+ .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
2359
+ color: var(--ax-text-accent-subtle);
2382
2360
  }
2383
2361
 
2384
2362
  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -2420,7 +2398,7 @@
2420
2398
  }
2421
2399
 
2422
2400
  .navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
2423
- color: var(--ax-text-default);
2401
+ color: var(--ax-text-neutral);
2424
2402
  }
2425
2403
 
2426
2404
  .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 {
@@ -2434,17 +2412,17 @@
2434
2412
  }
2435
2413
 
2436
2414
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
2437
- color: var(--ax-text-subtle);
2415
+ color: var(--ax-text-neutral-subtle);
2438
2416
  }
2439
2417
 
2440
2418
  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
2441
- background-color: var(--ax-bg-strong);
2442
- box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
2419
+ background-color: var(--ax-bg-neutral-strong);
2420
+ box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
2443
2421
  border-width: 0;
2444
2422
  }
2445
2423
 
2446
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2447
- background-color: var(--ax-text-subtle);
2424
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2425
+ background-color: var(--ax-text-neutral-subtle);
2448
2426
  }
2449
2427
 
2450
2428
  @media (forced-colors: active) {
@@ -2464,7 +2442,7 @@
2464
2442
  color: var(--__axc-radio-checkbox-high-contrast-text);
2465
2443
  }
2466
2444
 
2467
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2445
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2468
2446
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2469
2447
  }
2470
2448
 
@@ -2481,7 +2459,7 @@
2481
2459
  background-color: var(--__axc-radio-checkbox-high-contrast-bg);
2482
2460
  }
2483
2461
 
2484
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
2462
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
2485
2463
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
2486
2464
  }
2487
2465
 
@@ -2503,9 +2481,9 @@
2503
2481
  .navds-select__input {
2504
2482
  appearance: none;
2505
2483
  background-color: var(--ax-bg-input);
2506
- border-radius: var(--ax-border-radius-medium);
2507
- border: 1px solid var(--ax-border-default);
2508
- color: var(--ax-text-default);
2484
+ border-radius: var(--ax-border-radius-large);
2485
+ border: 1px solid var(--ax-border-neutral);
2486
+ color: var(--ax-text-neutral);
2509
2487
  box-sizing: border-box;
2510
2488
  width: 100%;
2511
2489
  min-height: 3rem;
@@ -2521,8 +2499,8 @@
2521
2499
  }
2522
2500
 
2523
2501
  .navds-select__input:focus {
2524
- outline: 2px solid var(--ax-border-focus);
2525
- outline-offset: 2px;
2502
+ outline: 3px solid var(--ax-border-focus);
2503
+ outline-offset: 3px;
2526
2504
  border-color: var(--ax-border-accent-strong);
2527
2505
  }
2528
2506
 
@@ -2536,7 +2514,7 @@
2536
2514
 
2537
2515
  .navds-select__container {
2538
2516
  width: 100%;
2539
- color: var(--ax-text-default);
2517
+ color: var(--ax-text-neutral);
2540
2518
  display: flex;
2541
2519
  position: relative;
2542
2520
  }
@@ -2544,7 +2522,7 @@
2544
2522
  .navds-select__chevron {
2545
2523
  right: var(--ax-space-8);
2546
2524
  pointer-events: none;
2547
- color: var(--ax-text-default);
2525
+ color: var(--ax-text-neutral);
2548
2526
  align-self: center;
2549
2527
  font-size: 1.5rem;
2550
2528
  position: absolute;
@@ -2568,15 +2546,15 @@
2568
2546
 
2569
2547
  .navds-select__input:disabled {
2570
2548
  background-color: var(--ax-bg-input);
2571
- border: 1px solid var(--ax-border-default);
2549
+ border: 1px solid var(--ax-border-neutral);
2572
2550
  box-shadow: none;
2573
2551
  cursor: not-allowed;
2574
2552
  opacity: 1;
2575
- color: var(--ax-text-default);
2553
+ color: var(--ax-text-neutral);
2576
2554
  }
2577
2555
 
2578
2556
  .navds-select__input:disabled > option {
2579
- color: var(--ax-text-default);
2557
+ color: var(--ax-text-neutral);
2580
2558
  }
2581
2559
 
2582
2560
  @media (forced-colors: active) {
@@ -2586,8 +2564,8 @@
2586
2564
  }
2587
2565
 
2588
2566
  .navds-select--readonly .navds-select__input {
2589
- background-color: var(--ax-bg-moderate);
2590
- border-color: var(--ax-border-subtleA);
2567
+ background-color: var(--ax-bg-neutral-moderate);
2568
+ border-color: var(--ax-border-neutral-subtleA);
2591
2569
  cursor: default;
2592
2570
  }
2593
2571
 
@@ -2600,7 +2578,7 @@
2600
2578
  }
2601
2579
 
2602
2580
  .navds-select--readonly .navds-select__chevron {
2603
- color: var(--ax-text-subtle);
2581
+ color: var(--ax-text-neutral-subtle);
2604
2582
  }
2605
2583
 
2606
2584
  .navds-switch {
@@ -2630,34 +2608,48 @@
2630
2608
 
2631
2609
  .navds-switch__label-wrapper {
2632
2610
  cursor: pointer;
2633
- color: var(--ax-text-default);
2611
+ color: var(--ax-text-neutral);
2634
2612
  }
2635
2613
 
2636
2614
  .navds-switch__content {
2615
+ --__axc-switch-block-padding: .75rem;
2616
+ gap: var(--ax-space-2);
2617
+ padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
2637
2618
  flex-direction: column;
2638
- gap: .125rem;
2639
- padding: .75rem 0 .75rem 3.25rem;
2640
2619
  display: flex;
2620
+ position: relative;
2641
2621
  }
2642
2622
 
2643
2623
  .navds-switch--right .navds-switch__content {
2644
- padding: .75rem 3.25rem .75rem 0;
2624
+ padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
2645
2625
  }
2646
2626
 
2647
2627
  .navds-switch--small .navds-switch__content {
2648
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 0 calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem;
2628
+ --__axc-switch-block-padding: .375rem;
2649
2629
  }
2650
2630
 
2651
- .navds-switch--right.navds-switch--small .navds-switch__content {
2652
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0;
2631
+ .navds-switch__content.navds-switch--with-description {
2632
+ padding-bottom: 0;
2653
2633
  }
2654
2634
 
2655
- .navds-switch--with-description {
2656
- padding-bottom: 0;
2635
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
2636
+ content: "";
2637
+ width: 100%;
2638
+ height: calc(100% - var(--__axc-switch-block-padding) * 2);
2639
+ border-radius: var(--ax-border-radius-medium);
2640
+ outline: 3px solid var(--ax-border-focus);
2641
+ outline-offset: 3px;
2642
+ pointer-events: none;
2643
+ position: absolute;
2644
+ left: 0;
2645
+ }
2646
+
2647
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
2648
+ height: calc(100% - var(--__axc-switch-block-padding) * 1);
2657
2649
  }
2658
2650
 
2659
2651
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
2660
- color: var(--ax-text-accent);
2652
+ color: var(--ax-text-accent-subtle);
2661
2653
  }
2662
2654
 
2663
2655
  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -2670,7 +2662,7 @@
2670
2662
  height: 1.5rem;
2671
2663
  top: var(--ax-space-12);
2672
2664
  border-radius: var(--ax-border-radius-full);
2673
- border: 2px solid var(--ax-border-default);
2665
+ border: 2px solid var(--ax-border-neutral);
2674
2666
  transition-property: background-color, border-color;
2675
2667
  transition-duration: .1s;
2676
2668
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -2694,7 +2686,7 @@
2694
2686
 
2695
2687
  .navds-switch__input:disabled ~ .navds-switch__track {
2696
2688
  background-color: var(--ax-bg-input);
2697
- border-color: var(--ax-border-default);
2689
+ border-color: var(--ax-border-neutral);
2698
2690
  }
2699
2691
 
2700
2692
  .navds-switch__input:checked:disabled ~ .navds-switch__track {
@@ -2702,13 +2694,13 @@
2702
2694
  border-color: var(--ax-bg-accent-strong-pressed);
2703
2695
  }
2704
2696
 
2705
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2706
- outline: 2px solid var(--ax-border-focus);
2707
- outline-offset: 2px;
2697
+ .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
2698
+ outline: 3px solid var(--ax-border-focus);
2699
+ outline-offset: 3px;
2708
2700
  }
2709
2701
 
2710
2702
  .navds-switch__thumb {
2711
- background-color: var(--ax-bg-strong);
2703
+ background-color: var(--ax-bg-neutral-strong);
2712
2704
  border-radius: var(--ax-border-radius-full);
2713
2705
  justify-content: center;
2714
2706
  align-items: center;
@@ -2724,7 +2716,7 @@
2724
2716
 
2725
2717
  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
2726
2718
  background-color: var(--ax-bg-raised);
2727
- color: var(--ax-text-accent);
2719
+ color: var(--ax-text-accent-subtle);
2728
2720
  width: 1.25rem;
2729
2721
  height: 1.25rem;
2730
2722
  top: 0;
@@ -2775,8 +2767,8 @@
2775
2767
  }
2776
2768
 
2777
2769
  .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 {
2778
- background-color: var(--ax-bg-moderate);
2779
- border-color: var(--ax-border-subtleA);
2770
+ background-color: var(--ax-bg-neutral-moderate);
2771
+ border-color: var(--ax-border-neutral-subtleA);
2780
2772
  }
2781
2773
 
2782
2774
  .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
@@ -2784,7 +2776,7 @@
2784
2776
  }
2785
2777
 
2786
2778
  .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
2787
- color: var(--ax-text-default);
2779
+ color: var(--ax-text-neutral);
2788
2780
  }
2789
2781
 
2790
2782
  .navds-switch--readonly .navds-switch__label {
@@ -2792,12 +2784,12 @@
2792
2784
  }
2793
2785
 
2794
2786
  .navds-switch--readonly .navds-switch__thumb {
2795
- background-color: var(--ax-bg-strong);
2787
+ background-color: var(--ax-bg-neutral-strong);
2796
2788
  }
2797
2789
 
2798
2790
  .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
2799
- background-color: var(--ax-bg-strong);
2800
- color: var(--ax-text-contrast);
2791
+ background-color: var(--ax-bg-neutral-strong);
2792
+ color: var(--ax-text-neutral-contrast);
2801
2793
  }
2802
2794
 
2803
2795
  @media (hover: hover) and (pointer: fine) {
@@ -2823,9 +2815,8 @@
2823
2815
  color: field;
2824
2816
  }
2825
2817
 
2826
- .navds-switch__input:focus-visible ~ .navds-switch__track {
2827
- outline-offset: 2px;
2828
- outline: 2px solid highlight;
2818
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
2819
+ outline: 3px solid highlight;
2829
2820
  }
2830
2821
 
2831
2822
  .navds-switch--disabled:not(.navds-switch--loading) {
@@ -2833,7 +2824,7 @@
2833
2824
  }
2834
2825
 
2835
2826
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
2836
- background-color: graytext;
2827
+ background-color: graytext !important;
2837
2828
  }
2838
2829
 
2839
2830
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -2849,11 +2840,11 @@
2849
2840
  appearance: none;
2850
2841
  padding: var(--ax-space-8);
2851
2842
  background: var(--ax-bg-input);
2852
- border-radius: var(--ax-border-radius-medium);
2853
- border: 1px solid var(--ax-border-default);
2843
+ border-radius: var(--ax-border-radius-large);
2844
+ border: 1px solid var(--ax-border-neutral);
2854
2845
  width: 100%;
2855
2846
  min-height: 3rem;
2856
- color: var(--ax-text-default);
2847
+ color: var(--ax-text-neutral);
2857
2848
  }
2858
2849
 
2859
2850
  .navds-text-field__input:hover {
@@ -2862,18 +2853,18 @@
2862
2853
 
2863
2854
  .navds-text-field__input:focus-visible {
2864
2855
  border-color: var(--ax-border-accent-strong);
2865
- outline: 2px solid var(--ax-border-focus);
2866
- outline-offset: 2px;
2856
+ outline: 3px solid var(--ax-border-focus);
2857
+ outline-offset: 3px;
2867
2858
  }
2868
2859
 
2869
2860
  .navds-text-field__input:disabled {
2870
2861
  background-color: var(--ax-bg-input);
2871
- border-color: var(--ax-border-default);
2862
+ border-color: var(--ax-border-neutral);
2872
2863
  cursor: not-allowed;
2873
2864
  }
2874
2865
 
2875
2866
  .navds-text-field__input::placeholder {
2876
- color: var(--ax-text-subtle);
2867
+ color: var(--ax-text-neutral-subtle);
2877
2868
  }
2878
2869
 
2879
2870
  .navds-text-field__input[size] {
@@ -2891,8 +2882,8 @@
2891
2882
  }
2892
2883
 
2893
2884
  .navds-text-field--readonly .navds-text-field__input {
2894
- background-color: var(--ax-bg-moderate);
2895
- border-color: var(--ax-border-subtleA);
2885
+ background-color: var(--ax-bg-neutral-moderate);
2886
+ border-color: var(--ax-border-neutral-subtleA);
2896
2887
  cursor: default;
2897
2888
  }
2898
2889
 
@@ -2924,16 +2915,16 @@
2924
2915
  appearance: none;
2925
2916
  padding: var(--ax-space-8);
2926
2917
  background-color: var(--ax-bg-input);
2927
- border-radius: var(--ax-border-radius-medium);
2928
- border: 1px solid var(--ax-border-default);
2918
+ border-radius: var(--ax-border-radius-large);
2919
+ border: 1px solid var(--ax-border-neutral);
2929
2920
  resize: none;
2930
2921
  width: 100%;
2931
- color: var(--ax-text-default);
2922
+ color: var(--ax-text-neutral);
2932
2923
  display: block;
2933
2924
  }
2934
2925
 
2935
2926
  .navds-textarea__input::placeholder {
2936
- color: var(--ax-text-subtle);
2927
+ color: var(--ax-text-neutral-subtle);
2937
2928
  }
2938
2929
 
2939
2930
  .navds-textarea__input:hover {
@@ -2941,14 +2932,14 @@
2941
2932
  }
2942
2933
 
2943
2934
  .navds-textarea__input:focus-visible {
2944
- outline: 2px solid var(--ax-border-focus);
2945
- outline-offset: 2px;
2935
+ outline: 3px solid var(--ax-border-focus);
2936
+ outline-offset: 3px;
2946
2937
  border-color: var(--ax-border-accent-strong);
2947
2938
  }
2948
2939
 
2949
2940
  .navds-textarea__input:disabled {
2950
2941
  background-color: var(--ax-bg-input);
2951
- border-color: var(--ax-border-default);
2942
+ border-color: var(--ax-border-neutral);
2952
2943
  cursor: not-allowed;
2953
2944
  }
2954
2945
 
@@ -2957,18 +2948,18 @@
2957
2948
  }
2958
2949
 
2959
2950
  .navds-textarea--readonly .navds-textarea__input {
2960
- background-color: var(--ax-bg-moderate);
2961
- border-color: var(--ax-border-subtleA);
2951
+ background-color: var(--ax-bg-neutral-moderate);
2952
+ border-color: var(--ax-border-neutral-subtleA);
2962
2953
  cursor: default;
2963
2954
  }
2964
2955
 
2965
2956
  .navds-textarea__counter {
2966
- color: var(--ax-text-subtle);
2957
+ color: var(--ax-text-neutral-subtle);
2967
2958
  margin-top: -.25rem;
2968
2959
  }
2969
2960
 
2970
2961
  .navds-textarea__counter--error {
2971
- color: var(--ax-text-danger);
2962
+ color: var(--ax-text-danger-subtle);
2972
2963
  }
2973
2964
 
2974
2965
  .navds-textarea__sr-counter {
@@ -3038,14 +3029,14 @@
3038
3029
  }
3039
3030
 
3040
3031
  .navds-search__wrapper {
3041
- border-radius: var(--ax-border-radius-medium);
3032
+ border-radius: var(--ax-border-radius-large);
3042
3033
  align-items: center;
3043
3034
  display: inline-flex;
3044
3035
  }
3045
3036
 
3046
3037
  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
3047
- outline: 2px solid var(--ax-border-focus);
3048
- outline-offset: 2px;
3038
+ outline: 3px solid var(--ax-border-focus);
3039
+ outline-offset: 3px;
3049
3040
  }
3050
3041
 
3051
3042
  .navds-search__input {
@@ -3105,14 +3096,14 @@
3105
3096
 
3106
3097
  .navds-search__button-search {
3107
3098
  border-radius: 0;
3108
- border-top-right-radius: var(--ax-border-radius-medium);
3109
- border-bottom-right-radius: var(--ax-border-radius-medium);
3099
+ border-top-right-radius: var(--ax-border-radius-large);
3100
+ border-bottom-right-radius: var(--ax-border-radius-large);
3110
3101
  flex-shrink: 0;
3111
3102
  }
3112
3103
 
3113
3104
  .navds-search__button-search.navds-button--secondary {
3114
3105
  --__axc-button-border-width: 1px;
3115
- --__axc-button-border-color: var(--ax-border-default);
3106
+ --__axc-button-border-color: var(--ax-border-neutral);
3116
3107
  }
3117
3108
 
3118
3109
  .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
@@ -3123,10 +3114,6 @@
3123
3114
  --__axc-button-border-color: var(--ax-border-accent-strong);
3124
3115
  }
3125
3116
 
3126
- .navds-search__button-search.navds-button--secondary:active:not(:disabled) {
3127
- --__axc-button-border-color: transparent;
3128
- }
3129
-
3130
3117
  .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) {
3131
3118
  --__axc-button-border-color: var(--ax-border-accent-strong);
3132
3119
  }
@@ -3156,7 +3143,7 @@
3156
3143
  --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
3157
3144
  --__axc-combobox-border-width: 1px;
3158
3145
  --__axc-combobox-input-height: 2rem;
3159
- border-radius: var(--ax-border-radius-medium);
3146
+ border-radius: var(--ax-border-radius-large);
3160
3147
  flex-direction: column;
3161
3148
  width: 100%;
3162
3149
  display: flex;
@@ -3180,7 +3167,7 @@
3180
3167
  }
3181
3168
 
3182
3169
  .navds-combobox--disabled .navds-combobox__wrapper:hover {
3183
- border-color: var(--ax-border-default);
3170
+ border-color: var(--ax-border-neutral);
3184
3171
  }
3185
3172
 
3186
3173
  .navds-combobox--disabled .navds-combobox__wrapper :hover {
@@ -3196,20 +3183,20 @@
3196
3183
  }
3197
3184
 
3198
3185
  .navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
3199
- background-color: var(--ax-bg-moderateA);
3186
+ background-color: var(--ax-bg-neutral-moderateA);
3200
3187
  }
3201
3188
 
3202
3189
  .navds-combobox--readonly .navds-combobox__button-toggle-list {
3203
- color: var(--ax-bg-moderate);
3190
+ color: var(--ax-bg-neutral-moderate);
3204
3191
  }
3205
3192
 
3206
3193
  .navds-combobox--readonly .navds-combobox__wrapper {
3207
- border-color: var(--ax-border-subtle);
3194
+ border-color: var(--ax-border-neutral-subtle);
3208
3195
  overflow: clip;
3209
3196
  }
3210
3197
 
3211
3198
  .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
3212
- background-color: var(--ax-bg-moderate);
3199
+ background-color: var(--ax-bg-neutral-moderate);
3213
3200
  }
3214
3201
 
3215
3202
  .navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
@@ -3218,8 +3205,8 @@
3218
3205
  }
3219
3206
 
3220
3207
  .navds-combobox__wrapper-inner {
3221
- border: 1px solid var(--ax-border-default);
3222
- border-radius: var(--ax-border-radius-medium);
3208
+ border: 1px solid var(--ax-border-neutral);
3209
+ border-radius: var(--ax-border-radius-large);
3223
3210
  }
3224
3211
 
3225
3212
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
@@ -3229,7 +3216,7 @@
3229
3216
  }
3230
3217
 
3231
3218
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
3232
- border-color: var(--ax-border-default);
3219
+ border-color: var(--ax-border-neutral);
3233
3220
  outline: none;
3234
3221
  }
3235
3222
 
@@ -3258,7 +3245,7 @@
3258
3245
  }
3259
3246
 
3260
3247
  .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
3261
- border-color: var(--ax-border-default);
3248
+ border-color: var(--ax-border-neutral);
3262
3249
  }
3263
3250
 
3264
3251
  .navds-combobox--error .navds-combobox__wrapper-inner {
@@ -3343,8 +3330,7 @@
3343
3330
  }
3344
3331
 
3345
3332
  .navds-combobox__button-toggle-list {
3346
- border-radius: var(--ax-border-radius-medium);
3347
- color: var(--ax-text-default);
3333
+ color: var(--ax-text-neutral);
3348
3334
  cursor: pointer;
3349
3335
  background: none;
3350
3336
  border: none;
@@ -3356,11 +3342,11 @@
3356
3342
  }
3357
3343
 
3358
3344
  .navds-combobox__button-toggle-list:hover {
3359
- color: var(--ax-text-accent);
3345
+ color: var(--ax-text-accent-subtle);
3360
3346
  }
3361
3347
 
3362
3348
  .navds-combobox__button-toggle-list:hover:active {
3363
- color: var(--ax-text-accent-strong);
3349
+ color: var(--ax-text-accent);
3364
3350
  }
3365
3351
 
3366
3352
  .navds-combobox__list {
@@ -3369,10 +3355,10 @@
3369
3355
  left: 0;
3370
3356
  right: 0;
3371
3357
  top: calc(100% + var(--ax-space-8));
3372
- border: 1px solid var(--ax-border-subtleA);
3358
+ border: 1px solid var(--ax-border-neutral-subtleA);
3373
3359
  border-radius: var(--ax-border-radius-large);
3374
3360
  background-color: var(--ax-bg-raised);
3375
- color: var(--ax-text-default);
3361
+ color: var(--ax-text-neutral);
3376
3362
  overscroll-behavior: contain;
3377
3363
  box-shadow: var(--ax-shadow-dialog);
3378
3364
  flex-direction: column;
@@ -3392,7 +3378,7 @@
3392
3378
  .navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
3393
3379
  padding-block: var(--__axc-combobox-list-item-padding-block);
3394
3380
  padding-inline: var(--__axc-combobox-list-item-padding-inline);
3395
- border-radius: var(--ax-border-radius-medium);
3381
+ border-radius: var(--ax-border-radius-large);
3396
3382
  margin-inline: var(--ax-space-8);
3397
3383
  margin-block: var(--ax-space-2);
3398
3384
  border: 0;
@@ -3412,8 +3398,8 @@
3412
3398
  }
3413
3399
 
3414
3400
  .navds-combobox__list-item--max-selected {
3415
- background-color: var(--ax-bg-moderateA);
3416
- border-bottom: 1px solid var(--ax-border-subtle);
3401
+ background-color: var(--ax-bg-neutral-moderateA);
3402
+ border-bottom: 1px solid var(--ax-border-neutral-subtle);
3417
3403
  padding-block: var(--ax-space-8);
3418
3404
  line-height: var(--ax-font-line-height-large);
3419
3405
  border-radius: 0;
@@ -3449,12 +3435,12 @@
3449
3435
 
3450
3436
  .navds-combobox__list-item mark {
3451
3437
  font-weight: var(--ax-font-weight-bold);
3452
- color: var(--ax-text-default);
3438
+ color: var(--ax-text-neutral);
3453
3439
  background-color: rgba(0, 0, 0, 0);
3454
3440
  }
3455
3441
 
3456
3442
  .navds-combobox__list-item svg {
3457
- color: var(--ax-text-default);
3443
+ color: var(--ax-text-neutral);
3458
3444
  }
3459
3445
 
3460
3446
  .navds-combobox__list-item--selected {
@@ -3477,7 +3463,7 @@
3477
3463
  }
3478
3464
 
3479
3465
  .navds-combobox__list-item--new-option svg {
3480
- color: var(--ax-text-default);
3466
+ color: var(--ax-text-neutral);
3481
3467
  }
3482
3468
 
3483
3469
  .navds-combobox__list-item--new-option:only-child {
@@ -3576,15 +3562,15 @@
3576
3562
  }
3577
3563
 
3578
3564
  .navds-form-summary {
3579
- border: 1px solid var(--ax-border-subtleA);
3565
+ border: 1px solid var(--ax-border-neutral-subtleA);
3580
3566
  border-radius: var(--ax-border-radius-xlarge);
3581
3567
  background: var(--ax-bg-raised);
3582
3568
  overflow: hidden;
3583
3569
  }
3584
3570
 
3585
3571
  .navds-form-summary__header {
3586
- background: var(--ax-bg-moderateA);
3587
- padding: var(--ax-space-16) var(--ax-space-24);
3572
+ background: var(--ax-bg-neutral-moderateA);
3573
+ padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
3588
3574
  justify-content: space-between;
3589
3575
  gap: 0 var(--ax-space-12);
3590
3576
  display: flex;
@@ -3592,7 +3578,7 @@
3592
3578
 
3593
3579
  @media (max-width: 479px) {
3594
3580
  .navds-form-summary__header {
3595
- padding: var(--ax-space-12) var(--ax-space-16);
3581
+ padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
3596
3582
  flex-direction: column;
3597
3583
  }
3598
3584
  }
@@ -3604,24 +3590,24 @@
3604
3590
  }
3605
3591
 
3606
3592
  .navds-form-summary > .navds-form-summary__answers {
3607
- border-top: 1px solid var(--ax-border-subtleA);
3593
+ border-top: 1px solid var(--ax-border-neutral-subtleA);
3608
3594
  }
3609
3595
 
3610
3596
  .navds-form-summary__answers {
3611
- padding: var(--ax-space-16) var(--ax-space-20);
3597
+ padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
3612
3598
  margin: 0;
3613
3599
  }
3614
3600
 
3615
3601
  @media (max-width: 479px) {
3616
3602
  .navds-form-summary__answers {
3617
- padding: var(--ax-space-16);
3603
+ padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
3618
3604
  }
3619
3605
  }
3620
3606
 
3621
3607
  .navds-form-summary__answer:not(:last-child) {
3622
3608
  margin-bottom: var(--ax-space-16);
3623
3609
  padding-bottom: var(--ax-space-16);
3624
- border-bottom: 1px solid var(--ax-border-subtleA);
3610
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
3625
3611
  }
3626
3612
 
3627
3613
  .navds-form-summary__answer:has(.navds-form-summary__answer) {
@@ -3676,40 +3662,36 @@
3676
3662
  }
3677
3663
 
3678
3664
  .navds-form-progress__collapsible {
3665
+ visibility: hidden;
3666
+ border: 1px solid var(--ax-border-neutral-subtleA);
3667
+ border-radius: var(--ax-border-radius-xlarge);
3668
+ background: var(--ax-bg-raised);
3669
+ padding-inline: var(--ax-space-20);
3670
+ opacity: .001;
3679
3671
  grid-template-rows: 0fr;
3680
- transition: grid-template-rows .25s cubic-bezier(.2, 0, 0, 1);
3672
+ margin-top: -2px;
3673
+ padding-block: 0;
3674
+ transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
3675
+ transition-duration: 1s;
3676
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3681
3677
  display: grid;
3682
3678
  overflow: hidden;
3683
3679
  }
3684
3680
 
3685
3681
  .navds-form-progress__collapsible[hidden] {
3686
- display: grid !important;
3682
+ display: grid;
3687
3683
  }
3688
3684
 
3689
3685
  .navds-form-progress__collapsible[data-state="open"] {
3686
+ margin-top: var(--ax-space-4);
3687
+ visibility: visible;
3688
+ padding-block: var(--ax-space-16);
3689
+ opacity: 1;
3690
3690
  grid-template-rows: 1fr;
3691
3691
  }
3692
3692
 
3693
3693
  .navds-form-progress__collapsible-content {
3694
- opacity: .01;
3695
- visibility: hidden;
3696
3694
  min-height: 0;
3697
- transition-property: opacity, visibility;
3698
- transition-duration: .25s;
3699
- transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3700
- }
3701
-
3702
- .navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
3703
- visibility: visible;
3704
- opacity: 1;
3705
- }
3706
-
3707
- .navds-form-progress__stepper {
3708
- border: 1px solid var(--ax-border-subtle);
3709
- border-radius: var(--ax-border-radius-large);
3710
- padding: var(--ax-space-16) var(--ax-space-20);
3711
- margin-top: var(--ax-space-4);
3712
- background: var(--ax-bg-raised);
3713
3695
  }
3714
3696
 
3715
3697
  .navds-accordion__header {
@@ -3721,7 +3703,7 @@
3721
3703
  text-align: left;
3722
3704
  cursor: pointer;
3723
3705
  border-radius: var(--ax-border-radius-large);
3724
- color: var(--ax-text-accent);
3706
+ color: var(--ax-text-accent-subtle);
3725
3707
  background: none;
3726
3708
  border: none;
3727
3709
  display: flex;
@@ -3741,7 +3723,7 @@
3741
3723
  }
3742
3724
 
3743
3725
  .navds-accordion__header:hover {
3744
- background-color: var(--ax-bg-accent-hoverA);
3726
+ background-color: var(--ax-bg-accent-moderate-hoverA);
3745
3727
  }
3746
3728
 
3747
3729
  .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
@@ -3762,8 +3744,8 @@
3762
3744
  }
3763
3745
 
3764
3746
  .navds-accordion__header:focus-visible {
3765
- outline: 2px solid var(--ax-border-focus);
3766
- outline-offset: 2px;
3747
+ outline: 3px solid var(--ax-border-focus);
3748
+ outline-offset: 3px;
3767
3749
  z-index: 1;
3768
3750
  }
3769
3751
 
@@ -3772,12 +3754,12 @@
3772
3754
  }
3773
3755
 
3774
3756
  .navds-accordion--small .navds-accordion__header {
3775
- padding-block: var(--a-spacing-2);
3757
+ padding-block: var(--ax-space-8);
3776
3758
  }
3777
3759
 
3778
3760
  .navds-accordion__header:before, .navds-accordion__header:after {
3779
3761
  content: "";
3780
- background-color: var(--ax-border-subtleA);
3762
+ background-color: var(--ax-border-neutral-subtleA);
3781
3763
  width: 100%;
3782
3764
  height: 1px;
3783
3765
  display: block;
@@ -3787,10 +3769,6 @@
3787
3769
  right: 0;
3788
3770
  }
3789
3771
 
3790
- .navds-accordion__item:last-child > .navds-accordion__content {
3791
- border-bottom: 1px solid rgba(0, 0, 0, 0);
3792
- }
3793
-
3794
3772
  .navds-accordion__header:after {
3795
3773
  top: initial;
3796
3774
  bottom: 0;
@@ -3805,7 +3783,7 @@
3805
3783
  background-color: var(--ax-bg-accent-moderateA);
3806
3784
  width: 22px;
3807
3785
  height: 22px;
3808
- color: var(--ax-text-accent);
3786
+ color: var(--ax-text-accent-subtle);
3809
3787
  align-self: center;
3810
3788
  }
3811
3789
 
@@ -3820,68 +3798,59 @@
3820
3798
  transform: rotateX(-180deg);
3821
3799
  }
3822
3800
 
3823
- .navds-accordion__content {
3824
- --__acx-accordion-content-line-width: 2px;
3825
- padding-inline: var(--ax-space-24) var(--ax-space-12);
3826
- max-height: 0;
3827
- transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
3828
- border-color: rgba(0, 0, 0, 0);
3829
- padding-block: 0;
3830
- animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
3831
- display: none;
3832
- overflow: hidden;
3833
- }
3834
-
3835
- .navds-accordion__item--no-animation {
3836
- animation: none;
3801
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3802
+ padding-block: var(--ax-space-8);
3803
+ padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
3837
3804
  }
3838
3805
 
3839
- @keyframes navds-accordion-content-animation {
3840
- 0% {
3841
- opacity: .01;
3842
- }
3843
-
3844
- 20% {
3845
- opacity: .01;
3846
- }
3847
-
3848
- 100% {
3849
- opacity: 1;
3806
+ @media (forced-colors: active) {
3807
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3808
+ border-left: 1px solid canvastext;
3850
3809
  }
3851
3810
  }
3852
3811
 
3853
3812
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
3854
- padding-inline: var(--ax-space-24) var(--ax-space-12);
3813
+ box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
3855
3814
  }
3856
3815
 
3857
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3858
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
3859
- padding-block: var(--ax-space-8);
3860
- padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
3816
+ .navds-accordion__item > .navds-accordion__content {
3817
+ visibility: hidden;
3818
+ margin-inline: var(--ax-space-24) var(--ax-space-12);
3819
+ opacity: 0;
3820
+ border-color: rgba(0, 0, 0, 0);
3821
+ grid-template-rows: 0fr;
3822
+ margin-block: 0;
3823
+ transition-property: visibility, opacity, grid-template-rows, margin, min-height;
3824
+ transition-duration: .25s;
3825
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3826
+ display: grid;
3827
+ overflow: hidden;
3861
3828
  }
3862
3829
 
3863
- @media (forced-colors: active) {
3864
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
3865
- border-left: 1px solid canvastext;
3866
- }
3830
+ .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
3831
+ min-height: 0;
3832
+ padding-block: 0;
3867
3833
  }
3868
3834
 
3869
3835
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
3836
+ visibility: visible;
3837
+ margin-block: var(--ax-space-8);
3838
+ border-color: var(--ax-border-neutral-subtleA);
3870
3839
  opacity: 1;
3871
- max-height: fit-content;
3872
- padding-block: var(--ax-space-8);
3873
- border-color: var(--ax-border-subtleA);
3874
- padding-block-end: var(--ax-space-24);
3875
- display: block;
3876
- overflow: visible;
3840
+ grid-template-rows: 1fr;
3841
+ margin-block-end: var(--ax-space-24);
3877
3842
  }
3878
3843
 
3879
- @starting-style {
3880
- .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
3881
- border-color: rgba(0, 0, 0, 0);
3882
- max-height: 0;
3883
- padding-block: 0;
3884
- }
3844
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
3845
+ min-height: fit-content;
3846
+ }
3847
+
3848
+ .navds-accordion__item[data-expanded="true"]:last-child {
3849
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
3850
+ }
3851
+
3852
+ .navds-accordion__item--no-animation > .navds-accordion__content {
3853
+ transition: none;
3885
3854
  }
3886
3855
 
3887
3856
  .navds-alert {
@@ -4011,8 +3980,8 @@
4011
3980
  .navds-chat__avatar {
4012
3981
  background-color: var(--ax-bg-raised);
4013
3982
  border-radius: var(--ax-border-radius-full);
4014
- border: 1px solid var(--ax-border-subtleA);
4015
- color: var(--ax-text-default);
3983
+ border: 1px solid var(--ax-border-neutral-subtleA);
3984
+ color: var(--ax-text-neutral);
4016
3985
  letter-spacing: .024rem;
4017
3986
  flex-shrink: 0;
4018
3987
  justify-content: center;
@@ -4047,7 +4016,7 @@
4047
4016
  gap: var(--ax-space-8);
4048
4017
  border-radius: var(--ax-border-radius-xlarge);
4049
4018
  border-bottom-left-radius: var(--ax-border-radius-small);
4050
- border: 1px solid var(--ax-border-subtleA);
4019
+ border: 1px solid var(--ax-border-neutral-subtleA);
4051
4020
  flex-direction: column;
4052
4021
  width: fit-content;
4053
4022
  display: flex;
@@ -4062,11 +4031,11 @@
4062
4031
  }
4063
4032
 
4064
4033
  .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
4065
- background-color: var(--ax-bg-moderateA);
4034
+ background-color: var(--ax-bg-neutral-moderateA);
4066
4035
  }
4067
4036
 
4068
4037
  .navds-chat__top-text {
4069
- color: var(--ax-text-default);
4038
+ color: var(--ax-text-neutral);
4070
4039
  gap: var(--ax-space-8);
4071
4040
  align-items: baseline;
4072
4041
  margin: 0;
@@ -4090,105 +4059,7 @@
4090
4059
  align-self: flex-start;
4091
4060
  }
4092
4061
 
4093
- .navds-copybutton {
4094
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
4095
- cursor: pointer;
4096
- border-radius: var(--ax-border-radius-medium);
4097
- padding: var(--__axc-copybutton-padding);
4098
- background-color: rgba(0, 0, 0, 0);
4099
- border: none;
4100
- place-content: center;
4101
- margin: 0;
4102
- text-decoration: none;
4103
- transition: color .2s cubic-bezier(.05, .7, .1, 1);
4104
- display: grid;
4105
- }
4106
-
4107
- .navds-copybutton.navds-copybutton--icon-only {
4108
- --__axc-copybutton-padding: var(--ax-space-12);
4109
- }
4110
-
4111
- .navds-copybutton.navds-copybutton--icon-right {
4112
- --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
4113
- }
4114
-
4115
- .navds-copybutton:hover {
4116
- background-color: var(--ax-bg-moderate-hoverA);
4117
- }
4118
-
4119
- .navds-copybutton:focus-visible {
4120
- outline: 2px solid var(--ax-border-focus);
4121
- outline-offset: 2px;
4122
- }
4123
-
4124
- .navds-copybutton:disabled {
4125
- cursor: not-allowed;
4126
- opacity: var(--ax-opacity-disabled);
4127
- }
4128
-
4129
- .navds-copybutton:disabled:hover {
4130
- background-color: rgba(0, 0, 0, 0);
4131
- }
4132
-
4133
- @media (forced-colors: active) {
4134
- .navds-copybutton {
4135
- color: buttontext;
4136
- background-color: buttonface;
4137
- border: 1px solid buttontext;
4138
- }
4139
-
4140
- .navds-copybutton:disabled {
4141
- opacity: 1;
4142
- border-color: graytext;
4143
- }
4144
- }
4145
-
4146
- .navds-copybutton--small {
4147
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
4148
- min-width: 2rem;
4149
- min-height: 2rem;
4150
- }
4151
-
4152
- .navds-copybutton--small.navds-copybutton--icon-right {
4153
- --__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
4154
- }
4155
-
4156
- .navds-copybutton--small.navds-copybutton--icon-only {
4157
- --__axc-copybutton-padding: var(--ax-space-4);
4158
- }
4159
-
4160
- .navds-copybutton--small > .navds-copybutton__content {
4161
- gap: var(--ax-space-4);
4162
- }
4163
-
4164
- .navds-copybutton--xsmall {
4165
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
4166
- min-width: 1.5rem;
4167
- min-height: 1.5rem;
4168
- }
4169
-
4170
- .navds-copybutton--xsmall.navds-copybutton--icon-right {
4171
- --__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
4172
- }
4173
-
4174
- .navds-copybutton--xsmall.navds-copybutton--icon-only {
4175
- --__axc-copybutton-padding: var(--ax-space-2);
4176
- }
4177
-
4178
- .navds-copybutton--xsmall .navds-copybutton__icon {
4179
- font-size: 1.25rem;
4180
- }
4181
-
4182
- .navds-copybutton--xsmall > .navds-copybutton__content {
4183
- gap: var(--ax-space-2);
4184
- }
4185
-
4186
- .navds-copybutton__icon {
4187
- font-size: 1.5rem;
4188
- display: flex;
4189
- }
4190
-
4191
- .navds-copybutton--active .navds-copybutton__icon {
4062
+ .navds-copybutton[data-active="true"] .navds-copybutton__icon {
4192
4063
  animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
4193
4064
  }
4194
4065
 
@@ -4210,46 +4081,19 @@
4210
4081
  }
4211
4082
  }
4212
4083
 
4213
- .navds-copybutton--action {
4214
- color: var(--ax-text-accent);
4215
- }
4216
-
4217
- .navds-copybutton--action.navds-copybutton--active {
4218
- color: var(--ax-text-success);
4219
- }
4220
-
4221
- .navds-copybutton--action:disabled {
4222
- color: var(--ax-text-accent);
4223
- }
4224
-
4225
- .navds-copybutton--neutral {
4226
- color: var(--ax-text-subtle);
4227
- }
4228
-
4229
- .navds-copybutton--neutral:disabled {
4230
- color: var(--ax-text-subtle);
4231
- }
4232
-
4233
- .navds-copybutton__content {
4234
- justify-content: center;
4235
- align-items: center;
4236
- gap: var(--ax-space-6);
4237
- display: inline-flex;
4238
- }
4239
-
4240
4084
  .navds-date {
4241
4085
  padding: var(--ax-space-16) var(--ax-space-12);
4242
4086
  }
4243
4087
 
4244
4088
  .navds-date .rdp-day_range_middle.rdp-day_disabled {
4245
- color: var(--ax-text-default);
4246
- background: var(--ax-bg-moderateA);
4089
+ color: var(--ax-text-neutral);
4090
+ background: var(--ax-bg-neutral-moderateA);
4247
4091
  }
4248
4092
 
4249
4093
  .navds-date .rdp-day_range_middle.rdp-day_selected {
4250
- background-color: var(--ax-bg-accent-moderateA);
4094
+ background-color: var(--ax-bg-accent-moderate-pressedA);
4251
4095
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
4252
- color: var(--ax-text-default);
4096
+ color: var(--ax-text-neutral);
4253
4097
  }
4254
4098
 
4255
4099
  .navds-date .rdp-month, .navds-date.rdp-month {
@@ -4269,22 +4113,22 @@
4269
4113
  .navds-date .rdp-button {
4270
4114
  all: unset;
4271
4115
  text-align: center;
4272
- border-radius: var(--ax-border-radius-medium);
4116
+ border-radius: var(--ax-border-radius-large);
4273
4117
  width: 2.5rem;
4274
4118
  height: 2.5rem;
4275
4119
  display: block;
4276
4120
  }
4277
4121
 
4278
4122
  .navds-date .rdp-day_range_start {
4279
- border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-medium) var(--ax-border-radius-medium) var(--ax-border-radius-xlarge);
4123
+ border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
4280
4124
  }
4281
4125
 
4282
4126
  .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
4283
- border-radius: var(--ax-border-radius-medium) var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) var(--ax-border-radius-medium);
4127
+ border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
4284
4128
  }
4285
4129
 
4286
4130
  .navds-date .rdp-day_range_start.rdp-day_range_end {
4287
- border-radius: var(--ax-border-radius-xlarge);
4131
+ border-radius: var(--ax-border-radius-large);
4288
4132
  }
4289
4133
 
4290
4134
  .navds-date .navds-date__field {
@@ -4302,8 +4146,8 @@
4302
4146
 
4303
4147
  .navds-date .rdp-day_disabled {
4304
4148
  cursor: not-allowed;
4305
- background-color: var(--ax-bg-moderateA);
4306
- color: var(--ax-text-subtle);
4149
+ background-color: var(--ax-bg-neutral-moderateA);
4150
+ color: var(--ax-text-neutral-subtle);
4307
4151
  text-decoration: line-through;
4308
4152
  }
4309
4153
 
@@ -4317,7 +4161,7 @@
4317
4161
  }
4318
4162
 
4319
4163
  .navds-date .rdp-day_today:before {
4320
- background-color: var(--ax-text-accent);
4164
+ background-color: var(--ax-text-accent-subtle);
4321
4165
  border-radius: var(--ax-border-radius-full);
4322
4166
  content: "";
4323
4167
  width: 6px;
@@ -4353,7 +4197,7 @@
4353
4197
  .navds-date__caption-button {
4354
4198
  width: 2rem;
4355
4199
  height: 2rem;
4356
- color: var(--ax-text-default);
4200
+ color: var(--ax-text-neutral);
4357
4201
  }
4358
4202
 
4359
4203
  .navds-date__caption__month .navds-select__container select {
@@ -4364,7 +4208,7 @@
4364
4208
  all: unset;
4365
4209
  text-align: center;
4366
4210
  text-transform: capitalize;
4367
- border-radius: var(--ax-border-radius-medium);
4211
+ border-radius: var(--ax-border-radius-large);
4368
4212
  cursor: pointer;
4369
4213
  width: 3rem;
4370
4214
  height: 3rem;
@@ -4381,8 +4225,8 @@
4381
4225
  }
4382
4226
 
4383
4227
  :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 {
4384
- outline: 2px solid var(--ax-border-focus);
4385
- outline-offset: 1px;
4228
+ outline: 3px solid var(--ax-border-focus);
4229
+ outline-offset: 3px;
4386
4230
  }
4387
4231
 
4388
4232
  :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) {
@@ -4399,9 +4243,9 @@
4399
4243
  }
4400
4244
 
4401
4245
  .navds-date__field-button {
4402
- color: var(--ax-text-default);
4246
+ color: var(--ax-text-neutral);
4403
4247
  cursor: pointer;
4404
- border-radius: calc(var(--ax-border-radius-medium) - 1px);
4248
+ border-radius: calc(var(--ax-border-radius-large) - 1px);
4405
4249
  padding: var(--ax-space-12);
4406
4250
  background: none;
4407
4251
  border: none;
@@ -4455,14 +4299,10 @@
4455
4299
  }
4456
4300
 
4457
4301
  .navds-date__weeknumber-number {
4458
- color: var(--ax-text-subtle);
4302
+ color: var(--ax-text-neutral-subtle);
4459
4303
  font-size: .875rem;
4460
4304
  }
4461
4305
 
4462
- .navds-date__weeknumber:active .navds-date__weeknumber-number {
4463
- color: var(--ax-text-contrast);
4464
- }
4465
-
4466
4306
  .navds-date__week-wrapper {
4467
4307
  justify-content: center;
4468
4308
  align-items: center;
@@ -4590,8 +4430,8 @@
4590
4430
  }
4591
4431
 
4592
4432
  .navds-action-menu__content {
4593
- border-radius: var(--ax-border-radius-large);
4594
- border: 1px solid var(--ax-border-subtleA);
4433
+ border-radius: var(--ax-border-radius-xlarge);
4434
+ border: 1px solid var(--ax-border-neutral-subtleA);
4595
4435
  box-shadow: var(--ax-shadow-dialog);
4596
4436
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
4597
4437
  overflow: hidden;
@@ -4626,7 +4466,7 @@
4626
4466
  --__axc-action-menu-item-pr: var(--ax-space-8);
4627
4467
  --__axc-action-menu-item-pl: var(--ax-space-8);
4628
4468
  --__axc-action-menu-item-height: 2rem;
4629
- border-radius: var(--ax-border-radius-large);
4469
+ border-radius: var(--ax-border-radius-xlarge);
4630
4470
  background-color: var(--ax-bg-raised);
4631
4471
  min-width: 128px;
4632
4472
  max-width: min(95vw, 640px);
@@ -4643,12 +4483,12 @@
4643
4483
  gap: var(--ax-space-8);
4644
4484
  min-height: var(--__axc-action-menu-item-height);
4645
4485
  cursor: default;
4646
- border-radius: var(--ax-border-radius-medium);
4486
+ border-radius: var(--ax-border-radius-large);
4647
4487
  padding-left: var(--__axc-action-menu-item-pl);
4648
4488
  padding-right: var(--__axc-action-menu-item-pr);
4649
4489
  font-size: var(--ax-font-size-medium);
4650
4490
  scroll-margin-block: var(--__axc-action-menu-content-p);
4651
- color: var(--ax-text-default);
4491
+ color: var(--ax-text-neutral);
4652
4492
  line-height: 1.5;
4653
4493
  text-decoration: none;
4654
4494
  display: flex;
@@ -4661,7 +4501,7 @@
4661
4501
 
4662
4502
  .navds-action-menu__item:focus {
4663
4503
  background-color: var(--ax-bg-accent-moderate-hoverA);
4664
- color: var(--ax-text-default);
4504
+ color: var(--ax-text-neutral);
4665
4505
  outline: none;
4666
4506
  }
4667
4507
 
@@ -4679,7 +4519,7 @@
4679
4519
  }
4680
4520
 
4681
4521
  .navds-action-menu__sub-trigger[data-state="open"] {
4682
- background-color: var(--ax-bg-moderate-pressed);
4522
+ background-color: var(--ax-bg-neutral-moderate-pressedA);
4683
4523
  }
4684
4524
 
4685
4525
  .navds-action-menu__sub-trigger:focus {
@@ -4687,12 +4527,12 @@
4687
4527
  }
4688
4528
 
4689
4529
  .navds-action-menu__item--danger {
4690
- color: var(--ax-text-danger);
4530
+ color: var(--ax-text-danger-subtle);
4691
4531
  }
4692
4532
 
4693
4533
  .navds-action-menu__item--danger:focus {
4694
4534
  background-color: var(--ax-bg-danger-moderate-hoverA);
4695
- color: var(--ax-text-danger);
4535
+ color: var(--ax-text-danger-subtle);
4696
4536
  }
4697
4537
 
4698
4538
  .navds-action-menu__marker {
@@ -4720,8 +4560,8 @@
4720
4560
  }
4721
4561
 
4722
4562
  .navds-action-menu__shortcut {
4723
- background-color: var(--ax-bg-moderateA);
4724
- color: var(--ax-text-default);
4563
+ background-color: var(--ax-bg-neutral-moderateA);
4564
+ color: var(--ax-text-neutral);
4725
4565
  border-radius: var(--ax-border-radius-small);
4726
4566
  padding: 0 var(--ax-space-4);
4727
4567
  min-width: 1.125rem;
@@ -4737,7 +4577,7 @@
4737
4577
  min-height: calc(var(--__axc-action-menu-item-height) - 6px);
4738
4578
  padding-right: var(--__axc-action-menu-item-pr);
4739
4579
  padding-left: var(--__axc-action-menu-item-pl);
4740
- color: var(--ax-text-subtle);
4580
+ color: var(--ax-text-neutral-subtle);
4741
4581
  border-radius: var(--ax-border-radius-medium);
4742
4582
  -webkit-user-select: none;
4743
4583
  user-select: none;
@@ -4750,7 +4590,7 @@
4750
4590
  .navds-action-menu__divider {
4751
4591
  height: 1px;
4752
4592
  margin-block: var(--ax-space-8);
4753
- background-color: var(--ax-border-subtleA);
4593
+ background-color: var(--ax-border-neutral-subtleA);
4754
4594
  }
4755
4595
 
4756
4596
  .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
@@ -4772,22 +4612,22 @@
4772
4612
 
4773
4613
  .navds-expansioncard {
4774
4614
  --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
4775
- --__axc-expansioncard-padding-block: var(--ax-space-16);
4615
+ --__axc-expansioncard-padding-block: var(--ax-space-20);
4776
4616
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
4777
4617
  border-radius: var(--ax-border-radius-xlarge);
4778
4618
  background-color: var(--ax-bg-raised);
4779
- border: 1px solid var(--ax-border-default);
4619
+ border: 1px solid var(--ax-border-neutral);
4780
4620
  height: fit-content;
4781
4621
  }
4782
4622
 
4783
4623
  .navds-expansioncard:has(.navds-expansioncard__header:hover) {
4784
- box-shadow: 0 0 0 1px var(--ax-border-strong);
4785
- border-color: var(--ax-border-strong);
4624
+ box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
4625
+ border-color: var(--ax-border-neutral-strong);
4786
4626
  }
4787
4627
 
4788
4628
  .navds-expansioncard--small {
4789
4629
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
4790
- --__axc-expansioncard-padding-block: var(--ax-space-12);
4630
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
4791
4631
  }
4792
4632
 
4793
4633
  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
@@ -4815,7 +4655,7 @@
4815
4655
  }
4816
4656
 
4817
4657
  .navds-expansioncard__header:hover {
4818
- background-color: var(--ax-bg-hover);
4658
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
4819
4659
  }
4820
4660
 
4821
4661
  .navds-expansioncard__header[data-open="true"] {
@@ -4825,7 +4665,7 @@
4825
4665
 
4826
4666
  .navds-expansioncard__header[data-open="true"]:after {
4827
4667
  content: "";
4828
- background-color: var(--ax-border-subtle);
4668
+ background-color: var(--ax-border-neutral-subtleA);
4829
4669
  bottom: 0;
4830
4670
  left: var(--__axc-expansioncard-padding-inline);
4831
4671
  height: 1px;
@@ -4865,15 +4705,7 @@
4865
4705
  }
4866
4706
 
4867
4707
  .navds-expansioncard__header-button:focus-visible {
4868
- outline: 2px solid var(--ax-border-focus);
4869
- outline-offset: 2px;
4870
- }
4871
-
4872
- @supports not selector(:focus-visible) {
4873
- .navds-expansioncard__header-button:focus {
4874
- outline: 2px solid var(--ax-border-focus);
4875
- outline-offset: 2px;
4876
- }
4708
+ outline: 3px solid var(--ax-border-focus);
4877
4709
  }
4878
4710
 
4879
4711
  .navds-expansioncard__header-button:after {
@@ -4887,7 +4719,7 @@
4887
4719
  }
4888
4720
 
4889
4721
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
4890
- background-color: var(--ax-bg-moderate-hoverA);
4722
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
4891
4723
  }
4892
4724
 
4893
4725
  .navds-expansioncard__header-chevron {
@@ -4937,7 +4769,7 @@
4937
4769
  }
4938
4770
 
4939
4771
  .navds-guide-panel {
4940
- --__axc-guide-panel-guide-size: 3.75rem;
4772
+ --__axc-guide-panel-guide-size: 5rem;
4941
4773
  width: fit-content;
4942
4774
  display: flex;
4943
4775
  position: relative;
@@ -4953,8 +4785,12 @@
4953
4785
  align-items: flex-start;
4954
4786
  }
4955
4787
 
4788
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
4789
+ --__axc-guide-panel-guide-size: 3.75rem;
4790
+ }
4791
+
4956
4792
  @media (min-width: 480px) {
4957
- .navds-guide-panel {
4793
+ .navds-guide-panel[data-poster="false"][data-responsive="false"] {
4958
4794
  --__axc-guide-panel-guide-size: 5rem;
4959
4795
  }
4960
4796
 
@@ -5051,7 +4887,7 @@
5051
4887
  .navds-help-text__button {
5052
4888
  cursor: pointer;
5053
4889
  border-radius: var(--ax-border-radius-full);
5054
- color: var(--ax-bg-accent-strong);
4890
+ color: var(--ax-bg-info-strong);
5055
4891
  padding: calc(var(--ax-space-4) / 2);
5056
4892
  background-color: rgba(0, 0, 0, 0);
5057
4893
  border: 0;
@@ -5079,11 +4915,11 @@
5079
4915
 
5080
4916
  .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
5081
4917
  display: inherit;
5082
- color: var(--ax-bg-accent-strong-hover);
4918
+ color: var(--ax-bg-info-strong-hover);
5083
4919
  }
5084
4920
 
5085
4921
  .navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
5086
- color: var(--ax-bg-accent-strong-pressed);
4922
+ color: var(--ax-bg-info-strong-pressed);
5087
4923
  }
5088
4924
 
5089
4925
  @media (forced-colors: active) {
@@ -5102,7 +4938,7 @@
5102
4938
 
5103
4939
  .navds-internalheader {
5104
4940
  background: var(--ax-bg-raised);
5105
- border-bottom: 1px solid var(--ax-border-subtleA);
4941
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
5106
4942
  align-self: stretch;
5107
4943
  min-height: 3rem;
5108
4944
  display: flex;
@@ -5123,8 +4959,8 @@
5123
4959
  padding-block: 0;
5124
4960
  padding-inline: var(--ax-space-24) var(--ax-space-20);
5125
4961
  border: none;
5126
- border-right: 1px solid var(--ax-border-subtleA);
5127
- color: var(--ax-text-default);
4962
+ border-right: 1px solid var(--ax-border-neutral-subtleA);
4963
+ color: var(--ax-text-neutral);
5128
4964
  background: none;
5129
4965
  align-items: center;
5130
4966
  margin: 0;
@@ -5139,7 +4975,7 @@
5139
4975
  }
5140
4976
 
5141
4977
  .navds-internalheader__title:hover {
5142
- background: var(--ax-bg-moderate-hover);
4978
+ background: var(--ax-bg-neutral-moderate-hoverA);
5143
4979
  }
5144
4980
 
5145
4981
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
@@ -5148,7 +4984,7 @@
5148
4984
 
5149
4985
  .navds-internalheader__user {
5150
4986
  padding: 0 var(--ax-space-20);
5151
- border-left: 1px solid var(--ax-border-subtleA);
4987
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
5152
4988
  align-items: center;
5153
4989
  display: flex;
5154
4990
  }
@@ -5162,8 +4998,8 @@
5162
4998
  align-items: center;
5163
4999
  gap: var(--ax-space-8);
5164
5000
  border: none;
5165
- border-left: 1px solid var(--ax-border-subtleA);
5166
- color: var(--ax-text-default);
5001
+ border-left: 1px solid var(--ax-border-neutral-subtleA);
5002
+ color: var(--ax-text-neutral);
5167
5003
  background: none;
5168
5004
  margin: 0;
5169
5005
  line-height: normal;
@@ -5172,7 +5008,7 @@
5172
5008
  }
5173
5009
 
5174
5010
  .navds-internalheader__button:hover {
5175
- background: var(--ax-bg-moderate-hover);
5011
+ background: var(--ax-bg-neutral-moderate-hoverA);
5176
5012
  }
5177
5013
 
5178
5014
  @media (forced-colors: active) {
@@ -5187,11 +5023,11 @@
5187
5023
 
5188
5024
  :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
5189
5025
  outline: 3px solid var(--ax-border-focus);
5190
- outline-offset: -3px;
5026
+ outline-offset: -4px;
5191
5027
  }
5192
5028
 
5193
5029
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
5194
- background: var(--ax-bg-moderate-pressed);
5030
+ background: var(--ax-bg-neutral-moderate-pressedA);
5195
5031
  }
5196
5032
 
5197
5033
  .navds-internalheader__user-button {
@@ -5200,7 +5036,7 @@
5200
5036
  }
5201
5037
 
5202
5038
  .navds-link {
5203
- color: var(--ax-text-accent);
5039
+ color: var(--ax-text-accent-subtle);
5204
5040
  align-items: center;
5205
5041
  gap: var(--ax-space-2);
5206
5042
  text-underline-offset: .1em;
@@ -5214,8 +5050,9 @@
5214
5050
  }
5215
5051
 
5216
5052
  .navds-link:focus-visible {
5217
- outline: 2px solid var(--ax-border-focus);
5218
- outline-offset: 2px;
5053
+ outline: 3px solid var(--ax-border-focus);
5054
+ outline-offset: 3px;
5055
+ border-radius: 1px;
5219
5056
  }
5220
5057
 
5221
5058
  .navds-link.navds-link--inline-text {
@@ -5243,19 +5080,19 @@
5243
5080
  }
5244
5081
 
5245
5082
  :is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
5246
- color: var(--ax-text-default);
5083
+ color: var(--ax-text-neutral);
5247
5084
  }
5248
5085
 
5249
5086
  .navds-link--action {
5250
- color: var(--ax-text-accent);
5087
+ color: var(--ax-text-accent-subtle);
5251
5088
  }
5252
5089
 
5253
5090
  .navds-link--neutral {
5254
- color: var(--ax-text-default);
5091
+ color: var(--ax-text-neutral);
5255
5092
  }
5256
5093
 
5257
5094
  .navds-link--subtle {
5258
- color: var(--ax-text-subtle);
5095
+ color: var(--ax-text-neutral-subtle);
5259
5096
  }
5260
5097
 
5261
5098
  .navds-loader {
@@ -5312,19 +5149,19 @@
5312
5149
  .navds-loader__foreground {
5313
5150
  stroke-dasharray: 80 200;
5314
5151
  stroke-dashoffset: 0;
5315
- stroke: var(--ax-border-strong);
5152
+ stroke: var(--ax-border-neutral-strong);
5316
5153
  stroke-linecap: round;
5317
5154
  stroke-width: var(--__axc-loader-stroke-width);
5318
5155
  animation: 1.5s ease-in-out infinite loader-dasharray;
5319
5156
  }
5320
5157
 
5321
5158
  .navds-loader__background {
5322
- stroke: var(--ax-border-subtleA);
5159
+ stroke: var(--ax-border-neutral-subtleA);
5323
5160
  stroke-width: var(--__axc-loader-stroke-width);
5324
5161
  }
5325
5162
 
5326
5163
  .navds-loader--neutral .navds-loader__foreground {
5327
- stroke: var(--ax-border-strong);
5164
+ stroke: var(--ax-border-neutral-strong);
5328
5165
  }
5329
5166
 
5330
5167
  .navds-loader--interaction .navds-loader__foreground {
@@ -5336,11 +5173,11 @@
5336
5173
  }
5337
5174
 
5338
5175
  .navds-loader--inverted .navds-loader__foreground {
5339
- stroke: var(--ax-border-subtle);
5176
+ stroke: var(--ax-border-neutral-subtle);
5340
5177
  }
5341
5178
 
5342
5179
  .navds-loader--inverted .navds-loader__background {
5343
- stroke: var(--ax-border-strong);
5180
+ stroke: var(--ax-border-neutral-strong);
5344
5181
  }
5345
5182
 
5346
5183
  .navds-loader--transparent .navds-loader__background {
@@ -5383,12 +5220,13 @@
5383
5220
  .navds-modal {
5384
5221
  --__axc-modal-bg: var(--ax-bg-raised);
5385
5222
  background-color: var(--__axc-modal-bg);
5386
- border: 1px solid var(--ax-border-subtleA);
5223
+ border: 1px solid var(--ax-border-neutral-subtleA);
5387
5224
  border-radius: var(--ax-border-radius-xlarge);
5388
5225
  box-shadow: var(--ax-shadow-dialog);
5389
5226
  max-width: 100%;
5390
5227
  max-height: 100%;
5391
- color: var(--ax-text-default);
5228
+ color: var(--ax-text-neutral);
5229
+ margin: auto;
5392
5230
  padding: 0;
5393
5231
  position: fixed;
5394
5232
  }
@@ -5483,7 +5321,7 @@
5483
5321
 
5484
5322
  .navds-modal__label {
5485
5323
  font-weight: var(--ax-font-weight-bold);
5486
- color: var(--ax-text-subtle);
5324
+ color: var(--ax-text-neutral-subtle);
5487
5325
  }
5488
5326
 
5489
5327
  .navds-modal__body {
@@ -5584,8 +5422,8 @@
5584
5422
  }
5585
5423
 
5586
5424
  .navds-pagination__item[data-selected="true"] {
5587
- background-color: var(--ax-bg-strong-pressed);
5588
- color: var(--ax-text-contrast);
5425
+ background-color: var(--ax-bg-neutral-strong-pressed);
5426
+ color: var(--ax-text-neutral-contrast);
5589
5427
  }
5590
5428
 
5591
5429
  .navds-pagination--invisible {
@@ -5596,13 +5434,19 @@
5596
5434
  z-index: 1000;
5597
5435
  background: var(--ax-bg-raised);
5598
5436
  box-shadow: var(--ax-shadow-dialog);
5599
- border: 1px solid var(--ax-border-subtleA);
5437
+ border: 1px solid var(--ax-border-neutral-subtleA);
5600
5438
  border-radius: var(--ax-border-radius-xlarge);
5601
5439
  max-width: calc(100vw - var(--ax-space-24));
5602
5440
  }
5603
5441
 
5604
5442
  .navds-popover__content {
5605
- padding: var(--ax-space-16) var(--ax-space-20);
5443
+ padding: var(--ax-space-16);
5444
+ }
5445
+
5446
+ @media (min-width: 480px) {
5447
+ .navds-popover__content {
5448
+ padding: var(--ax-space-20);
5449
+ }
5606
5450
  }
5607
5451
 
5608
5452
  .navds-popover--hidden {
@@ -5634,7 +5478,7 @@
5634
5478
  --__axc-tag-border: var(--ax-border-info);
5635
5479
  --__axc-tag-bg: var(--ax-bg-info-moderateA);
5636
5480
  --__axc-tag-bg-strong: var(--ax-bg-info-strong);
5637
- --__axc-tag-text: var(--ax-text-info-strong);
5481
+ --__axc-tag-text: var(--ax-text-info);
5638
5482
  --__axc-tag-text-strong: var(--ax-text-info-contrast);
5639
5483
  }
5640
5484
 
@@ -5642,7 +5486,7 @@
5642
5486
  --__axc-tag-border: var(--ax-border-success);
5643
5487
  --__axc-tag-bg: var(--ax-bg-success-moderateA);
5644
5488
  --__axc-tag-bg-strong: var(--ax-bg-success-strong);
5645
- --__axc-tag-text: var(--ax-text-success-strong);
5489
+ --__axc-tag-text: var(--ax-text-success);
5646
5490
  --__axc-tag-text-strong: var(--ax-text-success-contrast);
5647
5491
  }
5648
5492
 
@@ -5650,7 +5494,7 @@
5650
5494
  --__axc-tag-border: var(--ax-border-warning);
5651
5495
  --__axc-tag-bg: var(--ax-bg-warning-moderateA);
5652
5496
  --__axc-tag-bg-strong: var(--ax-bg-warning-strong);
5653
- --__axc-tag-text: var(--ax-text-warning-strong);
5497
+ --__axc-tag-text: var(--ax-text-warning);
5654
5498
  --__axc-tag-text-strong: var(--ax-text-warning-contrast);
5655
5499
  }
5656
5500
 
@@ -5658,32 +5502,32 @@
5658
5502
  --__axc-tag-border: var(--ax-border-danger);
5659
5503
  --__axc-tag-bg: var(--ax-bg-danger-moderateA);
5660
5504
  --__axc-tag-bg-strong: var(--ax-bg-danger-strong);
5661
- --__axc-tag-text: var(--ax-text-danger-strong);
5505
+ --__axc-tag-text: var(--ax-text-danger);
5662
5506
  --__axc-tag-text-strong: var(--ax-text-danger-contrast);
5663
5507
  }
5664
5508
 
5665
5509
  .navds-tag--neutral {
5666
- --__axc-tag-border: var(--ax-border-default);
5667
- --__axc-tag-bg: var(--ax-bg-moderateA);
5668
- --__axc-tag-bg-strong: var(--ax-bg-strong);
5669
- --__axc-tag-text: var(--ax-text-default);
5670
- --__axc-tag-text-strong: var(--ax-text-contrast);
5510
+ --__axc-tag-border: var(--ax-border-neutral);
5511
+ --__axc-tag-bg: var(--ax-bg-neutral-moderateA);
5512
+ --__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
5513
+ --__axc-tag-text: var(--ax-text-neutral);
5514
+ --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
5671
5515
  }
5672
5516
 
5673
- .navds-tag--meta-1, .navds-tag--alt1 {
5674
- --__axc-tag-border: var(--ax-border-meta-1);
5675
- --__axc-tag-bg: var(--ax-bg-meta-1-moderateA);
5676
- --__axc-tag-bg-strong: var(--ax-bg-meta-1-strong);
5677
- --__axc-tag-text: var(--ax-text-meta-1-strong);
5678
- --__axc-tag-text-strong: var(--ax-text-meta-1-contrast);
5517
+ .navds-tag--meta-purple, .navds-tag--alt1 {
5518
+ --__axc-tag-border: var(--ax-border-meta-purple);
5519
+ --__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
5520
+ --__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
5521
+ --__axc-tag-text: var(--ax-text-meta-purple);
5522
+ --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
5679
5523
  }
5680
5524
 
5681
- .navds-tag--meta-2, .navds-tag--alt2 {
5682
- --__axc-tag-border: var(--ax-border-meta-2);
5683
- --__axc-tag-bg: var(--ax-bg-meta-2-moderateA);
5684
- --__axc-tag-bg-strong: var(--ax-bg-meta-2-strong);
5685
- --__axc-tag-text: var(--ax-text-meta-2-strong);
5686
- --__axc-tag-text-strong: var(--ax-text-meta-2-contrast);
5525
+ .navds-tag--meta-lime, .navds-tag--alt2 {
5526
+ --__axc-tag-border: var(--ax-border-meta-lime);
5527
+ --__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
5528
+ --__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
5529
+ --__axc-tag-text: var(--ax-text-meta-lime);
5530
+ --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
5687
5531
  }
5688
5532
 
5689
5533
  .navds-tag--small {
@@ -5769,20 +5613,20 @@
5769
5613
  }
5770
5614
 
5771
5615
  .navds-timeline__axislabels-label {
5772
- color: var(--ax-text-subtle);
5616
+ color: var(--ax-text-neutral-subtle);
5773
5617
  white-space: nowrap;
5774
5618
  position: absolute;
5775
5619
  }
5776
5620
 
5777
5621
  .navds-timeline__row {
5778
- background: var(--ax-bg-soft);
5622
+ background: var(--ax-bg-neutral-softA);
5779
5623
  margin: var(--ax-space-16) 0;
5780
5624
  grid-column: 2;
5781
5625
  display: flex;
5782
5626
  }
5783
5627
 
5784
5628
  .navds-timeline__row--active {
5785
- background: var(--ax-bg-accent-moderateA);
5629
+ background: var(--ax-bg-accent-moderate);
5786
5630
  }
5787
5631
 
5788
5632
  .navds-timeline__row:last-of-type {
@@ -5802,12 +5646,12 @@
5802
5646
 
5803
5647
  .navds-timeline__period:focus-visible {
5804
5648
  z-index: 4;
5805
- outline: 2px solid var(--ax-border-focus);
5806
- outline-offset: 2px;
5649
+ outline: 3px solid var(--ax-border-focus);
5650
+ outline-offset: 3px;
5807
5651
  }
5808
5652
 
5809
5653
  .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
5810
- box-shadow: 0 0 0 2px var(--ax-bg-default);
5654
+ box-shadow: 0 0 0 3px var(--ax-bg-default);
5811
5655
  }
5812
5656
 
5813
5657
  .navds-timeline__period {
@@ -5848,6 +5692,7 @@
5848
5692
 
5849
5693
  .navds-timeline__period--success.navds-timeline__period--clickable:hover {
5850
5694
  background: var(--ax-bg-success-moderate-hover);
5695
+ border-color: var(--ax-border-success-strong);
5851
5696
  }
5852
5697
 
5853
5698
  .navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5864,6 +5709,7 @@
5864
5709
 
5865
5710
  .navds-timeline__period--warning.navds-timeline__period--clickable:hover {
5866
5711
  background: var(--ax-bg-warning-moderate-hover);
5712
+ border-color: var(--ax-border-warning-strong);
5867
5713
  }
5868
5714
 
5869
5715
  .navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5880,6 +5726,7 @@
5880
5726
 
5881
5727
  .navds-timeline__period--danger.navds-timeline__period--clickable:hover {
5882
5728
  background: var(--ax-bg-danger-moderate-hover);
5729
+ border-color: var(--ax-border-danger-strong);
5883
5730
  }
5884
5731
 
5885
5732
  .navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5896,6 +5743,7 @@
5896
5743
 
5897
5744
  .navds-timeline__period--info.navds-timeline__period--clickable:hover {
5898
5745
  background: var(--ax-bg-info-moderate-hover);
5746
+ border-color: var(--ax-border-info-strong);
5899
5747
  }
5900
5748
 
5901
5749
  .navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -5905,18 +5753,19 @@
5905
5753
  }
5906
5754
 
5907
5755
  .navds-timeline__period--neutral {
5908
- background: var(--ax-bg-moderate);
5909
- border: solid 1px var(--ax-border-default);
5910
- color: var(--ax-text-icon);
5756
+ background: var(--ax-bg-neutral-moderate);
5757
+ border: solid 1px var(--ax-border-neutral);
5758
+ color: var(--ax-text-neutral-icon);
5911
5759
  }
5912
5760
 
5913
5761
  .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
5914
- background: var(--ax-bg-moderate-hover);
5762
+ background: var(--ax-bg-neutral-moderate-hover);
5763
+ border-color: var(--ax-border-neutral-strong);
5915
5764
  }
5916
5765
 
5917
5766
  .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
5918
- background: var(--ax-bg-strong-pressed);
5919
- color: var(--ax-text-contrast);
5767
+ background: var(--ax-bg-neutral-strong-pressed);
5768
+ color: var(--ax-text-neutral-contrast);
5920
5769
  border: none;
5921
5770
  }
5922
5771
 
@@ -5971,16 +5820,16 @@
5971
5820
  }
5972
5821
 
5973
5822
  .navds-timeline__pin-button:focus-visible {
5974
- box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
5975
- outline: 2px solid var(--ax-border-focus);
5976
- outline-offset: 2px;
5823
+ box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
5824
+ outline: 3px solid var(--ax-border-focus);
5825
+ outline-offset: 3px;
5977
5826
  }
5978
5827
 
5979
5828
  .navds-timeline__pin-wrapper:before {
5980
5829
  content: "";
5981
5830
  top: var(--navdsc-timeline-pin-size);
5982
5831
  height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
5983
- background: var(--ax-border-strong);
5832
+ background: var(--ax-border-neutral-strong);
5984
5833
  width: 1px;
5985
5834
  margin: 0 auto;
5986
5835
  }
@@ -5995,7 +5844,7 @@
5995
5844
  .navds-timeline__zoom-button {
5996
5845
  all: unset;
5997
5846
  cursor: pointer;
5998
- border: 1px solid var(--ax-border-default);
5847
+ border: 1px solid var(--ax-border-neutral);
5999
5848
  background: var(--ax-bg-default);
6000
5849
  border-width: 1px 0 1px 1px;
6001
5850
  padding: 6px 9px 6px 8px;
@@ -6015,13 +5864,13 @@
6015
5864
  }
6016
5865
 
6017
5866
  .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
6018
- background: var(--ax-bg-moderate-hoverA);
5867
+ background: var(--ax-bg-neutral-moderate-hoverA);
6019
5868
  }
6020
5869
 
6021
5870
  .navds-timeline__zoom-button[aria-pressed="true"] {
6022
- background: var(--ax-bg-strong-pressed);
6023
- border-color: var(--ax-bg-strong-pressed);
6024
- color: var(--ax-text-contrast);
5871
+ background: var(--ax-bg-neutral-strong-pressed);
5872
+ border-color: var(--ax-bg-neutral-strong-pressed);
5873
+ color: var(--ax-text-neutral-contrast);
6025
5874
  }
6026
5875
 
6027
5876
  .navds-timeline__zoom li:focus-within {
@@ -6029,7 +5878,7 @@
6029
5878
  }
6030
5879
 
6031
5880
  .navds-timeline__zoom-button:focus-visible {
6032
- box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 3px var(--ax-border-focus);
5881
+ box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
6033
5882
  border-width: 1px;
6034
5883
  }
6035
5884
 
@@ -6043,15 +5892,15 @@
6043
5892
  background-color: var(--ax-bg-raised);
6044
5893
  box-shadow: var(--ax-shadow-dialog);
6045
5894
  border: 1px solid;
6046
- border-color: var(--ax-border-subtleA);
5895
+ border-color: var(--ax-border-neutral-subtleA);
6047
5896
  border-radius: var(--ax-border-radius-large);
6048
5897
  padding: var(--ax-space-16) var(--ax-space-20);
6049
5898
  }
6050
5899
 
6051
5900
  @media (forced-colors: active) {
6052
5901
  .navds-timeline__period:focus {
6053
- outline-offset: 2px;
6054
- outline: 2px solid highlight;
5902
+ outline-offset: 3px;
5903
+ outline: 3px solid highlight;
6055
5904
  }
6056
5905
 
6057
5906
  .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -6067,7 +5916,7 @@
6067
5916
  }
6068
5917
 
6069
5918
  .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
6070
- outline-offset: 2px;
5919
+ outline-offset: 3px;
6071
5920
  box-shadow: none;
6072
5921
  outline: 4px solid highlight;
6073
5922
  }
@@ -6076,11 +5925,11 @@
6076
5925
  .navds-tooltip {
6077
5926
  z-index: 3000;
6078
5927
  background-color: var(--ax-bg-raised);
6079
- color: var(--ax-text-default);
5928
+ color: var(--ax-text-neutral);
6080
5929
  border-radius: var(--ax-border-radius-medium);
6081
5930
  padding: 0 var(--ax-space-6);
6082
5931
  text-align: center;
6083
- border: 1px solid var(--ax-border-subtleA);
5932
+ border: 1px solid var(--ax-border-neutral-subtleA);
6084
5933
  box-shadow: var(--ax-shadow-dialog);
6085
5934
  flex-direction: column;
6086
5935
  align-items: center;
@@ -6163,10 +6012,10 @@
6163
6012
 
6164
6013
  .navds-tooltip__key {
6165
6014
  font-family: var(--ax-font-family);
6166
- color: var(--ax-text-default);
6015
+ color: var(--ax-text-neutral);
6167
6016
  padding: 0 var(--ax-space-4);
6168
6017
  border-radius: var(--ax-border-radius-small);
6169
- background: var(--ax-bg-moderateA);
6018
+ background: var(--ax-bg-neutral-moderateA);
6170
6019
  justify-content: center;
6171
6020
  align-items: center;
6172
6021
  min-width: 1.125rem;
@@ -6191,8 +6040,8 @@
6191
6040
  }
6192
6041
 
6193
6042
  .navds-toggle-group {
6194
- border-radius: var(--ax-border-radius-medium);
6195
- box-shadow: inset 0 0 0 1px var(--ax-border-default);
6043
+ border-radius: var(--ax-border-radius-large);
6044
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
6196
6045
  background-color: rgba(0, 0, 0, 0);
6197
6046
  grid-auto-columns: 1fr;
6198
6047
  grid-auto-flow: column;
@@ -6204,8 +6053,8 @@
6204
6053
  padding: var(--ax-space-4) var(--ax-space-12);
6205
6054
  cursor: pointer;
6206
6055
  min-height: 3rem;
6207
- color: var(--ax-text-default);
6208
- border-radius: var(--ax-border-radius-medium);
6056
+ color: var(--ax-text-neutral);
6057
+ border-radius: var(--ax-border-radius-large);
6209
6058
  background-color: rgba(0, 0, 0, 0);
6210
6059
  border: none;
6211
6060
  justify-content: center;
@@ -6217,12 +6066,12 @@
6217
6066
 
6218
6067
  .navds-toggle-group__button:hover {
6219
6068
  background-color: var(--ax-bg-accent-moderate-hoverA);
6220
- color: var(--ax-text-default);
6069
+ color: var(--ax-text-neutral);
6221
6070
  }
6222
6071
 
6223
6072
  .navds-toggle-group__button:focus-visible {
6224
- outline: 2px solid var(--ax-border-focus);
6225
- outline-offset: 2px;
6073
+ outline: 3px solid var(--ax-border-focus);
6074
+ outline-offset: 3px;
6226
6075
  z-index: 1;
6227
6076
  }
6228
6077
 
@@ -6233,7 +6082,7 @@
6233
6082
 
6234
6083
  .navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
6235
6084
  content: "";
6236
- background-color: var(--ax-border-subtleA);
6085
+ background-color: var(--ax-border-neutral-subtleA);
6237
6086
  width: 1px;
6238
6087
  height: 50%;
6239
6088
  display: block;
@@ -6256,12 +6105,12 @@
6256
6105
  }
6257
6106
 
6258
6107
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
6259
- background-color: var(--ax-bg-moderate-hoverA);
6108
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6260
6109
  }
6261
6110
 
6262
6111
  :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
6263
- background-color: var(--ax-bg-strong-pressed);
6264
- color: var(--ax-text-contrast);
6112
+ background-color: var(--ax-bg-neutral-strong-pressed);
6113
+ color: var(--ax-text-neutral-contrast);
6265
6114
  }
6266
6115
 
6267
6116
  .navds-toggle-group--small .navds-toggle-group__button {
@@ -6306,53 +6155,6 @@
6306
6155
  border-color: var(--ac-panel-border, var(--a-border-default));
6307
6156
  }
6308
6157
 
6309
- .navds-link-panel {
6310
- color: var(--ac-link-panel-text, var(--a-text-default));
6311
- justify-content: space-between;
6312
- align-items: center;
6313
- gap: var(--a-spacing-4);
6314
- text-decoration: none;
6315
- display: flex;
6316
- }
6317
-
6318
- .navds-link-panel:hover .navds-link-panel__title {
6319
- color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
6320
- text-decoration: underline;
6321
- }
6322
-
6323
- .navds-link-panel:hover {
6324
- box-shadow: var(--a-shadow-small);
6325
- border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
6326
- }
6327
-
6328
- .navds-link-panel:focus-visible {
6329
- outline-offset: 2px;
6330
- box-shadow: var(--a-shadow-focus);
6331
- outline: 3px solid rgba(0, 0, 0, 0);
6332
- }
6333
-
6334
- @supports not selector(:focus-visible) {
6335
- .navds-link-panel:focus {
6336
- outline-offset: 2px;
6337
- box-shadow: var(--a-shadow-focus);
6338
- outline: 3px solid rgba(0, 0, 0, 0);
6339
- }
6340
- }
6341
-
6342
- .navds-link-panel__chevron {
6343
- flex-shrink: 0;
6344
- font-size: 1.5rem;
6345
- transition: transform .2s;
6346
- }
6347
-
6348
- .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
6349
- transform: translateX(4px);
6350
- }
6351
-
6352
- .navds-link-panel__description {
6353
- margin-top: var(--a-spacing-1);
6354
- }
6355
-
6356
6158
  .navds-read-more {
6357
6159
  --__axc-read-more-icon-size: 1.5rem;
6358
6160
  --__axc-read-more-pi-start: 0px;
@@ -6364,7 +6166,7 @@
6364
6166
  cursor: pointer;
6365
6167
  align-items: flex-start;
6366
6168
  gap: var(--ax-space-4);
6367
- color: var(--ax-text-accent);
6169
+ color: var(--ax-text-accent-subtle);
6368
6170
  padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
6369
6171
  padding-block: var(--__axc-read-more-pb);
6370
6172
  text-align: start;
@@ -6388,8 +6190,7 @@
6388
6190
  }
6389
6191
 
6390
6192
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
6391
- background-color: var(--ax-bg-hoverA);
6392
- color: var(--ax-text-accent-strong);
6193
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6393
6194
  }
6394
6195
 
6395
6196
  .navds-read-more[data-volume="high"] .navds-read-more__button {
@@ -6399,7 +6200,7 @@
6399
6200
 
6400
6201
  .navds-read-more[data-volume="high"] .navds-read-more__button:hover {
6401
6202
  background-color: var(--ax-bg-accent-moderate-hoverA);
6402
- color: var(--ax-text-accent-strong);
6203
+ color: var(--ax-text-accent);
6403
6204
  }
6404
6205
 
6405
6206
  .navds-read-more[data-volume="high"].navds-read-more--large {
@@ -6414,8 +6215,8 @@
6414
6215
 
6415
6216
  .navds-read-more__content {
6416
6217
  margin-top: var(--ax-space-8);
6417
- border-left: 2px solid var(--ax-border-subtleA);
6418
- color: var(--ax-text-default);
6218
+ border-left: 2px solid var(--ax-border-neutral-subtleA);
6219
+ color: var(--ax-text-neutral);
6419
6220
  margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
6420
6221
  padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
6421
6222
  }
@@ -6448,9 +6249,9 @@
6448
6249
  }
6449
6250
 
6450
6251
  .navds-progress-bar {
6451
- background: var(--ax-bg-moderateA);
6252
+ background: var(--ax-bg-neutral-moderateA);
6452
6253
  border-radius: var(--ax-border-radius-full);
6453
- box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
6254
+ box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
6454
6255
  position: relative;
6455
6256
  overflow: hidden;
6456
6257
  }
@@ -6553,7 +6354,7 @@
6553
6354
  }
6554
6355
 
6555
6356
  .navds-skeleton {
6556
- background-color: var(--ax-bg-moderateA);
6357
+ background-color: var(--ax-bg-neutral-moderateA);
6557
6358
  pointer-events: none;
6558
6359
  height: 1.3em;
6559
6360
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
@@ -6621,7 +6422,7 @@
6621
6422
  --__axc-stepper-circle-size: 1.75rem;
6622
6423
  --__axc-stepper-border-width: 2px;
6623
6424
  --__axc-stepper-line-length: 1rem;
6624
- color: var(--ax-text-accent);
6425
+ color: var(--ax-text-accent-subtle);
6625
6426
  font-weight: var(--ax-font-weight-bold);
6626
6427
  margin: 0;
6627
6428
  padding-left: 0;
@@ -6647,11 +6448,11 @@
6647
6448
  }
6648
6449
 
6649
6450
  .navds-stepper__item--non-interactive .navds-stepper__line {
6650
- background-color: var(--ax-border-strong);
6451
+ background-color: var(--ax-border-neutral-strong);
6651
6452
  }
6652
6453
 
6653
6454
  .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
6654
- background-color: var(--ax-border-strong);
6455
+ background-color: var(--ax-border-neutral-strong);
6655
6456
  }
6656
6457
 
6657
6458
  .navds-stepper__line--1 {
@@ -6675,12 +6476,13 @@
6675
6476
  padding: var(--__axc-stepper-border-width);
6676
6477
  margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
6677
6478
  justify-content: flex-start;
6479
+ width: 100%;
6678
6480
  display: grid;
6679
6481
  }
6680
6482
 
6681
6483
  .navds-stepper__step:focus-visible {
6682
- outline: 2px solid var(--ax-border-focus);
6683
- outline-offset: 4px;
6484
+ outline: 3px solid var(--ax-border-focus);
6485
+ outline-offset: 3px;
6684
6486
  isolation: isolate;
6685
6487
  }
6686
6488
 
@@ -6714,7 +6516,7 @@
6714
6516
  }
6715
6517
 
6716
6518
  .navds-stepper__step[data-interactive="true"] {
6717
- color: var(--ax-text-accent);
6519
+ color: var(--ax-text-accent-subtle);
6718
6520
  border-radius: var(--ax-border-radius-medium);
6719
6521
  text-decoration: none;
6720
6522
  }
@@ -6729,17 +6531,12 @@
6729
6531
  text-decoration-thickness: .111em;
6730
6532
  }
6731
6533
 
6732
- .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
6733
- color: var(--ax-text-accent-strong);
6734
- }
6735
-
6736
6534
  .navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
6737
- color: var(--ax-text-accent);
6535
+ color: var(--ax-text-accent-subtle);
6738
6536
  border-color: var(--ax-border-accent-strong);
6739
6537
  }
6740
6538
 
6741
6539
  .navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
6742
- color: var(--ax-text-accent-strong);
6743
6540
  text-decoration: none;
6744
6541
  }
6745
6542
 
@@ -6755,23 +6552,18 @@
6755
6552
  }
6756
6553
 
6757
6554
  .navds-stepper__step[data-interactive="false"] {
6758
- color: var(--ax-text-default);
6555
+ color: var(--ax-text-neutral-subtle);
6759
6556
  cursor: default;
6760
6557
  }
6761
6558
 
6762
6559
  .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
6763
- color: var(--ax-text-default);
6764
- border-color: var(--ax-border-strong);
6765
- }
6766
-
6767
- .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
6768
- color: var(--ax-text-subtle);
6560
+ border-color: var(--ax-border-neutral-strong);
6769
6561
  }
6770
6562
 
6771
6563
  .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
6772
- color: var(--ax-text-contrast);
6773
- background-color: var(--ax-bg-strong-pressed);
6774
- border-color: var(--ax-bg-strong-pressed);
6564
+ color: var(--ax-text-neutral-contrast);
6565
+ background-color: var(--ax-bg-neutral-strong-pressed);
6566
+ border-color: var(--ax-bg-neutral-strong-pressed);
6775
6567
  }
6776
6568
 
6777
6569
  .navds-stepper__content {
@@ -6865,12 +6657,12 @@
6865
6657
  }
6866
6658
 
6867
6659
  .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
6868
- background-color: var(--ax-bg-hoverA);
6660
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6869
6661
  transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
6870
6662
  }
6871
6663
 
6872
6664
  .navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
6873
- background-color: var(--ax-bg-accent-hoverA);
6665
+ background-color: var(--ax-bg-accent-moderate-hoverA);
6874
6666
  }
6875
6667
 
6876
6668
  .navds-table__row {
@@ -6878,11 +6670,15 @@
6878
6670
  }
6879
6671
 
6880
6672
  .navds-table__row--selected {
6881
- background-color: var(--ax-bg-accent-soft);
6673
+ background-color: var(--ax-bg-accent-softA);
6674
+ }
6675
+
6676
+ .navds-table__row--selected + .navds-table__expanded-row {
6677
+ background-color: var(--ax-bg-accent-softA);
6882
6678
  }
6883
6679
 
6884
6680
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
6885
- background-color: var(--ax-bg-soft);
6681
+ background-color: var(--ax-bg-neutral-softA);
6886
6682
  }
6887
6683
 
6888
6684
  .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -6890,12 +6686,16 @@
6890
6686
  }
6891
6687
 
6892
6688
  .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
6893
- background-color: var(--ax-bg-soft);
6689
+ background-color: var(--ax-bg-neutral-softA);
6690
+ }
6691
+
6692
+ .navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
6693
+ background-color: var(--ax-bg-accent-softA);
6894
6694
  }
6895
6695
 
6896
6696
  .navds-table__header-cell, .navds-table__data-cell {
6897
6697
  padding: var(--ax-space-12) var(--ax-space-8);
6898
- border-bottom: 1px solid var(--ax-border-default);
6698
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
6899
6699
  text-align: left;
6900
6700
  display: table-cell;
6901
6701
  }
@@ -6912,10 +6712,6 @@
6912
6712
  text-align: center;
6913
6713
  }
6914
6714
 
6915
- :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell, :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
6916
- border-color: var(--ax-border-strong);
6917
- }
6918
-
6919
6715
  :where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
6920
6716
  border-bottom-color: rgba(0, 0, 0, 0);
6921
6717
  }
@@ -6936,16 +6732,24 @@
6936
6732
  top: -.375rem;
6937
6733
  }
6938
6734
 
6939
- .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label, .navds-table__header-cell[aria-sort] {
6735
+ .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
6736
+ padding: 0;
6737
+ }
6738
+
6739
+ .navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
6740
+ height: 100%;
6741
+ }
6742
+
6743
+ .navds-table__header-cell[aria-sort] {
6940
6744
  padding: 0;
6941
6745
  }
6942
6746
 
6943
6747
  .navds-table__sort-button {
6944
6748
  appearance: none;
6945
- color: var(--ax-text-accent);
6749
+ color: var(--ax-text-accent-subtle);
6946
6750
  cursor: pointer;
6947
6751
  padding: var(--ax-space-16) var(--ax-space-12);
6948
- gap: var(--ax-space-8);
6752
+ gap: var(--ax-space-4);
6949
6753
  width: 100%;
6950
6754
  line-height: inherit;
6951
6755
  font-weight: inherit;
@@ -6961,17 +6765,17 @@
6961
6765
  }
6962
6766
 
6963
6767
  .navds-table__sort-button:hover {
6964
- background-color: var(--ax-bg-hoverA);
6768
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6965
6769
  }
6966
6770
 
6967
6771
  .navds-table__sort-button:focus-visible {
6968
- outline: 2px solid var(--ax-border-focus);
6969
- outline-offset: -4px;
6772
+ outline: 3px solid var(--ax-border-focus);
6773
+ outline-offset: -5px;
6970
6774
  }
6971
6775
 
6972
6776
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
6973
- background-color: var(--ax-bg-accent-moderate);
6974
- color: var(--ax-text-accent-strong);
6777
+ background-color: var(--ax-bg-accent-moderate-pressedA);
6778
+ color: var(--ax-text-accent);
6975
6779
  }
6976
6780
 
6977
6781
  .navds-table__header-cell--align-right .navds-table__sort-button {
@@ -6984,7 +6788,7 @@
6984
6788
 
6985
6789
  .navds-table__sort-button svg {
6986
6790
  flex-shrink: 0;
6987
- font-size: 1rem;
6791
+ font-size: 1.5rem;
6988
6792
  }
6989
6793
 
6990
6794
  .navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
@@ -7039,7 +6843,11 @@
7039
6843
  }
7040
6844
 
7041
6845
  .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 {
7042
- background-color: var(--ax-bg-hoverA);
6846
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6847
+ }
6848
+
6849
+ .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) {
6850
+ background-color: var(--ax-bg-accent-moderate-hoverA);
7043
6851
  }
7044
6852
 
7045
6853
  .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -7047,7 +6855,7 @@
7047
6855
  }
7048
6856
 
7049
6857
  .navds-table__toggle-expand-button:focus-visible {
7050
- outline: 2px solid var(--ax-border-focus);
6858
+ outline: 3px solid var(--ax-border-focus);
7051
6859
  }
7052
6860
 
7053
6861
  .navds-table__expanded-row-cell {
@@ -7059,7 +6867,7 @@
7059
6867
  }
7060
6868
 
7061
6869
  .navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
7062
- border-bottom: 1px solid var(--ax-border-default);
6870
+ border-bottom: 1px solid var(--ax-border-neutral-subtleA);
7063
6871
  }
7064
6872
 
7065
6873
  .navds-table__expanded-row-content {
@@ -7088,7 +6896,7 @@
7088
6896
  }
7089
6897
 
7090
6898
  .navds-tabs__tablist-wrapper {
7091
- box-shadow: inset 0 -1px var(--ax-border-subtle);
6899
+ box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
7092
6900
  width: 100%;
7093
6901
  display: flex;
7094
6902
  }
@@ -7133,10 +6941,10 @@
7133
6941
  .navds-tabs__tab {
7134
6942
  min-height: 3rem;
7135
6943
  padding: var(--ax-space-12) var(--ax-space-16);
7136
- color: var(--ax-text-default);
6944
+ color: var(--ax-text-neutral);
7137
6945
  cursor: pointer;
7138
6946
  --__axc-tabs-line-width: 0;
7139
- --__axc-tabs-line-color: var(--ax-border-subtle);
6947
+ --__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
7140
6948
  box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
7141
6949
  background: none;
7142
6950
  border: none;
@@ -7156,8 +6964,8 @@
7156
6964
  }
7157
6965
 
7158
6966
  .navds-tabs__tab:focus-visible {
7159
- outline: 2px solid var(--ax-border-focus);
7160
- outline-offset: -2px;
6967
+ outline: 3px solid var(--ax-border-focus);
6968
+ outline-offset: -3px;
7161
6969
  }
7162
6970
 
7163
6971
  .navds-tabs__tab-inner {
@@ -7205,8 +7013,8 @@
7205
7013
  }
7206
7014
 
7207
7015
  .navds-tabs__tabpanel:focus-visible {
7208
- outline: 2px solid var(--ax-border-focus);
7209
- outline-offset: -2px;
7016
+ outline: 3px solid var(--ax-border-focus);
7017
+ outline-offset: -4px;
7210
7018
  }
7211
7019
 
7212
7020
  @media (forced-colors: active) {
@@ -7225,14 +7033,10 @@
7225
7033
  }
7226
7034
 
7227
7035
  .navds-list ul, .navds-list ol {
7228
- margin-block: var(--ax-space-16);
7036
+ margin: 0;
7229
7037
  padding: 0;
7230
7038
  }
7231
7039
 
7232
- .navds-list--small ul, .navds-list--small ol {
7233
- margin-block: var(--ax-space-12);
7234
- }
7235
-
7236
7040
  .navds-list .navds-list :where(ul, ol) {
7237
7041
  margin-block: var(--ax-space-8) 0;
7238
7042
  }
@@ -7312,7 +7116,7 @@
7312
7116
  }
7313
7117
 
7314
7118
  .navds-theme {
7315
- color: var(--ax-text-default);
7119
+ color: var(--ax-text-neutral);
7316
7120
  }
7317
7121
 
7318
7122
  .navds-theme[data-background="true"] {
@@ -8319,13 +8123,13 @@
8319
8123
  }
8320
8124
 
8321
8125
  .navds-pageblock--gutters {
8322
- --__axc-page-padding-inline: var(--a-spacing-4);
8126
+ --__axc-page-padding-inline: var(--ax-space-16);
8323
8127
  padding-inline: var(--__axc-page-padding-inline);
8324
8128
  }
8325
8129
 
8326
8130
  @media (min-width: 1024px) {
8327
8131
  .navds-pageblock--gutters {
8328
- --__axc-page-padding-inline: var(--a-spacing-12);
8132
+ --__axc-page-padding-inline: var(--ax-space-48);
8329
8133
  }
8330
8134
  }
8331
8135