@navikt/aksel-stylelint 3.4.0 → 3.4.1

package/dist/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const stylelint_1 = require("stylelint");
+const rules_1 = require("./rules");
+const rulesPlugins = Object.keys(rules_1.rules).map((ruleName) => {
+    return (0, stylelint_1.createPlugin)(`${ruleName}`, rules_1.rules[ruleName]);
+});
+exports.default = rulesPlugins;

package/dist/internal-tokens.json

@@ -0,0 +1,48 @@
+{
+  "copytoclipboard": {
+    "--ac-copy-to-clipboard-text": "--a-text-default"
+  },
+  "dropdown": {
+    "--ac-dropdown-text": "--a-text-default",
+    "--ac-dropdown-border": "--a-border-default",
+    "--ac-dropdown-item-text": "--a-text-action",
+    "--ac-dropdown-item-hover-bg": "--a-surface-action-subtle-hover",
+    "--ac-dropdown-item-active-bg": "--a-surface-action-active",
+    "--ac-dropdown-item-active-text": "--a-text-on-active"
+  },
+  "header": {
+    "--ac-header-bg": "--a-surface-inverted",
+    "--ac-header-divider": "--a-gray-600",
+    "--ac-header-text": "--a-text-on-inverted",
+    "--ac-header-hover-bg": "--a-surface-inverted-hover",
+    "--ac-header-active-bg": "--a-surface-inverted-active"
+  },
+  "timeline": {
+    "--ac-timeline-row-bg": "--a-surface-subtle",
+    "--ac-timeline-row-active-bg": "--a-surface-selected",
+    "--ac-timeline-period-success-bg": "--a-surface-success-subtle",
+    "--ac-timeline-period-success-border": "--a-border-success",
+    "--ac-timeline-period-success-bg-hover": "--a-surface-success-subtle-hover",
+    "--ac-timeline-period-warning-bg": "--a-surface-warning-subtle",
+    "--ac-timeline-period-warning-border": "--a-border-warning",
+    "--ac-timeline-period-warning-bg-hover": "--a-surface-warning-subtle-hover",
+    "--ac-timeline-period-danger-bg": "--a-surface-danger-subtle",
+    "--ac-timeline-period-danger-border": "--a-border-danger",
+    "--ac-timeline-period-danger-bg-hover": "--a-surface-danger-subtle-hover",
+    "--ac-timeline-period-info-bg": "--a-surface-info-subtle",
+    "--ac-timeline-period-info-border": "--a-border-info",
+    "--ac-timeline-period-info-bg-hover": "--a-surface-info-subtle-hover",
+    "--ac-timeline-period-neutral-bg": "--a-bg-subtle",
+    "--ac-timeline-period-neutral-border": "--a-border-default",
+    "--ac-timeline-period-neutral-bg-hover": "--a-gray-200",
+    "--ac-timeline-period-selected-border": "--a-border-action-selected",
+    "--ac-timeline-pin-bg": "--a-surface-danger",
+    "--ac-timeline-pin-bg-hover": "--a-surface-danger-hover",
+    "--ac-timeline-zoom-border": "--a-border-default",
+    "--ac-timeline-zoom-bg": "--a-surface-default",
+    "--ac-timeline-zoom-bg-hover": "--a-surface-action-subtle-hover",
+    "--ac-timeline-zoom-selected-bg": "--a-surface-inverted",
+    "--ac-timeline-zoom-selected-text": "--a-text-on-inverted",
+    "--ac-timeline-axislabel-text": "--a-text-subtle"
+  }
+}

package/dist/recommended.js

