@navikt/aksel 7.34.0 → 7.35.0

package/dist/css-imports/generate-output.js

@@ -1,147 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateImportOutput = generateImportOutput;
-const chalk_1 = __importDefault(require("chalk"));
-const clipboardy_1 = __importDefault(require("clipboardy"));
-const lodash_1 = __importDefault(require("lodash"));
-const _mappings_1 = require("@navikt/ds-css/config/_mappings");
-const config_js_1 = require("./config.js");
-const inquiry_1 = require("./inquiry");
-function generateImportOutput(answers) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const useCdn = answers.cdn === "yes";
-        const useTailwind = answers.tailwind === "yes";
-        const version = answers.version;
-        const imports = [];
-        let importStr = "";
-        yield (0, inquiry_1.inquiry)(answers, [
-            {
-                type: "select",
-                name: "output",
-                message: "Output format",
-                initial: "print-clipboard",
-                choices: [
-                    { message: "Clipboard & Print", name: "clipboard-print" },
-                    { message: "Clipboard", name: "clipboard" },
-                    { message: "Print", name: "print" },
-                ],
-            },
-        ]);
-        answers["config-type"] === "regular"
-            ? imports.push(simpleOutput(useCdn, answers.layers === "yes", version))
-            : imports.push(...advancedOutput(answers, useCdn, answers.layers === "yes", version));
-        if (useTailwind) {
-            importStr = `@import "tailwindcss/base";
-${imports.join("\n")}
-
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
-    `;
-        }
-        else {
-            importStr = imports.join("\n");
-        }
-        if (answers.output.includes("print")) {
-            console.info(chalk_1.default.bold.cyan(`\nImports 🚀 \n`));
-            console.info(chalk_1.default.green(`${importStr}`));
-        }
-        if (useCdn) {
-            console.info(chalk_1.default.bold.underline.cyan(`\nNotes on CDN-usage 📝`));
-            console.info(`We recommend using Static imports, then uploading the your bundled static-files to your own CDN-instance.
-✔︎ This allows you to control the version of the CSS-files with package.json, and avoids desync between ds-react/ds-css.
-✔︎ Remember to add 'https://cdn.nav.no' to your applications CSP!`);
-        }
-        if (useTailwind) {
-            console.info(chalk_1.default.bold.underline.cyan(`\nNotes on Tailwind-use 📝`));
-            console.info(`When using tailwind with Aksel, you will need to add the postcss plugin ${chalk_1.default.cyan("postcss-import")}
-✔︎ NPM: https://www.npmjs.com/package/postcss-import
-✔︎ Read more here: https://aksel.nav.no/grunnleggende/kode/tailwind`);
-        }
-        if (answers.layers === "yes") {
-            console.info(chalk_1.default.bold.underline.cyan(`\nNotes on Layers 📝`));
-            console.info(`Layers is not yet supported in Safari <= 15.3. (https://caniuse.com/css-cascade-layers)`);
-        }
-        answers.output.includes("clipboard") && clipboardy_1.default.writeSync(importStr);
-    });
-}
-function simpleOutput(cdn, layers, version) {
-    const options = {
-        static: `@import "@navikt/ds-css"${layers ? config_js_1.layerSuffix : ""};`,
-        cdn: toCdn("index.css", version),
-    };
-    return cdn ? options.cdn : options.static;
-}
-function advancedOutput(answers, cdn, layers, version) {
-    const imports = ["/* Defaults */"];
-    const baselineImports = answers.imports.filter((x) => !x.startsWith(config_js_1.ComponentPrefix) && x !== "default");
-    const componentImports = answers.imports
-        .filter((x) => x.startsWith(config_js_1.ComponentPrefix) && x !== "components")
-        .map((x) => x.replace(config_js_1.ComponentPrefix, ""));
-    baselineImports.forEach((x) => {
-        cdn
-            ? imports.push(toCdn(`${_mappings_1.globalDir}/${x}.css`, version))
-            : imports.push(toCssImport(`${_mappings_1.globalDir}/${x}.css`, layers));
-    });
-    if (answers["config-type"] === "easy") {
-        cdn
-            ? imports.push(toCdn(_mappings_1.componentsCss, version))
-            : imports.push(toCssImport(`${_mappings_1.rootDir}/${_mappings_1.componentsCss}`, layers));
-        return imports;
-    }
-    const components = new Set();
-    componentImports.forEach((x) => {
-        var _a;
-        const styleRef = _mappings_1.StyleMappings.components.find((y) => y.component === x);
-        if (styleRef) {
-            components.add(styleRef.main);
-            (_a = styleRef === null || styleRef === void 0 ? void 0 : styleRef.dependencies) === null || _a === void 0 ? void 0 : _a.forEach((dep) => components.add(dep));
-        }
-    });
-    let componentImportsList = Array.from(components)
-        .filter((x) => x.length > 0)
-        .sort((a, b) => a.localeCompare(b));
-    if (componentImportsList.find((x) => x === _mappings_1.formCss)) {
-        componentImportsList = componentImportsList.filter((x) => x !== _mappings_1.formCss);
-        componentImportsList.unshift(_mappings_1.formCss);
-    }
-    if (componentImportsList.find((x) => x === _mappings_1.primitivesCss)) {
-        componentImportsList = componentImportsList.filter((x) => x !== _mappings_1.primitivesCss);
-        componentImportsList.unshift(_mappings_1.primitivesCss);
-    }
-    if (componentImportsList.find((x) => x === _mappings_1.typoCss)) {
-        componentImportsList = componentImportsList.filter((x) => x !== _mappings_1.typoCss);
-        componentImportsList.unshift(_mappings_1.typoCss);
-    }
-    if (componentImportsList.length === 0) {
-        return imports;
-    }
-    imports.push(``);
-    imports.push(`/* Components */`);
-    componentImportsList.forEach((x) => {
-        const pascalCase = lodash_1.default.camelCase(x.replace("css", "")).toLowerCase();
-        cdn
-            ? imports.push(toCdn(`${_mappings_1.componentDir}/${pascalCase}.css`, version))
-            : imports.push(toCssImport(`${_mappings_1.componentDir}/${pascalCase}.css`, layers));
-    });
-    return imports;
-}
-function toCdn(str, version) {
-    return `<link rel="preload" href="https://cdn.nav.no/aksel/@navikt/ds-css/${version}/${str
-        .replace(".css", ".min.css")
-        .replace(`${_mappings_1.rootDir}/`, "")}" as="style"></link>`;
-}
-function toCssImport(str, layers) {
-    return `@import "@navikt/ds-css/${str}"${layers ? config_js_1.layerSuffix : ""};`;
-}

