@fremtind/jokul 4.0.2 → 4.1.0

package/build/cjs/components/datepicker/utils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react");const e=/^(\d\d?)[\W](\d\d?)[\W](\d{4}|\d{2})$/,t=/^(\d{4}|\d{2})[\W](\d\d?)[\W](\d\d?)$/;exports.formatInput=function(e){return`${`${e.getDate()}`.padStart(2,"0")}.${`${e.getMonth()+1}`.padStart(2,"0")}.${e.getFullYear()}`},exports.isBlurTargetOutside=function(e){if(!e.relatedTarget)return!0;const t=e.target.closest(".jkl-datepicker__input-wrapper");return e.relatedTarget.closest(".jkl-datepicker__input-wrapper")!==t},exports.parseDateString=function(r){if(!r)return;const n=(r=>{const n=e.exec(r);if(n)return n.slice(1,4);const a=t.exec(r);if(!a)return;const o=a.slice(1,4);return o.reverse(),o})(r);if(!n)return;const a=Number.parseInt((new Date).toLocaleString("no-NB",{year:"2-digit"})),o=Number.parseInt(n[0],10),s=Number.parseInt(n[1],10)-1,u=Number.parseInt(n[2],10),i=u>99?u:(c=u)>a?c+1900:c+2e3,d=new Date(i,s,o,0,0,0);var c;return d.getMonth()===s&&d.getFullYear()===i?d:void 0};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=/^(\d\d?)[\W](\d\d?)[\W](\d{4}|\d{2})$/,t=/^(\d{4}|\d{2})[\W](\d\d?)[\W](\d\d?)$/;exports.formatInput=function(e){return`${`${e.getDate()}`.padStart(2,"0")}.${`${e.getMonth()+1}`.padStart(2,"0")}.${e.getFullYear()}`},exports.isBlurTargetOutside=function(e){if(!e.relatedTarget)return!0;const t=e.target.closest(".jkl-datepicker__input-wrapper");return e.relatedTarget.closest(".jkl-datepicker__input-wrapper")!==t},exports.parseDateString=function(r){if(!r)return;const n=(r=>{const n=e.exec(r);if(n)return n.slice(1,4);const a=t.exec(r);if(!a)return;const o=a.slice(1,4);return o.reverse(),o})(r);if(!n)return;const a=Number.parseInt((new Date).toLocaleString("no-NB",{year:"2-digit"})),o=Number.parseInt(n[0],10),s=Number.parseInt(n[1],10)-1,u=Number.parseInt(n[2],10),i=u>99?u:(c=u)>a?c+1900:c+2e3,d=new Date(i,s,o,0,0,0);var c;return d.getMonth()===s&&d.getFullYear()===i?d:void 0};
 //# sourceMappingURL=utils.cjs.map

package/build/cjs/components/datepicker/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import React from \"react\";\n\nconst dayMonthYearRegex = /^(\\d\\d?)[\\W](\\d\\d?)[\\W](\\d{4}|\\d{2})$/;\nconst yearMonthDayRegex = /^(\\d{4}|\\d{2})[\\W](\\d\\d?)[\\W](\\d\\d?)$/;\n\n/**\n * Format a Date object as a string in the format DatePicker expects.\n *\n * @param date the Date object to format\n * @return returns a date string with \"dd.mm.yyyy\"-format\n */\nexport function formatInput(date: Date): string {\n    const day = `${date.getDate()}`.padStart(2, \"0\");\n    const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n    return `${day}.${month}.${date.getFullYear()}`;\n}\n\n/**\n * Get the date segments from a string of unknown format\n *\n * @param input date as a string with unknown format\n * @returns an array of string elements [day, month, year]\n */\nconst getDateSegmentsFromString = (input: string): string[] | undefined => {\n    const dayMonthYear = dayMonthYearRegex.exec(input);\n\n    if (dayMonthYear) {\n        return dayMonthYear.slice(1, 4);\n    }\n\n    const yearMonthDay = yearMonthDayRegex.exec(input);\n\n    if (!yearMonthDay) {\n        return undefined;\n    }\n\n    // reverse to get the correct ordering\n    const slicedDateSegments = yearMonthDay.slice(1, 4);\n    slicedDateSegments.reverse();\n\n    return slicedDateSegments;\n};\n\n/**\n * Convert a date string to a Date object\n *\n * @param dateString date as string with format dd.mm.yyyy\n * @return a Date object representing the given date\n */\nexport function parseDateString(dateString?: string): Date | undefined {\n    if (!dateString) {\n        return undefined;\n    }\n\n    const inputDateSegments = getDateSegmentsFromString(dateString);\n\n    if (!inputDateSegments) {\n        return undefined;\n    }\n\n    const currentTwoDigitYear = Number.parseInt(\n        new Date().toLocaleString(\"no-NB\", { year: \"2-digit\" }),\n    );\n    const parseTwoDigitYear = (year: number) =>\n        year > currentTwoDigitYear ? year + 1900 : year + 2000;\n\n    const day = Number.parseInt(inputDateSegments[0], 10);\n    const month = Number.parseInt(inputDateSegments[1], 10) - 1;\n    const yearIn = Number.parseInt(inputDateSegments[2], 10);\n    const year = yearIn > 99 ? yearIn : parseTwoDigitYear(yearIn);\n\n    const generatedDate = new Date(year, month, day, 0, 0, 0);\n    // Days can \"overflow\" to next month/year in Date(). Return undefined if it does:\n    return generatedDate.getMonth() === month &&\n        generatedDate.getFullYear() === year\n        ? generatedDate\n        : undefined;\n}\n\n/**\n * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,\n * eller om den går til et interaktivt element inni DatePickeren.\n * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur\n * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker\n */\nexport function isBlurTargetOutside(\n    e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>,\n): boolean {\n    if (!e.relatedTarget) {\n        return true;\n    }\n\n    const targetRoot = e.target.closest(\".jkl-datepicker__input-wrapper\");\n    const relatedTargetRoot = e.relatedTarget.closest(\n        \".jkl-datepicker__input-wrapper\",\n    );\n\n    return relatedTargetRoot !== targetRoot;\n}\n"],"names":["dayMonthYearRegex","yearMonthDayRegex","date","getDate","padStart","getMonth","getFullYear","e","relatedTarget","targetRoot","target","closest","dateString","inputDateSegments","input","dayMonthYear","exec","slice","yearMonthDay","slicedDateSegments","reverse","getDateSegmentsFromString","currentTwoDigitYear","Number","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"iGAEA,MAAMA,EAAoB,wCACpBC,EAAoB,4DAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAsEO,SACHC,GAEA,IAAKA,EAAEC,cACH,OAAO,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAKpC,OAJ0BJ,EAAEC,cAAcG,QACtC,oCAGyBF,CACjC,0BAjDO,SAAyBG,GAC5B,IAAKA,EACD,OAGJ,MAAMC,EA/ByBC,KAC/B,MAAMC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACA,OAAOA,EAAaE,MAAM,EAAG,GAGjC,MAAMC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACD,OAIJ,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACD,OAGJ,MAAMS,EAAsBC,OAAOC,UAC/B,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAML,OAAOC,SAASX,EAAkB,GAAI,IAC5CgB,EAAQN,OAAOC,SAASX,EAAkB,GAAI,IAAM,EACpDiB,EAASP,OAAOC,SAASX,EAAkB,GAAI,IAC/Cc,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CR,EAAsBK,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,MAU3B,OAAOI,EAAc1B,aAAewB,GAChCE,EAAczB,gBAAkBqB,EAC9BI,OACA,CACV"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/datepicker/utils.ts"],"sourcesContent":["import type { FocusEvent } from \"react\";\n\nconst dayMonthYearRegex = /^(\\d\\d?)[\\W](\\d\\d?)[\\W](\\d{4}|\\d{2})$/;\nconst yearMonthDayRegex = /^(\\d{4}|\\d{2})[\\W](\\d\\d?)[\\W](\\d\\d?)$/;\n\n/**\n * Format a Date object as a string in the format DatePicker expects.\n *\n * @param date the Date object to format\n * @return returns a date string with \"dd.mm.yyyy\"-format\n */\nexport function formatInput(date: Date): string {\n    const day = `${date.getDate()}`.padStart(2, \"0\");\n    const month = `${date.getMonth() + 1}`.padStart(2, \"0\");\n    return `${day}.${month}.${date.getFullYear()}`;\n}\n\n/**\n * Get the date segments from a string of unknown format\n *\n * @param input date as a string with unknown format\n * @returns an array of string elements [day, month, year]\n */\nconst getDateSegmentsFromString = (input: string): string[] | undefined => {\n    const dayMonthYear = dayMonthYearRegex.exec(input);\n\n    if (dayMonthYear) {\n        return dayMonthYear.slice(1, 4);\n    }\n\n    const yearMonthDay = yearMonthDayRegex.exec(input);\n\n    if (!yearMonthDay) {\n        return undefined;\n    }\n\n    // reverse to get the correct ordering\n    const slicedDateSegments = yearMonthDay.slice(1, 4);\n    slicedDateSegments.reverse();\n\n    return slicedDateSegments;\n};\n\n/**\n * Convert a date string to a Date object\n *\n * @param dateString date as string with format dd.mm.yyyy\n * @return a Date object representing the given date\n */\nexport function parseDateString(dateString?: string): Date | undefined {\n    if (!dateString) {\n        return undefined;\n    }\n\n    const inputDateSegments = getDateSegmentsFromString(dateString);\n\n    if (!inputDateSegments) {\n        return undefined;\n    }\n\n    const currentTwoDigitYear = Number.parseInt(\n        new Date().toLocaleString(\"no-NB\", { year: \"2-digit\" }),\n    );\n    const parseTwoDigitYear = (year: number) =>\n        year > currentTwoDigitYear ? year + 1900 : year + 2000;\n\n    const day = Number.parseInt(inputDateSegments[0], 10);\n    const month = Number.parseInt(inputDateSegments[1], 10) - 1;\n    const yearIn = Number.parseInt(inputDateSegments[2], 10);\n    const year = yearIn > 99 ? yearIn : parseTwoDigitYear(yearIn);\n\n    const generatedDate = new Date(year, month, day, 0, 0, 0);\n    // Days can \"overflow\" to next month/year in Date(). Return undefined if it does:\n    return generatedDate.getMonth() === month &&\n        generatedDate.getFullYear() === year\n        ? generatedDate\n        : undefined;\n}\n\n/**\n * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,\n * eller om den går til et interaktivt element inni DatePickeren.\n * @param {FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur\n * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker\n */\nexport function isBlurTargetOutside(\n    e: FocusEvent<HTMLButtonElement | HTMLInputElement>,\n): boolean {\n    if (!e.relatedTarget) {\n        return true;\n    }\n\n    const targetRoot = e.target.closest(\".jkl-datepicker__input-wrapper\");\n    const relatedTargetRoot = e.relatedTarget.closest(\n        \".jkl-datepicker__input-wrapper\",\n    );\n\n    return relatedTargetRoot !== targetRoot;\n}\n"],"names":["dayMonthYearRegex","yearMonthDayRegex","date","getDate","padStart","getMonth","getFullYear","e","relatedTarget","targetRoot","target","closest","dateString","inputDateSegments","input","dayMonthYear","exec","slice","yearMonthDay","slicedDateSegments","reverse","getDateSegmentsFromString","currentTwoDigitYear","Number","parseInt","Date","toLocaleString","year","day","month","yearIn","generatedDate"],"mappings":"gFAEA,MAAMA,EAAoB,wCACpBC,EAAoB,4DAQnB,SAAqBC,GAGxB,MAAO,GAFK,GAAGA,EAAKC,YAAYC,SAAS,EAAG,QAC9B,GAAGF,EAAKG,WAAa,IAAID,SAAS,EAAG,QACzBF,EAAKI,eACnC,8BAsEO,SACHC,GAEA,IAAKA,EAAEC,cACH,OAAO,EAGX,MAAMC,EAAaF,EAAEG,OAAOC,QAAQ,kCAKpC,OAJ0BJ,EAAEC,cAAcG,QACtC,oCAGyBF,CACjC,0BAjDO,SAAyBG,GAC5B,IAAKA,EACD,OAGJ,MAAMC,EA/ByBC,KAC/B,MAAMC,EAAef,EAAkBgB,KAAKF,GAE5C,GAAIC,EACA,OAAOA,EAAaE,MAAM,EAAG,GAGjC,MAAMC,EAAejB,EAAkBe,KAAKF,GAE5C,IAAKI,EACD,OAIJ,MAAMC,EAAqBD,EAAaD,MAAM,EAAG,GACjD,OAAAE,EAAmBC,UAEZD,GAcmBE,CAA0BT,GAEpD,IAAKC,EACD,OAGJ,MAAMS,EAAsBC,OAAOC,UAC/B,IAAIC,MAAOC,eAAe,QAAS,CAAEC,KAAM,aAKzCC,EAAML,OAAOC,SAASX,EAAkB,GAAI,IAC5CgB,EAAQN,OAAOC,SAASX,EAAkB,GAAI,IAAM,EACpDiB,EAASP,OAAOC,SAASX,EAAkB,GAAI,IAC/Cc,EAAOG,EAAS,GAAKA,GANAH,EAM2BG,GAL3CR,EAAsBK,EAAO,KAAOA,EAAO,IAOhDI,EAAgB,IAAIN,KAAKE,EAAME,EAAOD,EAAK,EAAG,EAAG,GAR5BD,MAU3B,OAAOI,EAAc1B,aAAewB,GAChCE,EAAczB,gBAAkBqB,EAC9BI,OACA,CACV"}

