@navikt/ds-css 7.9.2 → 7.10.0

package/dist/darkside/version/{7.9.2 → 7.10.0}/index.css

@@ -255,7 +255,7 @@
     --ax-bg-default: #fff;
     --ax-opacity-disabled: .3;
     --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, .02), 0px 2px 5px 0px rgba(7, 9, 13, .1), 0px 5px 12px 0px rgba(7, 9, 13, .12);
-    --ax-border-focus: var(--ax-accent-700);
+    --ax-border-focus: var(--ax-neutral-1000);
     --ax-border-strong: var(--ax-neutral-600);
     --ax-border-subtleA: var(--ax-neutral-400A);
     --ax-border-subtle: var(--ax-neutral-400);
@@ -344,9 +344,9 @@
     --ax-text-accent-icon: var(--ax-accent-600);
     --ax-text-accent-strong: var(--ax-accent-1000);
     --ax-text-accent: var(--ax-accent-800);
-    --ax-bg-strong-pressed: var(--ax-neutral-800);
-    --ax-bg-strong-hover: var(--ax-neutral-700);
-    --ax-bg-strong: var(--ax-neutral-600);
+    --ax-bg-strong-pressed: var(--ax-neutral-900);
+    --ax-bg-strong-hover: var(--ax-neutral-800);
+    --ax-bg-strong: var(--ax-neutral-700);
     --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
     --ax-bg-moderate-pressed: var(--ax-neutral-400);
     --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -358,8 +358,6 @@
     --ax-bg-soft: var(--ax-neutral-100);
     --ax-bg-sunken: var(--ax-neutral-200);
     --ax-bg-raised: var(--ax-neutral-000);
-    --ax-bg-meta-2-raised-hover: var(--ax-meta-2-200);
-    --ax-bg-meta-2-raised: var(--ax-meta-2-100);
     --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
     --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
     --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -372,8 +370,6 @@
     --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
     --ax-bg-meta-2-hover: var(--ax-meta-2-200);
     --ax-bg-meta-2-soft: var(--ax-meta-2-100);
-    --ax-bg-meta-1-raised-hover: var(--ax-meta-1-200);
-    --ax-bg-meta-1-raised: var(--ax-meta-1-100);
     --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
     --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
     --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -386,8 +382,6 @@
     --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
     --ax-bg-meta-1-hover: var(--ax-meta-1-200);
     --ax-bg-meta-1-soft: var(--ax-meta-1-100);
-    --ax-bg-brand-3-raised-hover: var(--ax-brand-3-200);
-    --ax-bg-brand-3-raised: var(--ax-brand-3-100);
     --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
     --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
     --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -400,8 +394,6 @@
     --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
     --ax-bg-brand-3-hover: var(--ax-brand-3-200);
     --ax-bg-brand-3-soft: var(--ax-brand-3-100);
-    --ax-bg-brand-2-raised-hover: var(--ax-brand-2-200);
-    --ax-bg-brand-2-raised: var(--ax-brand-2-100);
     --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
     --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
     --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -414,8 +406,6 @@
     --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
     --ax-bg-brand-2-hover: var(--ax-brand-2-200);
     --ax-bg-brand-2-soft: var(--ax-brand-2-100);
-    --ax-bg-brand-1-raised-hover: var(--ax-brand-1-200);
-    --ax-bg-brand-1-raised: var(--ax-brand-1-100);
     --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
     --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
     --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -428,8 +418,6 @@
     --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
     --ax-bg-brand-1-hover: var(--ax-brand-1-200);
     --ax-bg-brand-1-soft: var(--ax-brand-1-100);
-    --ax-bg-info-raised-hover: var(--ax-info-200);
-    --ax-bg-info-raised: var(--ax-info-100);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
     --ax-bg-info-strong-hover: var(--ax-info-700);
     --ax-bg-info-strong: var(--ax-info-600);
@@ -442,8 +430,6 @@
     --ax-bg-info-hoverA: var(--ax-info-200A);
     --ax-bg-info-hover: var(--ax-info-200);
     --ax-bg-info-soft: var(--ax-info-100);
-    --ax-bg-danger-raised-hover: var(--ax-danger-200);
-    --ax-bg-danger-raised: var(--ax-danger-100);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
     --ax-bg-danger-strong-hover: var(--ax-danger-700);
     --ax-bg-danger-strong: var(--ax-danger-600);