package/dist/css-imports/get-directories.js

@@ -1,34 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDirectories = getDirectories;
-const fast_glob_1 = __importDefault(require("fast-glob"));
-const node_path_1 = __importDefault(require("node:path"));
-function getDirectories() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const baseDir = process.cwd();
-        const ignoreNodeModules = [
-            "**/node_modules/**",
-            "**/dist/**",
-            "**/build/**",
-            "**/lib/**",
-        ];
-        const directories = yield (0, fast_glob_1.default)(`${baseDir}/**`, {
-            onlyDirectories: true,
-            ignore: ignoreNodeModules,
-        });
-        directories.sort((a, b) => a.length - b.length);
-        return [baseDir, ...directories].map((x) => x.replace(baseDir, node_path_1.default.basename(baseDir)));
-    });
-}

package/dist/css-imports/get-version.js

@@ -1,28 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllVersions = getAllVersions;
-const axios_1 = __importDefault(require("axios"));
-function getAllVersions() {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const npmPackageData = yield axios_1.default.get(`https://registry.npmjs.org/@navikt/ds-css`);
-            return Object.keys(npmPackageData.data.versions);
-        }
-        catch (e) {
-            console.error(e);
-            return [];
-        }
-    });
-}

package/dist/css-imports/index.js

@@ -1,187 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cssImportsCommand = cssImportsCommand;
-const chalk_1 = __importDefault(require("chalk"));
-const child_process_1 = require("child_process");
-const _mappings_1 = require("@navikt/ds-css/config/_mappings");
-const config_1 = require("./config");
-const generate_output_1 = require("./generate-output");
-const get_directories_1 = require("./get-directories");
-const get_version_1 = require("./get-version");
-const inquiry_1 = require("./inquiry");
-function cssImportsCommand() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const answers = {
-            "config-type": "regular",
-            cdn: "no",
-            version: "0.0.0",
-            autoscan: "no",
-            scandir: "",
-            tailwind: "no",
-            layers: "no",
-            imports: null,
-            output: "print-clipboard",
-        };
-        yield (0, inquiry_1.inquiry)(answers, [
-            {
-                type: "select",
-                name: "config-type",
-                message: "Import variants:",
-                initial: 0,
-                choices: [
-                    { message: "Regular import (recommended)", name: "regular" },
-                    { message: "Partial control (global)", name: "easy" },
-                    { message: "Full control (global + components)", name: "advanced" },
-                ],
-                footer() {
-                    return chalk_1.default.grey(`${chalk_1.default.cyan(`\n  Documentation:`)}\n  Regular: https://aksel.nav.no/grunnleggende/kode/css-import
-  Partial: https://aksel.nav.no/grunnleggende/kode/css-import#h64650b1a4ad6
-  Full: https://aksel.nav.no/grunnleggende/kode/css-import#h4037598416ef\n`);
-                },
-            },
-            {
-                type: "select",
-                name: "cdn",
-                message: "Import format",
-                initial: 0,
-                choices: [
-                    { message: "Static import (default)", name: "no" },
-                    { message: "CDN import (not recommended)", name: "yes" },
-                ],
-            },
-        ]);
-        if ((answers === null || answers === void 0 ? void 0 : answers.cdn) === "no") {
-            yield (0, inquiry_1.inquiry)(answers, [
-                {
-                    type: "select",
-                    name: "tailwind",
-                    message: "Add tailwind support?",
-                    initial: 0,
-                    choices: [
-                        { message: "No", name: "no" },
-                        { message: "Yes", name: "yes" },
-                    ],
-                },
-                {
-                    type: "select",
-                    name: "layers",
-                    message: "Add styling to custom @layer rule?",
-                    initial: 0,
-                    choices: [
-                        { message: "No", name: "no" },
-                        { message: "Yes", name: "yes" },
-                    ],
-                },
-            ]);
-        }
-        else {
-            let versions = (yield (0, get_version_1.getAllVersions)()).filter((x) => !x.includes("-"));
-            const index = versions.findIndex((x) => x.startsWith("2.9.0"));
-            versions = versions.slice(index).reverse();
-            yield (0, inquiry_1.inquiry)(answers, [
-                {
-                    type: "autocomplete",
-                    name: "version",
-                    message: `@navikt/ds-css version from CDN:`,
-                    limit: 6,
-                    initial: 0,
-                    choices: versions,
-                    footer() {
-                        return chalk_1.default.grey('Remember to match version with @navikt/ds-react!\nNote: CDN was introduced in v2.9.0, older versions not available.\nUse "static" import instead.');
-                    },
-                },
-            ]);
-        }
-        if (answers["config-type"] === "regular") {
-            yield (0, generate_output_1.generateImportOutput)(answers);
-            return;
-        }
-        answers["config-type"] === "advanced" &&
-            (yield (0, inquiry_1.inquiry)(answers, [
-                {
-                    type: "select",
-                    name: "autoscan",
-                    message: "Scan current directory for '@navikt/ds-react' components?",
-                    initial: 0,
-                    choices: [
-                        { message: "No", name: "no" },
-                        { message: "Yes", name: "yes" },
-                    ],
-                },
-            ]));
-        answers.autoscan === "yes" &&
-            (yield (0, inquiry_1.inquiry)(answers, [
-                {
-                    type: "autocomplete",
-                    name: "scandir",
-                    message: `Directory to scan`,
-                    limit: 6,
-                    initial: 0,
-                    choices: (0, get_directories_1.getDirectories)(),
-                    footer() {
-                        return chalk_1.default.grey("filtered out: node_moduels, dist, build, lib, .* (dotfiles)");
-                    },
-                },
-            ]));
-        let foundComponents = [];
-        if (answers.autoscan === "yes") {
-            foundComponents = yield new Promise((resolve) => {
-                (0, child_process_1.exec)(`node ${__dirname}/scan-code.js ${answers.scandir}`, (_, stdout) => {
-                    resolve(stdout ? JSON.parse(stdout.trim().split("\n").slice(1).join("")) : []);
-                });
-            });
-        }
-        yield (0, inquiry_1.inquiry)(answers, [
-            {
-                type: "multiselect",
-                name: "imports",
-                message: "Imports",
-                initial: [
-                    ..._mappings_1.StyleMappings.baseline.map((x) => x.main.replace(".css", "")),
-                    ..._mappings_1.StyleMappings.components
-                        .filter((x) => foundComponents.includes(x.component))
-                        .map((x) => `${config_1.ComponentPrefix}${x.component}`),
-                ],
-                choices: [
-                    {
-                        message: "Default-imports",
-                        name: "default",
-                        choices: [
-                            ..._mappings_1.StyleMappings.baseline.map((x) => ({
-                                message: `${x.main.replace(".css", "")}${x.optional ? "" : " (required)"}`,
-                                name: x.main.replace(".css", ""),
-                            })),
-                        ],
-                    },
-                    ...(answers["config-type"] === "advanced"
-                        ? [
-                            {
-                                message: "Components",
-                                name: "components",
-                                choices: [
-                                    ..._mappings_1.StyleMappings.components.map((x) => ({
-                                        message: x.component,
-                                        name: `${config_1.ComponentPrefix}${x.component}`,
-                                    })),
-                                ],
-                            },
-                        ]
-                        : []),
-                ],
-            },
-        ]);
-        yield (0, generate_output_1.generateImportOutput)(answers);
-    });
-}

