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

package/build/es/tailwind/colors.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const colors: {
+    "background-page": string;
+    "background-page-variant": string;
+    "background-container": string;
+    "background-container-low": string;
+    "background-container-high": string;
+    "background-container-inverted": string;
+    "background-container-subdued": string;
+    "background-input-base": string;
+    "background-input-focus": string;
+    "background-action": string;
+    "background-interactive": string;
+    "background-interactive-hover": string;
+    "background-interactive-selected": string;
+    "background-alert-neutral": string;
+    "background-alert-info": string;
+    "background-alert-success": string;
+    "background-alert-warning": string;
+    "background-alert-error": string;
+    "text-default": string;
+    "text-subdued": string;
+    "text-inverted": string;
+    "text-on-action": string;
+    "text-interactive": string;
+    "text-interactive-hover": string;
+    "text-on-alert": string;
+    "text-on-alert-subdued": string;
+    "border-action": string;
+    "border-input": string;
+    "border-input-focus": string;
+    "border-separator": string;
+    "border-separator-strong": string;
+    "border-separator-hover": string;
+    "border-subdued": string;
+};
+export default colors;

package/build/es/tailwind/colors.js

@@ -0,0 +1,2 @@
+const r={"background-page":"var(--jkl-color-background-page)","background-page-variant":"var(--jkl-color-background-page-variant)","background-container":"var(--jkl-color-background-container)","background-container-low":"var(--jkl-color-background-container-low)","background-container-high":"var(--jkl-color-background-container-high)","background-container-inverted":"var(--jkl-color-background-container-inverted)","background-container-subdued":"var(--jkl-color-background-container-subdued)","background-input-base":"var(--jkl-color-background-input-base)","background-input-focus":"var(--jkl-color-background-input-focus)","background-action":"var(--jkl-color-background-action)","background-interactive":"var(--jkl-color-background-interactive)","background-interactive-hover":"var(--jkl-color-background-interactive-hover)","background-interactive-selected":"var(--jkl-color-background-interactive-selected)","background-alert-neutral":"var(--jkl-color-background-alert-neutral)","background-alert-info":"var(--jkl-color-background-alert-info)","background-alert-success":"var(--jkl-color-background-alert-success)","background-alert-warning":"var(--jkl-color-background-alert-warning)","background-alert-error":"var(--jkl-color-background-alert-error)","text-default":"var(--jkl-color-text-default)","text-subdued":"var(--jkl-color-text-subdued)","text-inverted":"var(--jkl-color-text-inverted)","text-on-action":"var(--jkl-color-text-on-action)","text-interactive":"var(--jkl-color-text-interactive)","text-interactive-hover":"var(--jkl-color-text-interactive-hover)","text-on-alert":"var(--jkl-color-text-on-alert)","text-on-alert-subdued":"var(--jkl-color-text-on-alert-subdued)","border-action":"var(--jkl-color-border-action)","border-input":"var(--jkl-color-border-input)","border-input-focus":"var(--jkl-color-border-input-focus)","border-separator":"var(--jkl-color-border-separator)","border-separator-strong":"var(--jkl-color-border-separator-strong)","border-separator-hover":"var(--jkl-color-border-separator-hover)","border-subdued":"var(--jkl-color-border-subdued)"};export{r as default};
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nconst colors = {\n    \"background-page\": \"var(--jkl-color-background-page)\",\n    \"background-page-variant\": \"var(--jkl-color-background-page-variant)\",\n    \"background-container\": \"var(--jkl-color-background-container)\",\n    \"background-container-low\": \"var(--jkl-color-background-container-low)\",\n    \"background-container-high\": \"var(--jkl-color-background-container-high)\",\n    \"background-container-inverted\": \"var(--jkl-color-background-container-inverted)\",\n    \"background-container-subdued\": \"var(--jkl-color-background-container-subdued)\",\n    \"background-input-base\": \"var(--jkl-color-background-input-base)\",\n    \"background-input-focus\": \"var(--jkl-color-background-input-focus)\",\n    \"background-action\": \"var(--jkl-color-background-action)\",\n    \"background-interactive\": \"var(--jkl-color-background-interactive)\",\n    \"background-interactive-hover\": \"var(--jkl-color-background-interactive-hover)\",\n    \"background-interactive-selected\": \"var(--jkl-color-background-interactive-selected)\",\n    \"background-alert-neutral\": \"var(--jkl-color-background-alert-neutral)\",\n    \"background-alert-info\": \"var(--jkl-color-background-alert-info)\",\n    \"background-alert-success\": \"var(--jkl-color-background-alert-success)\",\n    \"background-alert-warning\": \"var(--jkl-color-background-alert-warning)\",\n    \"background-alert-error\": \"var(--jkl-color-background-alert-error)\",\n    \"text-default\": \"var(--jkl-color-text-default)\",\n    \"text-subdued\": \"var(--jkl-color-text-subdued)\",\n    \"text-inverted\": \"var(--jkl-color-text-inverted)\",\n    \"text-on-action\": \"var(--jkl-color-text-on-action)\",\n    \"text-interactive\": \"var(--jkl-color-text-interactive)\",\n    \"text-interactive-hover\": \"var(--jkl-color-text-interactive-hover)\",\n    \"text-on-alert\": \"var(--jkl-color-text-on-alert)\",\n    \"text-on-alert-subdued\": \"var(--jkl-color-text-on-alert-subdued)\",\n    \"border-action\": \"var(--jkl-color-border-action)\",\n    \"border-input\": \"var(--jkl-color-border-input)\",\n    \"border-input-focus\": \"var(--jkl-color-border-input-focus)\",\n    \"border-separator\": \"var(--jkl-color-border-separator)\",\n    \"border-separator-strong\": \"var(--jkl-color-border-separator-strong)\",\n    \"border-separator-hover\": \"var(--jkl-color-border-separator-hover)\",\n    \"border-subdued\": \"var(--jkl-color-border-subdued)\",\n};\n\nexport default colors;\n"],"names":["colors"],"mappings":"AAIA,MAAMA,EAAS,CACX,kBAAmB,mCACnB,0BAA2B,2CAC3B,uBAAwB,wCACxB,2BAA4B,4CAC5B,4BAA6B,6CAC7B,gCAAiC,iDACjC,+BAAgC,gDAChC,wBAAyB,yCACzB,yBAA0B,0CAC1B,oBAAqB,qCACrB,yBAA0B,0CAC1B,+BAAgC,gDAChC,kCAAmC,mDACnC,2BAA4B,4CAC5B,wBAAyB,yCACzB,2BAA4B,4CAC5B,2BAA4B,4CAC5B,yBAA0B,0CAC1B,eAAgB,gCAChB,eAAgB,gCAChB,gBAAiB,iCACjB,iBAAkB,kCAClB,mBAAoB,oCACpB,yBAA0B,0CAC1B,gBAAiB,iCACjB,wBAAyB,yCACzB,gBAAiB,iCACjB,eAAgB,gCAChB,qBAAsB,sCACtB,mBAAoB,oCACpB,0BAA2B,2CAC3B,yBAA0B,0CAC1B,iBAAkB"}