@@ -456,8 +442,6 @@
     --ax-bg-danger-hoverA: var(--ax-danger-200A);
     --ax-bg-danger-hover: var(--ax-danger-200);
     --ax-bg-danger-soft: var(--ax-danger-100);
-    --ax-bg-warning-raised-hover: var(--ax-warning-200);
-    --ax-bg-warning-raised: var(--ax-warning-100);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
     --ax-bg-warning-strong-hover: var(--ax-warning-700);
     --ax-bg-warning-strong: var(--ax-warning-600);
@@ -470,8 +454,6 @@
     --ax-bg-warning-hoverA: var(--ax-warning-200A);
     --ax-bg-warning-hover: var(--ax-warning-200);
     --ax-bg-warning-soft: var(--ax-warning-100);
-    --ax-bg-success-raised-hover: var(--ax-success-200);
-    --ax-bg-success-raised: var(--ax-success-100);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
     --ax-bg-success-strong-hover: var(--ax-success-700);
     --ax-bg-success-strong: var(--ax-success-600);
@@ -484,8 +466,6 @@
     --ax-bg-success-hoverA: var(--ax-success-200A);
     --ax-bg-success-hover: var(--ax-success-200);
     --ax-bg-success-soft: var(--ax-success-100);
-    --ax-bg-accent-raised-hover: var(--ax-accent-200);
-    --ax-bg-accent-raised: var(--ax-accent-100);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
     --ax-bg-accent-strong-hover: var(--ax-accent-700);
     --ax-bg-accent-strong: var(--ax-accent-600);
@@ -662,7 +642,7 @@
     --ax-bg-default: #0e151f;
     --ax-opacity-disabled: .4;
     --ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
-    --ax-border-focus: var(--ax-accent-700);
+    --ax-border-focus: var(--ax-neutral-1000);
     --ax-border-strong: var(--ax-neutral-600);
     --ax-border-subtleA: var(--ax-neutral-400A);
     --ax-border-subtle: var(--ax-neutral-400);
@@ -752,9 +732,9 @@
     --ax-text-accent-icon: var(--ax-accent-600);
     --ax-text-accent-strong: var(--ax-accent-1000);
     --ax-text-accent: var(--ax-accent-800);
-    --ax-bg-strong-pressed: var(--ax-neutral-800);
-    --ax-bg-strong-hover: var(--ax-neutral-700);
-    --ax-bg-strong: var(--ax-neutral-600);
+    --ax-bg-strong-pressed: var(--ax-neutral-900);
+    --ax-bg-strong-hover: var(--ax-neutral-800);
+    --ax-bg-strong: var(--ax-neutral-700);
     --ax-bg-moderate-pressedA: var(--ax-neutral-400A);
     --ax-bg-moderate-pressed: var(--ax-neutral-400);
     --ax-bg-moderate-hoverA: var(--ax-neutral-300A);
@@ -765,8 +745,6 @@
     --ax-bg-hover: var(--ax-neutral-200);
     --ax-bg-soft: var(--ax-neutral-100);
     --ax-bg-raised: var(--ax-neutral-100);
-    --ax-bg-meta-2-raised-hover: var(--ax-meta-2-300);
-    --ax-bg-meta-2-raised: var(--ax-meta-2-200);
     --ax-bg-meta-2-strong-pressed: var(--ax-meta-2-800);
     --ax-bg-meta-2-strong-hover: var(--ax-meta-2-700);
     --ax-bg-meta-2-strong: var(--ax-meta-2-600);
@@ -779,8 +757,6 @@
     --ax-bg-meta-2-hoverA: var(--ax-meta-2-200A);
     --ax-bg-meta-2-hover: var(--ax-meta-2-200);
     --ax-bg-meta-2-soft: var(--ax-meta-2-100);
-    --ax-bg-meta-1-raised-hover: var(--ax-meta-1-300);
-    --ax-bg-meta-1-raised: var(--ax-meta-1-200);
     --ax-bg-meta-1-strong-pressed: var(--ax-meta-1-800);
     --ax-bg-meta-1-strong-hover: var(--ax-meta-1-700);
     --ax-bg-meta-1-strong: var(--ax-meta-1-600);
@@ -793,8 +769,6 @@
     --ax-bg-meta-1-hoverA: var(--ax-meta-1-200A);
     --ax-bg-meta-1-hover: var(--ax-meta-1-200);
     --ax-bg-meta-1-soft: var(--ax-meta-1-100);
