@navikt/ds-css 7.9.2 → 7.11.0

package/dist/darkside/version/{7.9.2 → 7.11.0}/component/form.css

@@ -68,18 +68,19 @@
   }
 
   .navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
-    color: var(--ax-text-accent-strong);
     background-color: var(--ax-bg-accent-moderate-hover);
     box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
   }
 
-  .navds-dropzone__area:active .navds-dropzone__area-button {
+  .navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
     background-color: var(--ax-bg-accent-strong-pressed);
     color: var(--ax-text-accent-contrast);
     box-shadow: none;
   }
 
   .navds-dropzone__area[data-disabled="true"] {
+    --__axc-dropzone-background: var(--ax-bg-soft);
+    border-color: var(--ax-border-subtleA);
     cursor: default;
   }
 
@@ -98,7 +99,10 @@
     animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
     margin: -1px;
     position: absolute;
-    inset: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 
   @keyframes akselDropzoneDragoverAnimation {
@@ -125,7 +129,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);
   }
@@ -163,7 +167,7 @@
   }
 
   .navds-dropzone--dragging .navds-dropzone__area-release {
-    color: var(--ax-text-accent-strong);
+    color: var(--ax-text-accent);
     top: 50%;
     transform: translateY(-50%);
   }
@@ -176,7 +180,25 @@
     display: flex;
   }
 
-  .navds-file-upload :is(ul, li), ul:has( > li.navds-file-item), li.navds-file-item {
+  li.navds-file-item {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .navds-file-upload :-webkit-any(ul, li) {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .navds-file-upload :is(ul, li) {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  ul:has( > li.navds-file-item) {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -195,7 +217,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 {
@@ -228,7 +250,6 @@
   }
 
   .navds-file-item__error {
-    color: var(--ax-text-danger);
     grid-template-rows: 0fr;
     transition-property: grid-template-rows, padding-top;
     transition-duration: .25s;
@@ -237,23 +258,11 @@
     overflow: hidden;
   }
 
-  .navds-file-item__error .navds-file-item__error {
+  .navds-file-item--error .navds-file-item__error {
     padding-top: var(--ax-space-4);
     grid-template-rows: 1fr;
   }
 
-  .navds-file-item__error-content {
-    gap: var(--ax-space-4);
-    min-height: 0;
-    display: flex;
-  }
-
-  .navds-file-item__error-content > svg {
-    flex-shrink: 0;
-    height: 1rem;
-    margin-top: .1rem;
-  }
-
   .navds-form-field {
     justify-items: start;
     gap: var(--ax-space-8);
@@ -300,16 +309,20 @@
     padding: var(--ax-space-16) var(--ax-space-20);
     border: 4px solid var(--ax-border-danger);
     border-radius: var(--ax-border-radius-xlarge);
-    outline-offset: 2px;
+    outline-offset: 3px;
   }
 
-  .navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
-    outline: 2px solid var(--ax-border-focus);
+  .navds-error-summary:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+  }
+
+  .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
+    outline: 3px solid var(--ax-border-focus);
   }
 
   @supports not selector(:focus-visible) {
     .navds-error-summary:focus {
-      outline: 2px solid var(--ax-border-focus);
+      outline: 3px solid var(--ax-border-focus);
     }
   }
 
@@ -382,14 +395,27 @@
       border-color: orange;
       border-left-style: solid;
       border-left-width: 8px;
-      border-start-start-radius: calc(var(--a-border-radius-medium)  - 1px);
-      border-end-start-radius: calc(var(--a-border-radius-medium)  - 1px);
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
     }
 
+    .navds-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+      border-top-left-radius: calc(var(--a-border-radius-medium)  - 1px);
+      border-bottom-left-radius: calc(var(--a-border-radius-medium)  - 1px);
+    }
+
+    .navds-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+      border-top-right-radius: calc(var(--a-border-radius-medium)  - 1px);
+      border-bottom-right-radius: calc(var(--a-border-radius-medium)  - 1px);
+    }
+
+    .navds-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+      border-top-right-radius: calc(var(--a-border-radius-medium)  - 1px);
+      border-bottom-right-radius: calc(var(--a-border-radius-medium)  - 1px);
+    }
+
     .navds-confirmation-panel--checked .navds-confirmation-panel__inner:before {
       border-color: green;
     }
