@fremtind/jokul 1.4.1 → 1.5.0

package/build/es/core/tokens.d.ts

@@ -1,6 +1,5 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
  */
 declare const _default: {
     breakpoint: {
@@ -174,39 +173,6 @@ declare const _default: {
                 dark: string;
             };
         };
-        svart: string;
-        granitt: string;
-        skifer: string;
-        fjellgra: string;
-        stein: string;
-        svaberg: string;
-        varde: string;
-        dis: string;
-        sand: string;
-        snohvit: string;
-        hvit: string;
-        suksess: string;
-        suksessDark: string;
-        feil: string;
-        feilDark: string;
-        info: string;
-        infoDark: string;
-        advarsel: string;
-        advarselDark: 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;
     };
     motion: {
         timing: {
@@ -224,6 +190,20 @@ declare const _default: {
             focus: 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;
+    };
     icon: {
         weight: {
             normal: string;
@@ -372,22 +352,5 @@ declare const _default: {
             };
         };
     };
-    unit: {
-        10: string;
-        15: string;
-        20: string;
-        25: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        130: string;
-        210: string;
-        "02": string;
-        "05": string;
-    };
 };
 export default _default;

package/build/es/core/tokens.js

@@ -1,2 +1,2 @@
-const e={breakpoint:{medium:"680px",large:"1200px",xl:"1600px"},color:{brand:{snohvit:"#F9F9F9",varde:"#E0DBD4",granitt:"#1B1917",hvit:"#FFFFFF",svart:"#000000",skifer:"#313030",fjellgra:"#444141",stein:"#636060",svaberg:"#C8C5C3",dis:"#ECE9E5",sand:"#F4F2EF"},functional:{info:"#D3D3F6",infoDark:"#A9A9CA",success:"#ACD3B5",successDark:"#94B79B",warning:"#EFDD9E",warningDark:"#DECC8D",error:"#F6B3B3",errorDark:"#DE9E9E"},background:{page:{light:"#F4F2EF",dark:"#1B1917"},pageVariant:{light:"#F9F9F9",dark:"#1B1917"},container:{light:"#F9F9F9",dark:"#313030"},containerLow:{light:"#ECE9E5",dark:"#000000"},containerHigh:{light:"#FFFFFF",dark:"#313030"},containerInverted:{light:"#1B1917",dark:"#F9F9F9"},containerSubdued:{light:"#C8C5C3",dark:"#636060"},input:{base:{light:"transparent",dark:"transparent"},focus:{light:"#FFFFFF",dark:"#313030"}},action:{light:"#1B1917",dark:"#F9F9F9"},interactive:{light:"transparent",dark:"transparent"},interactiveHover:{light:"#ECE9E5",dark:"#444141"},interactiveSelected:{light:"#E0DBD4",dark:"#636060"},alert:{neutral:{light:"#E0DBD4",dark:"#E0DBD4"},info:{light:"#D3D3F6",dark:"#A9A9CA"},success:{light:"#ACD3B5",dark:"#94B79B"},warning:{light:"#EFDD9E",dark:"#DECC8D"},error:{light:"#F6B3B3",dark:"#DE9E9E"}}},text:{default:{light:"#1B1917",dark:"#F9F9F9"},subdued:{light:"#636060",dark:"#C8C5C3"},inverted:{light:"#F9F9F9",dark:"#1B1917"},onAction:{light:"#F9F9F9",dark:"#1B1917"},interactive:{light:"#1B1917",dark:"#F9F9F9"},interactiveHover:{light:"#636060",dark:"#C8C5C3"},onAlert:{light:"#1B1917",dark:"#1B1917"},onAlertSubdued:{light:"#444141",dark:"#444141"}},border:{action:{light:"#1B1917",dark:"#F9F9F9"},input:{light:"#636060",dark:"#C8C5C3"},inputFocus:{light:"#1B1917",dark:"#F9F9F9"},separator:{light:"#C8C5C3",dark:"#636060"},separatorStrong:{light:"#636060",dark:"#C8C5C3"},separatorHover:{light:"#1B1917",dark:"#F9F9F9"},subdued:{light:"#C8C5C3",dark:"#636060"}},svart:"#000",granitt:"#1b1917",skifer:"#313030",fjellgra:"#444141",stein:"#636060",svaberg:"#c8c5c3",varde:"#e0dbd4",dis:"#ece9e5",sand:"#f4f2ef",snohvit:"#f9f9f9",hvit:"#fff",suksess:"#acd3b5",suksessDark:"#94b79b",feil:"#f6b3b3",feilDark:"#de9e9e",info:"#d3d3f6",infoDark:"#a9a9ca",advarsel:"#efdd9e",advarselDark:"#decc8d"},spacing:{0:"0",2:"0.125rem",4:"0.25rem",8:"0.5rem",12:"0.75rem",16:"1rem",24:"1.5rem",32:"2rem",40:"2.5rem",64:"4rem",104:"6.5rem",168:"10.5rem"},motion:{timing:{energetic:"75ms",snappy:"100ms",productive:"150ms",expressive:"250ms",lazy:"400ms"},easing:{standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)",focus:"cubic-bezier(0.6, 0.2, 0.35, 1)"}},icon:{weight:{normal:"300",bold:"500"}},typography:{weight:{normal:"400",bold:"700"},font:{size:{16:"1rem",18:"1.125rem",20:"1.25rem",21:"1.3125rem",23:"1.4375rem",25:"1.5625rem",26:"1.625rem",28:"1.75rem",30:"1.875rem",36:"2.25rem",44:"2.75rem",56:"3.5rem"}},line:{height:{24:"1.5rem",28:"1.75rem",32:"2rem",36:"2.25rem",40:"2.5rem",44:"2.75rem",52:"3.25rem",64:"4rem"}},title:{small:{fontSize:"2.25rem",lineHeight:"2.75rem",fontWeight:"400"},base:{fontSize:"3.5rem",lineHeight:"4rem",fontWeight:"400"}},titleSmall:{small:{fontSize:"1.875rem",lineHeight:"2.25rem",fontWeight:"400"},base:{fontSize:"2.75rem",lineHeight:"3.25rem",fontWeight:"400"}},heading_1:{small:{fontSize:"1.625rem",lineHeight:"2rem",fontWeight:"400"},base:{fontSize:"2.25rem",lineHeight:"2.75rem",fontWeight:"400"}},heading_2:{small:{fontSize:"1.4375rem",lineHeight:"2rem",fontWeight:"400"},base:{fontSize:"1.75rem",lineHeight:"2.5rem",fontWeight:"400"}},heading_3:{small:{fontSize:"1.3125rem",lineHeight:"1.75rem",fontWeight:"700"},base:{fontSize:"1.5625rem",lineHeight:"2rem",fontWeight:"700"}},heading_4:{small:{fontSize:"1.125rem",lineHeight:"1.5rem",fontWeight:"700"},base:{fontSize:"1.3125rem",lineHeight:"1.75rem",fontWeight:"700"}},heading_5:{small:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},base:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"}},body:{small:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"400"},base:{fontSize:"1.25rem",lineHeight:"2rem",fontWeight:"400"}},small:{small:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"400"},base:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"400"}}},unit:{10:"0.5rem",15:"calc(var(--jkl-unit-10) * 1.5)",20:"calc(var(--jkl-unit-10) * 2)",25:"calc(var(--jkl-unit-10) * 2.5)",30:"calc(var(--jkl-unit-10) * 3)",40:"calc(var(--jkl-unit-10) * 4)",50:"calc(var(--jkl-unit-10) * 5)",60:"calc(var(--jkl-unit-10) * 6)",70:"calc(var(--jkl-unit-10) * 7)",80:"calc(var(--jkl-unit-10) * 8)",90:"calc(var(--jkl-unit-10) * 9)",130:"calc(var(--jkl-unit-10) * 13)",210:"calc(var(--jkl-unit-10) * 21)","02":"calc(var(--jkl-unit-10) * .25)","05":"calc(var(--jkl-unit-10) * .5)"}};export{e as default};
+const e={breakpoint:{medium:"680px",large:"1200px",xl:"1600px"},color:{brand:{snohvit:"#F9F9F9",varde:"#E0DBD4",granitt:"#1B1917",hvit:"#FFFFFF",svart:"#000000",skifer:"#313030",fjellgra:"#444141",stein:"#636060",svaberg:"#C8C5C3",dis:"#ECE9E5",sand:"#F4F2EF"},functional:{info:"#D3D3F6",infoDark:"#A9A9CA",success:"#ACD3B5",successDark:"#94B79B",warning:"#EFDD9E",warningDark:"#DECC8D",error:"#F6B3B3",errorDark:"#DE9E9E"},background:{page:{light:"#F4F2EF",dark:"#1B1917"},pageVariant:{light:"#F9F9F9",dark:"#1B1917"},container:{light:"#F9F9F9",dark:"#313030"},containerLow:{light:"#ECE9E5",dark:"#000000"},containerHigh:{light:"#FFFFFF",dark:"#313030"},containerInverted:{light:"#1B1917",dark:"#F9F9F9"},containerSubdued:{light:"#C8C5C3",dark:"#636060"},input:{base:{light:"transparent",dark:"transparent"},focus:{light:"#FFFFFF",dark:"#313030"}},action:{light:"#1B1917",dark:"#F9F9F9"},interactive:{light:"transparent",dark:"transparent"},interactiveHover:{light:"#ECE9E5",dark:"#444141"},interactiveSelected:{light:"#E0DBD4",dark:"#636060"},alert:{neutral:{light:"#E0DBD4",dark:"#E0DBD4"},info:{light:"#D3D3F6",dark:"#A9A9CA"},success:{light:"#ACD3B5",dark:"#94B79B"},warning:{light:"#EFDD9E",dark:"#DECC8D"},error:{light:"#F6B3B3",dark:"#DE9E9E"}}},text:{default:{light:"#1B1917",dark:"#F9F9F9"},subdued:{light:"#636060",dark:"#C8C5C3"},inverted:{light:"#F9F9F9",dark:"#1B1917"},onAction:{light:"#F9F9F9",dark:"#1B1917"},interactive:{light:"#1B1917",dark:"#F9F9F9"},interactiveHover:{light:"#636060",dark:"#C8C5C3"},onAlert:{light:"#1B1917",dark:"#1B1917"},onAlertSubdued:{light:"#444141",dark:"#444141"}},border:{action:{light:"#1B1917",dark:"#F9F9F9"},input:{light:"#636060",dark:"#C8C5C3"},inputFocus:{light:"#1B1917",dark:"#F9F9F9"},separator:{light:"#C8C5C3",dark:"#636060"},separatorStrong:{light:"#636060",dark:"#C8C5C3"},separatorHover:{light:"#1B1917",dark:"#F9F9F9"},subdued:{light:"#C8C5C3",dark:"#636060"}}},motion:{timing:{energetic:"75ms",snappy:"100ms",productive:"150ms",expressive:"250ms",lazy:"400ms"},easing:{standard:"ease",entrance:"ease-out",exit:"ease-in",easeInBounceOut:"cubic-bezier(0, 0, 0.375, 1.17)",focus:"cubic-bezier(0.6, 0.2, 0.35, 1)"}},spacing:{0:"0rem",2:"0.125rem",4:"0.25rem",8:"0.5rem",12:"0.75rem",16:"1rem",24:"1.5rem",32:"2rem",40:"2.5rem",64:"4rem",104:"6.5rem",168:"10.5rem"},icon:{weight:{normal:"300",bold:"400"}},typography:{weight:{normal:"400",bold:"700"},font:{size:{16:"1rem",18:"1.125rem",20:"1.25rem",21:"1.3125rem",23:"1.4375rem",25:"1.5625rem",26:"1.625rem",28:"1.75rem",30:"1.875rem",36:"2.25rem",44:"2.75rem",56:"3.5rem"}},line:{height:{24:"1.5rem",28:"1.75rem",32:"2rem",36:"2.25rem",40:"2.5rem",44:"2.75rem",52:"3.25rem",64:"4rem"}},title:{small:{fontSize:"2.25rem",lineHeight:"2.75rem",fontWeight:"400"},base:{fontSize:"3.5rem",lineHeight:"4rem",fontWeight:"400"}},titleSmall:{small:{fontSize:"1.875rem",lineHeight:"2.25rem",fontWeight:"400"},base:{fontSize:"2.75rem",lineHeight:"3.25rem",fontWeight:"400"}},heading_1:{small:{fontSize:"1.625rem",lineHeight:"2rem",fontWeight:"400"},base:{fontSize:"2.25rem",lineHeight:"2.75rem",fontWeight:"400"}},heading_2:{small:{fontSize:"1.4375rem",lineHeight:"2rem",fontWeight:"400"},base:{fontSize:"1.75rem",lineHeight:"2.5rem",fontWeight:"400"}},heading_3:{small:{fontSize:"1.3125rem",lineHeight:"1.75rem",fontWeight:"700"},base:{fontSize:"1.5625rem",lineHeight:"2rem",fontWeight:"700"}},heading_4:{small:{fontSize:"1.125rem",lineHeight:"1.5rem",fontWeight:"700"},base:{fontSize:"1.3125rem",lineHeight:"1.75rem",fontWeight:"700"}},heading_5:{small:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"},base:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"700"}},body:{small:{fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"400"},base:{fontSize:"1.25rem",lineHeight:"2rem",fontWeight:"400"}},small:{small:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"400"},base:{fontSize:"1rem",lineHeight:"1.5rem",fontWeight:"400"}}}};export{e as default};
 //# sourceMappingURL=tokens.js.map

package/build/es/core/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/core/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 18 Dec 2024 12:25:37 GMT\n */\n\nexport default {\n    breakpoint: {\n        medium: \"680px\",\n        large: \"1200px\",\n        xl: \"1600px\",\n    },\n    color: {\n        brand: {\n            snohvit: \"#F9F9F9\",\n            varde: \"#E0DBD4\",\n            granitt: \"#1B1917\",\n            hvit: \"#FFFFFF\",\n            svart: \"#000000\",\n            skifer: \"#313030\",\n            fjellgra: \"#444141\",\n            stein: \"#636060\",\n            svaberg: \"#C8C5C3\",\n            dis: \"#ECE9E5\",\n            sand: \"#F4F2EF\",\n        },\n        functional: {\n            info: \"#D3D3F6\",\n            infoDark: \"#A9A9CA\",\n            success: \"#ACD3B5\",\n            successDark: \"#94B79B\",\n            warning: \"#EFDD9E\",\n            warningDark: \"#DECC8D\",\n            error: \"#F6B3B3\",\n            errorDark: \"#DE9E9E\",\n        },\n        background: {\n            page: {\n                light: \"#F4F2EF\",\n                dark: \"#1B1917\",\n            },\n            pageVariant: {\n                light: \"#F9F9F9\",\n                dark: \"#1B1917\",\n            },\n            container: {\n                light: \"#F9F9F9\",\n                dark: \"#313030\",\n            },\n            containerLow: {\n                light: \"#ECE9E5\",\n                dark: \"#000000\",\n            },\n            containerHigh: {\n                light: \"#FFFFFF\",\n                dark: \"#313030\",\n            },\n            containerInverted: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            containerSubdued: {\n                light: \"#C8C5C3\",\n                dark: \"#636060\",\n            },\n            input: {\n                base: {\n                    light: \"transparent\",\n                    dark: \"transparent\",\n                },\n                focus: {\n                    light: \"#FFFFFF\",\n                    dark: \"#313030\",\n                },\n            },\n            action: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            interactive: {\n                light: \"transparent\",\n                dark: \"transparent\",\n            },\n            interactiveHover: {\n                light: \"#ECE9E5\",\n                dark: \"#444141\",\n            },\n            interactiveSelected: {\n                light: \"#E0DBD4\",\n                dark: \"#636060\",\n            },\n            alert: {\n                neutral: {\n                    light: \"#E0DBD4\",\n                    dark: \"#E0DBD4\",\n                },\n                info: {\n                    light: \"#D3D3F6\",\n                    dark: \"#A9A9CA\",\n                },\n                success: {\n                    light: \"#ACD3B5\",\n                    dark: \"#94B79B\",\n                },\n                warning: {\n                    light: \"#EFDD9E\",\n                    dark: \"#DECC8D\",\n                },\n                error: {\n                    light: \"#F6B3B3\",\n                    dark: \"#DE9E9E\",\n                },\n            },\n        },\n        text: {\n            default: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            subdued: {\n                light: \"#636060\",\n                dark: \"#C8C5C3\",\n            },\n            inverted: {\n                light: \"#F9F9F9\",\n                dark: \"#1B1917\",\n            },\n            onAction: {\n                light: \"#F9F9F9\",\n                dark: \"#1B1917\",\n            },\n            interactive: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            interactiveHover: {\n                light: \"#636060\",\n                dark: \"#C8C5C3\",\n            },\n            onAlert: {\n                light: \"#1B1917\",\n                dark: \"#1B1917\",\n            },\n            onAlertSubdued: {\n                light: \"#444141\",\n                dark: \"#444141\",\n            },\n        },\n        border: {\n            action: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            input: {\n                light: \"#636060\",\n                dark: \"#C8C5C3\",\n            },\n            inputFocus: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            separator: {\n                light: \"#C8C5C3\",\n                dark: \"#636060\",\n            },\n            separatorStrong: {\n                light: \"#636060\",\n                dark: \"#C8C5C3\",\n            },\n            separatorHover: {\n                light: \"#1B1917\",\n                dark: \"#F9F9F9\",\n            },\n            subdued: {\n                light: \"#C8C5C3\",\n                dark: \"#636060\",\n            },\n        },\n        svart: \"#000\",\n        granitt: \"#1b1917\",\n        skifer: \"#313030\",\n        fjellgra: \"#444141\",\n        stein: \"#636060\",\n        svaberg: \"#c8c5c3\",\n        varde: \"#e0dbd4\",\n        dis: \"#ece9e5\",\n        sand: \"#f4f2ef\",\n        snohvit: \"#f9f9f9\",\n        hvit: \"#fff\",\n        suksess: \"#acd3b5\",\n        suksessDark: \"#94b79b\",\n        feil: \"#f6b3b3\",\n        feilDark: \"#de9e9e\",\n        info: \"#d3d3f6\",\n        infoDark: \"#a9a9ca\",\n        advarsel: \"#efdd9e\",\n        advarselDark: \"#decc8d\",\n    },\n    spacing: {\n        0: \"0\",\n        2: \"0.125rem\",\n        4: \"0.25rem\",\n        8: \"0.5rem\",\n        12: \"0.75rem\",\n        16: \"1rem\",\n        24: \"1.5rem\",\n        32: \"2rem\",\n        40: \"2.5rem\",\n        64: \"4rem\",\n        104: \"6.5rem\",\n        168: \"10.5rem\",\n    },\n    motion: {\n        timing: {\n            energetic: \"75ms\",\n            snappy: \"100ms\",\n            productive: \"150ms\",\n            expressive: \"250ms\",\n            lazy: \"400ms\",\n        },\n        easing: {\n            standard: \"ease\",\n            entrance: \"ease-out\",\n            exit: \"ease-in\",\n            easeInBounceOut: \"cubic-bezier(0, 0, 0.375, 1.17)\",\n            focus: \"cubic-bezier(0.6, 0.2, 0.35, 1)\",\n        },\n    },\n    icon: {\n        weight: {\n            normal: \"300\",\n            bold: \"500\",\n        },\n    },\n    typography: {\n        weight: {\n            normal: \"400\",\n            bold: \"700\",\n        },\n        font: {\n            size: {\n                16: \"1rem\",\n                18: \"1.125rem\",\n                20: \"1.25rem\",\n                21: \"1.3125rem\",\n                23: \"1.4375rem\",\n                25: \"1.5625rem\",\n                26: \"1.625rem\",\n                28: \"1.75rem\",\n                30: \"1.875rem\",\n                36: \"2.25rem\",\n                44: \"2.75rem\",\n                56: \"3.5rem\",\n            },\n        },\n        line: {\n            height: {\n                24: \"1.5rem\",\n                28: \"1.75rem\",\n                32: \"2rem\",\n                36: \"2.25rem\",\n                40: \"2.5rem\",\n                44: \"2.75rem\",\n                52: \"3.25rem\",\n                64: \"4rem\",\n            },\n        },\n        title: {\n            small: {\n                fontSize: \"2.25rem\",\n                lineHeight: \"2.75rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"3.5rem\",\n                lineHeight: \"4rem\",\n                fontWeight: \"400\",\n            },\n        },\n        titleSmall: {\n            small: {\n                fontSize: \"1.875rem\",\n                lineHeight: \"2.25rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"2.75rem\",\n                lineHeight: \"3.25rem\",\n                fontWeight: \"400\",\n            },\n        },\n        heading_1: {\n            small: {\n                fontSize: \"1.625rem\",\n                lineHeight: \"2rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"2.25rem\",\n                lineHeight: \"2.75rem\",\n                fontWeight: \"400\",\n            },\n        },\n        heading_2: {\n            small: {\n                fontSize: \"1.4375rem\",\n                lineHeight: \"2rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"1.75rem\",\n                lineHeight: \"2.5rem\",\n                fontWeight: \"400\",\n            },\n        },\n        heading_3: {\n            small: {\n                fontSize: \"1.3125rem\",\n                lineHeight: \"1.75rem\",\n                fontWeight: \"700\",\n            },\n            base: {\n                fontSize: \"1.5625rem\",\n                lineHeight: \"2rem\",\n                fontWeight: \"700\",\n            },\n        },\n        heading_4: {\n            small: {\n                fontSize: \"1.125rem\",\n                lineHeight: \"1.5rem\",\n                fontWeight: \"700\",\n            },\n            base: {\n                fontSize: \"1.3125rem\",\n                lineHeight: \"1.75rem\",\n                fontWeight: \"700\",\n            },\n        },\n        heading_5: {\n            small: {\n                fontSize: \"1rem\",\n                lineHeight: \"1.5rem\",\n                fontWeight: \"700\",\n            },\n            base: {\n                fontSize: \"1rem\",\n                lineHeight: \"1.5rem\",\n                fontWeight: \"700\",\n            },\n        },\n        body: {\n            small: {\n                fontSize: \"1.125rem\",\n                lineHeight: \"1.75rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"1.25rem\",\n                lineHeight: \"2rem\",\n                fontWeight: \"400\",\n            },\n        },\n        small: {\n            small: {\n                fontSize: \"1rem\",\n                lineHeight: \"1.5rem\",\n                fontWeight: \"400\",\n            },\n            base: {\n                fontSize: \"1rem\",\n                lineHeight: \"1.5rem\",\n                fontWeight: \"400\",\n            },\n        },\n    },\n    unit: {\n        10: \"0.5rem\",\n        15: \"calc(var(--jkl-unit-10) * 1.5)\",\n        20: \"calc(var(--jkl-unit-10) * 2)\",\n        25: \"calc(var(--jkl-unit-10) * 2.5)\",\n        30: \"calc(var(--jkl-unit-10) * 3)\",\n        40: \"calc(var(--jkl-unit-10) * 4)\",\n        50: \"calc(var(--jkl-unit-10) * 5)\",\n        60: \"calc(var(--jkl-unit-10) * 6)\",\n        70: \"calc(var(--jkl-unit-10) * 7)\",\n        80: \"calc(var(--jkl-unit-10) * 8)\",\n        90: \"calc(var(--jkl-unit-10) * 9)\",\n        130: \"calc(var(--jkl-unit-10) * 13)\",\n        210: \"calc(var(--jkl-unit-10) * 21)\",\n        \"02\": \"calc(var(--jkl-unit-10) * .25)\",\n        \"05\": \"calc(var(--jkl-unit-10) * .5)\",\n    },\n};\n"],"names":["tokens","breakpoint","medium","large","xl","color","brand","snohvit","varde","granitt","hvit","svart","skifer","fjellgra","stein","svaberg","dis","sand","functional","info","infoDark","success","successDark","warning","warningDark","error","errorDark","background","page","light","dark","pageVariant","container","containerLow","containerHigh","containerInverted","containerSubdued","input","base","focus","action","interactive","interactiveHover","interactiveSelected","alert","neutral","text","default","subdued","inverted","onAction","onAlert","onAlertSubdued","border","inputFocus","separator","separatorStrong","separatorHover","suksess","suksessDark","feil","feilDark","advarsel","advarselDark","spacing","motion","timing","energetic","snappy","productive","expressive","lazy","easing","standard","entrance","exit","easeInBounceOut","icon","weight","normal","bold","typography","font","size","line","height","title","small","fontSize","lineHeight","fontWeight","titleSmall","heading_1","heading_2","heading_3","heading_4","heading_5","body","unit"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../src/core/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n    breakpoint: { medium: \"680px\", large: \"1200px\", xl: \"1600px\" },\n    color: {\n        brand: {\n            snohvit: \"#F9F9F9\",\n            varde: \"#E0DBD4\",\n            granitt: \"#1B1917\",\n            hvit: \"#FFFFFF\",\n            svart: \"#000000\",\n            skifer: \"#313030\",\n            fjellgra: \"#444141\",\n            stein: \"#636060\",\n            svaberg: \"#C8C5C3\",\n            dis: \"#ECE9E5\",\n            sand: \"#F4F2EF\",\n        },\n        functional: {\n            info: \"#D3D3F6\",\n            infoDark: \"#A9A9CA\",\n            success: \"#ACD3B5\",\n            successDark: \"#94B79B\",\n            warning: \"#EFDD9E\",\n            warningDark: \"#DECC8D\",\n            error: \"#F6B3B3\",\n            errorDark: \"#DE9E9E\",\n        },\n        background: {\n            page: { light: \"#F4F2EF\", dark: \"#1B1917\" },\n            pageVariant: { light: \"#F9F9F9\", dark: \"#1B1917\" },\n            container: { light: \"#F9F9F9\", dark: \"#313030\" },\n            containerLow: { light: \"#ECE9E5\", dark: \"#000000\" },\n            containerHigh: { light: \"#FFFFFF\", dark: \"#313030\" },\n            containerInverted: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            containerSubdued: { light: \"#C8C5C3\", dark: \"#636060\" },\n            input: {\n                base: { light: \"transparent\", dark: \"transparent\" },\n                focus: { light: \"#FFFFFF\", dark: \"#313030\" },\n            },\n            action: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            interactive: { light: \"transparent\", dark: \"transparent\" },\n            interactiveHover: { light: \"#ECE9E5\", dark: \"#444141\" },\n            interactiveSelected: { light: \"#E0DBD4\", dark: \"#636060\" },\n            alert: {\n                neutral: { light: \"#E0DBD4\", dark: \"#E0DBD4\" },\n                info: { light: \"#D3D3F6\", dark: \"#A9A9CA\" },\n                success: { light: \"#ACD3B5\", dark: \"#94B79B\" },\n                warning: { light: \"#EFDD9E\", dark: \"#DECC8D\" },\n                error: { light: \"#F6B3B3\", dark: \"#DE9E9E\" },\n            },\n        },\n        text: {\n            default: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            subdued: { light: \"#636060\", dark: \"#C8C5C3\" },\n            inverted: { light: \"#F9F9F9\", dark: \"#1B1917\" },\n            onAction: { light: \"#F9F9F9\", dark: \"#1B1917\" },\n            interactive: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            interactiveHover: { light: \"#636060\", dark: \"#C8C5C3\" },\n            onAlert: { light: \"#1B1917\", dark: \"#1B1917\" },\n            onAlertSubdued: { light: \"#444141\", dark: \"#444141\" },\n        },\n        border: {\n            action: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            input: { light: \"#636060\", dark: \"#C8C5C3\" },\n            inputFocus: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            separator: { light: \"#C8C5C3\", dark: \"#636060\" },\n            separatorStrong: { light: \"#636060\", dark: \"#C8C5C3\" },\n            separatorHover: { light: \"#1B1917\", dark: \"#F9F9F9\" },\n            subdued: { light: \"#C8C5C3\", dark: \"#636060\" },\n        },\n    },\n    motion: {\n        timing: { energetic: \"75ms\", snappy: \"100ms\", productive: \"150ms\", expressive: \"250ms\", lazy: \"400ms\" },\n        easing: {\n            standard: \"ease\",\n            entrance: \"ease-out\",\n            exit: \"ease-in\",\n            easeInBounceOut: \"cubic-bezier(0, 0, 0.375, 1.17)\",\n            focus: \"cubic-bezier(0.6, 0.2, 0.35, 1)\",\n        },\n    },\n    spacing: {\n        0: \"0rem\",\n        2: \"0.125rem\",\n        4: \"0.25rem\",\n        8: \"0.5rem\",\n        12: \"0.75rem\",\n        16: \"1rem\",\n        24: \"1.5rem\",\n        32: \"2rem\",\n        40: \"2.5rem\",\n        64: \"4rem\",\n        104: \"6.5rem\",\n        168: \"10.5rem\",\n    },\n    icon: { weight: { normal: \"300\", bold: \"400\" } },\n    typography: {\n        weight: { normal: \"400\", bold: \"700\" },\n        font: {\n            size: {\n                16: \"1rem\",\n                18: \"1.125rem\",\n                20: \"1.25rem\",\n                21: \"1.3125rem\",\n                23: \"1.4375rem\",\n                25: \"1.5625rem\",\n                26: \"1.625rem\",\n                28: \"1.75rem\",\n                30: \"1.875rem\",\n                36: \"2.25rem\",\n                44: \"2.75rem\",\n                56: \"3.5rem\",\n            },\n        },\n        line: {\n            height: {\n                24: \"1.5rem\",\n                28: \"1.75rem\",\n                32: \"2rem\",\n                36: \"2.25rem\",\n                40: \"2.5rem\",\n                44: \"2.75rem\",\n                52: \"3.25rem\",\n                64: \"4rem\",\n            },\n        },\n        title: {\n            small: { fontSize: \"2.25rem\", lineHeight: \"2.75rem\", fontWeight: \"400\" },\n            base: { fontSize: \"3.5rem\", lineHeight: \"4rem\", fontWeight: \"400\" },\n        },\n        titleSmall: {\n            small: { fontSize: \"1.875rem\", lineHeight: \"2.25rem\", fontWeight: \"400\" },\n            base: { fontSize: \"2.75rem\", lineHeight: \"3.25rem\", fontWeight: \"400\" },\n        },\n        heading_1: {\n            small: { fontSize: \"1.625rem\", lineHeight: \"2rem\", fontWeight: \"400\" },\n            base: { fontSize: \"2.25rem\", lineHeight: \"2.75rem\", fontWeight: \"400\" },\n        },\n        heading_2: {\n            small: { fontSize: \"1.4375rem\", lineHeight: \"2rem\", fontWeight: \"400\" },\n            base: { fontSize: \"1.75rem\", lineHeight: \"2.5rem\", fontWeight: \"400\" },\n        },\n        heading_3: {\n            small: { fontSize: \"1.3125rem\", lineHeight: \"1.75rem\", fontWeight: \"700\" },\n            base: { fontSize: \"1.5625rem\", lineHeight: \"2rem\", fontWeight: \"700\" },\n        },\n        heading_4: {\n            small: { fontSize: \"1.125rem\", lineHeight: \"1.5rem\", fontWeight: \"700\" },\n            base: { fontSize: \"1.3125rem\", lineHeight: \"1.75rem\", fontWeight: \"700\" },\n        },\n        heading_5: {\n            small: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"700\" },\n            base: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"700\" },\n        },\n        body: {\n            small: { fontSize: \"1.125rem\", lineHeight: \"1.75rem\", fontWeight: \"400\" },\n            base: { fontSize: \"1.25rem\", lineHeight: \"2rem\", fontWeight: \"400\" },\n        },\n        small: {\n            small: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"400\" },\n            base: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"400\" },\n        },\n    },\n};\n"],"names":["tokens","breakpoint","medium","large","xl","color","brand","snohvit","varde","granitt","hvit","svart","skifer","fjellgra","stein","svaberg","dis","sand","functional","info","infoDark","success","successDark","warning","warningDark","error","errorDark","background","page","light","dark","pageVariant","container","containerLow","containerHigh","containerInverted","containerSubdued","input","base","focus","action","interactive","interactiveHover","interactiveSelected","alert","neutral","text","default","subdued","inverted","onAction","onAlert","onAlertSubdued","border","inputFocus","separator","separatorStrong","separatorHover","motion","timing","energetic","snappy","productive","expressive","lazy","easing","standard","entrance","exit","easeInBounceOut","spacing","icon","weight","normal","bold","typography","font","size","line","height","title","small","fontSize","lineHeight","fontWeight","titleSmall","heading_1","heading_2","heading_3","heading_4","heading_5","body"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 /**
- * Do not edit directly
- * Generated on Thu, 09 Jan 2025 11:10:44 GMT
+ * Do not edit directly, this file was auto-generated.
  */
 declare const colors: {
     "background-page": string;

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 09 Jan 2025 11:10:44 GMT\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\":\n        \"var(--jkl-color-background-container-inverted)\",\n    \"background-container-subdued\":\n        \"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\":\n        \"var(--jkl-color-background-interactive-hover)\",\n    \"background-interactive-selected\":\n        \"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":"AAKA,MAAMA,EAAS,CACX,kBAAmB,mCACnB,0BAA2B,2CAC3B,uBAAwB,wCACxB,2BAA4B,4CAC5B,4BAA6B,6CAC7B,gCACI,iDACJ,+BACI,gDACJ,wBAAyB,yCACzB,yBAA0B,0CAC1B,oBAAqB,qCACrB,yBAA0B,0CAC1B,+BACI,gDACJ,kCACI,mDACJ,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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -653,6 +653,7 @@
     "sass-embedded": "^1.90.0",
     "style-dictionary": "^5.0.1",
     "tailwindcss": "^3.4.17",
+    "tsx": "^4.20.6",
     "vite": "^7.1.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
@@ -677,7 +678,7 @@
   },
   "gitHead": "2728cf20df66dd1c647cdffb49aab5365433abdb",
   "scripts": {
-    "generate:tokens": "node tokens.build.mjs",
+    "generate:tokens": "tsx ./src/core/tokens/style-dictionary/build.ts",
     "build": "pnpm run /compile:*/",
     "dev": "babel --out-dir=. dev-server.mjs && node dev-server.js",
     "compile:style": "node build-styles.mjs",

package/styles/components/autosuggest/autosuggest.css

@@ -1,11 +1,13 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 @media screen and (prefers-color-scheme: light) {
   :root {
     --jkl-autosuggest-text-color: #1b1917;
-    --jkl-autosuggest-menu-background-color: #ffffff;
+    --jkl-autosuggest-menu-background-color: #fff;
     --jkl-autosuggest-focus-color: #1b1917;
     --jkl-autosuggest-error-text-color: #1b1917;
     --jkl-autosuggest-error-placeholder-color: #636060;
@@ -15,7 +17,7 @@
 }
 [data-theme=light] {
   --jkl-autosuggest-text-color: #1b1917;
-  --jkl-autosuggest-menu-background-color: #ffffff;
+  --jkl-autosuggest-menu-background-color: #fff;
   --jkl-autosuggest-focus-color: #1b1917;
   --jkl-autosuggest-error-text-color: #1b1917;
   --jkl-autosuggest-error-placeholder-color: #636060;
@@ -26,7 +28,7 @@
 @media screen and (prefers-color-scheme: dark) {
   :root {
     --jkl-autosuggest-text-color: #f9f9f9;
-    --jkl-autosuggest-menu-background-color: #000000;
+    --jkl-autosuggest-menu-background-color: #000;
     --jkl-autosuggest-focus-color: #f9f9f9;
     --jkl-autosuggest-error-text-color: #1b1917;
     --jkl-autosuggest-error-placeholder-color: #636060;
@@ -36,7 +38,7 @@
 }
 [data-theme=dark] {
   --jkl-autosuggest-text-color: #f9f9f9;
-  --jkl-autosuggest-menu-background-color: #000000;
+  --jkl-autosuggest-menu-background-color: #000;
   --jkl-autosuggest-focus-color: #f9f9f9;
   --jkl-autosuggest-error-text-color: #1b1917;
   --jkl-autosuggest-error-placeholder-color: #636060;

package/styles/components/breadcrumb/breadcrumb.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .jkl-breadcrumb a[aria-current] {
   text-decoration: none;

package/styles/components/button/button.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 :root,
 [data-layout-density=comfortable],
@@ -70,6 +72,9 @@
   transition-duration: 150ms;
   transition-property: background-color;
 }
+.jkl-button:has(.jkl-button__text) {
+  min-width: 9.5ch;
+}
 .jkl-button:has(.jkl-icon:first-child) {
   padding-inline-start: var(--jkl-button-padding-icon);
 }

package/styles/components/button/button.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:400}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:400}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button:has(.jkl-button__text){min-width:9.5ch}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}

package/styles/components/button/button.scss

@@ -65,6 +65,10 @@
 
     @include jkl.motion("standard", "productive", background-color);
 
+    &:has(.jkl-button__text) {
+        min-width: 9.5ch;
+    }
+
     &:has(.jkl-icon:first-child) {
         padding-inline-start: var(--jkl-button-padding-icon);
     }

package/styles/components/card/card.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .jkl-card {
   --padding-s: var(--jkl-unit-05);
@@ -74,9 +76,7 @@
 }
 
 .jkl-card-image {
-  --margin: calc(
-      var(--padding, 0) * -1
-  );
+  --margin: calc(var(--padding, 0) * -1);
   width: calc(100% + 2 * var(--padding, 0));
   aspect-ratio: var(--image-aspect-ratio, 3/2);
   margin-inline: var(--margin, 0);
@@ -86,4 +86,7 @@
 }
 .jkl-card-image--bottom {
   margin-bottom: var(--margin, 0);
+}
+.jkl-card-image--full {
+  margin-block: var(--margin, 0);
 }

package/styles/components/card/card.min.css

@@ -1 +1 @@
-.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:0.25rem;--border-color:#0000;--border-width:0.0625rem;--background-color:#0000;background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card,.jkl-card:after{border-radius:var(--border-radius)}.jkl-card:after{border:var(--border-width) solid var(--border-color);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}
+.jkl-card{--padding-s:var(--jkl-unit-05);--padding-m:var(--jkl-unit-15);--padding-l:var(--jkl-unit-20);--padding-xl:var(--jkl-unit-30);--border-radius:0.25rem;--border-color:#0000;--border-width:0.0625rem;--background-color:#0000;background-color:var(--background-color);box-sizing:border-box;color:var(--jkl-color-text-default);display:block;overflow:hidden;padding:var(--padding,var(--padding-s));position:relative;text-decoration:none}.jkl-card,.jkl-card:after{border-radius:var(--border-radius)}.jkl-card:after{border:var(--border-width) solid var(--border-color);content:"";inset:0;pointer-events:none;position:absolute;transition-duration:.1s;transition-property:border-color,border-size;transition-timing-function:ease}@media (min-width:680px){.jkl-card{--padding-s:var(--jkl-unit-10);--padding-m:var(--jkl-unit-20);--padding-l:var(--jkl-unit-30);--padding-xl:var(--jkl-unit-40)}}.jkl-card[data-padding=s]{--padding:var(--padding-s)}.jkl-card[data-padding=m]{--padding:var(--padding-m)}.jkl-card[data-padding=l]{--padding:var(--padding-l)}.jkl-card[data-padding=xl]{--padding:var(--padding-xl)}.jkl-card--high{--background-color:var(--jkl-color-background-container-high)}.jkl-card--low{--background-color:var(--jkl-color-background-container-low)}.jkl-card--outlined{--border-color:var(--jkl-color-border-separator)}.jkl-card[data-clickable=true]{cursor:pointer}.jkl-card[data-clickable=true]:hover{--border-color:var(--jkl-color-border-separator-hover);--border-width:0.125rem}.jkl-card[data-clickable=true]:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-card-image{--margin:calc(var(--padding, 0)*-1);aspect-ratio:var(--image-aspect-ratio,3/2);margin-inline:var(--margin,0);width:calc(100% + var(--padding, 0)*2)}.jkl-card-image--top{margin-top:var(--margin,0)}.jkl-card-image--bottom{margin-bottom:var(--margin,0)}.jkl-card-image--full{margin-block:var(--margin,0)}

package/styles/components/card/card.scss

@@ -82,9 +82,7 @@
 }
 
 .jkl-card-image {
-    --margin: calc(
-        var(--padding, 0) * -1
-    ); // Sett negativ margin tilsvarende padding (fra Card)
+    --margin: calc(var(--padding, 0) * -1); // Sett negativ margin tilsvarende padding (fra Card)
 
     width: calc(100% + 2 * var(--padding, 0));
     aspect-ratio: var(--image-aspect-ratio, 3/2);
@@ -97,4 +95,8 @@
     &--bottom {
         margin-bottom: var(--margin, 0);
     }
-}
+
+    &--full {
+        margin-block: var(--margin, 0);
+    }
+}