@navikt/ds-css 7.9.2 → 7.11.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 (240) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/button.css +1 -1
  3. package/config/tests/bundle.test.ts +7 -2
  4. package/darkside/accordion.darkside.css +49 -56
  5. package/darkside/action-menu.darkside.css +4 -4
  6. package/darkside/baseline/fonts.darkside.css +12 -12
  7. package/darkside/button.darkside.css +8 -6
  8. package/darkside/chat.darkside.css +2 -2
  9. package/darkside/chips.darkside.css +3 -3
  10. package/darkside/copybutton.darkside.css +6 -35
  11. package/darkside/date.darkside.css +8 -10
  12. package/darkside/expansioncard.darkside.css +5 -13
  13. package/darkside/form/combobox.darkside.css +24 -17
  14. package/darkside/form/error-summary.darkside.css +3 -3
  15. package/darkside/form/file-upload.darkside.css +13 -22
  16. package/darkside/form/form-progress.darkside.css +1 -1
  17. package/darkside/form/radio-checkbox.darkside.css +37 -19
  18. package/darkside/form/search.darkside.css +9 -9
  19. package/darkside/form/select.darkside.css +5 -5
  20. package/darkside/form/switch.darkside.css +33 -18
  21. package/darkside/form/text-field.darkside.css +5 -5
  22. package/darkside/form/textarea.darkside.css +5 -5
  23. package/darkside/index.css +0 -1
  24. package/darkside/internalheader.darkside.css +1 -1
  25. package/darkside/link.darkside.css +3 -2
  26. package/darkside/modal.darkside.css +1 -0
  27. package/darkside/read-more.darkside.css +2 -2
  28. package/darkside/stepper.darkside.css +3 -2
  29. package/darkside/table.darkside.css +23 -5
  30. package/darkside/tabs.darkside.css +4 -4
  31. package/darkside/timeline.darkside.css +10 -10
  32. package/darkside/toggle-group.darkside.css +4 -4
  33. package/darkside/typography.darkside.css +3 -0
  34. package/dist/component/alert.min.css +1 -1
  35. package/dist/component/button.css +1 -1
  36. package/dist/component/button.min.css +1 -1
  37. package/dist/component/chat.min.css +1 -1
  38. package/dist/component/date.min.css +1 -1
  39. package/dist/component/expansioncard.css +1 -0
  40. package/dist/component/expansioncard.min.css +2 -2
  41. package/dist/component/form.css +4 -0
  42. package/dist/component/form.min.css +1 -1
  43. package/dist/component/list.min.css +1 -1
  44. package/dist/component/modal.css +1 -0
  45. package/dist/component/modal.min.css +1 -1
  46. package/dist/component/primitives.min.css +1 -1
  47. package/dist/component/skeleton.min.css +1 -1
  48. package/dist/component/stepper.min.css +1 -1
  49. package/dist/component/table.css +20 -2
  50. package/dist/component/table.min.css +1 -1
  51. package/dist/component/tabs.min.css +1 -1
  52. package/dist/component/tag.min.css +1 -1
  53. package/dist/component/timeline.min.css +1 -1
  54. package/dist/component/togglegroup.min.css +1 -1
  55. package/dist/components.css +29 -3
  56. package/dist/components.min.css +4 -4
  57. package/dist/darkside/component/accordion.css +59 -57
  58. package/dist/darkside/component/accordion.min.css +1 -1
  59. package/dist/darkside/component/actionmenu.css +13 -5
  60. package/dist/darkside/component/actionmenu.min.css +1 -1
  61. package/dist/darkside/component/alert.css +13 -5
  62. package/dist/darkside/component/alert.min.css +1 -1
  63. package/dist/darkside/component/button.css +41 -6
  64. package/dist/darkside/component/button.min.css +1 -1
  65. package/dist/darkside/component/chat.css +13 -4
  66. package/dist/darkside/component/chat.min.css +1 -1
  67. package/dist/darkside/component/chips.css +3 -3
  68. package/dist/darkside/component/chips.min.css +1 -1
  69. package/dist/darkside/component/copybutton.css +6 -34
  70. package/dist/darkside/component/copybutton.min.css +1 -1
  71. package/dist/darkside/component/date.css +67 -17
  72. package/dist/darkside/component/date.min.css +1 -1
  73. package/dist/darkside/component/dropdown.css +2 -1
  74. package/dist/darkside/component/dropdown.min.css +1 -1
  75. package/dist/darkside/component/expansioncard.css +36 -18
  76. package/dist/darkside/component/expansioncard.min.css +1 -1
  77. package/dist/darkside/component/form.css +300 -116
  78. package/dist/darkside/component/form.min.css +1 -1
  79. package/dist/darkside/component/guidepanel.css +17 -1
  80. package/dist/darkside/component/guidepanel.min.css +1 -1
  81. package/dist/darkside/component/helptext.css +5 -1
  82. package/dist/darkside/component/helptext.min.css +1 -1
  83. package/dist/darkside/component/internalheader.css +11 -2
  84. package/dist/darkside/component/internalheader.min.css +1 -1
  85. package/dist/darkside/component/link.css +8 -3
  86. package/dist/darkside/component/link.min.css +1 -1
  87. package/dist/darkside/component/list.css +2 -2
  88. package/dist/darkside/component/list.min.css +1 -1
  89. package/dist/darkside/component/modal.css +21 -3
  90. package/dist/darkside/component/modal.min.css +1 -1
  91. package/dist/darkside/component/primitives.css +18 -4
  92. package/dist/darkside/component/primitives.min.css +1 -1
  93. package/dist/darkside/component/readmore.css +17 -3
  94. package/dist/darkside/component/readmore.min.css +1 -1
  95. package/dist/darkside/component/skeleton.css +1 -0
  96. package/dist/darkside/component/skeleton.min.css +1 -1
  97. package/dist/darkside/component/stepper.css +25 -4
  98. package/dist/darkside/component/stepper.min.css +1 -1
  99. package/dist/darkside/component/table.css +28 -6
  100. package/dist/darkside/component/table.min.css +1 -1
  101. package/dist/darkside/component/tabs.css +7 -7
  102. package/dist/darkside/component/tabs.min.css +1 -1
  103. package/dist/darkside/component/tag.css +12 -1
  104. package/dist/darkside/component/tag.min.css +1 -1
  105. package/dist/darkside/component/timeline.css +22 -12
  106. package/dist/darkside/component/timeline.min.css +1 -1
  107. package/dist/darkside/component/togglegroup.css +5 -4
  108. package/dist/darkside/component/togglegroup.min.css +1 -1
  109. package/dist/darkside/component/typography.css +3 -0
  110. package/dist/darkside/component/typography.min.css +1 -1
  111. package/dist/darkside/components.css +755 -366
  112. package/dist/darkside/components.min.css +1 -1
  113. package/dist/darkside/global/fonts.css +12 -12
  114. package/dist/darkside/global/fonts.min.css +1 -1
  115. package/dist/darkside/global/tokens.css +850 -868
  116. package/dist/darkside/global/tokens.min.css +1 -1
  117. package/dist/darkside/index.css +1619 -1248
  118. package/dist/darkside/index.min.css +1 -1
  119. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/accordion.css +59 -57
  120. package/dist/darkside/version/7.11.0/component/accordion.min.css +1 -0
  121. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/actionmenu.css +13 -5
  122. package/dist/darkside/version/7.11.0/component/actionmenu.min.css +1 -0
  123. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/alert.css +13 -5
  124. package/dist/darkside/version/7.11.0/component/alert.min.css +1 -0
  125. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/button.css +41 -6
  126. package/dist/darkside/version/7.11.0/component/button.min.css +1 -0
  127. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.css +13 -4
  128. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chat.min.css +1 -1
  129. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/chips.css +3 -3
  130. package/dist/darkside/version/7.11.0/component/chips.min.css +1 -0
  131. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/copybutton.css +6 -34
  132. package/dist/darkside/version/7.11.0/component/copybutton.min.css +1 -0
  133. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/date.css +67 -17
  134. package/dist/darkside/version/7.11.0/component/date.min.css +1 -0
  135. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/dropdown.css +2 -1
  136. package/dist/darkside/version/7.11.0/component/dropdown.min.css +1 -0
  137. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/expansioncard.css +36 -18
  138. package/dist/darkside/version/7.11.0/component/expansioncard.min.css +1 -0
  139. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/form.css +300 -116
  140. package/dist/darkside/version/7.11.0/component/form.min.css +1 -0
  141. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/guidepanel.css +17 -1
  142. package/dist/darkside/version/7.11.0/component/guidepanel.min.css +1 -0
  143. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/helptext.css +5 -1
  144. package/dist/darkside/version/7.11.0/component/helptext.min.css +1 -0
  145. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/internalheader.css +11 -2
  146. package/dist/darkside/version/7.11.0/component/internalheader.min.css +1 -0
  147. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/link.css +8 -3
  148. package/dist/darkside/version/7.11.0/component/link.min.css +1 -0
  149. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.css +2 -2
  150. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/list.min.css +1 -1
  151. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/modal.css +21 -3
  152. package/dist/darkside/version/7.11.0/component/modal.min.css +1 -0
  153. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.css +18 -4
  154. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/primitives.min.css +1 -1
  155. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/readmore.css +17 -3
  156. package/dist/darkside/version/7.11.0/component/readmore.min.css +1 -0
  157. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/skeleton.css +1 -0
  158. package/dist/darkside/version/7.11.0/component/skeleton.min.css +1 -0
  159. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/stepper.css +25 -4
  160. package/dist/darkside/version/7.11.0/component/stepper.min.css +1 -0
  161. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/table.css +28 -6
  162. package/dist/darkside/version/7.11.0/component/table.min.css +1 -0
  163. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.css +7 -7
  164. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tabs.min.css +1 -1
  165. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.css +12 -1
  166. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tag.min.css +1 -1
  167. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/timeline.css +22 -12
  168. package/dist/darkside/version/7.11.0/component/timeline.min.css +1 -0
  169. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/togglegroup.css +5 -4
  170. package/dist/darkside/version/7.11.0/component/togglegroup.min.css +1 -0
  171. package/dist/darkside/version/{7.9.2 → 7.11.0}/component/typography.css +3 -0
  172. package/dist/darkside/version/7.11.0/component/typography.min.css +1 -0
  173. package/dist/darkside/version/{7.9.2 → 7.11.0}/components.css +755 -366
  174. package/dist/darkside/version/7.11.0/components.min.css +1 -0
  175. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.css +12 -12
  176. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/fonts.min.css +1 -1
  177. package/dist/darkside/version/{7.9.2 → 7.11.0}/global/tokens.css +850 -868
  178. package/dist/darkside/version/7.11.0/global/tokens.min.css +1 -0
  179. package/dist/darkside/version/{7.9.2 → 7.11.0}/index.css +1619 -1248
  180. package/dist/darkside/version/7.11.0/index.min.css +1 -0
  181. package/dist/global/baseline.min.css +1 -1
  182. package/dist/global/tokens.css +324 -324
  183. package/dist/global/tokens.min.css +1 -1
  184. package/dist/index.css +353 -327
  185. package/dist/index.min.css +5 -5
  186. package/expansioncard.css +1 -0
  187. package/form/radio-checkbox.css +5 -0
  188. package/modal.css +1 -0
  189. package/package.json +3 -3
  190. package/table.css +20 -2
  191. package/darkside/link-panel.darkside.css +0 -47
  192. package/dist/darkside/component/linkpanel.css +0 -48
  193. package/dist/darkside/component/linkpanel.min.css +0 -1
  194. package/dist/darkside/version/7.9.2/component/accordion.min.css +0 -1
  195. package/dist/darkside/version/7.9.2/component/actionmenu.min.css +0 -1
  196. package/dist/darkside/version/7.9.2/component/alert.min.css +0 -1
  197. package/dist/darkside/version/7.9.2/component/button.min.css +0 -1
  198. package/dist/darkside/version/7.9.2/component/chips.min.css +0 -1
  199. package/dist/darkside/version/7.9.2/component/copybutton.min.css +0 -1
  200. package/dist/darkside/version/7.9.2/component/date.min.css +0 -1
  201. package/dist/darkside/version/7.9.2/component/dropdown.min.css +0 -1
  202. package/dist/darkside/version/7.9.2/component/expansioncard.min.css +0 -1
  203. package/dist/darkside/version/7.9.2/component/form.min.css +0 -1
  204. package/dist/darkside/version/7.9.2/component/guidepanel.min.css +0 -1
  205. package/dist/darkside/version/7.9.2/component/helptext.min.css +0 -1
  206. package/dist/darkside/version/7.9.2/component/internalheader.min.css +0 -1
  207. package/dist/darkside/version/7.9.2/component/link.min.css +0 -1
  208. package/dist/darkside/version/7.9.2/component/linkpanel.css +0 -48
  209. package/dist/darkside/version/7.9.2/component/linkpanel.min.css +0 -1
  210. package/dist/darkside/version/7.9.2/component/modal.min.css +0 -1
  211. package/dist/darkside/version/7.9.2/component/readmore.min.css +0 -1
  212. package/dist/darkside/version/7.9.2/component/skeleton.min.css +0 -1
  213. package/dist/darkside/version/7.9.2/component/stepper.min.css +0 -1
  214. package/dist/darkside/version/7.9.2/component/table.min.css +0 -1
  215. package/dist/darkside/version/7.9.2/component/timeline.min.css +0 -1
  216. package/dist/darkside/version/7.9.2/component/togglegroup.min.css +0 -1
  217. package/dist/darkside/version/7.9.2/component/typography.min.css +0 -1
  218. package/dist/darkside/version/7.9.2/components.min.css +0 -1
  219. package/dist/darkside/version/7.9.2/global/tokens.min.css +0 -1
  220. package/dist/darkside/version/7.9.2/index.min.css +0 -1
  221. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.css +0 -0
  222. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/loader.min.css +0 -0
  223. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.css +0 -0
  224. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/pagination.min.css +0 -0
  225. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.css +0 -0
  226. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/panel.min.css +0 -0
  227. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.css +0 -0
  228. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/popover.min.css +0 -0
  229. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.css +0 -0
  230. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/progressbar.min.css +0 -0
  231. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.css +0 -0
  232. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/theme.min.css +0 -0
  233. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.css +0 -0
  234. /package/dist/darkside/version/{7.9.2 → 7.11.0}/component/tooltip.min.css +0 -0
  235. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.css +0 -0
  236. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/baseline.min.css +0 -0
  237. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.css +0 -0
  238. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/print.min.css +0 -0
  239. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.css +0 -0
  240. /package/dist/darkside/version/{7.9.2 → 7.11.0}/global/reset.min.css +0 -0
