@fremtind/jokul 4.3.0 → 5.0.0-next.1

package/build/es/hooks/useScreen/useScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScreen.js","sources":["../../../../src/hooks/useScreen/useScreen.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useState } from \"react\";\nimport { tokens } from \"../../core/index.js\";\nimport {\n    addMediaQueryListener,\n    getInitialMediaQueryMatch,\n    removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\nimport {\n    ActionType,\n    type ScreenAction,\n    type ScreenState,\n    reducer,\n} from \"./state.js\";\n\nconst { breakpoint } = tokens;\n\nconst breakpointsAsNumber = (breakpoint: string): number =>\n    Number.parseInt(breakpoint.replace(\"px\", \"\"));\n\nconst MEDIA_RULES: Record<keyof ScreenState, string> = {\n    isSmallDevice: `(max-width: ${\n        breakpointsAsNumber(breakpoint.medium) - 1\n    }px)`,\n    isMediumDevice: `(min-width: ${breakpoint.medium}) and (max-width: ${\n        breakpointsAsNumber(breakpoint.large) - 1\n    }px)`,\n    isLargeDevice: `(min-width: ${breakpoint.large}) and (max-width: ${\n        breakpointsAsNumber(breakpoint.xl) - 1\n    }px)`,\n    isXlDevice: `(min-width: ${breakpoint.xl})`,\n    isPortrait: \"(orientation: portrait)\",\n    isLandscape: \"(orientation: landscape)\",\n};\n\nconst createAction = (property: keyof ScreenState): ScreenAction => ({\n    type:\n        property === \"isLandscape\" || property === \"isPortrait\"\n            ? ActionType.orientation\n            : ActionType.deviceSize,\n    property,\n});\n\n/**\n * Finn størrelsen og orienteringen til skjermen.\n * @returns Et objekt med boolean som indikerer om skjermstørrelsen er liten, medium, stor eller ekstra stor, og om skjermen er i portrett- eller landskapsmodus.\n */\nexport const useScreen = (): ScreenState => {\n    const [hasMounted, setHasMounted] = useState(false);\n\n    const [device, deviceDispatch] = useReducer(reducer, {\n        isSmallDevice: false,\n        isMediumDevice: false,\n        isLargeDevice: false,\n        isXlDevice: false,\n        isLandscape: false,\n        isPortrait: false,\n    });\n\n    useEffect(() => {\n        setHasMounted(true);\n        const initialMatches = Object.entries(MEDIA_RULES).map(\n            ([key, rule]) => [key, getInitialMediaQueryMatch(rule)],\n        );\n\n        for (const [key, value] of initialMatches) {\n            if (value) {\n                deviceDispatch(createAction(key as keyof ScreenState));\n            }\n        }\n    }, []);\n\n    const createListener = useCallback(\n        (key: keyof ScreenState) => (e: MediaQueryListEvent) => {\n            requestAnimationFrame(() => {\n                if (e.matches) {\n                    deviceDispatch(createAction(key));\n                }\n            });\n        },\n        [],\n    );\n\n    useEffect(() => {\n        if (!hasMounted || !window.matchMedia) {\n            return;\n        }\n        const eventListenerPairs: Array<\n            [MediaQueryList, (e: MediaQueryListEvent) => void]\n        > = [];\n\n        for (const [key, rule] of Object.entries(MEDIA_RULES)) {\n            const queryList = window.matchMedia(rule);\n            const listener = createListener(key as keyof ScreenState);\n            eventListenerPairs.push([queryList, listener]);\n            addMediaQueryListener(queryList, listener);\n        }\n\n        return () => {\n            for (const [queryList, listener] of eventListenerPairs) {\n                removeMediaQueryListener(queryList, listener);\n            }\n        };\n    }, [createListener, hasMounted]);\n\n    return { ...device };\n};\n"],"names":["breakpoint","tokens","breakpointsAsNumber","Number","parseInt","replace","MEDIA_RULES","isSmallDevice","medium","isMediumDevice","large","isLargeDevice","xl","isXlDevice","isPortrait","isLandscape","createAction","property","type","ActionType","orientation","deviceSize","useScreen","hasMounted","setHasMounted","useState","device","deviceDispatch","useReducer","reducer","useEffect","initialMatches","Object","entries","map","key","rule","getInitialMediaQueryMatch","value","createListener","useCallback","e","requestAnimationFrame","matches","window","matchMedia","eventListenerPairs","queryList","listener","push","addMediaQueryListener","removeMediaQueryListener"],"mappings":"qSAcA,MAAQA,WAAAA,GAAeC,EAEjBC,EAAuBF,GACzBG,OAAOC,SAASJ,EAAWK,QAAQ,KAAM,KAEvCC,EAAiD,CACnDC,cAAe,eACXL,EAAoBF,EAAWQ,QAAU,OAE7CC,eAAgB,eAAeT,EAAWQ,2BACtCN,EAAoBF,EAAWU,OAAS,OAE5CC,cAAe,eAAeX,EAAWU,0BACrCR,EAAoBF,EAAWY,IAAM,OAEzCC,WAAY,eAAeb,EAAWY,MACtCE,WAAY,0BACZC,YAAa,4BAGXC,EAAgBC,IAAAA,CAClBC,KACiB,gBAAbD,GAA2C,eAAbA,EACxBE,EAAWC,YACXD,EAAWE,WACrBJ,SAAAA,IAOSK,EAAY,KACrB,MAAOC,EAAYC,GAAiBC,GAAS,IAEtCC,EAAQC,GAAkBC,EAAWC,EAAS,CACjDtB,eAAe,EACfE,gBAAgB,EAChBE,eAAe,EACfE,YAAY,EACZE,aAAa,EACbD,YAAY,IAGhBgB,EAAU,KACNN,GAAc,GACd,MAAMO,EAAiBC,OAAOC,QAAQ3B,GAAa4B,IAC/C,EAAEC,EAAKC,KAAU,CAACD,EAAKE,EAA0BD,KAGrD,IAAA,MAAYD,EAAKG,KAAUP,EACnBO,GACAX,EAAeX,EAAamB,KAGrC,IAEH,MAAMI,EAAiBC,EAClBL,GAA4BM,IACzBC,sBAAsB,KACdD,EAAEE,SACFhB,EAAeX,EAAamB,OAIxC,IAGJ,OAAAL,EAAU,KACN,IAAKP,IAAeqB,OAAOC,WACvB,OAEJ,MAAMC,EAEF,GAEJ,IAAA,MAAYX,EAAKC,KAASJ,OAAOC,QAAQ3B,GAAc,CACnD,MAAMyC,EAAYH,OAAOC,WAAWT,GAC9BY,EAAWT,EAAeJ,GAChCW,EAAmBG,KAAK,CAACF,EAAWC,IACpCE,EAAsBH,EAAWC,EACrC,CAEA,MAAO,KACH,IAAA,MAAYD,EAAWC,KAAaF,EAChCK,EAAyBJ,EAAWC,KAG7C,CAACT,EAAgBhB,IAEb,IAAKG"}
+{"version":3,"file":"useScreen.js","sources":["../../../../src/hooks/useScreen/useScreen.ts"],"sourcesContent":["import { useCallback, useEffect, useReducer, useState } from \"react\";\nimport tokens from \"../../tokens.js\";\nimport {\n    addMediaQueryListener,\n    getInitialMediaQueryMatch,\n    removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\nimport {\n    ActionType,\n    type ScreenAction,\n    type ScreenState,\n    reducer,\n} from \"./state.js\";\n\nconst { breakpoint } = tokens;\n\nconst breakpointsAsNumber = (breakpoint: string): number =>\n    Number.parseInt(breakpoint.replace(\"px\", \"\"));\n\nconst MEDIA_RULES: Record<keyof ScreenState, string> = {\n    isSmallDevice: `(max-width: ${\n        breakpointsAsNumber(breakpoint.medium) - 1\n    }px)`,\n    isMediumDevice: `(min-width: ${breakpoint.medium}) and (max-width: ${\n        breakpointsAsNumber(breakpoint.large) - 1\n    }px)`,\n    isLargeDevice: `(min-width: ${breakpoint.large}) and (max-width: ${\n        breakpointsAsNumber(breakpoint.xl) - 1\n    }px)`,\n    isXlDevice: `(min-width: ${breakpoint.xl})`,\n    isPortrait: \"(orientation: portrait)\",\n    isLandscape: \"(orientation: landscape)\",\n};\n\nconst createAction = (property: keyof ScreenState): ScreenAction => ({\n    type:\n        property === \"isLandscape\" || property === \"isPortrait\"\n            ? ActionType.orientation\n            : ActionType.deviceSize,\n    property,\n});\n\n/**\n * Finn størrelsen og orienteringen til skjermen.\n * @returns Et objekt med boolean som indikerer om skjermstørrelsen er liten, medium, stor eller ekstra stor, og om skjermen er i portrett- eller landskapsmodus.\n */\nexport const useScreen = (): ScreenState => {\n    const [hasMounted, setHasMounted] = useState(false);\n\n    const [device, deviceDispatch] = useReducer(reducer, {\n        isSmallDevice: false,\n        isMediumDevice: false,\n        isLargeDevice: false,\n        isXlDevice: false,\n        isLandscape: false,\n        isPortrait: false,\n    });\n\n    useEffect(() => {\n        setHasMounted(true);\n        const initialMatches = Object.entries(MEDIA_RULES).map(\n            ([key, rule]) => [key, getInitialMediaQueryMatch(rule)],\n        );\n\n        for (const [key, value] of initialMatches) {\n            if (value) {\n                deviceDispatch(createAction(key as keyof ScreenState));\n            }\n        }\n    }, []);\n\n    const createListener = useCallback(\n        (key: keyof ScreenState) => (e: MediaQueryListEvent) => {\n            requestAnimationFrame(() => {\n                if (e.matches) {\n                    deviceDispatch(createAction(key));\n                }\n            });\n        },\n        [],\n    );\n\n    useEffect(() => {\n        if (!hasMounted || !window.matchMedia) {\n            return;\n        }\n        const eventListenerPairs: Array<\n            [MediaQueryList, (e: MediaQueryListEvent) => void]\n        > = [];\n\n        for (const [key, rule] of Object.entries(MEDIA_RULES)) {\n            const queryList = window.matchMedia(rule);\n            const listener = createListener(key as keyof ScreenState);\n            eventListenerPairs.push([queryList, listener]);\n            addMediaQueryListener(queryList, listener);\n        }\n\n        return () => {\n            for (const [queryList, listener] of eventListenerPairs) {\n                removeMediaQueryListener(queryList, listener);\n            }\n        };\n    }, [createListener, hasMounted]);\n\n    return { ...device };\n};\n"],"names":["breakpoint","tokens","breakpointsAsNumber","Number","parseInt","replace","MEDIA_RULES","isSmallDevice","medium","isMediumDevice","large","isLargeDevice","xl","isXlDevice","isPortrait","isLandscape","createAction","property","type","ActionType","orientation","deviceSize","useScreen","hasMounted","setHasMounted","useState","device","deviceDispatch","useReducer","reducer","useEffect","initialMatches","Object","entries","map","key","rule","getInitialMediaQueryMatch","value","createListener","useCallback","e","requestAnimationFrame","matches","window","matchMedia","eventListenerPairs","queryList","listener","push","addMediaQueryListener","removeMediaQueryListener"],"mappings":"gSAcA,MAAQA,WAAAA,GAAeC,EAEjBC,EAAuBF,GACzBG,OAAOC,SAASJ,EAAWK,QAAQ,KAAM,KAEvCC,EAAiD,CACnDC,cAAe,eACXL,EAAoBF,EAAWQ,QAAU,OAE7CC,eAAgB,eAAeT,EAAWQ,2BACtCN,EAAoBF,EAAWU,OAAS,OAE5CC,cAAe,eAAeX,EAAWU,0BACrCR,EAAoBF,EAAWY,IAAM,OAEzCC,WAAY,eAAeb,EAAWY,MACtCE,WAAY,0BACZC,YAAa,4BAGXC,EAAgBC,IAAAA,CAClBC,KACiB,gBAAbD,GAA2C,eAAbA,EACxBE,EAAWC,YACXD,EAAWE,WACrBJ,SAAAA,IAOSK,EAAY,KACrB,MAAOC,EAAYC,GAAiBC,GAAS,IAEtCC,EAAQC,GAAkBC,EAAWC,EAAS,CACjDtB,eAAe,EACfE,gBAAgB,EAChBE,eAAe,EACfE,YAAY,EACZE,aAAa,EACbD,YAAY,IAGhBgB,EAAU,KACNN,GAAc,GACd,MAAMO,EAAiBC,OAAOC,QAAQ3B,GAAa4B,IAC/C,EAAEC,EAAKC,KAAU,CAACD,EAAKE,EAA0BD,KAGrD,IAAA,MAAYD,EAAKG,KAAUP,EACnBO,GACAX,EAAeX,EAAamB,KAGrC,IAEH,MAAMI,EAAiBC,EAClBL,GAA4BM,IACzBC,sBAAsB,KACdD,EAAEE,SACFhB,EAAeX,EAAamB,OAIxC,IAGJ,OAAAL,EAAU,KACN,IAAKP,IAAeqB,OAAOC,WACvB,OAEJ,MAAMC,EAEF,GAEJ,IAAA,MAAYX,EAAKC,KAASJ,OAAOC,QAAQ3B,GAAc,CACnD,MAAMyC,EAAYH,OAAOC,WAAWT,GAC9BY,EAAWT,EAAeJ,GAChCW,EAAmBG,KAAK,CAACF,EAAWC,IACpCE,EAAsBH,EAAWC,EACrC,CAEA,MAAO,KACH,IAAA,MAAYD,EAAWC,KAAaF,EAChCK,EAAyBJ,EAAWC,KAG7C,CAACT,EAAgBhB,IAEb,IAAKG"}

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