@@ -400,6 +426,7 @@
   }
 
   .navds-checkbox, .navds-radio {
+    width: -webkit-fit-content;
     width: fit-content;
     position: relative;
   }
@@ -460,25 +487,40 @@
     height: 1.25rem;
   }
 
-  .navds-checkbox__input:focus + .navds-checkbox__label:before, .navds-radio__input:focus + .navds-radio__label:before {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+  .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
+    content: "";
+    width: 100%;
+    height: calc(100% - var(--ax-space-24));
+    border-radius: var(--ax-border-radius-medium);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    pointer-events: none;
+    position: absolute;
   }
 
-  .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
-    content: "";
-    transform: translate(var(--ax-space-6), -50%);
+  .navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
+    height: calc(100% - var(--ax-space-12));
+  }
+
+  .navds-checkbox__icon-indeterminate {
+    display: none;
+  }
+
+  .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
     background-color: var(--ax-bg-default);
-    border-radius: 1px;
-    flex-shrink: 0;
     width: .75rem;
     height: .25rem;
+    transform: translate(var(--ax-space-6), -50%);
+    pointer-events: none;
+    border-radius: 1px;
+    display: block;
     position: absolute;
     top: 50%;
   }
 
-  .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
-    transform: translate(.25rem, -50%);
+  .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
+    transform: translate(var(--ax-space-4), -50%);
+    height: .1875rem;
   }
 
   .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
@@ -528,7 +570,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 {
@@ -537,12 +579,16 @@
   }
 
   .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:-webkit-any(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
+    background-color: var(--ax-bg-danger-strong-pressed);
+    border-color: var(--ax-bg-danger-strong-pressed);
   }
 
   .navds-checkbox--error > .navds-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .navds-checkbox__label:before {
@@ -562,7 +608,11 @@
     cursor: not-allowed;
   }
 
-  .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label), .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
+  .navds-checkbox--readonly > :where(.navds-checkbox__input, .navds-checkbox__label) {
+    cursor: default;
+  }
+
+  .navds-radio--readonly > :where(.navds-radio__input, .navds-radio__label) {
     cursor: default;
   }
 
@@ -594,7 +644,7 @@
     border-width: 0;
   }
 
-  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
+  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
     background-color: var(--ax-text-subtle);
   }
 
@@ -615,7 +665,7 @@
       color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
-    .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
+    .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
@@ -632,7 +682,7 @@
       background-color: var(--__axc-radio-checkbox-high-contrast-bg);
     }
 
-    .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label:after {
+    .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
       background-color: var(--__axc-radio-checkbox-high-contrast-text);
     }
 
@@ -646,15 +696,20 @@
       --__axc-radio-checkbox-high-contrast-text: graytext;
     }
 