@@ -0,0 +1,11 @@
+module.exports = {
+    plugins: ["."],
+    rules: {
+        "aksel/design-token-exists": true,
+        "aksel/no-internal-tokens": true,
+        "aksel/no-class-override": [true, { severity: "warning" }],
+        "aksel/no-deprecated-classes": true,
+        "aksel/design-token-no-global-override": true,
+        "aksel/design-token-no-component-reference": true,
+    },
+};

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

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 utils_1 = require("../../utils");
+const packageJson = JSON.parse((0, node_fs_1.readFileSync)(`${__dirname}/../../../package.json`).toString());
+const ruleName = "aksel/design-token-exists";
+const prefix_a = "--a-";
+const prefix_ac = "--ac-";
+exports.controlledPrefixes = [prefix_a, prefix_ac];
+const packageVersion = packageJson.version;
+exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
+    propNotExist: (node) => `("${node.prop}") does not exist in the design system.\n\n` +
+        `Property "${node.prop}" has a name that seems like it intends to override a design token by ` +
+        `using one of the following prefixes [${exports.controlledPrefixes}]. ` +
+        `However, that token doesn"t seem to exist in the design system. ` +
+        `\n\nVersion: ${packageVersion}`,
+    valueNotExist: (node, invalidValues) => `("${invalidValues}") does not exist in the design system.\n\n` +
+        `Property "${node.prop}" has offending value "${invalidValues}", ` +
+        `and the value seems like it intends to reference a design token by ` +
+        `using one of the following prefixes [${exports.controlledPrefixes}]. ` +
+        `However, that token doesn't seem to exist in the design system. ` +
+        `\n\nVersion: ${packageVersion}`,
+});
+const checkDeclValue = (controlledPrefixes, 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)) {
+            stylelint_1.default.utils.report({
+                message: exports.messages.valueNotExist(rootNode, node.value),
+                node: rootNode,
+                result: postcssResult,
+                ruleName,
+                word: node.value,
+            });
+        }
+    });
+};
+const checkDeclProp = (controlledPrefixes, prop, postcssResult, rootNode) => {
+    if ((0, utils_1.isCustomProperty)(prop) &&
+        controlledPrefixes.some((prefix) => prop.startsWith(prefix)) &&
+        !(0, utils_1.tokenExists)(controlledPrefixes, prop)) {
+        stylelint_1.default.utils.report({
+            message: exports.messages.propNotExist(rootNode),
+            node: rootNode,
+            result: postcssResult,
+            ruleName,
+            word: prop,
+        });
+    }
+};
+const ruleFunction = () => {
+    return (postcssRoot, postcssResult) => {
+        postcssRoot.walkDecls((node) => {
+            checkDeclValue(exports.controlledPrefixes, node.value, postcssResult, node);
+            checkDeclProp(exports.controlledPrefixes, node.prop, postcssResult, node);
+        });
+    };
+};
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = {};
+ruleFunction.meta = {
+    url: `https://github.com/navikt/aksel/blob/main/%40navikt/aksel-stylelint/README.md#${ruleName}`,
+};
+exports.default = ruleFunction;

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