@@ -10,6 +10,7 @@
10
10
  font-size: var(--ax-font-size-heading-2xlarge);
11
11
  letter-spacing: -.01em;
12
12
  line-height: var(--ax-font-line-height-heading-2xlarge);
13
+ font-weight: 650;
13
14
  }
14
15
 
15
16
  .navds-heading--xlarge.navds-typo--spacing {
@@ -20,6 +21,7 @@
20
21
  font-size: var(--ax-font-size-heading-xlarge);
21
22
  letter-spacing: -.008em;
22
23
  line-height: var(--ax-font-line-height-heading-xlarge);
24
+ font-weight: 650;
23
25
  }
24
26
 
25
27
  .navds-heading--large.navds-typo--spacing {
@@ -52,6 +54,7 @@
52
54
  font-size: var(--ax-font-size-heading-medium);
53
55
  letter-spacing: -.002em;
54
56
  line-height: var(--ax-font-line-height-heading-medium);
57
+ font-weight: 650;
55
58
  }
56
59
 
57
60
  .navds-heading--medium.navds-typo--spacing {
@@ -260,7 +263,7 @@
260
263
  --__axc-button-border-color: transparent;
261
264
  --__axc-button-border-width: 2px;
262
265
  padding: var(--ax-space-12) var(--ax-space-20);
263
- border-radius: var(--ax-border-radius-medium);
266
+ border-radius: var(--ax-border-radius-large);
264
267
  cursor: pointer;
265
268
  justify-content: center;
266
269
  align-items: center;
@@ -273,17 +276,17 @@
273
276
  }
274
277
 
275
278
  .navds-button:focus-visible {
276
- outline: 2px solid var(--ax-border-focus);
277
- outline-offset: 2px;
279
+ outline: 3px solid var(--ax-border-focus);
280
+ outline-offset: 3px;
278
281
  }
279
282
 
280
283
  .navds-button--small, .navds-button--xsmall {
281
284
  --__axc-button-icon-margin: -2px;
282
- --__axc-button-icon-size: 1.25rem;
283
285
  }
284
286
 
285
287
  .navds-button--small {
286
288
  padding: var(--ax-space-4) var(--ax-space-12);
289
+ gap: var(--ax-space-6);
287
290
  min-width: 2rem;
288
291
  min-height: 2rem;
289
292
  }
@@ -291,6 +294,7 @@
291
294
  .navds-button--xsmall {
292
295
  padding: var(--ax-space-2) var(--ax-space-8);
293
296
  gap: var(--ax-space-4);
297
+ --__axc-button-icon-size: 1.25rem;
294
298
  }
295
299
 
296
300
  .navds-button--icon-only {
@@ -307,7 +311,7 @@
307
311
 
308
312
  @supports not selector(:focus-visible) {
309
313
  .navds-button:focus {
310
- outline: 2px solid var(--ax-border-focus);
314
+ outline: 3px solid var(--ax-border-focus);
311
315
  }
312
316
  }
313
317
 
@@ -341,6 +345,10 @@
341
345
  background-color: var(--ax-bg-accent-strong-pressed);
342
346
  }
343
347
 
348
+ .navds-button--primary:-webkit-any(:disabled, .navds-button--disabled) {
349
+ background-color: var(--ax-bg-accent-strong);
350
+ }
351
+
344
352
  .navds-button--primary:is(:disabled, .navds-button--disabled) {
345
353
  background-color: var(--ax-bg-accent-strong);
346
354
  }
@@ -369,6 +377,10 @@
369
377
  background-color: var(--ax-bg-strong-pressed);
370
378
  }
371
379
 
380
+ .navds-button--primary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
381
+ background-color: var(--ax-bg-strong);
382
+ }
383
+
372
384
  .navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
373
385
  background-color: var(--ax-bg-strong);
374
386
  }
@@ -390,6 +402,12 @@
390
402
  color: var(--ax-text-accent-contrast);
391
403
  }
392
404
 
405
+ .navds-button--secondary:-webkit-any(:disabled, .navds-button--disabled) {
406
+ --__axc-button-border-color: var(--ax-border-accent);
407
+ color: var(--ax-text-accent);
408
+ background-color: rgba(0, 0, 0, 0);
409
+ }
410
+
393
411
  .navds-button--secondary:is(:disabled, .navds-button--disabled) {
394
412
  --__axc-button-border-color: var(--ax-border-accent);
395
413
  color: var(--ax-text-accent);
@@ -413,6 +431,12 @@
413
431
  background-color: var(--ax-bg-strong-pressed);
414
432
  }
415
433
 
434
+ .navds-button--secondary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
435
+ --__axc-button-border-color: var(--ax-border-default);
436
+ color: var(--ax-text-default);
437
+ background-color: rgba(0, 0, 0, 0);
438
+ }
439
+
416
440
  .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
417
441
  --__axc-button-border-color: var(--ax-border-default);
418
442
  color: var(--ax-text-default);
@@ -433,6 +457,11 @@
433
457
  color: var(--ax-text-accent-contrast);
434
458
  }
435
459
 
460
+ .navds-button--tertiary:-webkit-any(:disabled, .navds-button--disabled) {
461
+ color: var(--ax-text-accent);
462
+ background-color: rgba(0, 0, 0, 0);
463
+ }
464
+
436
465
  .navds-button--tertiary:is(:disabled, .navds-button--disabled) {
437
466
  color: var(--ax-text-accent);
438
467
  background-color: rgba(0, 0, 0, 0);
@@ -452,6 +481,11 @@
452
481
  color: var(--ax-text-contrast);
453
482
  }
454
483
 
484
+ .navds-button--tertiary-neutral:-webkit-any(:disabled, .navds-button--disabled) {
485
+ color: var(--ax-text-default);
486
+ background-color: rgba(0, 0, 0, 0);
487
+ }
488
+
455
489
  .navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
456
490
  color: var(--ax-text-default);
457
491
  background-color: rgba(0, 0, 0, 0);
@@ -470,6 +504,10 @@
470
504
  background-color: var(--ax-bg-danger-strong-pressed);
471
505
  }
472
506
 
507
+ .navds-button--danger:-webkit-any(:disabled, .navds-button--disabled) {
508
+ background-color: var(--ax-bg-danger-strong);
509
+ }
510
+
473
511
  .navds-button--danger:is(:disabled, .navds-button--disabled) {
474
512
  background-color: var(--ax-bg-danger-strong);
475
513
  }
@@ -482,7 +520,7 @@
482
520
  opacity: var(--ax-opacity-disabled);
483
521
  }
484
522
 
485
- .navds-button .navds-loader {
523
+ .navds-button > .navds-loader {
486
524
  position: absolute;
487
525
  }
488
526
 
@@ -561,8 +599,8 @@
561
599
  }
562
600
 
563
601
  .navds-chips__chip:focus-visible {
564
- outline: 2px solid var(--ax-border-focus);
565
- outline-offset: 2px;
602
+ outline: 3px solid var(--ax-border-focus);
603
+ outline-offset: 3px;
566
604
  }
567
605
 
568
606
  .navds-chips--readonly .navds-chips__chip {
@@ -599,7 +637,7 @@
599
637
  .navds-chips__toggle--action {
600
638
  box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
601
639
  background-color: var(--ax-bg-accent-moderate);
602
- color: var(--ax-text-default);
640
+ color: var(--ax-text-accent-strong);
603
641
  }
604
642
 
605
643
  .navds-chips__toggle--action:hover {
@@ -774,18 +812,19 @@
774
812
  }
775
813
 
776
814
  .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
777
- color: var(--ax-text-accent-strong);
778
815
  background-color: var(--ax-bg-accent-moderate-hover);
779
816
  box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
780
817
  }
781
818
 
782
- .navds-dropzone__area:active .navds-dropzone__area-button {
819
+ .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
783
820
  background-color: var(--ax-bg-accent-strong-pressed);
784
821
  color: var(--ax-text-accent-contrast);
785
822
  box-shadow: none;
786
823
  }
787
824
 
788
825
  .navds-dropzone__area[data-disabled="true"] {
826
+ --__axc-dropzone-background: var(--ax-bg-soft);
827
+ border-color: var(--ax-border-subtleA);
789
828
  cursor: default;
790
829
  }
791
830
 
@@ -804,7 +843,10 @@
804
843
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
805
844
  margin: -1px;
806
845
  position: absolute;
807
- inset: 0;
846
+ top: 0;
847
+ bottom: 0;
848
+ left: 0;
849
+ right: 0;
808
850
  }
809
851
 
810
852
  @keyframes akselDropzoneDragoverAnimation {
@@ -831,7 +873,7 @@
831
873
  }
832
874
 
833
875
  .navds-dropzone--error > .navds-dropzone__area {
834
- outline: 2px solid var(--ax-border-danger);
876
+ outline: 2px solid var(--ax-border-danger-strong);
835
877
  outline-offset: -1px;
836
878
  border-color: rgba(0, 0, 0, 0);
837
879
  }
@@ -869,7 +911,7 @@
869
911
  }
870
912
 
871
913
  .navds-dropzone--dragging .navds-dropzone__area-release {
872
- color: var(--ax-text-accent-strong);
914
+ color: var(--ax-text-accent);
873
915
  top: 50%;
874
916
  transform: translateY(-50%);
875
917
  }
@@ -882,7 +924,25 @@
882
924
  display: flex;
883
925
  }
884
926
 
885
- .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
927
+ li.navds-file-item {
928
+ margin: 0;
929
+ padding: 0;
930
+ list-style: none;
931
+ }
932
+
933
+ .navds-file-upload :-webkit-any(ul, li) {
934
+ margin: 0;
935
+ padding: 0;
936
+ list-style: none;
937
+ }
938
+
939
+ .navds-file-upload :is(ul, li) {
940
+ margin: 0;
941
+ padding: 0;
942
+ list-style: none;
943
+ }
944
+
945
+ ul:has( > li.navds-file-item) {
886
946
  margin: 0;
887
947
  padding: 0;
888
948
  list-style: none;
@@ -901,7 +961,7 @@
901
961
  }
902
962
 
903
963
  .navds-file-item--error > .navds-file-item__inner {
904
- outline: 2px solid var(--ax-border-danger);
964
+ outline: 2px solid var(--ax-border-danger-strong);
905
965
  }
906
966
 
907
967
  .navds-file-item__icon {
@@ -934,7 +994,6 @@
934
994
  }
935
995
 
936
996
  .navds-file-item__error {
937
- color: var(--ax-text-danger);
938
997
  grid-template-rows: 0fr;
939
998
  transition-property: grid-template-rows, padding-top;
940
999
  transition-duration: .25s;
@@ -943,23 +1002,11 @@
943
1002
  overflow: hidden;
944
1003
  }
945
1004
 
946
- .navds-file-item__error .navds-file-item__error {
1005
+ .navds-file-item--error .navds-file-item__error {
947
1006
  padding-top: var(--ax-space-4);
948
1007
  grid-template-rows: 1fr;
949
1008
  }
950
1009
 
951
- .navds-file-item__error-content {
952
- gap: var(--ax-space-4);
953
- min-height: 0;
954
- display: flex;
955
- }
956
-
957
- .navds-file-item__error-content > svg {
958
- flex-shrink: 0;
959
- height: 1rem;
960
- margin-top: .1rem;
961
- }
962
-
963
1010
  .navds-form-field {
964
1011
  justify-items: start;
965
1012
  gap: var(--ax-space-8);
@@ -1006,16 +1053,20 @@
1006
1053
  padding: var(--ax-space-16) var(--ax-space-20);
1007
1054
  border: 4px solid var(--ax-border-danger);
1008
1055
  border-radius: var(--ax-border-radius-xlarge);
1009
- outline-offset: 2px;
1056
+ outline-offset: 3px;
1010
1057
  }
1011
1058
 
1012
- .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
1013
- outline: 2px solid var(--ax-border-focus);
1059
+ .navds-error-summary:focus-visible {
1060
+ outline: 3px solid var(--ax-border-focus);
1061
+ }
1062
+
1063
+ .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
1064
+ outline: 3px solid var(--ax-border-focus);
1014
1065
  }
1015
1066
 
1016
1067
  @supports not selector(:focus-visible) {
1017
1068
  .navds-error-summary:focus {
1018
- outline: 2px solid var(--ax-border-focus);
1069
+ outline: 3px solid var(--ax-border-focus);
1019
1070
  }
1020
1071
  }
1021
1072
 
@@ -1088,14 +1139,27 @@
1088
1139
  border-color: orange;
1089
1140
  border-left-style: solid;
1090
1141
  border-left-width: 8px;
1091
- border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
1092
- border-end-start-radius: calc(var(--a-border-radius-medium) - 1px);
1093
1142
  height: 100%;
1094
1143
  position: absolute;
1095
1144
  top: 0;
1096
1145
  left: 0;
1097
1146
  }
1098
1147
 
