@navikt/aksel-stylelint 5.7.2 → 5.7.3

package/dist/index.css

@@ -1,9 +1,10 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Oct 2023 14:22:28 GMT
+ * Generated on Tue, 17 Oct 2023 14:33:03 GMT
  */
 :root, :host {
+  --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;
   --a-spacing-24: 6rem;
@@ -2381,10 +2382,10 @@ body,
   box-shadow: inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border, var(--a-border-strong));
 }
 .navds-chips--icon-left {
-  padding-left: 0.375rem;
+  padding-left: var(--a-spacing-1-alt);
 }
 .navds-chips--icon-right {
-  padding-right: 0.375rem;
+  padding-right: var(--a-spacing-1-alt);
 }
 .navds-chips--small .navds-chips--icon-right {
   padding-right: var(--a-spacing-05);
@@ -2522,7 +2523,7 @@ body,
   gap: var(--a-spacing-2);
 }
 .navds-copybutton--small > .navds-copybutton__content {
-  gap: 0.375rem;
+  gap: var(--a-spacing-1-alt);
 }
 .navds-copybutton--xsmall > .navds-copybutton__content {
   gap: var(--a-spacing-1);
@@ -3045,7 +3046,7 @@ body,
 }
 .navds-checkbox--small > .navds-checkbox__label,
 .navds-radio--small > .navds-radio__label {
-  padding: 0.375rem 0;
+  padding: var(--a-spacing-1-alt) 0;
 }
 .navds-checkbox--small > .navds-checkbox__label::before,
 .navds-radio--small > .navds-radio__label::before {
@@ -3080,7 +3081,7 @@ body,
   content: "";
   position: absolute;
   top: 50%;
-  transform: translate(0.375rem, -50%);
+  transform: translate(var(--a-spacing-1-alt), -50%);
   background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
   width: 0.75rem;
   height: 0.25rem;
@@ -3101,7 +3102,7 @@ body,
   color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
   position: absolute;
   height: 1.5rem;
-  transform: translate(0.375rem);
+  transform: translate(var(--a-spacing-1-alt));
   pointer-events: none;
 }
 .navds-checkbox--small .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
@@ -3305,13 +3306,14 @@ body,
   right: var(--a-spacing-2);
   pointer-events: none;
   align-self: center;