+    :-webkit-any(.navds-checkbox--disabled, .navds-radio--disabled) :-webkit-any(.navds-checkbox__label, .navds-radio__label) {
+      color: graytext;
+    }
+
     :is(.navds-checkbox--disabled, .navds-radio--disabled) :is(.navds-checkbox__label, .navds-radio__label) {
       color: graytext;
     }
   }
 
   .navds-select__input {
+    -webkit-appearance: none;
     appearance: none;
     background-color: var(--ax-bg-input);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     border: 1px solid var(--ax-border-default);
     color: var(--ax-text-default);
     box-sizing: border-box;
@@ -672,8 +727,8 @@
   }
 
   .navds-select__input:focus {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
@@ -709,15 +764,21 @@
 
   .navds-form-field--small .navds-select__input {
     min-height: 2rem;
-    padding-block: 0;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
   .navds-select--error > * select {
-    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);
+  }
+
+  .navds-select--error > * select:hover {
+    box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
+    border-color: var(--ax-border-danger-strong);
   }
 
-  .navds-select--error > * select:hover, .navds-select--error > * select:focus {
+  .navds-select--error > * select:focus {
     box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
     border-color: var(--ax-border-danger-strong);
   }
@@ -748,6 +809,12 @@
   }
 
   @media (forced-colors: active) {
+    .navds-select--readonly .navds-select__input:-webkit-any(:hover, :focus) {
+      color: buttontext;
+      background-color: buttonface;
+      border-color: buttontext;
+    }
+
     .navds-select--readonly .navds-select__input:is(:hover, :focus) {
       color: buttontext;
       background-color: buttonface;
@@ -760,6 +827,7 @@
   }
 
   .navds-switch {
+    width: -webkit-fit-content;
     width: fit-content;
     min-height: 3rem;
     position: relative;
@@ -790,30 +858,44 @@
   }
 
   .navds-switch__content {
+    --__axc-switch-block-padding: .75rem;
+    gap: var(--ax-space-2);
+    padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
     flex-direction: column;
-    gap: .125rem;
-    padding: .75rem 0 .75rem 3.25rem;
     display: flex;
+    position: relative;
   }
 
   .navds-switch--right .navds-switch__content {
-    padding: .75rem 3.25rem .75rem 0;
+    padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
   }
 
   .navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 0 calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem;
+    --__axc-switch-block-padding: .375rem;
   }
 
-  .navds-switch--right.navds-switch--small .navds-switch__content {
-    padding: calc(var(--ax-space-8)  - var(--ax-space-2)) 3.25rem calc(var(--ax-space-8)  - var(--ax-space-2)) 0;
+  .navds-switch__content.navds-switch--with-description {
+    padding-bottom: 0;
   }
 
-  .navds-switch--with-description {
-    padding-bottom: 0;
+  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
+    content: "";
+    width: 100%;
+    height: calc(100% - var(--__axc-switch-block-padding) * 2);
+    border-radius: var(--ax-border-radius-medium);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+    pointer-events: none;
+    position: absolute;
+    left: 0;
+  }
+
+  .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
+    height: calc(100% - var(--__axc-switch-block-padding) * 1);
   }
 
   .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 {
@@ -858,9 +940,9 @@
     border-color: var(--ax-bg-accent-strong-pressed);
   }
 
-  .navds-switch__input:focus-visible ~ .navds-switch__track {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+  .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-switch__thumb {
@@ -880,7 +962,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;
@@ -913,12 +995,18 @@
     width: auto;
   }
 
-  .navds-switch--right .navds-switch__input, .navds-switch--right .navds-switch__track {
+  .navds-switch--right .navds-switch__input {
+    left: auto;
+    right: 0;
+  }
+
+  .navds-switch--right .navds-switch__track {
     left: auto;
     right: 0;
   }
 
   .navds-switch__input:disabled {
+    -webkit-appearance: none;
     appearance: none;
   }
 
@@ -930,16 +1018,39 @@
     cursor: not-allowed;
   }
 
-  .navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
+  .navds-switch--readonly > .navds-switch__track {
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
+  }
+
+  .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track {
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
+  }
+
+  .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track {
+    background-color: var(--ax-bg-moderate);
+    border-color: var(--ax-border-subtleA);
+  }
+
+  .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
     background-color: var(--ax-bg-moderate);
     border-color: var(--ax-border-subtleA);
   }
 
-  .navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
+  .navds-switch--readonly > .navds-switch__label-wrapper {
     cursor: default;
   }
 
-  .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
+  .navds-switch--readonly > .navds-switch__input {
+    cursor: default;
+  }
+
+  .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper {
+    color: var(--ax-text-default);
+  }
+
+  .navds-switch--readonly .navds-switch__label-wrapper:hover {
     color: var(--ax-text-default);
   }
 
@@ -979,9 +1090,8 @@
       color: field;
     }
 