1148
+ .navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1149
+ border-top-left-radius: calc(var(--a-border-radius-medium) - 1px);
1150
+ border-bottom-left-radius: calc(var(--a-border-radius-medium) - 1px);
1151
+ }
1152
+
1153
+ .navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1154
+ border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1155
+ border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1156
+ }
1157
+
1158
+ .navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
1159
+ border-top-right-radius: calc(var(--a-border-radius-medium) - 1px);
1160
+ border-bottom-right-radius: calc(var(--a-border-radius-medium) - 1px);
1161
+ }
1162
+
1099
1163
  .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
1100
1164
  border-color: green;
1101
1165
  }
@@ -1106,6 +1170,7 @@
1106
1170
  }
1107
1171
 
1108
1172
  .navds-checkbox, .navds-radio {
1173
+ width: -webkit-fit-content;
1109
1174
  width: fit-content;
1110
1175
  position: relative;
1111
1176
  }
@@ -1166,25 +1231,40 @@
1166
1231
  height: 1.25rem;
1167
1232
  }
1168
1233
 
1169
- .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
1170
- outline: 2px solid var(--ax-border-focus);
1171
- outline-offset: 2px;
1234
+ .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
1235
+ content: "";
1236
+ width: 100%;
1237
+ height: calc(100% - var(--ax-space-24));
1238
+ border-radius: var(--ax-border-radius-medium);
1239
+ outline: 3px solid var(--ax-border-focus);
1240
+ outline-offset: 3px;
1241
+ pointer-events: none;
1242
+ position: absolute;
1172
1243
  }
1173
1244
 
1174
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1175
- content: "";
1176
- transform: translate(var(--ax-space-6), -50%);
1245
+ .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
1246
+ height: calc(100% - var(--ax-space-12));
1247
+ }
1248
+
1249
+ .navds-checkbox__icon-indeterminate {
1250
+ display: none;
1251
+ }
1252
+
1253
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1177
1254
  background-color: var(--ax-bg-default);
1178
- border-radius: 1px;
1179
- flex-shrink: 0;
1180
1255
  width: .75rem;
1181
1256
  height: .25rem;
1257
+ transform: translate(var(--ax-space-6), -50%);
1258
+ pointer-events: none;
1259
+ border-radius: 1px;
1260
+ display: block;
1182
1261
  position: absolute;
1183
1262
  top: 50%;
1184
1263
  }
1185
1264
 
1186
- .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1187
- transform: translate(.25rem, -50%);
1265
+ .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1266
+ transform: translate(var(--ax-space-4), -50%);
1267
+ height: .1875rem;
1188
1268
  }
1189
1269
 
1190
1270
  .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -1234,7 +1314,7 @@
1234
1314
  }
1235
1315
 
1236
1316
  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
1237
- color: var(--ax-text-accent-strong);
1317
+ color: var(--ax-text-accent);
1238
1318
  }
1239
1319
 
1240
1320
  .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -1243,12 +1323,16 @@
1243
1323
  }
1244
1324
 
1245
1325
  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before {
1246
- border-color: var(--ax-border-danger);
1326
+ border-color: var(--ax-border-danger-strong);
1247
1327
  }
1248
1328
 
1249
1329
  .navds-checkbox--error > .navds-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .navds-checkbox__label:before, .navds-radio--error > .navds-radio__input:not(:disabled, :checked):hover + .navds-radio__label:before {
1250
1330
  background-color: var(--ax-bg-danger-moderate-hoverA);
1251
- border-color: var(--ax-border-danger-strong);
1331
+ }
1332
+
1333
+ .navds-checkbox--error > .navds-checkbox__input:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
1334
+ background-color: var(--ax-bg-danger-strong-pressed);
1335
+ border-color: var(--ax-bg-danger-strong-pressed);
1252
1336
  }
1253
1337
 
1254
1338
  .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
@@ -1268,7 +1352,11 @@
1268
1352
  cursor: not-allowed;
1269
1353
  }
1270
1354
 
1271
- .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1355
+ .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
1356
+ cursor: default;
1357
+ }
1358
+
1359
+ .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
1272
1360
  cursor: default;
1273
1361
  }
1274
1362
 
@@ -1300,7 +1388,7 @@
1300
1388
  border-width: 0;
1301
1389
  }
1302
1390
 
1303
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1391
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1304
1392
  background-color: var(--ax-text-subtle);
1305
1393
  }
1306
1394
 
@@ -1321,7 +1409,7 @@
1321
1409
  color: var(--__axc-radio-checkbox-high-contrast-text);
1322
1410
  }
1323
1411
 
1324
- .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1412
+ .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1325
1413
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
1326
1414
  }
1327
1415
 
@@ -1338,7 +1426,7 @@
1338
1426
  background-color: var(--__axc-radio-checkbox-high-contrast-bg);
1339
1427
  }
1340
1428
 
1341
- .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
1429
+ .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
1342
1430
  background-color: var(--__axc-radio-checkbox-high-contrast-text);
1343
1431
  }
1344
1432
 
@@ -1352,15 +1440,20 @@
1352
1440
  --__axc-radio-checkbox-high-contrast-text: graytext;
1353
1441
  }
1354
1442
 
1443
+ :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
1444
+ color: graytext;
1445
+ }
1446
+
1355
1447
  :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
1356
1448
  color: graytext;
1357
1449
  }
1358
1450
  }
1359
1451
 
1360
1452
  .navds-select__input {
1453
+ -webkit-appearance: none;
1361
1454
  appearance: none;
1362
1455
  background-color: var(--ax-bg-input);
1363
- border-radius: var(--ax-border-radius-medium);
1456
+ border-radius: var(--ax-border-radius-large);
1364
1457
  border: 1px solid var(--ax-border-default);
1365
1458
  color: var(--ax-text-default);
1366
1459
  box-sizing: border-box;
@@ -1378,8 +1471,8 @@
1378
1471
  }
1379
1472
 
1380
1473
  .navds-select__input:focus {
1381
- outline: 2px solid var(--ax-border-focus);
1382
- outline-offset: 2px;
1474
+ outline: 3px solid var(--ax-border-focus);
1475
+ outline-offset: 3px;
1383
1476
  border-color: var(--ax-border-accent-strong);
1384
1477
  }
1385
1478
 
@@ -1415,15 +1508,21 @@
1415
1508
 
1416
1509
  .navds-form-field--small .navds-select__input {
1417
1510
  min-height: 2rem;
1418
- padding-block: 0;
1511
+ padding-top: 0;
1512
+ padding-bottom: 0;
1419
1513
  }
1420
1514
 
1421
1515
  .navds-select--error > * select {
1422
- box-shadow: 0 0 0 1px var(--ax-border-danger);
1423
- border-color: var(--ax-border-danger);
1516
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1517
+ border-color: var(--ax-border-danger-strong);
1424
1518
  }
1425
1519
 
1426
- .navds-select--error > * select:hover, .navds-select--error > * select:focus {
1520
+ .navds-select--error > * select:hover {
1521
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1522
+ border-color: var(--ax-border-danger-strong);
1523
+ }
1524
+
1525
+ .navds-select--error > * select:focus {
1427
1526
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1428
1527
  border-color: var(--ax-border-danger-strong);
1429
1528
  }
@@ -1454,6 +1553,12 @@
1454
1553
  }
1455
1554
 
1456
1555
  @media (forced-colors: active) {
1556
+ .navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
1557
+ color: buttontext;
1558
+ background-color: buttonface;
1559
+ border-color: buttontext;
1560
+ }
1561
+
1457
1562
  .navds-select--readonly .navds-select__input:is(:hover, :focus) {
1458
1563
  color: buttontext;
1459
1564
  background-color: buttonface;
@@ -1466,6 +1571,7 @@
1466
1571
  }
1467
1572
 
1468
1573
  .navds-switch {
1574
+ width: -webkit-fit-content;
1469
1575
  width: fit-content;
1470
1576
  min-height: 3rem;
1471
1577
  position: relative;
@@ -1496,30 +1602,44 @@
1496
1602
  }
1497
1603
 
1498
1604
  .navds-switch__content {
1605
+ --__axc-switch-block-padding: .75rem;
1606
+ gap: var(--ax-space-2);
1607
+ padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
1499
1608
  flex-direction: column;
1500
- gap: .125rem;
1501
- padding: .75rem 0 .75rem 3.25rem;
1502
1609
  display: flex;
1610
+ position: relative;
1503
1611
  }
1504
1612
 
1505
1613
  .navds-switch--right .navds-switch__content {
1506
- padding: .75rem 3.25rem .75rem 0;
1614
+ padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
1507
1615
  }
1508
1616
 
1509
1617
  .navds-switch--small .navds-switch__content {
1510
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 0 calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem;
1618
+ --__axc-switch-block-padding: .375rem;
1511
1619
  }
1512
1620
 
1513
- .navds-switch--right.navds-switch--small .navds-switch__content {
1514
- padding: calc(var(--ax-space-8) - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8) - var(--ax-space-2)) 0;
1621
+ .navds-switch__content.navds-switch--with-description {
1622
+ padding-bottom: 0;
1515
1623
  }
1516
1624
 
1517
- .navds-switch--with-description {
1518
- padding-bottom: 0;
1625
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
1626
+ content: "";
1627
+ width: 100%;
1628
+ height: calc(100% - var(--__axc-switch-block-padding) * 2);
1629
+ border-radius: var(--ax-border-radius-medium);
1630
+ outline: 3px solid var(--ax-border-focus);
1631
+ outline-offset: 3px;
1632
+ pointer-events: none;
1633
+ position: absolute;
1634
+ left: 0;
1635
+ }
1636
+
1637
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
1638
+ height: calc(100% - var(--__axc-switch-block-padding) * 1);
1519
1639
  }
1520
1640
 
1521
1641
  .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
1522
- color: var(--ax-text-accent-strong);
1642
+ color: var(--ax-text-accent);
1523
1643
  }
1524
1644
 
1525
1645
  .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -1564,9 +1684,9 @@
1564
1684
  border-color: var(--ax-bg-accent-strong-pressed);
1565
1685
  }
1566
1686
 
1567
- .navds-switch__input:focus-visible ~ .navds-switch__track {
1568
- outline: 2px solid var(--ax-border-focus);
1569
- outline-offset: 2px;
1687
+ .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
1688
+ outline: 3px solid var(--ax-border-focus);
1689
+ outline-offset: 3px;
1570
1690
  }
1571
1691
 
1572
1692
  .navds-switch__thumb {
@@ -1586,7 +1706,7 @@
1586
1706
 
1587
1707
  .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
1588
1708
  background-color: var(--ax-bg-raised);
1589
- color: var(--ax-text-accent-strong);
1709
+ color: var(--ax-text-accent);
1590
1710
  width: 1.25rem;
1591
1711
  height: 1.25rem;
1592
1712
  top: 0;
@@ -1619,12 +1739,18 @@
1619
1739
  width: auto;
1620
1740
  }
1621
1741
 
1622
- .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
1742
+ .navds-switch--right .navds-switch__input {
1743
+ left: auto;
1744
+ right: 0;
1745
+ }
1746
+
1747
+ .navds-switch--right .navds-switch__track {
1623
1748
  left: auto;
1624
1749
  right: 0;
1625
1750
  }
1626
1751
 
1627
1752
  .navds-switch__input:disabled {
1753
+ -webkit-appearance: none;
1628
1754
  appearance: none;
1629
1755
  }
1630
1756
 
@@ -1636,16 +1762,39 @@
1636
1762
  cursor: not-allowed;
1637
1763
  }
1638
1764
 
1639
- .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 {
1765
+ .navds-switch--readonly > .navds-switch__track {
1766
+ background-color: var(--ax-bg-moderate);
1767
+ border-color: var(--ax-border-subtleA);
1768
+ }
1769
+
1770
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
1640
1771
  background-color: var(--ax-bg-moderate);
1641
1772
  border-color: var(--ax-border-subtleA);
1642
1773
  }
1643
1774
 
1644
- .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
1775
+ .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
1776
+ background-color: var(--ax-bg-moderate);
1777
+ border-color: var(--ax-border-subtleA);
1778
+ }
1779
+
1780
+ .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
1781
+ background-color: var(--ax-bg-moderate);
1782
+ border-color: var(--ax-border-subtleA);
1783
+ }
1784
+
1785
+ .navds-switch--readonly > .navds-switch__label-wrapper {
1786
+ cursor: default;
1787
+ }
1788
+
1789
+ .navds-switch--readonly > .navds-switch__input {
1645
1790
  cursor: default;
1646
1791
  }
1647
1792
 
1648
- .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
1793
+ .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
1794
+ color: var(--ax-text-default);
1795
+ }
1796
+
1797
+ .navds-switch--readonly .navds-switch__label-wrapper:hover {
1649
1798
  color: var(--ax-text-default);
1650
1799
  }
1651
1800
 
@@ -1685,9 +1834,8 @@
1685
1834
  color: field;
1686
1835
  }
1687
1836
 
1688
- .navds-switch__input:focus-visible ~ .navds-switch__track {
1689
- outline-offset: 2px;
1690
- outline: 2px solid highlight;
1837
+ .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
1838
+ outline: 3px solid highlight;
1691
1839
  }
1692
1840
 
1693
1841
  .navds-switch--disabled:not(.navds-switch--loading) {
@@ -1695,7 +1843,7 @@
1695
1843
  }
1696
1844
 
1697
1845
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
1698
- background-color: graytext;
1846
+ background-color: graytext !important;
1699
1847
  }
1700
1848
 
1701
1849
  .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -1708,10 +1856,11 @@
1708
1856
  }
1709
1857
 
