@fremtind/jokul 5.0.0-next.0 → 5.0.0-next.2

package/build/es/tailwind/plugins/jokulTypographyPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"jokulTypographyPlugin.js","sources":["../../../../src/tailwind/plugins/jokulTypographyPlugin.ts"],"sourcesContent":["import { kebabCase } from \"change-case\";\nimport plugin from \"tailwindcss/plugin.js\";\nimport tokens from \"../../core/tokens.js\";\n\nconst { breakpoint, typography } = tokens;\n\nexport const jokulTypographyPlugin = plugin(({ addComponents }) => {\n    const mappedTextStyles = Object.entries(typography.style).map(\n        ([name, style]) => [\n            `.${kebabCase(name)}`,\n            {\n                ...style.small,\n                [`@media (min-width: ${breakpoint.medium})`]: {\n                    ...style.base,\n                },\n            },\n        ],\n    );\n\n    addComponents(Object.fromEntries(mappedTextStyles));\n});\n"],"names":["breakpoint","typography","tokens","jokulTypographyPlugin","plugin","addComponents","mappedTextStyles","Object","entries","style","map","name","kebabCase","small","medium","base","fromEntries"],"mappings":"wHAIA,MAAQA,WAAAA,EAAYC,WAAAA,GAAeC,EAEtBC,EAAwBC,EAAO,EAAGC,cAAAA,MAC3C,MAAMC,EAAmBC,OAAOC,QAAQP,EAAWQ,OAAOC,IACtD,EAAEC,EAAMF,KAAW,CACf,IAAIG,EAAUD,KACd,IACOF,EAAMI,MACT,CAAC,sBAAsBb,EAAWc,WAAY,IACvCL,EAAMM,SAMzBV,EAAcE,OAAOS,YAAYV"}
+{"version":3,"file":"jokulTypographyPlugin.js","sources":["../../../../../../node_modules/.pnpm/change-case@5.4.4/node_modules/change-case/dist/index.js","../../../../src/tailwind/plugins/jokulTypographyPlugin.ts"],"sourcesContent":["// Regexps involved with splitting words in various case formats.\nconst SPLIT_LOWER_UPPER_RE = /([\\p{Ll}\\d])(\\p{Lu})/gu;\nconst SPLIT_UPPER_UPPER_RE = /(\\p{Lu})([\\p{Lu}][\\p{Ll}])/gu;\n// Used to iterate over the initial split result and separate numbers.\nconst SPLIT_SEPARATE_NUMBER_RE = /(\\d)\\p{Ll}|(\\p{L})\\d/u;\n// Regexp involved with stripping non-word characters from the result.\nconst DEFAULT_STRIP_REGEXP = /[^\\p{L}\\d]+/giu;\n// The replacement value for splits.\nconst SPLIT_REPLACE_VALUE = \"$1\\0$2\";\n// The default characters to keep after transforming case.\nconst DEFAULT_PREFIX_SUFFIX_CHARACTERS = \"\";\n/**\n * Split any cased input strings into an array of words.\n */\nexport function split(value) {\n    let result = value.trim();\n    result = result\n        .replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE)\n        .replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);\n    result = result.replace(DEFAULT_STRIP_REGEXP, \"\\0\");\n    let start = 0;\n    let end = result.length;\n    // Trim the delimiter from around the output string.\n    while (result.charAt(start) === \"\\0\")\n        start++;\n    if (start === end)\n        return [];\n    while (result.charAt(end - 1) === \"\\0\")\n        end--;\n    return result.slice(start, end).split(/\\0/g);\n}\n/**\n * Split the input string into an array of words, separating numbers.\n */\nexport function splitSeparateNumbers(value) {\n    const words = split(value);\n    for (let i = 0; i < words.length; i++) {\n        const word = words[i];\n        const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);\n        if (match) {\n            const offset = match.index + (match[1] ?? match[2]).length;\n            words.splice(i, 1, word.slice(0, offset), word.slice(offset));\n        }\n    }\n    return words;\n}\n/**\n * Convert a string to space separated lower case (`foo bar`).\n */\nexport function noCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    return (prefix +\n        words.map(lowerFactory(options?.locale)).join(options?.delimiter ?? \" \") +\n        suffix);\n}\n/**\n * Convert a string to camel case (`fooBar`).\n */\nexport function camelCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    const lower = lowerFactory(options?.locale);\n    const upper = upperFactory(options?.locale);\n    const transform = options?.mergeAmbiguousCharacters\n        ? capitalCaseTransformFactory(lower, upper)\n        : pascalCaseTransformFactory(lower, upper);\n    return (prefix +\n        words\n            .map((word, index) => {\n            if (index === 0)\n                return lower(word);\n            return transform(word, index);\n        })\n            .join(options?.delimiter ?? \"\") +\n        suffix);\n}\n/**\n * Convert a string to pascal case (`FooBar`).\n */\nexport function pascalCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    const lower = lowerFactory(options?.locale);\n    const upper = upperFactory(options?.locale);\n    const transform = options?.mergeAmbiguousCharacters\n        ? capitalCaseTransformFactory(lower, upper)\n        : pascalCaseTransformFactory(lower, upper);\n    return prefix + words.map(transform).join(options?.delimiter ?? \"\") + suffix;\n}\n/**\n * Convert a string to pascal snake case (`Foo_Bar`).\n */\nexport function pascalSnakeCase(input, options) {\n    return capitalCase(input, { delimiter: \"_\", ...options });\n}\n/**\n * Convert a string to capital case (`Foo Bar`).\n */\nexport function capitalCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    const lower = lowerFactory(options?.locale);\n    const upper = upperFactory(options?.locale);\n    return (prefix +\n        words\n            .map(capitalCaseTransformFactory(lower, upper))\n            .join(options?.delimiter ?? \" \") +\n        suffix);\n}\n/**\n * Convert a string to constant case (`FOO_BAR`).\n */\nexport function constantCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    return (prefix +\n        words.map(upperFactory(options?.locale)).join(options?.delimiter ?? \"_\") +\n        suffix);\n}\n/**\n * Convert a string to dot case (`foo.bar`).\n */\nexport function dotCase(input, options) {\n    return noCase(input, { delimiter: \".\", ...options });\n}\n/**\n * Convert a string to kebab case (`foo-bar`).\n */\nexport function kebabCase(input, options) {\n    return noCase(input, { delimiter: \"-\", ...options });\n}\n/**\n * Convert a string to path case (`foo/bar`).\n */\nexport function pathCase(input, options) {\n    return noCase(input, { delimiter: \"/\", ...options });\n}\n/**\n * Convert a string to path case (`Foo bar`).\n */\nexport function sentenceCase(input, options) {\n    const [prefix, words, suffix] = splitPrefixSuffix(input, options);\n    const lower = lowerFactory(options?.locale);\n    const upper = upperFactory(options?.locale);\n    const transform = capitalCaseTransformFactory(lower, upper);\n    return (prefix +\n        words\n            .map((word, index) => {\n            if (index === 0)\n                return transform(word);\n            return lower(word);\n        })\n            .join(options?.delimiter ?? \" \") +\n        suffix);\n}\n/**\n * Convert a string to snake case (`foo_bar`).\n */\nexport function snakeCase(input, options) {\n    return noCase(input, { delimiter: \"_\", ...options });\n}\n/**\n * Convert a string to header case (`Foo-Bar`).\n */\nexport function trainCase(input, options) {\n    return capitalCase(input, { delimiter: \"-\", ...options });\n}\nfunction lowerFactory(locale) {\n    return locale === false\n        ? (input) => input.toLowerCase()\n        : (input) => input.toLocaleLowerCase(locale);\n}\nfunction upperFactory(locale) {\n    return locale === false\n        ? (input) => input.toUpperCase()\n        : (input) => input.toLocaleUpperCase(locale);\n}\nfunction capitalCaseTransformFactory(lower, upper) {\n    return (word) => `${upper(word[0])}${lower(word.slice(1))}`;\n}\nfunction pascalCaseTransformFactory(lower, upper) {\n    return (word, index) => {\n        const char0 = word[0];\n        const initial = index > 0 && char0 >= \"0\" && char0 <= \"9\" ? \"_\" + char0 : upper(char0);\n        return initial + lower(word.slice(1));\n    };\n}\nfunction splitPrefixSuffix(input, options = {}) {\n    const splitFn = options.split ?? (options.separateNumbers ? splitSeparateNumbers : split);\n    const prefixCharacters = options.prefixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;\n    const suffixCharacters = options.suffixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;\n    let prefixIndex = 0;\n    let suffixIndex = input.length;\n    while (prefixIndex < input.length) {\n        const char = input.charAt(prefixIndex);\n        if (!prefixCharacters.includes(char))\n            break;\n        prefixIndex++;\n    }\n    while (suffixIndex > prefixIndex) {\n        const index = suffixIndex - 1;\n        const char = input.charAt(index);\n        if (!suffixCharacters.includes(char))\n            break;\n        suffixIndex = index;\n    }\n    return [\n        input.slice(0, prefixIndex),\n        splitFn(input.slice(prefixIndex, suffixIndex)),\n        input.slice(suffixIndex),\n    ];\n}\n//# sourceMappingURL=index.js.map","import { kebabCase } from \"change-case\";\nimport plugin from \"tailwindcss/plugin.js\";\nimport tokens from \"../../tokens.js\";\n\nconst { textStyle } = tokens;\n\nexport const jokulTypographyPlugin = plugin(({ addComponents }) => {\n    const mappedTextStyles = Object.entries(textStyle).map(([name, style]) => [\n        `.${kebabCase(name)}`,\n        {\n            font: style,\n        },\n    ]);\n\n    addComponents(Object.fromEntries(mappedTextStyles));\n});\n"],"names":["SPLIT_LOWER_UPPER_RE","RegExp","SPLIT_UPPER_UPPER_RE","SPLIT_SEPARATE_NUMBER_RE","DEFAULT_STRIP_REGEXP","SPLIT_REPLACE_VALUE","split","value","result","trim","replace","start","end","length","charAt","slice","splitSeparateNumbers","words","i","word","match","exec","offset","index","splice","noCase","input","options","prefix","suffix","splitFn","separateNumbers","prefixCharacters","suffixCharacters","prefixIndex","suffixIndex","char","includes","splitPrefixSuffix","map","locale","toLowerCase","toLocaleLowerCase","lowerFactory","join","delimiter","kebabCase","textStyle","tokens","jokulTypographyPlugin","plugin","addComponents","mappedTextStyles","Object","entries","name","style","font","fromEntries"],"mappings":"oEACA,MAAMA,EAAuB,IAAAC,OAAA,0BAAA,MACvBC,EAAuB,WAAA,gCAAA,MAEvBC,EAA2B,IAAAF,OAAA,2BAAA,KAE3BG,EAAuB,iBAEvBC,EAAsB,SAMrB,SAASC,EAAMC,GAClB,IAAIC,EAASD,EAAME,OACnBD,EAASA,EACJE,QAAQV,EAAsBK,GAC9BK,QAAQR,EAAsBG,GACnCG,EAASA,EAAOE,QAAQN,EAAsB,MAC9C,IAAIO,EAAQ,EACRC,EAAMJ,EAAOK,OAEjB,KAAgC,OAAzBL,EAAOM,OAAOH,IACjBA,IACJ,GAAIA,IAAUC,EACV,MAAO,GACX,KAAkC,OAA3BJ,EAAOM,OAAOF,EAAM,IACvBA,IACJ,OAAOJ,EAAOO,MAAMJ,EAAOC,GAAKN,MAAM,MAC1C,CAIO,SAASU,EAAqBT,GACjC,MAAMU,EAAQX,EAAMC,GACpB,IAAA,IAASW,EAAI,EAAGA,EAAID,EAAMJ,OAAQK,IAAK,CACnC,MAAMC,EAAOF,EAAMC,GACbE,EAAQjB,EAAyBkB,KAAKF,GAC5C,GAAIC,EAAO,CACP,MAAME,EAASF,EAAMG,OAASH,EAAM,IAAMA,EAAM,IAAIP,OACpDI,EAAMO,OAAON,EAAG,EAAGC,EAAKJ,MAAM,EAAGO,GAASH,EAAKJ,MAAMO,GACzD,CACJ,CACA,OAAOL,CACX,CAIO,SAASQ,EAAOC,EAAOC,GAC1B,MAAOC,EAAQX,EAAOY,GAqI1B,SAA2BH,EAAOC,EAAU,IACxC,MAAMG,EAAUH,EAAQrB,QAAUqB,EAAQI,gBAAkBf,EAAuBV,GAC7E0B,EAAmBL,EAAQK,kBA/KI,GAgL/BC,EAAmBN,EAAQM,kBAhLI,GAiLrC,IAAIC,EAAc,EACdC,EAAcT,EAAMb,OACxB,KAAOqB,EAAcR,EAAMb,QAAQ,CAC/B,MAAMuB,EAAOV,EAAMZ,OAAOoB,GAC1B,IAAKF,EAAiBK,SAASD,GAC3B,MACJF,GACJ,CACA,KAAOC,EAAcD,GAAa,CAC9B,MAAMX,EAAQY,EAAc,EACtBC,EAAOV,EAAMZ,OAAOS,GAC1B,IAAKU,EAAiBI,SAASD,GAC3B,MACJD,EAAcZ,CAClB,CACA,MAAO,CACHG,EAAMX,MAAM,EAAGmB,GACfJ,EAAQJ,EAAMX,MAAMmB,EAAaC,IACjCT,EAAMX,MAAMoB,GAEpB,CA7JoCG,CAAkBZ,EAAOC,GACzD,OAAQC,EACJX,EAAMsB,IA+Gd,SAAsBC,GAClB,OAAkB,IAAXA,EACAd,GAAUA,EAAMe,cAChBf,GAAUA,EAAMgB,kBAAkBF,EAC7C,CAnHkBG,CAAahB,GAASa,SAASI,KAAKjB,GAASkB,WAAa,KACpEhB,CACR,CAsEO,SAASiB,EAAUpB,EAAOC,GAC7B,OAAOF,EAAOC,EAAO,CAAEmB,UAAW,OAAQlB,GAC9C,CC1HA,MAAQoB,UAAAA,GAAcC,EAETC,EAAwBC,EAAO,EAAGC,cAAAA,MAC3C,MAAMC,EAAmBC,OAAOC,QAAQP,GAAWR,IAAI,EAAEgB,EAAMC,KAAW,CACtE,IAAIV,EAAUS,KACd,CACIE,KAAMD,KAIdL,EAAcE,OAAOK,YAAYN","x_google_ignoreList":[0]}

