@navikt/ds-css 7.39.1 → 8.0.0

package/dist/component/linkcard.css

@@ -1,127 +1,128 @@
-.navds-link-card {
-  --__ac-link-card-padding-block: var(--a-spacing-4);
-  --__ac-link-card-padding-inline: var(--a-spacing-5);
-
-  border-radius: var(--a-border-radius-xlarge);
-  text-decoration: none;
-  color: var(--a-text-default);
-  transition-property: border-color, box-shadow, transform, background-color;
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0, 0, 0, 1);
-  position: relative;
-  background-color: var(--a-surface-default);
-  border: 1px solid var(--a-border-subtle);
-  padding: var(--__ac-link-card-padding-block) var(--__ac-link-card-padding-inline);
-  cursor: pointer;
-  display: grid;
-  grid-template-areas:
-    "image image image"
-    "icon title arrow"
-    "icon description arrow"
-    "icon footer arrow";
-  grid-template-columns: auto 1fr;
-  grid-template-rows: min-content min-content min-content auto;
-  align-items: center;
-}
-
-.navds-link-card[data-align-arrow="baseline"] {
-  grid-template-areas:
-    "image image image"
-    "icon title arrow"
-    "icon description description"
-    "icon footer footer";
-}
-
-.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) {
-  grid-template-rows: auto 1fr;
-}
-
-.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) .navds-link-card__icon {
-  align-self: center;
-}
-
-.navds-link-card:not(:has(.navds-link-card__description, .navds-link-card__footer)) .navds-link-card__title {
-  align-items: center;
-}
-
-.navds-link-card[data-align-arrow="baseline"]:not(:has(.navds-link-card__description, .navds-link-card__footer))
-  .navds-link-card__arrow {
-  align-self: center;
-}
-
-.navds-link-card:hover {
-  border-color: var(--a-border-default);
-  box-shadow: 0 0 0 1px var(--a-border-default);
-}
-
-.navds-link-card__title {
-  grid-area: title;
-  color: var(--a-text-default);
-  hyphens: auto;
-}
-
-.navds-link-card__description {
-  grid-area: description;
-  margin-block-start: var(--a-spacing-1);
-}
-
-.navds-link-card__footer {
-  grid-area: footer;
-  margin-block-start: var(--a-spacing-4);
-  display: flex;
-  align-self: flex-end;
-  gap: var(--a-spacing-2);
-  flex-wrap: wrap;
-}
-
-.navds-link-card__icon {
-  grid-area: icon;
-  width: max-content;
-  height: max-content;
-  display: grid;
-  place-content: center;
-  color: var(--a-text-default);
-  align-self: flex-start;
-  margin-inline-end: var(--a-spacing-4);
-}
-
-.navds-link-card--small {
-  --__ac-link-card-padding-block: var(--a-spacing-3);
-  --__ac-link-card-padding-inline: var(--a-spacing-4);
-}
-
-.navds-link-card--small .navds-link-card__icon {
-  margin-inline-end: var(--a-spacing-3);
-}
-
-.navds-link-card__image-container {
-  display: block;
-  overflow: hidden;
-  grid-area: image;
-  margin-block: calc(var(--__ac-link-card-padding-block) * -1) var(--__ac-link-card-padding-block);
-  margin-inline: calc(var(--__ac-link-card-padding-inline) * 1 * -1);
-  border-radius: calc(var(--a-border-radius-xlarge) - 1px);
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  position: relative;
-}
-
-.navds-link-card__image-container :is(img, picture) {
-  object-fit: cover;
-  display: block;
-  max-width: 100%;
-  height: 100%;
-}
-
-.navds-link-card__arrow {
-  grid-area: arrow;
-  margin-inline-start: var(--a-spacing-2);
-}
-
-.navds-link-card[data-align-arrow="baseline"] .navds-link-card__arrow {
-  align-self: baseline;
-}
-
-.navds-link-card[data-align-arrow="center"] .navds-link-card__arrow {
-  align-self: center;
-}
+@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-link-card {
+    --__axc-link-card-padding-block: var(--ax-space-16);
+    --__axc-link-card-padding-inline: var(--ax-space-20);
+    border-radius: var(--ax-radius-12);
+    color: var(--ax-text-neutral);
+    background-color: var(--ax-bg-raised);
+    border: 1px solid var(--ax-border-subtleA);
+    padding: var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);
+    cursor: pointer;
+    grid-template: "image image image" min-content
+                   "icon title arrow" min-content
+                   "icon description arrow" min-content
+                   "icon footer arrow"
+                   / auto 1fr;
+    align-items: center;
+    text-decoration: none;
+    transition-property: border-color, box-shadow, transform, background-color;
+    transition-duration: .3s;
+    transition-timing-function: cubic-bezier(0, 0, 0, 1);
+    display: grid;
+    position: relative;
+  }
+
+  .aksel-link-card[data-align-arrow="baseline"] {
+    grid-template-areas: "image image image"
+                         "icon title arrow"
+                         "icon description description"
+                         "icon footer footer";
+  }
+
+  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) {
+    grid-template-rows: auto 1fr;
+  }
+
+  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__title {
+    align-items: center;
+  }
+
+  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
+    align-self: center;
+  }
+
+  .aksel-link-card:hover {
+    border-color: var(--ax-border-default);
+    box-shadow: 0 0 0 1px var(--ax-border-default);
+  }
+
+  .aksel-link-card--small {
+    --__axc-link-card-padding-block: var(--ax-space-12);
+    --__axc-link-card-padding-inline: var(--ax-space-16);
+  }
+
+  .aksel-link-card__title {
+    color: var(--ax-text-subtle);
+    -webkit-hyphens: auto;
+    hyphens: auto;
+    grid-area: title;
+  }
+
+  .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
+    color: var(--ax-text-default);
+  }
+
+  .aksel-link-card__description {
+    grid-area: description;
+    margin-block-start: var(--ax-space-4);
+  }
+
+  .aksel-link-card__footer {
+    align-self: flex-end;
+    gap: var(--ax-space-8);
+    flex-wrap: wrap;
+    grid-area: footer;
+    margin-block-start: var(--ax-space-16);
+    display: flex;
+  }
+
+  .aksel-link-card__icon {
+    width: max-content;
+    height: max-content;
+    color: var(--ax-text-default);
+    grid-area: icon;
+    place-content: center;
+    align-self: flex-start;
+    margin-inline-end: var(--ax-space-16);
+    display: grid;
+  }
+
+  .aksel-link-card--small .aksel-link-card__icon {
+    margin-inline-end: var(--ax-space-12);
+  }
+
+  .aksel-link-card__image-container {
+    margin-block: calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);
+    margin-inline: calc(var(--__axc-link-card-padding-inline) * 1 * -1);
+    border-radius: calc(var(--ax-radius-12)  - 1px);
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    grid-area: image;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .aksel-link-card__image-container :is(img, picture) {
+    object-fit: cover;
+    max-width: 100%;
+    height: 100%;
+    display: block;
+  }
+
+  .aksel-link-card__arrow {
+    grid-area: arrow;
+    margin-inline-start: var(--ax-space-8);
+  }
+
+  .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
+    align-self: baseline;
+  }
+
+  .aksel-link-card[data-align-arrow="center"] .aksel-link-card__arrow {
+    align-self: center;
+  }
+}
+
+@layer aksel.layout;