1710
1858
  .navds-text-field__input {
1859
+ -webkit-appearance: none;
1711
1860
  appearance: none;
1712
1861
  padding: var(--ax-space-8);
1713
1862
  background: var(--ax-bg-input);
1714
- border-radius: var(--ax-border-radius-medium);
1863
+ border-radius: var(--ax-border-radius-large);
1715
1864
  border: 1px solid var(--ax-border-default);
1716
1865
  width: 100%;
1717
1866
  min-height: 3rem;
@@ -1724,8 +1873,8 @@
1724
1873
 
1725
1874
  .navds-text-field__input:focus-visible {
1726
1875
  border-color: var(--ax-border-accent-strong);
1727
- outline: 2px solid var(--ax-border-focus);
1728
- outline-offset: 2px;
1876
+ outline: 3px solid var(--ax-border-focus);
1877
+ outline-offset: 3px;
1729
1878
  }
1730
1879
 
1731
1880
  .navds-text-field__input:disabled {
@@ -1748,8 +1897,8 @@
1748
1897
  }
1749
1898
 
1750
1899
  .navds-text-field--error .navds-text-field__input:not(:disabled) {
1751
- border-color: var(--ax-border-danger);
1752
- box-shadow: 0 0 0 1px var(--ax-border-danger);
1900
+ border-color: var(--ax-border-danger-strong);
1901
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
1753
1902
  }
1754
1903
 
1755
1904
  .navds-text-field--readonly .navds-text-field__input {
@@ -1783,10 +1932,11 @@
1783
1932
 
1784
1933
  .navds-textarea__input {
1785
1934
  height: var(--__axc-textarea-height);
1935
+ -webkit-appearance: none;
1786
1936
  appearance: none;
1787
1937
  padding: var(--ax-space-8);
1788
1938
  background-color: var(--ax-bg-input);
1789
- border-radius: var(--ax-border-radius-medium);
1939
+ border-radius: var(--ax-border-radius-large);
1790
1940
  border: 1px solid var(--ax-border-default);
1791
1941
  resize: none;
1792
1942
  width: 100%;
@@ -1803,8 +1953,8 @@
1803
1953
  }
1804
1954
 
1805
1955
  .navds-textarea__input:focus-visible {
1806
- outline: 2px solid var(--ax-border-focus);
1807
- outline-offset: 2px;
1956
+ outline: 3px solid var(--ax-border-focus);
1957
+ outline-offset: 3px;
1808
1958
  border-color: var(--ax-border-accent-strong);
1809
1959
  }
1810
1960
 
@@ -1843,17 +1993,50 @@
1843
1993
 
1844
1994
  .navds-textarea--resize-both .navds-textarea__input {
1845
1995
  resize: both;
1846
- border-end-end-radius: 0;
1996
+ }
1997
+
1998
+ .navds-textarea--resize-both .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1999
+ border-bottom-right-radius: 0;
2000
+ }
2001
+
2002
+ .navds-textarea--resize-both .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2003
+ border-bottom-left-radius: 0;
2004
+ }
2005
+
2006
+ .navds-textarea--resize-both .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2007
+ border-bottom-left-radius: 0;
1847
2008
  }
1848
2009
 
1849
2010
  .navds-textarea--resize-horizontal .navds-textarea__input {
1850
2011
  resize: horizontal;
1851
- border-end-end-radius: 0;
2012
+ }
2013
+
2014
+ .navds-textarea--resize-horizontal .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2015
+ border-bottom-right-radius: 0;
2016
+ }
2017
+
2018
+ .navds-textarea--resize-horizontal .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2019
+ border-bottom-left-radius: 0;
2020
+ }
2021
+
2022
+ .navds-textarea--resize-horizontal .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2023
+ border-bottom-left-radius: 0;
1852
2024
  }
1853
2025
 
1854
2026
  .navds-textarea--resize-vertical .navds-textarea__input {
1855
2027
  resize: vertical;
1856
- border-end-end-radius: 0;
2028
+ }
2029
+
2030
+ .navds-textarea--resize-vertical .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2031
+ border-bottom-right-radius: 0;
2032
+ }
2033
+
2034
+ .navds-textarea--resize-vertical .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2035
+ border-bottom-left-radius: 0;
2036
+ }
2037
+
2038
+ .navds-textarea--resize-vertical .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
2039
+ border-bottom-left-radius: 0;
1857
2040
  }
1858
2041
 
1859
2042
  .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -1869,8 +2052,8 @@
1869
2052
  }
1870
2053
 
1871
2054
  .navds-textarea--error .navds-textarea__input:not(:disabled) {
1872
- box-shadow: 0 0 0 1px var(--ax-border-danger);
1873
- border-color: var(--ax-border-danger);
2055
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2056
+ border-color: var(--ax-border-danger-strong);
1874
2057
  }
1875
2058
 
1876
2059
  @media (forced-colors: active) {
@@ -1896,18 +2079,19 @@
1896
2079
  }
1897
2080
 
1898
2081
  .navds-search--with-size .navds-search__wrapper {
2082
+ width: -webkit-fit-content;
1899
2083
  width: fit-content;
1900
2084
  }
1901
2085
 
1902
2086
  .navds-search__wrapper {
1903
- border-radius: var(--ax-border-radius-medium);
2087
+ border-radius: var(--ax-border-radius-large);
1904
2088
  align-items: center;
1905
2089
  display: inline-flex;
1906
2090
  }
1907
2091
 
1908
2092
  .navds-search__wrapper:has(.navds-search__input:focus-visible) {
1909
- outline: 2px solid var(--ax-border-focus);
1910
- outline-offset: 2px;
2093
+ outline: 3px solid var(--ax-border-focus);
2094
+ outline-offset: 3px;
1911
2095
  }
1912
2096
 
1913
2097
  .navds-search__input {
@@ -1918,7 +2102,13 @@
1918
2102
  outline: none;
1919
2103
  }
1920
2104
 
1921
- .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
2105
+ .navds-search__input.navds-search__input--primary {
2106
+ border-right: none;
2107
+ border-top-right-radius: 0;
2108
+ border-bottom-right-radius: 0;
2109
+ }
2110
+
2111
+ .navds-search__input.navds-search__input--secondary {
1922
2112
  border-right: none;
1923
2113
  border-top-right-radius: 0;
1924
2114
  border-bottom-right-radius: 0;
@@ -1967,8 +2157,8 @@
1967
2157
 
1968
2158
  .navds-search__button-search {
1969
2159
  border-radius: 0;
1970
- border-top-right-radius: var(--ax-border-radius-medium);
1971
- border-bottom-right-radius: var(--ax-border-radius-medium);
2160
+ border-top-right-radius: var(--ax-border-radius-large);
2161
+ border-bottom-right-radius: var(--ax-border-radius-large);
1972
2162
  flex-shrink: 0;
1973
2163
  }
1974
2164
 
@@ -1989,20 +2179,28 @@
1989
2179
  --__axc-button-border-color: transparent;
1990
2180
  }
1991
2181
 
2182
+ .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:-webkit-any(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
2183
+ --__axc-button-border-color: var(--ax-border-accent-strong);
2184
+ }
2185
+
1992
2186
  .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) {
1993
2187
  --__axc-button-border-color: var(--ax-border-accent-strong);
1994
2188
  }
1995
2189
 
1996
2190
  .navds-search--error .navds-search__input:not(:disabled) {
1997
- border-color: var(--ax-border-danger);
1998
- box-shadow: inset -2px 0 0 0 var(--ax-border-danger), inset 0 0 0 1px var(--ax-border-danger);
2191
+ border-color: var(--ax-border-danger-strong);
2192
+ box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
1999
2193
  }
2000
2194
 
2001
2195
  .navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
2002
- box-shadow: inset 0 0 0 1px var(--ax-border-danger);
2196
+ box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
2197
+ }
2198
+
2199
+ .navds-search__input:focus-visible {
2200
+ z-index: 1;
2003
2201
  }
2004
2202
 
2005
- .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
2203
+ .navds-search__button-search:focus-visible {
2006
2204
  z-index: 1;
2007
2205
  }
2008
2206
 
@@ -2018,15 +2216,19 @@
2018
2216
  --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
2019
2217
  --__axc-combobox-border-width: 1px;
2020
2218
  --__axc-combobox-input-height: 2rem;
2021
- border-radius: var(--ax-border-radius-medium);
2219
+ border-radius: var(--ax-border-radius-large);
2022
2220
  flex-direction: column;
2023
2221
  width: 100%;
2024
2222
  display: flex;
2025
2223
  position: relative;
2026
2224
  }
2027
2225
 
2226
+ .navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2227
+ border-color: var(--ax-border-accent-strong);
2228
+ }
2229
+
2028
2230
  .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
2029
- border-color: var(--ax-border-focus);
2231
+ border-color: var(--ax-border-accent-strong);
2030
2232
  }
2031
2233
 
2032
2234
  .navds-form-field--small .navds-combobox__wrapper {
@@ -2041,11 +2243,19 @@
2041
2243
  opacity: var(--ax-opacity-disabled);
2042
2244
  }
2043
2245
 
2246
+ .navds-combobox--disabled .navds-combobox__wrapper:hover {
2247
+ border-color: var(--ax-border-default);
2248
+ }
2249
+
2044
2250
  .navds-combobox--disabled .navds-combobox__wrapper :hover {
2045
2251
  cursor: not-allowed;
2046
2252
  }
2047
2253
 
2048
- .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
2254
+ .navds-combobox--disabled .navds-combobox__selected-options {
2255
+ pointer-events: none;
2256
+ }
2257
+
2258
+ .navds-combobox--disabled .navds-combobox--readonly {
2049
2259
  pointer-events: none;
2050
2260
  }
2051
2261
 
@@ -2066,7 +2276,11 @@
2066
2276
  overflow: clip;
2067
2277
  }
2068
2278
 
2069
- .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
2279
+ .navds-combobox--readonly .navds-text-field__input {
2280
+ background-color: var(--ax-bg-moderate);
2281
+ }
2282
+
2283
+ .navds-combobox--readonly .navds-combobox__input {
2070
2284
  background-color: var(--ax-bg-moderate);
2071
2285
  }
2072
2286
 
@@ -2077,13 +2291,13 @@
2077
2291
 
2078
2292
  .navds-combobox__wrapper-inner {
2079
2293
  border: 1px solid var(--ax-border-default);
2080
- border-radius: var(--ax-border-radius-medium);
2294
+ border-radius: var(--ax-border-radius-large);
2081
2295
  }
2082
2296
 
2083
2297
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
2084
- outline: 2px solid var(--ax-border-focus);
2085
- outline-offset: 2px;
2086
- border-color: var(--ax-border-focus);
2298
+ outline: 3px solid var(--ax-border-focus);
2299
+ outline-offset: 3px;
2300
+ border-color: var(--ax-border-accent-strong);
2087
2301
  }
2088
2302
 
2089
2303
  .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
@@ -2115,13 +2329,17 @@
2115
2329
  cursor: text;
2116
2330
  }
2117
2331
 
2332
+ .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
2333
+ border-color: var(--ax-border-default);
2334
+ }
2335
+
2118
2336
  .navds-combobox--error .navds-combobox__wrapper-inner {
2119
- border-color: var(--ax-border-danger);
2120
- box-shadow: 0 0 0 1px var(--ax-border-danger);
2337
+ border-color: var(--ax-border-danger-strong);
2338
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2121
2339
  }
2122
2340
 
2123
2341
  .navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
2124
- border-color: var(--ax-border-danger);
2342
+ border-color: var(--ax-border-danger-strong);
2125
2343
  }
2126
2344
 
2127
2345
  .navds-combobox__selected-options {
@@ -2187,7 +2405,11 @@
2187
2405
  outline: none;
2188
2406
  }
2189
2407
 
2190
- .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2408
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
2409
+ outline: none;
2410
+ }
2411
+
2412
+ .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
2191
2413
  outline: none;
2192
2414
  }
2193
2415
  }
@@ -2197,7 +2419,6 @@
2197
2419
  }
2198
2420
 
