@navikt/ds-css 7.39.1 → 8.0.0

package/dist/component/alert.css

@@ -1,351 +1,185 @@
-.navds-alert {
-  border-radius: var(--a-border-radius-medium);
-  border: 1px solid;
-  padding: var(--a-spacing-4);
-  display: flex;
-  gap: var(--a-spacing-3);
-  align-items: center;
-}
-
-.navds-alert--small.navds-alert--close-button {
-  align-items: flex-start;
-}
-
-.navds-alert__wrapper--maxwidth {
-  max-width: 43.5rem;
-}
-
-.navds-alert--close-button > .navds-alert__wrapper {
-  margin-block-start: var(--a-spacing-05);
-}
-
-.navds-alert--small.navds-alert--close-button > .navds-alert__wrapper {
-  margin-block-start: var(--a-spacing-1);
-}
-
-.navds-alert--small {
-  padding: var(--a-spacing-2) var(--a-spacing-4);
-  gap: var(--a-spacing-2);
-}
-
-.navds-alert--full-width {
-  border-radius: 0;
-}
-
-.navds-alert > .navds-alert__icon {
-  flex-shrink: 0;
-  font-size: 1.5rem;
-  align-self: flex-start;
-  height: var(--a-font-line-height-xlarge);
-  background: radial-gradient(circle, var(--a-surface-default) 47%, 0, transparent);
-}
-
-.navds-alert--small > .navds-alert__icon {
-  margin-block-start: 0;
-  height: var(--a-font-line-height-large);
-}
-
-.navds-alert--close-button > .navds-alert__icon {
-  margin-block-start: var(--a-spacing-05);
-}
-
-.navds-alert--small.navds-alert--close-button > .navds-alert__icon {
-  margin-block-start: var(--a-spacing-1);
-}
-
-.navds-alert--error {
-  border-color: var(--ac-alert-error-border, var(--a-border-danger));
-  background-color: var(--ac-alert-error-bg, var(--a-surface-danger-subtle));
-}
+@layer aksel.reset, aksel.theming, aksel.baseline, aksel.print, aksel.typography, aksel.components.core, aksel.components.core.loader, aksel.components.core.button, aksel.components.form;
+
+@layer aksel.components.modules {
+  .aksel-alert {
+    border-radius: var(--ax-radius-12);
+    padding: var(--ax-space-16) var(--ax-space-20);
+    gap: var(--ax-space-12);
+    border: 1px solid;
+    border-color: var(--ax-border-default);
+    background-color: var(--ax-bg-moderate);
+    align-items: center;
+    display: flex;
+  }
 
-.navds-alert--error > .navds-alert__icon {
-  color: var(--ac-alert-icon-error-color, var(--a-icon-danger));
-}
+  .aksel-alert > .aksel-alert__icon {
+    color: var(--ax-text-decoration);
+  }
 
-.navds-alert--warning {
-  border-color: var(--ac-alert-warning-border, var(--a-border-warning));
-  background-color: var(--ac-alert-warning-bg, var(--a-surface-warning-subtle));
-}
+  @media (forced-colors: active) {
+    .aksel-alert {
+      color: canvastext;
+      background-color: canvas;
+      border: 1px solid canvastext;
+    }
+  }
 
-.navds-alert--warning > .navds-alert__icon {
-  background: radial-gradient(circle at 50% 57%, var(--a-surface-default) 30%, 0, transparent);
-  color: var(--ac-alert-icon-warning-color, var(--a-icon-warning));
-}
+  .aksel-alert__wrapper--maxwidth {
+    max-width: 43.5rem;
+  }
 
-.navds-alert--info {
-  border-color: var(--ac-alert-info-border, var(--a-border-info));
-  background-color: var(--ac-alert-info-bg, var(--a-surface-info-subtle));
-}
+  .aksel-alert__icon {
+    height: var(--ax-font-line-height-xlarge);
+    flex-shrink: 0;
+    align-self: flex-start;
+    font-size: 1.5rem;
+  }
 
-.navds-alert--info > .navds-alert__icon {
-  color: var(--ac-alert-icon-info-color, var(--a-icon-info));
-}
+  .aksel-alert--small {
+    padding: var(--ax-space-12) var(--ax-space-16);
+    gap: var(--ax-space-8);
+  }
 
-.navds-alert--success {
-  border-color: var(--ac-alert-success-border, var(--a-border-success));
-  background-color: var(--ac-alert-success-bg, var(--a-surface-success-subtle));
-}
+  .aksel-alert--small > .aksel-alert__icon {
+    height: var(--ax-font-line-height-large);
+    margin-block-start: 0;
+  }
 
-.navds-alert--success > .navds-alert__icon {
-  color: var(--ac-alert-icon-success-color, var(--a-icon-success));
-}
+  .aksel-alert--full-width {
+    border-radius: 0;
+  }
 
-.navds-alert--inline {
-  background-color: transparent;
-  border: none;
-  padding: 0;
-}
+  .aksel-alert--inline {
+    background-color: rgba(0, 0, 0, 0);
+    border: none;
+    padding: 0;
+  }
 
-.navds-alert__button-wrapper {
-  align-self: flex-start;
-  flex: 1;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-end;
-}
+  .aksel-alert__button-wrapper {
+    flex-flow: row;
+    flex: 1;
+    justify-content: flex-end;
+    align-self: flex-start;
+    display: flex;
+  }
 
-@media (forced-colors: active) {
-  .navds-alert {
-    border: 1px solid canvastext;
-    background-color: canvas;
-    color: canvastext;
+  .aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
+    margin-block-start: var(--ax-space-2);
   }
-}
 
-/* -------------------- InfoCard, LocalAlert, GlobalAlert ------------------- */
+  .aksel-alert--close-button.aksel-alert--small {
+    align-items: flex-start;
+  }
 
-.navds-base-alert {
-  display: grid;
-  border-radius: var(--a-border-radius-xlarge);
-  overflow: clip;
-  height: fit-content;
+  .aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
+    margin-block-start: var(--ax-space-4);
+  }
 
-  --__ac-base-alert-pi: var(--a-spacing-5);
-  --__ac-base-alert-content-p: var(--a-spacing-3) var(--__ac-base-alert-pi) var(--a-spacing-4) var(--__ac-base-alert-pi);
-  --__ac-base-alert-header-max-width: 37.5rem;
-  --__ac-base-alert-header-icon-margin-block-start: var(--a-spacing-2);
-  --__ac-base-alert-header-close-button-margin-block-start: var(--a-spacing-1);
-  --__ac-global-alert-alignment: max(var(--__ac-base-alert-pi), calc((100% - var(--__ac-base-alert-header-max-width)) / 2));
-}
+  .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-header-max-width: 37.5rem;
+    --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
+    --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
+    --__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
+    height: fit-content;
+    display: grid;
+    overflow: clip;
+  }
 
