@navikt/aksel-stylelint 6.14.0 → 6.16.0

package/dist/index.css

@@ -1,10 +1,10 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Wed, 07 Aug 2024 09:53:56 GMT
+ * Generated on Tue, 13 Aug 2024 11:47:08 GMT
  */
 :root, :host {
-  --a-version: "6.14.0";
+  --a-version: "6.16.0";
   --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;
@@ -76,7 +76,7 @@
   --a-green-700: rgba(0, 106, 35, 1);
   --a-green-600: rgba(0, 124, 46, 1);
   --a-green-500: rgba(6, 137, 58, 1);
-  --a-green-400: rgba(51, 170, 95, 1);
+  --a-green-400: rgba(42, 167, 88, 1);
   --a-green-300: rgba(102, 199, 134, 1);
   --a-green-200: rgba(153, 222, 173, 1);
   --a-green-100: rgba(204, 241, 214, 1);
@@ -4425,6 +4425,7 @@ body,
   overflow: hidden;
   border: 1px solid var(--a-border-subtle);
   border-radius: var(--a-border-radius-large);
+  background: var(--a-surface-default);
 }
 .navds-form-summary__header {
   background-color: var(--a-surface-subtle);
@@ -4870,7 +4871,9 @@ button.navds-internalheader__title:active,
   overflow: hidden;
 }
 .navds-modal {
-  background-color: var(--ac-modal-bg, var(--a-surface-default));
+  --__ac-modal-bg: var(--ac-modal-bg, var(--a-surface-default));
+
+  background-color: var(--__ac-modal-bg);
   border: none;
   border-radius: var(--a-border-radius-large);
   box-shadow: var(--a-shadow-xlarge);
@@ -4978,6 +4981,18 @@ button.navds-internalheader__title:active,
   overflow: auto;
   overscroll-behavior: contain;
   position: relative; /* Needed to make sr-only elements position correctly - see Storybook */
+  background:
+    linear-gradient(var(--__ac-modal-bg) 30%, transparent) top,
+    linear-gradient(transparent, var(--__ac-modal-bg) 60%) bottom,
+    radial-gradient(farthest-side at 50% 0, rgba(0 0 0 / 0.3), transparent) top,
+    radial-gradient(farthest-side at 50% 100%, rgba(0 0 0 / 0.3), transparent) bottom;
+  background-size:
+    100% 40px,
+    100% 50px,
+    100% 16px,
+    100% 16px;
+  background-attachment: local, local, scroll, scroll;
+  background-repeat: no-repeat;
 }
 .navds-modal--small .navds-modal__body {
   padding: var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4);
@@ -7973,6 +7988,17 @@ button.navds-stepper__step {
 
   flex-shrink: var(--__ac-r-flex-shrink);
 }
+.navds-r-grid-column {
+  --__ac-r-grid-column-xs: initial;
+  --__ac-r-grid-column-sm: var(--__ac-r-grid-column-xs);
+  --__ac-r-grid-column-md: var(--__ac-r-grid-column-sm);
+  --__ac-r-grid-column-lg: var(--__ac-r-grid-column-md);
+  --__ac-r-grid-column-xl: var(--__ac-r-grid-column-lg);
+  --__ac-r-grid-column-2xl: var(--__ac-r-grid-column-xl);
+  --__ac-r-grid-column: var(--__ac-r-grid-column-xs);
+
+  grid-column: var(--__ac-r-grid-column);
+}
 @media (min-width: 480px) {
   .navds-r-p {
     --__ac-r-padding: var(--__ac-r-p-sm);
@@ -8069,6 +8095,10 @@ button.navds-stepper__step {
   .navds-r-flex-shrink {
     --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-sm);
   }
+
+  .navds-r-grid-column {
+    --__ac-r-grid-column: var(--__ac-r-grid-column-sm);
+  }
 }
 @media (min-width: 768px) {
   .navds-r-p {
@@ -8166,6 +8196,10 @@ button.navds-stepper__step {
   .navds-r-flex-shrink {
     --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-md);
   }
+
+  .navds-r-grid-column {
+    --__ac-r-grid-column: var(--__ac-r-grid-column-md);
+  }
 }
 @media (min-width: 1024px) {
   .navds-r-p {
@@ -8263,6 +8297,10 @@ button.navds-stepper__step {
   .navds-r-flex-shrink {
     --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-lg);
   }
+
+  .navds-r-grid-column {
+    --__ac-r-grid-column: var(--__ac-r-grid-column-lg);
+  }
 }
 @media (min-width: 1280px) {
   .navds-r-p {
@@ -8360,6 +8398,10 @@ button.navds-stepper__step {
   .navds-r-flex-shrink {
     --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-xl);
   }
+
+  .navds-r-grid-column {
+    --__ac-r-grid-column: var(--__ac-r-grid-column-xl);
+  }
 }
 @media (min-width: 1440px) {
   .navds-r-p {
@@ -8457,4 +8499,8 @@ button.navds-stepper__step {
   .navds-r-flex-shrink {
     --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-2xl);
   }
+
+  .navds-r-grid-column {
+    --__ac-r-grid-column: var(--__ac-r-grid-column-2xl);
+  }
 }

package/package.json

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