@navikt/ds-css 7.33.4 → 7.34.0

package/dist/darkside/version/{7.33.4 → 7.34.0}/index.css

@@ -646,7 +646,7 @@
   }
 
   :root, :host {
-    --ax-version: "7.33.4";
+    --ax-version: "7.34.0";
     --ax-space-0: 0rem;
     --ax-space-1: .0625rem;
     --ax-space-2: .125rem;
@@ -964,10 +964,6 @@
     line-height: 1.333;
   }
 
-  [hidden] {
-    display: none;
-  }
-
   @media (prefers-reduced-motion: reduce) {
     :not(.aksel-loader *, .aksel-loader, .aksel-progress-bar *, .aksel-progress-bar), :before, :after {
       background-attachment: initial !important;
@@ -3871,6 +3867,101 @@
     margin-block-start: var(--ax-space-4);
   }
 
+  .aksel-base-alert {
+    border-radius: var(--ax-radius-12);
+    --__axc-base-alert-pi: var(--ax-space-20);
+    --__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
+    --__axc-base-alert-title-pb: var(--ax-space-2);
+    --__axc-base-alert-header-max-width: 37.5rem;
+    height: fit-content;
+    display: grid;
+    overflow: clip;
+  }
+
+  .aksel-base-alert[data-size="small"] {
+    --__axc-base-alert-pi: var(--ax-space-16);
+    --__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
+    --__axc-base-alert-title-pb: var(--ax-space-4);
+  }
+
+  .aksel-base-alert[data-variant="moderate"] {
+    outline: 1px solid var(--ax-border-default);
+    outline-offset: -1px;
+  }
+
+  .aksel-base-alert[data-variant="strong"] {
+    outline: 4px solid var(--ax-border-default);
+    outline-offset: -4px;
+  }
+
+  .aksel-base-alert[data-variant="strong"][data-color="neutral"] {
+    outline-color: var(--ax-border-strong);
+  }
+
+  .aksel-base-alert[data-global="true"] {
+    border-radius: 0;
+  }
+
+  .aksel-base-alert__header {
+    align-items: flex-start;
+    gap: var(--ax-space-8);
+    padding: var(--ax-space-8) var(--__axc-base-alert-pi);
+    border-bottom: 1px solid;
+    display: flex;
+  }
+
+  .aksel-base-alert[data-global="true"] .aksel-base-alert__header {
+    padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
+  }
+
+  .aksel-base-alert[data-variant="moderate"] .aksel-base-alert__header {
+    background: var(--ax-bg-moderate);
+    color: var(--ax-text-default);
+    border-color: var(--ax-border-subtleA);
+  }
+
+  .aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
+    background: var(--ax-bg-strong);
+    color: var(--ax-text-contrast);
+    border-bottom: none;
+  }
+
+  .aksel-base-alert__header:only-child {
+    border-bottom: none;
+  }
+
+  .aksel-base-alert__icon {
+    margin-top: var(--ax-space-4);
+    font-size: 1.5rem;
+    display: grid;
+  }
+
+  .aksel-base-alert__title {
+    padding-block: var(--__axc-base-alert-title-pb);
+  }
+
+  .aksel-base-alert__content {
+    padding: var(--__axc-base-alert-content-p);
+    background-color: var(--ax-bg-default);
+  }
+
+  .aksel-base-alert[data-global="true"] .aksel-base-alert__content {
+    padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
+  }
+
+  .aksel-base-alert__close-button {
+    z-index: 1;
+    margin-left: auto;
+  }
+
+  .aksel-base-alert__close-button:focus-visible {
+    outline-color: var(--ax-bg-default);
+  }
+
+  .aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button {
+    color: var(--ax-text-neutral-contrast);
+  }
+
   .aksel-chat {
     align-items: flex-end;
     gap: var(--ax-space-12);
@@ -4855,6 +4946,22 @@
     }
   }
 
+  .aksel-inline-message {
+    gap: var(--ax-space-4);
+    color: var(--ax-text-default);
+    display: flex;
+  }
+
+  .aksel-inline-message__icon {
+    color: var(--ax-text-subtle);
+    flex: none;
+    font-size: 1.5rem;
+  }
+
+  .aksel-inline-message[data-size="small"] .aksel-inline-message__icon {
+    font-size: 1.25rem;
+  }
+
   .aksel-internalheader {
     background: var(--ax-bg-raised);
     border-bottom: 1px solid var(--ax-border-neutral-subtleA);
@@ -5919,7 +6026,7 @@
   }
 
   .aksel-tooltip {
-    z-index: 3000;
+    z-index: 2147483647;
     background-color: var(--ax-bg-neutral-strong);
     color: var(--ax-text-neutral-contrast);
     border-radius: var(--ax-radius-4);
@@ -6650,7 +6757,7 @@
     justify-self: center;
   }
 
-  .aksel-stepper__item--non-interactive .aksel-stepper__line {
+  .aksel-stepper__item[data-interactive="false"] .aksel-stepper__line {
     background-color: var(--ax-border-neutral-strong);
   }