@navikt/ds-css 7.34.0 → 7.35.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/darkside/form/search.darkside.css +1 -0
  3. package/darkside/link-panel.darkside.css +1 -1
  4. package/dist/component/loader.min.css +1 -1
  5. package/dist/components.min.css +1 -1
  6. package/dist/darkside/component/accordion.css +21 -6
  7. package/dist/darkside/component/accordion.min.css +1 -1
  8. package/dist/darkside/component/actionmenu.css +9 -1
  9. package/dist/darkside/component/alert.css +14 -5
  10. package/dist/darkside/component/alert.min.css +1 -1
  11. package/dist/darkside/component/button.css +22 -0
  12. package/dist/darkside/component/button.min.css +1 -1
  13. package/dist/darkside/component/chat.css +19 -3
  14. package/dist/darkside/component/chat.min.css +1 -1
  15. package/dist/darkside/component/date.css +61 -10
  16. package/dist/darkside/component/date.min.css +1 -1
  17. package/dist/darkside/component/dropdown.css +2 -1
  18. package/dist/darkside/component/dropdown.min.css +1 -1
  19. package/dist/darkside/component/expansioncard.css +31 -5
  20. package/dist/darkside/component/expansioncard.min.css +1 -1
  21. package/dist/darkside/component/form.css +202 -25
  22. package/dist/darkside/component/form.min.css +1 -1
  23. package/dist/darkside/component/guidepanel.css +17 -1
  24. package/dist/darkside/component/guidepanel.min.css +1 -1
  25. package/dist/darkside/component/helptext.css +5 -1
  26. package/dist/darkside/component/helptext.min.css +1 -1
  27. package/dist/darkside/component/internalheader.css +10 -1
  28. package/dist/darkside/component/internalheader.min.css +1 -1
  29. package/dist/darkside/component/link.css +5 -1
  30. package/dist/darkside/component/linkanchor.css +10 -2
  31. package/dist/darkside/component/linkcard.css +55 -8
  32. package/dist/darkside/component/linkcard.min.css +1 -1
  33. package/dist/darkside/component/linkpanel.css +1 -1
  34. package/dist/darkside/component/linkpanel.min.css +1 -1
  35. package/dist/darkside/component/list.css +3 -3
  36. package/dist/darkside/component/list.min.css +1 -1
  37. package/dist/darkside/component/modal.css +16 -3
  38. package/dist/darkside/component/modal.min.css +1 -1
  39. package/dist/darkside/component/primitives.css +18 -4
  40. package/dist/darkside/component/primitives.min.css +1 -1
  41. package/dist/darkside/component/process.css +53 -10
  42. package/dist/darkside/component/process.min.css +1 -1
  43. package/dist/darkside/component/readmore.css +14 -1
  44. package/dist/darkside/component/readmore.min.css +1 -1
  45. package/dist/darkside/component/skeleton.css +1 -0
  46. package/dist/darkside/component/skeleton.min.css +1 -1
  47. package/dist/darkside/component/stepper.css +22 -2
  48. package/dist/darkside/component/stepper.min.css +1 -1
  49. package/dist/darkside/component/table.css +27 -2
  50. package/dist/darkside/component/table.min.css +1 -1
  51. package/dist/darkside/component/tabs.css +3 -3
  52. package/dist/darkside/component/tabs.min.css +1 -1
  53. package/dist/darkside/component/tag.css +12 -1
  54. package/dist/darkside/component/tag.min.css +1 -1
  55. package/dist/darkside/component/timeline.css +12 -2
  56. package/dist/darkside/component/timeline.min.css +1 -1
  57. package/dist/darkside/component/togglegroup.css +1 -0
  58. package/dist/darkside/component/togglegroup.min.css +1 -1
  59. package/dist/darkside/components.css +666 -102
  60. package/dist/darkside/components.min.css +1 -1
  61. package/dist/darkside/global/tokens.css +1 -1
  62. package/dist/darkside/global/tokens.min.css +1 -1
  63. package/dist/darkside/index.css +667 -103
  64. package/dist/darkside/index.min.css +1 -1
  65. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/accordion.css +21 -6
  66. package/dist/darkside/version/7.35.1/component/accordion.min.css +1 -0
  67. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/actionmenu.css +9 -1
  68. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/alert.css +14 -5
  69. package/dist/darkside/version/7.35.1/component/alert.min.css +1 -0
  70. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/button.css +22 -0
  71. package/dist/darkside/version/7.35.1/component/button.min.css +1 -0
  72. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chat.css +19 -3
  73. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chat.min.css +1 -1
  74. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/date.css +61 -10
  75. package/dist/darkside/version/7.35.1/component/date.min.css +1 -0
  76. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/dropdown.css +2 -1
  77. package/dist/darkside/version/7.35.1/component/dropdown.min.css +1 -0
  78. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/expansioncard.css +31 -5
  79. package/dist/darkside/version/7.35.1/component/expansioncard.min.css +1 -0
  80. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/form.css +202 -25
  81. package/dist/darkside/version/7.35.1/component/form.min.css +1 -0
  82. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/guidepanel.css +17 -1
  83. package/dist/darkside/version/7.35.1/component/guidepanel.min.css +1 -0
  84. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/helptext.css +5 -1
  85. package/dist/darkside/version/7.35.1/component/helptext.min.css +1 -0
  86. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/internalheader.css +10 -1
  87. package/dist/darkside/version/7.35.1/component/internalheader.min.css +1 -0
  88. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/link.css +5 -1
  89. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkanchor.css +10 -2
  90. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkcard.css +55 -8
  91. package/dist/darkside/version/7.35.1/component/linkcard.min.css +1 -0
  92. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkpanel.css +1 -1
  93. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkpanel.min.css +1 -1
  94. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/list.css +3 -3
  95. package/dist/darkside/version/7.35.1/component/list.min.css +1 -0
  96. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/modal.css +16 -3
  97. package/dist/darkside/version/7.35.1/component/modal.min.css +1 -0
  98. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/primitives.css +18 -4
  99. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/primitives.min.css +1 -1
  100. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/process.css +53 -10
  101. package/dist/darkside/version/7.35.1/component/process.min.css +1 -0
  102. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/readmore.css +14 -1
  103. package/dist/darkside/version/7.35.1/component/readmore.min.css +1 -0
  104. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/skeleton.css +1 -0
  105. package/dist/darkside/version/7.35.1/component/skeleton.min.css +1 -0
  106. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/stepper.css +22 -2
  107. package/dist/darkside/version/7.35.1/component/stepper.min.css +1 -0
  108. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/table.css +27 -2
  109. package/dist/darkside/version/7.35.1/component/table.min.css +1 -0
  110. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tabs.css +3 -3
  111. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tabs.min.css +1 -1
  112. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tag.css +12 -1
  113. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tag.min.css +1 -1
  114. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/timeline.css +12 -2
  115. package/dist/darkside/version/7.35.1/component/timeline.min.css +1 -0
  116. package/dist/darkside/version/{7.34.0 → 7.35.1}/component/togglegroup.css +1 -0
  117. package/dist/darkside/version/7.35.1/component/togglegroup.min.css +1 -0
  118. package/dist/darkside/version/{7.34.0 → 7.35.1}/components.css +666 -102
  119. package/dist/darkside/version/7.35.1/components.min.css +1 -0
  120. package/dist/darkside/version/{7.34.0 → 7.35.1}/global/tokens.css +1 -1
  121. package/dist/darkside/version/{7.34.0 → 7.35.1}/global/tokens.min.css +1 -1
  122. package/dist/darkside/version/{7.34.0 → 7.35.1}/index.css +667 -103
  123. package/dist/darkside/version/7.35.1/index.min.css +1 -0
  124. package/dist/global/tokens.css +1 -1
  125. package/dist/global/tokens.min.css +1 -1
  126. package/dist/index.css +1 -1
  127. package/dist/index.min.css +2 -2
  128. package/package.json +2 -2
  129. package/dist/darkside/version/7.34.0/component/accordion.min.css +0 -1
  130. package/dist/darkside/version/7.34.0/component/alert.min.css +0 -1
  131. package/dist/darkside/version/7.34.0/component/button.min.css +0 -1
  132. package/dist/darkside/version/7.34.0/component/date.min.css +0 -1
  133. package/dist/darkside/version/7.34.0/component/dropdown.min.css +0 -1
  134. package/dist/darkside/version/7.34.0/component/expansioncard.min.css +0 -1
  135. package/dist/darkside/version/7.34.0/component/form.min.css +0 -1
  136. package/dist/darkside/version/7.34.0/component/guidepanel.min.css +0 -1
  137. package/dist/darkside/version/7.34.0/component/helptext.min.css +0 -1
  138. package/dist/darkside/version/7.34.0/component/internalheader.min.css +0 -1
  139. package/dist/darkside/version/7.34.0/component/linkcard.min.css +0 -1
  140. package/dist/darkside/version/7.34.0/component/list.min.css +0 -1
  141. package/dist/darkside/version/7.34.0/component/modal.min.css +0 -1
  142. package/dist/darkside/version/7.34.0/component/process.min.css +0 -1
  143. package/dist/darkside/version/7.34.0/component/readmore.min.css +0 -1
  144. package/dist/darkside/version/7.34.0/component/skeleton.min.css +0 -1
  145. package/dist/darkside/version/7.34.0/component/stepper.min.css +0 -1
  146. package/dist/darkside/version/7.34.0/component/table.min.css +0 -1
  147. package/dist/darkside/version/7.34.0/component/timeline.min.css +0 -1
  148. package/dist/darkside/version/7.34.0/component/togglegroup.min.css +0 -1
  149. package/dist/darkside/version/7.34.0/components.min.css +0 -1
  150. package/dist/darkside/version/7.34.0/index.min.css +0 -1
  151. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/actionmenu.min.css +0 -0
  152. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chips.css +0 -0
  153. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chips.min.css +0 -0
  154. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/copybutton.css +0 -0
  155. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/copybutton.min.css +0 -0
  156. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/inlinemessage.css +0 -0
  157. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/inlinemessage.min.css +0 -0
  158. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/link.min.css +0 -0
  159. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkanchor.min.css +0 -0
  160. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/loader.css +0 -0
  161. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/loader.min.css +0 -0
  162. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/pagination.css +0 -0
  163. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/pagination.min.css +0 -0
  164. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/panel.css +0 -0
  165. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/panel.min.css +0 -0
  166. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/popover.css +0 -0
  167. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/popover.min.css +0 -0
  168. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/progressbar.css +0 -0
  169. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/progressbar.min.css +0 -0
  170. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/theme.css +0 -0
  171. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/theme.min.css +0 -0
  172. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tooltip.css +0 -0
  173. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tooltip.min.css +0 -0
  174. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/typography.css +0 -0
  175. /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/typography.min.css +0 -0
  176. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/baseline.css +0 -0
  177. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/baseline.min.css +0 -0
  178. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/fonts.css +0 -0
  179. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/fonts.min.css +0 -0
  180. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/print.css +0 -0
  181. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/print.min.css +0 -0
  182. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/reset.css +0 -0
  183. /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/reset.min.css +0 -0
