@navikt/aksel 8.10.0 → 8.10.2

package/dist/codemod/transforms/v8.0.0/tag-variant/tag-variant.d.ts

@@ -0,0 +1,104 @@
+import type { API, FileInfo } from "jscodeshift";
+export declare const migrationConfig: {
+    component: string;
+    prop: string;
+    changes: {
+        warning: {
+            replacement: string;
+            color: string;
+        };
+        "warning-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "warning-filled": {
+            replacement: string;
+            color: string;
+        };
+        error: {
+            replacement: string;
+            color: string;
+        };
+        "error-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "error-filled": {
+            replacement: string;
+            color: string;
+        };
+        info: {
+            replacement: string;
+            color: string;
+        };
+        "info-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "info-filled": {
+            replacement: string;
+            color: string;
+        };
+        success: {
+            replacement: string;
+            color: string;
+        };
+        "success-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "success-filled": {
+            replacement: string;
+            color: string;
+        };
+        neutral: {
+            replacement: string;
+            color: string;
+        };
+        "neutral-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "neutral-filled": {
+            replacement: string;
+            color: string;
+        };
+        alt1: {
+            replacement: string;
+            color: string;
+        };
+        "alt1-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "alt1-filled": {
+            replacement: string;
+            color: string;
+        };
+        alt2: {
+            replacement: string;
+            color: string;
+        };
+        "alt2-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "alt2-filled": {
+            replacement: string;
+            color: string;
+        };
+        alt3: {
+            replacement: string;
+            color: string;
+        };
+        "alt3-moderate": {
+            replacement: string;
+            color: string;
+        };
+        "alt3-filled": {
+            replacement: string;
+            color: string;
+        };
+    };
+};
+export default function transformer(file: FileInfo, api: API): string | null;

package/dist/codemod/transforms/v8.0.0/toggle-group-variant/toggle-group-variant.d.ts

@@ -0,0 +1,14 @@
+import type { API, FileInfo } from "jscodeshift";
+export declare const migrationConfig: {
+    component: string;
+    prop: string;
+    changes: {
+        action: {
+            color: string;
+        };
+        neutral: {
+            color: string;
+        };
+    };
+};
+export default function transformer(file: FileInfo, api: API): string | null;

package/dist/codemod/utils/ast.d.ts

@@ -0,0 +1,30 @@
+import { API, ASTPath, JSXElement } from "jscodeshift";
+/**
+ * Finds a component import, accounting for sub-components and aliases.
+ * Returns the local name of the component. If the component is not found, returns null.
+ * root should ideally be the root of the file in most cases (imports happen at top level)
+ */
+declare function findComponentImport(input: {
+    j: API["j"];
+    root: ReturnType<API["j"]>;
+    name: string;
+    packageType?: "react" | "tokens";
+}): null;
+/**
+ * Finds a JSX element in the AST, accounting for sub-components.
+ */
+declare function findJSXElement(input: {
+    root: ReturnType<API["j"]>;
+    j: API["j"];
+    name: string;
+    originalName: string;
+}): import("jscodeshift/src/Collection").Collection<JSXElement>;
+/**
+ * Finds a prop in a JSX element.
+ */
+declare function findProps(input: {
+    j: API["j"];
+    path: ASTPath<JSXElement>;
+    name: string;
+}): import("jscodeshift/src/Collection").Collection<import("ast-types").namedTypes.JSXAttribute>;
+export { findComponentImport, findJSXElement, findProps };

package/dist/codemod/utils/check.d.ts

@@ -0,0 +1,33 @@
+interface TestT {
+    fixture: string;
+    migration: string;
+    extension?: "js" | "scss" | "less" | "css";
+    options?: {
+        [option: string]: any;
+    };
+}
+interface ScenarioT {
+    migration: string;
+    scenarios: Record<string, {
+        input: string;
+        output: string;
+    }>;
+    extension?: "js" | "scss" | "less" | "css";
+    options?: {
+        [option: string]: any;
+    };
+}
+export declare function check(dirName: string, { fixture, migration, extension, options }: TestT): void;
+export declare function checkScenarios(dirName: string, { migration, scenarios, extension, options }: ScenarioT): void;
+export declare function checkMoveVariantToDataColor(dirName: string, { migration, config, }: {
+    migration: string;
+    config: {
+        component: string;
+        prop: string;
+        changes: Record<string, {
+            replacement?: string;
+            color: string;
+        }>;
+    };
+}): void;
+export {};