-    --ax-bg-brand-3-raised-hover: var(--ax-brand-3-300);
-    --ax-bg-brand-3-raised: var(--ax-brand-3-200);
     --ax-bg-brand-3-strong-pressed: var(--ax-brand-3-800);
     --ax-bg-brand-3-strong-hover: var(--ax-brand-3-700);
     --ax-bg-brand-3-strong: var(--ax-brand-3-600);
@@ -807,8 +781,6 @@
     --ax-bg-brand-3-hoverA: var(--ax-brand-3-200A);
     --ax-bg-brand-3-hover: var(--ax-brand-3-200);
     --ax-bg-brand-3-soft: var(--ax-brand-3-100);
-    --ax-bg-brand-2-raised-hover: var(--ax-brand-2-300);
-    --ax-bg-brand-2-raised: var(--ax-brand-2-200);
     --ax-bg-brand-2-strong-pressed: var(--ax-brand-2-800);
     --ax-bg-brand-2-strong-hover: var(--ax-brand-2-700);
     --ax-bg-brand-2-strong: var(--ax-brand-2-600);
@@ -821,8 +793,6 @@
     --ax-bg-brand-2-hoverA: var(--ax-brand-2-200A);
     --ax-bg-brand-2-hover: var(--ax-brand-2-200);
     --ax-bg-brand-2-soft: var(--ax-brand-2-100);
-    --ax-bg-brand-1-raised-hover: var(--ax-brand-1-300);
-    --ax-bg-brand-1-raised: var(--ax-brand-1-200);
     --ax-bg-brand-1-strong-pressed: var(--ax-brand-1-800);
     --ax-bg-brand-1-strong-hover: var(--ax-brand-1-700);
     --ax-bg-brand-1-strong: var(--ax-brand-1-600);
@@ -835,8 +805,6 @@
     --ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
     --ax-bg-brand-1-hover: var(--ax-brand-1-200);
     --ax-bg-brand-1-soft: var(--ax-brand-1-100);
-    --ax-bg-info-raised-hover: var(--ax-info-300);
-    --ax-bg-info-raised: var(--ax-info-200);
     --ax-bg-info-strong-pressed: var(--ax-info-800);
     --ax-bg-info-strong-hover: var(--ax-info-700);
     --ax-bg-info-strong: var(--ax-info-600);
@@ -849,8 +817,6 @@
     --ax-bg-info-hoverA: var(--ax-info-200A);
     --ax-bg-info-hover: var(--ax-info-200);
     --ax-bg-info-soft: var(--ax-info-100);
-    --ax-bg-danger-raised-hover: var(--ax-danger-300);
-    --ax-bg-danger-raised: var(--ax-danger-200);
     --ax-bg-danger-strong-pressed: var(--ax-danger-800);
     --ax-bg-danger-strong-hover: var(--ax-danger-700);
     --ax-bg-danger-strong: var(--ax-danger-600);
@@ -863,8 +829,6 @@
     --ax-bg-danger-hoverA: var(--ax-danger-200A);
     --ax-bg-danger-hover: var(--ax-danger-200);
     --ax-bg-danger-soft: var(--ax-danger-100);
-    --ax-bg-warning-raised-hover: var(--ax-warning-300);
-    --ax-bg-warning-raised: var(--ax-warning-200);
     --ax-bg-warning-strong-pressed: var(--ax-warning-800);
     --ax-bg-warning-strong-hover: var(--ax-warning-700);
     --ax-bg-warning-strong: var(--ax-warning-600);
@@ -877,8 +841,6 @@
     --ax-bg-warning-hoverA: var(--ax-warning-200A);
     --ax-bg-warning-hover: var(--ax-warning-200);
     --ax-bg-warning-soft: var(--ax-warning-100);
-    --ax-bg-success-raised-hover: var(--ax-success-300);
-    --ax-bg-success-raised: var(--ax-success-200);
     --ax-bg-success-strong-pressed: var(--ax-success-800);
     --ax-bg-success-strong-hover: var(--ax-success-700);
     --ax-bg-success-strong: var(--ax-success-600);
@@ -891,8 +853,6 @@
     --ax-bg-success-hoverA: var(--ax-success-200A);
     --ax-bg-success-hover: var(--ax-success-200);
     --ax-bg-success-soft: var(--ax-success-100);