package/build/cjs/components/datepicker/utils.d.cts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FocusEvent } from 'react';
 /**
  * Format a Date object as a string in the format DatePicker expects.
  *
@@ -16,7 +16,7 @@ export declare function parseDateString(dateString?: string): Date | undefined;
 /**
  * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,
  * eller om den går til et interaktivt element inni DatePickeren.
- * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
+ * @param {FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
  * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker
  */
-export declare function isBlurTargetOutside(e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;
+export declare function isBlurTargetOutside(e: FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;

package/build/cjs/components/flex/types.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react");const e=require("../../core/tokens.cjs");exports.LAYOUTS=["auto","1","2","3","4","6","4.8","8.4","2.10","10.2","3.9","9.3","5.7","7.5"],exports.isResponsive=function(t){return Object.keys(e.breakpoint).includes(Object.keys(t)[0])};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react");const e=["small","medium","large","xl"];exports.LAYOUTS=["auto","1","2","3","4","6","4.8","8.4","2.10","10.2","3.9","9.3","5.7","7.5"],exports.SEMANTIC_SPACING=["none","2xs","xs","s","m","l","xl","2xl"],exports.STATIC_SPACING=["0","2","4","8","12","16","20","24","28","32","40","48","56","64","72","80","104","168"],exports.isResponsive=function(s){return e.includes(Object.keys(s)[0])};
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/flex/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/components/flex/types.ts"],"sourcesContent":["import React from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type Spacing = keyof typeof tokens.semanticSpacing;\nexport type Breakpoint = keyof typeof tokens.breakpoint;\n\nexport type Responsive<T> = Partial<Record<Breakpoint, T>>;\nexport function isResponsive<T>(value: unknown): value is Responsive<T> {\n    return Object.keys(tokens.breakpoint).includes(\n        Object.keys(value as Responsive<T>)[0],\n    );\n}\n\nexport const LAYOUTS = [\n    \"auto\",\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"6\",\n    \"4.8\",\n    \"8.4\",\n    \"2.10\",\n    \"10.2\",\n    \"3.9\",\n    \"9.3\",\n    \"5.7\",\n    \"7.5\",\n] as const;\n\nexport type Layout = (typeof LAYOUTS)[number];\nexport type Center = \"m\" | \"l\" | \"xl\" | \"2xl\" | boolean;\nexport type Gap = `${Spacing}` | `${Spacing} ${Spacing}`;\n\ntype FlexBaseProps = {\n    alignItems?: \"normal\" | \"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\";\n    alignContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"stretch\"\n        | \"baseline\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    center?: Center;\n    direction?: \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n    fill?: boolean;\n    gap?: Gap | Responsive<Gap>;\n    inline?: boolean;\n    textAlign?: \"left\" | \"right\" | \"center\";\n    justifyContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    layout?: Layout | Responsive<Layout>;\n    wrap?: \"wrap\" | \"nowrap\" | \"reverse\";\n};\n\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n    PolymorphicPropsWithRef<As, FlexBaseProps>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n"],"names":["value","Object","keys","tokens","breakpoint","includes"],"mappings":"0JAeuB,CACnB,OACA,IACA,IACA,IACA,IACA,IACA,MACA,MACA,OACA,OACA,MACA,MACA,MACA,4BApBG,SAAyBA,GAC5B,OAAOC,OAAOC,KAAKC,EAAOC,YAAYC,SAClCJ,OAAOC,KAAKF,GAAwB,GAE5C"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/components/flex/types.ts"],"sourcesContent":["import React from \"react\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const SEMANTIC_SPACING = [\n    \"none\",\n    \"2xs\",\n    \"xs\",\n    \"s\",\n    \"m\",\n    \"l\",\n    \"xl\",\n    \"2xl\",\n] as const;\n\nexport const STATIC_SPACING = [\n    \"0\",\n    \"2\",\n    \"4\",\n    \"8\",\n    \"12\",\n    \"16\",\n    \"20\",\n    \"24\",\n    \"28\",\n    \"32\",\n    \"40\",\n    \"48\",\n    \"56\",\n    \"64\",\n    \"72\",\n    \"80\",\n    \"104\",\n    \"168\",\n] as const;\n\nconst BREAKPOINTS = [\"small\", \"medium\", \"large\", \"xl\"] as const;\n\nexport type SemanticSpacing = (typeof SEMANTIC_SPACING)[number];\nexport type StaticSpacing = (typeof STATIC_SPACING)[number];\nexport type Breakpoint = (typeof BREAKPOINTS)[number];\n\nexport type Responsive<T> = Partial<Record<Breakpoint, T>>;\nexport function isResponsive<T>(value: unknown): value is Responsive<T> {\n    return BREAKPOINTS.includes(\n        Object.keys(value as Responsive<T>)[0] as Breakpoint,\n    );\n}\n\nexport const LAYOUTS = [\n    \"auto\",\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"6\",\n    \"4.8\",\n    \"8.4\",\n    \"2.10\",\n    \"10.2\",\n    \"3.9\",\n    \"9.3\",\n    \"5.7\",\n    \"7.5\",\n] as const;\n\nexport type Layout = (typeof LAYOUTS)[number];\nexport type Center = \"m\" | \"l\" | \"xl\" | \"2xl\" | boolean;\n\nexport type DynamicGap =\n    | `${SemanticSpacing}`\n    | `${SemanticSpacing} ${SemanticSpacing}`;\nexport type StaticGap =\n    | `${StaticSpacing}`\n    | `${StaticSpacing} ${StaticSpacing}`;\nexport type Gap = DynamicGap | StaticGap;\n\ntype FlexBaseProps = {\n    alignItems?: \"normal\" | \"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\";\n    alignContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"stretch\"\n        | \"baseline\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    center?: Center;\n    direction?: \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n    fill?: boolean;\n    gap?: Gap | Responsive<Gap>;\n    inline?: boolean;\n    textAlign?: \"left\" | \"right\" | \"center\";\n    justifyContent?:\n        | \"normal\"\n        | \"start\"\n        | \"center\"\n        | \"end\"\n        | \"space-between\"\n        | \"space-around\"\n        | \"space-evenly\";\n    layout?: Layout | Responsive<Layout>;\n    wrap?: \"wrap\" | \"nowrap\" | \"reverse\";\n};\n\nexport type FlexProps<As extends React.ElementType = \"div\"> =\n    PolymorphicPropsWithRef<As, FlexBaseProps>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n    props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n"],"names":["BREAKPOINTS","value","includes","Object","keys"],"mappings":"iGAIO,MAgCDA,EAAc,CAAC,QAAS,SAAU,QAAS,sBAa1B,CACnB,OACA,IACA,IACA,IACA,IACA,IACA,MACA,MACA,OACA,OACA,MACA,MACA,MACA,gCA3D4B,CAC5B,OACA,MACA,KACA,IACA,IACA,IACA,KACA,8BAG0B,CAC1B,IACA,IACA,IACA,IACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,MACA,4BAUG,SAAyBC,GAC5B,OAAOD,EAAYE,SACfC,OAAOC,KAAKH,GAAwB,GAE5C"}