package/dist/codemod/utils/imports.d.ts

@@ -0,0 +1,4 @@
+import core, { Collection } from "jscodeshift";
+export declare function getImportSpecifier(j: core.JSCodeshift, source: Collection<any>, specifier: string, sourcePath: string): import("jscodeshift/src/Collection").Collection<import("ast-types").namedTypes.ImportSpecifier>;
+export declare function renameImportSpecifier(j: core.JSCodeshift, source: Collection<any>, specifier: string, newSpecifier: string, sourcePath: string): void;
+export declare function getImportSpecifierName(j: core.JSCodeshift, source: Collection<any>, specifier: string, sourcePath: string): string | import("ast-types/lib/gen/kinds").IdentifierKind | null;

package/dist/codemod/utils/jsx-value.d.ts

@@ -0,0 +1,32 @@
+import type { JSXAttribute, JSXExpressionContainer } from "jscodeshift";
+type AttributeValue = JSXAttribute["value"] | JSXExpressionContainer["expression"];
+type LiteralValue = string | number | boolean;
+/**
+ * Extracts a literal value (string, number, or boolean) from a JSX attribute value.
+ * Handles the following patterns:
+ * - `prop="value"` (StringLiteral)
+ * - `prop={"value"}` (JSXExpressionContainer with StringLiteral)
+ * - `prop={`value`}` (TemplateLiteral with no expressions)
+ * - `prop={42}` (NumericLiteral)
+ * - `prop={true}` / `prop={false}` (BooleanLiteral)
+ *
+ * @param node - The JSX attribute value node to extract the value from
+ * @returns The literal value if it can be extracted, otherwise null
+ *
+ * @example
+ * ```tsx
+ * getJSXLiteralValue(attr.value) // where attr is prop="hello" => "hello"
+ * getJSXLiteralValue(attr.value) // where attr is prop={42} => 42
+ * getJSXLiteralValue(attr.value) // where attr is prop={true} => true
+ * ```
+ */
+export declare function getJSXLiteralValue(node: AttributeValue): LiteralValue | null;
+/**
+ * Extracts the string value from a JSX attribute value.
+ * Convenience wrapper around `getJSXLiteralValue` that only returns strings.
+ *
+ * @param node - The JSX attribute value node to extract the string from
+ * @returns The string value if it can be extracted, otherwise null
+ */
+export declare function getJSXStringValue(node: AttributeValue): string | null;
+export {};

package/dist/codemod/utils/lineterminator.d.ts

@@ -0,0 +1,3 @@
+export declare const getLineTerminator: (source: string) => {
+    lineTerminator: string;
+};

package/dist/codemod/utils/move-variant-to-data-color.d.ts

@@ -0,0 +1,10 @@
+import type { API, FileInfo } from "jscodeshift";
+export interface MigrationConfig {
+    component: string;
+    prop: string;
+    changes: Record<string, {
+        replacement?: string;
+        color: string;
+    }>;
+}
+export declare function moveVariantToDataColor(file: FileInfo, api: API, config: MigrationConfig): string | null;

package/dist/codemod/utils/packageImports.d.ts

@@ -0,0 +1,14 @@
+import core, { Collection, JSCodeshift } from "jscodeshift";
+export declare const addPackageImport: ({ j, root, packageName, specifiers, }: {
+    j: JSCodeshift;
+    root: Collection<any>;
+    packageName: string;
+    specifiers: string[];
+}) => void;
+export default function moveAndRenameImport(j: core.JSCodeshift, root: Collection<any>, { fromImport, toImport, fromName, toName, ignoreAlias, }: {
+    fromImport: string;
+    toImport: string;
+    fromName: string;
+    toName: string;
+    ignoreAlias?: boolean;
+}): string | null;

package/dist/codemod/utils/removeProps.d.ts

@@ -0,0 +1,2 @@
+import core, { Collection } from "jscodeshift";
+export default function removePropsFromComponent(_: core.JSCodeshift, root: Collection<any>, componentName: string, propsToRemove: string[]): void;

package/dist/codemod/utils/rename-props.d.ts

@@ -0,0 +1,8 @@
+import type { Collection } from "jscodeshift";
+interface RenamePropsOptions {
+    root: Collection;
+    componentName: string;
+    props: Record<string, string>;
+}
+export default function renameProps({ root, componentName, props, }: RenamePropsOptions): import("jscodeshift/src/Collection").Collection<import("ast-types").namedTypes.JSXElement>;
+export {};