-    --ax-bg-accent-raised-hover: var(--ax-accent-300);
-    --ax-bg-accent-raised: var(--ax-accent-200);
     --ax-bg-accent-strong-pressed: var(--ax-accent-800);
     --ax-bg-accent-strong-hover: var(--ax-accent-700);
     --ax-bg-accent-strong: var(--ax-accent-600);
@@ -908,7 +868,7 @@
   }
 
   :root, :host {
-    --ax-version: "7.9.2";
+    --ax-version: "7.10.0";
     --ax-font-weight-regular: 400;
     --ax-font-weight-bold: 600;
     --ax-font-size-small: .875rem;
@@ -1456,17 +1416,17 @@
   }
 
   .navds-button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-button--small, .navds-button--xsmall {
     --__axc-button-icon-margin: -2px;
-    --__axc-button-icon-size: 1.25rem;
   }
 
   .navds-button--small {
     padding: var(--ax-space-4) var(--ax-space-12);
+    gap: var(--ax-space-6);
     min-width: 2rem;
     min-height: 2rem;
   }
@@ -1474,6 +1434,7 @@
   .navds-button--xsmall {
     padding: var(--ax-space-2) var(--ax-space-8);
     gap: var(--ax-space-4);
+    --__axc-button-icon-size: 1.25rem;
   }
 
   .navds-button--icon-only {
@@ -1580,7 +1541,7 @@
   }
 
   .navds-button--secondary-neutral {
-    --__axc-button-border-color: var(--ax-border-default);
+    --__axc-button-border-color: var(--ax-border-strong);
     color: var(--ax-text-default);
     background-color: rgba(0, 0, 0, 0);
   }
@@ -1597,7 +1558,7 @@
   }
 
   .navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
-    --__axc-button-border-color: var(--ax-border-default);
+    --__axc-button-border-color: var(--ax-border-strong);
     color: var(--ax-text-default);
     background-color: rgba(0, 0, 0, 0);
   }
@@ -1665,7 +1626,7 @@
     opacity: var(--ax-opacity-disabled);
   }
 
-  .navds-button .navds-loader {
+  .navds-button > .navds-loader {
     position: absolute;
   }
 
@@ -1782,7 +1743,7 @@
   .navds-chips__toggle--action {
     box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
     background-color: var(--ax-bg-accent-moderate);
-    color: var(--ax-text-default);
+    color: var(--ax-text-accent-strong);
   }
 
   .navds-chips__toggle--action:hover {
@@ -2014,7 +1975,7 @@
   }
 
   .navds-dropzone--error > .navds-dropzone__area {
-    outline: 2px solid var(--ax-border-danger);
+    outline: 2px solid var(--ax-border-danger-strong);
     outline-offset: -1px;
     border-color: rgba(0, 0, 0, 0);
   }
@@ -2084,7 +2045,7 @@
   }
 
   .navds-file-item--error > .navds-file-item__inner {
-    outline: 2px solid var(--ax-border-danger);
+    outline: 2px solid var(--ax-border-danger-strong);
   }
 
   .navds-file-item__icon {
@@ -2417,7 +2378,7 @@
   }
 
   .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
   }
 
   .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
@@ -2426,12 +2387,11 @@
   }
 
   .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 {
-    border-color: var(--ax-border-danger);
+    border-color: var(--ax-border-danger-strong);
   }
 
   .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 {
     background-color: var(--ax-bg-danger-moderate-hoverA);
-    border-color: var(--ax-border-danger-strong);
   }
 
   .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
@@ -2601,12 +2561,7 @@
     padding-block: 0;
   }
 
-  .navds-select--error > * select {
-    box-shadow: 0 0 0 1px var(--ax-border-danger);
-    border-color: var(--ax-border-danger);
-  }
-
-  .navds-select--error > * select:hover, .navds-select--error > * select:focus {
+  .navds-select--error > * select, .navds-select--error > * select:hover, .navds-select--error > * select:focus {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
@@ -2702,7 +2657,7 @@
   }
 
   .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
   }
 
   .navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
@@ -2769,7 +2724,7 @@
 
   .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
     background-color: var(--ax-bg-raised);
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
     width: 1.25rem;
     height: 1.25rem;
     top: 0;