-.navds-base-alert[data-centered="false"] {
-    --__ac-global-alert-alignment: var(--a-spacing-5);
+  .aksel-base-alert[data-centered="false"] {
+    --__axc-global-alert-alignment: var(--ax-space-20);
   }
 
-.navds-base-alert[data-size="small"] {
-    --__ac-base-alert-pi: var(--a-spacing-4);
-    --__ac-base-alert-content-p: var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);
-    --__ac-base-alert-header-icon-margin-block-start: var(--a-spacing-1-alt);
-    --__ac-base-alert-header-close-button-margin-block-start: var(--a-spacing-05);
+  .aksel-base-alert[data-size="small"] {
+    --__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
+    --__axc-base-alert-header-icon-margin-block-start: var(--ax-space-6);
+    --__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-2);
   }
 
-.navds-base-alert[data-size="small"][data-centered="false"] {
-      --__ac-global-alert-alignment: var(--a-spacing-4);
-    }
+  .aksel-base-alert[data-size="small"][data-centered="false"] {
+    --__axc-global-alert-alignment: var(--ax-space-16);
+  }
 
-.navds-base-alert[data-variant="moderate"] {
-    outline: 1px solid;
+  .aksel-base-alert[data-variant="moderate"] {
+    outline: 1px solid var(--ax-border-default);
     outline-offset: -1px;
   }
 
-.navds-base-alert[data-variant="strong"] {
-    outline: 4px solid;
+  .aksel-base-alert[data-variant="strong"] {
+    outline: 4px solid var(--ax-border-default);
     outline-offset: -4px;
   }
 
-.navds-base-alert[data-global="true"] {
-    border-radius: 0;
+  .aksel-base-alert[data-variant="strong"][data-color="neutral"] {
+    outline-color: var(--ax-border-strong);
   }
 
-.navds-base-alert[data-color="accent"] {
-  outline-color: var(--a-border-action);
-}
-
-.navds-base-alert[data-color="accent"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-action-subtle);
-      color: var(--a-blue-800);
-      border-color: var(--a-blue-200);
-    }
-
-.navds-base-alert[data-color="neutral"] {
-  outline-color: var(--a-gray-700);
-}
-
-.navds-base-alert[data-color="neutral"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-neutral-subtle);
-      color: var(--a-gray-800);
-      border-color: var(--a-gray-200);
-    }
-
-.navds-base-alert[data-color="neutral"][data-variant="strong"] .navds-base-alert__header {
-      background: var(--a-surface-neutral);
-      color: var(--a-text-on-neutral);
-    }
-
-.navds-base-alert[data-color="info"] {
-  outline-color: var(--a-border-info);
-}
-
-.navds-base-alert[data-color="info"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-info-subtle);
-      color: var(--a-lightblue-900);
-      border-color: var(--a-lightblue-200);
-    }
-
-.navds-base-alert[data-color="success"] {
-  outline-color: var(--a-border-success);
-}
-
-.navds-base-alert[data-color="success"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-success-subtle);
-      color: var(--a-green-800);
-      border-color: var(--a-green-200);
-    }
-
-.navds-base-alert[data-color="success"][data-variant="strong"] .navds-base-alert__header {
-      background: var(--a-surface-success);
-      color: var(--a-text-on-success);
-    }
-
-.navds-base-alert[data-color="warning"] {
-  outline-color: var(--a-surface-warning);
-}
-
-.navds-base-alert[data-color="warning"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-warning-subtle);
-      color: var(--a-orange-900);
-      border-color: var(--a-orange-200);
-    }
-
-.navds-base-alert[data-color="warning"][data-variant="strong"] .navds-base-alert__header {
-      background: var(--a-surface-warning);
-      color: var(--a-text-on-warning);
-    }
-
-.navds-base-alert[data-color="danger"] {
-  outline-color: var(--a-border-danger);
-}
-
-.navds-base-alert[data-color="danger"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-danger-subtle);
-      color: var(--a-red-800);
-      border-color: var(--a-red-200);
-    }
-
-.navds-base-alert[data-color="danger"][data-variant="strong"] .navds-base-alert__header {
-      background: var(--a-surface-danger);
-      color: var(--a-text-on-danger);
-    }
-
-.navds-base-alert[data-color="brand-magenta"] {
-  outline-color: var(--a-border-alt-1);
-}
-
-.navds-base-alert[data-color="brand-magenta"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-alt-1-subtle);
-      color: var(--a-purple-800);
-      border-color: var(--a-purple-200);
-    }
-
-.navds-base-alert[data-color="brand-beige"] {
-  outline-color: var(--a-border-warning);
-}
-
-.navds-base-alert[data-color="brand-beige"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-warning-subtle);
-      color: var(--a-orange-900);
-      border-color: var(--a-orange-200);
-    }
-
-.navds-base-alert[data-color="brand-blue"] {
-  outline-color: var(--a-border-alt-3);
-}
-
-.navds-base-alert[data-color="brand-blue"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-alt-3-subtle);
-      color: var(--a-deepblue-800);
-      border-color: var(--a-deepblue-200);
-    }
-
-.navds-base-alert[data-color="meta-lime"] {
-  outline-color: var(--a-border-alt-2);
-}
-
-.navds-base-alert[data-color="meta-lime"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-alt-2-subtle);
-      color: var(--a-limegreen-900);
-      border-color: var(--a-limegreen-200);
-    }
-
-.navds-base-alert[data-color="meta-purple"] {
-  outline-color: var(--a-border-alt-1);
-}
+  .aksel-base-alert[data-global="true"] {
+    border-radius: 0;
+  }
 