package/dist/codemod/utils/translate-token.d.ts

@@ -0,0 +1 @@
+export declare const translateToken: (token: string, type: "scss" | "less" | "js") => string;

package/dist/codemod/v8-tokens/config/TokenStatus.d.ts

@@ -0,0 +1,71 @@
+type TokenDataT = {
+    name: string;
+    canAutoMigrate?: boolean;
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+    comment?: string;
+};
+type StatusDataT = {
+    legacy: TokenDataT[];
+    updated: TokenDataT[];
+};
+type StatusT = {
+    css: StatusDataT;
+    scss: StatusDataT;
+    less: StatusDataT;
+    js: StatusDataT;
+    tailwind: StatusDataT;
+    component: StatusDataT;
+    deprecated: StatusDataT;
+};
+declare class TokenStatus {
+    status: StatusT;
+    constructor();
+    initStatus(): {
+        css: {
+            legacy: never[];
+            updated: never[];
+        };
+        scss: {
+            legacy: never[];
+            updated: never[];
+        };
+        less: {
+            legacy: never[];
+            updated: never[];
+        };
+        js: {
+            legacy: never[];
+            updated: never[];
+        };
+        tailwind: {
+            legacy: never[];
+            updated: never[];
+        };
+        component: {
+            legacy: never[];
+            updated: never[];
+        };
+        deprecated: {
+            legacy: never[];
+            updated: never[];
+        };
+    };
+    resetStatus(): void;
+    add({ isLegacy, type, ...hit }: {
+        type: keyof StatusT;
+        isLegacy: boolean;
+        name: string;
+        fileName: string;
+        lineNumber: number;
+        columnNumber: number;
+        canAutoMigrate?: boolean;
+        comment?: string;
+    }): void;
+    printStatusForAll(): void;
+    printStatus(type: keyof StatusT | "summary"): void;
+    printMigrationHelp(): void;
+}
+export { TokenStatus };
+export type { StatusT, StatusDataT };

package/dist/codemod/v8-tokens/config/legacy-component.tokens.d.ts

@@ -0,0 +1,2 @@
+declare const legacyComponentTokenList: string[];
+export { legacyComponentTokenList };

package/dist/codemod/v8-tokens/config/legacy.tokens.d.ts

@@ -0,0 +1,13 @@
+import { getFrameworkRegexes } from "./token-regex";
+type LegacyTokenConfig = {
+    ref: string;
+    raw: `${string}rem` | `${string}px` | `${string} ${string}` | `${number}`;
+    replacement: string;
+    comment?: string;
+    twOld?: string;
+    twNew?: string;
+    regexes: ReturnType<typeof getFrameworkRegexes>;
+};
+declare const legacyTokenConfig: Record<string, LegacyTokenConfig>;
+export { legacyTokenConfig };
+export type { LegacyTokenConfig };

package/dist/codemod/v8-tokens/config/token-regex.d.ts

@@ -0,0 +1,8 @@
+declare function getFrameworkRegexes({ token, twString, legacy, }: {
+    token: string;
+    twString?: string | null;
+    legacy: boolean;
+}): Record<"css" | "scss" | "less" | "js" | "tailwind", RegExp | null>;
+declare function getTokenRegex(variable: string, format: "css" | "scss" | "less" | "js"): RegExp;
+declare function createCompositeTwRegex(tokens: string[]): RegExp;
+export { createCompositeTwRegex, getFrameworkRegexes, getTokenRegex };

package/dist/codemod/v8-tokens/config/token.utils.d.ts

@@ -0,0 +1,3 @@
+declare function generateRoundedTwTags(name: string): string;
+declare function generateBgTwTags(name: string, addNewPrefix?: boolean): string;
+export { generateRoundedTwTags, generateBgTwTags };

package/dist/codemod/v8-tokens/config/v8.tokens.d.ts

@@ -0,0 +1,7 @@
+import { getFrameworkRegexes } from "./token-regex";
+type TokensWithRegexes = Record<string, {
+    tw: string | null;
+    regexes: ReturnType<typeof getFrameworkRegexes>;
+}>;
+declare const v8TokenConfig: TokensWithRegexes;
+export { v8TokenConfig };

package/dist/codemod/v8-tokens/index.d.ts

@@ -0,0 +1,2 @@
+declare function v8TokensCommand(): void;
+export { v8TokensCommand };