2199
2421
  .navds-combobox__button-toggle-list {
2200
- border-radius: var(--ax-border-radius-medium);
2201
2422
  color: var(--ax-text-default);
2202
2423
  cursor: pointer;
2203
2424
  background: none;
@@ -2219,7 +2440,7 @@
2219
2440
 
2220
2441
  .navds-combobox__list {
2221
2442
  z-index: 10;
2222
- max-height: 290px;
2443
+ max-height: 316px;
2223
2444
  left: 0;
2224
2445
  right: 0;
2225
2446
  top: calc(100% + var(--ax-space-8));
@@ -2246,9 +2467,9 @@
2246
2467
  .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 {
2247
2468
  padding-block: var(--__axc-combobox-list-item-padding-block);
2248
2469
  padding-inline: var(--__axc-combobox-list-item-padding-inline);
2249
- border-radius: var(--ax-border-radius-medium);
2470
+ border-radius: var(--ax-border-radius-large);
2250
2471
  margin-inline: var(--ax-space-8);
2251
- margin-block: var(--ax-space-4);
2472
+ margin-block: var(--ax-space-2);
2252
2473
  border: 0;
2253
2474
  justify-content: space-between;
2254
2475
  align-items: center;
@@ -2289,7 +2510,6 @@
2289
2510
  .navds-combobox__list-item--focus {
2290
2511
  cursor: pointer;
2291
2512
  outline: 2px solid var(--ax-border-focus);
2292
- outline-offset: 2px;
2293
2513
  }
2294
2514
 
2295
2515
  .navds-combobox__list-item {
@@ -2304,11 +2524,12 @@
2304
2524
 
2305
2525
  .navds-combobox__list-item mark {
2306
2526
  font-weight: var(--ax-font-weight-bold);
2527
+ color: var(--ax-text-default);
2307
2528
  background-color: rgba(0, 0, 0, 0);
2308
2529
  }
2309
2530
 
2310
2531
  .navds-combobox__list-item svg {
2311
- color: var(--ax-text-accent);
2532
+ color: var(--ax-text-default);
2312
2533
  }
2313
2534
 
2314
2535
  .navds-combobox__list-item--selected {
@@ -2324,11 +2545,10 @@
2324
2545
  background: var(--ax-bg-accent-moderateA);
2325
2546
  cursor: pointer;
2326
2547
  margin: 0;
2327
- margin-block: calc(var(--ax-space-4) * -1);
2328
- padding-block: var(--ax-space-16);
2329
2548
  border-radius: 0;
2330
2549
  justify-content: flex-start;
2331
2550
  gap: .25rem;
2551
+ margin-top: calc(var(--ax-space-4) * -1);
2332
2552
  }
2333
2553
 
2334
2554
  .navds-combobox__list-item--new-option svg {
@@ -2336,6 +2556,7 @@
2336
2556
  }
2337
2557
 
2338
2558
  .navds-combobox__list-item--new-option:only-child {
2559
+ margin-block: calc(var(--ax-space-4) * -1);
2339
2560
  border: none;
2340
2561
  }
2341
2562
 
@@ -2355,6 +2576,7 @@
2355
2576
  }
2356
2577
 
2357
2578
  .navds-combobox__input {
2579
+ min-width: -webkit-min-content;
2358
2580
  min-width: min-content;
2359
2581
  padding: .75rem 0;
2360
2582
  }
@@ -2560,7 +2782,7 @@
2560
2782
 
2561
2783
  .navds-form-progress__stepper {
2562
2784
  border: 1px solid var(--ax-border-subtle);
2563
- border-radius: var(--ax-border-radius-large);
2785
+ border-radius: var(--ax-border-radius-xlarge);
2564
2786
  padding: var(--ax-space-16) var(--ax-space-20);
2565
2787
  margin-top: var(--ax-space-4);
2566
2788
  background: var(--ax-bg-raised);
@@ -2598,7 +2820,11 @@
2598
2820
  background-color: var(--ax-bg-accent-hoverA);
2599
2821
  }
2600
2822
 
2601
- .navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
2823
+ .navds-accordion__header:hover:before {
2824
+ display: none;
2825
+ }
2826
+
2827
+ .navds-accordion__header:hover:after {
2602
2828
  display: none;
2603
2829
  }
2604
2830
 
@@ -2616,17 +2842,21 @@
2616
2842
  }
2617
2843
 
2618
2844
  .navds-accordion__header:focus-visible {
2619
- outline: 2px solid var(--ax-border-focus);
2620
- outline-offset: 2px;
2845
+ outline: 3px solid var(--ax-border-focus);
2846
+ outline-offset: 3px;
2621
2847
  z-index: 1;
2622
2848
  }
2623
2849
 
2624
- .navds-accordion__header:focus-visible:before, .navds-accordion__header:focus-visible:after {
2850
+ .navds-accordion__header:focus-visible:before {
2851
+ display: none;
2852
+ }
2853
+
2854
+ .navds-accordion__header:focus-visible:after {
2625
2855
  display: none;
2626
2856
  }
2627
2857
 
2628
2858
  .navds-accordion--small .navds-accordion__header {
2629
- padding-block: var(--a-spacing-2);
2859
+ padding-block: var(--ax-space-8);
2630
2860
  }
2631
2861
 
2632
2862
  .navds-accordion__header:before, .navds-accordion__header:after {
@@ -2641,16 +2871,16 @@
2641
2871
  right: 0;
2642
2872
  }
2643
2873
 
2644
- .navds-accordion__item:last-child > .navds-accordion__content {
2645
- border-bottom: 1px solid rgba(0, 0, 0, 0);
2646
- }
2647
-
2648
2874
  .navds-accordion__header:after {
2649
2875
  top: initial;
2650
2876
  bottom: 0;
2651
2877
  }
2652
2878
 
2653
- .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after, .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
2879
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__header:after, .navds-accordion__item:not(:last-child) > .navds-accordion__header:after {
2880
+ display: none;
2881
+ }
2882
+
2883
+ .navds-accordion__item[data-expanded="false"]:has(.navds-accordion__header:where(:hover, :focus-visible)) + .navds-accordion__item > .navds-accordion__header:before {
2654
2884
  display: none;
2655
2885
  }
2656
2886
 
@@ -2659,7 +2889,7 @@
2659
2889
  background-color: var(--ax-bg-accent-moderateA);
2660
2890
  width: 22px;
2661
2891
  height: 22px;
2662
- color: var(--ax-text-accent-strong);
2892
+ color: var(--ax-text-accent);
2663
2893
  align-self: center;
2664
2894
  }
2665
2895
 
@@ -2674,68 +2904,62 @@
2674
2904
  transform: rotateX(-180deg);
2675
2905
  }
2676
2906
 
2677
- .navds-accordion__content {
2678
- --__acx-accordion-content-line-width: 2px;
2679
- padding-inline: var(--ax-space-24) var(--ax-space-12);
2680
- max-height: 0;
2681
- transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
2682
- border-color: rgba(0, 0, 0, 0);
2683
- padding-block: 0;
2684
- animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
2685
- display: none;
2686
- overflow: hidden;
2687
- }
2688
-
2689
- .navds-accordion__item--no-animation {
2690
- animation: none;
2907
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2908
+ padding-block: var(--ax-space-8);
2909
+ padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
2691
2910
  }
2692
2911
 
2693
- @keyframes navds-accordion-content-animation {
2694
- 0% {
2695
- opacity: .01;
2696
- }
2697
-
2698
- 20% {
2699
- opacity: .01;
2700
- }
2701
-
2702
- 100% {
2703
- opacity: 1;
2912
+ @media (forced-colors: active) {
2913
+ .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2914
+ border-left: 1px solid canvastext;
2704
2915
  }
2705
2916
  }
2706
2917
 
2707
2918
  .navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
2708
- padding-inline: var(--ax-space-24) var(--ax-space-12);
2919
+ box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
2709
2920
  }
2710
2921
 
2711
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2712
- box-shadow: -2px 0 0 0 var(--ax-border-subtleA);
2713
- padding-block: var(--ax-space-8);
2714
- padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
2922
+ .navds-accordion__item > .navds-accordion__content {
2923
+ visibility: hidden;
2924
+ margin-inline: var(--ax-space-24) var(--ax-space-12);
2925
+ opacity: 0;
2926
+ border-color: rgba(0, 0, 0, 0);
2927
+ grid-template-rows: 0fr;
2928
+ margin-top: 0;
2929
+ margin-bottom: 0;
2930
+ transition-property: visibility, opacity, grid-template-rows, margin, min-height;
2931
+ transition-duration: .25s;
2932
+ transition-timing-function: cubic-bezier(.2, 0, 0, 1);
2933
+ display: grid;
2934
+ overflow: hidden;
2715
2935
  }
2716
2936
 
2717
- @media (forced-colors: active) {
2718
- .navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
2719
- border-left: 1px solid canvastext;
2720
- }
2937
+ .navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
2938
+ min-height: 0;
2939
+ padding-top: 0;
2940
+ padding-bottom: 0;
2721
2941
  }
2722
2942
 
2723
2943
  .navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
2724
- opacity: 1;
2725
- max-height: fit-content;
2726
- padding-block: var(--ax-space-8);
2944
+ visibility: visible;
2945
+ margin-block: var(--ax-space-8);
2727
2946
  border-color: var(--ax-border-subtleA);
2728
- padding-block-end: var(--ax-space-24);
2729
- display: block;
2730
- overflow: visible;
2947
+ opacity: 1;
2948
+ grid-template-rows: 1fr;
2949
+ margin-bottom: var(--ax-space-24);
2731
2950
  }
2732
2951
 
2733
- @starting-style {
2734
- .navds-accordion__item[data-expanded="true"]:not(.navds-accordion__item--no-animation) > .navds-accordion__content {
2735
- border-color: rgba(0, 0, 0, 0);
2736
- max-height: 0;
2737
- padding-block: 0;
2738
- }
2952
+ .navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
2953
+ min-height: -webkit-fit-content;
2954
+ min-height: fit-content;
2955
+ }
2956
+
2957
+ .navds-accordion__item[data-expanded="true"]:last-child {
2958
+ border-bottom: 1px solid var(--ax-border-subtleA);
2959
+ }
2960
+
2961
+ .navds-accordion__item--no-animation > .navds-accordion__content {
2962
+ transition: none;
2739
2963
  }
2740
2964
 
2741
2965
  .navds-alert {
@@ -2773,7 +2997,7 @@
2773
2997
 
2774
2998
  .navds-alert--small > .navds-alert__icon {
2775
2999
  height: var(--ax-font-line-height-large);
2776
- margin-block-start: 0;
3000
+ margin-top: 0;
2777
3001
  }
2778
3002
 
2779
3003
  .navds-alert--info {
@@ -2830,16 +3054,24 @@
2830
3054
  display: flex;
2831
3055
  }
2832
3056
 
2833
- .navds-alert--close-button > .navds-alert__wrapper, .navds-alert--close-button > .navds-alert__icon {
2834
- margin-block-start: var(--ax-space-2);
3057
+ .navds-alert--close-button > .navds-alert__wrapper {
3058
+ margin-top: var(--ax-space-2);
3059
+ }
3060
+
3061
+ .navds-alert--close-button > .navds-alert__icon {
3062
+ margin-top: var(--ax-space-2);
2835
3063
  }
2836
3064
 
2837
3065
  .navds-alert--close-button.navds-alert--small {
2838
3066
  align-items: flex-start;
2839
3067
  }
2840
3068
 
2841
- .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper, .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
2842
- margin-block-start: var(--ax-space-4);
3069
+ .navds-alert--close-button.navds-alert--small > .navds-alert__wrapper {
3070
+ margin-top: var(--ax-space-4);
3071
+ }
3072
+
3073
+ .navds-alert--close-button.navds-alert--small > .navds-alert__icon {
3074
+ margin-top: var(--ax-space-4);
2843
3075
  }
2844
3076
 
2845
3077
  .navds-chat {
@@ -2903,6 +3135,7 @@
2903
3135
  border-bottom-left-radius: var(--ax-border-radius-small);
2904
3136
  border: 1px solid var(--ax-border-subtleA);
2905
3137
  flex-direction: column;
3138
+ width: -webkit-fit-content;
2906
3139
  width: fit-content;
2907
3140
  display: flex;
2908
3141
  }
@@ -2911,12 +3144,20 @@
2911
3144
  padding: var(--ax-space-12) var(--ax-space-16);
2912
3145
  }
2913
3146
 
2914
- .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
2915
- background-color: var(--ax-bg-info-raised);
3147
+ .navds-chat--info .navds-chat__bubble {
3148
+ background-color: var(--ax-bg-info-moderate);
2916
3149
  }
2917
3150
 
2918
- .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
2919
- background-color: var(--ax-bg-raised);
3151
+ .navds-chat--info .navds-chat__avatar {
3152
+ background-color: var(--ax-bg-info-moderate);
3153
+ }
3154
+
3155
+ .navds-chat--neutral .navds-chat__bubble {
3156
+ background-color: var(--ax-bg-moderateA);
3157
+ }
3158
+
3159
+ .navds-chat--neutral .navds-chat__avatar {
3160
+ background-color: var(--ax-bg-moderateA);
2920
3161
  }
2921
3162
 
2922
3163
  .navds-chat__top-text {
@@ -2947,7 +3188,7 @@
2947
3188
  .navds-copybutton {
2948
3189
  --__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
2949
3190
  cursor: pointer;
2950
- border-radius: var(--ax-border-radius-medium);
3191
+ border-radius: var(--ax-border-radius-large);
2951
3192
  padding: var(--__axc-copybutton-padding);
2952
3193
  background-color: rgba(0, 0, 0, 0);
2953
3194
  border: none;
@@ -2971,8 +3212,8 @@
2971
3212
  }
2972
3213
 
2973
3214
  .navds-copybutton:focus-visible {
2974
- outline: 2px solid var(--ax-border-focus);
2975
- outline-offset: 2px;
3215
+ outline: 3px solid var(--ax-border-focus);
3216
+ outline-offset: 3px;
2976
3217
  }
2977
3218
 
2978
3219
  .navds-copybutton:disabled {
@@ -3011,12 +3252,8 @@
3011
3252
  --__axc-copybutton-padding: var(--ax-space-4);
3012
3253
  }
3013
3254
 
3014
- .navds-copybutton--small .navds-copybutton__icon {
3015
- font-size: 1.25rem;
3016
- }
3017
-
3018
3255
  .navds-copybutton--small > .navds-copybutton__content {
3019
- gap: var(--ax-space-6);
3256
+ gap: var(--ax-space-4);
3020
3257
  }
3021
3258
 
3022
3259
  .navds-copybutton--xsmall {
@@ -3038,7 +3275,7 @@
3038
3275
  }
3039
3276
 
3040
3277
  .navds-copybutton--xsmall > .navds-copybutton__content {
3041
- gap: var(--ax-space-4);
3278
+ gap: var(--ax-space-2);
3042
3279
  }
3043
3280
 
3044
3281
  .navds-copybutton__icon {
@@ -3046,18 +3283,6 @@
3046
3283
  display: flex;
3047
3284
  }
3048
3285
 
3049
- .navds-copybutton__icon:first-of-type {
3050
- margin-left: -.25rem;
3051
- }
3052
-
3053
- .navds-copybutton__icon:last-of-type {
3054
- margin-right: -.25rem;
3055
- }
3056
-
3057
- .navds-copybutton__icon:only-child {
3058
- margin: 0;
3059
- }
3060
-
3061
3286
  .navds-copybutton--active .navds-copybutton__icon {
3062
3287
  animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
3063
3288
  }
@@ -3088,14 +3313,6 @@
3088
3313
  color: var(--ax-text-success);
3089
3314
  }
3090
3315
 
3091
- .navds-copybutton--action.navds-copybutton--active:hover {
3092
- color: var(--ax-text-success-strong);
3093
- }
3094
-
3095
- .navds-copybutton--action:hover {
3096
- color: var(--ax-text-accent-strong);
3097
- }
3098
-
3099
3316
  .navds-copybutton--action:disabled {
3100
3317
  color: var(--ax-text-accent);
3101
3318
  }
@@ -3104,10 +3321,6 @@
3104
3321
  color: var(--ax-text-subtle);
3105
3322
  }