@@ -646,7 +646,7 @@
646
646
  }
647
647
 
648
648
  :root, :host {
649
- --ax-version: "7.34.0";
649
+ --ax-version: "7.35.1";
650
650
  --ax-space-0: 0rem;
651
651
  --ax-space-1: .0625rem;
652
652
  --ax-space-2: .125rem;
@@ -1489,6 +1489,10 @@
1489
1489
  background-color: var(--ax-bg-strong-pressed);
1490
1490
  }
1491
1491
 
1492
+ .aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1493
+ background-color: var(--ax-bg-strong);
1494
+ }
1495
+
1492
1496
  .aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
1493
1497
  background-color: var(--ax-bg-strong);
1494
1498
  }
@@ -1512,6 +1516,15 @@
1512
1516
  background-color: var(--ax-bg-moderate-pressedA);
1513
1517
  }
1514
1518
 
1519
+ .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1520
+ color: var(--ax-text-subtle);
1521
+ background-color: rgba(0, 0, 0, 0);
1522
+ }
1523
+
1524
+ .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1525
+ color: var(--ax-text-default);
1526
+ }
1527
+
1515
1528
  .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
1516
1529
  color: var(--ax-text-subtle);
1517
1530
  background-color: rgba(0, 0, 0, 0);
@@ -1543,6 +1556,15 @@
1543
1556
  color: var(--ax-text-contrast);
1544
1557
  }
1545
1558
 
1559
+ .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
1560
+ color: var(--ax-text-subtle);
1561
+ background-color: rgba(0, 0, 0, 0);
1562
+ }
1563
+
1564
+ .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
1565
+ color: var(--ax-text-default);
1566
+ }
1567
+
1546
1568
  .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
1547
1569
  color: var(--ax-text-subtle);
1548
1570
  background-color: rgba(0, 0, 0, 0);
@@ -1905,7 +1927,10 @@
1905
1927
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
1906
1928
  margin: -1px;
1907
1929
  position: absolute;
1908
- inset: 0;
1930
+ top: 0;
1931
+ bottom: 0;
1932
+ left: 0;
1933
+ right: 0;
1909
1934
  }
1910
1935
 
1911
1936
  @keyframes akselDropzoneDragoverAnimation {
@@ -1983,7 +2008,25 @@
1983
2008
  display: flex;
1984
2009
  }
1985
2010
 
1986
- .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
2011
+ li.aksel-file-item {
2012
+ margin: 0;
2013
+ padding: 0;
2014
+ list-style: none;
2015
+ }
2016
+
2017
+ .aksel-file-upload :-webkit-any(ul, li) {
2018
+ margin: 0;
2019
+ padding: 0;
2020
+ list-style: none;
2021
+ }
2022
+
2023
+ .aksel-file-upload :is(ul, li) {
2024
+ margin: 0;
2025
+ padding: 0;
2026
+ list-style: none;
2027
+ }
2028
+
2029
+ ul:has( > li.aksel-file-item) {
1987
2030
  margin: 0;
1988
2031
  padding: 0;
1989
2032
  list-style: none;
@@ -2097,7 +2140,11 @@
2097
2140
  outline-offset: 3px;
2098
2141
  }
2099
2142
 
2100
- .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
2143
+ .aksel-error-summary:focus-visible {
2144
+ outline: 3px solid var(--ax-border-focus);
2145
+ }
2146
+
2147
+ .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
2101
2148
  outline: 3px solid var(--ax-border-focus);
2102
2149
  }
2103
2150
 
@@ -2162,14 +2209,27 @@
2162
2209
  border-color: orange;
2163
2210
  border-left-style: solid;
2164
2211
  border-left-width: 8px;
2165
- border-start-start-radius: calc(var(--ax-radius-8) - 1px);
2166
- border-end-start-radius: calc(var(--ax-radius-8) - 1px);
2167
2212
  height: 100%;
2168
2213
  position: absolute;
2169
2214
  top: 0;
2170
2215
  left: 0;
2171
2216
  }
2172
2217
 
2218
+ .aksel-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 {
2219
+ border-top-left-radius: calc(var(--ax-radius-8) - 1px);
2220
+ border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
2221
+ }
2222
+
2223
+ .aksel-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 {
2224
+ border-top-right-radius: calc(var(--ax-radius-8) - 1px);
2225
+ border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
2226
+ }
2227
+
2228
+ .aksel-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 {
2229
+ border-top-right-radius: calc(var(--ax-radius-8) - 1px);
2230
+ border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
2231
+ }
2232
+
2173
2233
  .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
2174
2234
  border-color: green;
2175
2235
  }
@@ -2183,6 +2243,7 @@
2183
2243
  --__axc-radio-checkbox-marker-size: 1.5rem;
2184
2244
  --__axc-radio-checkbox-marker-target: 2.75rem;
2185
2245
  gap: var(--ax-space-2) 0;
2246
+ width: -webkit-fit-content;
2186
2247
  width: fit-content;
2187
2248
  padding: var(--ax-space-12) 0;
2188
2249
  grid-template-columns: auto 1fr;
@@ -2229,6 +2290,7 @@
2229
2290
 
2230
2291
  .aksel-checkbox__input, .aksel-radio__input {
2231
2292
  --__axc-radio-checkbox-marker-border: 2px;
2293
+ -webkit-appearance: none;
2232
2294
  appearance: none;
2233
2295
  cursor: pointer;
2234
2296
  width: var(--__axc-radio-checkbox-marker-size);
@@ -2316,11 +2378,19 @@
2316
2378
  opacity: var(--ax-opacity-disabled);
2317
2379
  }
2318
2380
 
2319
- .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
2381
+ .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
2320
2382
  cursor: not-allowed;
2321
2383
  }
2322
2384
 
2323
- .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
2385
+ .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
2386
+ cursor: not-allowed;
2387
+ }
2388
+
2389
+ .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
2390
+ cursor: default;
2391
+ }
2392
+
2393
+ .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
2324
2394
  cursor: default;
2325
2395
  }
2326
2396
 
@@ -2352,11 +2422,19 @@
2352
2422
  }
2353
2423
 
2354
2424
  @media (forced-colors: active) {
2425
+ :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
2426
+ background-color: fieldtext;
2427
+ }
2428
+
2355
2429
  :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
2356
2430
  background-color: fieldtext;
2357
2431
  }
2358
2432
 
2359
- .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
2433
+ .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
2434
+ color: highlight;
2435
+ }
2436
+
2437
+ .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
2360
2438
  color: highlight;
2361
2439
  }
2362
2440
 
@@ -2389,12 +2467,21 @@
2389
2467
  background-color: graytext;
2390
2468
  }