@@ -0,0 +1,115 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jest_preset_stylelint_1 = require("jest-preset-stylelint");
+const _1 = __importStar(require("."));
+(0, jest_preset_stylelint_1.getTestRule)()({
+    plugins: ["./dist/index.js"],
+    ruleName: _1.default.ruleName,
+    config: true,
+    accept: [
+        {
+            code: ".foo { --ac-accordion-header-bg-hover: 1px; --ac-header-bg: red; }",
+            description: "existing '--ac-' tokens overridden",
+        },
+        {
+            code: ".foo { --my-custom-color: var(--a-orange-800); }",
+            description: "existing '--a-' token referenced",
+        },
+    ],
+    reject: [
+        {
+            code: ".foo { --a-does-not-exist: 1px }",
+            description: "attempt to override nonexistent '--a-' token",
+            warnings: [
+                {
+                    message: _1.messages.propNotExist({ prop: "--a-does-not-exist" }),
+                    line: 1,
+                    endLine: 1,
+                    column: 8,
+                    endColumn: 26,
+                },
+            ],
+        },
+        {
+            code: ".foo \n { \n --ac-does-not-exist: 1px; \n }",
+            description: "attempt to override nonexistent '--ac-' token",
+            message: _1.messages.propNotExist({ prop: "--ac-does-not-exist" }),
+            line: 3,
+            endLine: 3,
+            column: 2,
+            endColumn: 21,
+        },
+        {
+            code: ".foo { color: var(--a-bar) }",
+            description: "attempt to use nonexistent token",
+            message: _1.messages.valueNotExist({ prop: "color" }, "--a-bar"),
+            line: 1,
+            endLine: 1,
+            column: 19,
+            endColumn: 26,
+        },
+        {
+            code: ".foo { width: var(--ac-bar, --a-baz) }",
+            description: "attempt to use two nonexistent tokens in one var()",
+            warnings: [
+                {
+                    message: _1.messages.valueNotExist({ prop: "width" }, "--ac-bar"),
+                    line: 1,
+                    endLine: 1,
+                    column: 19,
+                    endColumn: 27,
+                },
+                {
+                    message: _1.messages.valueNotExist({ prop: "width" }, "--a-baz"),
+                    line: 1,
+                    endLine: 1,
+                    column: 29,
+                    endColumn: 36,
+                },
+            ],
+        },
+        {
+            code: ".foo { padding: var(--a-bar) var(--a-baz); }",
+            description: "attempt to use two nonexistent tokens as separate vars",
+            warnings: [
+                {
+                    message: _1.messages.valueNotExist({ prop: "padding" }, "--a-bar"),
+                    line: 1,
+                    endLine: 1,
+                    column: 21,
+                    endColumn: 28,
+                },
+                {
+                    message: _1.messages.valueNotExist({ prop: "padding" }, "--a-baz"),
+                    line: 1,
+                    endLine: 1,
+                    column: 34,
+                    endColumn: 41,
+                },
+            ],
+        },
+    ],
+});

package/dist/rules/aksel-design-token-no-component-reference/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = void 0;
+const stylelint_1 = __importDefault(require("stylelint"));
+const postcss_value_parser_1 = __importDefault(require("postcss-value-parser"));
+const utils_1 = require("../../utils");
+const ruleName = "aksel/design-token-no-component-reference";
+const packageVersion = (0, utils_1.getPackageVersion)();
+const prefix_ac = "--ac-";
+exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
+    valueRefComponent: (node, invalidValue) => `Referencing ("${prefix_ac}*") not allowed.\n\n` +
+        `Property "${node.prop}" has offending value "${invalidValue}". ` +
+        `The value references a component level token ("${prefix_ac}"). ` +
+        `It is better to either reference a global level token ("--a-") or ` +
+        `create a custom token instead. ` +
+        `\n\nVersion: ${packageVersion}`,
+});
+const checkDeclValue = (controlledPrefixes, value, postcssResult, rootNode) => {
+    (0, postcss_value_parser_1.default)(value).walk((node) => {
+        if (node.type === "word" &&
+            (0, utils_1.isCustomProperty)(node.value) &&
+            node.value.startsWith(prefix_ac) &&
+            (0, utils_1.tokenExists)(controlledPrefixes, node.value)) {
+            stylelint_1.default.utils.report({
+                message: exports.messages.valueRefComponent(rootNode, node.value),
+                node: rootNode,
+                result: postcssResult,
+                ruleName,
+                word: node.value,
+            });
+        }
+    });
+};
+const ruleFunction = () => {
+    return (postcssRoot, postcssResult) => {
+        postcssRoot.walkDecls((node) => {
+            checkDeclValue([prefix_ac], node.value, postcssResult, node);
+        });
+    };
+};
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = {};
+ruleFunction.meta = {
+    url: `https://github.com/navikt/aksel/blob/main/%40navikt/aksel-stylelint/README.md#${ruleName}`,
+};
+exports.default = ruleFunction;