package/build/es/tailwind/tailwindPreset.js

@@ -1,2 +1,2 @@
-import o from"../core/tokens.js";import r from"./colors.js";import{jokulTypographyPlugin as e}from"./plugins/jokulTypographyPlugin.js";const i={theme:{colors:r,spacing:o.spacing,fontWeight:o.typography.weight,fontSize:o.typography.font.size,lineHeight:o.typography.line.height,borderRadius:o.border.radius,borderWidth:o.border.width,screens:{sm:o.breakpoint.medium,md:o.breakpoint.large,lg:o.breakpoint.xl}},plugins:[e]};export{i as jokulPreset};
+import o from"../tokens.js";import{jokulTypographyPlugin as e}from"./plugins/jokulTypographyPlugin.js";const i={theme:{colors:o.color,spacing:o.spacing,fontWeight:o.font.weight,fontSize:o.font.size,lineHeight:o.lineHeight,borderRadius:o.border.radius,borderWidth:o.border.width,screens:{sm:o.breakpoint.medium,md:o.breakpoint.large,lg:o.breakpoint.xl}},plugins:[e]};export{i as jokulPreset};
 //# sourceMappingURL=tailwindPreset.js.map

package/build/es/tailwind/tailwindPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindPreset.js","sources":["../../../src/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../core/tokens.js\";\nimport colors from \"./colors.js\";\nimport { jokulTypographyPlugin } from \"./plugins/jokulTypographyPlugin.js\";\n\nexport const jokulPreset: Partial<Config> = {\n    theme: {\n        colors,\n        spacing: tokens.spacing,\n        fontWeight: tokens.typography.weight,\n        fontSize: tokens.typography.font.size,\n        lineHeight: tokens.typography.line.height,\n        borderRadius: tokens.border.radius,\n        borderWidth: tokens.border.width,\n        screens: {\n            sm: tokens.breakpoint.medium,\n            md: tokens.breakpoint.large,\n            lg: tokens.breakpoint.xl,\n        },\n    },\n    plugins: [jokulTypographyPlugin],\n};\n"],"names":["jokulPreset","theme","colors","spacing","tokens","fontWeight","typography","weight","fontSize","font","size","lineHeight","line","height","borderRadius","border","radius","borderWidth","width","screens","sm","breakpoint","medium","md","large","lg","xl","plugins","jokulTypographyPlugin"],"mappings":"uIAKO,MAAMA,EAA+B,CACxCC,MAAO,CACHC,OAAAA,EACAC,QAASC,EAAOD,QAChBE,WAAYD,EAAOE,WAAWC,OAC9BC,SAAUJ,EAAOE,WAAWG,KAAKC,KACjCC,WAAYP,EAAOE,WAAWM,KAAKC,OACnCC,aAAcV,EAAOW,OAAOC,OAC5BC,YAAab,EAAOW,OAAOG,MAC3BC,QAAS,CACLC,GAAIhB,EAAOiB,WAAWC,OACtBC,GAAInB,EAAOiB,WAAWG,MACtBC,GAAIrB,EAAOiB,WAAWK,KAG9BC,QAAS,CAACC"}
+{"version":3,"file":"tailwindPreset.js","sources":["../../../src/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../tokens.js\";\nimport { jokulTypographyPlugin } from \"./plugins/jokulTypographyPlugin.js\";\n\nexport const jokulPreset: Partial<Config> = {\n    theme: {\n        colors: tokens.color,\n        spacing: tokens.spacing,\n        fontWeight: tokens.font.weight,\n        fontSize: tokens.font.size,\n        lineHeight: tokens.lineHeight,\n        borderRadius: tokens.border.radius,\n        borderWidth: tokens.border.width,\n        screens: {\n            sm: tokens.breakpoint.medium,\n            md: tokens.breakpoint.large,\n            lg: tokens.breakpoint.xl,\n        },\n    },\n    plugins: [jokulTypographyPlugin],\n};\n"],"names":["jokulPreset","theme","colors","tokens","color","spacing","fontWeight","font","weight","fontSize","size","lineHeight","borderRadius","border","radius","borderWidth","width","screens","sm","breakpoint","medium","md","large","lg","xl","plugins","jokulTypographyPlugin"],"mappings":"uGAIO,MAAMA,EAA+B,CACxCC,MAAO,CACHC,OAAQC,EAAOC,MACfC,QAASF,EAAOE,QAChBC,WAAYH,EAAOI,KAAKC,OACxBC,SAAUN,EAAOI,KAAKG,KACtBC,WAAYR,EAAOQ,WACnBC,aAAcT,EAAOU,OAAOC,OAC5BC,YAAaZ,EAAOU,OAAOG,MAC3BC,QAAS,CACLC,GAAIf,EAAOgB,WAAWC,OACtBC,GAAIlB,EAAOgB,WAAWG,MACtBC,GAAIpB,EAAOgB,WAAWK,KAG9BC,QAAS,CAACC"}