package/build/cjs/components/flex/types.d.cts

@@ -1,15 +1,20 @@
 import { default as React } from 'react';
-import { default as tokens } from '../../core/tokens.cjs';
 import { AsChildProps } from '../../utilities/polymorphism/as-child.cjs';
 import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
-export type Spacing = keyof typeof tokens.semanticSpacing;
-export type Breakpoint = keyof typeof tokens.breakpoint;
+export declare const SEMANTIC_SPACING: readonly ["none", "2xs", "xs", "s", "m", "l", "xl", "2xl"];
+export declare const STATIC_SPACING: readonly ["0", "2", "4", "8", "12", "16", "20", "24", "28", "32", "40", "48", "56", "64", "72", "80", "104", "168"];
+declare const BREAKPOINTS: readonly ["small", "medium", "large", "xl"];
+export type SemanticSpacing = (typeof SEMANTIC_SPACING)[number];
+export type StaticSpacing = (typeof STATIC_SPACING)[number];
+export type Breakpoint = (typeof BREAKPOINTS)[number];
 export type Responsive<T> = Partial<Record<Breakpoint, T>>;
 export declare function isResponsive<T>(value: unknown): value is Responsive<T>;
 export declare const LAYOUTS: readonly ["auto", "1", "2", "3", "4", "6", "4.8", "8.4", "2.10", "10.2", "3.9", "9.3", "5.7", "7.5"];
 export type Layout = (typeof LAYOUTS)[number];
 export type Center = "m" | "l" | "xl" | "2xl" | boolean;
-export type Gap = `${Spacing}` | `${Spacing} ${Spacing}`;
+export type DynamicGap = `${SemanticSpacing}` | `${SemanticSpacing} ${SemanticSpacing}`;
+export type StaticGap = `${StaticSpacing}` | `${StaticSpacing} ${StaticSpacing}`;
+export type Gap = DynamicGap | StaticGap;
 type FlexBaseProps = {
     alignItems?: "normal" | "start" | "center" | "end" | "baseline" | "stretch";
     alignContent?: "normal" | "start" | "center" | "end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly";

package/build/cjs/components/menu/MenuDivider.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.MenuDivider=s=>{const{className:t,...c}=s;return e.jsx("hr",{className:r.clsx("jkl-menu-divider",t),...c})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("react").forwardRef(function(s,t){const{className:c,...i}=s;return e.jsx("hr",{ref:t,className:r.clsx("jkl-menu-divider",c),...i})});exports.MenuDivider=s;
 //# sourceMappingURL=MenuDivider.cjs.map

package/build/cjs/components/menu/MenuDivider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.cjs","sources":["../../../../src/components/menu/MenuDivider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type HTMLAttributes, type FC } from \"react\";\n\nexport const MenuDivider: FC<HTMLAttributes<HTMLHRElement>> = (props) => {\n    const { className, ...hrProps } = props;\n\n    return <hr className={clsx(\"jkl-menu-divider\", className)} {...hrProps} />;\n};\n"],"names":["props","className","hrProps","jsx","clsx"],"mappings":"kMAG+DA,IAC3D,MAAQC,UAAAA,KAAcC,GAAYF,EAElC,OAAOG,EAAAA,IAAC,MAAGF,UAAWG,EAAAA,KAAK,mBAAoBH,MAAgBC"}
+{"version":3,"file":"MenuDivider.cjs","sources":["../../../../src/components/menu/MenuDivider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type HTMLAttributes } from \"react\";\n\nexport const MenuDivider = React.forwardRef<\n    HTMLHRElement,\n    HTMLAttributes<HTMLHRElement>\n>(function MenuDivider(props, ref) {\n    const { className, ...hrProps } = props;\n\n    return (\n        <hr\n            ref={ref}\n            className={clsx(\"jkl-menu-divider\", className)}\n            {...hrProps}\n        />\n    );\n});\n"],"names":["MenuDivider","forwardRef","props","ref","className","hrProps","jsx","clsx"],"mappings":"6JAGaA,mBAAoBC,WAG/B,SAAqBC,EAAOC,GAC1B,MAAQC,UAAAA,KAAcC,GAAYH,EAElC,OACII,EAAAA,IAAC,KAAA,CACGH,IAAAA,EACAC,UAAWG,EAAAA,KAAK,mBAAoBH,MAChCC,GAGhB"}

package/build/cjs/components/menu/MenuDivider.d.cts

@@ -1,2 +1,2 @@
-import { HTMLAttributes, FC } from 'react';
-export declare const MenuDivider: FC<HTMLAttributes<HTMLHRElement>>;
+import { default as React } from 'react';
+export declare const MenuDivider: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;

package/build/cjs/components/radio-button/BaseRadioButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),r=require("../../hooks/useId/useId.cjs"),i=t.forwardRef((t,i)=>{const{id:s,className:l,checked:o,children:n,label:d,inline:u,invalid:c,name:j,value:b,onChange:k,...m}=t,x=r.useId(s||"jkl-radio-button",{generateSuffix:!s});return e.jsxs("div",{className:a.clsx("jkl-radio-button",l,{"jkl-radio-button--inline":u,"jkl-radio-button--error":c}),children:[e.jsx("input",{name:j,ref:i,...m,id:x,className:"jkl-radio-button__input",type:"radio",onChange:k,value:b,checked:o}),e.jsxs("label",{"data-testid":"jkl-radio-button__label-tag",htmlFor:x,className:"jkl-radio-button__label",children:[e.jsx("span",{"aria-hidden":!0,className:"jkl-radio-button__dot"}),e.jsx("span",{className:"jkl-radio-button__text",children:d||n})]})]})});i.displayName="BaseRadioButton",exports.BaseRadioButton=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),t=require("../../hooks/useId/useId.cjs"),r=i.forwardRef((i,r)=>{const{id:l,className:n,checked:o,children:s,label:d,inline:u,invalid:c,name:j,value:b,onChange:k,...m}=i,h=t.useId(l||"jkl-radio-button",{generateSuffix:!l});return e.jsxs("div",{className:a.clsx("jkl-radio-button",n,{"jkl-radio-button--inline":u,"jkl-radio-button--error":c}),children:[e.jsx("label",{"data-testid":"jkl-radio-button__label-tag",htmlFor:h,className:"jkl-radio-button__label",children:d||s}),e.jsx("input",{name:j,ref:r,...m,id:h,className:"jkl-radio-button__input",type:"radio",onChange:k,value:b,checked:o,"aria-invalid":c||m["aria-invalid"]})]})});r.displayName="BaseRadioButton",exports.BaseRadioButton=r;
 //# sourceMappingURL=BaseRadioButton.cjs.map