package/dist/codemod/v8-tokens/run-tooling.d.ts

@@ -0,0 +1,12 @@
+import { Command } from "commander";
+type ToolingOptions = {
+    force: boolean;
+    dryRun: boolean;
+    glob: string;
+    ext: string;
+};
+/**
+ * Main entry point for the tooling system
+ */
+export declare function runTooling(options: ToolingOptions, program: Command): Promise<void>;
+export {};

package/dist/codemod/v8-tokens/tasks/print-remaining.d.ts

@@ -0,0 +1,3 @@
+import { TokenStatus } from "../config/TokenStatus";
+declare function printRemaining(files: string[], status?: TokenStatus["status"]): Promise<void>;
+export { printRemaining };

package/dist/codemod/v8-tokens/tasks/status.d.ts

@@ -0,0 +1,18 @@
+import { TokenStatus } from "../config/TokenStatus";
+/**
+ * Get the status of the tokens in the files
+ */
+declare function getStatus(files: string[], action?: "no-print" | "print"): TokenStatus;
+/**
+ * Given the content of a file, returns an array of line start positions.
+ */
+declare function getLineStarts(content: string): number[];
+/**
+ * Given a character index and an array of line start positions,
+ * returns the corresponding row and column numbers.
+ */
+declare function getCharacterPositionInFile(index: number, lineStarts: number[]): {
+    row: number;
+    column: number;
+};
+export { getStatus, getCharacterPositionInFile, getLineStarts };

package/dist/codemod/v8-tokens/transforms/v8-tokens-css.d.ts

@@ -0,0 +1,2 @@
+import type { FileInfo } from "jscodeshift";
+export default function transformer(file: FileInfo): string;

package/dist/codemod/v8-tokens/transforms/v8-tokens-js.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from "jscodeshift";
+export default function transformer(file: FileInfo, api: API): string;

package/dist/codemod/v8-tokens/transforms/v8-tokens-less.d.ts

@@ -0,0 +1,2 @@
+import type { FileInfo } from "jscodeshift";
+export default function transformer(file: FileInfo): string;

package/dist/codemod/v8-tokens/transforms/v8-tokens-scss.d.ts

@@ -0,0 +1,2 @@
+import type { FileInfo } from "jscodeshift";
+export default function transformer(file: FileInfo): string;

package/dist/codemod/v8-tokens/transforms/v8-tokens-tailwind.d.ts

@@ -0,0 +1,2 @@
+import type { FileInfo } from "jscodeshift";
+export default function transformer(file: FileInfo): string;

package/dist/codemod/validation.d.ts

@@ -0,0 +1,3 @@
+import { Command } from "commander";
+export declare function validateMigration(str: string, program: Command): void;
+export declare function validateGit(options: any, program: Command): void;

package/dist/help.d.ts

@@ -0,0 +1 @@
+export declare function helpCommand(): void;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/migrations-config.d.ts

@@ -0,0 +1,14 @@
+import type { SupportedCodemodExtensions } from "./codemod/codeshift.utils";
+type MigrationT = Record<string, {
+    description: string;
+    value: string;
+    path: string;
+    warning?: string;
+    /**
+     * Some transforms are only meant to run on specific file extensions.
+     * This is used to filter out files that should not be transformed.
+     */
+    ignoredExtensions: SupportedCodemodExtensions[];
+}[]>;
+declare const migrations: MigrationT;
+export { migrations };