package/dist/component/linkcard.min.css

@@ -1 +1 @@
-.navds-link-card{--__ac-link-card-padding-block:var(--a-spacing-4);--__ac-link-card-padding-inline:var(--a-spacing-5);align-items:center;background-color:var(--a-surface-default);border:1px solid var(--a-border-subtle);border-radius:var(--a-border-radius-xlarge);color:var(--a-text-default);cursor:pointer;display:grid;grid-template-areas:"image image image" "icon title arrow" "icon description arrow" "icon footer arrow";grid-template-columns:auto 1fr;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content min-content auto;padding:var(--__ac-link-card-padding-block) var(--__ac-link-card-padding-inline);position:relative;text-decoration:none;transition-duration:.3s;transition-property:border-color,box-shadow,transform,background-color;transition-timing-function:cubic-bezier(0,0,0,1)}.navds-link-card[data-align-arrow=baseline]{grid-template-areas:"image image image" "icon title arrow" "icon description description" "icon footer footer"}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)){grid-template-rows:auto 1fr}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)) .navds-link-card__icon{align-self:center}.navds-link-card:not(:has(.navds-link-card__description,.navds-link-card__footer)) .navds-link-card__title{align-items:center}.navds-link-card[data-align-arrow=baseline]:not(:has(.navds-link-card__description,.navds-link-card__footer)) .navds-link-card__arrow{align-self:center}.navds-link-card:hover{border-color:var(--a-border-default);box-shadow:0 0 0 1px var(--a-border-default)}.navds-link-card__title{color:var(--a-text-default);grid-area:title;-webkit-hyphens:auto;hyphens:auto}.navds-link-card__description{grid-area:description;-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-link-card__footer{grid-area:footer;-webkit-margin-before:var(--a-spacing-4);align-self:flex-end;display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);margin-block-start:var(--a-spacing-4)}.navds-link-card__icon{align-self:flex-start;color:var(--a-text-default);display:grid;grid-area:icon;height:-webkit-max-content;height:max-content;place-content:center;width:-webkit-max-content;width:max-content;-webkit-margin-end:var(--a-spacing-4);margin-inline-end:var(--a-spacing-4)}.navds-link-card--small{--__ac-link-card-padding-block:var(--a-spacing-3);--__ac-link-card-padding-inline:var(--a-spacing-4)}.navds-link-card--small .navds-link-card__icon{-webkit-margin-end:var(--a-spacing-3);margin-inline-end:var(--a-spacing-3)}.navds-link-card__image-container{border-radius:calc(var(--a-border-radius-xlarge) - 1px);border-bottom-left-radius:0;border-bottom-right-radius:0;display:block;grid-area:image;margin-block:calc(var(--__ac-link-card-padding-block)*-1) var(--__ac-link-card-padding-block);margin-inline:calc(var(--__ac-link-card-padding-inline)*1*-1);overflow:hidden;position:relative}.navds-link-card__image-container :is(img,picture){display:block;height:100%;max-width:100%;object-fit:cover}.navds-link-card__arrow{grid-area:arrow;-webkit-margin-start:var(--a-spacing-2);margin-inline-start:var(--a-spacing-2)}.navds-link-card[data-align-arrow=baseline] .navds-link-card__arrow{align-self:baseline}.navds-link-card[data-align-arrow=center] .navds-link-card__arrow{align-self:center}
+@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-link-card{--__axc-link-card-padding-block: var(--ax-space-16);--__axc-link-card-padding-inline: var(--ax-space-20);border-radius:var(--ax-radius-12);color:var(--ax-text-neutral);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-subtleA);padding:var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);cursor:pointer;grid-template:"image image image" min-content "icon title arrow" min-content "icon description arrow" min-content "icon footer arrow" / auto 1fr;align-items:center;text-decoration:none;transition-property:border-color,box-shadow,transform,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,0,1);display:grid;position:relative}.aksel-link-card[data-align-arrow=baseline]{grid-template-areas:"image image image" "icon title arrow" "icon description description" "icon footer footer"}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)){grid-template-rows:auto 1fr}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__title{align-items:center}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__icon,.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer))[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:center}.aksel-link-card:hover{border-color:var(--ax-border-default);box-shadow:0 0 0 1px var(--ax-border-default)}.aksel-link-card--small{--__axc-link-card-padding-block: var(--ax-space-12);--__axc-link-card-padding-inline: var(--ax-space-16)}.aksel-link-card__title{color:var(--ax-text-subtle);-webkit-hyphens:auto;hyphens:auto;grid-area:title}.aksel-link-card[data-color=neutral] .aksel-link-card__title,.aksel-link-card__title[data-color=neutral]{color:var(--ax-text-default)}.aksel-link-card__description{grid-area:description;margin-block-start:var(--ax-space-4)}.aksel-link-card__footer{align-self:flex-end;gap:var(--ax-space-8);flex-wrap:wrap;grid-area:footer;margin-block-start:var(--ax-space-16);display:flex}.aksel-link-card__icon{width:max-content;height:max-content;color:var(--ax-text-default);grid-area:icon;place-content:center;align-self:flex-start;margin-inline-end:var(--ax-space-16);display:grid}.aksel-link-card--small .aksel-link-card__icon{margin-inline-end:var(--ax-space-12)}.aksel-link-card__image-container{margin-block:calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);margin-inline:calc(var(--__axc-link-card-padding-inline) * 1 * -1);border-radius:calc(var(--ax-radius-12) - 1px);border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:image;position:relative;overflow:hidden}.aksel-link-card__image-container :is(img,picture){object-fit:cover;max-width:100%;height:100%;display:block}.aksel-link-card__arrow{grid-area:arrow;margin-inline-start:var(--ax-space-8)}.aksel-link-card[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:baseline}.aksel-link-card[data-align-arrow=center] .aksel-link-card__arrow{align-self:center}}@layer aksel.layout;