package/build/cjs/components/radio-button/BaseRadioButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadioButton.cjs","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { BaseRadioButtonProps } from \"./types.js\";\n\nexport const BaseRadioButton = forwardRef<\n    HTMLInputElement,\n    BaseRadioButtonProps\n>((props, ref) => {\n    const {\n        id,\n        className,\n        checked,\n        children,\n        label,\n        inline,\n        invalid,\n        name,\n        value,\n        onChange,\n        ...rest\n    } = props;\n\n    const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n    return (\n        <div\n            className={clsx(\"jkl-radio-button\", className, {\n                \"jkl-radio-button--inline\": inline,\n                \"jkl-radio-button--error\": invalid,\n            })}\n        >\n            <input\n                name={name}\n                ref={ref}\n                {...rest}\n                id={inputId}\n                className=\"jkl-radio-button__input\"\n                type=\"radio\"\n                onChange={onChange}\n                value={value}\n                checked={checked}\n            />\n            <label\n                data-testid=\"jkl-radio-button__label-tag\"\n                htmlFor={inputId}\n                className=\"jkl-radio-button__label\"\n            >\n                <span aria-hidden className=\"jkl-radio-button__dot\" />\n                <span className=\"jkl-radio-button__text\">\n                    {label || children}\n                </span>\n            </label>\n        </div>\n    );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAKaA,EAAkBC,EAAAA,WAG7B,CAACC,EAAOC,KACN,MACIC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAUC,EAAAA,MAAMZ,GAAM,mBAAoB,CAAEa,gBAAiBb,IAEnE,OACIc,EAAAA,KAAC,MAAA,CACGb,UAAWc,EAAAA,KAAK,mBAAoBd,EAAW,CAC3C,2BAA4BI,EAC5B,0BAA2BC,IAG/BH,SAAA,CAAAa,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAR,IAAAA,KACIW,EACJV,GAAIW,EACJV,UAAU,0BACVgB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAN,QAAAA,IAEJY,EAAAA,KAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTV,UAAU,0BAEVE,SAAA,CAAAa,EAAAA,IAAC,OAAA,CAAK,eAAW,EAACf,UAAU,0BAC5Be,EAAAA,IAAC,OAAA,CAAKf,UAAU,yBACXE,YAASA,YAO9BP,EAAgBuB,YAAc"}
+{"version":3,"file":"BaseRadioButton.cjs","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { BaseRadioButtonProps } from \"./types.js\";\n\nexport const BaseRadioButton = forwardRef<\n    HTMLInputElement,\n    BaseRadioButtonProps\n>((props, ref) => {\n    const {\n        id,\n        className,\n        checked,\n        children,\n        label,\n        inline,\n        invalid,\n        name,\n        value,\n        onChange,\n        ...rest\n    } = props;\n\n    const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n    return (\n        <div\n            className={clsx(\"jkl-radio-button\", className, {\n                \"jkl-radio-button--inline\": inline,\n                \"jkl-radio-button--error\": invalid,\n            })}\n        >\n            <label\n                data-testid=\"jkl-radio-button__label-tag\"\n                htmlFor={inputId}\n                className=\"jkl-radio-button__label\"\n            >\n                {label || children}\n            </label>\n            <input\n                name={name}\n                ref={ref}\n                {...rest}\n                id={inputId}\n                className=\"jkl-radio-button__input\"\n                type=\"radio\"\n                onChange={onChange}\n                value={value}\n                checked={checked}\n                aria-invalid={invalid || rest[\"aria-invalid\"]}\n            />\n        </div>\n    );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","htmlFor","type","displayName"],"mappings":"yNAKaA,EAAkBC,EAAAA,WAG7B,CAACC,EAAOC,KACN,MACIC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAUC,EAAAA,MAAMZ,GAAM,mBAAoB,CAAEa,gBAAiBb,IAEnE,OACIc,EAAAA,KAAC,MAAA,CACGb,UAAWc,EAAAA,KAAK,mBAAoBd,EAAW,CAC3C,2BAA4BI,EAC5B,0BAA2BC,IAG/BH,SAAA,CAAAa,EAAAA,IAAC,QAAA,CACG,cAAY,8BACZC,QAASN,EACTV,UAAU,0BAETE,SAAAC,GAASD,IAEda,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAR,IAAAA,KACIW,EACJV,GAAIW,EACJV,UAAU,0BACViB,KAAK,QACLT,SAAAA,EACAD,MAAAA,EACAN,QAAAA,EACA,eAAcI,GAAWI,EAAK,uBAM9Cd,EAAgBuB,YAAc"}

package/build/cjs/components-beta/select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),c=require("react");require("../../components/icon/Icon.cjs"),require("../../components/icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../components/icon/icons/animated/PlusRemoveAnimated.cjs");const e=require("../../components/icon/icons/ArrowDownIcon.cjs");require("../../components/icon/icons/ArrowLeftIcon.cjs"),require("../../components/icon/icons/ArrowNorthEastIcon.cjs"),require("../../components/icon/icons/ArrowRightIcon.cjs"),require("../../components/icon/icons/ArrowUpIcon.cjs"),require("../../components/icon/icons/CalendarIcon.cjs"),require("../../components/icon/icons/CheckIcon.cjs"),require("../../components/icon/icons/ChevronDownIcon.cjs"),require("../../components/icon/icons/ChevronLeftIcon.cjs"),require("../../components/icon/icons/ChevronRightIcon.cjs"),require("../../components/icon/icons/ChevronUpIcon.cjs"),require("../../components/icon/icons/CloseIcon.cjs"),require("../../components/icon/icons/CopyIcon.cjs"),require("../../components/icon/icons/DotsIcon.cjs"),require("../../components/icon/icons/DragIcon.cjs"),require("../../components/icon/icons/ErrorIcon.cjs"),require("../../components/icon/icons/GreenCheckIcon.cjs"),require("../../components/icon/icons/HamburgerIcon.cjs"),require("../../components/icon/icons/InfoIcon.cjs"),require("../../components/icon/icons/LinkIcon.cjs"),require("../../components/icon/icons/MinusIcon.cjs"),require("../../components/icon/icons/OpenInNewIcon.cjs"),require("../../components/icon/icons/PenIcon.cjs"),require("../../components/icon/icons/PlusIcon.cjs"),require("../../components/icon/icons/QuestionIcon.cjs"),require("../../components/icon/icons/RedCrossIcon.cjs"),require("../../components/icon/icons/SearchIcon.cjs"),require("../../components/icon/icons/SuccessIcon.cjs"),require("../../components/icon/icons/ThumbDownIcon.cjs"),require("../../components/icon/icons/ThumbUpIcon.cjs"),require("../../components/icon/icons/TrashCanIcon.cjs"),require("../../components/icon/icons/WarningIcon.cjs");const s=require("../../components/input-group/InputGroup.cjs"),r=c.forwardRef(c=>{const{label:r,className:i,errorLabel:t,helpLabel:p,labelProps:u,placeholder:a="Velg",supportLabelProps:l,tooltip:m,value:j,description:q,...I}=c,d={label:r,errorLabel:t,helpLabel:p,labelProps:u,supportLabelProps:l,tooltip:m,description:q};return o.jsx(s.InputGroup,{...d,"data-testid":"jkl-select--beta",className:n.clsx("jkl-select--beta",i),render:n=>o.jsxs("div",{className:"jkl-select--beta-wrapper",children:[o.jsxs("select",{defaultValue:j?void 0:"",value:j,...n,...I,children:[a&&o.jsx("option",{disabled:!0,selected:!0,value:"",children:a}),c.children]}),o.jsx(e.ArrowDownIcon,{})]})})});exports.Select=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),e=require("react");require("../../components/icon/Icon.cjs"),require("../../components/icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../components/icon/icons/animated/PlusRemoveAnimated.cjs");const c=require("../../components/icon/icons/ArrowDownIcon.cjs");require("../../components/icon/icons/ArrowLeftIcon.cjs"),require("../../components/icon/icons/ArrowNorthEastIcon.cjs"),require("../../components/icon/icons/ArrowRightIcon.cjs"),require("../../components/icon/icons/ArrowUpIcon.cjs"),require("../../components/icon/icons/CalendarIcon.cjs"),require("../../components/icon/icons/CheckIcon.cjs"),require("../../components/icon/icons/ChevronDownIcon.cjs"),require("../../components/icon/icons/ChevronLeftIcon.cjs"),require("../../components/icon/icons/ChevronRightIcon.cjs"),require("../../components/icon/icons/ChevronUpIcon.cjs"),require("../../components/icon/icons/CloseIcon.cjs"),require("../../components/icon/icons/CopyIcon.cjs"),require("../../components/icon/icons/DotsIcon.cjs"),require("../../components/icon/icons/DragIcon.cjs"),require("../../components/icon/icons/ErrorIcon.cjs"),require("../../components/icon/icons/GreenCheckIcon.cjs"),require("../../components/icon/icons/HamburgerIcon.cjs"),require("../../components/icon/icons/InfoIcon.cjs"),require("../../components/icon/icons/LinkIcon.cjs"),require("../../components/icon/icons/MinusIcon.cjs"),require("../../components/icon/icons/OpenInNewIcon.cjs"),require("../../components/icon/icons/PenIcon.cjs"),require("../../components/icon/icons/PlusIcon.cjs"),require("../../components/icon/icons/QuestionIcon.cjs"),require("../../components/icon/icons/RedCrossIcon.cjs"),require("../../components/icon/icons/SearchIcon.cjs"),require("../../components/icon/icons/SuccessIcon.cjs"),require("../../components/icon/icons/ThumbDownIcon.cjs"),require("../../components/icon/icons/ThumbUpIcon.cjs"),require("../../components/icon/icons/TrashCanIcon.cjs"),require("../../components/icon/icons/WarningIcon.cjs");const s=require("../../components/input-group/InputGroup.cjs"),r=e.forwardRef((e,r)=>{const{label:i,className:t,errorLabel:p,helpLabel:u,labelProps:a,placeholder:l="Velg",supportLabelProps:m,tooltip:j,value:q,description:I,...d}=e,h={label:i,errorLabel:p,helpLabel:u,labelProps:a,supportLabelProps:m,tooltip:j,description:I};return o.jsx(s.InputGroup,{...h,"data-testid":"jkl-select--beta",className:n.clsx("jkl-select--beta",t),render:n=>o.jsxs("div",{className:"jkl-select--beta-wrapper",children:[o.jsxs("select",{ref:r,defaultValue:q?void 0:"",value:q,...n,...d,children:[l&&o.jsx("option",{disabled:!0,selected:!0,value:"",children:l}),e.children]}),o.jsx(c.ArrowDownIcon,{})]})})});exports.Select=r;
 //# sourceMappingURL=Select.cjs.map