@@ -2931,8 +2886,8 @@
   }
 
   .navds-text-field--error .navds-text-field__input:not(:disabled) {
-    border-color: var(--ax-border-danger);
-    box-shadow: 0 0 0 1px var(--ax-border-danger);
+    border-color: var(--ax-border-danger-strong);
+    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
   }
 
   .navds-text-field--readonly .navds-text-field__input {
@@ -3052,8 +3007,8 @@
   }
 
   .navds-textarea--error .navds-textarea__input:not(:disabled) {
-    box-shadow: 0 0 0 1px var(--ax-border-danger);
-    border-color: var(--ax-border-danger);
+    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
+    border-color: var(--ax-border-danger-strong);
   }
 
   @media (forced-colors: active) {
@@ -3177,12 +3132,12 @@
   }
 
   .navds-search--error .navds-search__input:not(:disabled) {
-    border-color: var(--ax-border-danger);
-    box-shadow: inset -2px 0 0 0 var(--ax-border-danger), inset 0 0 0 1px var(--ax-border-danger);
+    border-color: var(--ax-border-danger-strong);
+    box-shadow: inset -2px 0 0 0 var(--ax-border-danger-strong), inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
   .navds-search--error .navds-search__input:not(:disabled).navds-search__input--simple {
-    box-shadow: inset 0 0 0 1px var(--ax-border-danger);
+    box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
   }
 
   .navds-search__input:focus-visible, .navds-search__button-search:focus-visible {
@@ -3209,7 +3164,7 @@
   }
 
   .navds-form-field:not(:is(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
-    border-color: var(--ax-border-focus);
+    border-color: var(--ax-border-accent-strong);
   }
 
   .navds-form-field--small .navds-combobox__wrapper {
@@ -3224,6 +3179,10 @@
     opacity: var(--ax-opacity-disabled);
   }
 
+  .navds-combobox--disabled .navds-combobox__wrapper:hover {
+    border-color: var(--ax-border-default);
+  }
+
   .navds-combobox--disabled .navds-combobox__wrapper :hover {
     cursor: not-allowed;
   }
@@ -3264,9 +3223,9 @@
   }
 
   .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
-    border-color: var(--ax-border-focus);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    border-color: var(--ax-border-accent-strong);
   }
 
   .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
@@ -3298,13 +3257,17 @@
     cursor: text;
   }
 
+  .navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
+    border-color: var(--ax-border-default);
+  }
+
   .navds-combobox--error .navds-combobox__wrapper-inner {
-    border-color: var(--ax-border-danger);
-    box-shadow: 0 0 0 1px var(--ax-border-danger);
+    border-color: var(--ax-border-danger-strong);
+    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
   }
 
   .navds-combobox--error .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
-    border-color: var(--ax-border-danger);
+    border-color: var(--ax-border-danger-strong);
   }
 
   .navds-combobox__selected-options {
@@ -3402,7 +3365,7 @@
 
   .navds-combobox__list {
     z-index: 10;
-    max-height: 290px;
+    max-height: 316px;
     left: 0;
     right: 0;
     top: calc(100% + var(--ax-space-8));
@@ -3431,7 +3394,7 @@
     padding-inline: var(--__axc-combobox-list-item-padding-inline);
     border-radius: var(--ax-border-radius-medium);
     margin-inline: var(--ax-space-8);
-    margin-block: var(--ax-space-4);
+    margin-block: var(--ax-space-2);
     border: 0;
     justify-content: space-between;
     align-items: center;
@@ -3472,7 +3435,6 @@
   .navds-combobox__list-item--focus {
     cursor: pointer;
     outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
   }
 
   .navds-combobox__list-item {
@@ -3487,11 +3449,12 @@
 
   .navds-combobox__list-item mark {
     font-weight: var(--ax-font-weight-bold);
+    color: var(--ax-text-default);
     background-color: rgba(0, 0, 0, 0);
   }
 
   .navds-combobox__list-item svg {
-    color: var(--ax-text-accent);
+    color: var(--ax-text-default);
   }
 
   .navds-combobox__list-item--selected {
@@ -3507,11 +3470,10 @@
     background: var(--ax-bg-accent-moderateA);
     cursor: pointer;
     margin: 0;
-    margin-block: calc(var(--ax-space-4) * -1);
-    padding-block: var(--ax-space-16);
     border-radius: 0;
     justify-content: flex-start;
     gap: .25rem;
+    margin-block-start: calc(var(--ax-space-4) * -1);
   }
 
   .navds-combobox__list-item--new-option svg {
@@ -3519,6 +3481,7 @@
   }
 
   .navds-combobox__list-item--new-option:only-child {
+    margin-block: calc(var(--ax-space-4) * -1);
     border: none;
   }
 
@@ -3842,7 +3805,7 @@
     background-color: var(--ax-bg-accent-moderateA);
     width: 22px;
     height: 22px;
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
     align-self: center;
   }
 
@@ -4095,11 +4058,11 @@
   }
 
   .navds-chat--info .navds-chat__bubble, .navds-chat--info .navds-chat__avatar {
-    background-color: var(--ax-bg-info-raised);
+    background-color: var(--ax-bg-info-moderate);
   }
 
   .navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
-    background-color: var(--ax-bg-raised);
+    background-color: var(--ax-bg-moderateA);
   }
 
   .navds-chat__top-text {
@@ -4194,12 +4157,8 @@
     --__axc-copybutton-padding: var(--ax-space-4);
   }
 