package/dist/component/linkpanel.css

@@ -1,47 +1,42 @@
-.navds-link-panel {
-  text-decoration: none;
-  color: var(--ac-link-panel-text, var(--a-text-default));
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--a-spacing-4);
-}
+@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;
 
-.navds-link-panel:hover .navds-link-panel__title {
-  text-decoration: underline;
-  color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
-}
+@layer aksel.components.modules {
+  .aksel-link-panel {
+    color: var(--ax-text-neutral);
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--ax-space-16);
+    text-decoration: none;
+    display: flex;
+  }
 
-.navds-link-panel:hover {
-  box-shadow: var(--a-shadow-small);
-  border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
-}
+  .aksel-link-panel:hover {
+    border-color: var(--ax-border-accent);
+  }
 
-.navds-link-panel:focus-visible {
-  outline: 3px solid transparent;
-  outline-offset: 2px;
-  box-shadow: var(--a-shadow-focus);
-}
+  .aksel-link-panel:hover .aksel-link-panel__title {
+    color: var(--ax-text-accent-subtle);
+    text-decoration: underline;
+  }
 
-@supports not selector(:focus-visible) {
-  .navds-link-panel:focus {
-    outline: 3px solid transparent;
-    outline-offset: 2px;
-    box-shadow: var(--a-shadow-focus);
+  .aksel-link-panel:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
-}
 
-.navds-link-panel__chevron {
-  flex-shrink: 0;
-  font-size: 1.5rem;
-  transition: transform 200ms;
-}
+  .aksel-link-panel__chevron {
+    flex-shrink: 0;
+    font-size: 1.5rem;
+    transition: transform .2s;
+  }
 
-.navds-link-panel:hover > .navds-link-panel__chevron,
-.navds-link-panel:focus-within > .navds-link-panel__chevron {
-  transform: translateX(4px);
-}
+  .aksel-link-panel:hover > .aksel-link-panel__chevron, .aksel-link-panel:focus-within > .aksel-link-panel__chevron {
+    transform: translateX(4px);
+  }
 
-.navds-link-panel__description {
-  margin-top: var(--a-spacing-1);
+  .aksel-link-panel__description {
+    margin-top: var(--ax-space-4);
+  }
 }
+
+@layer aksel.layout;

package/dist/component/linkpanel.min.css

@@ -1 +1 @@
-.navds-link-panel{align-items:center;color:var(--ac-link-panel-text,var(--a-text-default));display:flex;gap:var(--a-spacing-4);justify-content:space-between;text-decoration:none}.navds-link-panel:hover .navds-link-panel__title{color:var(--ac-link-panel-hover-text,var(--a-text-action-hover));text-decoration:underline}.navds-link-panel:hover{border-color:var(--ac-link-panel-hover-border,var(--a-border-action-hover));box-shadow:var(--a-shadow-small)}.navds-link-panel:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-link-panel:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000;outline-offset:2px}}.navds-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.navds-link-panel:focus-within>.navds-link-panel__chevron,.navds-link-panel:hover>.navds-link-panel__chevron{transform:translateX(4px)}.navds-link-panel__description{margin-top:var(--a-spacing-1)}
+@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-link-panel{color:var(--ax-text-neutral);justify-content:space-between;align-items:center;gap:var(--ax-space-16);text-decoration:none;display:flex}.aksel-link-panel:hover{border-color:var(--ax-border-accent)}.aksel-link-panel:hover .aksel-link-panel__title{color:var(--ax-text-accent-subtle);text-decoration:underline}.aksel-link-panel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.aksel-link-panel:hover>.aksel-link-panel__chevron,.aksel-link-panel:focus-within>.aksel-link-panel__chevron{transform:translate(4px)}.aksel-link-panel__description{margin-top:var(--ax-space-4)}}@layer aksel.layout;