package/build/es/tokens.d.ts

@@ -0,0 +1,235 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const _default: {
+    color: {
+        neutral: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+        accent: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+        warning: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+        success: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+        info: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+        error: {
+            background: {
+                page: string;
+                container: string;
+                action: string;
+            };
+            text: {
+                default: string;
+                subdued: string;
+                "on-action": string;
+            };
+            border: {
+                strong: string;
+                default: string;
+                subdued: string;
+            };
+        };
+    };
+    unit: {
+        0: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        35: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+        130: string;
+        210: string;
+        base: string;
+        "02": string;
+        "05": string;
+    };
+    spacing: {
+        0: string;
+        2: string;
+        4: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        32: string;
+        40: string;
+        64: string;
+        104: string;
+        168: string;
+        none: string;
+        "2xs": string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        "2xl": string;
+    };
+    border: {
+        width: {
+            1: string;
+            2: string;
+            3: string;
+        };
+        radius: {
+            none: string;
+            xs: string;
+            s: string;
+            m: string;
+            l: string;
+            full: string;
+        };
+    };
+    breakpoint: {
+        small: string;
+        medium: string;
+        large: string;
+        xl: string;
+    };
+    motion: {
+        timing: {
+            energetic: string;
+            snappy: string;
+            productive: string;
+            polite: string;
+            expressive: string;
+            lazy: string;
+        };
+        easing: {
+            standard: string;
+            entrance: string;
+            exit: string;
+            easeInBounceOut: string;
+            focus: string;
+        };
+    };
+    font: {
+        size: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+        };
+        weight: {
+            normal: string;
+            bold: string;
+        };
+        family: {
+            regular: string;
+            display: string;
+            mono: string;
+        };
+    };
+    lineHeight: {
+        flush: string;
+        tight: string;
+        relaxed: string;
+    };
+    textStyle: {
+        title: string;
+        "title-small": string;
+        "heading-1": string;
+        "heading-2": string;
+        "heading-3": string;
+        "heading-4": string;
+        "heading-5": string;
+        "paragraph-large": string;
+        "paragraph-medium": string;
+        "paragraph-small": string;
+        "text-large": string;
+        "text-medium": string;
+        "text-small": string;
+        "text-micro": string;
+    };
+};
+export default _default;