2391
2469
 
2392
- .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon), .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
2470
+ .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
2471
+ color: graytext;
2472
+ }
2473
+
2474
+ .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
2475
+ color: graytext;
2476
+ }
2477
+
2478
+ .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
2393
2479
  color: graytext;
2394
2480
  }
2395
2481
  }
2396
2482
 
2397
2483
  .aksel-select__input {
2484
+ -webkit-appearance: none;
2398
2485
  appearance: none;
2399
2486
  background-color: var(--ax-bg-input);
2400
2487
  border-radius: var(--ax-radius-8);
@@ -2453,10 +2540,21 @@
2453
2540
 
2454
2541
  .aksel-form-field--small .aksel-select__input {
2455
2542
  min-height: 2rem;
2456
- padding-block: 0;
2543
+ padding-top: 0;
2544
+ padding-bottom: 0;
2457
2545
  }
2458
2546
 
2459
- .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
2547
+ .aksel-select--error > * select {
2548
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2549
+ border-color: var(--ax-border-danger-strong);
2550
+ }
2551
+
2552
+ .aksel-select--error > * select:hover {
2553
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2554
+ border-color: var(--ax-border-danger-strong);
2555
+ }
2556
+
2557
+ .aksel-select--error > * select:focus {
2460
2558
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
2461
2559
  border-color: var(--ax-border-danger-strong);
2462
2560
  }
@@ -2487,6 +2585,12 @@
2487
2585
  }
2488
2586
 
2489
2587
  @media (forced-colors: active) {
2588
+ .aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
2589
+ color: buttontext;
2590
+ background-color: buttonface;
2591
+ border-color: buttontext;
2592
+ }
2593
+
2490
2594
  .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
2491
2595
  color: buttontext;
2492
2596
  background-color: buttonface;
@@ -2499,6 +2603,7 @@
2499
2603
  }
2500
2604
 
2501
2605
  .aksel-switch {
2606
+ width: -webkit-fit-content;
2502
2607
  width: fit-content;
2503
2608
  min-height: 3rem;
2504
2609
  position: relative;
@@ -2677,12 +2782,18 @@
2677
2782
  width: auto;
2678
2783
  }
2679
2784
 
2680
- .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
2785
+ .aksel-switch--right .aksel-switch__input {
2786
+ left: auto;
2787
+ right: 0;
2788
+ }
2789
+
2790
+ .aksel-switch--right .aksel-switch__track {
2681
2791
  left: auto;
2682
2792
  right: 0;
2683
2793
  }
2684
2794
 
2685
2795
  .aksel-switch__input:disabled {
2796
+ -webkit-appearance: none;
2686
2797
  appearance: none;
2687
2798
  }
2688
2799
 
@@ -2694,12 +2805,31 @@
2694
2805
  cursor: not-allowed;
2695
2806
  }
2696
2807
 
2697
- .aksel-switch--readonly > .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
2808
+ .aksel-switch--readonly > .aksel-switch__track {
2809
+ background-color: var(--ax-bg-neutral-moderate);
2810
+ border-color: var(--ax-border-neutral-subtleA);
2811
+ }
2812
+
2813
+ .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
2814
+ background-color: var(--ax-bg-neutral-moderate);
2815
+ border-color: var(--ax-border-neutral-subtleA);
2816
+ }
2817
+
2818
+ .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
2819
+ background-color: var(--ax-bg-neutral-moderate);
2820
+ border-color: var(--ax-border-neutral-subtleA);
2821
+ }
2822
+
2823
+ .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
2698
2824
  background-color: var(--ax-bg-neutral-moderate);
2699
2825
  border-color: var(--ax-border-neutral-subtleA);
2700
2826
  }
2701
2827
 
2702
- .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
2828
+ .aksel-switch--readonly > .aksel-switch__label-wrapper {
2829
+ cursor: default;
2830
+ }
2831
+
2832
+ .aksel-switch--readonly > .aksel-switch__input {
2703
2833
  cursor: default;
2704
2834
  }
2705
2835
 
@@ -2761,6 +2891,7 @@
2761
2891
  }
2762
2892
 
2763
2893
  .aksel-text-field__input {
2894
+ -webkit-appearance: none;
2764
2895
  appearance: none;
2765
2896
  padding: var(--ax-space-8);
2766
2897
  background: var(--ax-bg-input);
@@ -2837,6 +2968,7 @@
2837
2968
 
2838
2969
  .aksel-textarea__input {
2839
2970
  height: var(--__axc-textarea-height);
2971
+ -webkit-appearance: none;
2840
2972
  appearance: none;
2841
2973
  padding: var(--ax-space-8);
2842
2974
  background-color: var(--ax-bg-input);
@@ -2899,17 +3031,50 @@
2899
3031
 
2900
3032
  .aksel-textarea--resize-both .aksel-textarea__input {
2901
3033
  resize: both;
2902
- border-end-end-radius: 0;
3034
+ }
3035
+
3036
+ .aksel-textarea--resize-both .aksel-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)) {
3037
+ border-bottom-right-radius: 0;
3038
+ }
3039
+
3040
+ .aksel-textarea--resize-both .aksel-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)) {
3041
+ border-bottom-left-radius: 0;
3042
+ }
3043
+
3044
+ .aksel-textarea--resize-both .aksel-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)) {
3045
+ border-bottom-left-radius: 0;
2903
3046
  }
2904
3047
 
2905
3048
  .aksel-textarea--resize-horizontal .aksel-textarea__input {
2906
3049
  resize: horizontal;
2907
- border-end-end-radius: 0;
3050
+ }
3051
+
3052
+ .aksel-textarea--resize-horizontal .aksel-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)) {
3053
+ border-bottom-right-radius: 0;
3054
+ }
3055
+
3056
+ .aksel-textarea--resize-horizontal .aksel-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)) {
3057
+ border-bottom-left-radius: 0;
3058
+ }
3059
+
3060
+ .aksel-textarea--resize-horizontal .aksel-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)) {
3061
+ border-bottom-left-radius: 0;
2908
3062
  }
2909
3063
 
2910
3064
  .aksel-textarea--resize-vertical .aksel-textarea__input {
2911
3065
  resize: vertical;
2912
- border-end-end-radius: 0;
3066
+ }
3067
+
3068
+ .aksel-textarea--resize-vertical .aksel-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)) {
3069
+ border-bottom-right-radius: 0;
3070
+ }
3071
+
3072
+ .aksel-textarea--resize-vertical .aksel-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)) {
3073
+ border-bottom-left-radius: 0;
3074
+ }
3075
+
3076
+ .aksel-textarea--resize-vertical .aksel-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)) {
3077
+ border-bottom-left-radius: 0;
2913
3078
  }
2914
3079
 
2915
3080
  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -2952,6 +3117,7 @@
2952
3117
  }
2953
3118
 
2954
3119
  .aksel-search--with-size .aksel-search__wrapper {
3120
+ width: -webkit-fit-content;
2955
3121
  width: fit-content;
2956
3122
  }
2957
3123
 
@@ -2974,7 +3140,13 @@
2974
3140
  outline: none;
2975
3141
  }
2976
3142
 
2977
- .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
3143
+ .aksel-search__input.aksel-search__input--primary {
3144
+ border-right: none;
3145
+ border-top-right-radius: 0;
3146
+ border-bottom-right-radius: 0;
3147
+ }
3148
+
3149
+ .aksel-search__input.aksel-search__input--secondary {
2978
3150
  border-right: none;
2979
3151
  border-top-right-radius: 0;
2980
3152
  border-bottom-right-radius: 0;
@@ -3002,6 +3174,7 @@
3002
3174
  }
3003
3175
 
3004
3176
  .aksel-search__search-icon {
3177
+ color: var(--ax-text-neutral);
3005
3178
  left: var(--ax-space-8);
3006
3179
  pointer-events: none;
3007
3180
  font-size: 1.5rem;
@@ -3041,6 +3214,10 @@
3041
3214
  --__axc-button-border-color: var(--ax-border-strong);
3042
3215
  }
3043
3216
 
3217
+ .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover, :focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
3218
+ --__axc-button-border-color: var(--ax-border-strong);
3219
+ }
3220
+
3044
3221
  .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
3045
3222
  --__axc-button-border-color: var(--ax-border-strong);
3046
3223
  }
@@ -3054,7 +3231,11 @@
3054
3231
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
3055
3232
  }
3056
3233
 
3057
- .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
3234
+ .aksel-search__input:focus-visible {
3235
+ z-index: 1;
3236
+ }
3237
+
3238
+ .aksel-search__button-search:focus-visible {
3058
3239
  z-index: 1;
3059
3240
  }
3060
3241
 
@@ -3077,6 +3258,10 @@
3077
3258
  position: relative;
3078
3259
  }
3079
3260
 
3261
+ .aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
3262
+ border-color: var(--ax-border-strong);
3263
+ }
3264
+
3080
3265
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
3081
3266
  border-color: var(--ax-border-strong);