package/dist/rules/aksel-design-token-no-component-reference/index.test.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jest_preset_stylelint_1 = require("jest-preset-stylelint");
+const _1 = __importStar(require("."));
+(0, jest_preset_stylelint_1.getTestRule)()({
+    plugins: ["./dist/index.js"],
+    ruleName: _1.default.ruleName,
+    config: true,
+    accept: [
+        {
+            code: ".foo { --ac-accordion-header-bg-hover: 1px; --ac-header-bg: red; }",
+            description: "existing '--ac-' tokens overridden",
+        },
+        {
+            code: ".foo { --my-custom-color: var(--a-orange-800); }",
+            description: "existing '--a-' token referenced",
+        },
+    ],
+    reject: [
+        {
+            code: ".foo { width: var(--ac-button-padding) }",
+            description: "attempt to use '--ac-' token",
+            message: _1.messages.valueRefComponent({ prop: "width" }, "--ac-button-padding"),
+            line: 1,
+            endLine: 1,
+            column: 19,
+            endColumn: 38,
+        },
+    ],
+});

package/dist/rules/aksel-design-token-no-global-override/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = void 0;
+const stylelint_1 = __importDefault(require("stylelint"));
+const node_fs_1 = require("node:fs");
+const utils_1 = require("../../utils");
+const packageJson = JSON.parse((0, node_fs_1.readFileSync)(`${__dirname}/../../../package.json`).toString());
+const ruleName = "aksel/design-token-no-global-override";
+const prefix_a = "--a-";
+const packageVersion = packageJson.version;
+exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
+    propOverrideGlobal: (node) => `Overriding ("${node.prop}*") not allowed.\n\n` +
+        `Property "${node.prop}" tries to override a global level token ("${prefix_a}"), this is highly discouraged. ` +
+        `It is better to override a component level token ("--ac-") or create a custom token instead. ` +
+        `Overriding global tokens should only be done when creating custom global themes.` +
+        `\n\nVersion: ${packageVersion}`,
+});
+const checkDeclProp = (controlledPrefixes, prop, postcssResult, rootNode) => {
+    if ((0, utils_1.isCustomProperty)(prop) &&
+        controlledPrefixes.some((prefix) => prop.startsWith(prefix))) {
+        if (prop.startsWith(prefix_a)) {
+            stylelint_1.default.utils.report({
+                message: exports.messages.propOverrideGlobal(rootNode),
+                node: rootNode,
+                result: postcssResult,
+                ruleName,
+                word: prop,
+            });
+        }
+    }
+};
+const ruleFunction = () => {
+    return (postcssRoot, postcssResult) => {
+        postcssRoot.walkDecls((node) => {
+            checkDeclProp([prefix_a], node.prop, postcssResult, node);
+        });
+    };
+};
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = {};
+ruleFunction.meta = {
+    url: `https://github.com/navikt/aksel/blob/main/%40navikt/aksel-stylelint/README.md#${ruleName}`,
+};
+exports.default = ruleFunction;

package/dist/rules/aksel-design-token-no-global-override/index.test.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jest_preset_stylelint_1 = require("jest-preset-stylelint");
+const _1 = __importStar(require("."));
+(0, jest_preset_stylelint_1.getTestRule)()({
+    plugins: ["./dist/index.js"],
+    ruleName: _1.default.ruleName,
+    config: true,
+    accept: [
+        {
+            code: ".foo { --ac-accordion-header-bg-hover: 1px; --ac-header-bg: red; }",
+            description: "existing '--ac-' tokens overridden",
+        },
+        {
+            code: ".foo { --my-custom-color: var(--a-orange-800); }",
+            description: "existing '--a-' token referenced",
+        },
+    ],
+    reject: [
+        {
+            code: ".foo { --a-surface-action: 1px }",
+            description: "existing '--a-' token overridden",
+            message: _1.messages.propOverrideGlobal({ prop: "--a-surface-action" }),
+            line: 1,
+            endLine: 1,
+            column: 8,
+            endColumn: 26,
+        },
+        {
+            code: ".foo { --a-does-not-exist: 1px }",
+            description: "attempt to override nonexistent '--a-' token",
+            warnings: [
+                {
+                    message: _1.messages.propOverrideGlobal({ prop: "--a-does-not-exist" }),
+                    line: 1,
+                    endLine: 1,
+                    column: 8,
+                    endColumn: 26,
+                },
+            ],
+        },
+    ],
+});