package/build/es/tokens.d.ts

@@ -3,48 +3,107 @@
  */
 declare const _default: {
     color: {
-        background: {
-            page: string;
-            "page-variant": string;
-            container: string;
-            "container-low": string;
-            "container-high": string;
-            "container-inverted": string;
-            "container-subdued": string;
-            input: {
-                base: string;
-                focus: string;
-            };
-            action: string;
-            interactive: string;
-            "interactive-hover": string;
-            "interactive-selected": string;
-            alert: {
-                neutral: string;
-                info: string;
-                success: string;
-                warning: string;
-                error: string;
+        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;
             };
         };
-        text: {
-            default: string;
-            subdued: string;
-            inverted: string;
-            "on-action": string;
-            interactive: string;
-            "interactive-hover": string;
-            "on-alert": string;
-            "on-alert-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;
+            };
         };
-        border: {
-            action: string;
-            input: string;
-            "input-focus": string;
-            separator: string;
-            "separator-strong": string;
-            "separator-hover": 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: {

package/build/es/tokens.js

@@ -1,2 +1,2 @@
-const r={color:{background:{page:"var(--jkl-color-background-page)","page-variant":"var(--jkl-color-background-page-variant)",container:"var(--jkl-color-background-container)","container-low":"var(--jkl-color-background-container-low)","container-high":"var(--jkl-color-background-container-high)","container-inverted":"var(--jkl-color-background-container-inverted)","container-subdued":"var(--jkl-color-background-container-subdued)",input:{base:"var(--jkl-color-background-input-base)",focus:"var(--jkl-color-background-input-focus)"},action:"var(--jkl-color-background-action)",interactive:"var(--jkl-color-background-interactive)","interactive-hover":"var(--jkl-color-background-interactive-hover)","interactive-selected":"var(--jkl-color-background-interactive-selected)",alert:{neutral:"var(--jkl-color-background-alert-neutral)",info:"var(--jkl-color-background-alert-info)",success:"var(--jkl-color-background-alert-success)",warning:"var(--jkl-color-background-alert-warning)",error:"var(--jkl-color-background-alert-error)"}},text:{default:"var(--jkl-color-text-default)",subdued:"var(--jkl-color-text-subdued)",inverted:"var(--jkl-color-text-inverted)","on-action":"var(--jkl-color-text-on-action)",interactive:"var(--jkl-color-text-interactive)","interactive-hover":"var(--jkl-color-text-interactive-hover)","on-alert":"var(--jkl-color-text-on-alert)","on-alert-subdued":"var(--jkl-color-text-on-alert-subdued)"},border:{action:"var(--jkl-color-border-action)",input:"var(--jkl-color-border-input)","input-focus":"var(--jkl-color-border-input-focus)",separator:"var(--jkl-color-border-separator)","separator-strong":"var(--jkl-color-border-separator-strong)","separator-hover":"var(--jkl-color-border-separator-hover)",subdued:"var(--jkl-color-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};
+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

@@ -1 +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    background: {\n      page: \"var(--jkl-color-background-page)\",\n      \"page-variant\": \"var(--jkl-color-background-page-variant)\",\n      container: \"var(--jkl-color-background-container)\",\n      \"container-low\": \"var(--jkl-color-background-container-low)\",\n      \"container-high\": \"var(--jkl-color-background-container-high)\",\n      \"container-inverted\": \"var(--jkl-color-background-container-inverted)\",\n      \"container-subdued\": \"var(--jkl-color-background-container-subdued)\",\n      input: {\n        base: \"var(--jkl-color-background-input-base)\",\n        focus: \"var(--jkl-color-background-input-focus)\",\n      },\n      action: \"var(--jkl-color-background-action)\",\n      interactive: \"var(--jkl-color-background-interactive)\",\n      \"interactive-hover\": \"var(--jkl-color-background-interactive-hover)\",\n      \"interactive-selected\":\n        \"var(--jkl-color-background-interactive-selected)\",\n      alert: {\n        neutral: \"var(--jkl-color-background-alert-neutral)\",\n        info: \"var(--jkl-color-background-alert-info)\",\n        success: \"var(--jkl-color-background-alert-success)\",\n        warning: \"var(--jkl-color-background-alert-warning)\",\n        error: \"var(--jkl-color-background-alert-error)\",\n      },\n    },\n    text: {\n      default: \"var(--jkl-color-text-default)\",\n      subdued: \"var(--jkl-color-text-subdued)\",\n      inverted: \"var(--jkl-color-text-inverted)\",\n      \"on-action\": \"var(--jkl-color-text-on-action)\",\n      interactive: \"var(--jkl-color-text-interactive)\",\n      \"interactive-hover\": \"var(--jkl-color-text-interactive-hover)\",\n      \"on-alert\": \"var(--jkl-color-text-on-alert)\",\n      \"on-alert-subdued\": \"var(--jkl-color-text-on-alert-subdued)\",\n    },\n    border: {\n      action: \"var(--jkl-color-border-action)\",\n      input: \"var(--jkl-color-border-input)\",\n      \"input-focus\": \"var(--jkl-color-border-input-focus)\",\n      separator: \"var(--jkl-color-border-separator)\",\n      \"separator-strong\": \"var(--jkl-color-border-separator-strong)\",\n      \"separator-hover\": \"var(--jkl-color-border-separator-hover)\",\n      subdued: \"var(--jkl-color-border-subdued)\",\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","background","page","container","input","base","focus","action","interactive","alert","neutral","info","success","warning","error","text","default","subdued","inverted","border","separator","unit","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","font","size","weight","normal","bold","family","regular","display","mono","lineHeight","flush","tight","relaxed","textStyle","title"],"mappings":"AAIA,MAAAA,EAAe,CACbC,MAAO,CACLC,WAAY,CACVC,KAAM,mCACN,eAAgB,2CAChBC,UAAW,wCACX,gBAAiB,4CACjB,iBAAkB,6CAClB,qBAAsB,iDACtB,oBAAqB,gDACrBC,MAAO,CACLC,KAAM,yCACNC,MAAO,2CAETC,OAAQ,qCACRC,YAAa,0CACb,oBAAqB,gDACrB,uBACE,mDACFC,MAAO,CACLC,QAAS,4CACTC,KAAM,yCACNC,QAAS,4CACTC,QAAS,4CACTC,MAAO,4CAGXC,KAAM,CACJC,QAAS,gCACTC,QAAS,gCACTC,SAAU,iCACV,YAAa,kCACbV,YAAa,oCACb,oBAAqB,0CACrB,WAAY,iCACZ,mBAAoB,0CAEtBW,OAAQ,CACNZ,OAAQ,iCACRH,MAAO,gCACP,cAAe,sCACfgB,UAAW,oCACX,mBAAoB,2CACpB,kBAAmB,0CACnBH,QAAS,oCAGbI,KAAM,CACJ,EAAG,oBACH,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,qBACJ,IAAK,sBACL,IAAK,sBACL,IAAK,sBACLhB,KAAM,uBACN,KAAM,qBACN,KAAM,sBAERiB,QAAS,CACP,EAAG,uBACH,EAAG,uBACH,EAAG,uBACH,EAAG,uBACH,GAAI,wBACJ,GAAI,wBACJ,GAAI,wBACJ,GAAI,wBACJ,GAAI,wBACJ,GAAI,wBACJ,IAAK,yBACL,IAAK,yBACLC,KAAM,0BACN,MAAO,yBACPC,GAAI,wBACJC,EAAG,uBACHC,EAAG,uBACHC,EAAG,uBACHC,GAAI,wBACJ,MAAO,0BAETT,OAAQ,CACNU,MAAO,CACL,EAAG,4BACH,EAAG,4BACH,EAAG,6BAELC,OAAQ,CACNP,KAAM,gCACNC,GAAI,8BACJC,EAAG,6BACHC,EAAG,6BACHC,EAAG,6BACHI,KAAM,kCAGVC,WAAY,CACVC,MAAO,8BACPC,OAAQ,+BACRC,MAAO,8BACPP,GAAI,4BAENQ,OAAQ,CACNC,OAAQ,CACNC,UAAW,qCACXC,OAAQ,kCACRC,WAAY,sCACZC,OAAQ,kCACRC,WAAY,sCACZC,KAAM,iCAERC,OAAQ,CACNC,SAAU,oCACVC,SAAU,oCACVC,KAAM,gCACNC,gBAAiB,8CACjB1C,MAAO,mCAGX2C,KAAM,CACJC,KAAM,CACJ,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,EAAG,yBACH,GAAI,2BAENC,OAAQ,CACNC,OAAQ,gCACRC,KAAM,+BAERC,OAAQ,CACNC,QAAS,iCACTC,QAAS,iCACTC,KAAM,gCAGVC,WAAY,CACVC,MAAO,+BACPC,MAAO,+BACPC,QAAS,kCAEXC,UAAW,CACTC,MAAO,8BACP,cAAe,oCACf,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,YAAa,kCACb,kBAAmB,wCACnB,mBAAoB,yCACpB,kBAAmB,wCACnB,aAAc,mCACd,cAAe,oCACf,aAAc,mCACd,aAAc"}
+{"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/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);
+});