@@ -1,2 +1,2 @@
-import{k as o}from"../../../index-DOHQmuhD.js";import t from"tailwindcss/plugin.js";import s from"../../core/tokens.js";const{breakpoint:e,typography:i}=s,m=t(({addComponents:t})=>{const s=Object.entries(i.style).map(([t,s])=>[`.${o(t)}`,{...s.small,[`@media (min-width: ${e.medium})`]:{...s.base}}]);t(Object.fromEntries(s))});export{m as jokulTypographyPlugin};
+import e from"tailwindcss/plugin.js";import t from"../../tokens.js";const n=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),r=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),c=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),o=/[^\p{L}\d]+/giu,i="$1\0$2";function s(e){let t=e.trim();t=t.replace(n,i).replace(r,i),t=t.replace(o,"\0");let c=0,s=t.length;for(;"\0"===t.charAt(c);)c++;if(c===s)return[];for(;"\0"===t.charAt(s-1);)s--;return t.slice(c,s).split(/\0/g)}function l(e){const t=s(e);for(let e=0;e<t.length;e++){const n=t[e],r=c.exec(n);if(r){const c=r.index+(r[1]??r[2]).length;t.splice(e,1,n.slice(0,c),n.slice(c))}}return t}function p(e,t){const[n,r,c]=function(e,t={}){const n=t.split??(t.separateNumbers?l:s),r=t.prefixCharacters??"",c=t.suffixCharacters??"";let o=0,i=e.length;for(;o<e.length;){const t=e.charAt(o);if(!r.includes(t))break;o++}for(;i>o;){const t=i-1,n=e.charAt(t);if(!c.includes(n))break;i=t}return[e.slice(0,o),n(e.slice(o,i)),e.slice(i)]}(e,t);return n+r.map(function(e){return!1===e?e=>e.toLowerCase():t=>t.toLocaleLowerCase(e)}(t?.locale)).join(t?.delimiter??" ")+c}function u(e,t){return p(e,{delimiter:"-",...t})}const{textStyle:a}=t,f=e(({addComponents:e})=>{const t=Object.entries(a).map(([e,t])=>[`.${u(e)}`,{font:t}]);e(Object.fromEntries(t))});export{f as jokulTypographyPlugin};
 //# sourceMappingURL=jokulTypographyPlugin.js.map

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

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

package/build/es/tailwind/tailwindPreset.js

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

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

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

package/build/es/tokens.d.ts

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

package/build/es/tokens.js

@@ -0,0 +1,2 @@
+const r={color:{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};
+//# sourceMappingURL=tokens.js.map

package/build/es/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../src/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n  color: {\n    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"}

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

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

package/build/es/utilities/getThemeAndSize.js

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

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

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

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

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

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

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