3082
3267
  }
@@ -3101,7 +3286,11 @@
3101
3286
  cursor: not-allowed;
3102
3287
  }
3103
3288
 
3104
- .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
3289
+ .aksel-combobox--disabled .aksel-combobox__selected-options {
3290
+ pointer-events: none;
3291
+ }
3292
+
3293
+ .aksel-combobox--disabled .aksel-combobox--readonly {
3105
3294
  pointer-events: none;
3106
3295
  }
3107
3296
 
@@ -3122,7 +3311,11 @@
3122
3311
  overflow: clip;
3123
3312
  }
3124
3313
 
3125
- .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
3314
+ .aksel-combobox--readonly .aksel-text-field__input {
3315
+ background-color: var(--ax-bg-neutral-moderate);
3316
+ }
3317
+
3318
+ .aksel-combobox--readonly .aksel-combobox__input {
3126
3319
  background-color: var(--ax-bg-neutral-moderate);
3127
3320
  }
3128
3321
 
@@ -3246,7 +3439,11 @@
3246
3439
  outline: none;
3247
3440
  }
3248
3441
 
3249
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
3442
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
3443
+ outline: none;
3444
+ }
3445
+
3446
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
3250
3447
  outline: none;
3251
3448
  }
3252
3449
  }
@@ -3383,7 +3580,7 @@
3383
3580
  border-radius: 0;
3384
3581
  justify-content: flex-start;
3385
3582
  gap: .25rem;
3386
- margin-block-start: calc(var(--ax-space-4) * -1);
3583
+ margin-top: calc(var(--ax-space-4) * -1);
3387
3584
  }
3388
3585
 
3389
3586
  .aksel-combobox__list-item--new-option svg {
@@ -3411,6 +3608,7 @@
3411
3608
  }
3412
3609
 
3413
3610
  .aksel-combobox__input {
3611
+ min-width: -webkit-min-content;
3414
3612
  min-width: min-content;
3415
3613
  padding: .75rem 0;
3416
3614
  }
@@ -3610,8 +3808,9 @@
3610
3808
  opacity: .001;
3611
3809
  grid-template-rows: 0fr;
3612
3810
  margin-top: -2px;
3613
- padding-block: 0;
3614
- transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
3811
+ padding-top: 0;
3812
+ padding-bottom: 0;
3813
+ transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
3615
3814
  transition-duration: .3s;
3616
3815
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
3617
3816
  display: grid;
@@ -3666,7 +3865,11 @@
3666
3865
  background-color: var(--ax-bg-moderate-hoverA);
3667
3866
  }
3668
3867
 
3669
- .aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
3868
+ .aksel-accordion__header:hover:before {
3869
+ display: none;
3870
+ }
3871
+
3872
+ .aksel-accordion__header:hover:after {
3670
3873
  display: none;
3671
3874
  }
3672
3875
 
@@ -3689,7 +3892,11 @@
3689
3892
  z-index: 1;
3690
3893
  }
3691
3894
 
3692
- .aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
3895
+ .aksel-accordion__header:focus-visible:before {
3896
+ display: none;
3897
+ }
3898
+
3899
+ .aksel-accordion__header:focus-visible:after {
3693
3900
  display: none;
3694
3901
  }
3695
3902
 
@@ -3714,7 +3921,11 @@
3714
3921
  bottom: 0;
3715
3922
  }
3716
3923
 
3717
- .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after, .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
3924
+ .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
3925
+ display: none;
3926
+ }
3927
+
3928
+ .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
3718
3929
  display: none;
3719
3930
  }
3720
3931
 
@@ -3759,7 +3970,8 @@
3759
3970
  opacity: 0;
3760
3971
  border-color: rgba(0, 0, 0, 0);
3761
3972
  grid-template-rows: 0fr;
3762
- margin-block: 0;
3973
+ margin-top: 0;
3974
+ margin-bottom: 0;
3763
3975
  transition-property: visibility, opacity, grid-template-rows, margin, min-height;
3764
3976
  transition-duration: .25s;
3765
3977
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
@@ -3769,7 +3981,8 @@
3769
3981
 
3770
3982
  .aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
3771
3983
  min-height: 0;
3772
- padding-block: 0;
3984
+ padding-top: 0;
3985
+ padding-bottom: 0;
3773
3986
  }
3774
3987
 
3775
3988
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
@@ -3778,10 +3991,11 @@
3778
3991
  border-color: var(--ax-border-neutral-subtleA);
3779
3992
  opacity: 1;
3780
3993
  grid-template-rows: 1fr;
3781
- margin-block-end: var(--ax-space-24);
3994
+ margin-bottom: var(--ax-space-24);
3782
3995
  }
3783
3996
 
3784
3997
  .aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
3998
+ min-height: -webkit-fit-content;
3785
3999
  min-height: fit-content;
3786
4000
  }
3787
4001
 
@@ -3834,7 +4048,7 @@
3834
4048
 
3835
4049
  .aksel-alert--small > .aksel-alert__icon {
3836
4050
  height: var(--ax-font-line-height-large);
3837
- margin-block-start: 0;
4051
+ margin-top: 0;
3838
4052
  }
3839
4053
 
3840
4054
  .aksel-alert--full-width {
@@ -3855,16 +4069,24 @@
3855
4069
  display: flex;
3856
4070
  }
3857
4071
 
3858
- .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
3859
- margin-block-start: var(--ax-space-2);
4072
+ .aksel-alert--close-button > .aksel-alert__wrapper {
4073
+ margin-top: var(--ax-space-2);
4074
+ }
4075
+
4076
+ .aksel-alert--close-button > .aksel-alert__icon {
4077
+ margin-top: var(--ax-space-2);
3860
4078
  }
3861
4079
 
3862
4080
  .aksel-alert--close-button.aksel-alert--small {
3863
4081
  align-items: flex-start;
3864
4082
  }
3865
4083
 
3866
- .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
3867
- margin-block-start: var(--ax-space-4);
4084
+ .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
4085
+ margin-top: var(--ax-space-4);
4086
+ }
4087
+
4088
+ .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
4089
+ margin-top: var(--ax-space-4);
3868
4090
  }
3869
4091
 
3870
4092
  .aksel-base-alert {
@@ -3873,6 +4095,7 @@
3873
4095
  --__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
3874
4096
  --__axc-base-alert-title-pb: var(--ax-space-2);
3875
4097
  --__axc-base-alert-header-max-width: 37.5rem;
4098
+ height: -webkit-fit-content;
3876
4099
  height: fit-content;
3877
4100
  display: grid;
3878
4101
  overflow: clip;
@@ -3969,17 +4192,32 @@
3969
4192
  display: flex;
3970
4193
  }
3971
4194
 
3972
- .aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
4195
+ .aksel-chat .aksel-chat__bubble {
3973
4196
  background-color: var(--ax-bg-moderateA);
3974
4197
  border: 1px solid var(--ax-border-subtleA);
3975
4198
  }
3976
4199
 
3977
- .aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
4200
+ .aksel-chat .aksel-chat__avatar {
4201
+ background-color: var(--ax-bg-moderateA);
4202
+ border: 1px solid var(--ax-border-subtleA);
4203
+ }
4204
+
4205
+ .aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
4206
+ background-color: var(--ax-bg-softA);
4207
+ border: 1px solid var(--ax-border-subtleA);
4208
+ }
4209
+
4210
+ .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
3978
4211
  background-color: var(--ax-bg-softA);
3979
4212
  border: 1px solid var(--ax-border-subtleA);
3980
4213
  }
3981
4214
 
3982
- .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
4215
+ .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
4216
+ background-color: var(--ax-bg-raised);
4217
+ border: 1px solid var(--ax-border-neutral-subtleA);
4218
+ }
4219
+
4220
+ .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
3983
4221
  background-color: var(--ax-bg-raised);
3984
4222
  border: 1px solid var(--ax-border-neutral-subtleA);
3985
4223
  }
@@ -4031,6 +4269,7 @@
4031
4269
  border-radius: var(--ax-radius-12);
4032
4270
  border-bottom-left-radius: var(--ax-radius-2);
4033
4271
  flex-direction: column;
4272
+ width: -webkit-fit-content;
4034
4273
  width: fit-content;
4035
4274
  display: flex;
4036
4275
  }
@@ -4109,7 +4348,12 @@
4109
4348
  color: var(--ax-text-neutral);
4110
4349
  }
4111
4350
 
4112
- .aksel-date .rdp-month, .aksel-date.rdp-month {
4351
+ .aksel-date .rdp-month {
4352
+ gap: var(--ax-space-20);
4353
+ display: grid;
4354
+ }
4355
+
4356
+ .aksel-date.rdp-month {
4113
4357
  gap: var(--ax-space-20);
4114
4358
  display: grid;
4115
4359
  }
@@ -4151,7 +4395,13 @@
4151
4395
  position: relative;
4152
4396
  }