package/dist/component/list.css

@@ -1,90 +1,79 @@
-.navds-list ul,
-.navds-list ol {
-  padding: 0;
-  margin-block: var(--a-spacing-4);
-}
-
-.navds-list--small ul,
-.navds-list--small ol {
-  margin-block: var(--a-spacing-3);
-}
-
-.navds-list .navds-list :where(ul, ol) {
-  margin-block: var(--a-spacing-2) 0;
-}
-
-.navds-list ol {
-  list-style: decimal; /* This is the default value, but some frameworks have `ol,ul { list-style:none }` */
-  padding-left: 1.7rem;
-}
+@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;
 
-.navds-list ol > .navds-list__item {
-  padding-left: 0.3rem;
-}
+@layer aksel.components.modules {
+  .aksel-list ul, .aksel-list ol {
+    margin: 0;
+    padding: 0;
+  }
 
-/* SAFARI HACK START */
+  .aksel-list .aksel-list :where(ul, ol) {
+    margin-block: var(--ax-space-8) 0;
+  }
 
-/* biome-ignore lint/a11y/useGenericFontNames: Hack for targeting Safari */
+  .aksel-list ol {
+    padding-left: 1.7rem;
+    list-style: decimal;
+  }
 
-@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
-  .navds-list ol {
-    padding-left: 2.1rem;
+  .aksel-list ol > .aksel-list__item {
+    padding-left: .3rem;
   }
 
-  .navds-list ol .navds-list__item {
-    padding-left: 0;
+  .aksel-list ol li::marker {
+    font-weight: var(--ax-font-weight-bold);
   }
-}
 
-/* SAFARI HACK END */
+  .aksel-list ul > .aksel-list__item {
+    gap: var(--ax-space-8);
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
 
-.navds-list__item {
-  margin-block-end: var(--a-spacing-2);
-}
+  .aksel-list ul > li > .aksel-list__item-marker {
+    height: var(--ax-font-line-height-xlarge);
+    align-items: center;
+    display: flex;
+  }
 
-.navds-list__item:last-child {
-  margin-block-end: 0;
-}
+  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
+    .aksel-list ol {
+      padding-left: 2.1rem;
+    }
 
-.navds-list ul > .navds-list__item {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: var(--a-spacing-2);
-}
+    .aksel-list ol .aksel-list__item {
+      padding-left: 0;
+    }
+  }
 
-.navds-list ol li::marker {
-  font-weight: var(--a-font-weight-bold);
-  color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
-}
+  .aksel-list__item {
+    margin-block-end: var(--ax-space-8);
+  }
 
-.navds-list__item-marker {
-  width: 1.5rem;
-}
+  .aksel-list__item:last-child {
+    margin-block-end: 0;
+  }
 
-.navds-list ul > li > .navds-list__item-marker {
-  display: flex;
-  align-items: center;
-  height: var(--a-font-line-height-xlarge);
-}
+  .aksel-list__item-marker {
+    width: 1.5rem;
+  }
 
-.navds-list--small ul > li > .navds-list__item-marker {
-  height: var(--a-font-line-height-large);
-}
+  .aksel-list--small ul > li > .aksel-list__item-marker {
+    height: var(--ax-font-line-height-large);
+  }
 
-.navds-list__item-marker--bullet {
-  padding-left: 0.8rem;
-  color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
-}
+  .aksel-list__item-marker--bullet {
+    padding-left: .8rem;
+  }
 
-/* Safari does not support inline rem-values in SVG */
+  .aksel-list__item-marker--bullet > svg {
+    width: .375rem;
+    height: .375rem;
+  }
 
-.navds-list__item-marker--bullet > svg {
-  width: 0.375rem;
-  height: 0.375rem;
+  .aksel-list__item-marker--icon {
+    justify-content: center;
+    font-size: 1.5rem;
+  }
 }
 
-.navds-list__item-marker--icon {
-  font-size: 1.5rem;
-  justify-content: center;
-  color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
-}
+@layer aksel.layout;

package/dist/component/list.min.css

@@ -1 +1 @@
-.navds-list ol,.navds-list ul{margin-block:var(--a-spacing-4);padding:0}.navds-list--small ol,.navds-list--small ul{margin-block:var(--a-spacing-3)}.navds-list .navds-list :where(ul,ol){margin-block:var(--a-spacing-2) 0}.navds-list ol{list-style:decimal;padding-left:1.7rem}.navds-list ol>.navds-list__item{padding-left:.3rem}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.navds-list ol{padding-left:2.1rem}.navds-list ol .navds-list__item{padding-left:0}}.navds-list__item{-webkit-margin-after:var(--a-spacing-2);margin-block-end:var(--a-spacing-2)}.navds-list__item:last-child{-webkit-margin-after:0;margin-block-end:0}.navds-list ul>.navds-list__item{display:grid;gap:var(--a-spacing-2);grid-template-columns:auto 1fr}.navds-list ol li::marker{color:var(--ac-list-marker-ol-color,var(--ac-list-marker-color,var(--a-icon-default)));font-weight:var(--a-font-weight-bold)}.navds-list__item-marker{width:1.5rem}.navds-list ul>li>.navds-list__item-marker{align-items:center;display:flex;height:var(--a-font-line-height-xlarge)}.navds-list--small ul>li>.navds-list__item-marker{height:var(--a-font-line-height-large)}.navds-list__item-marker--bullet{color:var(--ac-list-marker-ul-color,var(--ac-list-marker-color,var(--a-icon-default)));padding-left:.8rem}.navds-list__item-marker--bullet>svg{height:.375rem;width:.375rem}.navds-list__item-marker--icon{color:var(--ac-list-marker-icon-color,var(--ac-list-marker-color,var(--a-icon-default)));font-size:1.5rem;justify-content:center}
+@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-list ul,.aksel-list ol{margin:0;padding:0}.aksel-list .aksel-list :where(ul,ol){margin-block:var(--ax-space-8) 0}.aksel-list ol{padding-left:1.7rem;list-style:decimal}.aksel-list ol>.aksel-list__item{padding-left:.3rem}.aksel-list ol li::marker{font-weight:var(--ax-font-weight-bold)}.aksel-list ul>.aksel-list__item{gap:var(--ax-space-8);grid-template-columns:auto 1fr;display:grid}.aksel-list ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-xlarge);align-items:center;display:flex}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none){.aksel-list ol{padding-left:2.1rem}.aksel-list ol .aksel-list__item{padding-left:0}}.aksel-list__item{margin-block-end:var(--ax-space-8)}.aksel-list__item:last-child{margin-block-end:0}.aksel-list__item-marker{width:1.5rem}.aksel-list--small ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-large)}.aksel-list__item-marker--bullet{padding-left:.8rem}.aksel-list__item-marker--bullet>svg{width:.375rem;height:.375rem}.aksel-list__item-marker--icon{justify-content:center;font-size:1.5rem}}@layer aksel.layout;