@navikt/aksel-stylelint 6.8.0 → 6.9.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Tue, 14 May 2024 13:31:33 GMT
+ * Generated on Fri, 31 May 2024 06:44:50 GMT
  */
 :root, :host {
   --a-spacing-1-alt: 0.375rem;
@@ -3975,19 +3975,40 @@ body,
   }
 }
 .navds-combobox__wrapper {
+  --__ac-combobox-icon-size: 1.5rem;
+  --__ac-combobox-wrapper-inner-padding: var(--a-spacing-2);
+  --__ac-combobox-list-item-padding-block: var(--a-spacing-3);
+  --__ac-combobox-list-item-padding-inline: var(--a-spacing-3);
+  --__ac-combobox-border-width: 1px;
+  --__ac-combobox-input-height: 2rem;
+
   display: flex;
   flex-direction: column;
   width: 100%;
   position: relative;
 }
-.navds-combobox__wrapper-inner {
+.navds-form-field--small .navds-combobox__wrapper {
+  --__ac-combobox-icon-size: 1.25rem;
+  --__ac-combobox-wrapper-inner-padding: var(--a-spacing-1);
+  --__ac-combobox-list-item-padding-block: var(--a-spacing-1-alt);
+  --__ac-combobox-list-item-padding-inline: var(--a-spacing-2);
+  --__ac-combobox-input-height: 1.5rem;
+}
+.navds-combobox__button-clear svg,
+.navds-combobox__button-toggle-list svg,
+.navds-combobox__list svg {
+  width: var(--__ac-combobox-icon-size);
+  height: var(--__ac-combobox-icon-size);
+}
+.navds-combobox__wrapper-inner.navds-text-field__input {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  padding: calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);
+  padding-block: calc(var(--__ac-combobox-wrapper-inner-padding) - var(--__ac-combobox-border-width));
+  padding-inline: var(--__ac-combobox-wrapper-inner-padding);
 }
 .navds-combobox__wrapper-inner > :first-child {
   flex: 2;
@@ -3996,9 +4017,6 @@ body,
   display: flex;
   flex-flow: row nowrap;
 }
-.navds-form-field--small .navds-combobox__wrapper-inner {
-  padding: var(--a-spacing-1) calc(var(--a-spacing-3) / 2);
-}
 .navds-combobox__wrapper-inner:hover {
   cursor: text;
 }
@@ -4015,7 +4033,7 @@ body,
     var(--a-shadow-focus);
 }
 .navds-combobox__selected-options {
-  gap: var(--a-spacing-2);
+  gap: var(--__ac-combobox-wrapper-inner-padding);
   align-items: center;
 }
 .navds-combobox__selected-options > li {
@@ -4045,7 +4063,7 @@ body,
   margin: 0;
   min-width: 10ch;
   width: 100%;
-  height: 2rem;
+  height: var(--__ac-combobox-input-height);
 }
 .navds-combobox__input:focus-visible {
   outline: none;
@@ -4103,10 +4121,6 @@ body,
   font-size: 1rem;
   padding: 0;
 }
-.navds-combobox__button-clear svg {
-  width: 1.5rem;
-  height: 1.5rem;
-}
 .navds-combobox__input::-webkit-search-cancel-button {
   display: none;
 }
@@ -4146,16 +4160,6 @@ body,
     outline: none;
   }
 }
-.navds-combobox__button-toggle-list svg {
-  width: 1.5rem;
-  height: 1.5rem;
-  pointer-events: none;
-}
-.navds-form-field--small .navds-combobox__button-toggle-list svg,
-.navds-form-field--small .navds-combobox__button-clear svg {
-  width: 1.25rem;
-  height: 1.25rem;
-}
 /* dropdown & non selectable dropdown items */
 .navds-combobox__list {
   max-height: 290px;
@@ -4172,15 +4176,10 @@ body,
   border-radius: var(--a-border-radius-medium);
   background-color: var(--ac-combobox-list-bg, var(--a-surface-default));
   color: var(--ac-combobox-list-text, var(--a-text-default));
-  gap: var(--a-spacing-1) 0;
 }
 .navds-combobox__list--closed {
   display: none;
 }