4153
4397
 
4154
- .aksel-date .rdp-day_selected, .aksel-date .aksel-monthpicker__month--selected {
4398
+ .aksel-date .rdp-day_selected {
4399
+ color: var(--ax-text-contrast);
4400
+ background: var(--ax-bg-strong-pressed);
4401
+ cursor: pointer;
4402
+ }
4403
+
4404
+ .aksel-date .aksel-monthpicker__month--selected {
4155
4405
  color: var(--ax-text-contrast);
4156
4406
  background: var(--ax-bg-strong-pressed);
4157
4407
  cursor: pointer;
@@ -4164,7 +4414,12 @@
4164
4414
  text-decoration: line-through;
4165
4415
  }
4166
4416
 
4167
- .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
4417
+ .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
4418
+ background: var(--ax-bg-moderate-hoverA);
4419
+ cursor: pointer;
4420
+ }
4421
+
4422
+ .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
4168
4423
  background: var(--ax-bg-moderate-hoverA);
4169
4424
  cursor: pointer;
4170
4425
  }
@@ -4186,7 +4441,11 @@
4186
4441
  transform: translateX(-50%);
4187
4442
  }
4188
4443
 
4189
- :is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
4444
+ .aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
4445
+ background-color: var(--ax-text-contrast);
4446
+ }
4447
+
4448
+ .aksel-date .rdp-day_today:active:before {
4190
4449
  background-color: var(--ax-text-contrast);
4191
4450
  }
4192
4451
 
@@ -4195,13 +4454,18 @@
4195
4454
  pointer-events: none;
4196
4455
  }
4197
4456
 
4198
- .aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
4457
+ .aksel-date__modal .aksel-date {
4458
+ padding: 0;
4459
+ }
4460
+
4461
+ .aksel-date__modal-body > .aksel-date {
4199
4462
  padding: 0;
4200
4463
  }
4201
4464
 
4202
4465
  @media (max-width: 360px) {
4203
4466
  .aksel-date__modal-body > .aksel-date {
4204
- margin-inline: -12px;
4467
+ margin-left: -12px;
4468
+ margin-right: -12px;
4205
4469
  }
4206
4470
  }
4207
4471
 
@@ -4239,16 +4503,28 @@
4239
4503
  }
4240
4504
 
4241
4505
  .aksel-date__wrapper, .aksel-date__standalone-wrapper {
4506
+ width: -webkit-fit-content;
4242
4507
  width: fit-content;
4508
+ height: -webkit-fit-content;
4243
4509
  height: fit-content;
4244
4510
  }
4245
4511
 
4246
- :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible {
4512
+ :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
4513
+ outline: 3px solid var(--ax-border-focus);
4514
+ outline-offset: 3px;
4515
+ }
4516
+
4517
+ :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
4518
+ color: var(--ax-text-contrast);
4519
+ background-color: var(--ax-bg-strong-pressed);
4520
+ }
4521
+
4522
+ :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible {
4247
4523
  outline: 3px solid var(--ax-border-focus);
4248
4524
  outline-offset: 3px;
4249
4525
  }
4250
4526
 
4251
- :is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled) {
4527
+ :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) {
4252
4528
  color: var(--ax-text-contrast);
4253
4529
  background-color: var(--ax-bg-strong-pressed);
4254
4530
  }
@@ -4268,8 +4544,6 @@
4268
4544
  padding: var(--ax-space-12);
4269
4545
  background: none;
4270
4546
  border: none;
4271
- border-start-start-radius: 0;
4272
- border-end-start-radius: 0;
4273
4547
  justify-content: center;
4274
4548
  align-items: center;
4275
4549
  height: calc(100% - .125rem);
@@ -4283,6 +4557,21 @@
4283
4557
  transform: translateY(-50%);
4284
4558
  }
4285
4559
 
4560
+ .aksel-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)) {
4561
+ border-top-left-radius: 0;
4562
+ border-bottom-left-radius: 0;
4563
+ }
4564
+
4565
+ .aksel-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)) {
4566
+ border-top-right-radius: 0;
4567
+ border-bottom-right-radius: 0;
4568
+ }
4569
+
4570
+ .aksel-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)) {
4571
+ border-top-right-radius: 0;
4572
+ border-bottom-right-radius: 0;
4573
+ }
4574
+
4286
4575
  .aksel-form-field--small .aksel-date__field-button {
4287
4576
  padding: var(--ax-space-4);
4288
4577
  }
@@ -4302,6 +4591,7 @@
4302
4591
 
4303
4592
  .aksel-date__field-wrapper {
4304
4593
  align-items: center;
4594
+ width: -webkit-fit-content;
4305
4595
  width: fit-content;
4306
4596
  display: inline-flex;
4307
4597
  position: relative;
@@ -4358,7 +4648,8 @@
4358
4648
  color: var(--ax-text-neutral);
4359
4649
  width: 27ch;
4360
4650
  max-height: 616px;
4361
- overflow: hidden auto;
4651
+ overflow-x: hidden;
4652
+ overflow-y: auto;
4362
4653
  }
4363
4654
 
4364
4655
  .aksel-dropdown__divider {
@@ -4607,7 +4898,15 @@
4607
4898
  display: grid;
4608
4899
  }
4609
4900
 
4610
- .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked, .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked, .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
4901
+ .aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
4902
+ display: block;
4903
+ }
4904
+
4905
+ .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
4906
+ display: block;
4907
+ }
4908
+
4909
+ .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
4611
4910
  display: block;
4612
4911
  }
4613
4912
 
@@ -4622,6 +4921,7 @@
4622
4921
  border-radius: var(--ax-radius-12);
4623
4922
  background-color: var(--ax-bg-softA);
4624
4923
  border: 1px solid var(--ax-border-default);
4924
+ height: -webkit-fit-content;
4625
4925
  height: fit-content;
4626
4926
  }
4627
4927
 
@@ -4643,6 +4943,10 @@
4643
4943
  margin-top: var(--ax-space-2);
4644
4944
  }
4645
4945
 
4946
+ .aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
4947
+ margin-top: 0;
4948
+ }
4949
+
4646
4950
  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
4647
4951
  margin-top: 0;
4648
4952
  }
@@ -4725,7 +5029,10 @@
4725
5029
  width: 100%;
4726
5030
  height: 100%;
4727
5031
  position: absolute;
4728
- inset: 0;
5032
+ top: 0;
5033
+ bottom: 0;
5034
+ left: 0;
5035
+ right: 0;
4729
5036
  }
4730
5037
 
4731
5038
  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
@@ -4747,17 +5054,31 @@
4747
5054
  .aksel-expansioncard__content {
4748
5055
  padding-inline: var(--__axc-expansioncard-padding-inline);
4749
5056
  visibility: hidden;
4750
- border-end-end-radius: var(--__axc-expansioncard-border-radius);
4751
- border-end-start-radius: var(--__axc-expansioncard-border-radius);
4752
5057
  grid-template-rows: 0fr;
4753
- padding-block: 0;
4754
- transition-property: visibility, padding-block, grid-template-rows;
5058
+ padding-top: 0;
5059
+ padding-bottom: 0;
5060
+ transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
4755
5061
  transition-duration: .25s;
4756
5062
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
4757
5063
  display: grid;
4758
5064
  overflow: hidden;
4759
5065
  }
4760
5066
 
5067
+ .aksel-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)) {
5068
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5069
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5070
+ }
5071
+
5072
+ .aksel-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)) {
5073
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5074
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5075
+ }
5076
+
5077
+ .aksel-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)) {
5078
+ border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
5079
+ border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
5080
+ }
5081
+
4761
5082
  .aksel-expansioncard__content[data-open="true"] {
4762
5083
  visibility: visible;
4763
5084
  padding-block: var(--__axc-expansioncard-padding-block);
@@ -4774,18 +5095,28 @@
4774
5095
  transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
4775
5096
  }
4776
5097
 
5098
+ .aksel-expansioncard--no-animation :-webkit-any(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
5099
+ transition: none;
5100
+ }
5101
+
4777
5102
  .aksel-expansioncard--no-animation :is(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
4778
5103
  transition: none;
4779
5104
  }
4780
5105
 
4781
5106
  .aksel-guide-panel {
4782
5107
  --__axc-guide-panel-guide-size: 5rem;
5108
+ width: -webkit-fit-content;
4783
5109
  width: fit-content;
4784
5110
  display: flex;
4785
5111
  position: relative;
4786
5112
  }
4787
5113
 
4788
- .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
5114
+ .aksel-guide-panel[data-poster="true"] {
5115
+ flex-direction: column;
5116
+ align-items: center;
5117
+ }
5118
+
5119
+ .aksel-guide-panel[data-responsive="true"] {
4789
5120
  flex-direction: column;
4790
5121
  align-items: center;
4791
5122
  }