package/build/cjs/components-beta/select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/components-beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../components/icon/index.js\";\nimport { InputGroup } from \"../../components/input-group/InputGroup.js\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>((props) => {\n    const {\n        label,\n        className,\n        errorLabel,\n        helpLabel,\n        labelProps,\n        placeholder = \"Velg\",\n        supportLabelProps,\n        tooltip,\n        value,\n        description,\n        ...rest\n    } = props;\n\n    const inputGroupProps = {\n        label,\n        errorLabel,\n        helpLabel,\n        labelProps,\n        supportLabelProps,\n        tooltip,\n        description,\n    };\n\n    return (\n        <InputGroup\n            {...inputGroupProps}\n            data-testid=\"jkl-select--beta\"\n            className={clsx(\"jkl-select--beta\", className)}\n            render={(inputProps) => (\n                <div className=\"jkl-select--beta-wrapper\">\n                    <select\n                        defaultValue={value ? undefined : \"\"}\n                        value={value}\n                        {...inputProps}\n                        {...rest}\n                    >\n                        {placeholder && (\n                            <option disabled selected value=\"\">\n                                {placeholder}\n                            </option>\n                        )}\n                        {props.children}\n                    </select>\n                    <ArrowDownIcon />\n                </div>\n            )}\n        />\n    );\n});\n"],"names":["Select","forwardRef","props","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"yuEAMaA,EAASC,EAAAA,WAA4CC,IAC9D,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHX,EAEEY,EAAkB,CACpBX,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,mBACZV,UAAWa,EAAAA,KAAK,mBAAoBb,GACpCc,OAASC,GACLC,EAAAA,KAAC,MAAA,CAAIhB,UAAU,2BACXiB,SAAA,CAAAD,EAAAA,KAAC,SAAA,CACGE,aAAcX,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHQ,SAAA,CAAAb,GACGO,EAAAA,IAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACb,MAAM,GAC3BU,SAAAb,IAGRN,EAAMmB,kBAEVI,EAAAA,cAAA,CAAA"}
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components-beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../components/icon/index.js\";\nimport { InputGroup } from \"../../components/input-group/InputGroup.js\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (props, ref) => {\n        const {\n            label,\n            className,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            placeholder = \"Velg\",\n            supportLabelProps,\n            tooltip,\n            value,\n            description,\n            ...rest\n        } = props;\n\n        const inputGroupProps = {\n            label,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            supportLabelProps,\n            tooltip,\n            description,\n        };\n\n        return (\n            <InputGroup\n                {...inputGroupProps}\n                data-testid=\"jkl-select--beta\"\n                className={clsx(\"jkl-select--beta\", className)}\n                render={(inputProps) => (\n                    <div className=\"jkl-select--beta-wrapper\">\n                        <select\n                            ref={ref}\n                            defaultValue={value ? undefined : \"\"}\n                            value={value}\n                            {...inputProps}\n                            {...rest}\n                        >\n                            {placeholder && (\n                                <option disabled selected value=\"\">\n                                    {placeholder}\n                                </option>\n                            )}\n                            {props.children}\n                        </select>\n                        <ArrowDownIcon />\n                    </div>\n                )}\n            />\n        );\n    },\n);\n"],"names":["Select","forwardRef","props","ref","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"yuEAMaA,EAASC,EAAAA,WAClB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHZ,EAEEa,EAAkB,CACpBX,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,mBACZV,UAAWa,EAAAA,KAAK,mBAAoBb,GACpCc,OAASC,GACLC,EAAAA,KAAC,MAAA,CAAIhB,UAAU,2BACXiB,SAAA,CAAAD,EAAAA,KAAC,SAAA,CACGlB,IAAAA,EACAoB,aAAcX,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHQ,SAAA,CAAAb,GACGO,EAAAA,IAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACb,MAAM,GAC3BU,SAAAb,IAGRP,EAAMoB,kBAEVI,EAAAA,cAAA,CAAA"}

package/build/cjs/core/tokens/build-tailwind-4.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("node:fs/promises"),n=require("node:path"),t=require("change-case"),i=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));exports.buildTailwind4Theme=async()=>{const{default:a}=await Promise.resolve().then(()=>i(require("../../tailwind/colors.cjs"))),{default:r}=await Promise.resolve().then(()=>i(require("../tokens.cjs"))),s=Object.entries(a).map(([e,n])=>`    --color-${e}: ${n};`),o=Object.entries(r.spacing).map(([e,n])=>`    --spacing-${t.kebabCase(e)}: ${n};`),l=Object.entries(r.typography.font.weight).map(([e,n])=>`    --font-weight-${e}: ${n};`),b=Object.entries(r.breakpoint).map(([e,n])=>`    --breakpoint-${t.kebabCase(e)}: ${n};`),c=Object.entries(r.typography.style).map(([e,n])=>[`@utility ${t.kebabCase(e)} {`,...Object.entries(n.small).map(([e,n])=>`    ${t.kebabCase(e)}: ${n};`),"",`    @media (min-width: ${r.breakpoint.medium}) {`,...Object.entries(n.base).map(([e,n])=>`        ${t.kebabCase(e)}: ${n};`),"    }","}"].join("\n")),p=`\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${s.join("\n")}\n\n${o.join("\n")}\n\n${l.join("\n")}\n\n${b.join("\n")}\n}\n\n${c.join("\n\n")}\n`;await e.writeFile(n.resolve("src/tailwind/v4/jokul-tailwind.css"),p)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("node:fs/promises"),n=require("node:path"),t=require("../../../index-Ck94bTpt.cjs"),i=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));exports.buildTailwind4Theme=async()=>{const{default:a}=await Promise.resolve().then(()=>i(require("../../tailwind/colors.cjs"))),{default:r}=await Promise.resolve().then(()=>i(require("../tokens.cjs"))),s=Object.entries(a).map(([e,n])=>`    --color-${e}: ${n};`),o=Object.entries(r.spacing).map(([e,n])=>`    --spacing-${t.kebabCase(e)}: ${n};`),l=Object.entries(r.typography.font.weight).map(([e,n])=>`    --font-weight-${e}: ${n};`),b=Object.entries(r.breakpoint).map(([e,n])=>`    --breakpoint-${t.kebabCase(e)}: ${n};`),c=Object.entries(r.typography.style).map(([e,n])=>[`@utility ${t.kebabCase(e)} {`,...Object.entries(n.small).map(([e,n])=>`    ${t.kebabCase(e)}: ${n};`),"",`    @media (min-width: ${r.breakpoint.medium}) {`,...Object.entries(n.base).map(([e,n])=>`        ${t.kebabCase(e)}: ${n};`),"    }","}"].join("\n")),p=`\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${s.join("\n")}\n\n${o.join("\n")}\n\n${l.join("\n")}\n\n${b.join("\n")}\n}\n\n${c.join("\n\n")}\n`;await e.writeFile(n.resolve("src/tailwind/v4/jokul-tailwind.css"),p)};
 //# sourceMappingURL=build-tailwind-4.cjs.map