package/dist/migrations-config.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrations = void 0;
+const JS_EXTENSIONS = [
+    "js",
+    "jsx",
+    "ts",
+    "tsx",
+];
+const CSS_EXTENSIONS = [
+    "css",
+    "scss",
+    "less",
+];
+const migrations = {
+    v1: [
+        {
+            description: "Runs all codemods for beta -> v1 migration",
+            value: "v1-preset",
+            path: "v1.0.0/preset/preset",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Fixes breaking API-changes for <Pagination /> component",
+            value: "v1-pagination",
+            path: "v1.0.0/pagination/pagination",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Fixes breaking API-changes for <Tabs /> component",
+            value: "v1-tabs",
+            path: "v1.0.0/tabs/tabs",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Fixes breaking API-changes for <SpeechBubble /> (now <Chat/>) component",
+            value: "v1-chat",
+            path: "v1.0.0/chat/chat",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+    ],
+    v2: [
+        {
+            description: "Patches changed css-variables",
+            value: "v2-css",
+            path: "v2.0.0/update-css-tokens/update-css-tokens",
+            ignoredExtensions: [],
+        },
+        {
+            description: "Patches changed js-variables",
+            value: "v2-js",
+            path: "v2.0.0/update-js-tokens/update-js-tokens",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Patches changed sass-variables",
+            value: "v2-sass",
+            path: "v2.0.0/update-sass-tokens/update-sass-tokens",
+            ignoredExtensions: JS_EXTENSIONS,
+        },
+        {
+            description: "Patches changed less-variables",
+            value: "v2-less",
+            path: "v2.0.0/update-less-tokens/update-less-tokens",
+            ignoredExtensions: JS_EXTENSIONS,
+        },
+    ],
+    v3: [
+        {
+            description: "Replaces deprecated <CopyToClipboard /> with <CopyButton />",
+            value: "v3-copybutton",
+            path: "v3.0.0/copybutton/copybutton",
+            warning: "Remember to remove css-import from '@navikt/ds-css-internal' if no longer needed\nIf non-text was used as children, or different locales were handled, you need to manually fix this",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+    ],
+    v4: [
+        {
+            description: "Replaced deprecated 'internal'-component import to 'core'-imports",
+            value: "v4-internal-react",
+            path: "v4.0.0/internal-react/internal-react",
+            warning: "Remember to also run 'v4-internal-css' if you have overwritten any css-classes!",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Replaced 'navdsi'-prefixes used to overwrite internal-css to 'navds'-prefixes",
+            value: "v4-internal-css",
+            path: "v4.0.0/internal-css/internal-css",
+            warning: "Remember to remove '@navikt/ds-css-internal' imports if no longer needed! Also run 'v4-internal-react' to convert internal-react imports to core-imports",
+            ignoredExtensions: [],
+        },
+        {
+            description: "Removes all instances of UNSAFE_ for datepicker/monthpicker.",
+            value: "v4-date",
+            path: "v4.0.0/date/date",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+    ],
+    v6: [
+        {
+            description: "Removes `backgroundColor` and `avatarBgColor` properties from `Chat` and `Chat.Bubble`",
+            value: "v6-chat",
+            path: "v6.0.0/chat/chat",
+            warning: "Remember to update use of `variant`-prop to match previous use of colors. If needed the component exposes css-variables for custom overrides",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+    ],
+    v8: [
+        {
+            description: "Updates Box with legacy-tokens to Box using the new token system, and renames already migrated BoxNew/Box.New instances to Box.",
+            value: "v8-box",
+            path: "v8.0.0/box/box",
+            warning: "Remember to check if 'TODO: Aksel Box migration'-comment was added to any files after migration. This comment will help you find and update Box-instances we couldn't update for you.",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Renames already migrated BoxNew/Box.New instances to Box.",
+            value: "v8-box-new",
+            path: "v8.0.0/box-new/box-new",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Removes deprecated props from components.",
+            value: "v8-prop-deprecate",
+            path: "v8.0.0/prop-deprecate/prop-deprecate",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Tries to migrate List component by wrapping it with 'Box' and moving 'title' and 'description' props to 'Heading' and 'BodyShort'.",
+            value: "v8-list",
+            path: "v8.0.0/list/list",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates all Primitives to use new `space`-tokens.",
+            value: "v8-primitive-spacing",
+            path: "v8.0.0/primitives-spacing/spacing",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on Tag based on current variant prop.",
+            value: "v8-tag-variant",
+            path: "v8.0.0/tag-variant/tag-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on ToggleGroup based on current variant prop.",
+            value: "v8-toggle-group-variant",
+            path: "v8.0.0/toggle-group-variant/toggle-group-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on Accordion based on current variant prop.",
+            value: "v8-accordion-variant",
+            path: "v8.0.0/accordion-variant/accordion-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on Chips based on current variant prop.",
+            value: "v8-chips-variant",
+            path: "v8.0.0/chips-variant/chips-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on Button based on current variant prop.",
+            value: "v8-button-variant",
+            path: "v8.0.0/button-variant/button-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+        {
+            description: "Updates variant + data-color props on Link based on current variant prop.",
+            value: "v8-link-variant",
+            path: "v8.0.0/link-variant/link-variant",
+            ignoredExtensions: CSS_EXTENSIONS,
+        },
+    ],
+};
+exports.migrations = migrations;

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION = "8.10.2";

package/dist/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = "8.10.0";
+exports.VERSION = "8.10.2";