@navikt/aksel-stylelint 6.12.0 → 6.14.0

package/dist/index.css

@@ -1,10 +1,10 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Tue, 25 Jun 2024 13:41:38 GMT
+ * Generated on Wed, 07 Aug 2024 09:53:56 GMT
  */
 :root, :host {
-  --a-version: "6.12.0";
+  --a-version: "6.14.0";
   --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;
@@ -163,7 +163,7 @@
   --a-font-line-height-heading-large: 2.25rem;
   --a-font-line-height-heading-xlarge: 2.5rem;
   --a-font-line-height-heading-2xlarge: 3.25rem;
-  --a-font-family: 'Source Sans Pro', Arial, sans-serif;
+  --a-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
   --a-text-width-max: 576px;
   --a-breakpoint-2xl-down: 1439px;
   --a-breakpoint-2xl: 1440px;
@@ -547,33 +547,122 @@ summary {
 template {
   display: none;
 }
+/* cyrillic-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: italic;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-cyrillic-ext.woff2) format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: italic;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-cyrillic.woff2) format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: italic;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-latin-ext.woff2) format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
+    U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: italic;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-cyrillic-ext.woff2) format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-cyrillic.woff2) format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-latin-ext.woff2) format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
+    U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400 600;
+  font-display: swap;
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* Legacy support */
+/* latin-ext */
 @font-face {
   font-family: "Source Sans Pro";
   font-style: italic;
-  font-weight: 400;
+  font-weight: 400 600;
   font-display: swap;
-  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-latin-ext.woff2) format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
+    U+2C60-2C7F, U+A720-A7FF;
 }
+/* latin */
 @font-face {
   font-family: "Source Sans Pro";
   font-style: italic;
-  font-weight: 600;
+  font-weight: 400 600;
   font-display: swap;
-  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin-semibold.woff2") format("woff2");
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/italic-latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
+/* latin-ext */
 @font-face {
   font-family: "Source Sans Pro";
   font-style: normal;
-  font-weight: 400;
+  font-weight: 400 600;
   font-display: swap;
-  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-latin-ext.woff2) format("woff2");
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
+    U+2C60-2C7F, U+A720-A7FF;
 }
+/* latin */
 @font-face {
   font-family: "Source Sans Pro";
   font-style: normal;
-  font-weight: 600;
+  font-weight: 400 600;
   font-display: swap;
-  src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
+  src: url(https://cdn.nav.no/aksel/fonts/SourceSans3/normal-latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
+    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* ==========================================================================
    Print styles copied from https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/style.css
@@ -799,7 +888,7 @@ button,
 }
 body,
 :host {
-  font-family: var(--a-font-family, "Source Sans Pro", Arial, sans-serif);
+  font-family: var(--a-font-family, "Source Sans 3", "Source Sans Pro", Arial, sans-serif);
   line-height: 1.333;
   font-size: 1.125rem;
 }
@@ -4829,16 +4918,21 @@ button.navds-internalheader__title:active,
 }
 @media (min-width: 480px) {
   .navds-modal {
-    max-width: calc(100% - 6px - 2em);
+    max-width: calc(100% - 2em);
   }
 
   .navds-modal--autowidth {
-    max-width: min(700px, calc(100% - 6px - 2em));
+    max-width: min(700px, calc(100% - 2em));
   }
 }
 @media (min-height: 480px) {
   .navds-modal {
-    max-height: calc(100% - 6px - 2em);
+    max-height: calc(100% - 2em);
+  }
+
+  .navds-modal--top {
+    margin-top: 2em;
+    max-height: calc(100% - 4em);
   }
 }
 .navds-modal::backdrop {
@@ -7356,6 +7450,11 @@ button.navds-stepper__step {
   --__ac-hgrid-columns-xl: var(--__ac-hgrid-columns-lg);
   --__ac-hgrid-columns-2xl: var(--__ac-hgrid-columns-xl);
   --__ac-hgrid-columns: var(--__ac-hgrid-columns-xs);
+
+  display: grid;
+  grid-template-columns: var(--__ac-hgrid-columns);
+}
+.navds-hgrid-gap {
   --__ac-hgrid-gap-xs: initial;
   --__ac-hgrid-gap-sm: var(--__ac-hgrid-gap-xs);
   --__ac-hgrid-gap-md: var(--__ac-hgrid-gap-sm);
@@ -7363,45 +7462,63 @@ button.navds-stepper__step {
   --__ac-hgrid-gap-xl: var(--__ac-hgrid-gap-lg);
   --__ac-hgrid-gap-2xl: var(--__ac-hgrid-gap-xl);
   --__ac-hgrid-gap: var(--__ac-hgrid-gap-xs);
-  --__ac-hgrid-align: initial;
 
-  display: grid;
-  grid-template-columns: var(--__ac-hgrid-columns);
   gap: var(--__ac-hgrid-gap);
+}
+.navds-hgrid-align {
+  --__ac-hgrid-align: initial;
+
   align-items: var(--__ac-hgrid-align);
 }
 @media (min-width: 480px) {
   .navds-hgrid {
     --__ac-hgrid-columns: var(--__ac-hgrid-columns-sm);
+  }
+
+  .navds-hgrid-gap {
     --__ac-hgrid-gap: var(--__ac-hgrid-gap-sm);
   }
 }
 @media (min-width: 768px) {
   .navds-hgrid {
     --__ac-hgrid-columns: var(--__ac-hgrid-columns-md);
+  }
+
+  .navds-hgrid-gap {
     --__ac-hgrid-gap: var(--__ac-hgrid-gap-md);
   }
 }
 @media (min-width: 1024px) {
   .navds-hgrid {
     --__ac-hgrid-columns: var(--__ac-hgrid-columns-lg);
+  }
+
+  .navds-hgrid-gap {
     --__ac-hgrid-gap: var(--__ac-hgrid-gap-lg);
   }
 }
 @media (min-width: 1280px) {
   .navds-hgrid {
     --__ac-hgrid-columns: var(--__ac-hgrid-columns-xl);
+  }
+
+  .navds-hgrid-gap {
     --__ac-hgrid-gap: var(--__ac-hgrid-gap-xl);
   }
 }
 @media (min-width: 1440px) {
   .navds-hgrid {
     --__ac-hgrid-columns: var(--__ac-hgrid-columns-2xl);
+  }
+
+  .navds-hgrid-gap {
     --__ac-hgrid-gap: var(--__ac-hgrid-gap-2xl);
   }
 }
 .navds-stack {
-  --__ac-stack-wrap: initial;
+  display: flex;
+}
+.navds-stack-gap {
   --__ac-stack-gap-xs: initial;
   --__ac-stack-gap-sm: var(--__ac-stack-gap-xs);
   --__ac-stack-gap-md: var(--__ac-stack-gap-sm);
@@ -7409,13 +7526,10 @@ button.navds-stepper__step {
   --__ac-stack-gap-xl: var(--__ac-stack-gap-lg);
   --__ac-stack-gap-2xl: var(--__ac-stack-gap-xl);
   --__ac-stack-gap: var(--__ac-stack-gap-xs);
-  --__ac-stack-justify-xs: initial;
-  --__ac-stack-justify-sm: var(--__ac-stack-justify-xs);
-  --__ac-stack-justify-md: var(--__ac-stack-justify-sm);
-  --__ac-stack-justify-lg: var(--__ac-stack-justify-md);
-  --__ac-stack-justify-xl: var(--__ac-stack-justify-lg);
-  --__ac-stack-justify-2xl: var(--__ac-stack-justify-xl);
-  --__ac-stack-justify: var(--__ac-stack-justify-xs);
+
+  gap: var(--__ac-stack-gap);
+}
+.navds-stack-align {
   --__ac-stack-align-xs: initial;
   --__ac-stack-align-sm: var(--__ac-stack-align-xs);
   --__ac-stack-align-md: var(--__ac-stack-align-sm);
@@ -7423,6 +7537,21 @@ button.navds-stepper__step {
   --__ac-stack-align-xl: var(--__ac-stack-align-lg);
   --__ac-stack-align-2xl: var(--__ac-stack-align-xl);
   --__ac-stack-align: var(--__ac-stack-align-xs);
+
+  align-items: var(--__ac-stack-align);
+}
+.navds-stack-justify {
+  --__ac-stack-justify-xs: initial;
+  --__ac-stack-justify-sm: var(--__ac-stack-justify-xs);
+  --__ac-stack-justify-md: var(--__ac-stack-justify-sm);
+  --__ac-stack-justify-lg: var(--__ac-stack-justify-md);
+  --__ac-stack-justify-xl: var(--__ac-stack-justify-lg);
+  --__ac-stack-justify-2xl: var(--__ac-stack-justify-xl);
+  --__ac-stack-justify: var(--__ac-stack-justify-xs);
+
+  justify-content: var(--__ac-stack-justify);
+}
+.navds-stack-direction {
   --__ac-stack-direction-xs: initial;
   --__ac-stack-direction-sm: var(--__ac-stack-direction-xs);
   --__ac-stack-direction-md: var(--__ac-stack-direction-sm);
@@ -7431,11 +7560,10 @@ button.navds-stepper__step {
   --__ac-stack-direction-2xl: var(--__ac-stack-direction-xl);
   --__ac-stack-direction: var(--__ac-stack-direction-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);
+  flex-direction: var(--__ac-stack-direction);
+}
+.navds-stack-wrap {
+  flex-wrap: wrap;
 }
 .navds-stack__spacer {
   flex: 1;
@@ -7447,42 +7575,87 @@ button.navds-stepper__step {
   margin-inline-start: calc(var(--__ac-stack-gap) * -1);
 }
 @media (min-width: 480px) {
-  .navds-stack {
+  .navds-stack-gap {
     --__ac-stack-gap: var(--__ac-stack-gap-sm);
+  }
+
+  .navds-stack-align {
     --__ac-stack-align: var(--__ac-stack-align-sm);
+  }
+
+  .navds-stack-justify {
     --__ac-stack-justify: var(--__ac-stack-justify-sm);
+  }
+
+  .navds-stack-direction {
     --__ac-stack-direction: var(--__ac-stack-direction-sm);
   }
 }
 @media (min-width: 768px) {
-  .navds-stack {
+  .navds-stack-gap {
     --__ac-stack-gap: var(--__ac-stack-gap-md);
+  }
+
+  .navds-stack-align {
     --__ac-stack-align: var(--__ac-stack-align-md);
+  }
+
+  .navds-stack-justify {
     --__ac-stack-justify: var(--__ac-stack-justify-md);
+  }
+
+  .navds-stack-direction {
     --__ac-stack-direction: var(--__ac-stack-direction-md);
   }
 }
 @media (min-width: 1024px) {
-  .navds-stack {
+  .navds-stack-gap {
     --__ac-stack-gap: var(--__ac-stack-gap-lg);
+  }
+
+  .navds-stack-align {
     --__ac-stack-align: var(--__ac-stack-align-lg);
+  }
+
+  .navds-stack-justify {
     --__ac-stack-justify: var(--__ac-stack-justify-lg);
+  }
+
+  .navds-stack-direction {
     --__ac-stack-direction: var(--__ac-stack-direction-lg);
   }
 }
 @media (min-width: 1280px) {
-  .navds-stack {
+  .navds-stack-gap {
     --__ac-stack-gap: var(--__ac-stack-gap-xl);
+  }
+
+  .navds-stack-align {
     --__ac-stack-align: var(--__ac-stack-align-xl);
+  }
+
+  .navds-stack-justify {
     --__ac-stack-justify: var(--__ac-stack-justify-xl);
+  }
+
+  .navds-stack-direction {
     --__ac-stack-direction: var(--__ac-stack-direction-xl);
   }
 }
 @media (min-width: 1440px) {
-  .navds-stack {
+  .navds-stack-gap {
     --__ac-stack-gap: var(--__ac-stack-gap-2xl);
+  }
+
+  .navds-stack-align {
     --__ac-stack-align: var(--__ac-stack-align-2xl);
+  }
+
+  .navds-stack-justify {
     --__ac-stack-justify: var(--__ac-stack-justify-2xl);
+  }
+
+  .navds-stack-direction {
     --__ac-stack-direction: var(--__ac-stack-direction-2xl);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "6.12.0",
+  "version": "6.14.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": "^6.12.0",
-    "@navikt/ds-tokens": "^6.12.0",
+    "@navikt/ds-css": "^6.14.0",
+    "@navikt/ds-tokens": "^6.14.0",
     "concurrently": "7.2.1",
     "postcss-selector-parser": "^6.0.13",
     "postcss-value-parser": "^4.2.0",