-.navds-combobox__list svg {
-  height: 1.5rem;
-  width: 1.5rem;
-}
 .navds-combobox__list_non-selectables {
   position: sticky;
   top: 0;
@@ -4193,21 +4192,16 @@ body,
 .navds-combobox__list-item--no-options,
 .navds-combobox__list-item--new-option,
 .navds-combobox__list-item--max-selected {
+  align-items: center;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  padding: var(--a-spacing-3);
+  padding-block: var(--__ac-combobox-list-item-padding-block);
+  padding-inline: var(--__ac-combobox-list-item-padding-inline);
   width: 100%;
   background-color: var(--ac-combobox-list-item-bg, var(--a-surface-default));
   scroll-margin-top: 50px;
 }
-.navds-form-field--small .navds-combobox__list-item,
-.navds-form-field--small .navds-combobox__list-item--loading,
-.navds-form-field--small .navds-combobox__list-item--no-options,
-.navds-form-field--small .navds-combobox__list-item--new-option,
-.navds-form-field--small .navds-combobox__list-item--max-selected {
-  padding: calc(var(--a-spacing-3) / 2) var(--a-spacing-2);
-}
 .navds-combobox__list-item--loading {
   justify-content: center;
   background-color: var(--ac-combobox-list-item-loading-bg, var(--a-surface-default));
@@ -4217,7 +4211,6 @@ body,
   border-start-start-radius: calc(var(--a-border-radius-medium) - 1px);
   border-start-end-radius: calc(var(--a-border-radius-medium) - 1px);
   border: 1px solid var(--ac-combobox-list-item-max-selected-border, var(--a-border-info));
-  margin-bottom: calc(var(--a-spacing-1) * -1);
 }
 .navds-combobox__list_non-selectables:hover {
   cursor: default;
@@ -4240,11 +4233,7 @@ body,
   background-color: var(--ac-combobox-list-item-hover-bg, var(--a-surface-hover));
   cursor: pointer;
   border-left: 4px solid var(--ac-combobox-list-item-hover-border-left, var(--a-border-strong));
-  padding-left: calc(var(--a-spacing-3) - 4px);
-}
-.navds-form-field--small .navds-combobox__list-item--focus,
-.navds-combobox__list--with-hover .navds-form-field--small .navds-combobox__list-item:hover {
-  padding-left: calc(var(--a-spacing-2) - 4px);
+  padding-inline-start: calc(var(--__ac-combobox-list-item-padding-inline) - 4px);
 }
 .navds-combobox__list-item[data-no-focus="true"] {
   cursor: not-allowed;
@@ -4260,7 +4249,6 @@ body,
 .navds-combobox__list--with-hover .navds-combobox__list-item--selected:hover {
   background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
   border-left: 4px solid var(--ac-combobox-list-item-selected-hover-border-left, var(--a-border-focus));
-  padding-left: calc(var(--a-spacing-3) - 4px);
 }
 .navds-combobox__list-item--new-option {
   border-bottom: 1px solid var(--a-border-divider);
@@ -7346,7 +7334,7 @@ button.navds-stepper__step {
   min-height: 100lvh;
 }
 .navds-page__content--padding {
-  padding-block-end: var(--a-spacing-8);
+  padding-block-end: var(--a-spacing-16);
 }
 .navds-pageblock--text {
   max-width: calc(var(--a-text-width-max) + var(--__ac-page-padding-inline) + var(--__ac-page-padding-inline));

package/dist/rules/aksel-no-deprecated-classes/index.js

@@ -22,7 +22,7 @@ const ruleFunction = () => {
                             !deprecation.classes.includes(className.value)) {
                             continue;
                         }
-                        else if (deprecation.deprecatePrefix &&
+                        if (deprecation.deprecatePrefix &&
                             !deprecation.classes.some((x) => className.value.startsWith(x))) {
                             return;
                         }

package/package.json

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