@navikt/aksel-stylelint 4.10.1 → 4.11.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Wed, 09 Aug 2023 14:33:32 GMT
+ * Generated on Fri, 11 Aug 2023 14:02:12 GMT
  */
 :root, :host {
   --a-spacing-05: 0.125rem;
@@ -548,6 +548,13 @@ template {
   font-display: swap;
   src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
 }
+@font-face {
+  font-family: "Source Sans Pro";
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin-semibold") format("woff2");
+}
 @font-face {
   font-family: "Source Sans Pro";
   font-style: normal;
@@ -3622,6 +3629,57 @@ body,
     display: inherit;
   }
 }
+.navds-hgrid {
+  --__ac-hgrid-columns-xs: initial;
+  --__ac-hgrid-columns-sm: initial;
+  --__ac-hgrid-columns-md: initial;
+  --__ac-hgrid-columns-lg: initial;
+  --__ac-hgrid-columns-xl: initial;
+  --__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
+  --__ac-hgrid-gap-xs: initial;
+  --__ac-hgrid-gap-sm: initial;
+  --__ac-hgrid-gap-md: initial;
+  --__ac-hgrid-gap-lg: initial;
+  --__ac-hgrid-gap-xl: initial;
+  --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
+
+  display: grid;
+  grid-template-columns: var(--__ac-hgrid-columns);
+  gap: var(--__ac-hgrid-gap);
+}
+@media (min-width: 480px) {
+  .navds-hgrid {
+    --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs));
+    --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs));
+  }
+}
+@media (min-width: 768px) {
+  .navds-hgrid {
+    --__ac-hgrid-columns: var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)));
+    --__ac-hgrid-gap: var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs)));
+  }
+}
+@media (min-width: 1024px) {
+  .navds-hgrid {
+    --__ac-hgrid-columns: var(
+      --__ac-hgrid-columns-lg,
+      var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs)))
+    );
+    --__ac-hgrid-gap: var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))));
+  }
+}
+@media (min-width: 1280px) {
+  .navds-hgrid {
+    --__ac-hgrid-columns: var(
+      --__ac-hgrid-columns-xl,
+      var(--__ac-hgrid-columns-lg, var(--__ac-hgrid-columns-md, var(--__ac-hgrid-columns-sm, var(--__ac-hgrid-columns-xs))))
+    );
+    --__ac-hgrid-gap: var(
+      --__ac-hgrid-gap-xl,
+      var(--__ac-hgrid-gap-lg, var(--__ac-hgrid-gap-md, var(--__ac-hgrid-gap-sm, var(--__ac-hgrid-gap-xs))))
+    );
+  }
+}
 .navds-internalheader {
   display: flex;
   align-self: stretch;
@@ -3713,10 +3771,7 @@ button.navds-internalheader__title:active,
   margin: 0.1em 0.1em -0.1em;
   transform: translateY(0.05em);
   display: inline;
-}
-.navds-link:visited {
-  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
-  color: var(--ac-link-visited-text);
+  vertical-align: baseline;
 }
 .navds-link:hover {
   text-decoration: none;
@@ -5052,25 +5107,23 @@ button.navds-internalheader__title:active,
     opacity: 0.4;
   }
 }
-/* stylelint-disable csstools/value-no-unknown-custom-properties */
-/* stylelint-disable aksel/design-token-exists */
 .navds-stack {
-  --ac-stack-align: initial;
-  --ac-stack-justify: initial;
-  --ac-stack-direction: initial;
-  --ac-stack-wrap: initial;
-  --ac-stack-gap-xs: initial;
-  --ac-stack-gap-sm: initial;
-  --ac-stack-gap-md: initial;
-  --ac-stack-gap-lg: initial;
-  --ac-stack-gap-xl: initial;
-  --__ac-stack-gap: var(--ac-stack-gap-xs);
+  --__ac-stack-align: initial;
+  --__ac-stack-justify: initial;
+  --__ac-stack-direction: initial;
+  --__ac-stack-wrap: initial;
+  --__ac-stack-gap-xs: initial;
+  --__ac-stack-gap-sm: initial;
+  --__ac-stack-gap-md: initial;
+  --__ac-stack-gap-lg: initial;
+  --__ac-stack-gap-xl: initial;
+  --__ac-stack-gap: var(--__ac-stack-gap-xs);
 
   gap: var(--__ac-stack-gap);
   display: flex;
-  align-items: var(--ac-stack-align);
-  justify-content: var(--ac-stack-justify);
-  flex-flow: var(--ac-stack-direction) var(--ac-stack-wrap);
+  align-items: var(--__ac-stack-align);
+  justify-content: var(--__ac-stack-justify);
+  flex-flow: var(--__ac-stack-direction) var(--__ac-stack-wrap);
 }
 .navds-stack__spacer {
   flex: 1;
@@ -5085,24 +5138,24 @@ button.navds-internalheader__title:active,
 }
 @media (min-width: 480px) {
   .navds-stack {
-    --__ac-stack-gap: var(--ac-stack-gap-sm, var(--ac-stack-gap-xs));
+    --__ac-stack-gap: var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs));
   }
 }
 @media (min-width: 768px) {
   .navds-stack {
-    --__ac-stack-gap: var(--ac-stack-gap-md, var(--ac-stack-gap-sm, var(--ac-stack-gap-xs)));
+    --__ac-stack-gap: var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs)));
   }
 }
 @media (min-width: 1024px) {
   .navds-stack {
-    --__ac-stack-gap: var(--ac-stack-gap-lg, var(--ac-stack-gap-md, var(--ac-stack-gap-sm, var(--ac-stack-gap-xs))));
+    --__ac-stack-gap: var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))));
   }
 }
 @media (min-width: 1280px) {
   .navds-stack {
     --__ac-stack-gap: var(
-      --ac-stack-gap-xl,
-      var(--ac-stack-gap-lg, var(--ac-stack-gap-md, var(--ac-stack-gap-sm, var(--ac-stack-gap-xs))))
+      --__ac-stack-gap-xl,
+      var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))))
     );
   }
 }
@@ -5669,6 +5722,12 @@ button.navds-stepper__step {
 .navds-list__item-marker--icon {
   /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
   color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
+  display: flex;
+  align-items: center;
+  height: var(--a-font-line-height-medium);
+}
+.navds-list__item-marker--icon svg {
+  flex-shrink: 0;
 }
 .navds-list ul .navds-list__item-content {
   grid-column: 2 / 3;

package/dist/tokens.json

@@ -178,8 +178,7 @@
     "--ac-link-active-border": "--a-border-focus",
     "--ac-link-action-text": "--a-text-action",
     "--ac-link-neutral-text": "--a-text-default",
-    "--ac-link-subtle-text": "--a-text-subtle",
-    "--ac-link-visited-text": "--a-text-visited"
+    "--ac-link-subtle-text": "--a-text-subtle"
   },
   "list": {
     "--ac-list-marker-ul-color": "--ac-list-marker-color",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "4.10.1",
+  "version": "4.11.0",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^4.10.1",
-    "@navikt/ds-tokens": "^4.10.1",
+    "@navikt/ds-css": "^4.11.0",
+    "@navikt/ds-tokens": "^4.11.0",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",