-    .navds-switch__input:focus-visible ~ .navds-switch__track {
-      outline-offset: 2px;
-      outline: 2px solid highlight;
+    .navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
+      outline: 3px solid highlight;
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) {
@@ -989,7 +1099,7 @@
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
-      background-color: graytext;
+      background-color: graytext !important;
     }
 
     .navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
@@ -1002,10 +1112,11 @@
   }
 
   .navds-text-field__input {
+    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background: var(--ax-bg-input);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     border: 1px solid var(--ax-border-default);
     width: 100%;
     min-height: 3rem;
@@ -1018,8 +1129,8 @@
 
   .navds-text-field__input:focus-visible {
     border-color: var(--ax-border-accent-strong);
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-text-field__input:disabled {
@@ -1042,8 +1153,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 {
@@ -1077,10 +1188,11 @@
 
   .navds-textarea__input {
     height: var(--__axc-textarea-height);
+    -webkit-appearance: none;
     appearance: none;
     padding: var(--ax-space-8);
     background-color: var(--ax-bg-input);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     border: 1px solid var(--ax-border-default);
     resize: none;
     width: 100%;
@@ -1097,8 +1209,8 @@
   }
 
   .navds-textarea__input:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     border-color: var(--ax-border-accent-strong);
   }
 
@@ -1137,17 +1249,50 @@
 
   .navds-textarea--resize-both .navds-textarea__input {
     resize: both;
-    border-end-end-radius: 0;
+  }
+
+  .navds-textarea--resize-both .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 0;
+  }
+
+  .navds-textarea--resize-both .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
+  }
+
+  .navds-textarea--resize-both .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
   }
 
   .navds-textarea--resize-horizontal .navds-textarea__input {
     resize: horizontal;
-    border-end-end-radius: 0;
+  }
+
+  .navds-textarea--resize-horizontal .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 0;
+  }
+
+  .navds-textarea--resize-horizontal .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
+  }
+
+  .navds-textarea--resize-horizontal .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
   }
 
   .navds-textarea--resize-vertical .navds-textarea__input {
     resize: vertical;
-    border-end-end-radius: 0;
+  }
+
+  .navds-textarea--resize-vertical .navds-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-right-radius: 0;
+  }
+
+  .navds-textarea--resize-vertical .navds-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
+  }
+
+  .navds-textarea--resize-vertical .navds-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    border-bottom-left-radius: 0;
   }
 
   .navds-textarea--autoscrollbar, .navds-textarea--autoscrollbar .navds-textarea__wrapper {
@@ -1163,8 +1308,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) {
@@ -1190,18 +1335,19 @@
   }
 
   .navds-search--with-size .navds-search__wrapper {
+    width: -webkit-fit-content;
     width: fit-content;
   }
 
   .navds-search__wrapper {
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     align-items: center;
     display: inline-flex;
   }
 
   .navds-search__wrapper:has(.navds-search__input:focus-visible) {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 
   .navds-search__input {
@@ -1212,7 +1358,13 @@
     outline: none;
   }
 
-  .navds-search__input.navds-search__input--primary, .navds-search__input.navds-search__input--secondary {
+  .navds-search__input.navds-search__input--primary {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .navds-search__input.navds-search__input--secondary {
     border-right: none;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -1261,8 +1413,8 @@
 
   .navds-search__button-search {
     border-radius: 0;
-    border-top-right-radius: var(--ax-border-radius-medium);
-    border-bottom-right-radius: var(--ax-border-radius-medium);
+    border-top-right-radius: var(--ax-border-radius-large);
+    border-bottom-right-radius: var(--ax-border-radius-large);
     flex-shrink: 0;
   }
 
@@ -1283,20 +1435,28 @@
     --__axc-button-border-color: transparent;
   }
 
+  .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:-webkit-any(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
+    --__axc-button-border-color: var(--ax-border-accent-strong);
+  }
+
   .navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
     --__axc-button-border-color: var(--ax-border-accent-strong);
   }
 
   .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 {
+  .navds-search__input:focus-visible {
+    z-index: 1;
+  }
+
+  .navds-search__button-search:focus-visible {
     z-index: 1;
   }
 
@@ -1312,15 +1472,19 @@
     --__axc-combobox-list-item-padding-inline: var(--ax-space-12);
     --__axc-combobox-border-width: 1px;
     --__axc-combobox-input-height: 2rem;
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     flex-direction: column;
     width: 100%;
     display: flex;
     position: relative;
   }
 
+  .navds-form-field:not(:-webkit-any(.navds-combobox--disabled, .navds-combobox--readonly)) .navds-combobox__wrapper:hover {
+    border-color: var(--ax-border-accent-strong);
+  }
+
   .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 {
@@ -1335,11 +1499,19 @@
     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;
   }
 
-  .navds-combobox--disabled .navds-combobox__selected-options, .navds-combobox--disabled .navds-combobox--readonly {
+  .navds-combobox--disabled .navds-combobox__selected-options {
+    pointer-events: none;
+  }
+
+  .navds-combobox--disabled .navds-combobox--readonly {
     pointer-events: none;
   }
 
@@ -1360,7 +1532,11 @@
     overflow: clip;
   }
 
-  .navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
+  .navds-combobox--readonly .navds-text-field__input {
+    background-color: var(--ax-bg-moderate);
+  }
+
+  .navds-combobox--readonly .navds-combobox__input {
     background-color: var(--ax-bg-moderate);
   }
 
@@ -1371,13 +1547,13 @@
 
   .navds-combobox__wrapper-inner {
     border: 1px solid var(--ax-border-default);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
   }
 
   .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 {
@@ -1409,13 +1585,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 {
@@ -1481,7 +1661,11 @@
       outline: none;
     }
 
-    .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus), .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
+    .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus) {
+      outline: none;
+    }
+
+    .navds-combobox__wrapper-inner:has(.navds-combobox__input:focus).navds-combobox__wrapper-inner--virtually-unfocused {
       outline: none;
     }
   }