@@ -4832,6 +5163,10 @@
4832
5163
  position: relative;
4833
5164
  }
4834
5165
 
5166
+ .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
5167
+ margin-top: var(--ax-space-20);
5168
+ }
5169
+
4835
5170
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
4836
5171
  margin-top: var(--ax-space-20);
4837
5172
  }
@@ -4874,6 +5209,12 @@
4874
5209
  position: absolute;
4875
5210
  }
4876
5211
 
5212
+ .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
5213
+ left: 50%;
5214
+ top: calc(var(--ax-space-16) * -1 - 2px);
5215
+ transform: translateX(-25%);
5216
+ }
5217
+
4877
5218
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
4878
5219
  left: 50%;
4879
5220
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -4919,7 +5260,11 @@
4919
5260
  border: 1px solid var(--ax-border-default);
4920
5261
  }
4921
5262
 
4922
- .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
5263
+ .aksel-help-text__icon--filled {
5264
+ display: none;
5265
+ }
5266
+
5267
+ .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
4923
5268
  display: none;
4924
5269
  }
4925
5270
 
@@ -4982,7 +5327,8 @@
4982
5327
  font: inherit;
4983
5328
  font-weight: var(--ax-font-weight-bold);
4984
5329
  text-align: left;
4985
- padding-block: 0;
5330
+ padding-top: 0;
5331
+ padding-bottom: 0;
4986
5332
  padding-inline: var(--ax-space-24) var(--ax-space-20);
4987
5333
  border: none;
4988
5334
  border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -4996,6 +5342,10 @@
4996
5342
  overflow: visible;
4997
5343
  }
4998
5344
 
5345
+ .aksel-internalheader__title:-webkit-any(button) {
5346
+ cursor: pointer;
5347
+ }
5348
+
4999
5349
  .aksel-internalheader__title:is(button) {
5000
5350
  cursor: pointer;
5001
5351
  }
@@ -5004,6 +5354,10 @@
5004
5354
  background: var(--ax-bg-neutral-moderate-hoverA);
5005
5355
  }
5006
5356
 
5357
+ .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
5358
+ background: initial;
5359
+ }
5360
+
5007
5361
  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
5008
5362
  background: initial;
5009
5363
  }
@@ -5071,7 +5425,11 @@
5071
5425
  display: inline-flex;
5072
5426
  }
5073
5427
 
5074
- .aksel-link:hover, .aksel-link:active {
5428
+ .aksel-link:hover {
5429
+ text-decoration-thickness: .111em;
5430
+ }
5431
+
5432
+ .aksel-link:active {
5075
5433
  text-decoration-thickness: .111em;
5076
5434
  }
5077
5435
 
@@ -5151,7 +5509,7 @@
5151
5509
  }
5152
5510
 
5153
5511
  .aksel-link-panel__description {
5154
- margin-top: var(--a-space-4);
5512
+ margin-top: var(--ax-space-4);
5155
5513
  }
5156
5514
 
5157
5515
  .aksel-link-anchor__overlay {
@@ -5181,7 +5539,11 @@
5181
5539
  text-decoration-thickness: .05em;
5182
5540
  }
5183
5541
 
5184
- .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
5542
+ .aksel-link-anchor:hover {
5543
+ text-decoration-thickness: .111em;
5544
+ }
5545
+
5546
+ .aksel-link-anchor__overlay:hover .aksel-link-anchor {
5185
5547
  text-decoration-thickness: .111em;
5186
5548
  }
5187
5549
 
@@ -5201,7 +5563,11 @@
5201
5563
  transform: translateX(0);
5202
5564
  }
5203
5565
 
5204
- .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
5566
+ .aksel-link-anchor:hover .aksel-link-anchor__arrow {
5567
+ transform: translateX(4px);
5568
+ }
5569
+
5570
+ .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
5205
5571
  transform: translateX(4px);
5206
5572
  }
5207
5573
 
@@ -5243,7 +5609,11 @@
5243
5609
  align-items: center;
5244
5610
  }
5245
5611
 
5246
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
5612
+ .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
5613
+ align-self: center;
5614
+ }
5615
+
5616
+ .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
5247
5617
  align-self: center;
5248
5618
  }
5249
5619
 
@@ -5264,13 +5634,17 @@
5264
5634
  grid-area: title;
5265
5635
  }
5266
5636
 
5267
- .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
5637
+ .aksel-link-card[data-color="neutral"] .aksel-link-card__title {
5638
+ color: var(--ax-text-default);
5639
+ }
5640
+
5641
+ .aksel-link-card__title[data-color="neutral"] {
5268
5642
  color: var(--ax-text-default);
5269
5643
  }
5270
5644
 
5271
5645
  .aksel-link-card__description {
5272
5646
  grid-area: description;
5273
- margin-block-start: var(--ax-space-4);
5647
+ margin-top: var(--ax-space-4);
5274
5648
  }
5275
5649
 
5276
5650
  .aksel-link-card__footer {
@@ -5278,23 +5652,44 @@
5278
5652
  gap: var(--ax-space-8);
5279
5653
  flex-wrap: wrap;
5280
5654
  grid-area: footer;
5281
- margin-block-start: var(--ax-space-16);
5655
+ margin-top: var(--ax-space-16);
5282
5656
  display: flex;
5283
5657
  }
5284
5658
 
5285
5659
  .aksel-link-card__icon {
5660
+ width: -webkit-max-content;
5286
5661
  width: max-content;
5662
+ height: -webkit-max-content;
5287
5663
  height: max-content;
5288
5664
  color: var(--ax-text-default);
5289
5665
  grid-area: icon;
5290
5666
  place-content: center;
5291
5667
  align-self: flex-start;
5292
- margin-inline-end: var(--ax-space-16);
5293
5668
  display: grid;
5294
5669
  }
5295
5670
 
5296
- .aksel-link-card--small .aksel-link-card__icon {
5297
- margin-inline-end: var(--ax-space-12);
5671
+ .aksel-link-card__icon: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)) {
5672
+ margin-right: var(--ax-space-16);
5673
+ }
5674
+
5675
+ .aksel-link-card__icon:-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)) {
5676
+ margin-left: var(--ax-space-16);
5677
+ }
5678
+
5679
+ .aksel-link-card__icon: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)) {
5680
+ margin-left: var(--ax-space-16);
5681
+ }
5682
+
5683
+ .aksel-link-card--small .aksel-link-card__icon: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)) {
5684
+ margin-right: var(--ax-space-12);
5685
+ }
5686
+
5687
+ .aksel-link-card--small .aksel-link-card__icon:-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)) {
5688
+ margin-left: var(--ax-space-12);
5689
+ }
5690
+
5691
+ .aksel-link-card--small .aksel-link-card__icon: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)) {
5692
+ margin-left: var(--ax-space-12);
5298
5693
  }
5299
5694
 
5300
5695
  .aksel-link-card__image-container {
@@ -5308,6 +5703,13 @@
5308
5703
  overflow: hidden;
5309
5704
  }
5310
5705
 
5706
+ .aksel-link-card__image-container :-webkit-any(img, picture) {
5707
+ object-fit: cover;
5708
+ max-width: 100%;
5709
+ height: 100%;
5710
+ display: block;
5711
+ }
5712
+
5311
5713
  .aksel-link-card__image-container :is(img, picture) {
5312
5714
  object-fit: cover;
5313
5715
  max-width: 100%;
@@ -5317,7 +5719,18 @@
5317
5719
 
5318
5720
  .aksel-link-card__arrow {
5319
5721
  grid-area: arrow;
5320
- margin-inline-start: var(--ax-space-8);
5722
+ }
5723
+
5724
+ .aksel-link-card__arrow: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)) {
5725
+ margin-left: var(--ax-space-8);
5726
+ }
5727
+
5728
+ .aksel-link-card__arrow:-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)) {
5729
+ margin-right: var(--ax-space-8);
5730
+ }
5731
+
5732
+ .aksel-link-card__arrow: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)) {
5733
+ margin-right: var(--ax-space-8);
5321
5734
  }
5322
5735
 
5323
5736
  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
@@ -5455,7 +5868,9 @@
5455
5868
  }
5456
5869
 