package/build/cjs/core/tokens/build-tailwind-4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"build-tailwind-4.cjs","sources":["../../../../src/core/tokens/build-tailwind-4.ts"],"sourcesContent":["import { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { kebabCase } from \"change-case\";\n\nexport const buildTailwind4Theme = async () => {\n    const { default: colors } = await import(\"../../tailwind/colors.js\");\n    const { default: tokens } = await import(\"../tokens.js\");\n\n    const colorVariables = Object.entries(colors).map(\n        ([name, value]) => `    --color-${name}: ${value};`,\n    );\n\n    const spacingVariables = Object.entries(tokens.spacing).map(\n        ([step, value]) => `    --spacing-${kebabCase(step)}: ${value};`,\n    );\n\n    const fontWeights = Object.entries(tokens.typography.font.weight).map(\n        ([weight, value]) => `    --font-weight-${weight}: ${value};`,\n    );\n\n    const breakpoints = Object.entries(tokens.breakpoint).map(\n        ([step, value]) => `    --breakpoint-${kebabCase(step)}: ${value};`,\n    );\n\n    const textUtilities = Object.entries(tokens.typography.style).map(\n        ([name, value]) =>\n            [\n                `@utility ${kebabCase(name)} {`,\n                ...Object.entries(value.small).map(\n                    ([property, value]) =>\n                        `    ${kebabCase(property)}: ${value};`,\n                ),\n                \"\",\n                `    @media (min-width: ${tokens.breakpoint.medium}) {`,\n                ...Object.entries(value.base).map(\n                    ([property, value]) =>\n                        `        ${kebabCase(property)}: ${value};`,\n                ),\n                \"    }\",\n                \"}\",\n            ].join(\"\\n\"),\n    );\n\n    const tailwindTheme = `\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${colorVariables.join(\"\\n\")}\n\n${spacingVariables.join(\"\\n\")}\n\n${fontWeights.join(\"\\n\")}\n\n${breakpoints.join(\"\\n\")}\n}\n\n${textUtilities.join(\"\\n\\n\")}\n`;\n\n    await writeFile(\n        path.resolve(\"src/tailwind/v4/jokul-tailwind.css\"),\n        tailwindTheme,\n    );\n};\n"],"names":["async","default","colors","Promise","resolve","then","_interopNamespaceDefaultOnly","require","tokens","colorVariables","Object","entries","map","name","value","spacingVariables","spacing","step","kebabCase","fontWeights","typography","font","weight","breakpoints","breakpoint","textUtilities","style","small","property","medium","base","join","tailwindTheme","writeFile","path"],"mappings":"0SAImCA,UAC/B,MAAQC,QAASC,SAAiBC,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,gCACjCN,QAASO,SAAiBL,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,mBAEnCE,EAAiBC,OAAOC,QAAQT,GAAQU,IAC1C,EAAEC,EAAMC,KAAW,eAAeD,MAASC,MAGzCC,EAAmBL,OAAOC,QAAQH,EAAOQ,SAASJ,IACpD,EAAEK,EAAMH,KAAW,iBAAiBI,EAAAA,UAAUD,OAAUH,MAGtDK,EAAcT,OAAOC,QAAQH,EAAOY,WAAWC,KAAKC,QAAQV,IAC9D,EAAEU,EAAQR,KAAW,qBAAqBQ,MAAWR,MAGnDS,EAAcb,OAAOC,QAAQH,EAAOgB,YAAYZ,IAClD,EAAEK,EAAMH,KAAW,oBAAoBI,EAAAA,UAAUD,OAAUH,MAGzDW,EAAgBf,OAAOC,QAAQH,EAAOY,WAAWM,OAAOd,IAC1D,EAAEC,EAAMC,KACJ,CACI,YAAYI,EAAAA,UAAUL,UACnBH,OAAOC,QAAQG,EAAMa,OAAOf,IAC3B,EAAEgB,EAAUd,KACR,OAAOI,EAAAA,UAAUU,OAAcd,MAEvC,GACA,0BAA0BN,EAAOgB,WAAWK,eACzCnB,OAAOC,QAAQG,EAAMgB,MAAMlB,IAC1B,EAAEgB,EAAUd,KACR,WAAWI,EAAAA,UAAUU,OAAcd,MAE3C,QACA,KACFiB,KAAK,OAGTC,EAAgB,6DAKxBvB,EAAesB,KAAK,YAEpBhB,EAAiBgB,KAAK,YAEtBZ,EAAYY,KAAK,YAEjBR,EAAYQ,KAAK,eAGjBN,EAAcM,KAAK,kBAGXE,EAAAA,UACFC,EAAK9B,QAAQ,sCACb4B"}
+{"version":3,"file":"build-tailwind-4.cjs","sources":["../../../../src/core/tokens/build-tailwind-4.ts"],"sourcesContent":["import { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { kebabCase } from \"change-case\";\n\nexport const buildTailwind4Theme = async () => {\n    const { default: colors } = await import(\"../../tailwind/colors.js\");\n    const { default: tokens } = await import(\"../tokens.js\");\n\n    const colorVariables = Object.entries(colors).map(\n        ([name, value]) => `    --color-${name}: ${value};`,\n    );\n\n    const spacingVariables = Object.entries(tokens.spacing).map(\n        ([step, value]) => `    --spacing-${kebabCase(step)}: ${value};`,\n    );\n\n    const fontWeights = Object.entries(tokens.typography.font.weight).map(\n        ([weight, value]) => `    --font-weight-${weight}: ${value};`,\n    );\n\n    const breakpoints = Object.entries(tokens.breakpoint).map(\n        ([step, value]) => `    --breakpoint-${kebabCase(step)}: ${value};`,\n    );\n\n    const textUtilities = Object.entries(tokens.typography.style).map(\n        ([name, value]) =>\n            [\n                `@utility ${kebabCase(name)} {`,\n                ...Object.entries(value.small).map(\n                    ([property, value]) =>\n                        `    ${kebabCase(property)}: ${value};`,\n                ),\n                \"\",\n                `    @media (min-width: ${tokens.breakpoint.medium}) {`,\n                ...Object.entries(value.base).map(\n                    ([property, value]) =>\n                        `        ${kebabCase(property)}: ${value};`,\n                ),\n                \"    }\",\n                \"}\",\n            ].join(\"\\n\"),\n    );\n\n    const tailwindTheme = `\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${colorVariables.join(\"\\n\")}\n\n${spacingVariables.join(\"\\n\")}\n\n${fontWeights.join(\"\\n\")}\n\n${breakpoints.join(\"\\n\")}\n}\n\n${textUtilities.join(\"\\n\\n\")}\n`;\n\n    await writeFile(\n        path.resolve(\"src/tailwind/v4/jokul-tailwind.css\"),\n        tailwindTheme,\n    );\n};\n"],"names":["async","default","colors","Promise","resolve","then","_interopNamespaceDefaultOnly","require","tokens","colorVariables","Object","entries","map","name","value","spacingVariables","spacing","step","kebabCase","fontWeights","typography","font","weight","breakpoints","breakpoint","textUtilities","style","small","property","medium","base","join","tailwindTheme","writeFile","path"],"mappings":"0TAImCA,UAC/B,MAAQC,QAASC,SAAiBC,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,gCACjCN,QAASO,SAAiBL,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,mBAEnCE,EAAiBC,OAAOC,QAAQT,GAAQU,IAC1C,EAAEC,EAAMC,KAAW,eAAeD,MAASC,MAGzCC,EAAmBL,OAAOC,QAAQH,EAAOQ,SAASJ,IACpD,EAAEK,EAAMH,KAAW,iBAAiBI,EAAAA,UAAUD,OAAUH,MAGtDK,EAAcT,OAAOC,QAAQH,EAAOY,WAAWC,KAAKC,QAAQV,IAC9D,EAAEU,EAAQR,KAAW,qBAAqBQ,MAAWR,MAGnDS,EAAcb,OAAOC,QAAQH,EAAOgB,YAAYZ,IAClD,EAAEK,EAAMH,KAAW,oBAAoBI,EAAAA,UAAUD,OAAUH,MAGzDW,EAAgBf,OAAOC,QAAQH,EAAOY,WAAWM,OAAOd,IAC1D,EAAEC,EAAMC,KACJ,CACI,YAAYI,EAAAA,UAAUL,UACnBH,OAAOC,QAAQG,EAAMa,OAAOf,IAC3B,EAAEgB,EAAUd,KACR,OAAOI,EAAAA,UAAUU,OAAcd,MAEvC,GACA,0BAA0BN,EAAOgB,WAAWK,eACzCnB,OAAOC,QAAQG,EAAMgB,MAAMlB,IAC1B,EAAEgB,EAAUd,KACR,WAAWI,EAAAA,UAAUU,OAAcd,MAE3C,QACA,KACFiB,KAAK,OAGTC,EAAgB,6DAKxBvB,EAAesB,KAAK,YAEpBhB,EAAiBgB,KAAK,YAEtBZ,EAAYY,KAAK,YAEjBR,EAAYQ,KAAK,eAGjBN,EAAcM,KAAK,kBAGXE,EAAAA,UACFC,EAAK9B,QAAQ,sCACb4B"}

