@navikt/aksel-stylelint 7.1.0 → 7.1.1

package/dist/deprecations.js

@@ -60,4 +60,8 @@ exports.deprecations = [
         ],
         message: "These classes had no effect and were removed in v7.1.0",
     },
+    {
+        classes: ["navds-list--nested", "navds-list__item-content"],
+        message: "Removed in v7.1.1",
+    },
 ];

package/dist/index.css

@@ -3,7 +3,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 :root, :host {
-  --a-version: "7.1.0";
+  --a-version: "7.1.1";
   --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;
@@ -3471,6 +3471,9 @@ body,
   border-color: var(--a-border-subtle);
   cursor: default;
 }
+.navds-select--readonly .navds-select__chevron {
+  color: var(--a-gray-500);
+}
 .navds-switch {
   position: relative;
   min-height: 3rem;
@@ -4089,6 +4092,29 @@ body,
   --__ac-combobox-list-item-padding-inline: var(--a-spacing-2);
   --__ac-combobox-input-height: 1.5rem;
 }
+.navds-combobox--disabled {
+  opacity: 0.3;
+}
+.navds-combobox--disabled .navds-combobox__wrapper *:hover {
+  cursor: not-allowed;
+}
+.navds-combobox--disabled .navds-text-field__input {
+  border: 1px solid var(--a-border-default);
+}
+.navds-combobox--disabled .navds-combobox__selected-options {
+  pointer-events: none;
+}
+.navds-combobox--readonly {
+  pointer-events: none;
+}
+.navds-combobox--readonly .navds-combobox__button-toggle-list {
+  color: var(--a-gray-500);
+}
+.navds-combobox--readonly .navds-text-field__input,
+.navds-combobox--readonly .navds-combobox__input {
+  background-color: var(--a-surface-subtle);
+  border-color: var(--a-border-subtle);
+}
 .navds-combobox__button-clear svg,
 .navds-combobox__button-toggle-list svg,
 .navds-combobox__list svg {
@@ -5424,6 +5450,7 @@ button.navds-internalheader__title:active,
 /* Readonly */
 .navds-date__field--readonly .navds-date__field-button {
   cursor: default;
+  color: var(--a-gray-500);
 }
 .navds-date__caption-button {
   width: 2rem;
@@ -7179,78 +7206,66 @@ button.navds-stepper__step {
   padding: 0;
   margin-block: var(--a-spacing-4);
 }
-.navds-list--nested ul,
-.navds-list--nested ol {
-  margin-block: var(--a-spacing-2);
-}
 .navds-list--small ul,
 .navds-list--small ol {
   margin-block: var(--a-spacing-3);
 }
-.navds-list li {
+.navds-list .navds-list :where(ul, ol) {
+  margin-block: var(--a-spacing-2) 0;
+}
+.navds-list ol {
+  padding-left: 1.7rem;
+}
+.navds-list ol > .navds-list__item {
+  padding-left: 0.3rem;
+}
+/* SAFARI HACK START */
+/* stylelint-disable selector-type-no-unknown */
+_::-webkit-full-page-media,
+_:future,
+:root .navds-list ol {
+  padding-left: 2.1rem;
+}
+_::-webkit-full-page-media,
+_:future,
+:root .navds-list ol .navds-list__item {
+  padding-left: 0;
+}
+/* SAFARI HACK END */
+/* stylelint-enable selector-type-no-unknown */
+.navds-list__item {
   margin-block-end: var(--a-spacing-2);
 }
-.navds-list:last-child > ul > li:last-child,
-.navds-list:last-child > ol > li:last-child {
-  margin-bottom: 0;
+.navds-list__item:last-child {
+  margin-block-end: 0;
 }
-.navds-list ul .navds-list__item {
+.navds-list ul > .navds-list__item {
   display: grid;
   grid-template-columns: auto 1fr;
-  gap: var(--a-spacing-3);
-  padding-left: 0;
+  gap: var(--a-spacing-2);
 }
-.navds-list ul .navds-list__item::marker {
-  content: none;
+.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)));
 }
-.navds-list ol .navds-list__item-marker--icon {
-  grid-column: 1 / 2;
-  display: flex;
+.navds-list__item-marker {
+  width: 1.5rem;
 }
-.navds-list .navds-list__item-marker--bullet {
+.navds-list ul > li > .navds-list__item-marker {
   display: flex;
   align-items: center;
   height: var(--a-font-line-height-xlarge);
-  grid-column: 1 / 2;
-  color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
 }
-.navds-list--small .navds-list__item-marker--bullet {
+.navds-list--small ul > li > .navds-list__item-marker {
   height: var(--a-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)));
+}
 .navds-list__item-marker--icon {
-  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-xlarge);
-  padding-block-end: 1px;
   font-size: 1.5rem;
-}
-.navds-list--small .navds-list__item-marker--icon {
-  height: var(--a-font-line-height-large);
-}
-.navds-list__item-marker--icon svg {
-  flex-shrink: 0;
-}
-.navds-list ul .navds-list__item-content {
-  grid-column: 2 / 3;
-}
-.navds-list ol {
-  padding-left: var(--a-spacing-2);
-  list-style: decimal;
-}
-.navds-list ol li {
-  padding-left: var(--a-spacing-1);
-  margin-left: var(--a-spacing-2);
-}
-.navds-list ol li::marker {
-  font-weight: var(--a-font-weight-bold);
-  font-size: var(--a-font-size-large);
-  color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
-  line-height: var(--a-font-line-height-xlarge);
-}
-.navds-list--small ol li::marker {
-  font-size: var(--a-font-size-small);
-  line-height: var(--a-font-line-height-large);
+  color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
 }
 .navds-box-bg {
   --__ac-box-background: initial;

package/package.json

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