5457
5870
  .aksel-modal--polyfilled {
5871
+ width: -webkit-fit-content;
5458
5872
  width: fit-content;
5873
+ height: -webkit-fit-content;
5459
5874
  height: fit-content;
5460
5875
  margin: auto;
5461
5876
  top: 50%;
@@ -5474,7 +5889,10 @@
5474
5889
 
5475
5890
  ._dialog_overlay {
5476
5891
  position: fixed;
5477
- inset: 0;
5892
+ top: 0;
5893
+ bottom: 0;
5894
+ left: 0;
5895
+ right: 0;
5478
5896
  }
5479
5897
 
5480
5898
  .aksel-modal--medium {
@@ -5485,7 +5903,11 @@
5485
5903
  width: 450px;
5486
5904
  }
5487
5905
 
5488
- .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
5906
+ .aksel-modal--small .aksel-modal__header {
5907
+ padding: var(--ax-space-12) var(--ax-space-16);
5908
+ }
5909
+
5910
+ .aksel-modal--small .aksel-modal__body {
5489
5911
  padding: var(--ax-space-12) var(--ax-space-16);
5490
5912
  }
5491
5913
 
@@ -5523,7 +5945,10 @@
5523
5945
  .aksel-modal--polyfilled + .backdrop {
5524
5946
  background: rgba(2, 20, 49, .8);
5525
5947
  position: fixed;
5526
- inset: 0;
5948
+ top: 0;
5949
+ bottom: 0;
5950
+ left: 0;
5951
+ right: 0;
5527
5952
  }
5528
5953
 
5529
5954
  .aksel-modal__button {
@@ -5574,6 +5999,7 @@
5574
5999
  }
5575
6000
 
5576
6001
  .aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
6002
+ min-width: -webkit-fit-content;
5577
6003
  min-width: fit-content;
5578
6004
  max-width: 100vw;
5579
6005
  max-height: 100vh;
@@ -5747,14 +6173,26 @@
5747
6173
 
5748
6174
  .aksel-tag__icon--left {
5749
6175
  font-size: var(--__axc-tag-icon-size);
5750
- margin-inline-start: var(--__axc-tag-icon-margin);
5751
6176
  display: flex;
5752
6177
  }
5753
6178
 
6179
+ .aksel-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)) {
6180
+ margin-left: var(--__axc-tag-icon-margin);
6181
+ }
6182
+
6183
+ .aksel-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)) {
6184
+ margin-right: var(--__axc-tag-icon-margin);
6185
+ }
6186
+
6187
+ .aksel-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)) {
6188
+ margin-right: var(--__axc-tag-icon-margin);
6189
+ }
6190
+
5754
6191
  .aksel-timeline {
5755
6192
  grid-template-columns: auto minmax(0, 1fr);
5756
6193
  align-items: center;
5757
6194
  width: 100%;
6195
+ min-width: -webkit-fit-content;
5758
6196
  min-width: fit-content;
5759
6197
  display: grid;
5760
6198
  position: relative;
@@ -5910,7 +6348,10 @@
5910
6348
  width: 25px;
5911
6349
  height: 25px;
5912
6350
  position: absolute;
5913
- inset: -9px 0 0 -9px;
6351
+ top: -9px;
6352
+ bottom: 0;
6353
+ left: -9px;
6354
+ right: 0;
5914
6355
  }
5915
6356
 
5916
6357
  .aksel-timeline__pin-button:hover {
@@ -6018,7 +6459,13 @@
6018
6459
  outline: 4px solid rgba(0, 0, 0, 0);
6019
6460
  }
6020
6461
 
6021
- .aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
6462
+ .aksel-timeline__pin-button:focus {
6463
+ outline-offset: 3px;
6464
+ box-shadow: none;
6465
+ outline: 4px solid highlight;
6466
+ }
6467
+
6468
+ .aksel-timeline__pin-button:focus-visible {
6022
6469
  outline-offset: 3px;
6023
6470
  box-shadow: none;
6024
6471
  outline: 4px solid highlight;
@@ -6182,6 +6629,7 @@
6182
6629
  border: none;
6183
6630
  justify-content: center;
6184
6631
  align-items: center;
6632
+ min-width: -webkit-fit-content;
6185
6633
  min-width: fit-content;
6186
6634
  display: inline-flex;
6187
6635
  position: relative;
@@ -6299,6 +6747,14 @@
6299
6747
  transform: rotateX(-180deg);
6300
6748
  }
6301
6749
 
6750
+ .aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
6751
+ border-radius: var(--ax-radius-4);
6752
+ }
6753
+
6754
+ .aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
6755
+ background-color: var(--ax-bg-neutral-moderate-hoverA);
6756
+ }
6757
+
6302
6758
  .aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
6303
6759
  border-radius: var(--ax-radius-4);
6304
6760
  }
@@ -6322,7 +6778,12 @@
6322
6778
  --__axc-read-more-pi-end: var(--ax-space-24);
6323
6779
  }
6324
6780
 
6325
- .aksel-read-more[data-volume="high"].aksel-read-more--small, .aksel-read-more[data-volume="high"].aksel-read-more--medium {
6781
+ .aksel-read-more[data-volume="high"].aksel-read-more--small {
6782
+ --__axc-read-more-pi-start: var(--ax-space-8);
6783
+ --__axc-read-more-pi-end: var(--ax-space-16);
6784
+ }
6785
+
6786
+ .aksel-read-more[data-volume="high"].aksel-read-more--medium {
6326
6787
  --__axc-read-more-pi-start: var(--ax-space-8);
6327
6788
  --__axc-read-more-pi-end: var(--ax-space-16);
6328
6789
  }
@@ -6496,6 +6957,7 @@
6496
6957
  }
6497
6958
 
6498
6959
  .aksel-skeleton--has-children.aksel-skeleton--no-width {
6960
+ width: -webkit-fit-content;
6499
6961
  width: fit-content;
6500
6962
  }
6501
6963
 
@@ -6557,15 +7019,15 @@
6557
7019
 
6558
7020
  .aksel-process__event[data-dot="true"] {
6559
7021
  --__axc-process-circle-size: var(--__axc-process-circle-small);
6560
- margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
7022
+ margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
6561
7023
  }
6562
7024
 
6563
7025
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
6564
- margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
7026
+ margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
6565
7027
  }
6566
7028
 
6567
7029
  .aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
6568
- margin-block-start: calc(var(--__axc-process-circle-size) / 2);
7030
+ margin-top: calc(var(--__axc-process-circle-size) / 2);
6569
7031
  }
6570
7032
 
6571
7033
  .aksel-process__event[data-dot="true"] .aksel-process__bullet {
@@ -6591,12 +7053,29 @@
6591
7053
  }
6592
7054
 
6593
7055
  .aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
6594
- border-start-start-radius: var(--ax-radius-4);
6595
- border-start-end-radius: var(--ax-radius-4);
6596
7056
  min-height: 1.5rem;
6597
7057
  }
6598
7058
 
6599
- .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
7059
+ .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]: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)) {
7060
+ border-top-left-radius: var(--ax-radius-4);
7061
+ border-top-right-radius: var(--ax-radius-4);
7062
+ }
7063
+
7064
+ .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]:-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)) {
7065
+ border-top-right-radius: var(--ax-radius-4);
7066
+ border-top-left-radius: var(--ax-radius-4);
7067
+ }
7068
+
7069
+ .aksel-process__event:first-of-type .aksel-process__line[data-position="start"]: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)) {
7070
+ border-top-right-radius: var(--ax-radius-4);
7071
+ border-top-left-radius: var(--ax-radius-4);
7072
+ }
7073
+
7074
+ .aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
7075
+ display: none;
7076
+ }
7077
+
7078
+ .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
6600
7079
  display: none;
6601
7080
  }
6602
7081
 
@@ -6609,11 +7088,24 @@
6609
7088
  }
6610
7089
 
6611
7090
  .aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
6612
- border-end-end-radius: var(--ax-radius-4);
6613
- border-end-start-radius: var(--ax-radius-4);
6614
7091
  min-height: 1.5rem;
6615
7092
  }
6616
7093
 
7094
+ .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]: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)) {
7095
+ border-bottom-right-radius: var(--ax-radius-4);
7096
+ border-bottom-left-radius: var(--ax-radius-4);
7097
+ }
7098
+
7099
+ .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]:-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)) {
7100
+ border-bottom-left-radius: var(--ax-radius-4);
7101
+ border-bottom-right-radius: var(--ax-radius-4);
7102
+ }
7103
+
7104
+ .aksel-process__event:last-of-type .aksel-process__line[data-position="end"]: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)) {
7105
+ border-bottom-left-radius: var(--ax-radius-4);
7106
+ border-bottom-right-radius: var(--ax-radius-4);
7107
+ }
7108
+
6617
7109
  .aksel-process__event[data-status="active"] .aksel-process__line {
6618
7110
  border-color: var(--ax-border-default);
6619
7111
  border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
@@ -6669,6 +7161,12 @@
6669
7161
  width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
6670
7162
  }
6671
7163
 
7164
+ .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7165
+ color: var(--ax-text-contrast);
7166
+ background: var(--ax-bg-strong);
7167
+ border-color: rgba(0, 0, 0, 0);
7168
+ }
7169
+
6672
7170
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6673
7171
  color: var(--ax-text-contrast);
6674
7172
  background: var(--ax-bg-strong);
@@ -6695,7 +7193,7 @@
6695
7193
  }
6696
7194
 
6697
7195
  .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
6698
- padding-block-end: 0;
7196
+ padding-bottom: 0;
6699
7197
  }
6700
7198
 