package/build/cjs/core/tokens/style-dictionary/formats/javascript-esm.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("change-case"),t=require("style-dictionary/utils"),r=t=>{if(!t||"object"!=typeof t)return t;if("value"in t)return t.value;const i={};for(const[a,n]of Object.entries(t)){i[e.camelCase(a)]=r(n)}return i},i={name:"javascript/esm",format:async({dictionary:e,file:i})=>`${await t.fileHeader({file:i})}export default ${JSON.stringify(r(e.tokens))};\n`};module.exports=i;
+"use strict";const e=require("../../../../../index-Ck94bTpt.cjs"),t=require("style-dictionary/utils"),r=t=>{if(!t||"object"!=typeof t)return t;if("value"in t)return t.value;const i={};for(const[n,s]of Object.entries(t)){i[e.camelCase(n)]=r(s)}return i},i={name:"javascript/esm",format:async({dictionary:e,file:i})=>`${await t.fileHeader({file:i})}export default ${JSON.stringify(r(e.tokens))};\n`};module.exports=i;
 //# sourceMappingURL=javascript-esm.cjs.map

package/build/cjs/core/tokens/style-dictionary/formats/javascript-esm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"javascript-esm.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/javascript-esm.ts"],"sourcesContent":["import { camelCase } from \"change-case\";\nimport type {\n    DesignToken,\n    Dictionary,\n    File,\n    Format,\n} from \"style-dictionary/types\";\nimport { fileHeader } from \"style-dictionary/utils\";\n\nconst formatKeysToCamelCase = (token: DesignToken) => {\n    if (!token || typeof token !== \"object\") {\n        return token;\n    }\n\n    if (\"value\" in token) {\n        return token.value;\n    }\n\n    const camelCasedObject: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(token)) {\n        const camelCasedKey = camelCase(key);\n        camelCasedObject[camelCasedKey] = formatKeysToCamelCase(value);\n    }\n\n    return camelCasedObject;\n};\n\nconst javascriptEsmFormat: Format = {\n    name: \"javascript/esm\",\n    format: async ({\n        dictionary,\n        file,\n    }: { dictionary: Dictionary; file: File }) => {\n        return `${await fileHeader({ file })}export default ${JSON.stringify(formatKeysToCamelCase(dictionary.tokens))};\\n`;\n    },\n};\n\nexport default javascriptEsmFormat;\n"],"names":["formatKeysToCamelCase","token","value","camelCasedObject","key","Object","entries","camelCase","javascriptEsmFormat","name","format","async","dictionary","file","fileHeader","JSON","stringify","tokens"],"mappings":"gFASMA,EAAyBC,IAC3B,IAAKA,GAA0B,iBAAVA,EACjB,OAAOA,EAGX,GAAI,UAAWA,EACX,OAAOA,EAAMC,MAGjB,MAAMC,EAA4C,CAAA,EAClD,IAAA,MAAYC,EAAKF,KAAUG,OAAOC,QAAQL,GAAQ,CAE9CE,EADsBI,EAAAA,UAAUH,IACEJ,EAAsBE,EAC5D,CAEA,OAAOC,GAGLK,EAA8B,CAChCC,KAAM,iBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,EAAAA,WAAW,CAAED,KAAAA,qBAAyBE,KAAKC,UAAUhB,EAAsBY,EAAWK"}
+{"version":3,"file":"javascript-esm.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/javascript-esm.ts"],"sourcesContent":["import { camelCase } from \"change-case\";\nimport type {\n    DesignToken,\n    Dictionary,\n    File,\n    Format,\n} from \"style-dictionary/types\";\nimport { fileHeader } from \"style-dictionary/utils\";\n\nconst formatKeysToCamelCase = (token: DesignToken) => {\n    if (!token || typeof token !== \"object\") {\n        return token;\n    }\n\n    if (\"value\" in token) {\n        return token.value;\n    }\n\n    const camelCasedObject: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(token)) {\n        const camelCasedKey = camelCase(key);\n        camelCasedObject[camelCasedKey] = formatKeysToCamelCase(value);\n    }\n\n    return camelCasedObject;\n};\n\nconst javascriptEsmFormat: Format = {\n    name: \"javascript/esm\",\n    format: async ({\n        dictionary,\n        file,\n    }: { dictionary: Dictionary; file: File }) => {\n        return `${await fileHeader({ file })}export default ${JSON.stringify(formatKeysToCamelCase(dictionary.tokens))};\\n`;\n    },\n};\n\nexport default javascriptEsmFormat;\n"],"names":["formatKeysToCamelCase","token","value","camelCasedObject","key","Object","entries","camelCase","javascriptEsmFormat","name","format","async","dictionary","file","fileHeader","JSON","stringify","tokens"],"mappings":"sGASMA,EAAyBC,IAC3B,IAAKA,GAA0B,iBAAVA,EACjB,OAAOA,EAGX,GAAI,UAAWA,EACX,OAAOA,EAAMC,MAGjB,MAAMC,EAA4C,CAAA,EAClD,IAAA,MAAYC,EAAKF,KAAUG,OAAOC,QAAQL,GAAQ,CAE9CE,EADsBI,EAAAA,UAAUH,IACEJ,EAAsBE,EAC5D,CAEA,OAAOC,GAGLK,EAA8B,CAChCC,KAAM,iBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,EAAAA,WAAW,CAAED,KAAAA,qBAAyBE,KAAKC,UAAUhB,EAAsBY,EAAWK"}

package/build/cjs/core/tokens.cjs

@@ -1,2 +1,2 @@
-"use strict";module.exports={breakpoint:{small:"0",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"},semanticSpacing:{none:"0","2xs":"0.25rem",xs:"0.5rem",s:"1rem",m:"1.5rem",l:"2.5rem",xl:"4rem","2xl":"6.5rem"},icon:{weight:{normal:"300",bold:"400"}},typography:{weight:{normal:"400",bold:"700"},font:{weight:{normal:"400",bold:"700"},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"}},style:{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"}}},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"}}}};
+"use strict";module.exports={breakpoint:{small:"0",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"},semanticSpacing:{none:"0","2xs":"0.25rem",xs:"0.5rem",s:"1rem",m:"1.5rem",l:"2.5rem",xl:"4rem","2xl":"6.5rem"},icon:{weight:{normal:"300",bold:"400"}},typography:{weight:{normal:"400",bold:"700"},font:{weight:{normal:"400",bold:"700"},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)",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",flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"}},style:{title:{small:{fontSize:"var(--jkl-font-size-10)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-10)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},titleSmall:{small:{fontSize:"var(--jkl-font-size-9)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-9)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},heading_1:{small:{fontSize:"var(--jkl-font-size-8)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-8)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},heading_2:{small:{fontSize:"var(--jkl-font-size-7)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-7)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},heading_3:{small:{fontSize:"var(--jkl-font-size-6)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"},base:{fontSize:"var(--jkl-font-size-6)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"}},heading_4:{small:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"},base:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"}},heading_5:{small:{fontSize:"var(--jkl-font-size-4)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"},base:{fontSize:"var(--jkl-font-size-4)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"700"}},paragraphLarge:{small:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},paragraphMedium:{small:{fontSize:"var(--jkl-font-size-3)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-3)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},paragraphSmall:{small:{fontSize:"var(--jkl-font-size-2)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-2)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},textLarge:{small:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-5)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},textMedium:{small:{fontSize:"var(--jkl-font-size-3)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-3)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},textSmall:{small:{fontSize:"var(--jkl-font-size-2)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-2)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},textMicro:{small:{fontSize:"var(--jkl-font-size-1)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"},base:{fontSize:"var(--jkl-font-size-1)",lineHeight:"var(--jkl-line-height-tight)",fontWeight:"400"}},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"}}},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"}}}};
 //# sourceMappingURL=tokens.cjs.map