+  color: var(--ac-select-text, var(--a-text-default));
 }
 .navds-form-field--small .navds-select__input {
   min-height: 2rem;
   padding: 0 var(--a-spacing-8) 0 var(--a-spacing-2);
 }
 .navds-form-field--small .navds-select__chevron {
-  right: 0.375rem;
+  right: var(--a-spacing-1-alt);
 }
 /**
   Error handling
@@ -3629,7 +3631,7 @@ body,
   }
 }
 .navds-form-field--small .navds-textarea__input {
-  padding: 0.375rem;
+  padding: var(--a-spacing-1-alt);
 }
 .navds-form-field--small .navds-textarea--counter.navds-textarea__input {
   padding-bottom: var(--a-spacing-7);
@@ -4114,7 +4116,6 @@ body,
 }
 .navds-help-text__button {
   margin: 0;
-  padding: 0;
   border: 0;
   cursor: pointer;
   background-color: transparent;
@@ -4123,15 +4124,17 @@ body,
   justify-content: center;
   align-items: center;
   color: var(--ac-help-text-button-color, var(--a-surface-action));
-  font-size: 1.5rem;
+  font-size: 1.25rem;
+  padding: calc(var(--a-spacing-1) / 2);
 }
 .navds-help-text__button:focus-visible {
-  box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+  outline: none;
+  box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
 }
 @supports not selector(:focus-visible) {
   .navds-help-text__button:focus {
     outline: none;
-    box-shadow: 0 0 0 1px var(--a-surface-default), 0 0 0 4px var(--a-border-focus);
+    box-shadow: 0 0 0 1px var(--a-border-focus), inset 0 0 0 1px var(--a-border-focus);
   }
 }
 .navds-help-text__icon {
@@ -4580,8 +4583,7 @@ button.navds-internalheader__title:active,
   gap: var(--a-spacing-1);
 }
 .navds-pagination--small .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
+  padding-inline: var(--a-spacing-1-alt);
 }
 .navds-pagination--xsmall .navds-pagination__prev-next:where(.navds-pagination--prev-next--with-text) {
   padding-left: var(--a-spacing-05);
@@ -4931,7 +4933,7 @@ button.navds-internalheader__title:active,
 }
 .navds-tag--small {
   min-height: 1.5rem;
-  padding: 0 0.375rem;
+  padding: 0 var(--a-spacing-1-alt);
 }
 .navds-tag--xsmall {
   min-height: 1.25rem;
@@ -6169,7 +6171,7 @@ button.navds-stepper__step {
   flex-shrink: 0;
 }
 .navds-tabs--small .navds-tabs__scroll-button {
-  padding: 0.375rem var(--a-spacing-4);
+  padding: var(--a-spacing-1-alt) var(--a-spacing-4);
   width: 2rem;
 }
 .navds-tabs__tab {
@@ -6216,7 +6218,7 @@ button.navds-stepper__step {
 }
 .navds-tabs__tab--small {
   min-height: 2rem;
-  padding: 0.375rem var(--a-spacing-4);
+  padding: var(--a-spacing-1-alt) var(--a-spacing-4);
 }
 .navds-tabs__tab-icon--top,
 .navds-tabs__tab--small.navds-tabs__tab-icon--top {

package/dist/rules/aksel-design-token-exists/index.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.messages = exports.controlledPrefixes = void 0;
-const stylelint_1 = __importDefault(require("stylelint"));
-const postcss_value_parser_1 = __importDefault(require("postcss-value-parser"));
 const node_fs_1 = require("node:fs");
+const postcss_value_parser_1 = __importDefault(require("postcss-value-parser"));
+const stylelint_1 = __importDefault(require("stylelint"));
 const utils_1 = require("../../utils");
 const packageJson = JSON.parse((0, node_fs_1.readFileSync)(`${__dirname}/../../../package.json`).toString());
 const ruleName = "aksel/design-token-exists";
@@ -27,12 +27,12 @@ exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
         `However, that token doesn't seem to exist in the design system. ` +
         `\n\nVersion: ${packageVersion}`,
 });
-const checkDeclValue = (controlledPrefixes, value, postcssResult, rootNode) => {
+const checkDeclValue = (value, postcssResult, rootNode) => {
     (0, postcss_value_parser_1.default)(value).walk((node) => {
         if (node.type === "word" &&
             (0, utils_1.isCustomProperty)(node.value) &&
-            controlledPrefixes.some((prefix) => node.value.startsWith(prefix)) &&
-            !(0, utils_1.tokenExists)(controlledPrefixes, node.value)) {
+            exports.controlledPrefixes.some((prefix) => node.value.startsWith(prefix)) &&
+            !(0, utils_1.tokenExists)(exports.controlledPrefixes, node.value)) {
             stylelint_1.default.utils.report({
                 message: exports.messages.valueNotExist(rootNode, node.value),
                 node: rootNode,
@@ -43,10 +43,10 @@ const checkDeclValue = (controlledPrefixes, value, postcssResult, rootNode) => {
         }
     });
 };
-const checkDeclProp = (controlledPrefixes, prop, postcssResult, rootNode) => {
+const checkDeclProp = (prop, postcssResult, rootNode) => {
     if ((0, utils_1.isCustomProperty)(prop) &&
-        controlledPrefixes.some((prefix) => prop.startsWith(prefix)) &&
-        !(0, utils_1.tokenExists)(controlledPrefixes, prop)) {
+        exports.controlledPrefixes.some((prefix) => prop.startsWith(prefix)) &&
+        !(0, utils_1.tokenExists)(exports.controlledPrefixes, prop)) {
         stylelint_1.default.utils.report({
             message: exports.messages.propNotExist(rootNode),
             node: rootNode,
@@ -59,8 +59,8 @@ const checkDeclProp = (controlledPrefixes, prop, postcssResult, rootNode) => {
 const ruleFunction = () => {
     return (postcssRoot, postcssResult) => {
         postcssRoot.walkDecls((node) => {
-            checkDeclValue(exports.controlledPrefixes, node.value, postcssResult, node);
-            checkDeclProp(exports.controlledPrefixes, node.prop, postcssResult, node);
+            checkDeclValue(node.value, postcssResult, node);
+            checkDeclProp(node.prop, postcssResult, node);
         });
     };
 };

package/dist/utils.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPackageVersion = exports.tokenExists = exports.addTokens = exports.flattenObject = exports.vendorUnprefixed = exports.testAgainstStringOrRegExp = exports.testAgainstStringOrRegExpOrArray = exports.matchesStringOrRegExp = exports.isCustomProperty = void 0;
+exports.getPackageVersion = exports.tokenExists = exports.flattenObject = exports.vendorUnprefixed = exports.testAgainstStringOrRegExp = exports.testAgainstStringOrRegExpOrArray = exports.matchesStringOrRegExp = exports.isCustomProperty = void 0;
 const node_fs_1 = require("node:fs");
 const postcss_value_parser_1 = __importDefault(require("postcss-value-parser"));
 const isCustomProperty = (property) => {
@@ -82,13 +82,6 @@ exports.flattenObject = flattenObject;
 const tokenCSSFile = "./index.css";
 const tokenJsonFile = "./tokens.json";
 const allowedTokenNames = [];
-const addTokens = (tokenJSONFile, allowedTokenNames) => {
-    const jsonFileBuffer = (0, node_fs_1.readFileSync)(`${__dirname}/${tokenJSONFile}`);
-    const fileString = jsonFileBuffer.toString();
-    const flattened = (0, exports.flattenObject)(JSON.parse(fileString));
-    flattened.forEach((token) => allowedTokenNames.push(token));
-};
-exports.addTokens = addTokens;
 const tokenExists = (controlledPrefixes, inputToken) => {
     // "singleton" if statement (attempt at caching file parsing)
     if (!allowedTokenNames.length) {
@@ -101,7 +94,9 @@ const tokenExists = (controlledPrefixes, inputToken) => {
                 allowedTokenNames.push(node.value);
             }
         });
-        (0, exports.addTokens)(tokenJsonFile, allowedTokenNames);
+        const jsonFileBuffer = (0, node_fs_1.readFileSync)(`${__dirname}/${tokenJsonFile}`);
+        const flattened = (0, exports.flattenObject)(JSON.parse(jsonFileBuffer.toString()));
+        flattened.forEach((token) => allowedTokenNames.push(token));
     }
     return allowedTokenNames.includes(inputToken);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "5.7.2",
+  "version": "5.7.3",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^5.7.2",
-    "@navikt/ds-tokens": "^5.7.2",
+    "@navikt/ds-css": "^5.7.3",
+    "@navikt/ds-tokens": "^5.7.3",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",