package/dist/rules/aksel-no-class-override/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = void 0;
+const stylelint_1 = __importDefault(require("stylelint"));
+const postcss_selector_parser_1 = __importDefault(require("postcss-selector-parser"));
+const ruleName = "aksel/no-class-override";
+const url = "https://github.com/navikt/aksel/blob/main/%40navikt/aksel-stylelint/README.md#aksel/no-class-override";
+const prefixes = ["navds-", "navdsi-"];
+exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
+    unexpected: (value) => `("${value}") not allowed.\n\n` +
+        `"${value}" looks like a class name used in the design system, ` +
+        `because it starts with "${prefixes.join('" or "')}". ` +
+        "It is not recommended to override the styling in the design system.",
+});
+const ruleFunction = () => {
+    return (postcssRoot, postcssResult) => {
+        postcssRoot.walkRules((node) => {
+            (0, postcss_selector_parser_1.default)((selectors) => {
+                selectors.walkClasses((className) => {
+                    if (!prefixes.some((prefix) => className.value.startsWith(prefix))) {
+                        return;
+                    }
+                    stylelint_1.default.utils.report({
+                        message: exports.messages.unexpected(className.value),
+                        node,
+                        result: postcssResult,
+                        ruleName,
+                        word: className.value,
+                    });
+                });
+            }).processSync(node.selector);
+        });
+    };
+};
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = exports.messages;
+ruleFunction.meta = { url };
+exports.default = ruleFunction;

package/dist/rules/aksel-no-class-override/index.test.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jest_preset_stylelint_1 = require("jest-preset-stylelint");
+const _1 = __importStar(require("."));
+(0, jest_preset_stylelint_1.getTestRule)()({
+    plugins: ["./dist/index.js"],
+    ruleName: _1.default.ruleName,
+    config: true,
+    accept: [{ code: ".foo-navds-bar {}", description: "allowed class name" }],
+    reject: [
+        {
+            code: ".foo, \n .navds-button \n .bar {}",
+            description: "selector with disallowed class name .navds-*",
+            message: _1.messages.unexpected("navds-button"),
+            line: 2,
+            endLine: 2,
+            column: 3,
+            endColumn: 15,
+        },
+        {
+            code: ".foo .navdsi-button \n .bar {}",
+            description: "selector with disallowed class name .navdsi-*",
+            message: _1.messages.unexpected("navdsi-button"),
+            line: 1,
+            endLine: 1,
+            column: 7,
+            endColumn: 20,
+        },
+    ],
+});

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

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = void 0;
+const stylelint_1 = __importDefault(require("stylelint"));
+const postcss_selector_parser_1 = __importDefault(require("postcss-selector-parser"));
+const deprecations_1 = require("../../deprecations");
+const ruleName = "aksel/no-deprecated-classes";
+const url = "https://github.com/navikt/aksel/blob/main/%40navikt/aksel-stylelint/README.md#aksel/no-deprecated-classes";
+exports.messages = stylelint_1.default.utils.ruleMessages(ruleName, {
+    unexpected: (value, secondaryOption) => `Class "${value}" is deprecated. ` + secondaryOption,
+});
+const ruleFunction = () => {
+    return (postcssRoot, postcssResult) => {
+        postcssRoot.walkRules((node) => {
+            (0, postcss_selector_parser_1.default)((selectors) => {
+                selectors.walkClasses((className) => {
+                    for (const deprecation of deprecations_1.deprecations) {
+                        if (!deprecation.classes.includes(className.value)) {
+                            return;
+                        }
+                        stylelint_1.default.utils.report({
+                            message: exports.messages.unexpected(className.value, deprecation.message),
+                            node,
+                            result: postcssResult,
+                            ruleName,
+                            word: className.value,
+                        });
+                    }
+                });
+            }).processSync(node.selector);
+        });
+    };
+};
+ruleFunction.ruleName = ruleName;
+ruleFunction.messages = exports.messages;
+ruleFunction.meta = { url };
+exports.default = ruleFunction;