package/dist/css-imports/inquiry.js

@@ -1,35 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inquiry = inquiry;
-const chalk_1 = __importDefault(require("chalk"));
-const enquirer_1 = __importDefault(require("enquirer"));
-function inquiry(answers, questions) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return yield enquirer_1.default.prompt(questions.map((x) => (Object.assign(Object.assign({}, x), { cancel: () => process.exit(1), header: `\n${chalk_1.default.gray("Command 'css-imports' will not edit your files directly!")}\n` }))))
-            .then((a) => {
-            Object.entries(a).forEach(([key, value]) => {
-                answers[key] = value;
-            });
-        })
-            .catch((error) => {
-            if (error.isTtyError) {
-                console.info("Oops, something went wrong! Looks like @navikt/aksel-cli can't run in this terminal. Contact Aksel");
-            }
-            else {
-                console.error(error);
-            }
-        });
-    });
-}

package/dist/css-imports/scan-code.js

@@ -1,45 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const node_path_1 = __importDefault(require("node:path"));
-const react_scanner_1 = __importDefault(require("react-scanner"));
-run();
-function run() {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield scanCode();
-    });
-}
-function scanCode() {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        const cwd = process.cwd();
-        const config = {
-            rootDir: cwd,
-            crawlFrom: `${(_a = process.argv[2]) !== null && _a !== void 0 ? _a : ""}`.replace(node_path_1.default.basename(cwd), "."),
-            globs: ["**/!(*.test|*.spec|*.stories|*.story).@(jsx|tsx)"],
-            exclude: (dirname) => dirname === "node_modules",
-            getComponentName: ({ imported, moduleName, }) => imported || node_path_1.default.basename(moduleName),
-        };
-        let result = null;
-        yield react_scanner_1.default
-            .run(Object.assign(Object.assign({}, config), { importedFrom: /@navikt\/ds-react/, processors: [
-                "count-components",
-                ({ report }) => {
-                    result = report;
-                },
-            ] }))
-            .catch(() => null);
-        console.info(JSON.stringify(Object.keys(result)));
-    });
-}