3106
3323
 
3107
- .navds-copybutton--neutral:hover, .navds-copybutton--neutral.navds-copybutton--active {
3108
- color: var(--ax-text-default);
3109
- }
3110
-
3111
3324
  .navds-copybutton--neutral:disabled {
3112
3325
  color: var(--ax-text-subtle);
3113
3326
  }
@@ -3115,7 +3328,7 @@
3115
3328
  .navds-copybutton__content {
3116
3329
  justify-content: center;
3117
3330
  align-items: center;
3118
- gap: var(--ax-space-8);
3331
+ gap: var(--ax-space-6);
3119
3332
  display: inline-flex;
3120
3333
  }
3121
3334
 
@@ -3134,7 +3347,12 @@
3134
3347
  color: var(--ax-text-default);
3135
3348
  }
3136
3349
 
3137
- .navds-date .rdp-month, .navds-date.rdp-month {
3350
+ .navds-date .rdp-month {
3351
+ gap: var(--ax-space-20);
3352
+ display: grid;
3353
+ }
3354
+
3355
+ .navds-date.rdp-month {
3138
3356
  gap: var(--ax-space-20);
3139
3357
  display: grid;
3140
3358
  }
@@ -3151,22 +3369,22 @@
3151
3369
  .navds-date .rdp-button {
3152
3370
  all: unset;
3153
3371
  text-align: center;
3154
- border-radius: var(--ax-border-radius-medium);
3372
+ border-radius: var(--ax-border-radius-large);
3155
3373
  width: 2.5rem;
3156
3374
  height: 2.5rem;
3157
3375
  display: block;
3158
3376
  }
3159
3377
 
3160
3378
  .navds-date .rdp-day_range_start {
3161
- border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-medium) var(--ax-border-radius-medium) var(--ax-border-radius-xlarge);
3379
+ border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
3162
3380
  }
3163
3381
 
3164
3382
  .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
3165
- border-radius: var(--ax-border-radius-medium) var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) var(--ax-border-radius-medium);
3383
+ border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
3166
3384
  }
3167
3385
 
3168
3386
  .navds-date .rdp-day_range_start.rdp-day_range_end {
3169
- border-radius: var(--ax-border-radius-xlarge);
3387
+ border-radius: var(--ax-border-radius-large);
3170
3388
  }
3171
3389
 
3172
3390
  .navds-date .navds-date__field {
@@ -3176,7 +3394,13 @@
3176
3394
  position: relative;
3177
3395
  }
3178
3396
 
3179
- .navds-date .rdp-day_selected, .navds-date .navds-monthpicker__month--selected {
3397
+ .navds-date .rdp-day_selected {
3398
+ color: var(--ax-text-accent-contrast);
3399
+ background: var(--ax-bg-accent-strong-pressed);
3400
+ cursor: pointer;
3401
+ }
3402
+
3403
+ .navds-date .navds-monthpicker__month--selected {
3180
3404
  color: var(--ax-text-accent-contrast);
3181
3405
  background: var(--ax-bg-accent-strong-pressed);
3182
3406
  cursor: pointer;
@@ -3189,7 +3413,12 @@
3189
3413
  text-decoration: line-through;
3190
3414
  }
3191
3415
 
3192
- .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3416
+ .navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
3417
+ background: var(--ax-bg-accent-moderate-hoverA);
3418
+ cursor: pointer;
3419
+ }
3420
+
3421
+ .navds-date .navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
3193
3422
  background: var(--ax-bg-accent-moderate-hoverA);
3194
3423
  cursor: pointer;
3195
3424
  }
@@ -3211,7 +3440,11 @@
3211
3440
  transform: translateX(-50%);
3212
3441
  }
3213
3442
 
3214
- :is(.navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .navds-date .rdp-day_today:active):before {
3443
+ .navds-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
3444
+ background-color: var(--ax-text-accent-contrast);
3445
+ }
3446
+
3447
+ .navds-date .rdp-day_today:active:before {
3215
3448
  background-color: var(--ax-text-accent-contrast);
3216
3449
  }
3217
3450
 
@@ -3220,7 +3453,11 @@
3220
3453
  pointer-events: none;
3221
3454
  }
3222
3455
 
3223
- .navds-date__modal .navds-date, .navds-date__modal-body > .navds-date {
3456
+ .navds-date__modal .navds-date {
3457
+ padding: 0;
3458
+ }
3459
+
3460
+ .navds-date__modal-body > .navds-date {
3224
3461
  padding: 0;
3225
3462
  }
3226
3463
 
@@ -3246,7 +3483,7 @@
3246
3483
  all: unset;
3247
3484
  text-align: center;
3248
3485
  text-transform: capitalize;
3249
- border-radius: var(--ax-border-radius-medium);
3486
+ border-radius: var(--ax-border-radius-large);
3250
3487
  cursor: pointer;
3251
3488
  width: 3rem;
3252
3489
  height: 3rem;
@@ -3258,16 +3495,28 @@
3258
3495
  }
3259
3496
 
3260
3497
  .navds-date__wrapper, .navds-date__standalone-wrapper {
3498
+ width: -webkit-fit-content;
3261
3499
  width: fit-content;
3500
+ height: -webkit-fit-content;
3262
3501
  height: fit-content;
3263
3502
  }
3264
3503
 
3265
- :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 {
3266
- outline: 2px solid var(--ax-border-focus);
3267
- outline-offset: 1px;
3504
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
3505
+ outline: 3px solid var(--ax-border-focus);
3506
+ outline-offset: 3px;
3507
+ }
3508
+
3509
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
3510
+ color: var(--ax-text-accent-contrast);
3511
+ background-color: var(--ax-bg-accent-strong-pressed);
3512
+ }
3513
+
3514
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:focus-visible {
3515
+ outline: 3px solid var(--ax-border-focus);
3516
+ outline-offset: 3px;
3268
3517
  }
3269
3518
 
3270
- :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) {
3519
+ :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button:active:not(:disabled) {
3271
3520
  color: var(--ax-text-accent-contrast);
3272
3521
  background-color: var(--ax-bg-accent-strong-pressed);
3273
3522
  }
@@ -3283,12 +3532,10 @@
3283
3532
  .navds-date__field-button {
3284
3533
  color: var(--ax-text-default);
3285
3534
  cursor: pointer;
3286
- border-radius: calc(var(--ax-border-radius-medium) - 1px);
3535
+ border-radius: calc(var(--ax-border-radius-large) - 1px);
3287
3536
  padding: var(--ax-space-12);
3288
3537
  background: none;
3289
3538
  border: none;
3290
- border-start-start-radius: 0;
3291
- border-end-start-radius: 0;
3292
3539
  justify-content: center;
3293
3540
  align-items: center;
3294
3541
  height: calc(100% - .125rem);
@@ -3302,6 +3549,21 @@
3302
3549
  transform: translateY(-50%);
3303
3550
  }
3304
3551
 
3552
+ .navds-date__field-button:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3553
+ border-top-left-radius: 0;
3554
+ border-bottom-left-radius: 0;
3555
+ }
3556
+
3557
+ .navds-date__field-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3558
+ border-top-right-radius: 0;
3559
+ border-bottom-right-radius: 0;
3560
+ }
3561
+
3562
+ .navds-date__field-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
3563
+ border-top-right-radius: 0;
3564
+ border-bottom-right-radius: 0;
3565
+ }
3566
+
3305
3567
  .navds-form-field--small .navds-date__field-button {
3306
3568
  padding: var(--ax-space-4);
3307
3569
  }
@@ -3321,6 +3583,7 @@
3321
3583
 
3322
3584
  .navds-date__field-wrapper {
3323
3585
  align-items: center;
3586
+ width: -webkit-fit-content;
3324
3587
  width: fit-content;
3325
3588
  display: inline-flex;
3326
3589
  position: relative;
@@ -3385,7 +3648,8 @@
3385
3648
  color: var(--ac-dropdown-text, var(--a-text-default));
3386
3649
  width: 27ch;
3387
3650
  max-height: 616px;
3388
- overflow: hidden auto;
3651
+ overflow-x: hidden;
3652
+ overflow-y: auto;
3389
3653
  }
3390
3654
 
3391
3655
  .navds-dropdown__divider {
@@ -3472,7 +3736,7 @@
3472
3736
  }
3473
3737
 
3474
3738
  .navds-action-menu__content {
3475
- border-radius: var(--ax-border-radius-large);
3739
+ border-radius: var(--ax-border-radius-xlarge);
3476
3740
  border: 1px solid var(--ax-border-subtleA);
3477
3741
  box-shadow: var(--ax-shadow-dialog);
3478
3742
  transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
@@ -3508,7 +3772,7 @@
3508
3772
  --__axc-action-menu-item-pr: var(--ax-space-8);
3509
3773
  --__axc-action-menu-item-pl: var(--ax-space-8);
3510
3774
  --__axc-action-menu-item-height: 2rem;
3511
- border-radius: var(--ax-border-radius-large);
3775
+ border-radius: var(--ax-border-radius-xlarge);
3512
3776
  background-color: var(--ax-bg-raised);
3513
3777
  min-width: 128px;
3514
3778
  max-width: min(95vw, 640px);
@@ -3525,7 +3789,7 @@
3525
3789
  gap: var(--ax-space-8);
3526
3790
  min-height: var(--__axc-action-menu-item-height);
3527
3791
  cursor: default;
3528
- border-radius: var(--ax-border-radius-medium);
3792
+ border-radius: var(--ax-border-radius-large);
3529
3793
  padding-left: var(--__axc-action-menu-item-pl);
3530
3794
  padding-right: var(--__axc-action-menu-item-pr);
3531
3795
  font-size: var(--ax-font-size-medium);
@@ -3574,7 +3838,7 @@
3574
3838
 
3575
3839
  .navds-action-menu__item--danger:focus {
3576
3840
  background-color: var(--ax-bg-danger-moderate-hoverA);
3577
- color: var(--ax-text-danger-strong);
3841
+ color: var(--ax-text-danger);
3578
3842
  }
3579
3843
 
3580
3844
  .navds-action-menu__marker {
@@ -3644,7 +3908,15 @@
3644
3908
  display: grid;
3645
3909
  }
3646
3910
 
3647
- .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
3911
+ .navds-action-menu__indicator[data-state="unchecked"] .navds-action-menu__indicator-icon--unchecked {
3912
+ display: block;
3913
+ }
3914
+
3915
+ .navds-action-menu__indicator[data-state="checked"] .navds-action-menu__indicator-icon--checked {
3916
+ display: block;
3917
+ }
3918
+
3919
+ .navds-action-menu__indicator[data-state="indeterminate"] .navds-action-menu__indicator-icon--indeterminate {
3648
3920
  display: block;
3649
3921
  }
3650
3922
 
@@ -3654,11 +3926,12 @@
3654
3926
 
3655
3927
  .navds-expansioncard {
3656
3928
  --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
3657
- --__axc-expansioncard-padding-block: var(--ax-space-16);
3929
+ --__axc-expansioncard-padding-block: var(--ax-space-20);
3658
3930
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
3659
3931
  border-radius: var(--ax-border-radius-xlarge);
3660
3932
  background-color: var(--ax-bg-raised);
3661
3933
  border: 1px solid var(--ax-border-default);
3934
+ height: -webkit-fit-content;
3662
3935
  height: fit-content;
3663
3936
  }
3664
3937
 
@@ -3669,13 +3942,17 @@
3669
3942
 
3670
3943
  .navds-expansioncard--small {
3671
3944
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
3672
- --__axc-expansioncard-padding-block: var(--ax-space-12);
3945
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
3673
3946
  }
3674
3947
 
3675
3948
  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
3676
3949
  margin-top: var(--ax-space-2);
3677
3950
  }
3678
3951
 
3952
+ .navds-expansioncard--small :-webkit-any(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3953
+ margin-top: 0;
3954
+ }
3955
+
3679
3956
  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
3680
3957
  margin-top: 0;
3681
3958
  }
@@ -3697,7 +3974,7 @@
3697
3974
  }
3698
3975
 
3699
3976
  .navds-expansioncard__header:hover {
3700
- background-color: var(--ax-bg-hover);
3977
+ background-color: var(--ax-bg-hoverA);
3701
3978
  }
3702
3979
 