package/build/cjs/core/tokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs","sources":["../../../src/core/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n    breakpoint: { small: \"0\", 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: {\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    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    semanticSpacing: {\n        none: \"0\",\n        \"2xs\": \"0.25rem\",\n        xs: \"0.5rem\",\n        s: \"1rem\",\n        m: \"1.5rem\",\n        l: \"2.5rem\",\n        xl: \"4rem\",\n        \"2xl\": \"6.5rem\",\n    },\n    icon: { weight: { normal: \"300\", bold: \"400\" } },\n    typography: {\n        weight: { normal: \"400\", bold: \"700\" },\n        font: {\n            weight: { normal: \"400\", bold: \"700\" },\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        style: {\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        title: {\n            small: {\n                fontSize: \"2.25rem\",\n                lineHeight: \"2.75rem\",\n                fontWeight: \"400\",\n            },\n            base: { fontSize: \"3.5rem\", lineHeight: \"4rem\", fontWeight: \"400\" },\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: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"700\" },\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: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"400\" },\n        },\n    },\n};\n"],"names":["breakpoint","small","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","semanticSpacing","none","xs","s","m","l","icon","weight","normal","bold","typography","font","size","line","height","style","title","fontSize","lineHeight","fontWeight","titleSmall","heading_1","heading_2","heading_3","heading_4","heading_5","body"],"mappings":"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"}
+{"version":3,"file":"tokens.cjs","sources":["../../../src/core/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n    breakpoint: { small: \"0\", 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: {\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    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    semanticSpacing: {\n        none: \"0\",\n        \"2xs\": \"0.25rem\",\n        xs: \"0.5rem\",\n        s: \"1rem\",\n        m: \"1.5rem\",\n        l: \"2.5rem\",\n        xl: \"4rem\",\n        \"2xl\": \"6.5rem\",\n    },\n    icon: { weight: { normal: \"300\", bold: \"400\" } },\n    typography: {\n        weight: { normal: \"400\", bold: \"700\" },\n        font: {\n            weight: { normal: \"400\", bold: \"700\" },\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                \"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                flush: \"var(--jkl-line-height-flush)\",\n                tight: \"var(--jkl-line-height-tight)\",\n                relaxed: \"var(--jkl-line-height-relaxed)\",\n            },\n        },\n        style: {\n            title: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-10)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-10)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            titleSmall: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-9)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-9)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            heading_1: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-8)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-8)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            heading_2: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-7)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-7)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            heading_3: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-6)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-6)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n            },\n            heading_4: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n            },\n            heading_5: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-4)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-4)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"700\",\n                },\n            },\n            paragraphLarge: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            paragraphMedium: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-3)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-3)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            paragraphSmall: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-2)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-2)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            textLarge: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-5)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            textMedium: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-3)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-3)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            textSmall: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-2)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-2)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n            },\n            textMicro: {\n                small: {\n                    fontSize: \"var(--jkl-font-size-1)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\n                },\n                base: {\n                    fontSize: \"var(--jkl-font-size-1)\",\n                    lineHeight: \"var(--jkl-line-height-tight)\",\n                    fontWeight: \"400\",\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        title: {\n            small: {\n                fontSize: \"2.25rem\",\n                lineHeight: \"2.75rem\",\n                fontWeight: \"400\",\n            },\n            base: { fontSize: \"3.5rem\", lineHeight: \"4rem\", fontWeight: \"400\" },\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: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"700\" },\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: { fontSize: \"1rem\", lineHeight: \"1.5rem\", fontWeight: \"400\" },\n        },\n    },\n};\n"],"names":["breakpoint","small","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","semanticSpacing","none","xs","s","m","l","icon","weight","normal","bold","typography","font","size","line","height","flush","tight","relaxed","style","title","fontSize","lineHeight","fontWeight","titleSmall","heading_1","heading_2","heading_3","heading_4","heading_5","paragraphLarge","paragraphMedium","paragraphSmall","textLarge","textMedium","textSmall","textMicro","body"],"mappings":"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"}

package/build/cjs/core/tokens.d.cts

@@ -232,6 +232,16 @@ declare const _default: {
                 bold: string;
             };
             size: {
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
+                "5": string;
+                "6": string;
+                "7": string;
+                "8": string;
+                "9": string;
+                "10": string;
                 "16": string;
                 "18": string;
                 "20": string;
@@ -256,6 +266,9 @@ declare const _default: {
                 "44": string;
                 "52": string;
                 "64": string;
+                flush: string;
+                tight: string;
+                relaxed: string;
             };
         };
         style: {
@@ -343,6 +356,90 @@ declare const _default: {
                     fontWeight: string;
                 };
             };
+            paragraphLarge: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            paragraphMedium: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            paragraphSmall: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            textLarge: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            textMedium: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            textSmall: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
+            textMicro: {
+                small: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+                base: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: string;
+                };
+            };
             body: {
                 small: {
                     fontSize: string;

package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("change-case"),t=require("tailwindcss/plugin.js"),r=require("../../core/tokens.cjs"),{breakpoint:s,typography:i}=r,o=t(({addComponents:t})=>{const r=Object.entries(i.style).map(([t,r])=>[`.${e.kebabCase(t)}`,{...r.small,[`@media (min-width: ${s.medium})`]:{...r.base}}]);t(Object.fromEntries(r))});exports.jokulTypographyPlugin=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../index-Ck94bTpt.cjs"),t=require("tailwindcss/plugin.js"),r=require("../../core/tokens.cjs"),{breakpoint:s,typography:i}=r,o=t(({addComponents:t})=>{const r=Object.entries(i.style).map(([t,r])=>[`.${e.kebabCase(t)}`,{...r.small,[`@media (min-width: ${s.medium})`]:{...r.base}}]);t(Object.fromEntries(r))});exports.jokulTypographyPlugin=o;
 //# sourceMappingURL=jokulTypographyPlugin.cjs.map

package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"jokulTypographyPlugin.cjs","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":"sLAIQA,WAAAA,EAAYC,WAAAA,GAAeC,EAEtBC,EAAwBC,EAAO,EAAGC,cAAAA,MAC3C,MAAMC,EAAmBC,OAAOC,QAAQP,EAAWQ,OAAOC,IACtD,EAAEC,EAAMF,KAAW,CACf,IAAIG,EAAAA,UAAUD,KACd,IACOF,EAAMI,MACT,CAAC,sBAAsBb,EAAWc,WAAY,IACvCL,EAAMM,SAMzBV,EAAcE,OAAOS,YAAYV"}
+{"version":3,"file":"jokulTypographyPlugin.cjs","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":"sMAIQA,WAAAA,EAAYC,WAAAA,GAAeC,EAEtBC,EAAwBC,EAAO,EAAGC,cAAAA,MAC3C,MAAMC,EAAmBC,OAAOC,QAAQP,EAAWQ,OAAOC,IACtD,EAAEC,EAAMF,KAAW,CACf,IAAIG,EAAAA,UAAUD,KACd,IACOF,EAAMI,MACT,CAAC,sBAAsBb,EAAWc,WAAY,IACvCL,EAAMM,SAMzBV,EAAcE,OAAOS,YAAYV"}

package/build/es/components/datepicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FocusEvent } from 'react';
 /**
  * Format a Date object as a string in the format DatePicker expects.
  *
@@ -16,7 +16,7 @@ export declare function parseDateString(dateString?: string): Date | undefined;
 /**
  * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,
  * eller om den går til et interaktivt element inni DatePickeren.
- * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
+ * @param {FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
  * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker
  */
-export declare function isBlurTargetOutside(e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;
+export declare function isBlurTargetOutside(e: FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;

package/build/es/components/datepicker/utils.js

@@ -1,2 +1,2 @@
-import"react";const e=/^(\d\d?)[\W](\d\d?)[\W](\d{4}|\d{2})$/,t=/^(\d{4}|\d{2})[\W](\d\d?)[\W](\d\d?)$/;function r(e){return`${`${e.getDate()}`.padStart(2,"0")}.${`${e.getMonth()+1}`.padStart(2,"0")}.${e.getFullYear()}`}function n(r){if(!r)return;const n=(r=>{const n=e.exec(r);if(n)return n.slice(1,4);const a=t.exec(r);if(!a)return;const s=a.slice(1,4);return s.reverse(),s})(r);if(!n)return;const a=Number.parseInt((new Date).toLocaleString("no-NB",{year:"2-digit"})),s=Number.parseInt(n[0],10),u=Number.parseInt(n[1],10)-1,i=Number.parseInt(n[2],10),d=i>99?i:(c=i)>a?c+1900:c+2e3,o=new Date(d,u,s,0,0,0);var c;return o.getMonth()===u&&o.getFullYear()===d?o:void 0}function a(e){if(!e.relatedTarget)return!0;const t=e.target.closest(".jkl-datepicker__input-wrapper");return e.relatedTarget.closest(".jkl-datepicker__input-wrapper")!==t}export{r as formatInput,a as isBlurTargetOutside,n as parseDateString};
+const e=/^(\d\d?)[\W](\d\d?)[\W](\d{4}|\d{2})$/,t=/^(\d{4}|\d{2})[\W](\d\d?)[\W](\d\d?)$/;function r(e){return`${`${e.getDate()}`.padStart(2,"0")}.${`${e.getMonth()+1}`.padStart(2,"0")}.${e.getFullYear()}`}function n(r){if(!r)return;const n=(r=>{const n=e.exec(r);if(n)return n.slice(1,4);const a=t.exec(r);if(!a)return;const s=a.slice(1,4);return s.reverse(),s})(r);if(!n)return;const a=Number.parseInt((new Date).toLocaleString("no-NB",{year:"2-digit"})),s=Number.parseInt(n[0],10),u=Number.parseInt(n[1],10)-1,d=Number.parseInt(n[2],10),i=d>99?d:(c=d)>a?c+1900:c+2e3,o=new Date(i,u,s,0,0,0);var c;return o.getMonth()===u&&o.getFullYear()===i?o:void 0}function a(e){if(!e.relatedTarget)return!0;const t=e.target.closest(".jkl-datepicker__input-wrapper");return e.relatedTarget.closest(".jkl-datepicker__input-wrapper")!==t}export{r as formatInput,a as isBlurTargetOutside,n as parseDateString};
 //# sourceMappingURL=utils.js.map