@navikt/ds-css 7.8.1 → 7.9.0

package/dist/darkside/version/{7.8.1 → 7.9.0}/index.css

@@ -926,6 +926,7 @@
   }
 
   :root, :host {
+    --ax-version: "7.9.0";
     --ax-font-weight-regular: 400;
     --ax-font-weight-bold: 600;
     --ax-font-size-small: .875rem;
@@ -1402,6 +1403,18 @@
     color: var(--ax-text-danger);
   }
 
+  .navds-error-message.navds-error-message--show-icon {
+    gap: var(--ax-spacing-1);
+    display: flex;
+  }
+
+  .navds-error-message.navds-error-message--show-icon svg {
+    flex: none;
+    width: 1em;
+    height: 1em;
+    margin-top: .15em;
+  }
+
   .navds-typo--truncate {
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -1511,7 +1524,7 @@
     margin-right: var(--__axc-button-icon-margin);
   }
 
-  .navds-button__icon:only-child {
+  .navds-button--icon-only .navds-button__icon {
     margin: 0;
   }
 
@@ -1671,6 +1684,10 @@
     opacity: var(--ax-opacity-disabled);
   }
 
+  .navds-button .navds-loader {
+    position: absolute;
+  }
+
   .navds-button .navds-loader .navds-loader__foreground {
     stroke: currentColor;
   }
@@ -1679,6 +1696,10 @@
     stroke: rgba(255, 255, 255, .3);
   }
 
+  .navds-button--loading > :not(.navds-loader) {
+    visibility: hidden;
+  }
+
   @media (forced-colors: active) {
     .navds-button:not(.navds-button--loading):where(:disabled, .navds-button--disabled) {
       opacity: 1;
@@ -2152,15 +2173,6 @@
     margin-top: -.375rem;
   }
 
-  .navds-form-field .navds-error-message, .navds-fieldset .navds-error-message, .navds-file-item .navds-error-message {
-    gap: var(--ax-spacing-2);
-    display: flex;
-  }
-
-  .navds-form-field .navds-error-message:before, .navds-fieldset .navds-error-message:before, .navds-file-item .navds-error-message:before {
-    content: "•";
-  }
-
   .navds-form-field--disabled {
     opacity: var(--ax-opacity-disabled);
     cursor: not-allowed;
@@ -6266,26 +6278,26 @@
   .navds-toggle-group {
     border-radius: var(--ax-border-radius-medium);
     box-shadow: inset 0 0 0 1px var(--ax-border-default);
-    padding: var(--ax-spacing-1);
-    gap: var(--ax-spacing-1);
     background-color: rgba(0, 0, 0, 0);
     grid-auto-columns: 1fr;
     grid-auto-flow: column;
+    gap: 1px;
     display: inline-grid;
   }
 
   .navds-toggle-group__button {
     padding: var(--ax-spacing-1) var(--ax-spacing-3);
     cursor: pointer;
-    min-height: 2.5rem;
+    min-height: 3rem;
     color: var(--ax-text-default);
-    border-radius: var(--ax-border-radius-small);
+    border-radius: var(--ax-border-radius-medium);
     background-color: rgba(0, 0, 0, 0);
     border: none;
     justify-content: center;
     align-items: center;
     min-width: fit-content;
     display: inline-flex;
+    position: relative;
   }
 
   .navds-toggle-group__button:hover {
@@ -6296,13 +6308,24 @@
   .navds-toggle-group__button:focus-visible {
     outline: 2px solid var(--ax-border-focus);
     outline-offset: 2px;
+    z-index: 1;
   }
 
-  .navds-toggle-group__button[aria-checked="true"] {
+  .navds-toggle-group__button[data-selected="true"] {
     background-color: var(--ax-bg-accent-strong-pressed);
     color: var(--ax-text-accent-contrast);
   }
 
+  .navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
+    content: "";
+    background-color: var(--ax-border-subtleA);
+    width: 1px;
+    height: 50%;
+    display: block;
+    position: absolute;
+    left: -1px;
+  }
+
   .navds-toggle-group__button-inner {
     align-items: center;
     gap: var(--ax-spacing-2);
@@ -6321,14 +6344,14 @@
     background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  :where(.navds-toggle-group--neutral) .navds-toggle-group__button[aria-checked="true"] {
+  :where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
     background-color: var(--ax-bg-neutral-strong-pressed);
     color: var(--ax-text-neutral-contrast);
   }
 
   .navds-toggle-group--small .navds-toggle-group__button {
     padding: var(--ax-spacing-05) var(--ax-spacing-3);
-    min-height: 1.5rem;
+    min-height: 2rem;
   }
 
   .navds-toggle-group--small .navds-toggle-group__button-inner > svg {
@@ -6340,13 +6363,13 @@
       border: 2px solid rgba(0, 0, 0, 0);
     }
 
-    .navds-toggle-group__button[aria-checked="true"]:hover, .navds-toggle-group__button:hover {
+    .navds-toggle-group__button:hover {
       color: highlight;
       background-color: highlighttext;
       outline: 1px solid highlight;
     }
 
-    .navds-toggle-group__button[aria-checked="true"] {
+    .navds-toggle-group__button[data-selected="true"] {
       color: selecteditemtext;
       forced-color-adjust: none;
       background-color: selecteditem;