3703
3980
  .navds-expansioncard__header[data-open="true"] {
@@ -3707,7 +3984,7 @@
3707
3984
 
3708
3985
  .navds-expansioncard__header[data-open="true"]:after {
3709
3986
  content: "";
3710
- background-color: var(--ax-border-subtle);
3987
+ background-color: var(--ax-border-subtleA);
3711
3988
  bottom: 0;
3712
3989
  left: var(--__axc-expansioncard-padding-inline);
3713
3990
  height: 1px;
@@ -3747,15 +4024,7 @@
3747
4024
  }
3748
4025
 
3749
4026
  .navds-expansioncard__header-button:focus-visible {
3750
- outline: 2px solid var(--ax-border-focus);
3751
- outline-offset: 2px;
3752
- }
3753
-
3754
- @supports not selector(:focus-visible) {
3755
- .navds-expansioncard__header-button:focus {
3756
- outline: 2px solid var(--ax-border-focus);
3757
- outline-offset: 2px;
3758
- }
4027
+ outline: 3px solid var(--ax-border-focus);
3759
4028
  }
3760
4029
 
3761
4030
  .navds-expansioncard__header-button:after {
@@ -3765,7 +4034,10 @@
3765
4034
  width: 100%;
3766
4035
  height: 100%;
3767
4036
  position: absolute;
3768
- inset: 0;
4037
+ top: 0;
4038
+ bottom: 0;
4039
+ left: 0;
4040
+ right: 0;
3769
4041
  }
3770
4042
 
3771
4043
  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
@@ -3787,17 +4059,31 @@
3787
4059
  .navds-expansioncard__content {
3788
4060
  padding-inline: var(--__axc-expansioncard-padding-inline);
3789
4061
  visibility: hidden;
3790
- border-end-end-radius: var(--__axc-expansioncard-border-radius);
3791
- border-end-start-radius: var(--__axc-expansioncard-border-radius);
3792
4062
  grid-template-rows: 0fr;
3793
- padding-block: 0;
3794
- transition-property: visibility, padding-block, grid-template-rows;
4063
+ padding-top: 0;
4064
+ padding-bottom: 0;
4065
+ transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
3795
4066
  transition-duration: .25s;
3796
4067
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3797
4068
  display: grid;
3798
4069
  overflow: hidden;
3799
4070
  }
3800
4071
 
4072
+ .navds-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4073
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4074
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4075
+ }
4076
+
4077
+ .navds-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4078
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4079
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4080
+ }
4081
+
4082
+ .navds-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4083
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
4084
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
4085
+ }
4086
+
3801
4087
  .navds-expansioncard__content[data-open="true"] {
3802
4088
  visibility: visible;
3803
4089
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -3814,18 +4100,28 @@
3814
4100
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
3815
4101
  }
3816
4102
 
4103
+ .navds-expansioncard--no-animation :-webkit-any(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
4104
+ transition: none;
4105
+ }
4106
+
3817
4107
  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
3818
4108
  transition: none;
3819
4109
  }
3820
4110
 
3821
4111
  .navds-guide-panel {
3822
4112
  --__axc-guide-panel-guide-size: 3.75rem;
4113
+ width: -webkit-fit-content;
3823
4114
  width: fit-content;
3824
4115
  display: flex;
3825
4116
  position: relative;
3826
4117
  }
3827
4118
 
3828
- .navds-guide-panel[data-poster="true"], .navds-guide-panel[data-responsive="true"] {
4119
+ .navds-guide-panel[data-poster="true"] {
4120
+ flex-direction: column;
4121
+ align-items: center;
4122
+ }
4123
+
4124
+ .navds-guide-panel[data-responsive="true"] {
3829
4125
  flex-direction: column;
3830
4126
  align-items: center;
3831
4127
  }
@@ -3868,6 +4164,10 @@
3868
4164
  position: relative;
3869
4165
  }
3870
4166
 
4167
+ .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
4168
+ margin-top: var(--ax-space-20);
4169
+ }
4170
+
3871
4171
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .navds-guide-panel__content {
3872
4172
  margin-top: var(--ax-space-20);
3873
4173
  }
@@ -3910,6 +4210,12 @@
3910
4210
  position: absolute;
3911
4211
  }
3912
4212
 
4213
+ .navds-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
4214
+ left: 50%;
4215
+ top: calc(var(--ax-space-16) * -1 - 2px);
4216
+ transform: translateX(-48%);
4217
+ }
4218
+
3913
4219
  .navds-guide-panel:is([data-poster="true"], [data-responsive="true"]) .navds-guide-panel__tail {
3914
4220
  left: 50%;
3915
4221
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -3955,7 +4261,11 @@
3955
4261
  border: 1px solid var(--ax-border-info);
3956
4262
  }
3957
4263
 
3958
- .navds-help-text__icon--filled, .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
4264
+ .navds-help-text__icon--filled {
4265
+ display: none;
4266
+ }
4267
+
4268
+ .navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon {
3959
4269
  display: none;
3960
4270
  }
3961
4271
 
@@ -4002,7 +4312,8 @@
4002
4312
  font: inherit;
4003
4313
  font-weight: var(--ax-font-weight-bold);
4004
4314
  text-align: left;
4005
- padding-block: 0;
4315
+ padding-top: 0;
4316
+ padding-bottom: 0;
4006
4317
  padding-inline: var(--ax-space-24) var(--ax-space-20);
4007
4318
  border: none;
4008
4319
  border-right: 1px solid var(--ax-border-subtleA);
@@ -4016,6 +4327,10 @@
4016
4327
  overflow: visible;
4017
4328
  }
4018
4329
 
4330
+ .navds-internalheader__title:-webkit-any(button) {
4331
+ cursor: pointer;
4332
+ }
4333
+
4019
4334
  .navds-internalheader__title:is(button) {
4020
4335
  cursor: pointer;
4021
4336
  }
@@ -4024,6 +4339,10 @@
4024
4339
  background: var(--ax-bg-moderate-hover);
4025
4340
  }
4026
4341
 
4342
+ .navds-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
4343
+ background: initial;
4344
+ }
4345
+
4027
4346
  .navds-internalheader__title:is(:hover, :active):not(button, a) {
4028
4347
  background: initial;
4029
4348
  }
@@ -4069,7 +4388,7 @@
4069
4388
 
4070
4389
  :is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
4071
4390
  outline: 3px solid var(--ax-border-focus);
4072
- outline-offset: -3px;
4391
+ outline-offset: -4px;
4073
4392
  }
4074
4393
 
4075
4394
  :is(.navds-internalheader__title, .navds-internalheader__button):active {
@@ -4091,13 +4410,18 @@
4091
4410
  display: inline-flex;
4092
4411
  }
4093
4412
 
4094
- .navds-link:hover, .navds-link:active {
4413
+ .navds-link:hover {
4414
+ text-decoration-thickness: .111em;
4415
+ }
4416
+
4417
+ .navds-link:active {
4095
4418
  text-decoration-thickness: .111em;
4096
4419
  }
4097
4420
 
4098
4421
  .navds-link:focus-visible {
4099
- outline: 2px solid var(--ax-border-focus);
4100
- outline-offset: 2px;
4422
+ outline: 3px solid var(--ax-border-focus);
4423
+ outline-offset: 3px;
4424
+ border-radius: 1px;
4101
4425
  }
4102
4426
 
4103
4427
  .navds-link.navds-link--inline-text {
@@ -4271,6 +4595,7 @@
4271
4595
  max-width: 100%;
4272
4596
  max-height: 100%;
4273
4597
  color: var(--ax-text-default);
4598
+ margin: auto;
4274
4599
  padding: 0;
4275
4600
  position: fixed;
4276
4601
  }
@@ -4282,7 +4607,9 @@
4282
4607
  }
4283
4608
 
4284
4609
  .navds-modal--polyfilled {
4610
+ width: -webkit-fit-content;
4285
4611
  width: fit-content;
4612
+ height: -webkit-fit-content;
4286
4613
  height: fit-content;
4287
4614
  margin: auto;
4288
4615
  top: 50%;
@@ -4301,7 +4628,10 @@
4301
4628
 
4302
4629
  ._dialog_overlay {
4303
4630
  position: fixed;
4304
- inset: 0;
4631
+ top: 0;
4632
+ bottom: 0;
4633
+ left: 0;
4634
+ right: 0;
4305
4635
  }
4306
4636
 
4307
4637
  .navds-modal--medium {
@@ -4312,7 +4642,15 @@
4312
4642
  width: 450px;
4313
4643
  }
4314
4644
 
4315
- .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
4645
+ .navds-modal--small .navds-modal__header {
4646
+ padding: var(--ax-space-12) var(--ax-space-16);
4647
+ }
4648
+
4649
+ .navds-modal--small .navds-modal__body {
4650
+ padding: var(--ax-space-12) var(--ax-space-16);
4651
+ }
4652
+
4653
+ .navds-modal--small .navds-modal__footer {
4316
4654
  padding: var(--ax-space-12) var(--ax-space-16);
4317
4655
  }
4318
4656
 
@@ -4345,7 +4683,10 @@
4345
4683
  .navds-modal--polyfilled + .backdrop {
4346
4684
  background: rgba(2, 20, 49, .49);
4347
4685
  position: fixed;
4348
- inset: 0;
4686
+ top: 0;
4687
+ bottom: 0;
4688
+ left: 0;
4689
+ right: 0;
4349
4690
  }
4350
4691
 
4351
4692
  .navds-modal__button {
@@ -4395,6 +4736,7 @@
4395
4736
  }
4396
4737
 
4397
4738
  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
4739
+ min-width: -webkit-fit-content;
4398
4740
  min-width: fit-content;
4399
4741
  max-width: 100vw;
4400
4742
  max-height: 100vh;
@@ -4583,10 +4925,21 @@
4583
4925
 
4584
4926
  .navds-tag__icon--left {
4585
4927
  font-size: var(--__axc-tag-icon-size);
4586
- margin-inline-start: var(--__axc-tag-icon-margin);
4587
4928
  display: flex;
4588
4929
  }
4589
4930
 
4931
+ .navds-tag__icon--left:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4932
+ margin-left: var(--__axc-tag-icon-margin);
4933
+ }
4934
+
4935
+ .navds-tag__icon--left:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4936
+ margin-right: var(--__axc-tag-icon-margin);
4937
+ }
4938
+
4939
+ .navds-tag__icon--left:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
4940
+ margin-right: var(--__axc-tag-icon-margin);
4941
+ }
4942
+
4590
4943
  .navds-tag--outline {
4591
4944
  box-shadow: inset 0 0 0 1px var(--__axc-tag-border);
4592
4945
  background: var(--__axc-tag-bg);
@@ -4622,6 +4975,7 @@
4622
4975
  grid-template-columns: auto minmax(0, 1fr);
4623
4976
  align-items: center;
4624
4977
  width: 100%;
4978
+ min-width: -webkit-fit-content;
4625
4979
  min-width: fit-content;
4626
4980
  display: grid;
4627
4981
  position: relative;
@@ -4684,12 +5038,12 @@
4684
5038
 
4685
5039
  .navds-timeline__period:focus-visible {
4686
5040
  z-index: 4;
4687
- outline: 2px solid var(--ax-border-focus);
4688
- outline-offset: 2px;
5041
+ outline: 3px solid var(--ax-border-focus);
5042
+ outline-offset: 3px;
4689
5043
  }
4690
5044
 
4691
5045
  .navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
4692
- box-shadow: 0 0 0 2px var(--ax-bg-default);
5046
+ box-shadow: 0 0 0 3px var(--ax-bg-default);
4693
5047
  }
4694
5048
 
4695
5049
  .navds-timeline__period {
@@ -4845,7 +5199,10 @@
4845
5199
  width: 25px;
4846
5200
  height: 25px;
4847
5201
  position: absolute;
4848
- inset: -9px 0 0 -9px;
5202
+ top: -9px;
5203
+ bottom: 0;
5204
+ left: -9px;
5205
+ right: 0;
4849
5206
  }
4850
5207
 
4851
5208
  .navds-timeline__pin-button:hover {
@@ -4853,9 +5210,9 @@
4853
5210
  }
4854
5211
 
4855
5212
  .navds-timeline__pin-button:focus-visible {
4856
- box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 2px var(--ax-bg-default);
4857
- outline: 2px solid var(--ax-border-focus);
4858
- outline-offset: 2px;
5213
+ box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
5214
+ outline: 3px solid var(--ax-border-focus);
5215
+ outline-offset: 3px;
4859
5216
  }
4860
5217
 
4861
5218
  .navds-timeline__pin-wrapper:before {
@@ -4911,7 +5268,7 @@
4911
5268
  }
4912
5269
 
4913
5270
  .navds-timeline__zoom-button:focus-visible {
4914
- box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 3px var(--ax-border-focus);
5271
+ box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
4915
5272
  border-width: 1px;
4916
5273
  }
4917
5274
 
@@ -4932,8 +5289,8 @@
4932
5289
 
4933
5290
  @media (forced-colors: active) {
4934
5291
  .navds-timeline__period:focus {
4935
- outline-offset: 2px;
4936
- outline: 2px solid highlight;
5292
+ outline-offset: 3px;
5293
+ outline: 3px solid highlight;
4937
5294
  }
4938
5295
 
4939
5296
  .navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
@@ -4948,8 +5305,14 @@
4948
5305
  outline: 4px solid rgba(0, 0, 0, 0);
4949
5306
  }
4950
5307
 
4951
- .navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
4952
- outline-offset: 2px;
5308
+ .navds-timeline__pin-button:focus {
5309
+ outline-offset: 3px;
5310
+ box-shadow: none;
5311
+ outline: 4px solid highlight;
5312
+ }
5313
+
5314
+ .navds-timeline__pin-button:focus-visible {
5315
+ outline-offset: 3px;
4953
5316
  box-shadow: none;
4954
5317
  outline: 4px solid highlight;
4955
5318
  }
@@ -5073,7 +5436,7 @@
5073
5436
  }
5074
5437
 
5075
5438
  .navds-toggle-group {
5076
- border-radius: var(--ax-border-radius-medium);
5439
+ border-radius: var(--ax-border-radius-large);
5077
5440
  box-shadow: inset 0 0 0 1px var(--ax-border-default);
5078
5441
  background-color: rgba(0, 0, 0, 0);
5079
5442
  grid-auto-columns: 1fr;
@@ -5087,11 +5450,12 @@
5087
5450
  cursor: pointer;
5088
5451
  min-height: 3rem;
5089
5452
  color: var(--ax-text-default);
5090
- border-radius: var(--ax-border-radius-medium);
5453
+ border-radius: var(--ax-border-radius-large);
5091
5454
  background-color: rgba(0, 0, 0, 0);
5092
5455
  border: none;
5093
5456
  justify-content: center;
5094
5457
  align-items: center;
5458
+ min-width: -webkit-fit-content;
5095
5459
  min-width: fit-content;
5096
5460
  display: inline-flex;
5097
5461
  position: relative;
@@ -5103,8 +5467,8 @@
5103
5467
  }
5104
5468
 