-.navds-base-alert[data-color="meta-purple"][data-variant="moderate"] .navds-base-alert__header {
-      background: var(--a-surface-alt-1-subtle);
-      color: var(--a-purple-800);
-      border-color: var(--a-purple-200);
-    }
+  .aksel-base-alert__header {
+    align-items: flex-start;
+    gap: var(--ax-space-8);
+    padding: 0 var(--__axc-base-alert-pi);
+    border-bottom: 1px solid;
+    display: flex;
+  }
 
-.navds-base-alert__header {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--a-spacing-2);
-  padding: 0 var(--__ac-base-alert-pi);
-  border-bottom: 1px solid;
-}
+  .aksel-base-alert[data-global="true"] .aksel-base-alert__header {
+    padding-inline: var(--__axc-global-alert-alignment);
+  }
 
-.navds-base-alert[data-global="true"] .navds-base-alert__header {
-    padding-inline: var(--__ac-global-alert-alignment);
+  .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);
   }
 
-.navds-base-alert[data-variant="strong"] .navds-base-alert__header {
+  .aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
+    background: var(--ax-bg-strong);
+    color: var(--ax-text-contrast);
     border-bottom: none;
   }
 
-.navds-base-alert__header:only-child {
+  .aksel-base-alert__header:only-child {
     border-bottom: none;
   }
 
-.navds-base-alert__icon {
-  font-size: 1.5rem;
-  margin-top: var(--__ac-base-alert-header-icon-margin-block-start);
-  display: grid;
-}
-
-.navds-base-alert__title {
-  padding-block: var(--a-spacing-1-alt);
-}
-
-.navds-base-alert__content {
-  padding: var(--__ac-base-alert-content-p);
-  background-color: var(--a-bg-default);
-}
+  .aksel-base-alert__icon {
+    margin-top: var(--__axc-base-alert-header-icon-margin-block-start);
+    font-size: 1.5rem;
+    display: grid;
+  }
 
-.navds-base-alert[data-global="true"] .navds-base-alert__content {
-    padding-inline: var(--__ac-global-alert-alignment);
+  .aksel-base-alert__title {
+    padding-block: var(--ax-space-6);
   }
 
-.navds-base-alert__close-button.navds-base-alert__close-button {
-  margin-left: auto;
-  margin-block-start: var(--__ac-base-alert-header-close-button-margin-block-start);
+  .aksel-base-alert__content {
+    padding: var(--__axc-base-alert-content-p);
+    background-color: var(--ax-bg-default);
+  }
 
-  /* Moved focus-outline over wrapper outline */
-  z-index: 1;
-}
+  .aksel-base-alert[data-global="true"] .aksel-base-alert__content {
+    padding-inline: var(--__axc-global-alert-alignment);
+  }
 
-.navds-base-alert__close-button.navds-base-alert__close-button:focus-visible {
-    box-shadow: 0 0 0 3px white;
+  .aksel-base-alert__close-button {
+    margin-left: auto;
+    z-index: 1;
+    margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
   }
 
-.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button {
-    color: var(--a-text-on-inverted);
+  .aksel-base-alert__close-button:focus-visible {
+    outline-color: var(--ax-bg-default);
   }
 
-.navds-base-alert[data-color="warning"] .navds-base-alert__close-button.navds-base-alert__close-button {
-  color: var(--a-text-default);
+  .aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button {
+    color: var(--ax-text-neutral-contrast);
+  }
 }
 
-:is(.navds-base-alert[data-color="warning"] .navds-base-alert__close-button.navds-base-alert__close-button):active {
-    color: var(--a-text-on-inverted);
-  }
+@layer aksel.layout;

package/dist/component/alert.min.css

@@ -1 +1 @@
-.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert--small.navds-alert--close-button{align-items:flex-start}.navds-alert__wrapper--maxwidth{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0,#0000);flex-shrink:0;font-size:1.5rem;height:var(--a-font-line-height-xlarge)}.navds-alert--small>.navds-alert__icon{-webkit-margin-before:0;height:var(--a-font-line-height-large);margin-block-start:0}.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--error{background-color:var(--ac-alert-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-alert-error-border,var(--a-border-danger))}.navds-alert--error>.navds-alert__icon{color:var(--ac-alert-icon-error-color,var(--a-icon-danger))}.navds-alert--warning{background-color:var(--ac-alert-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-alert-warning-border,var(--a-border-warning))}.navds-alert--warning>.navds-alert__icon{background:radial-gradient(circle at 50% 57%,var(--a-surface-default) 30%,0,#0000);color:var(--ac-alert-icon-warning-color,var(--a-icon-warning))}.navds-alert--info{background-color:var(--ac-alert-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-alert-info-border,var(--a-border-info))}.navds-alert--info>.navds-alert__icon{color:var(--ac-alert-icon-info-color,var(--a-icon-info))}.navds-alert--success{background-color:var(--ac-alert-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-alert-success-border,var(--a-border-success))}.navds-alert--success>.navds-alert__icon{color:var(--ac-alert-icon-success-color,var(--a-icon-success))}.navds-alert--inline{background-color:initial;border:none;padding:0}.navds-alert__button-wrapper{align-self:flex-start;display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end}@media (forced-colors:active){.navds-alert{background-color:canvas;border:1px solid canvastext;color:initial}}.navds-base-alert{border-radius:var(--a-border-radius-xlarge);display:grid;height:-webkit-fit-content;height:fit-content;overflow:clip;--__ac-base-alert-pi:var(--a-spacing-5);--__ac-base-alert-content-p:var(--a-spacing-3) var(--__ac-base-alert-pi) var(--a-spacing-4) var(--__ac-base-alert-pi);--__ac-base-alert-header-max-width:37.5rem;--__ac-base-alert-header-icon-margin-block-start:var(--a-spacing-2);--__ac-base-alert-header-close-button-margin-block-start:var(--a-spacing-1);--__ac-global-alert-alignment:max(var(--__ac-base-alert-pi),calc((100% - var(--__ac-base-alert-header-max-width))/2))}.navds-base-alert[data-centered=false]{--__ac-global-alert-alignment:var(--a-spacing-5)}.navds-base-alert[data-size=small]{--__ac-base-alert-pi:var(--a-spacing-4);--__ac-base-alert-content-p:var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);--__ac-base-alert-header-icon-margin-block-start:var(--a-spacing-1-alt);--__ac-base-alert-header-close-button-margin-block-start:var(--a-spacing-05)}.navds-base-alert[data-size=small][data-centered=false]{--__ac-global-alert-alignment:var(--a-spacing-4)}.navds-base-alert[data-variant=moderate]{outline:1px solid;outline-offset:-1px}.navds-base-alert[data-variant=strong]{outline:4px solid;outline-offset:-4px}.navds-base-alert[data-global=true]{border-radius:0}.navds-base-alert[data-color=accent]{outline-color:var(--a-border-action)}.navds-base-alert[data-color=accent][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-action-subtle);border-color:var(--a-blue-200);color:var(--a-blue-800)}.navds-base-alert[data-color=neutral]{outline-color:var(--a-gray-700)}.navds-base-alert[data-color=neutral][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-neutral-subtle);border-color:var(--a-gray-200);color:var(--a-gray-800)}.navds-base-alert[data-color=neutral][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-neutral);color:var(--a-text-on-neutral)}.navds-base-alert[data-color=info]{outline-color:var(--a-border-info)}.navds-base-alert[data-color=info][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-info-subtle);border-color:var(--a-lightblue-200);color:var(--a-lightblue-900)}.navds-base-alert[data-color=success]{outline-color:var(--a-border-success)}.navds-base-alert[data-color=success][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-success-subtle);border-color:var(--a-green-200);color:var(--a-green-800)}.navds-base-alert[data-color=success][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-success);color:var(--a-text-on-success)}.navds-base-alert[data-color=warning]{outline-color:var(--a-surface-warning)}.navds-base-alert[data-color=warning][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-warning-subtle);border-color:var(--a-orange-200);color:var(--a-orange-900)}.navds-base-alert[data-color=warning][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-warning);color:var(--a-text-on-warning)}.navds-base-alert[data-color=danger]{outline-color:var(--a-border-danger)}.navds-base-alert[data-color=danger][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-danger-subtle);border-color:var(--a-red-200);color:var(--a-red-800)}.navds-base-alert[data-color=danger][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-danger);color:var(--a-text-on-danger)}.navds-base-alert[data-color=brand-magenta]{outline-color:var(--a-border-alt-1)}.navds-base-alert[data-color=brand-magenta][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-1-subtle);border-color:var(--a-purple-200);color:var(--a-purple-800)}.navds-base-alert[data-color=brand-beige]{outline-color:var(--a-border-warning)}.navds-base-alert[data-color=brand-beige][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-warning-subtle);border-color:var(--a-orange-200);color:var(--a-orange-900)}.navds-base-alert[data-color=brand-blue]{outline-color:var(--a-border-alt-3)}.navds-base-alert[data-color=brand-blue][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-3-subtle);border-color:var(--a-deepblue-200);color:var(--a-deepblue-800)}.navds-base-alert[data-color=meta-lime]{outline-color:var(--a-border-alt-2)}.navds-base-alert[data-color=meta-lime][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-2-subtle);border-color:var(--a-limegreen-200);color:var(--a-limegreen-900)}.navds-base-alert[data-color=meta-purple]{outline-color:var(--a-border-alt-1)}.navds-base-alert[data-color=meta-purple][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-1-subtle);border-color:var(--a-purple-200);color:var(--a-purple-800)}.navds-base-alert__header{align-items:flex-start;border-bottom:1px solid;display:flex;gap:var(--a-spacing-2);padding:0 var(--__ac-base-alert-pi)}.navds-base-alert[data-global=true] .navds-base-alert__header{padding-inline:var(--__ac-global-alert-alignment)}.navds-base-alert[data-variant=strong] .navds-base-alert__header,.navds-base-alert__header:only-child{border-bottom:none}.navds-base-alert__icon{display:grid;font-size:1.5rem;margin-top:var(--__ac-base-alert-header-icon-margin-block-start)}.navds-base-alert__title{padding-block:var(--a-spacing-1-alt)}.navds-base-alert__content{background-color:var(--a-bg-default);padding:var(--__ac-base-alert-content-p)}.navds-base-alert[data-global=true] .navds-base-alert__content{padding-inline:var(--__ac-global-alert-alignment)}.navds-base-alert__close-button.navds-base-alert__close-button{margin-left:auto;-webkit-margin-before:var(--__ac-base-alert-header-close-button-margin-block-start);margin-block-start:var(--__ac-base-alert-header-close-button-margin-block-start);z-index:1}.navds-base-alert__close-button.navds-base-alert__close-button:focus-visible{box-shadow:0 0 0 3px #fff}.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button{color:var(--a-text-on-inverted)}.navds-base-alert[data-color=warning] .navds-base-alert__close-button.navds-base-alert__close-button{color:var(--a-text-default)}:is(.navds-base-alert[data-color=warning] .navds-base-alert__close-button.navds-base-alert__close-button):active{color:var(--a-text-on-inverted)}
+@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media(forced-colors:active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{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-header-max-width: 37.5rem;--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);--__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));height:fit-content;display:grid;overflow:clip}.aksel-base-alert[data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-20)}.aksel-base-alert[data-size=small]{--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-6);--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-2)}.aksel-base-alert[data-size=small][data-centered=false]{--__axc-global-alert-alignment: var(--ax-space-16)}.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:0 var(--__axc-base-alert-pi);border-bottom:1px solid;display:flex}.aksel-base-alert[data-global=true] .aksel-base-alert__header{padding-inline:var(--__axc-global-alert-alignment)}.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(--__axc-base-alert-header-icon-margin-block-start);font-size:1.5rem;display:grid}.aksel-base-alert__title{padding-block:var(--ax-space-6)}.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:var(--__axc-global-alert-alignment)}.aksel-base-alert__close-button{margin-left:auto;z-index:1;margin-block-start:var(--__axc-base-alert-header-close-button-margin-block-start)}.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)}}@layer aksel.layout;