@navikt/aksel-stylelint 6.15.0 → 6.16.1

package/dist/index.css

@@ -1,10 +1,10 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Fri, 09 Aug 2024 07:54:46 GMT
+ * Generated on Wed, 21 Aug 2024 05:57:35 GMT
  */
 :root, :host {
-  --a-version: "6.15.0";
+  --a-version: "6.16.1";
   --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);
@@ -6932,9 +6947,8 @@ button.navds-stepper__step {
   border-color: transparent;
 }
 .navds-table__toggle-expand-cell {
-  padding: 0 var(--a-spacing-2);
-  position: relative;
-  width: 2.5rem;
+  padding: 0;
+  width: 3rem;
 }
 .navds-table--large .navds-table__toggle-expand-cell {
   padding: 0 var(--a-spacing-2);
@@ -6946,18 +6960,22 @@ button.navds-stepper__step {
   display: grid;
   place-content: center;
   cursor: pointer;
-  margin: 0;
   background: transparent;
   border: none;
   border-radius: var(--a-border-radius-medium);
   height: 2rem;
   width: 2rem;
   font-size: 1.5rem;
+  margin: 0 auto;
 }
 .navds-table__expandable-icon {
   transition: transform 150ms ease-in-out;
 }
+.navds-table__toggle-expand-cell:hover {
+  cursor: pointer;
+}
 .navds-table__toggle-expand-button:hover,
+.navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button,
 .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
   background-color: var(--a-surface-hover);
 }
@@ -6980,15 +6998,6 @@ button.navds-stepper__step {
     box-shadow: var(--a-shadow-focus);
   }
 }
-.navds-table__toggle-expand-button::after {
-  inset: 0;
-  z-index: 1;
-  position: absolute;
-  content: "";
-  height: 100%;
-  width: 100%;
-  cursor: pointer;
-}
 .navds-table__expanded-row-cell {
   padding: 0;
 }
@@ -7973,6 +7982,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 +8089,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 +8190,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 +8291,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 +8392,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 +8493,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.15.0",
+  "version": "6.16.1",
   "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.15.0",
-    "@navikt/ds-tokens": "^6.15.0",
+    "@navikt/ds-css": "^6.16.1",
+    "@navikt/ds-tokens": "^6.16.1",
     "concurrently": "7.2.1",
     "postcss-selector-parser": "^6.0.13",
     "postcss-value-parser": "^4.2.0",