@@ -1491,7 +1675,6 @@
   }
 
   .navds-combobox__button-toggle-list {
-    border-radius: var(--ax-border-radius-medium);
     color: var(--ax-text-default);
     cursor: pointer;
     background: none;
@@ -1513,7 +1696,7 @@
 
   .navds-combobox__list {
     z-index: 10;
-    max-height: 290px;
+    max-height: 316px;
     left: 0;
     right: 0;
     top: calc(100% + var(--ax-space-8));
@@ -1540,9 +1723,9 @@
   .navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
     padding-block: var(--__axc-combobox-list-item-padding-block);
     padding-inline: var(--__axc-combobox-list-item-padding-inline);
-    border-radius: var(--ax-border-radius-medium);
+    border-radius: var(--ax-border-radius-large);
     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;
@@ -1583,7 +1766,6 @@
   .navds-combobox__list-item--focus {
     cursor: pointer;
     outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
   }
 
   .navds-combobox__list-item {
@@ -1598,11 +1780,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 {
@@ -1618,11 +1801,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-top: calc(var(--ax-space-4) * -1);
   }
 
   .navds-combobox__list-item--new-option svg {
@@ -1630,6 +1812,7 @@
   }
 
   .navds-combobox__list-item--new-option:only-child {
+    margin-block: calc(var(--ax-space-4) * -1);
     border: none;
   }
 
@@ -1649,6 +1832,7 @@
     }
 
     .navds-combobox__input {
+      min-width: -webkit-min-content;
       min-width: min-content;
       padding: .75rem 0;
     }
@@ -1854,7 +2038,7 @@
 
   .navds-form-progress__stepper {
     border: 1px solid var(--ax-border-subtle);
-    border-radius: var(--ax-border-radius-large);
+    border-radius: var(--ax-border-radius-xlarge);
     padding: var(--ax-space-16) var(--ax-space-20);
     margin-top: var(--ax-space-4);
     background: var(--ax-bg-raised);