5105
5469
  .navds-toggle-group__button:focus-visible {
5106
- outline: 2px solid var(--ax-border-focus);
5107
- outline-offset: 2px;
5470
+ outline: 3px solid var(--ax-border-focus);
5471
+ outline-offset: 3px;
5108
5472
  z-index: 1;
5109
5473
  }
5110
5474
 
@@ -5188,53 +5552,6 @@
5188
5552
  border-color: var(--ac-panel-border, var(--a-border-default));
5189
5553
  }
5190
5554
 
5191
- .navds-link-panel {
5192
- color: var(--ac-link-panel-text, var(--a-text-default));
5193
- justify-content: space-between;
5194
- align-items: center;
5195
- gap: var(--a-spacing-4);
5196
- text-decoration: none;
5197
- display: flex;
5198
- }
5199
-
5200
- .navds-link-panel:hover .navds-link-panel__title {
5201
- color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
5202
- text-decoration: underline;
5203
- }
5204
-
5205
- .navds-link-panel:hover {
5206
- box-shadow: var(--a-shadow-small);
5207
- border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
5208
- }
5209
-
5210
- .navds-link-panel:focus-visible {
5211
- outline-offset: 2px;
5212
- box-shadow: var(--a-shadow-focus);
5213
- outline: 3px solid rgba(0, 0, 0, 0);
5214
- }
5215
-
5216
- @supports not selector(:focus-visible) {
5217
- .navds-link-panel:focus {
5218
- outline-offset: 2px;
5219
- box-shadow: var(--a-shadow-focus);
5220
- outline: 3px solid rgba(0, 0, 0, 0);
5221
- }
5222
- }
5223
-
5224
- .navds-link-panel__chevron {
5225
- flex-shrink: 0;
5226
- font-size: 1.5rem;
5227
- transition: transform .2s;
5228
- }
5229
-
5230
- .navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
5231
- transform: translateX(4px);
5232
- }
5233
-
5234
- .navds-link-panel__description {
5235
- margin-top: var(--a-spacing-1);
5236
- }
5237
-
5238
5555
  .navds-read-more {
5239
5556
  --__axc-read-more-icon-size: 1.5rem;
5240
5557
  --__axc-read-more-pi-start: 0px;
@@ -5257,14 +5574,23 @@
5257
5574
  }
5258
5575
 
5259
5576
  .navds-read-more__button:focus-visible {
5260
- outline: 2px solid var(--ax-border-focus);
5261
- outline-offset: 2px;
5577
+ outline: 3px solid var(--ax-border-focus);
5578
+ outline-offset: 3px;
5262
5579
  }
5263
5580
 
5264
5581
  .navds-read-more__button[data-state="open"] .navds-read-more__expand-icon {
5265
5582
  transform: rotateX(-180deg);
5266
5583
  }
5267
5584
 
5585
+ .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5586
+ border-radius: var(--ax-border-radius-medium);
5587
+ }
5588
+
5589
+ .navds-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
5590
+ background-color: var(--ax-bg-hoverA);
5591
+ color: var(--ax-text-accent-strong);
5592
+ }
5593
+
5268
5594
  .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button {
5269
5595
  border-radius: var(--ax-border-radius-medium);
5270
5596
  }
@@ -5289,7 +5615,12 @@
5289
5615
  --__axc-read-more-pi-end: var(--ax-space-24);
5290
5616
  }
5291
5617
 
5292
- .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
5618
+ .navds-read-more[data-volume="high"].navds-read-more--small {
5619
+ --__axc-read-more-pi-start: var(--ax-space-8);
5620
+ --__axc-read-more-pi-end: var(--ax-space-16);
5621
+ }
5622
+
5623
+ .navds-read-more[data-volume="high"].navds-read-more--medium {
5293
5624
  --__axc-read-more-pi-start: var(--ax-space-8);
5294
5625
  --__axc-read-more-pi-end: var(--ax-space-16);
5295
5626
  }
@@ -5458,6 +5789,7 @@
5458
5789
  }
5459
5790
 
5460
5791
  .navds-skeleton--has-children.navds-skeleton--no-width {
5792
+ width: -webkit-fit-content;
5461
5793
  width: fit-content;
5462
5794
  }
5463
5795
 
@@ -5557,12 +5889,13 @@
5557
5889
  padding: var(--__axc-stepper-border-width);
5558
5890
  margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
5559
5891
  justify-content: flex-start;
5892
+ width: 100%;
5560
5893
  display: grid;
5561
5894
  }
5562
5895
 
5563
5896
  .navds-stepper__step:focus-visible {
5564
- outline: 2px solid var(--ax-border-focus);
5565
- outline-offset: 4px;
5897
+ outline: 3px solid var(--ax-border-focus);
5898
+ outline-offset: 3px;
5566
5899
  isolation: isolate;
5567
5900
  }
5568
5901
 
@@ -5570,7 +5903,18 @@
5570
5903
  margin-bottom: 0;
5571
5904
  }
5572
5905
 
5906
+ .navds-stepper__step:-webkit-any(button) {
5907
+ -webkit-appearance: none;
5908
+ appearance: none;
5909
+ font: inherit;
5910
+ color: inherit;
5911
+ text-align: inherit;
5912
+ background-color: rgba(0, 0, 0, 0);
5913
+ border: none;
5914
+ }
5915
+
5573
5916
  .navds-stepper__step:is(button) {
5917
+ -webkit-appearance: none;
5574
5918
  appearance: none;
5575
5919
  font: inherit;
5576
5920
  color: inherit;
@@ -5607,7 +5951,11 @@
5607
5951
  text-decoration-thickness: .05em;
5608
5952
  }
5609
5953
 
5610
- :is(.navds-stepper__step[data-interactive="true"]:hover, .navds-stepper__step[data-interactive="true"]:active) .navds-stepper__content {
5954
+ .navds-stepper__step[data-interactive="true"]:hover .navds-stepper__content {
5955
+ text-decoration-thickness: .111em;
5956
+ }
5957
+
5958
+ .navds-stepper__step[data-interactive="true"]:active .navds-stepper__content {
5611
5959
  text-decoration-thickness: .111em;
5612
5960
  }
5613
5961
 
@@ -5658,6 +6006,7 @@
5658
6006
 
5659
6007
  .navds-stepper__content {
5660
6008
  grid-column: content;
6009
+ min-width: -webkit-fit-content;
5661
6010
  min-width: fit-content;
5662
6011
  padding-top: .035rem;
5663
6012
  line-height: 1.5;
@@ -5692,7 +6041,11 @@
5692
6041
  flex: 100%;
5693
6042
  }
5694
6043
 
5695
- .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1, .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
6044
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:first-of-type .navds-stepper__line--1 {
6045
+ visibility: hidden;
6046
+ }
6047
+
6048
+ .navds-stepper[data-orientation="horizontal"] .navds-stepper__item:last-of-type .navds-stepper__line--2 {
5696
6049
  visibility: hidden;
5697
6050
  }
5698
6051
 
@@ -5794,7 +6147,11 @@
5794
6147
  text-align: center;
5795
6148
  }
5796
6149
 
5797
- :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 {
6150
+ :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell {
6151
+ border-color: var(--ax-border-strong);
6152
+ }
6153
+
6154
+ :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
5798
6155
  border-color: var(--ax-border-strong);
5799
6156
  }
5800
6157
 
@@ -5823,6 +6180,7 @@
5823
6180
  }
5824
6181
 
5825
6182
  .navds-table__sort-button {
6183
+ -webkit-appearance: none;
5826
6184
  appearance: none;
5827
6185
  color: var(--ax-text-accent);
5828
6186
  cursor: pointer;
@@ -5847,8 +6205,8 @@
5847
6205
  }
5848
6206
 
5849
6207
  .navds-table__sort-button:focus-visible {
5850
- outline: 2px solid var(--ax-border-focus);
5851
- outline-offset: -4px;
6208
+ outline: 3px solid var(--ax-border-focus);
6209
+ outline-offset: -5px;
5852
6210
  }
5853
6211
 
5854
6212
  .navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
@@ -5929,7 +6287,7 @@
5929
6287
  }
5930
6288
 
5931
6289
  .navds-table__toggle-expand-button:focus-visible {
5932
- outline: 2px solid var(--ax-border-focus);
6290
+ outline: 3px solid var(--ax-border-focus);
5933
6291
  }
5934
6292
 
5935
6293
  .navds-table__expanded-row-cell {
@@ -5945,11 +6303,28 @@
5945
6303
  }
5946
6304
 
5947
6305
  .navds-table__expanded-row-content {
5948
- padding: var(--ax-space-16) calc(var(--ax-space-8) + 3rem);
6306
+ --__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);
6307
+ padding-block: var(--ax-space-16);
5949
6308
  }
5950
6309
 
5951
6310
  .navds-table--small .navds-table__expanded-row-content {
5952
- padding: var(--ax-space-8) calc(var(--ax-space-8) + 3rem);
6311
+ padding-block: var(--ax-space-8);
6312
+ }
6313
+
6314
+ .navds-table__expanded-row-content--gutter-both {
6315
+ padding-inline: var(--__ac-table-expanded-row-pi);
6316
+ }
6317
+
6318
+ .navds-table__expanded-row-content--gutter-left {
6319
+ padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
6320
+ }
6321
+
6322
+ .navds-table__expanded-row-content--gutter-right {
6323
+ padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
6324
+ }
6325
+
6326
+ .navds-table__expanded-row-content--gutter-none {
6327
+ padding-inline: var(--ax-space-8);
5953
6328
  }
5954
6329
 
5955
6330
  .navds-tabs__tablist-wrapper {
@@ -6021,8 +6396,8 @@
6021
6396
  }
6022
6397
 
6023
6398
  .navds-tabs__tab:focus-visible {
6024
- outline: 2px solid var(--ax-border-focus);
6025
- outline-offset: -2px;
6399
+ outline: 3px solid var(--ax-border-focus);
6400
+ outline-offset: -3px;
6026
6401
  }
6027
6402
 
6028
6403
  .navds-tabs__tab-inner {
@@ -6070,22 +6445,22 @@
6070
6445
  }
6071
6446
 
6072
6447
  .navds-tabs__tabpanel:focus-visible {
6073
- outline: 2px solid var(--ax-border-focus);
6074
- outline-offset: -2px;
6448
+ outline: 3px solid var(--ax-border-focus);
6449
+ outline-offset: -4px;
6075
6450
  }
6076
6451
 
6077
6452
  @media (forced-colors: active) {
6078
6453
  .navds-tabs__tab[data-state="active"] {
6079
6454
  border-bottom: 3px solid canvastext;
6080
- padding-block-end: calc(var(--ax-space-12) - 3px);
6455
+ padding-bottom: calc(var(--ax-space-12) - 3px);
6081
6456
  }
6082
6457
 
6083
6458
  .navds-tabs__tab--small[data-state="active"] {
6084
- padding-block-end: calc(var(--ax-space-6) - 3px);
6459
+ padding-bottom: calc(var(--ax-space-6) - 3px);
6085
6460
  }
6086
6461
 
6087
6462
  .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
6088
- padding-block-end: calc(var(--ax-space-4) - 3px);
6463
+ padding-bottom: calc(var(--ax-space-4) - 3px);
6089
6464
  }
6090
6465
  }
6091
6466
 
@@ -6152,11 +6527,11 @@
6152
6527
  }
6153
6528
 
6154
6529
  .navds-list__item {
6155
- margin-block-end: var(--ax-space-8);
6530
+ margin-bottom: var(--ax-space-8);
6156
6531
  }
6157
6532
 
6158
6533
  .navds-list__item:last-child {
6159
- margin-block-end: 0;
6534
+ margin-bottom: 0;
6160
6535
  }
6161
6536
 
6162
6537
  .navds-list__item-marker {
@@ -7140,6 +7515,7 @@
7140
7515
  }
7141
7516
 
7142
7517
  .navds-page {
7518
+ min-height: 100vh;
7143
7519
  flex-direction: column;
7144
7520
  min-height: 100lvh;
7145
7521
  display: flex;
@@ -7148,7 +7524,8 @@
7148
7524
  .navds-pageblock {
7149
7525
  --__axc-page-padding-inline: 0px;
7150
7526
  width: 100%;
7151
- margin-inline: auto;
7527
+ margin-left: auto;
7528
+ margin-right: auto;
7152
7529
  }
7153
7530
 
7154
7531
  .navds-page__content--grow {
@@ -7156,11 +7533,12 @@
7156
7533
  }
7157
7534
 
7158
7535
  .navds-page__content--fullheight {
7536
+ min-height: 100vh;
7159
7537
  min-height: 100lvh;
7160
7538
  }
7161
7539
 
7162
7540
  .navds-page__content--padding {
7163
- padding-block-end: var(--ax-space-64);
7541
+ padding-bottom: var(--ax-space-64);
7164
7542
  }
7165
7543
 
7166
7544
  .navds-pageblock--text {
@@ -7330,8 +7708,19 @@
7330
7708
  }
7331
7709
 
7332
7710
  .navds-stack > .navds-stack__spacer {
7333
- margin-block-start: calc(var(--__axc-stack-gap) * -1);
7334
- margin-inline-start: calc(var(--__axc-stack-gap) * -1);
7711
+ margin-top: calc(var(--__axc-stack-gap) * -1);
7712
+ }
7713
+
7714
+ .navds-stack > .navds-stack__spacer:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7715
+ margin-left: calc(var(--__axc-stack-gap) * -1);
7716
+ }
7717
+
7718
+ .navds-stack > .navds-stack__spacer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7719
+ margin-right: calc(var(--__axc-stack-gap) * -1);
7720
+ }
7721
+
7722
+ .navds-stack > .navds-stack__spacer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
7723
+ margin-right: calc(var(--__axc-stack-gap) * -1);
7335
7724
  }
7336
7725
 
7337
7726
  @media (min-width: 480px) {