package/build/es/tokens.js

@@ -0,0 +1,2 @@
+const r={color:{neutral:{background:{page:"var(--jkl-color-neutral-background-page)",container:"var(--jkl-color-neutral-background-container)",action:"var(--jkl-color-neutral-background-action)"},text:{default:"var(--jkl-color-neutral-text-default)",subdued:"var(--jkl-color-neutral-text-subdued)","on-action":"var(--jkl-color-neutral-text-on-action)"},border:{strong:"var(--jkl-color-neutral-border-strong)",default:"var(--jkl-color-neutral-border-default)",subdued:"var(--jkl-color-neutral-border-subdued)"}},accent:{background:{page:"var(--jkl-color-accent-background-page)",container:"var(--jkl-color-accent-background-container)",action:"var(--jkl-color-accent-background-action)"},text:{default:"var(--jkl-color-accent-text-default)",subdued:"var(--jkl-color-accent-text-subdued)","on-action":"var(--jkl-color-accent-text-on-action)"},border:{strong:"var(--jkl-color-accent-border-strong)",default:"var(--jkl-color-accent-border-default)",subdued:"var(--jkl-color-accent-border-subdued)"}},warning:{background:{page:"var(--jkl-color-warning-background-page)",container:"var(--jkl-color-warning-background-container)",action:"var(--jkl-color-warning-background-action)"},text:{default:"var(--jkl-color-warning-text-default)",subdued:"var(--jkl-color-warning-text-subdued)","on-action":"var(--jkl-color-warning-text-on-action)"},border:{strong:"var(--jkl-color-warning-border-strong)",default:"var(--jkl-color-warning-border-default)",subdued:"var(--jkl-color-warning-border-subdued)"}},success:{background:{page:"var(--jkl-color-success-background-page)",container:"var(--jkl-color-success-background-container)",action:"var(--jkl-color-success-background-action)"},text:{default:"var(--jkl-color-success-text-default)",subdued:"var(--jkl-color-success-text-subdued)","on-action":"var(--jkl-color-success-text-on-action)"},border:{strong:"var(--jkl-color-success-border-strong)",default:"var(--jkl-color-success-border-default)",subdued:"var(--jkl-color-success-border-subdued)"}},info:{background:{page:"var(--jkl-color-info-background-page)",container:"var(--jkl-color-info-background-container)",action:"var(--jkl-color-info-background-action)"},text:{default:"var(--jkl-color-info-text-default)",subdued:"var(--jkl-color-info-text-subdued)","on-action":"var(--jkl-color-info-text-on-action)"},border:{strong:"var(--jkl-color-info-border-strong)",default:"var(--jkl-color-info-border-default)",subdued:"var(--jkl-color-info-border-subdued)"}},error:{background:{page:"var(--jkl-color-error-background-page)",container:"var(--jkl-color-error-background-container)",action:"var(--jkl-color-error-background-action)"},text:{default:"var(--jkl-color-error-text-default)",subdued:"var(--jkl-color-error-text-subdued)","on-action":"var(--jkl-color-error-text-on-action)"},border:{strong:"var(--jkl-color-error-border-strong)",default:"var(--jkl-color-error-border-default)",subdued:"var(--jkl-color-error-border-subdued)"}}},unit:{0:"var(--jkl-unit-0)",10:"var(--jkl-unit-10)",15:"var(--jkl-unit-15)",20:"var(--jkl-unit-20)",25:"var(--jkl-unit-25)",30:"var(--jkl-unit-30)",35:"var(--jkl-unit-35)",40:"var(--jkl-unit-40)",50:"var(--jkl-unit-50)",60:"var(--jkl-unit-60)",70:"var(--jkl-unit-70)",80:"var(--jkl-unit-80)",90:"var(--jkl-unit-90)",100:"var(--jkl-unit-100)",130:"var(--jkl-unit-130)",210:"var(--jkl-unit-210)",base:"var(--jkl-unit-base)","02":"var(--jkl-unit-02)","05":"var(--jkl-unit-05)"},spacing:{0:"var(--jkl-spacing-0)",2:"var(--jkl-spacing-2)",4:"var(--jkl-spacing-4)",8:"var(--jkl-spacing-8)",12:"var(--jkl-spacing-12)",16:"var(--jkl-spacing-16)",24:"var(--jkl-spacing-24)",32:"var(--jkl-spacing-32)",40:"var(--jkl-spacing-40)",64:"var(--jkl-spacing-64)",104:"var(--jkl-spacing-104)",168:"var(--jkl-spacing-168)",none:"var(--jkl-spacing-none)","2xs":"var(--jkl-spacing-2xs)",xs:"var(--jkl-spacing-xs)",s:"var(--jkl-spacing-s)",m:"var(--jkl-spacing-m)",l:"var(--jkl-spacing-l)",xl:"var(--jkl-spacing-xl)","2xl":"var(--jkl-spacing-2xl)"},border:{width:{1:"var(--jkl-border-width-1)",2:"var(--jkl-border-width-2)",3:"var(--jkl-border-width-3)"},radius:{none:"var(--jkl-border-radius-none)",xs:"var(--jkl-border-radius-xs)",s:"var(--jkl-border-radius-s)",m:"var(--jkl-border-radius-m)",l:"var(--jkl-border-radius-l)",full:"var(--jkl-border-radius-full)"}},breakpoint:{small:"var(--jkl-breakpoint-small)",medium:"var(--jkl-breakpoint-medium)",large:"var(--jkl-breakpoint-large)",xl:"var(--jkl-breakpoint-xl)"},motion:{timing:{energetic:"var(--jkl-motion-timing-energetic)",snappy:"var(--jkl-motion-timing-snappy)",productive:"var(--jkl-motion-timing-productive)",polite:"var(--jkl-motion-timing-polite)",expressive:"var(--jkl-motion-timing-expressive)",lazy:"var(--jkl-motion-timing-lazy)"},easing:{standard:"var(--jkl-motion-easing-standard)",entrance:"var(--jkl-motion-easing-entrance)",exit:"var(--jkl-motion-easing-exit)",easeInBounceOut:"var(--jkl-motion-easing-ease-in-bounce-out)",focus:"var(--jkl-motion-easing-focus)"}},font:{size:{1:"var(--jkl-font-size-1)",2:"var(--jkl-font-size-2)",3:"var(--jkl-font-size-3)",4:"var(--jkl-font-size-4)",5:"var(--jkl-font-size-5)",6:"var(--jkl-font-size-6)",7:"var(--jkl-font-size-7)",8:"var(--jkl-font-size-8)",9:"var(--jkl-font-size-9)",10:"var(--jkl-font-size-10)"},weight:{normal:"var(--jkl-font-weight-normal)",bold:"var(--jkl-font-weight-bold)"},family:{regular:"var(--jkl-font-family-regular)",display:"var(--jkl-font-family-display)",mono:"var(--jkl-font-family-mono)"}},lineHeight:{flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"},textStyle:{title:"var(--jkl-text-style-title)","title-small":"var(--jkl-text-style-title-small)","heading-1":"var(--jkl-text-style-heading-1)","heading-2":"var(--jkl-text-style-heading-2)","heading-3":"var(--jkl-text-style-heading-3)","heading-4":"var(--jkl-text-style-heading-4)","heading-5":"var(--jkl-text-style-heading-5)","paragraph-large":"var(--jkl-text-style-paragraph-large)","paragraph-medium":"var(--jkl-text-style-paragraph-medium)","paragraph-small":"var(--jkl-text-style-paragraph-small)","text-large":"var(--jkl-text-style-text-large)","text-medium":"var(--jkl-text-style-text-medium)","text-small":"var(--jkl-text-style-text-small)","text-micro":"var(--jkl-text-style-text-micro)"}};export{r as default};
+//# sourceMappingURL=tokens.js.map

package/build/es/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../src/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n  color: {\n    neutral: {\n      background: {\n        page: \"var(--jkl-color-neutral-background-page)\",\n        container: \"var(--jkl-color-neutral-background-container)\",\n        action: \"var(--jkl-color-neutral-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-neutral-text-default)\",\n        subdued: \"var(--jkl-color-neutral-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-neutral-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-neutral-border-strong)\",\n        default: \"var(--jkl-color-neutral-border-default)\",\n        subdued: \"var(--jkl-color-neutral-border-subdued)\",\n      },\n    },\n    accent: {\n      background: {\n        page: \"var(--jkl-color-accent-background-page)\",\n        container: \"var(--jkl-color-accent-background-container)\",\n        action: \"var(--jkl-color-accent-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-accent-text-default)\",\n        subdued: \"var(--jkl-color-accent-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-accent-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-accent-border-strong)\",\n        default: \"var(--jkl-color-accent-border-default)\",\n        subdued: \"var(--jkl-color-accent-border-subdued)\",\n      },\n    },\n    warning: {\n      background: {\n        page: \"var(--jkl-color-warning-background-page)\",\n        container: \"var(--jkl-color-warning-background-container)\",\n        action: \"var(--jkl-color-warning-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-warning-text-default)\",\n        subdued: \"var(--jkl-color-warning-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-warning-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-warning-border-strong)\",\n        default: \"var(--jkl-color-warning-border-default)\",\n        subdued: \"var(--jkl-color-warning-border-subdued)\",\n      },\n    },\n    success: {\n      background: {\n        page: \"var(--jkl-color-success-background-page)\",\n        container: \"var(--jkl-color-success-background-container)\",\n        action: \"var(--jkl-color-success-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-success-text-default)\",\n        subdued: \"var(--jkl-color-success-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-success-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-success-border-strong)\",\n        default: \"var(--jkl-color-success-border-default)\",\n        subdued: \"var(--jkl-color-success-border-subdued)\",\n      },\n    },\n    info: {\n      background: {\n        page: \"var(--jkl-color-info-background-page)\",\n        container: \"var(--jkl-color-info-background-container)\",\n        action: \"var(--jkl-color-info-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-info-text-default)\",\n        subdued: \"var(--jkl-color-info-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-info-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-info-border-strong)\",\n        default: \"var(--jkl-color-info-border-default)\",\n        subdued: \"var(--jkl-color-info-border-subdued)\",\n      },\n    },\n    error: {\n      background: {\n        page: \"var(--jkl-color-error-background-page)\",\n        container: \"var(--jkl-color-error-background-container)\",\n        action: \"var(--jkl-color-error-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-error-text-default)\",\n        subdued: \"var(--jkl-color-error-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-error-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-error-border-strong)\",\n        default: \"var(--jkl-color-error-border-default)\",\n        subdued: \"var(--jkl-color-error-border-subdued)\",\n      },\n    },\n  },\n  unit: {\n    0: \"var(--jkl-unit-0)\",\n    10: \"var(--jkl-unit-10)\",\n    15: \"var(--jkl-unit-15)\",\n    20: \"var(--jkl-unit-20)\",\n    25: \"var(--jkl-unit-25)\",\n    30: \"var(--jkl-unit-30)\",\n    35: \"var(--jkl-unit-35)\",\n    40: \"var(--jkl-unit-40)\",\n    50: \"var(--jkl-unit-50)\",\n    60: \"var(--jkl-unit-60)\",\n    70: \"var(--jkl-unit-70)\",\n    80: \"var(--jkl-unit-80)\",\n    90: \"var(--jkl-unit-90)\",\n    100: \"var(--jkl-unit-100)\",\n    130: \"var(--jkl-unit-130)\",\n    210: \"var(--jkl-unit-210)\",\n    base: \"var(--jkl-unit-base)\",\n    \"02\": \"var(--jkl-unit-02)\",\n    \"05\": \"var(--jkl-unit-05)\",\n  },\n  spacing: {\n    0: \"var(--jkl-spacing-0)\",\n    2: \"var(--jkl-spacing-2)\",\n    4: \"var(--jkl-spacing-4)\",\n    8: \"var(--jkl-spacing-8)\",\n    12: \"var(--jkl-spacing-12)\",\n    16: \"var(--jkl-spacing-16)\",\n    24: \"var(--jkl-spacing-24)\",\n    32: \"var(--jkl-spacing-32)\",\n    40: \"var(--jkl-spacing-40)\",\n    64: \"var(--jkl-spacing-64)\",\n    104: \"var(--jkl-spacing-104)\",\n    168: \"var(--jkl-spacing-168)\",\n    none: \"var(--jkl-spacing-none)\",\n    \"2xs\": \"var(--jkl-spacing-2xs)\",\n    xs: \"var(--jkl-spacing-xs)\",\n    s: \"var(--jkl-spacing-s)\",\n    m: \"var(--jkl-spacing-m)\",\n    l: \"var(--jkl-spacing-l)\",\n    xl: \"var(--jkl-spacing-xl)\",\n    \"2xl\": \"var(--jkl-spacing-2xl)\",\n  },\n  border: {\n    width: {\n      1: \"var(--jkl-border-width-1)\",\n      2: \"var(--jkl-border-width-2)\",\n      3: \"var(--jkl-border-width-3)\",\n    },\n    radius: {\n      none: \"var(--jkl-border-radius-none)\",\n      xs: \"var(--jkl-border-radius-xs)\",\n      s: \"var(--jkl-border-radius-s)\",\n      m: \"var(--jkl-border-radius-m)\",\n      l: \"var(--jkl-border-radius-l)\",\n      full: \"var(--jkl-border-radius-full)\",\n    },\n  },\n  breakpoint: {\n    small: \"var(--jkl-breakpoint-small)\",\n    medium: \"var(--jkl-breakpoint-medium)\",\n    large: \"var(--jkl-breakpoint-large)\",\n    xl: \"var(--jkl-breakpoint-xl)\",\n  },\n  motion: {\n    timing: {\n      energetic: \"var(--jkl-motion-timing-energetic)\",\n      snappy: \"var(--jkl-motion-timing-snappy)\",\n      productive: \"var(--jkl-motion-timing-productive)\",\n      polite: \"var(--jkl-motion-timing-polite)\",\n      expressive: \"var(--jkl-motion-timing-expressive)\",\n      lazy: \"var(--jkl-motion-timing-lazy)\",\n    },\n    easing: {\n      standard: \"var(--jkl-motion-easing-standard)\",\n      entrance: \"var(--jkl-motion-easing-entrance)\",\n      exit: \"var(--jkl-motion-easing-exit)\",\n      easeInBounceOut: \"var(--jkl-motion-easing-ease-in-bounce-out)\",\n      focus: \"var(--jkl-motion-easing-focus)\",\n    },\n  },\n  font: {\n    size: {\n      1: \"var(--jkl-font-size-1)\",\n      2: \"var(--jkl-font-size-2)\",\n      3: \"var(--jkl-font-size-3)\",\n      4: \"var(--jkl-font-size-4)\",\n      5: \"var(--jkl-font-size-5)\",\n      6: \"var(--jkl-font-size-6)\",\n      7: \"var(--jkl-font-size-7)\",\n      8: \"var(--jkl-font-size-8)\",\n      9: \"var(--jkl-font-size-9)\",\n      10: \"var(--jkl-font-size-10)\",\n    },\n    weight: {\n      normal: \"var(--jkl-font-weight-normal)\",\n      bold: \"var(--jkl-font-weight-bold)\",\n    },\n    family: {\n      regular: \"var(--jkl-font-family-regular)\",\n      display: \"var(--jkl-font-family-display)\",\n      mono: \"var(--jkl-font-family-mono)\",\n    },\n  },\n  lineHeight: {\n    flush: \"var(--jkl-line-height-flush)\",\n    tight: \"var(--jkl-line-height-tight)\",\n    relaxed: \"var(--jkl-line-height-relaxed)\",\n  },\n  textStyle: {\n    title: \"var(--jkl-text-style-title)\",\n    \"title-small\": \"var(--jkl-text-style-title-small)\",\n    \"heading-1\": \"var(--jkl-text-style-heading-1)\",\n    \"heading-2\": \"var(--jkl-text-style-heading-2)\",\n    \"heading-3\": \"var(--jkl-text-style-heading-3)\",\n    \"heading-4\": \"var(--jkl-text-style-heading-4)\",\n    \"heading-5\": \"var(--jkl-text-style-heading-5)\",\n    \"paragraph-large\": \"var(--jkl-text-style-paragraph-large)\",\n    \"paragraph-medium\": \"var(--jkl-text-style-paragraph-medium)\",\n    \"paragraph-small\": \"var(--jkl-text-style-paragraph-small)\",\n    \"text-large\": \"var(--jkl-text-style-text-large)\",\n    \"text-medium\": \"var(--jkl-text-style-text-medium)\",\n    \"text-small\": \"var(--jkl-text-style-text-small)\",\n    \"text-micro\": \"var(--jkl-text-style-text-micro)\",\n  },\n};\n"],"names":["tokens","color","neutral","background","page","container","action","text","default","subdued","border","strong","accent","warning","success","info","error","unit","base","spacing","none","xs","s","m","l","xl","width","radius","full","breakpoint","small","medium","large","motion","timing","energetic","snappy","productive","polite","expressive","lazy","easing","standard","entrance","exit","easeInBounceOut","focus","font","size","weight","normal","bold","family","regular","display","mono","lineHeight","flush","tight","relaxed","textStyle","title"],"mappings":"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"}

package/build/es/utilities/getThemeAndSize.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../core/types.js';
+import { Size } from './types.js';
 export declare const getThemeAndSize: (element: Element | undefined) => {
     theme?: string;
     size?: Size;

package/build/es/utilities/getThemeAndSize.js

@@ -1,2 +1,2 @@
-const e=e=>{if(!e)return{};const t=getComputedStyle(e),r=Number.parseInt(t.getPropertyValue("--jkl-background-color").replace("#",""),16)<8388607.5?"dark":"light",a=e.closest("[data-size]")?.getAttribute("data-size");return{theme:r,size:a}};export{e as getThemeAndSize};
+const e=e=>{if(!e)return{};const t=getComputedStyle(e).colorScheme,s=e.closest("[data-size]")?.getAttribute("data-size");return{theme:t,size:s}};export{e as getThemeAndSize};
 //# sourceMappingURL=getThemeAndSize.js.map

package/build/es/utilities/getThemeAndSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"getThemeAndSize.js","sources":["../../../src/utilities/getThemeAndSize.ts"],"sourcesContent":["import type { Size } from \"../core/types.js\";\n\n/*\n * For komponenter som mountes utenfor roten av applikasjonen vil styring av theme og size\n * via data-attributter satt på rot ikke fungere. Denne util'en kan brukes av slike komponenter\n * for å finne riktige verdier ved å sende inn et element som er mountet innenfor applikasjonen\n */\nexport const getThemeAndSize = (\n    element: Element | undefined,\n): { theme?: string; size?: Size } => {\n    if (!element) return {};\n\n    const computedStyles = getComputedStyle(element);\n\n    // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n    // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n    const theme =\n        Number.parseInt(\n            computedStyles\n                .getPropertyValue(\"--jkl-background-color\")\n                .replace(\"#\", \"\"),\n            16,\n        ) <\n        0xffffff / 2\n            ? \"dark\"\n            : \"light\";\n\n    const size = element.closest(\"[data-size]\")?.getAttribute(\"data-size\") as\n        | Size\n        | undefined;\n\n    return { theme, size };\n};\n"],"names":["getThemeAndSize","element","computedStyles","getComputedStyle","theme","Number","parseInt","getPropertyValue","replace","size","closest","getAttribute"],"mappings":"AAOO,MAAMA,EACTC,IAEA,IAAKA,EAAS,MAAO,CAAA,EAErB,MAAMC,EAAiBC,iBAAiBF,GAIlCG,EACFC,OAAOC,SACHJ,EACKK,iBAAiB,0BACjBC,QAAQ,IAAK,IAClB,IAEJ,UACM,OACA,QAEJC,EAAOR,EAAQS,QAAQ,gBAAgBC,aAAa,aAI1D,MAAO,CAAEP,MAAAA,EAAOK,KAAAA"}
+{"version":3,"file":"getThemeAndSize.js","sources":["../../../src/utilities/getThemeAndSize.ts"],"sourcesContent":["import type { Size } from \"./types.js\";\n\n/*\n * For komponenter som mountes utenfor roten av applikasjonen vil styring av theme og size\n * via data-attributter satt på rot ikke fungere. Denne util'en kan brukes av slike komponenter\n * for å finne riktige verdier ved å sende inn et element som er mountet innenfor applikasjonen\n */\nexport const getThemeAndSize = (\n    element: Element | undefined,\n): { theme?: string; size?: Size } => {\n    if (!element) return {};\n\n    const computedStyles = getComputedStyle(element);\n\n    // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n    // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n    const theme = computedStyles.colorScheme;\n\n    const size = element.closest(\"[data-size]\")?.getAttribute(\"data-size\") as\n        | Size\n        | undefined;\n\n    return { theme, size };\n};\n"],"names":["getThemeAndSize","element","theme","getComputedStyle","colorScheme","size","closest","getAttribute"],"mappings":"AAOO,MAAMA,EACTC,IAEA,IAAKA,EAAS,MAAO,CAAA,EAMrB,MAAMC,EAJiBC,iBAAiBF,GAIXG,YAEvBC,EAAOJ,EAAQK,QAAQ,gBAAgBC,aAAa,aAI1D,MAAO,CAAEL,MAAAA,EAAOG,KAAAA"}

package/build/es/utilities/index.d.ts

@@ -6,3 +6,4 @@ export * from './polymorphism/index.js';
 export * from './tabListener.js';
 export * from './validators/index.js';
 export * from './valuePair.js';
+export * from './types.js';

package/build/es/{core → utilities}/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { default as tokens } from './tokens.js';
+import { default as tokens } from '../tokens.js';
 export interface DataTestAutoId {
     "data-testautoid"?: string;
 }

package/codemods/__tests__/import-paths.test.mjs

@@ -0,0 +1,84 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { transformImportPaths } from "../import-paths.mjs";
+
+test("migrates core, styles and utilities imports", () => {
+    const source = `
+import "@fremtind/jokul/styles/core/core.scss";
+import "@fremtind/jokul/styles/styles.scss";
+import type { WithChildren } from "@fremtind/jokul/core";
+`;
+
+    const result = transformImportPaths(source, "/tmp/example.ts");
+
+    assert.equal(
+        result.text.includes('import "@fremtind/jokul/styles/base.scss";'),
+        true,
+    );
+    assert.equal(
+        result.text.includes('import "@fremtind/jokul/styles/components.scss";'),
+        true,
+    );
+    assert.equal(
+        result.text.includes(
+            'import type { WithChildren } from "@fremtind/jokul/utilities";',
+        ),
+        true,
+    );
+});
+
+test("moves configured font imports ahead of base styles", () => {
+    const source = `@use "@fremtind/jokul/styles/core";
+@use "@fremtind/jokul/styles/fonts" with (
+    $webfonts-dir: "../../src/fonts"
+);
+`;
+
+    const result = transformImportPaths(source, "/tmp/global.scss");
+
+    assert.match(
+        result.text,
+        /^@use "@fremtind\/jokul\/styles\/theme\/fonts" with \([\s\S]*?\);\n@use "@fremtind\/jokul\/styles\/base\.scss";/m,
+    );
+    assert.equal(result.reordered, true);
+});
+
+test("migrates internal relative core jkl imports", () => {
+    const source = `@use "../../../core/jkl";
+`;
+
+    const result = transformImportPaths(
+        source,
+        "/tmp/components/modal/styles/_layout.scss",
+    );
+
+    assert.equal(result.text, '@use "../../../styles/jkl";\n');
+});
+
+test("rewrites beta style imports when the beta component is used in the same file", () => {
+    const source = `
+import { BETA_Select } from "@fremtind/jokul/select";
+import "@fremtind/jokul/styles/components/select/_index.scss";
+`;
+
+    const result = transformImportPaths(source, "/tmp/example.tsx");
+
+    assert.equal(
+        result.text.includes(
+            '@fremtind/jokul/styles/components/beta/select/_index.scss',
+        ),
+        true,
+    );
+    assert.deepEqual(result.warnings, []);
+});
+
+test("warns when beta style imports are ambiguous", () => {
+    const source = `
+import "@fremtind/jokul/styles/components/nav-link";
+`;
+
+    const result = transformImportPaths(source, "/tmp/example.scss");
+
+    assert.equal(result.changed, false);
+    assert.equal(result.warnings.length, 1);
+});