-  .navds-copybutton--small .navds-copybutton__icon {
-    font-size: 1.25rem;
-  }
-
   .navds-copybutton--small > .navds-copybutton__content {
-    gap: var(--ax-space-6);
+    gap: var(--ax-space-4);
   }
 
   .navds-copybutton--xsmall {
@@ -4221,7 +4180,7 @@
   }
 
   .navds-copybutton--xsmall > .navds-copybutton__content {
-    gap: var(--ax-space-4);
+    gap: var(--ax-space-2);
   }
 
   .navds-copybutton__icon {
@@ -4229,18 +4188,6 @@
     display: flex;
   }
 
-  .navds-copybutton__icon:first-of-type {
-    margin-left: -.25rem;
-  }
-
-  .navds-copybutton__icon:last-of-type {
-    margin-right: -.25rem;
-  }
-
-  .navds-copybutton__icon:only-child {
-    margin: 0;
-  }
-
   .navds-copybutton--active .navds-copybutton__icon {
     animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
   }
@@ -4271,14 +4218,6 @@
     color: var(--ax-text-success);
   }
 
-  .navds-copybutton--action.navds-copybutton--active:hover {
-    color: var(--ax-text-success-strong);
-  }
-
-  .navds-copybutton--action:hover {
-    color: var(--ax-text-accent-strong);
-  }
-
   .navds-copybutton--action:disabled {
     color: var(--ax-text-accent);
   }
@@ -4287,10 +4226,6 @@
     color: var(--ax-text-subtle);
   }
 
-  .navds-copybutton--neutral:hover, .navds-copybutton--neutral.navds-copybutton--active {
-    color: var(--ax-text-default);
-  }
-
   .navds-copybutton--neutral:disabled {
     color: var(--ax-text-subtle);
   }
@@ -4298,7 +4233,7 @@
   .navds-copybutton__content {
     justify-content: center;
     align-items: center;
-    gap: var(--ax-space-8);
+    gap: var(--ax-space-6);
     display: inline-flex;
   }
 
@@ -4757,7 +4692,7 @@
 
   .navds-action-menu__item--danger:focus {
     background-color: var(--ax-bg-danger-moderate-hoverA);
-    color: var(--ax-text-danger-strong);
+    color: var(--ax-text-danger);
   }
 
   .navds-action-menu__marker {
@@ -6440,8 +6375,8 @@
   }
 
   .navds-read-more__button:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-read-more__button[data-state="open"] .navds-read-more__expand-icon {
@@ -7128,11 +7063,28 @@
   }
 
   .navds-table__expanded-row-content {
-    padding: var(--ax-space-16) calc(var(--ax-space-8)  + 3rem);
+    --__ac-table-expanded-row-pi: calc(var(--ax-space-8)  + 3rem);
+    padding-block: var(--ax-space-16);
   }
 
   .navds-table--small .navds-table__expanded-row-content {
-    padding: var(--ax-space-8) calc(var(--ax-space-8)  + 3rem);
+    padding-block: var(--ax-space-8);
+  }
+
+  .navds-table__expanded-row-content--gutter-both {
+    padding-inline: var(--__ac-table-expanded-row-pi);
+  }
+
+  .navds-table__expanded-row-content--gutter-left {
+    padding-inline: var(--__ac-table-expanded-row-pi) var(--ax-space-8);
+  }
+
+  .navds-table__expanded-row-content--gutter-right {
+    padding-inline: var(--ax-space-8) var(--__ac-table-expanded-row-pi);
+  }
+
+  .navds-table__expanded-row-content--gutter-none {
+    padding-inline: var(--ax-space-8);
   }
 
   .navds-tabs__tablist-wrapper {