6701
7199
  .aksel-process__active-label {
@@ -6704,7 +7202,7 @@
6704
7202
  }
6705
7203
 
6706
7204
  .aksel-process__active-label:last-of-type {
6707
- margin-block-end: 0;
7205
+ margin-bottom: 0;
6708
7206
  }
6709
7207
 
6710
7208
  @media (forced-colors: active) {
@@ -6712,6 +7210,13 @@
6712
7210
  transition: none;
6713
7211
  }
6714
7212
 
7213
+ .aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
7214
+ color: buttonface;
7215
+ forced-color-adjust: none;
7216
+ background-color: buttontext;
7217
+ outline-color: buttontext;
7218
+ }
7219
+
6715
7220
  .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
6716
7221
  color: buttonface;
6717
7222
  forced-color-adjust: none;
@@ -6800,7 +7305,18 @@
6800
7305
  margin-bottom: 0;
6801
7306
  }
6802
7307
 
7308
+ .aksel-stepper__step:-webkit-any(button) {
7309
+ -webkit-appearance: none;
7310
+ appearance: none;
7311
+ font: inherit;
7312
+ color: inherit;
7313
+ text-align: inherit;
7314
+ background-color: rgba(0, 0, 0, 0);
7315
+ border: none;
7316
+ }
7317
+
6803
7318
  .aksel-stepper__step:is(button) {
7319
+ -webkit-appearance: none;
6804
7320
  appearance: none;
6805
7321
  font: inherit;
6806
7322
  color: inherit;
@@ -6838,7 +7354,11 @@
6838
7354
  text-decoration-thickness: .05em;
6839
7355
  }
6840
7356
 
6841
- :is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
7357
+ .aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
7358
+ text-decoration-thickness: .111em;
7359
+ }
7360
+
7361
+ .aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
6842
7362
  text-decoration-thickness: .111em;
6843
7363
  }
6844
7364
 
@@ -6879,6 +7399,7 @@
6879
7399
 
6880
7400
  .aksel-stepper__content {
6881
7401
  grid-column: content;
7402
+ min-width: -webkit-fit-content;
6882
7403
  min-width: fit-content;
6883
7404
  padding-top: .16rem;
6884
7405
  line-height: 1.5;
@@ -6913,7 +7434,11 @@
6913
7434
  flex: 100%;
6914
7435
  }
6915
7436
 
6916
- .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1, .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
7437
+ .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
7438
+ visibility: hidden;
7439
+ }
7440
+
7441
+ .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
6917
7442
  visibility: hidden;
6918
7443
  }
6919
7444
 
@@ -6972,6 +7497,7 @@
6972
7497
  z-index: 10;
6973
7498
  background-color: var(--ax-bg-default);
6974
7499
  box-sizing: border-box;
7500
+ position: -webkit-sticky;
6975
7501
  position: sticky;
6976
7502
  top: 0;
6977
7503
  }
@@ -6993,6 +7519,10 @@
6993
7519
  display: table-row;
6994
7520
  }
6995
7521
 
7522
+ .aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
7523
+ border-color: var(--ax-border-default);
7524
+ }
7525
+
6996
7526
  .aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
6997
7527
  border-color: var(--ax-border-default);
6998
7528
  }
@@ -7019,10 +7549,18 @@
7019
7549
  border-color: var(--ax-border-default);
7020
7550
  }
7021
7551
 
7552
+ .aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
7553
+ border-color: var(--ax-border-default);
7554
+ }
7555
+
7022
7556
  .aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
7023
7557
  border-color: var(--ax-border-default);
7024
7558
  }
7025
7559
 
7560
+ .aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
7561
+ border-color: rgba(0, 0, 0, 0);
7562
+ }
7563
+
7026
7564
  .aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
7027
7565
  border-color: rgba(0, 0, 0, 0);
7028
7566
  }
@@ -7079,7 +7617,10 @@
7079
7617
  }
7080
7618
 
7081
7619
  .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
7082
- inset: 0;
7620
+ top: 0;
7621
+ bottom: 0;
7622
+ left: 0;
7623
+ right: 0;
7083
7624
  }
7084
7625
 
7085
7626
  .aksel-table__header-cell[aria-sort] {
@@ -7087,6 +7628,7 @@
7087
7628
  }
7088
7629
 
7089
7630
  .aksel-table__sort-button {
7631
+ -webkit-appearance: none;
7090
7632
  appearance: none;
7091
7633
  color: var(--ax-text-subtle);
7092
7634
  cursor: pointer;
@@ -7188,7 +7730,15 @@
7188
7730
  background-color: var(--ax-bg-neutral-moderate-hoverA);
7189
7731
  }
7190
7732
 
7191
- .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover, :scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button, :scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
7733
+ .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover) {
7734
+ background-color: var(--ax-bg-moderate-hoverA);
7735
+ }
7736
+
7737
+ .aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button) {
7738
+ background-color: var(--ax-bg-moderate-hoverA);
7739
+ }
7740
+
7741
+ .aksel-table__row--selected :is(:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
7192
7742
  background-color: var(--ax-bg-moderate-hoverA);
7193
7743
  }
7194
7744
 
@@ -7366,15 +7916,15 @@
7366
7916
  @media (forced-colors: active) {
7367
7917
  .aksel-tabs__tab[data-state="active"] {
7368
7918
  border-bottom: 3px solid canvastext;
7369
- padding-block-end: calc(var(--ax-space-12) - 3px);
7919
+ padding-bottom: calc(var(--ax-space-12) - 3px);
7370
7920
  }
7371
7921
 
7372
7922
  .aksel-tabs__tab--small[data-state="active"] {
7373
- padding-block-end: calc(var(--ax-space-6) - 3px);
7923
+ padding-bottom: calc(var(--ax-space-6) - 3px);
7374
7924
  }
7375
7925
 
7376
7926
  .aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
7377
- padding-block-end: calc(var(--ax-space-4) - 3px);
7927
+ padding-bottom: calc(var(--ax-space-4) - 3px);
7378
7928
  }
7379
7929
  }
7380
7930
 
@@ -7412,7 +7962,7 @@
7412
7962
  display: flex;
7413
7963
  }
7414
7964
 
7415
- @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
7965
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
7416
7966
  .aksel-list ol {
7417
7967
  padding-left: 2.1rem;
7418
7968
  }
@@ -7423,11 +7973,11 @@
7423
7973
  }
7424
7974
 
7425
7975
  .aksel-list__item {
7426
- margin-block-end: var(--ax-space-8);
7976
+ margin-bottom: var(--ax-space-8);
7427
7977
  }
7428
7978
 
7429
7979
  .aksel-list__item:last-child {
7430
- margin-block-end: 0;
7980
+ margin-bottom: 0;
7431
7981
  }
7432
7982
 
7433
7983
  .aksel-list__item-marker {
@@ -8400,6 +8950,7 @@
8400
8950
  }
8401
8951
 
8402
8952
  .aksel-page {
8953
+ min-height: 100vh;
8403
8954
  flex-direction: column;
8404
8955
  min-height: 100lvh;
8405
8956
  display: flex;
@@ -8408,7 +8959,8 @@
8408
8959
  .aksel-pageblock {
8409
8960
  --__axc-page-padding-inline: 0px;
8410
8961
  width: 100%;
8411
- margin-inline: auto;
8962
+ margin-left: auto;
8963
+ margin-right: auto;
8412
8964
  }
8413
8965
 
8414
8966
  .aksel-page__content--grow {
@@ -8416,11 +8968,12 @@
8416
8968
  }
8417
8969
 
8418
8970
  .aksel-page__content--fullheight {
8971
+ min-height: 100vh;
8419
8972
  min-height: 100lvh;
8420
8973
  }
8421
8974
 
8422
8975
  .aksel-page__content--padding {
8423
- padding-block-end: var(--ax-space-64);
8976
+ padding-bottom: var(--ax-space-64);
8424
8977
  }
8425
8978
 
8426
8979
  .aksel-pageblock--text {
@@ -8590,8 +9143,19 @@
8590
9143
  }
8591
9144
 
8592
9145
  .aksel-stack > .aksel-stack__spacer {
8593
- margin-block-start: calc(var(--__axc-stack-gap) * -1);
8594
- margin-inline-start: calc(var(--__axc-stack-gap) * -1);
9146
+ margin-top: calc(var(--__axc-stack-gap) * -1);
9147
+ }
9148
+
9149
+ .aksel-stack > .aksel-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)) {
9150
+ margin-left: calc(var(--__axc-stack-gap) * -1);
9151
+ }
9152
+
9153
+ .aksel-stack > .aksel-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)) {
9154
+ margin-right: calc(var(--__axc-stack-gap) * -1);
9155
+ }
9156
+
9157
+ .aksel-stack > .aksel-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)) {
9158
+ margin-right: calc(var(--__axc-stack-gap) * -1);
8595
9159
  }
8596
9160
 
8597
9161
  @media (min-width: 480px) {