npm - @fremtind/jokul - Versions diffs - 0.64.2 → 0.66.1 - Mend

@fremtind/jokul 0.64.2 → 0.66.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1008) hide show

package/build/cjs/components/feedback/stories/Feedback.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../Feedback.cjs"),l=require("../questions/smileyUtils.cjs"),i={title:"Komponenter/Feedback",component:t.Feedback,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"radio",label:"Hvordan opplevde du å bestille forsikring på nett?",helpLabel:"Hjelpetekst",options:[{label:"Enkelt og greit",value:"enkelt"},{label:"Midt på treet",value:"ok"},{label:"Tungvindt",value:"tungvindt"}],addOnQuestion:{label:"Er det noe mer du vil legge til?",helpLabel:"Hjelpetekst"},successMessage:{title:"Takk for tilbakemeldingen!",children:"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding."},onSubmit:console.info},render:l=>e.jsx(t.Feedback,{...l})},a={args:{type:"smiley",label:"Hvordan opplevde du å bestille forsikring på nett?",helpLabel:"Hjelpetekst",options:l.defaultOptions,addOnQuestion:{label:"Er det noe mer du vil legge til?",helpLabel:"Hjelpetekst"},successMessage:{title:"Takk for tilbakemeldingen!",children:"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding."},onSubmit:console.info},render:l=>e.jsx(t.Feedback,{...l})};exports.Radio=s,exports.Smiley=a,exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const t=require("../Feedback.cjs"),l=require("../questions/smileyUtils.cjs"),i={title:"Komponenter/Feedback",component:t.Feedback,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{type:"radio",label:"Hvordan opplevde du å bestille forsikring på nett?",helpLabel:"Hjelpetekst",options:[{label:"Enkelt og greit",value:"enkelt"},{label:"Midt på treet",value:"ok"},{label:"Tungvindt",value:"tungvindt"}],addOnQuestion:{label:"Er det noe mer du vil legge til?",helpLabel:"Hjelpetekst"},successMessage:{title:"Takk for tilbakemeldingen!",children:"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding."},onSubmit:console.info},render:l=>e.jsx(t.Feedback,{...l})},r={args:{type:"smiley",label:"Hvordan opplevde du å bestille forsikring på nett?",helpLabel:"Hjelpetekst",options:l.defaultOptions,addOnQuestion:{label:"Er det noe mer du vil legge til?",helpLabel:"Hjelpetekst"},successMessage:{title:"Takk for tilbakemeldingen!",children:"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding."},onSubmit:console.info},render:l=>e.jsx(t.Feedback,{...l})};exports.Radio=s,exports.Smiley=r,exports.default=i;
 //# sourceMappingURL=Feedback.stories.cjs.map

package/build/cjs/components/feedback/stories/Feedback.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Feedback.stories.cjs","sources":["../../../../../src/components/feedback/stories/Feedback.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Feedback } from \"../Feedback.js\";\nimport { defaultOptions } from \"../questions/smileyUtils.js\";\n\nconst meta = {\n title: \"Komponenter/Feedback\",\n component: Feedback,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Feedback>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Radio: Story = {\n args: {\n type: \"radio\",\n label: \"Hvordan opplevde du å bestille forsikring på nett?\",\n helpLabel: \"Hjelpetekst\",\n options: [\n { label: \"Enkelt og greit\", value: \"enkelt\" },\n { label: \"Midt på treet\", value: \"ok\" },\n { label: \"Tungvindt\", value: \"tungvindt\" },\n ],\n addOnQuestion: {\n label: \"Er det noe mer du vil legge til?\",\n helpLabel: \"Hjelpetekst\",\n },\n successMessage: {\n title: \"Takk for tilbakemeldingen!\",\n children:\n \"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding.\",\n },\n onSubmit: console.info,\n },\n render: (args) => <Feedback {...args} />,\n};\n\nexport const Smiley: Story = {\n args: {\n type: \"smiley\",\n label: \"Hvordan opplevde du å bestille forsikring på nett?\",\n helpLabel: \"Hjelpetekst\",\n options: defaultOptions,\n addOnQuestion: {\n label: \"Er det noe mer du vil legge til?\",\n helpLabel: \"Hjelpetekst\",\n },\n successMessage: {\n title: \"Takk for tilbakemeldingen!\",\n children:\n \"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding.\",\n },\n onSubmit: console.info,\n },\n render: (args) => <Feedback {...args} />,\n};\n"],"names":["meta","title","component","Feedback","parameters","layout","tags","Radio","args","type","label","helpLabel","options","value","addOnQuestion","successMessage","children","onSubmit","console","info","render","jsx","Smiley","defaultOptions"],"mappings":"~~wNAMMA~~,EAAO,CACTC,MAAO,uBACPC,UAAWC,EAAAA,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAe,CACxBC,KAAM,CACFC,KAAM,QACNC,MAAO,qDACPC,UAAW,cACXC,QAAS,CACL,CAAEF,MAAO,kBAAmBG,MAAO,UACnC,CAAEH,MAAO,gBAAiBG,MAAO,MACjC,CAAEH,MAAO,YAAaG,MAAO,cAEjCC,cAAe,CACXJ,MAAO,mCACPC,UAAW,eAEfI,eAAgB,CACZd,MAAO,6BACPe,SACI,oEAERC,SAAUC,QAAQC,MAEtBC,OAASZ,GAAUa,EAAAA,IAAAlB,EAAAA,SAAA,IAAaK,KAGvBc,EAAgB,CACzBd,KAAM,CACFC,KAAM,SACNC,MAAO,qDACPC,UAAW,cACXC,QAASW,EAAAA,eACTT,cAAe,CACXJ,MAAO,mCACPC,UAAW,eAEfI,eAAgB,CACZd,MAAO,6BACPe,SACI,oEAERC,SAAUC,QAAQC,MAEtBC,OAASZ,GAAUa,EAAAA,IAAAlB,EAAAA,SAAA,IAAaK"}
1	+ {"version":3,"file":"Feedback.stories.cjs","sources":["../../../../../src/components/feedback/stories/Feedback.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Feedback } from \"../Feedback.js\";\nimport { defaultOptions } from \"../questions/smileyUtils.js\";\n\nconst meta = {\n title: \"Komponenter/Feedback\",\n component: Feedback,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Feedback>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Radio: Story = {\n args: {\n type: \"radio\",\n label: \"Hvordan opplevde du å bestille forsikring på nett?\",\n helpLabel: \"Hjelpetekst\",\n options: [\n { label: \"Enkelt og greit\", value: \"enkelt\" },\n { label: \"Midt på treet\", value: \"ok\" },\n { label: \"Tungvindt\", value: \"tungvindt\" },\n ],\n addOnQuestion: {\n label: \"Er det noe mer du vil legge til?\",\n helpLabel: \"Hjelpetekst\",\n },\n successMessage: {\n title: \"Takk for tilbakemeldingen!\",\n children:\n \"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding.\",\n },\n onSubmit: console.info,\n },\n render: (args) => <Feedback {...args} />,\n};\n\nexport const Smiley: Story = {\n args: {\n type: \"smiley\",\n label: \"Hvordan opplevde du å bestille forsikring på nett?\",\n helpLabel: \"Hjelpetekst\",\n options: defaultOptions,\n addOnQuestion: {\n label: \"Er det noe mer du vil legge til?\",\n helpLabel: \"Hjelpetekst\",\n },\n successMessage: {\n title: \"Takk for tilbakemeldingen!\",\n children:\n \"Vi setter pris på at du tar deg tid til å gi oss tilbakemelding.\",\n },\n onSubmit: console.info,\n },\n render: (args) => <Feedback {...args} />,\n};\n"],"names":["meta","title","component","Feedback","parameters","layout","tags","Radio","args","type","label","helpLabel","options","value","addOnQuestion","successMessage","children","onSubmit","console","info","render","jsx","Smiley","defaultOptions"],"mappings":"+OAMMA,EAAO,CACTC,MAAO,uBACPC,UAAWC,EAAAA,SACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAe,CACxBC,KAAM,CACFC,KAAM,QACNC,MAAO,qDACPC,UAAW,cACXC,QAAS,CACL,CAAEF,MAAO,kBAAmBG,MAAO,UACnC,CAAEH,MAAO,gBAAiBG,MAAO,MACjC,CAAEH,MAAO,YAAaG,MAAO,cAEjCC,cAAe,CACXJ,MAAO,mCACPC,UAAW,eAEfI,eAAgB,CACZd,MAAO,6BACPe,SACI,oEAERC,SAAUC,QAAQC,MAEtBC,OAASZ,GAAUa,EAAAA,IAAAlB,EAAAA,SAAA,IAAaK,KAGvBc,EAAgB,CACzBd,KAAM,CACFC,KAAM,SACNC,MAAO,qDACPC,UAAW,cACXC,QAASW,EAAAA,eACTT,cAAe,CACXJ,MAAO,mCACPC,UAAW,eAEfI,eAAgB,CACZd,MAAO,6BACPe,SACI,oEAERC,SAAUC,QAAQC,MAEtBC,OAASZ,GAAUa,EAAAA,IAAAlB,EAAAA,SAAA,IAAaK"}

package/build/cjs/components/feedback/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport {\n CheckboxQuestion,\n RadioQuestion,\n ~~TextQuestion~~,\n ~~SmileyQuestion~~,\n} from \"./questions/index.js\";\nimport { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(\n ...allowedTypes: Array<string \| JSXElementConstructor<P>>\n) {\n return (\n children: React.ReactNode,\n ):\n \| React.ReactElement<P, string \| React.JSXElementConstructor<unknown>>[]\n \| null\n \| undefined =>\n React.Children.map(children, (child) => {\n if (\n React.isValidElement<P>(child) &&\n allowedTypes.includes(child.type)\n ) {\n return child;\n }\n return undefined;\n });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n switch (type) {\n case \"radio\":\n return RadioQuestion;\n case \"checkbox\":\n return CheckboxQuestion;\n case \"text\":\n return TextQuestion;\n case \"smiley\":\n return SmileyQuestion;\n\n default:\n return RadioQuestion;\n }\n};\n"],"names":["allowedTypes","children","React","Children","map","child","isValidElement","includes","type","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"ijBASO,YACAA,GAEH,OACIC,GAKAC,EAAMC,SAASC,IAAIH,GAAWI,IAEtB,GAAAH,EAAMI,eAAkBD,IACxBL,EAAaO,SAASF,EAAMG,MAErB,OAAAH,IAIvB,8BAEoCG,IAChC,OAAQA,GACJ,IAAK,QASL,QACW,OAAAC,gBARX,IAAK,WACM,OAAAC,mBACX,IAAK,OACM,OAAAC,eACX,IAAK,SACM,OAAAC,iBAIf"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { type JSXElementConstructor, type FC } from \"react\";\nimport {\n CheckboxQuestion,\n RadioQuestion,\n SmileyQuestion,\n TextQuestion,\n} from \"./questions/index.js\";\nimport type { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(\n ...allowedTypes: Array<string \| JSXElementConstructor<P>>\n) {\n return (\n children: React.ReactNode,\n ):\n \| React.ReactElement<P, string \| React.JSXElementConstructor<unknown>>[]\n \| null\n \| undefined =>\n React.Children.map(children, (child) => {\n if (\n React.isValidElement<P>(child) &&\n allowedTypes.includes(child.type)\n ) {\n return child;\n }\n return undefined;\n });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n switch (type) {\n case \"radio\":\n return RadioQuestion;\n case \"checkbox\":\n return CheckboxQuestion;\n case \"text\":\n return TextQuestion;\n case \"smiley\":\n return SmileyQuestion;\n\n default:\n return RadioQuestion;\n }\n};\n"],"names":["allowedTypes","children","React","Children","map","child","isValidElement","includes","type","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"ijBASO,YACAA,GAEH,OACIC,GAKAC,EAAMC,SAASC,IAAIH,GAAWI,IAEtB,GAAAH,EAAMI,eAAkBD,IACxBL,EAAaO,SAASF,EAAMG,MAErB,OAAAH,IAIvB,8BAEoCG,IAChC,OAAQA,GACJ,IAAK,QASL,QACW,OAAAC,gBARX,IAAK,WACM,OAAAC,mBACX,IAAK,OACM,OAAAC,eACX,IAAK,SACM,OAAAC,iBAIf"}

package/build/cjs/components/file-input/File.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs");const n=require("../icon/icons/SuccessIcon.cjs");require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs");const r=require("../icon/icons/TrashCanIcon.cjs");require("../icon/icons/WarningIcon.cjs");const o=require("../icon-button/IconButton.cjs"),s=require("../input-group/SupportLabel.cjs"),l=require("../../utilities/formatters/bytes/formatBytes.cjs"),t=require("./internal/fileInputContext.cjs"),a=require("./internal/Thumbnail.cjs");exports.File=u=>{const{children:j,className:q,fileName:p,fileType:I,fileSize:d,path:h,file:m,supportLabel:f,supportLabelType:b,state:x,onRemove:_,...k}=u,w=`jkl-file-preview-${i.useId()}`,C=w+"-support",v=t.useFileInputContext(),g=h?"a":"div",y="error"===b||"warning"===b,N="success"===b,T=e.jsxs("div",{id:w,className:c.clsx(q,"jkl-file"),...k,children:[e.jsxs(g,{className:c.clsx("jkl-file__content",{"jkl-file__content--error":"error"===b,"jkl-file__content--warning":"warning"===b}),href:h,target:h?"_blank":void 0,children:[e.jsx(a.Thumbnail,{fileName:p,fileType:I,file:m,path:h,state:x,children:j}),e.jsxs("div",{children:[e.jsx("p",{className:"jkl-file__name",children:p}),e.jsxs("p",{className:"jkl-file__description",children:[e.jsx("span",{children:l.formatBytes(d)}),y||N?N?e.jsx(n.SuccessIcon,{variant:"small","aria-label":"Filen ble lastet opp uten feil","aria-hidden":!1}):null:e.jsx(s.SupportLabel,{className:"jkl-file__support-label jkl-body",id:C,label:f,labelType:b})]}),f&&y&&e.jsx(s.SupportLabel,{className:"jkl-file__support-label",id:C,label:f,labelType:b})]})]}),_&&e.jsx(o.IconButton,{className:"jkl-file__delete",onClick:_,title:`Fjern ${p}`,children:e.jsx(r.TrashCanIcon,{})})]});return v?e.jsx("li",{children:T}):T};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),n=require("../icon-button/IconButton.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs");const r=require("../icon/icons/SuccessIcon.cjs");require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs");const o=require("../icon/icons/TrashCanIcon.cjs");require("../icon/icons/WarningIcon.cjs");const s=require("../input-group/SupportLabel.cjs"),l=require("../../utilities/formatters/bytes/formatBytes.cjs"),t=require("./internal/Thumbnail.cjs"),a=require("./internal/fileInputContext.cjs");exports.File=u=>{const{children:j,className:q,fileName:p,fileType:I,fileSize:d,path:h,file:m,supportLabel:f,supportLabelType:b,state:x,onRemove:_,...k}=u,w=`jkl-file-preview-${i.useId()}`,C=`${w}-support`,v=a.useFileInputContext(),g=h?"a":"div",y="error"===b||"warning"===b,N="success"===b,T=e.jsxs("div",{id:w,className:c.clsx(q,"jkl-file"),...k,children:[e.jsxs(g,{className:c.clsx("jkl-file__content",{"jkl-file__content--error":"error"===b,"jkl-file__content--warning":"warning"===b}),href:h,target:h?"_blank":void 0,children:[e.jsx(t.Thumbnail,{fileName:p,fileType:I,file:m,path:h,state:x,children:j}),e.jsxs("div",{children:[e.jsx("p",{className:"jkl-file__name",children:p}),e.jsxs("p",{className:"jkl-file__description",children:[e.jsx("span",{children:l.formatBytes(d)}),y||N?N?e.jsx(r.SuccessIcon,{variant:"small","aria-label":"Filen ble lastet opp uten feil","aria-hidden":!1}):null:e.jsx(s.SupportLabel,{className:"jkl-file__support-label jkl-body",id:C,label:f,labelType:b})]}),f&&y&&e.jsx(s.SupportLabel,{className:"jkl-file__support-label",id:C,label:f,labelType:b})]})]}),_&&e.jsx(n.IconButton,{className:"jkl-file__delete",onClick:_,title:`Fjern ${p}`,children:e.jsx(o.TrashCanIcon,{})})]});return v?e.jsx("li",{children:T}):T};
 //# sourceMappingURL=File.cjs.map

package/build/cjs/components/file-input/File.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"File.cjs","sources":["../../../../src/components/file-input/File.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type ComponentProps,\n type FC,\n type MouseEvent,\n useId,\n} from \"react\";\nimport { ~~TrashCanIcon,~~ ~~SuccessIcon~~ } from \"../../components/icon/~~index~~.js\";\nimport { ~~IconButton~~ } from \"../../components/icon~~-button~~/~~IconButton~~.js\";\nimport { SupportLabel } from \"../../components/input-group/SupportLabel.js\";\nimport { formatBytes } from \"../../utilities/formatters/bytes/formatBytes.js\";\nimport { ~~useFileInputContext~~ } from \"./internal/~~fileInputContext~~.js\";\nimport { ~~Thumbnail~~ } from \"./internal/~~Thumbnail~~.js\";\nimport type { FileInputFileState } from \"./types.js\";\n\nexport type FileProps = {\n fileName: string;\n fileType: string;\n fileSize: number;\n path?: string;\n file?: File;\n supportLabel?: string;\n supportLabelType?: \"help\" \| \"error\" \| \"warning\" \| \"success\";\n state?: FileInputFileState;\n onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const File: FC<FileProps & ComponentProps<\"div\">> = (props) => {\n const {\n children,\n className,\n fileName,\n fileType,\n fileSize,\n path,\n file,\n supportLabel,\n supportLabelType,\n state,\n onRemove,\n ...rest\n } = props;\n\n const id = `jkl-file-preview-${useId()}`;\n const supportId = id ~~+ \"~~-support~~\";\~~n\n const context = useFileInputContext();\n\n const Component = path ? \"a\" : \"div\";\n\n const hasErrorOrWarning =\n supportLabelType === \"error\" \|\| supportLabelType === \"warning\";\n const hasSuccess = supportLabelType === \"success\";\n\n const renderFeedbackElement = () => {\n if (!hasErrorOrWarning && !hasSuccess) {\n return (\n <SupportLabel\n className=\"jkl-file__support-label jkl-body\"\n id={supportId}\n label={supportLabel}\n labelType={supportLabelType}\n />\n );\n }\n\n if (hasSuccess)\n return (\n <SuccessIcon\n variant=\"small\"\n aria-label=\"Filen ble lastet opp uten feil\"\n aria-hidden={false}\n />\n );\n\n return null;\n };\n\n const fileComponent = (\n <div id={id} className={clsx(className, \"jkl-file\")} {...rest}>\n <Component\n className={clsx(\"jkl-file__content\", {\n \"jkl-file__content--error\": supportLabelType === \"error\",\n \"jkl-file__content--warning\":\n supportLabelType === \"warning\",\n })}\n href={path}\n target={path ? \"_blank\" : undefined}\n >\n <Thumbnail\n fileName={fileName}\n fileType={fileType}\n file={file}\n path={path}\n state={state}\n >\n {children}\n </Thumbnail>\n <div>\n <p className=\"jkl-file__name\">{fileName}</p>\n <p className=\"jkl-file__description\">\n <span>{formatBytes(fileSize)}</span>\n {renderFeedbackElement()}\n </p>\n {supportLabel && hasErrorOrWarning && (\n <SupportLabel\n className=\"jkl-file__support-label\"\n id={supportId}\n label={supportLabel}\n labelType={supportLabelType}\n />\n )}\n </div>\n </Component>\n {onRemove && (\n <IconButton\n className=\"jkl-file__delete\"\n onClick={onRemove}\n title={`Fjern ${fileName}`}\n >\n <TrashCanIcon />\n </IconButton>\n )}\n </div>\n );\n\n return context ? <li>{fileComponent}</li> : fileComponent;\n};\n"],"names":["props","children","className","fileName","fileType","fileSize","path","file","supportLabel","supportLabelType","state","onRemove","rest","id","useId","supportId","context","useFileInputContext","Component","hasErrorOrWarning","hasSuccess","fileComponent","jsxs","clsx","href","target","jsx","Thumbnail","formatBytes","SuccessIcon","variant","SupportLabel","label","labelType","IconButton","onClick","title","TrashCanIcon"],"mappings":"s7DA2B4DA,IAClD,MACFC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAK,oBAAoBC,EAAAA,UACzBC,~~EAAYF~~,~~EAAK~~,~~WAEjBG~~,EAAUC,EAAAA,sBAEVC,EAAYZ,EAAO,IAAM,MAEzBa,EACmB,UAArBV,GAAqD,YAArBA,EAC9BW,EAAkC,YAArBX,EA0BbY,EACDC,EAAAA,KAAA,MAAA,CAAIT,GAAAA,EAAQX,UAAWqB,OAAKrB,EAAW,eAAiBU,EACrDX,SAAA,CAAAqB,EAAAA,KAACJ,EAAA,CACGhB,UAAWqB,OAAK,oBAAqB,CACjC,2BAAiD,UAArBd,EAC5B,6BACyB,YAArBA,IAERe,KAAMlB,EACNmB,OAAQnB,EAAO,cAAW,EAE1BL,SAAA,CAAAyB,EAAAA,IAACC,EAAAA,UAAA,CACGxB,SAAAA,EACAC,SAAAA,EACAG,KAAAA,EACAD,KAAAA,EACAI,MAAAA,EAECT,SAAAA,WAEJ,MACG,CAAAA,SAAA,CAACyB,EAAAA,IAAA,IAAA,CAAExB,UAAU,iBAAkBD,SAASE,IACxCmB,EAAAA,KAAC,IAAE,CAAApB,UAAU,wBACTD,SAAA,CAACyB,EAAAA,IAAA,OAAA,CAAMzB,SAAY2B,EAAAA,YAAAvB,KA9C9Bc,GAAsBC,EAWvBA,EAEIM,EAAAA,IAACG,EAAAA,YAAA,CACGC,QAAQ,QACR,aAAW,iCACX,eAAa,IAIlB,KAlBCJ,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,mCACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,OA2CVD,GAAgBW,GACbO,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,0BACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,UAK1BE,GACGe,EAAAA,IAACQ,EAAAA,WAAA,CACGhC,UAAU,mBACViC,QAASxB,EACTyB,MAAO,SAASjC,IAEhBF,eAACoC,EAAaA,aAAA,SAM9B,OAAOrB,EAAUU,EAAAA,IAAC,KAAI,CAAAzB,SAAAoB,IAAsBA"}
1	+ {"version":3,"file":"File.cjs","sources":["../../../../src/components/file-input/File.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type ComponentProps,\n type FC,\n type MouseEvent,\n useId,\n} from \"react\";\nimport { IconButton } from \"../../components/icon-button/IconButton.js\";\nimport { SuccessIcon, TrashCanIcon } from \"../../components/icon/index.js\";\nimport { SupportLabel } from \"../../components/input-group/SupportLabel.js\";\nimport { formatBytes } from \"../../utilities/formatters/bytes/formatBytes.js\";\nimport { Thumbnail } from \"./internal/Thumbnail.js\";\nimport { useFileInputContext } from \"./internal/fileInputContext.js\";\nimport type { FileInputFileState } from \"./types.js\";\n\nexport type FileProps = {\n fileName: string;\n fileType: string;\n fileSize: number;\n path?: string;\n file?: File;\n supportLabel?: string;\n supportLabelType?: \"help\" \| \"error\" \| \"warning\" \| \"success\";\n state?: FileInputFileState;\n onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const File: FC<FileProps & ComponentProps<\"div\">> = (props) => {\n const {\n children,\n className,\n fileName,\n fileType,\n fileSize,\n path,\n file,\n supportLabel,\n supportLabelType,\n state,\n onRemove,\n ...rest\n } = props;\n\n const id = `jkl-file-preview-${useId()}`;\n const supportId = `${id}-support`;\n\n const context = useFileInputContext();\n\n const Component = path ? \"a\" : \"div\";\n\n const hasErrorOrWarning =\n supportLabelType === \"error\" \|\| supportLabelType === \"warning\";\n const hasSuccess = supportLabelType === \"success\";\n\n const renderFeedbackElement = () => {\n if (!hasErrorOrWarning && !hasSuccess) {\n return (\n <SupportLabel\n className=\"jkl-file__support-label jkl-body\"\n id={supportId}\n label={supportLabel}\n labelType={supportLabelType}\n />\n );\n }\n\n if (hasSuccess)\n return (\n <SuccessIcon\n variant=\"small\"\n aria-label=\"Filen ble lastet opp uten feil\"\n aria-hidden={false}\n />\n );\n\n return null;\n };\n\n const fileComponent = (\n <div id={id} className={clsx(className, \"jkl-file\")} {...rest}>\n <Component\n className={clsx(\"jkl-file__content\", {\n \"jkl-file__content--error\": supportLabelType === \"error\",\n \"jkl-file__content--warning\":\n supportLabelType === \"warning\",\n })}\n href={path}\n target={path ? \"_blank\" : undefined}\n >\n <Thumbnail\n fileName={fileName}\n fileType={fileType}\n file={file}\n path={path}\n state={state}\n >\n {children}\n </Thumbnail>\n <div>\n <p className=\"jkl-file__name\">{fileName}</p>\n <p className=\"jkl-file__description\">\n <span>{formatBytes(fileSize)}</span>\n {renderFeedbackElement()}\n </p>\n {supportLabel && hasErrorOrWarning && (\n <SupportLabel\n className=\"jkl-file__support-label\"\n id={supportId}\n label={supportLabel}\n labelType={supportLabelType}\n />\n )}\n </div>\n </Component>\n {onRemove && (\n <IconButton\n className=\"jkl-file__delete\"\n onClick={onRemove}\n title={`Fjern ${fileName}`}\n >\n <TrashCanIcon />\n </IconButton>\n )}\n </div>\n );\n\n return context ? <li>{fileComponent}</li> : fileComponent;\n};\n"],"names":["props","children","className","fileName","fileType","fileSize","path","file","supportLabel","supportLabelType","state","onRemove","rest","id","useId","supportId","context","useFileInputContext","Component","hasErrorOrWarning","hasSuccess","fileComponent","jsxs","clsx","href","target","jsx","Thumbnail","formatBytes","SuccessIcon","variant","SupportLabel","label","labelType","IconButton","onClick","title","TrashCanIcon"],"mappings":"s7DA2B4DA,IAClD,MACFC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,aAAAA,EACAC,iBAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHZ,EAEEa,EAAK,oBAAoBC,EAAAA,UACzBC,EAAY,GAAGF,YAEfG,EAAUC,EAAAA,sBAEVC,EAAYZ,EAAO,IAAM,MAEzBa,EACmB,UAArBV,GAAqD,YAArBA,EAC9BW,EAAkC,YAArBX,EA0BbY,EACDC,EAAAA,KAAA,MAAA,CAAIT,GAAAA,EAAQX,UAAWqB,OAAKrB,EAAW,eAAiBU,EACrDX,SAAA,CAAAqB,EAAAA,KAACJ,EAAA,CACGhB,UAAWqB,OAAK,oBAAqB,CACjC,2BAAiD,UAArBd,EAC5B,6BACyB,YAArBA,IAERe,KAAMlB,EACNmB,OAAQnB,EAAO,cAAW,EAE1BL,SAAA,CAAAyB,EAAAA,IAACC,EAAAA,UAAA,CACGxB,SAAAA,EACAC,SAAAA,EACAG,KAAAA,EACAD,KAAAA,EACAI,MAAAA,EAECT,SAAAA,WAEJ,MACG,CAAAA,SAAA,CAACyB,EAAAA,IAAA,IAAA,CAAExB,UAAU,iBAAkBD,SAASE,IACxCmB,EAAAA,KAAC,IAAE,CAAApB,UAAU,wBACTD,SAAA,CAACyB,EAAAA,IAAA,OAAA,CAAMzB,SAAY2B,EAAAA,YAAAvB,KA9C9Bc,GAAsBC,EAWvBA,EAEIM,EAAAA,IAACG,EAAAA,YAAA,CACGC,QAAQ,QACR,aAAW,iCACX,eAAa,IAIlB,KAlBCJ,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,mCACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,OA2CVD,GAAgBW,GACbO,EAAAA,IAACK,EAAAA,aAAA,CACG7B,UAAU,0BACVW,GAAIE,EACJiB,MAAOxB,EACPyB,UAAWxB,UAK1BE,GACGe,EAAAA,IAACQ,EAAAA,WAAA,CACGhC,UAAU,mBACViC,QAASxB,EACTyB,MAAO,SAASjC,IAEhBF,eAACoC,EAAaA,aAAA,SAM9B,OAAOrB,EAAUU,EAAAA,IAAC,KAAI,CAAAzB,SAAAoB,IAAsBA"}

package/build/cjs/components/file-input/FileInput.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),t=require("../input-group/FieldGroup.cjs"),s=require("./internal/Dropzone.cjs"),n=require("./internal/fileInputContext.cjs"),r=require("./internal/Input.cjs"),a=require("./internal/MaxSize.cjs"),c=l.forwardRef(((c,u)=>{const{accept:d,className:o,children:p,id:j,value:x,density:f,multiple:h=!0,maxSizeBytes:m,onChange:g,variant:y,...k}=c,z=x.length>0,I=l.useId();return"small"===y?e.jsx(n.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsxs(t.FieldGroup,{className:i.clsx("jkl-file-input","jkl-file-input--small",o,{"jkl-file-input--has-files":z}),"data-layout-density":f||"compact",...k,children:[e.jsx(s.Dropzone,{children:e.jsx("div",{className:"jkl-file-input__call-to-action",children:e.jsx(r.Input,{id:j,label:"Legg til fil",multiple:h,ref:u,"aria-describedby":I})})}),e.jsx(a.MaxSize,{id:I}),x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p})]})}):e.jsx(n.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsx(t.FieldGroup,{className:i.clsx("jkl-file-input",o,{"jkl-file-input--has-files":z}),"data-layout-density":f,...k,children:e.jsxs(s.Dropzone,{children:[x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p}),e.jsxs("div",{className:"jkl-file-input__call-to-action",children:[e.jsx(r.Input,{id:j,label:h&&z?"Legg til flere filer":"Legg til fil",multiple:h,ref:u,"aria-describedby":I}),e.jsx(a.MaxSize,{id:I})]})]})})})}));c.displayName="FileInput",exports.FileInput=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),t=require("../input-group/FieldGroup.cjs"),s=require("./internal/Dropzone.cjs"),n=require("./internal/Input.cjs"),r=require("./internal/MaxSize.cjs"),a=require("./internal/fileInputContext.cjs"),c=l.forwardRef(((c,u)=>{const{accept:d,className:o,children:p,id:j,value:x,density:f,multiple:h=!0,maxSizeBytes:m,onChange:g,variant:y,...k}=c,z=x.length>0,I=l.useId();return"small"===y?e.jsx(a.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsxs(t.FieldGroup,{className:i.clsx("jkl-file-input","jkl-file-input--small",o,{"jkl-file-input--has-files":z}),"data-layout-density":f||"compact",...k,children:[e.jsx(s.Dropzone,{children:e.jsx("div",{className:"jkl-file-input__call-to-action",children:e.jsx(n.Input,{id:j,label:"Legg til fil",multiple:h,ref:u,"aria-describedby":I})})}),e.jsx(r.MaxSize,{id:I}),x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p})]})}):e.jsx(a.FileInputContextProvider,{context:{accept:d,onChange:g,maxSizeBytes:m,files:x},children:e.jsx(t.FieldGroup,{className:i.clsx("jkl-file-input",o,{"jkl-file-input--has-files":z}),"data-layout-density":f,...k,children:e.jsxs(s.Dropzone,{children:[x.length>0&&e.jsx("ul",{className:"jkl-file-input__files",children:p}),e.jsxs("div",{className:"jkl-file-input__call-to-action",children:[e.jsx(n.Input,{id:j,label:h&&z?"Legg til flere filer":"Legg til fil",multiple:h,ref:u,"aria-describedby":I}),e.jsx(r.MaxSize,{id:I})]})]})})})}));c.displayName="FileInput",exports.FileInput=c;
 //# sourceMappingURL=FileInput.cjs.map

package/build/cjs/components/file-input/FileInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileInput.cjs","sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useId } from \"react\";\nimport { FieldGroup } from \"../../components/input-group/FieldGroup.js\";\nimport { ~~type~~ Density } from \"../../core/types.js\";\nimport { FieldGroupProps } from \"../input-group/types.js\";\nimport { Dropzone } from \"./internal/Dropzone.js\";\nimport { ~~FileInputContextProvider~~ } from \"./internal/~~fileInputContext~~.js\";\nimport { ~~Input~~ } from \"./internal/~~Input~~.js\";\nimport { ~~MaxSize~~ } from \"./internal/~~MaxSize~~.js\";\nimport { FileInputFile } from \"./types.js\";\n\nexport interface FileInputProps extends Omit<FieldGroupProps, \"onChange\"> {\n className?: string;\n id?: string;\n density?: Density;\n /*\n En string som begrenser hvilke filtyper som kan velges.\n \n Flere filtyper kan defineres som en kommaseparert liste.\n \n @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n /\n accept?: \"image/\" \| \".pdf\" \| \"image/,.pdf\" \| HTMLInputElement[\"accept\"];\n maxSizeBytes?: number;\n /\n @default true\n */\n multiple?: boolean;\n value: FileInputFile[];\n variant?: \"flexible\" \| \"small\";\n onChange: (\n e:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.DragEvent<HTMLDivElement>,\n files: FileInputFile[],\n ) => void;\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n (props, ref) => {\n const {\n accept,\n className,\n children,\n id,\n value,\n density,\n multiple = true,\n maxSizeBytes,\n onChange,\n variant,\n ...rest\n } = props;\n\n const hasFiles = value.length > 0;\n\n const maxSizeDescriptionId = useId();\n\n if (variant === \"small\") {\n return (\n <FileInputContextProvider\n context={{ accept, onChange, maxSizeBytes, files: value }}\n >\n <FieldGroup\n className={clsx(\n \"jkl-file-input\",\n \"jkl-file-input--small\",\n className,\n {\n \"jkl-file-input--has-files\": hasFiles,\n },\n )}\n data-layout-density={density ? density : \"compact\"}\n {...rest}\n >\n <Dropzone>\n <div className=\"jkl-file-input__call-to-action\">\n <Input\n id={id}\n label=\"Legg til fil\"\n multiple={multiple}\n ref={ref}\n aria-describedby={maxSizeDescriptionId}\n />\n </div>\n </Dropzone>\n <MaxSize id={maxSizeDescriptionId} />\n {value.length > 0 && (\n <ul className=\"jkl-file-input__files\">\n {children}\n </ul>\n )}\n </FieldGroup>\n </FileInputContextProvider>\n );\n }\n\n return (\n <FileInputContextProvider\n context={{ accept, onChange, maxSizeBytes, files: value }}\n >\n <FieldGroup\n className={clsx(\"jkl-file-input\", className, {\n \"jkl-file-input--has-files\": hasFiles,\n })}\n data-layout-density={density}\n {...rest}\n >\n <Dropzone>\n {value.length > 0 && (\n <ul className=\"jkl-file-input__files\">\n {children}\n </ul>\n )}\n <div className=\"jkl-file-input__call-to-action\">\n <Input\n id={id}\n label={\n multiple && hasFiles\n ? \"Legg til flere filer\"\n : \"Legg til fil\"\n }\n multiple={multiple}\n ref={ref}\n aria-describedby={maxSizeDescriptionId}\n />\n <MaxSize id={maxSizeDescriptionId} />\n </div>\n </Dropzone>\n </FieldGroup>\n </FileInputContextProvider>\n );\n },\n);\n\nFileInput.displayName = \"FileInput\";\n"],"names":["FileInput","forwardRef","props","ref","accept","className","children","id","value","density","multiple","maxSizeBytes","onChange","variant","rest","hasFiles","length","maxSizeDescriptionId","useId","jsx","FileInputContextProvider","context","files","jsxs","FieldGroup","clsx","Dropzone","Input","label","MaxSize","displayName"],"mappings":"mXAsCaA,EAAYC,EAAAA,YACrB,CAACC,EAAOC,KACE,MACFC,OAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,EACXC,aAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,GACHZ,EAEEa,EAAWP,EAAMQ,OAAS,EAE1BC,EAAuBC,EAAAA,QAE7B,MAAgB,UAAZL,EAEIM,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAiB,EAAAA,KAACC,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KACP,iBACA,wBACApB,EACA,CACI,4BAA6BU,IAGrC,sBAAqBN,GAAoB,aACrCK,EAEJR,SAAA,CAAAa,MAACO,EAAAA,SACG,CAAApB,SAAAa,EAAAA,IAAC,MAAI,CAAAd,UAAU,iCACXC,SAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MAAM,eACNlB,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,QAI9BE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,IACZT,EAAMQ,OAAS,SACX,KAAG,CAAAX,UAAU,wBACTC,SAAAA,SASrBa,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAa,EAAAA,IAACK,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KAAK,iBAAkBpB,EAAW,CACzC,4BAA6BU,IAEjC,sBAAqBN,KACjBK,EAEJR,gBAACoB,WACI,CAAApB,SAAA,CAAAE,EAAMQ,OAAS,GACZG,EAAAA,IAAC,KAAG,CAAAd,UAAU,wBACTC,SAAAA,IAGTiB,EAAAA,KAAC,MAAI,CAAAlB,UAAU,iCACXC,SAAA,CAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MACIlB,GAAYK,EACN,uBACA,eAEVL,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,IAEtBE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,aAGzB,IAMhBjB,EAAU8B,YAAc"}
1	+ {"version":3,"file":"FileInput.cjs","sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useId } from \"react\";\nimport { FieldGroup } from \"../../components/input-group/FieldGroup.js\";\nimport type { Density } from \"../../core/types.js\";\nimport type { FieldGroupProps } from \"../input-group/types.js\";\nimport { Dropzone } from \"./internal/Dropzone.js\";\nimport { Input } from \"./internal/Input.js\";\nimport { MaxSize } from \"./internal/MaxSize.js\";\nimport { FileInputContextProvider } from \"./internal/fileInputContext.js\";\nimport type { FileInputFile } from \"./types.js\";\n\nexport interface FileInputProps extends Omit<FieldGroupProps, \"onChange\"> {\n className?: string;\n id?: string;\n density?: Density;\n /*\n En string som begrenser hvilke filtyper som kan velges.\n \n Flere filtyper kan defineres som en kommaseparert liste.\n \n @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n /\n accept?: \"image/\" \| \".pdf\" \| \"image/,.pdf\" \| HTMLInputElement[\"accept\"];\n maxSizeBytes?: number;\n /\n @default true\n */\n multiple?: boolean;\n value: FileInputFile[];\n variant?: \"flexible\" \| \"small\";\n onChange: (\n e:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.DragEvent<HTMLDivElement>,\n files: FileInputFile[],\n ) => void;\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n (props, ref) => {\n const {\n accept,\n className,\n children,\n id,\n value,\n density,\n multiple = true,\n maxSizeBytes,\n onChange,\n variant,\n ...rest\n } = props;\n\n const hasFiles = value.length > 0;\n\n const maxSizeDescriptionId = useId();\n\n if (variant === \"small\") {\n return (\n <FileInputContextProvider\n context={{ accept, onChange, maxSizeBytes, files: value }}\n >\n <FieldGroup\n className={clsx(\n \"jkl-file-input\",\n \"jkl-file-input--small\",\n className,\n {\n \"jkl-file-input--has-files\": hasFiles,\n },\n )}\n data-layout-density={density ? density : \"compact\"}\n {...rest}\n >\n <Dropzone>\n <div className=\"jkl-file-input__call-to-action\">\n <Input\n id={id}\n label=\"Legg til fil\"\n multiple={multiple}\n ref={ref}\n aria-describedby={maxSizeDescriptionId}\n />\n </div>\n </Dropzone>\n <MaxSize id={maxSizeDescriptionId} />\n {value.length > 0 && (\n <ul className=\"jkl-file-input__files\">\n {children}\n </ul>\n )}\n </FieldGroup>\n </FileInputContextProvider>\n );\n }\n\n return (\n <FileInputContextProvider\n context={{ accept, onChange, maxSizeBytes, files: value }}\n >\n <FieldGroup\n className={clsx(\"jkl-file-input\", className, {\n \"jkl-file-input--has-files\": hasFiles,\n })}\n data-layout-density={density}\n {...rest}\n >\n <Dropzone>\n {value.length > 0 && (\n <ul className=\"jkl-file-input__files\">\n {children}\n </ul>\n )}\n <div className=\"jkl-file-input__call-to-action\">\n <Input\n id={id}\n label={\n multiple && hasFiles\n ? \"Legg til flere filer\"\n : \"Legg til fil\"\n }\n multiple={multiple}\n ref={ref}\n aria-describedby={maxSizeDescriptionId}\n />\n <MaxSize id={maxSizeDescriptionId} />\n </div>\n </Dropzone>\n </FieldGroup>\n </FileInputContextProvider>\n );\n },\n);\n\nFileInput.displayName = \"FileInput\";\n"],"names":["FileInput","forwardRef","props","ref","accept","className","children","id","value","density","multiple","maxSizeBytes","onChange","variant","rest","hasFiles","length","maxSizeDescriptionId","useId","jsx","FileInputContextProvider","context","files","jsxs","FieldGroup","clsx","Dropzone","Input","label","MaxSize","displayName"],"mappings":"mXAsCaA,EAAYC,EAAAA,YACrB,CAACC,EAAOC,KACE,MACFC,OAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,EACXC,aAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,GACHZ,EAEEa,EAAWP,EAAMQ,OAAS,EAE1BC,EAAuBC,EAAAA,QAE7B,MAAgB,UAAZL,EAEIM,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAiB,EAAAA,KAACC,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KACP,iBACA,wBACApB,EACA,CACI,4BAA6BU,IAGrC,sBAAqBN,GAAoB,aACrCK,EAEJR,SAAA,CAAAa,MAACO,EAAAA,SACG,CAAApB,SAAAa,EAAAA,IAAC,MAAI,CAAAd,UAAU,iCACXC,SAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MAAM,eACNlB,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,QAI9BE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,IACZT,EAAMQ,OAAS,SACX,KAAG,CAAAX,UAAU,wBACTC,SAAAA,SASrBa,EAAAA,IAACC,EAAAA,yBAAA,CACGC,QAAS,CAAEjB,OAAAA,EAAQQ,SAAAA,EAAUD,aAAAA,EAAcW,MAAOd,GAElDF,SAAAa,EAAAA,IAACK,EAAAA,WAAA,CACGnB,UAAWoB,EAAAA,KAAK,iBAAkBpB,EAAW,CACzC,4BAA6BU,IAEjC,sBAAqBN,KACjBK,EAEJR,gBAACoB,WACI,CAAApB,SAAA,CAAAE,EAAMQ,OAAS,GACZG,EAAAA,IAAC,KAAG,CAAAd,UAAU,wBACTC,SAAAA,IAGTiB,EAAAA,KAAC,MAAI,CAAAlB,UAAU,iCACXC,SAAA,CAAAa,EAAAA,IAACQ,EAAAA,MAAA,CACGpB,GAAAA,EACAqB,MACIlB,GAAYK,EACN,uBACA,eAEVL,SAAAA,EACAP,IAAAA,EACA,mBAAkBc,IAEtBE,EAAAA,IAACU,EAAQA,QAAA,CAAAtB,GAAIU,aAGzB,IAMhBjB,EAAU8B,YAAc"}

package/build/cjs/components/file-input/internal/Dropzone.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropzone.cjs","sources":["../../../../../src/components/file-input/internal/Dropzone.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useState } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface DropzoneProps extends WithChildren {}\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n const [onDragClassName, setOnDragClassName] = useState<string>(\"\");\n\n const context = useFileInputContext();\n if (!context) {\n return (\n <p>\n Dropzone must be placed inside a FileInputContextProvider.\n </p>\n );\n }\n const { maxSizeBytes, accept, onChange } = context;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={clsx(\"jkl-file-input__dropzone\", onDragClassName)}\n onDragEnter={(e) => {\n setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n e.preventDefault();\n }}\n onDragOver={(e) => {\n /* Prevent browser from opening file in a new tab */\n setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n e.preventDefault();\n }}\n onDrop={(e) => {\n e.preventDefault();\n setOnDragClassName(\"\");\n\n if (e.dataTransfer.files) {\n onChange(\n e,\n [...e.dataTransfer.files].map<FileInputFile>(\n (file) => ({\n file,\n state: \"SELECTED\",\n validation: validateFile(\n file,\n accept,\n maxSizeBytes,\n ),\n uploadProgress: 0,\n }),\n ),\n );\n }\n }}\n onDragLeave={(e) => {\n setOnDragClassName(\"\");\n e.preventDefault();\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nDropzone.displayName = \"Dropzone\";\n"],"names":["Dropzone","forwardRef","props","ref","children","rest","onDragClassName","setOnDragClassName","useState","context","useFileInputContext","jsx","maxSizeBytes","accept","onChange","className","clsx","onDragEnter","e","preventDefault","onDragOver","onDrop","dataTransfer","files","map","file","state","validation","validateFile","uploadProgress","onDragLeave","displayName"],"mappings":"uPASaA,EAAWC,EAAAA,YACpB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,KAAaC,GAASH,GACvBI,EAAiBC,GAAsBC,WAAiB,IAEzDC,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEP,SAEH,+DAGR,MAAQQ,aAAAA,EAAcC,OAAAA,EAAQC,SAAAA,GAAaL,EAGvC,OAAAE,EAAAA,IAAC,MAAA,IACON,EACJF,IAAAA,EACAY,UAAWC,EAAAA,KAAK,2BAA4BV,GAC5CW,YAAcC,IACVX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBC,WAAaF,IAETX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBE,OAASH,IACLA,EAAEC,iBACFZ,EAAmB,IAEfW,EAAEI,aAAaC,OACfT,EACII,EACA,IAAIA,EAAEI,aAAaC,OAAOC,KACrBC,IAAAA,CACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAZ,EACAD,GAEJiB,eAAgB,MAExB,EAIZC,YAAcZ,IACVX,EAAmB,IACnBW,EAAEC,gBAAe,EAGpBf,SAAAA,GAAA,IAMjBJ,EAAS+B,YAAc"}
1	+ {"version":3,"file":"Dropzone.cjs","sources":["../../../../../src/components/file-input/internal/Dropzone.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useState } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface DropzoneProps extends WithChildren {}\n\nexport const Dropzone = forwardRef<HTMLDivElement, DropzoneProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n const [onDragClassName, setOnDragClassName] = useState<string>(\"\");\n\n const context = useFileInputContext();\n if (!context) {\n return (\n <p>\n Dropzone must be placed inside a FileInputContextProvider.\n </p>\n );\n }\n const { maxSizeBytes, accept, onChange } = context;\n\n return (\n <div\n {...rest}\n ref={ref}\n className={clsx(\"jkl-file-input__dropzone\", onDragClassName)}\n onDragEnter={(e) => {\n setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n e.preventDefault();\n }}\n onDragOver={(e) => {\n /* Prevent browser from opening file in a new tab */\n setOnDragClassName(\"jkl-file-input__dropzone--enter\");\n e.preventDefault();\n }}\n onDrop={(e) => {\n e.preventDefault();\n setOnDragClassName(\"\");\n\n if (e.dataTransfer.files) {\n onChange(\n e,\n [...e.dataTransfer.files].map<FileInputFile>(\n (file) => ({\n file,\n state: \"SELECTED\",\n validation: validateFile(\n file,\n accept,\n maxSizeBytes,\n ),\n uploadProgress: 0,\n }),\n ),\n );\n }\n }}\n onDragLeave={(e) => {\n setOnDragClassName(\"\");\n e.preventDefault();\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nDropzone.displayName = \"Dropzone\";\n"],"names":["Dropzone","forwardRef","props","ref","children","rest","onDragClassName","setOnDragClassName","useState","context","useFileInputContext","jsx","maxSizeBytes","accept","onChange","className","clsx","onDragEnter","e","preventDefault","onDragOver","onDrop","dataTransfer","files","map","file","state","validation","validateFile","uploadProgress","onDragLeave","displayName"],"mappings":"uPASaA,EAAWC,EAAAA,YACpB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,KAAaC,GAASH,GACvBI,EAAiBC,GAAsBC,WAAiB,IAEzDC,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEP,SAEH,+DAGR,MAAQQ,aAAAA,EAAcC,OAAAA,EAAQC,SAAAA,GAAaL,EAGvC,OAAAE,EAAAA,IAAC,MAAA,IACON,EACJF,IAAAA,EACAY,UAAWC,EAAAA,KAAK,2BAA4BV,GAC5CW,YAAcC,IACVX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBC,WAAaF,IAETX,EAAmB,mCACnBW,EAAEC,gBAAe,EAErBE,OAASH,IACLA,EAAEC,iBACFZ,EAAmB,IAEfW,EAAEI,aAAaC,OACfT,EACII,EACA,IAAIA,EAAEI,aAAaC,OAAOC,KACrBC,IAAAA,CACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAZ,EACAD,GAEJiB,eAAgB,MAExB,EAIZC,YAAcZ,IACVX,EAAmB,IACnBW,EAAEC,gBAAe,EAGpBf,SAAAA,GAAA,IAMjBJ,EAAS+B,YAAc"}

package/build/cjs/components/file-input/internal/Input.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./fileInputContext.cjs"),l=require("./validateFile.cjs"),r=t.forwardRef(((r,a)=>{const{multiple:s,id:n,label:o,...d}=r,u=t.useId(),p=n+"-description",c=s?"filer":"fil",f=i.useFileInputContext();if(!f)return e.jsx("p",{children:"Input must be placed inside a FileInputContextProvider."});const{accept:j,maxSizeBytes:m,onChange:x}=f,b=n||u;return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"jkl-button jkl-button--secondary",htmlFor:b,id:`${b}__add-btn`,children:o}),e.jsx("input",{...d,ref:a,id:b,accept:j,"aria-describedby":m?p:void 0,className:"jkl-sr-only",type:"file",multiple:s,value:"",onChange:e=>{e.target.files&&x(e,[...e.target.files].map((e=>({file:e,state:"SELECTED",validation:l.validateFile(e,j,m),uploadProgress:0}))))}}),e.jsxs("p",{className:"jkl-file-input__dropzone-hint",children:["eller slipp ",c," her"]})," "]})}));r.displayName="Input",exports.Input=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./fileInputContext.cjs"),l=require("./validateFile.cjs"),r=t.forwardRef(((r,a)=>{const{multiple:s,id:n,label:o,...d}=r,u=t.useId(),p=`${n}-description`,c=s?"filer":"fil",f=i.useFileInputContext();if(!f)return e.jsx("p",{children:"Input must be placed inside a FileInputContextProvider."});const{accept:j,maxSizeBytes:m,onChange:x}=f,b=n||u;return e.jsxs(e.Fragment,{children:[e.jsx("label",{className:"jkl-button jkl-button--secondary",htmlFor:b,id:`${b}__add-btn`,children:o}),e.jsx("input",{...d,ref:a,id:b,accept:j,"aria-describedby":m?p:void 0,className:"jkl-sr-only",type:"file",multiple:s,value:"",onChange:e=>{e.target.files&&x(e,[...e.target.files].map((e=>({file:e,state:"SELECTED",validation:l.validateFile(e,j,m),uploadProgress:0}))))}}),e.jsxs("p",{className:"jkl-file-input__dropzone-hint",children:["eller slipp ",c," her"]})," "]})}));r.displayName="Input",exports.Input=r;
 //# sourceMappingURL=Input.cjs.map

package/build/cjs/components/file-input/internal/Input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.cjs","sources":["../../../../../src/components/file-input/internal/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface FileInputProps {\n id?: string;\n label: string;\n multiple: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, FileInputProps>(\n (props, ref) => {\n const { multiple, id, label, ...rest } = props;\n\n const defaultId = useId();\n\n const maxSizeDescriptionId = id ~~+ \"~~-description~~\";\~~n const descriptor = multiple ? \"filer\" : \"fil\";\n\n const context = useFileInputContext();\n if (!context) {\n return (\n <p>Input must be placed inside a FileInputContextProvider.</p>\n );\n }\n const { accept, maxSizeBytes, onChange } = context;\n\n const elementId = id \|\| defaultId;\n\n return (\n <>\n <label\n className=\"jkl-button jkl-button--secondary\"\n htmlFor={elementId}\n id={`${elementId}__add-btn`}\n >\n {label}\n </label>\n <input\n {...rest}\n ref={ref}\n id={elementId}\n accept={accept}\n aria-describedby={\n maxSizeBytes ? maxSizeDescriptionId : undefined\n }\n className=\"jkl-sr-only\"\n type=\"file\"\n multiple={multiple}\n value=\"\"\n onChange={(e) => {\n if (e.target.files) {\n onChange(\n e,\n [...e.target.files].map<FileInputFile>(\n (file) => ({\n file,\n state: \"SELECTED\",\n validation: validateFile(\n file,\n accept,\n maxSizeBytes,\n ),\n uploadProgress: 0,\n }),\n ),\n );\n }\n }}\n />\n <p className=\"jkl-file-input__dropzone-hint\">\n eller slipp {descriptor} her\n </p>{\" \"}\n </>\n );\n },\n);\n\nInput.displayName = \"Input\";\n"],"names":["Input","forwardRef","props","ref","multiple","id","label","rest","defaultId","useId","maxSizeDescriptionId","descriptor","context","useFileInputContext","jsx","children","accept","maxSizeBytes","onChange","elementId","jsxs","Fragment","className","htmlFor","type","value","e","target","files","map","file","state","validation","validateFile","uploadProgress","displayName"],"mappings":"4MAWaA,EAAQC,EAAAA,YACjB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,EAAUC,GAAAA,EAAIC,MAAAA,KAAUC,GAASL,EAEnCM,EAAYC,EAAAA,QAEZC,~~EAAuBL~~,~~EAAK~~,~~eAC5BM~~,EAAaP,EAAW,QAAU,MAElCQ,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEC,SAAuD,4DAGlE,MAAQC,OAAAA,EAAQC,aAAAA,EAAcC,SAAAA,GAAaN,EAErCO,EAAYd,GAAMG,EAExB,OAEQY,EAAAA,KAAAC,WAAA,CAAAN,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACGQ,UAAU,mCACVC,QAASJ,EACTd,GAAI,GAAGc,aAENJ,SAAAT,IAELQ,EAAAA,IAAC,QAAA,IACOP,EACJJ,IAAAA,EACAE,GAAIc,EACJH,OAAAA,EACA,mBACIC,EAAeP,OAAuB,EAE1CY,UAAU,cACVE,KAAK,OACLpB,SAAAA,EACAqB,MAAM,GACNP,SAAWQ,IACHA,EAAEC,OAAOC,OACTV,EACIQ,EACA,IAAIA,EAAEC,OAAOC,OAAOC,KACfC,KACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAd,EACAC,GAEJiB,eAAgB,MAExB,IAKhBd,EAAAA,KAAC,IAAE,CAAAE,UAAU,gCAAgCP,SAAA,CAAA,eAC5BJ,EAAW,UACvB,MACT,IAKZX,EAAMmC,YAAc"}
1	+ {"version":3,"file":"Input.cjs","sources":["../../../../../src/components/file-input/internal/Input.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\nimport type { FileInputFile } from \"../types.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\nimport { validateFile } from \"./validateFile.js\";\n\ninterface FileInputProps {\n id?: string;\n label: string;\n multiple: boolean;\n}\n\nexport const Input = forwardRef<HTMLInputElement, FileInputProps>(\n (props, ref) => {\n const { multiple, id, label, ...rest } = props;\n\n const defaultId = useId();\n\n const maxSizeDescriptionId = `${id}-description`;\n const descriptor = multiple ? \"filer\" : \"fil\";\n\n const context = useFileInputContext();\n if (!context) {\n return (\n <p>Input must be placed inside a FileInputContextProvider.</p>\n );\n }\n const { accept, maxSizeBytes, onChange } = context;\n\n const elementId = id \|\| defaultId;\n\n return (\n <>\n <label\n className=\"jkl-button jkl-button--secondary\"\n htmlFor={elementId}\n id={`${elementId}__add-btn`}\n >\n {label}\n </label>\n <input\n {...rest}\n ref={ref}\n id={elementId}\n accept={accept}\n aria-describedby={\n maxSizeBytes ? maxSizeDescriptionId : undefined\n }\n className=\"jkl-sr-only\"\n type=\"file\"\n multiple={multiple}\n value=\"\"\n onChange={(e) => {\n if (e.target.files) {\n onChange(\n e,\n [...e.target.files].map<FileInputFile>(\n (file) => ({\n file,\n state: \"SELECTED\",\n validation: validateFile(\n file,\n accept,\n maxSizeBytes,\n ),\n uploadProgress: 0,\n }),\n ),\n );\n }\n }}\n />\n <p className=\"jkl-file-input__dropzone-hint\">\n eller slipp {descriptor} her\n </p>{\" \"}\n </>\n );\n },\n);\n\nInput.displayName = \"Input\";\n"],"names":["Input","forwardRef","props","ref","multiple","id","label","rest","defaultId","useId","maxSizeDescriptionId","descriptor","context","useFileInputContext","jsx","children","accept","maxSizeBytes","onChange","elementId","jsxs","Fragment","className","htmlFor","type","value","e","target","files","map","file","state","validation","validateFile","uploadProgress","displayName"],"mappings":"4MAWaA,EAAQC,EAAAA,YACjB,CAACC,EAAOC,KACJ,MAAQC,SAAAA,EAAUC,GAAAA,EAAIC,MAAAA,KAAUC,GAASL,EAEnCM,EAAYC,EAAAA,QAEZC,EAAuB,GAAGL,gBAC1BM,EAAaP,EAAW,QAAU,MAElCQ,EAAUC,EAAAA,sBAChB,IAAKD,EAEG,OAAAE,EAAAA,IAAC,KAAEC,SAAuD,4DAGlE,MAAQC,OAAAA,EAAQC,aAAAA,EAAcC,SAAAA,GAAaN,EAErCO,EAAYd,GAAMG,EAExB,OAEQY,EAAAA,KAAAC,WAAA,CAAAN,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACGQ,UAAU,mCACVC,QAASJ,EACTd,GAAI,GAAGc,aAENJ,SAAAT,IAELQ,EAAAA,IAAC,QAAA,IACOP,EACJJ,IAAAA,EACAE,GAAIc,EACJH,OAAAA,EACA,mBACIC,EAAeP,OAAuB,EAE1CY,UAAU,cACVE,KAAK,OACLpB,SAAAA,EACAqB,MAAM,GACNP,SAAWQ,IACHA,EAAEC,OAAOC,OACTV,EACIQ,EACA,IAAIA,EAAEC,OAAOC,OAAOC,KACfC,KACGA,KAAAA,EACAC,MAAO,WACPC,WAAYC,EAAAA,aACRH,EACAd,EACAC,GAEJiB,eAAgB,MAExB,IAKhBd,EAAAA,KAAC,IAAE,CAAAE,UAAU,gCAAgCP,SAAA,CAAA,eAC5BJ,EAAW,UACvB,MACT,IAKZX,EAAMmC,YAAc"}

package/build/cjs/components/file-input/internal/MaxSize.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../utilities/formatters/bytes/formatBytes.cjs"),i=require("./fileInputContext.cjs");exports.MaxSize=({id:r})=>{const s=i.useFileInputContext();if(!s)return e.jsx("p",{children:"MaxSize must be placed inside a FileInputContextProvider."});const{maxSizeBytes:n}=s;return!(typeof n>"u")&&e.jsxs("div",{id:r,className:"jkl-file-input__max-size-text",children:["Maks ",t.formatBytes(n)," per fil"]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=require("../../../utilities/formatters/bytes/formatBytes.cjs"),i=require("./fileInputContext.cjs");exports.MaxSize=({id:r})=>{const s=i.useFileInputContext();if(!s)return e.jsx("p",{children:"MaxSize must be placed inside a FileInputContextProvider."});const{maxSizeBytes:n}=s;return!(typeof n>"u")&&e.jsxs("div",{id:r,className:"jkl-file-input__max-size-text",children:["Maks ",t.formatBytes(n)," per fil"]})};
 //# sourceMappingURL=MaxSize.cjs.map

package/build/cjs/components/file-input/internal/MaxSize.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MaxSize.cjs","sources":["../../../../../src/components/file-input/internal/MaxSize.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef, FC } from \"react\";\nimport { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\n\ntype Props = Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> & {\n id: string;\n};\n\nexport const MaxSize: FC<Props> = ({ id }) => {\n const context = useFileInputContext();\n if (!context) {\n return <p>MaxSize must be placed inside a FileInputContextProvider.</p>;\n }\n const { maxSizeBytes } = context;\n\n if (typeof maxSizeBytes === \"undefined\") {\n return false;\n }\n\n return (\n <div id={id} className=\"jkl-file-input__max-size-text\">\n Maks {formatBytes(maxSizeBytes)} per fil\n </div>\n );\n};\n"],"names":["id","context","useFileInputContext","jsx","children","maxSizeBytes","jsxs","className","formatBytes"],"mappings":"~~0OAQkC~~,EAAGA,GAAAA,MACjC,MAAMC,EAAUC,EAAAA,sBAChB,IAAKD,EACM,OAAAE,EAAAA,IAAC,KAAEC,SAAyD,8DAEjE,MAAEC,aAAAA,GAAiBJ,EAErB,eAAOI,EAAiB,MAKvBC,EAAAA,KAAA,MAAA,CAAIN,GAAAA,EAAQO,UAAU,gCAAgCH,SAAA,CAAA,QAC7CI,EAAAA,YAAYH,GAAc,aACpC"}
1	+ {"version":3,"file":"MaxSize.cjs","sources":["../../../../../src/components/file-input/internal/MaxSize.tsx"],"sourcesContent":["import React, { type ComponentPropsWithoutRef, type FC } from \"react\";\nimport { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport { useFileInputContext } from \"./fileInputContext.js\";\n\ntype Props = Omit<ComponentPropsWithoutRef<\"div\">, \"id\"> & {\n id: string;\n};\n\nexport const MaxSize: FC<Props> = ({ id }) => {\n const context = useFileInputContext();\n if (!context) {\n return <p>MaxSize must be placed inside a FileInputContextProvider.</p>;\n }\n const { maxSizeBytes } = context;\n\n if (typeof maxSizeBytes === \"undefined\") {\n return false;\n }\n\n return (\n <div id={id} className=\"jkl-file-input__max-size-text\">\n Maks {formatBytes(maxSizeBytes)} per fil\n </div>\n );\n};\n"],"names":["id","context","useFileInputContext","jsx","children","maxSizeBytes","jsxs","className","formatBytes"],"mappings":"iQAQkC,EAAGA,GAAAA,MACjC,MAAMC,EAAUC,EAAAA,sBAChB,IAAKD,EACM,OAAAE,EAAAA,IAAC,KAAEC,SAAyD,8DAEjE,MAAEC,aAAAA,GAAiBJ,EAErB,eAAOI,EAAiB,MAKvBC,EAAAA,KAAA,MAAA,CAAIN,GAAAA,EAAQO,UAAU,gCAAgCH,SAAA,CAAA,QAC7CI,EAAAA,YAAYH,GAAc,aACpC"}

package/build/cjs/components/file-input/internal/Thumbnail.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../../clsx-E3yX_9sL.cjs");exports.Thumbnail=i=>{const{fileName:t,fileType:s,path:a,file:r,state:c,children:n}=i,m=l.clsx("jkl-file__thumbnail",{"jkl-file__thumbnail--selected":"SELECTED"===c,"jkl-file__thumbnail--uploading":"UPLOADING"===c});return s.startsWith("image/")?e.jsxs("div",{className:"jkl-file__thumbnail-wrapper",children:[e.jsx("img",{className:m,src:r?URL.createObjectURL(r):a,alt:""}),n]}):e.jsx("div",{className:m,children:e.jsx("p",{children:t.split(".").at(-1)})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../../clsx-E3yX_9sL.cjs");require("react");exports.Thumbnail=i=>{const{fileName:t,fileType:s,path:r,file:a,state:c,children:n}=i,u=l.clsx("jkl-file__thumbnail",{"jkl-file__thumbnail--selected":"SELECTED"===c,"jkl-file__thumbnail--uploading":"UPLOADING"===c});return s.startsWith("image/")?e.jsxs("div",{className:"jkl-file__thumbnail-wrapper",children:[e.jsx("img",{className:u,src:a?URL.createObjectURL(a):r,alt:""}),n]}):e.jsx("div",{className:u,children:e.jsx("p",{children:t.split(".").at(-1)})})};
 //# sourceMappingURL=Thumbnail.cjs.map

package/build/cjs/components/file-input/internal/Thumbnail.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.cjs","sources":["../../../../../src/components/file-input/internal/Thumbnail.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport type { WithOptionalChildren } from \"../../../core/types.js\";\nimport { FileInputFileState } from \"../types.js\";\n\nexport interface ThumbnailProps extends WithOptionalChildren {\n fileName: string;\n fileType: string;\n path?: string;\n file?: File;\n state?: FileInputFileState;\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = (props) => {\n const { fileName, fileType, path, file, state, children } = props;\n\n const classNames = clsx(\"jkl-file__thumbnail\", {\n \"jkl-file__thumbnail--selected\": state === \"SELECTED\",\n \"jkl-file__thumbnail--uploading\": state === \"UPLOADING\",\n });\n\n if (fileType.startsWith(\"image/\")) {\n return (\n <div className=\"jkl-file__thumbnail-wrapper\">\n <img\n className={classNames}\n src={file ? URL.createObjectURL(file) : path}\n alt=\"\"\n />\n {children}\n </div>\n );\n }\n\n return (\n <div className={classNames}>\n <p>{fileName.split(\".\").at(-1)}</p>\n </div>\n );\n};\n"],"names":["props","fileName","fileType","path","file","state","children","classNames","clsx","startsWith","jsxs","className","jsx","src","URL","createObjectURL","alt","split","at"],"mappings":"~~kLAa8CA~~,IAC1C,MAAQC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,GAAaN,EAEtDO,EAAaC,OAAK,sBAAuB,CAC3C,gCAA2C,aAAVH,EACjC,iCAA4C,cAAVA,IAGlC,OAAAH,EAASO,WAAW,UAEhBC,EAAAA,KAAC,MAAI,CAAAC,UAAU,8BACXL,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACGD,UAAWJ,EACXM,IAAKT,EAAOU,IAAIC,gBAAgBX,GAAQD,EACxCa,IAAI,KAEPV,KAMRM,EAAAA,IAAA,MAAA,CAAID,UAAWJ,EACZD,SAACM,EAAAA,IAAA,IAAA,CAAGN,SAASL,EAAAgB,MAAM,KAAKC,IAAK,MACjC"}
1	+ {"version":3,"file":"Thumbnail.cjs","sources":["../../../../../src/components/file-input/internal/Thumbnail.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { WithOptionalChildren } from \"../../../core/types.js\";\nimport type { FileInputFileState } from \"../types.js\";\n\nexport interface ThumbnailProps extends WithOptionalChildren {\n fileName: string;\n fileType: string;\n path?: string;\n file?: File;\n state?: FileInputFileState;\n}\n\nexport const Thumbnail: FC<ThumbnailProps> = (props) => {\n const { fileName, fileType, path, file, state, children } = props;\n\n const classNames = clsx(\"jkl-file__thumbnail\", {\n \"jkl-file__thumbnail--selected\": state === \"SELECTED\",\n \"jkl-file__thumbnail--uploading\": state === \"UPLOADING\",\n });\n\n if (fileType.startsWith(\"image/\")) {\n return (\n <div className=\"jkl-file__thumbnail-wrapper\">\n <img\n className={classNames}\n src={file ? URL.createObjectURL(file) : path}\n alt=\"\"\n />\n {children}\n </div>\n );\n }\n\n return (\n <div className={classNames}>\n <p>{fileName.split(\".\").at(-1)}</p>\n </div>\n );\n};\n"],"names":["props","fileName","fileType","path","file","state","children","classNames","clsx","startsWith","jsxs","className","jsx","src","URL","createObjectURL","alt","split","at"],"mappings":"mMAa8CA,IAC1C,MAAQC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,GAAaN,EAEtDO,EAAaC,OAAK,sBAAuB,CAC3C,gCAA2C,aAAVH,EACjC,iCAA4C,cAAVA,IAGlC,OAAAH,EAASO,WAAW,UAEhBC,EAAAA,KAAC,MAAI,CAAAC,UAAU,8BACXL,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACGD,UAAWJ,EACXM,IAAKT,EAAOU,IAAIC,gBAAgBX,GAAQD,EACxCa,IAAI,KAEPV,KAMRM,EAAAA,IAAA,MAAA,CAAID,UAAWJ,EACZD,SAACM,EAAAA,IAAA,IAAA,CAAGN,SAASL,EAAAgB,MAAM,KAAKC,IAAK,MACjC"}

package/build/cjs/components/file-input/internal/fileInputContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileInputContext.cjs","sources":["../../../../../src/components/file-input/internal/fileInputContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FileInputFile } from \"../types.js\";\n\ntype FileInputContext = {\n accept?: \"image/\" \| \".pdf\" \| \"image/,.pdf\" \| HTMLInputElement[\"accept\"];\n maxSizeBytes?: number;\n files: FileInputFile[];\n onChange: (\n e:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.DragEvent<HTMLDivElement>,\n files: FileInputFile[],\n ) => void;\n};\n\nconst fileInputContext = createContext<FileInputContext \| null>(null);\n\nexport const useFileInputContext = (): FileInputContext \| null =>\n useContext(fileInputContext);\n\nexport interface FileInputContextProviderProps extends WithChildren {\n context: FileInputContext;\n}\n\nexport const FileInputContextProvider: React.FC<\n FileInputContextProviderProps\n> = ({ context, children }) => (\n <fileInputContext.Provider value={context}>\n {children}\n </fileInputContext.Provider>\n);\n"],"names":["fileInputContext","createContext","context","children","jsx","Provider","value","useContext"],"mappings":"wIAgBMA,EAAmBC,EAAAA,cAAuC,uCAW5D,EAAGC,QAAAA,EAASC,SAAAA,KACXC,EAAAA,IAAAJ,EAAiBK,SAAjB,CAA0BC,MAAOJ,EAC7BC,SAAAA,gCAX0B,IAC/BI,EAAAA,WAAWP"}
1	+ {"version":3,"file":"fileInputContext.cjs","sources":["../../../../../src/components/file-input/internal/fileInputContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { WithChildren } from \"../../../core/types.js\";\nimport type { FileInputFile } from \"../types.js\";\n\ntype FileInputContext = {\n accept?: \"image/\" \| \".pdf\" \| \"image/,.pdf\" \| HTMLInputElement[\"accept\"];\n maxSizeBytes?: number;\n files: FileInputFile[];\n onChange: (\n e:\n \| React.ChangeEvent<HTMLInputElement>\n \| React.DragEvent<HTMLDivElement>,\n files: FileInputFile[],\n ) => void;\n};\n\nconst fileInputContext = createContext<FileInputContext \| null>(null);\n\nexport const useFileInputContext = (): FileInputContext \| null =>\n useContext(fileInputContext);\n\nexport interface FileInputContextProviderProps extends WithChildren {\n context: FileInputContext;\n}\n\nexport const FileInputContextProvider: React.FC<\n FileInputContextProviderProps\n> = ({ context, children }) => (\n <fileInputContext.Provider value={context}>\n {children}\n </fileInputContext.Provider>\n);\n"],"names":["fileInputContext","createContext","context","children","jsx","Provider","value","useContext"],"mappings":"wIAgBMA,EAAmBC,EAAAA,cAAuC,uCAW5D,EAAGC,QAAAA,EAASC,SAAAA,KACXC,EAAAA,IAAAJ,EAAiBK,SAAjB,CAA0BC,MAAOJ,EAC7BC,SAAAA,gCAX0B,IAC/BI,EAAAA,WAAWP"}

package/build/cjs/components/file-input/internal/validateFile.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validateFile.cjs","sources":["../../../../../src/components/file-input/internal/validateFile.ts"],"sourcesContent":["import { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport type { FileInputFileValidation } from \"../types.js\";\n\nexport function validateFile(\n file: File,\n accept = \"\",\n maxSizeBytes?: number,\n): FileInputFileValidation \| undefined {\n const acceptStrings = accept\n .split(\",\")\n .map((s) => s.toLowerCase())\n .map((s) => s.replaceAll(\"*\", \"\"))\n .map((s) => s.trim());\n\n let isValidFormat = acceptStrings.length === 0;\n\n isValidFormat = acceptStrings.some(\n (acceptString) =>\n file.type.toLowerCase().includes(acceptString) \|\|\n file.name.toLowerCase().endsWith(acceptString),\n );\n\n if (!isValidFormat) {\n return {\n type: \"WRONG_TYPE\",\n message: `Filtypen ${file.name?.split(\".\")[1] \|\| \"\"} støttes ikke`,\n };\n }\n\n if (typeof maxSizeBytes != \"undefined\" && file.size > maxSizeBytes) {\n return {\n type: \"TOO_LARGE\",\n message: `Filen er ${formatBytes(\n file.size,\n )}, men kan maksimalt være ${formatBytes(maxSizeBytes)}`,\n };\n }\n\n return undefined;\n}\n"],"names":["file","accept","maxSizeBytes","acceptStrings","split","map","s","toLowerCase","replaceAll","trim","isValidFormat","length","some","acceptString","type","includes","name","endsWith","size","message","formatBytes","_a"],"mappings":"4KAGO,SACHA,EACAC,EAAS,GACTC,SAEM,MAAAC,EAAgBF,EACjBG,MAAM,KACNC,KAAKC,GAAMA,EAAEC,gBACbF,KAAKC,GAAMA,EAAEE,WAAW,IAAK,MAC7BH,KAAKC,GAAMA,EAAEG,SAEd,IAAAC,EAAyC,IAAzBP,EAAcQ,OAQlC,OANAD,EAAgBP,EAAcS,MACzBC,GACGb,EAAKc,KAAKP,cAAcQ,SAASF,IACjCb,EAAKgB,KAAKT,cAAcU,SAASJ,KAGpCH,SAOMR,~~EAAgB~~,KAAeF,EAAKkB,KAAOhB,~~EAC3C~~,CACHY,KAAM,YACNK,QAAS,YAAYC,EAAAA,YACjBpB,EAAKkB,iCACoBE,EAAAA,YAAYlB,WALjD,EANW,CACHY,KAAM,aACNK,QAAS,aAAY,OAAAE,EAAArB,EAAKgB,WAALK,EAAAA,EAAWjB,MAAM,KAAK,KAAM,kBAc7D"}
1	+ {"version":3,"file":"validateFile.cjs","sources":["../../../../../src/components/file-input/internal/validateFile.ts"],"sourcesContent":["import { formatBytes } from \"../../../utilities/formatters/bytes/formatBytes.js\";\nimport type { FileInputFileValidation } from \"../types.js\";\n\nexport function validateFile(\n file: File,\n accept = \"\",\n maxSizeBytes?: number,\n): FileInputFileValidation \| undefined {\n const acceptStrings = accept\n .split(\",\")\n .map((s) => s.toLowerCase())\n .map((s) => s.replaceAll(\"*\", \"\"))\n .map((s) => s.trim());\n\n let isValidFormat = acceptStrings.length === 0;\n\n isValidFormat = acceptStrings.some(\n (acceptString) =>\n file.type.toLowerCase().includes(acceptString) \|\|\n file.name.toLowerCase().endsWith(acceptString),\n );\n\n if (!isValidFormat) {\n return {\n type: \"WRONG_TYPE\",\n message: `Filtypen ${file.name?.split(\".\")[1] \|\| \"\"} støttes ikke`,\n };\n }\n\n if (typeof maxSizeBytes !== \"undefined\" && file.size > maxSizeBytes) {\n return {\n type: \"TOO_LARGE\",\n message: `Filen er ${formatBytes(\n file.size,\n )}, men kan maksimalt være ${formatBytes(maxSizeBytes)}`,\n };\n }\n\n return undefined;\n}\n"],"names":["file","accept","maxSizeBytes","acceptStrings","split","map","s","toLowerCase","replaceAll","trim","isValidFormat","length","some","acceptString","type","includes","name","endsWith","size","message","formatBytes","_a"],"mappings":"4KAGO,SACHA,EACAC,EAAS,GACTC,SAEM,MAAAC,EAAgBF,EACjBG,MAAM,KACNC,KAAKC,GAAMA,EAAEC,gBACbF,KAAKC,GAAMA,EAAEE,WAAW,IAAK,MAC7BH,KAAKC,GAAMA,EAAEG,SAEd,IAAAC,EAAyC,IAAzBP,EAAcQ,OAQlC,OANAD,EAAgBP,EAAcS,MACzBC,GACGb,EAAKc,KAAKP,cAAcQ,SAASF,IACjCb,EAAKgB,KAAKT,cAAcU,SAASJ,KAGpCH,SAOMR,EAAiB,KAAeF,EAAKkB,KAAOhB,EAC5C,CACHY,KAAM,YACNK,QAAS,YAAYC,EAAAA,YACjBpB,EAAKkB,iCACoBE,EAAAA,YAAYlB,WALjD,EANW,CACHY,KAAM,aACNK,QAAS,aAAY,OAAAE,EAAArB,EAAKgB,WAALK,EAAAA,EAAWjB,MAAM,KAAK,KAAM,kBAc7D"}

package/build/cjs/components/file-input/stories/File.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                            */const i=require("../File.cjs"),t=require("./fileBytes.cjs"),r={title:"Komponenter/FileInput/File",component:i.File,parameters:{layout:"centered"},tags:["autodocs"]},l=new window.File(t,"symbol_round_black.png",{type:"image/png"}),o={name:"File",args:{fileName:l.name,fileType:l.type,fileSize:l.size,file:l},render:t=>e.jsx(i.File,{...t})};exports.FileStory=o,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");/* empty css                             */const i=require("../File.cjs"),r=require("./fileBytes.cjs"),t={title:"Komponenter/FileInput/File",component:i.File,parameters:{layout:"centered"},tags:["autodocs"]},l=new window.File(r,"symbol_round_black.png",{type:"image/png"}),o={name:"File",args:{fileName:l.name,fileType:l.type,fileSize:l.size,file:l},render:r=>e.jsx(i.File,{...r})};exports.FileStory=o,exports.default=t;
 //# sourceMappingURL=File.stories.cjs.map

package/build/cjs/components/file-input/stories/File.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"File.stories.cjs","sources":["../../../../../src/components/file-input/stories/File.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { File } from \"../File.js\";\nimport fileBytes from \"./fileBytes.js\";\n\nconst meta = {\n title: \"Komponenter/FileInput/File\",\n component: File,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof File>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst file = new window.File(fileBytes, \"symbol_round_black.png\", {\n type: \"image/png\",\n});\n\nexport const FileStory: Story = {\n name: \"File\",\n args: {\n fileName: file.name,\n fileType: file.type,\n fileSize: file.size,\n file,\n },\n render: (args) => <File {...args} />,\n};\n"],"names":["meta","title","component","File","parameters","layout","tags","file","window","fileBytes","type","FileStory","name","args","fileName","fileType","fileSize","size","render","jsx"],"mappings":"~~wPAMMA~~,EAAO,CACTC,MAAO,6BACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAO,IAAIC,OAAOL,KAAKM,EAAW,yBAA0B,CAC9DC,KAAM,cAGGC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,SAAUP,EAAKK,KACfG,SAAUR,EAAKG,KACfM,SAAUT,EAAKU,KACfV,KAAAA,GAEJW,OAASL,GAAUM,EAAAA,IAAAhB,EAAAA,KAAA,IAASU"}
1	+ {"version":3,"file":"File.stories.cjs","sources":["../../../../../src/components/file-input/stories/File.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { File } from \"../File.js\";\nimport fileBytes from \"./fileBytes.js\";\n\nconst meta = {\n title: \"Komponenter/FileInput/File\",\n component: File,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof File>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst file = new window.File(fileBytes, \"symbol_round_black.png\", {\n type: \"image/png\",\n});\n\nexport const FileStory: Story = {\n name: \"File\",\n args: {\n fileName: file.name,\n fileType: file.type,\n fileSize: file.size,\n file,\n },\n render: (args) => <File {...args} />,\n};\n"],"names":["meta","title","component","File","parameters","layout","tags","file","window","fileBytes","type","FileStory","name","args","fileName","fileType","fileSize","size","render","jsx"],"mappings":"yQAMMA,EAAO,CACTC,MAAO,6BACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAO,IAAIC,OAAOL,KAAKM,EAAW,yBAA0B,CAC9DC,KAAM,cAGGC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,SAAUP,EAAKK,KACfG,SAAUR,EAAKG,KACfM,SAAUT,EAAKU,KACfV,KAAAA,GAEJW,OAASL,GAAUM,EAAAA,IAAAhB,EAAAA,KAAA,IAASU"}

package/build/cjs/components/file-input/stories/FileInput.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                            */const t=require("../FileInput.cjs"),n={title:"Komponenter/FileInput",component:t.FileInput,parameters:{layout:"centered"},tags:["autodocs"]},r={name:"FileInput",args:{variant:"flexible",value:[],onChange:console.info,legend:"Legg til fil"},render:n=>e.jsx(t.FileInput,{...n})};exports.FileInputStory=r,exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");/* empty css                             */const t=require("../FileInput.cjs"),r={title:"Komponenter/FileInput",component:t.FileInput,parameters:{layout:"centered"},tags:["autodocs"]},n={name:"FileInput",args:{variant:"flexible",value:[],onChange:console.info,legend:"Legg til fil"},render:r=>e.jsx(t.FileInput,{...r})};exports.FileInputStory=n,exports.default=r;
 //# sourceMappingURL=FileInput.stories.cjs.map

package/build/cjs/components/file-input/stories/FileInput.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileInput.stories.cjs","sources":["../../../../../src/components/file-input/stories/FileInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { FileInput } from \"../FileInput.js\";\n\nconst meta = {\n title: \"Komponenter/FileInput\",\n component: FileInput,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof FileInput>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const FileInputStory: Story = {\n name: \"FileInput\",\n args: {\n variant: \"flexible\",\n value: [],\n onChange: console.info,\n legend: \"Legg til fil\",\n },\n render: (args) => <FileInput {...args} />,\n};\n"],"names":["meta","title","component","FileInput","parameters","layout","tags","FileInputStory","name","args","variant","value","onChange","console","info","legend","render","jsx"],"mappings":"~~gOAKMA~~,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAA,UACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAwB,CACjCC,KAAM,YACNC,KAAM,CACFC,QAAS,WACTC,MAAO,GACPC,SAAUC,QAAQC,KAClBC,OAAQ,gBAEZC,OAASP,GAAUQ,EAAAA,IAAAd,EAAAA,UAAA,IAAcM"}
1	+ {"version":3,"file":"FileInput.stories.cjs","sources":["../../../../../src/components/file-input/stories/FileInput.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { FileInput } from \"../FileInput.js\";\n\nconst meta = {\n title: \"Komponenter/FileInput\",\n component: FileInput,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof FileInput>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const FileInputStory: Story = {\n name: \"FileInput\",\n args: {\n variant: \"flexible\",\n value: [],\n onChange: console.info,\n legend: \"Legg til fil\",\n },\n render: (args) => <FileInput {...args} />,\n};\n"],"names":["meta","title","component","FileInput","parameters","layout","tags","FileInputStory","name","args","variant","value","onChange","console","info","legend","render","jsx"],"mappings":"iPAKMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EAAAA,UACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEC,EAAwB,CACjCC,KAAM,YACNC,KAAM,CACFC,QAAS,WACTC,MAAO,GACPC,SAAUC,QAAQC,KAClBC,OAAQ,gBAEZC,OAASP,GAAUQ,EAAAA,IAAAd,EAAAA,UAAA,IAAcM"}

package/build/cjs/components/file-input/utils.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.upload=async function(e,t,r,s){const n=new XMLHttpRequest;return new Promise(((o,a)=>{n.upload.addEventListener("progress",(e=>{e.lengthComputable&&r&&r(e.loaded/e.total*100)})),n.addEventListener("load",(e=>{n.status>=400&&a(e),o(e)})),n.addEventListener("error",(e=>{a(e)})),n.addEventListener("abort",(e=>{a(e)})),n.open("POST",e),Object.entries(s||{}).forEach((([e,t])=>{n.setRequestHeader(e,t)})),n.send(t)})).then((e=>JSON.parse(n.responseText)),(()=>{throw new Error(n.statusText)}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.upload=async function(e,t,r,s){const n=new XMLHttpRequest;return new Promise(((o,a)=>{n.upload.addEventListener("progress",(e=>{e.lengthComputable&&r&&r(e.loaded/e.total*100)})),n.addEventListener("load",(e=>{n.status>=400&&a(e),o(e)})),n.addEventListener("error",(e=>{a(e)})),n.addEventListener("abort",(e=>{a(e)})),n.open("POST",e);for(const[e,t]of Object.entries(s||{}))n.setRequestHeader(e,t);n.send(t)})).then((e=>JSON.parse(n.responseText)),(()=>{throw new Error(n.statusText)}))};
 //# sourceMappingURL=utils.cjs.map

package/build/cjs/components/file-input/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/file-input/utils.ts"],"sourcesContent":["/*\n Hjelpefunksjon for å laste opp filer med progress-bar\n \n @param {string} url Endepunktet som skal lastes opp til\n * @param {FormData} data FormData med filen som skal lastes opp\n * @param progress Callback som blir kalt med oppdatert progresjon\n * @param {Record<string, string>} headers Eventuelle headers som skal sendes\n * med opplasingen. Her kan du f.eks. sende med CSRF-verdier.\n * @returns {T} Svaret fra endepunktet\n /\nexport async function upload<T>(\n url: string,\n data: FormData,\n progress: (progress: number) => void,\n headers?: Record<string, string>,\n): Promise<T> {\n // I skrivende stund er det ikke mulig å hente progress med fetch. Derfor bruker vi XMLHttpRequest.\n const xhr = new XMLHttpRequest();\n const request = new Promise<ProgressEvent<XMLHttpRequestEventTarget>>(\n (resolve, reject) => {\n xhr.upload.addEventListener(\"progress\", (e) => {\n if (e.lengthComputable && progress) {\n progress((e.loaded / e.total) 100);\n }\n });\n\n xhr.addEventListener(\"load\", (e) => {\n if (xhr.status >= 400) {\n reject(e);\n }\n resolve(e);\n });\n\n xhr.addEventListener(\"error\", (e) => {\n reject(e);\n });\n\n xhr.addEventListener(\"abort\", (e) => {\n reject(e);\n });\n\n xhr.open(\"POST\", url);\n\n Object.entries(headers \|\| {})~~.forEach(([header, value]~~) => {\n xhr.setRequestHeader(header, value);\n }~~);\~~n\n xhr.send(data);\n },\n ).then(\n (e) => {\n const response: T = JSON.parse(xhr.responseText);\n return response;\n },\n () => {\n throw new Error(xhr.statusText);\n },\n );\n\n return request;\n}\n"],"names":["async","url","data","progress","headers","xhr","XMLHttpRequest","Promise","resolve","reject","upload","addEventListener","e","lengthComputable","loaded","total","status","open","~~Object~~","~~entries~~","~~forEach~~","~~header~~","~~value","~~setRequestHeader","send","then","JSON","parse","responseText","Error","statusText"],"mappings":"+FAUAA,eACIC,EACAC,EACAC,EACAC,GAGM,MAAAC,EAAM,IAAIC,eA0CT,OAzCS,IAAIC,SAChB,CAACC,EAASC,KACNJ,EAAIK,OAAOC,iBAAiB,YAAaC,IACjCA,EAAEC,kBAAoBV,GACtBA,EAAUS,EAAEE,OAASF,EAAEG,MAAS,IAAG,IAIvCV,EAAAM,iBAAiB,QAASC,IACtBP,EAAIW,QAAU,KACdP,EAAOG,GAEXJ,EAAQI,EAAC,IAGTP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAY,KAAK,OAAQhB,~~GAEViB~~,~~OAAAC~~,~~QAAQf~~,~~GAAW~~,~~CAAE~~,~~GAAEgB~~,~~SAAQ~~,~~EAAEC~~,~~EAAQC~~,~~MACxCjB~~,~~EAAAkB~~,~~iBAAiBF~~,EAAQC,~~EAAK~~,~~IAGtCjB~~,~~EAAImB~~,~~KAAKtB,~~EAAI,~~IAEnBuB~~,~~MACGb~~,~~GACuBc~~,KAAKC,~~MAAMtB~~,~~EAAIuB~~,gBAGvC,KACU,MAAA,IAAIC,~~MAAMxB~~,~~EAAIyB~~,WAAU,GAK1C"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/file-input/utils.ts"],"sourcesContent":["/*\n Hjelpefunksjon for å laste opp filer med progress-bar\n \n @param {string} url Endepunktet som skal lastes opp til\n * @param {FormData} data FormData med filen som skal lastes opp\n * @param progress Callback som blir kalt med oppdatert progresjon\n * @param {Record<string, string>} headers Eventuelle headers som skal sendes\n * med opplasingen. Her kan du f.eks. sende med CSRF-verdier.\n * @returns {T} Svaret fra endepunktet\n /\nexport async function upload<T>(\n url: string,\n data: FormData,\n progress: (progress: number) => void,\n headers?: Record<string, string>,\n): Promise<T> {\n // I skrivende stund er det ikke mulig å hente progress med fetch. Derfor bruker vi XMLHttpRequest.\n const xhr = new XMLHttpRequest();\n const request = new Promise<ProgressEvent<XMLHttpRequestEventTarget>>(\n (resolve, reject) => {\n xhr.upload.addEventListener(\"progress\", (e) => {\n if (e.lengthComputable && progress) {\n progress((e.loaded / e.total) 100);\n }\n });\n\n xhr.addEventListener(\"load\", (e) => {\n if (xhr.status >= 400) {\n reject(e);\n }\n resolve(e);\n });\n\n xhr.addEventListener(\"error\", (e) => {\n reject(e);\n });\n\n xhr.addEventListener(\"abort\", (e) => {\n reject(e);\n });\n\n xhr.open(\"POST\", url);\n\n for (const [header, value] of Object.entries(headers \|\| {})) {\n xhr.setRequestHeader(header, value);\n }\n\n xhr.send(data);\n },\n ).then(\n (e) => {\n const response: T = JSON.parse(xhr.responseText);\n return response;\n },\n () => {\n throw new Error(xhr.statusText);\n },\n );\n\n return request;\n}\n"],"names":["async","url","data","progress","headers","xhr","XMLHttpRequest","Promise","resolve","reject","upload","addEventListener","e","lengthComputable","loaded","total","status","open","header","value","Object","entries","setRequestHeader","send","then","JSON","parse","responseText","Error","statusText"],"mappings":"+FAUAA,eACIC,EACAC,EACAC,EACAC,GAGM,MAAAC,EAAM,IAAIC,eA0CT,OAzCS,IAAIC,SAChB,CAACC,EAASC,KACNJ,EAAIK,OAAOC,iBAAiB,YAAaC,IACjCA,EAAEC,kBAAoBV,GACtBA,EAAUS,EAAEE,OAASF,EAAEG,MAAS,IAAG,IAIvCV,EAAAM,iBAAiB,QAASC,IACtBP,EAAIW,QAAU,KACdP,EAAOG,GAEXJ,EAAQI,EAAC,IAGTP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAM,iBAAiB,SAAUC,IAC3BH,EAAOG,EAAC,IAGRP,EAAAY,KAAK,OAAQhB,GAEN,IAAA,MAACiB,EAAQC,KAAUC,OAAOC,QAAQjB,GAAW,CAAA,GAChDC,EAAAiB,iBAAiBJ,EAAQC,GAGjCd,EAAIkB,KAAKrB,EAAI,IAEnBsB,MACGZ,GACuBa,KAAKC,MAAMrB,EAAIsB,gBAGvC,KACU,MAAA,IAAIC,MAAMvB,EAAIwB,WAAU,GAK1C"}

package/build/cjs/components/flex/Flex.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.cjs","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { ~~PolymorphicRef~~ } from \"../../utilities/polymorphism/~~polymorphism~~.js\";\nimport { ~~SlotComponent~~ } from \"../../utilities/polymorphism/~~SlotComponent~~.js\";\nimport { FlexComponent, FlexProps } from \"./types.js\";\n\nexport const Flex = React.forwardRef(function Flex<\n ElementType extends React.ElementType = \"div\",\n>(props: FlexProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n asChild,\n as = \"div\",\n alignContent,\n alignItems,\n children,\n colGap,\n direction,\n gap,\n justifyContent,\n justifyItems,\n rowGap,\n wrap = false,\n ...rest\n } = props;\n const Component = asChild ? SlotComponent : as;\n\n const flexStyle: CSSProperties = {\n display: \"flex\",\n flexDirection: direction,\n alignContent,\n alignItems,\n justifyContent,\n justifyItems,\n ...(wrap ? { flexWrap: \"wrap\" } : {}),\n ...(gap ? { gap: tokens.spacing[gap] } : {}),\n ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n };\n\n return (\n <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n {children}\n </Component>\n );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"uOAMaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBA,cAAAb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAA,IAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}
1	+ {"version":3,"file":"Flex.cjs","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { FlexComponent, FlexProps } from \"./types.js\";\n\nexport const Flex = React.forwardRef(function Flex<\n ElementType extends React.ElementType = \"div\",\n>(props: FlexProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n asChild,\n as = \"div\",\n alignContent,\n alignItems,\n children,\n colGap,\n direction,\n gap,\n justifyContent,\n justifyItems,\n rowGap,\n wrap = false,\n ...rest\n } = props;\n const Component = asChild ? SlotComponent : as;\n\n const flexStyle: CSSProperties = {\n display: \"flex\",\n flexDirection: direction,\n alignContent,\n alignItems,\n justifyContent,\n justifyItems,\n ...(wrap ? { flexWrap: \"wrap\" } : {}),\n ...(gap ? { gap: tokens.spacing[gap] } : {}),\n ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n };\n\n return (\n <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n {children}\n </Component>\n );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"uOAMaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBA,cAAAb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAA,IAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}

package/build/cjs/components/flex/stories/Flex.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../../core/tokens.cjs"),t=require("../Flex.cjs"),o={title:"Layout/Flex",component:t.Flex,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{direction:{control:"select",options:["row","row-reverse","column","column-reverse"]},alignItems:{control:"select",options:["flex-start","flex-end","center","baseline","stretch"]},justifyContent:{control:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly"]},wrap:{control:"boolean"},gap:{control:"select",options:Object.keys(r.spacing)}}},l=({label:r})=>e.jsx("div",{style:{padding:"var(--jkl-spacing-24)",backgroundColor:"var(--jkl-background-color)",border:"1px solid var(--jkl-color)",textAlign:"center"},children:r}),n={name:"Flex",args:{style:{border:"3px dashed var(--jkl-color)",padding:"var(--jkl-spacing-24)",height:"50vh",width:"50vw"},direction:"row",wrap:!0,justifyContent:"center",alignItems:"center",gap:8,children:Array.from({length:5},((r,t)=>e.jsx(l,{label:`Box ${t+1}`},t)))},render:r=>e.jsx(t.Flex,{...r})};exports.FlexStory=n,exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const r=require("../../../core/tokens.cjs"),t=require("../Flex.cjs"),o={title:"Layout/Flex",component:t.Flex,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{direction:{control:"select",options:["row","row-reverse","column","column-reverse"]},alignItems:{control:"select",options:["flex-start","flex-end","center","baseline","stretch"]},justifyContent:{control:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly"]},wrap:{control:"boolean"},gap:{control:"select",options:Object.keys(r.spacing)}}},l=({label:r})=>e.jsx("div",{style:{padding:"var(--jkl-spacing-24)",backgroundColor:"var(--jkl-background-color)",border:"1px solid var(--jkl-color)",textAlign:"center"},children:r}),n={name:"Flex",args:{style:{border:"3px dashed var(--jkl-color)",padding:"var(--jkl-spacing-24)",height:"50vh",width:"50vw"},direction:"row",wrap:!0,justifyContent:"center",alignItems:"center",gap:8,children:Array.from({length:5},((r,t)=>e.jsx(l,{label:`Box ${t+1}`},t)))},render:r=>e.jsx(t.Flex,{...r})};exports.FlexStory=n,exports.default=o;
 //# sourceMappingURL=Flex.stories.cjs.map

package/build/cjs/components/flex/stories/Flex.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.stories.cjs","sources":["../../../../../src/components/flex/stories/Flex.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { CSSProperties } from \"react\";\nimport tokens from \"../../../core/tokens.js\";\nimport { Flex } from \"../Flex.js\";\n\nconst meta: Meta<typeof Flex> = {\n title: \"Layout/Flex\",\n component: Flex,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n direction: {\n control: \"select\",\n options: [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n ] satisfies CSSProperties[\"flexDirection\"][],\n },\n alignItems: {\n control: \"select\",\n options: [\n \"flex-start\",\n \"flex-end\",\n \"center\",\n \"baseline\",\n \"stretch\",\n ] satisfies CSSProperties[\"alignItems\"][],\n },\n justifyContent: {\n control: \"select\",\n options: [\n \"flex-start\",\n \"flex-end\",\n \"center\",\n \"space-between\",\n \"space-around\",\n \"space-evenly\",\n ] satisfies CSSProperties[\"justifyContent\"][],\n },\n wrap: {\n control: \"boolean\",\n },\n gap: {\n control: \"select\",\n options: Object.keys(tokens.spacing),\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Flex>;\n\nconst Box = ({ label }: { label: string }) => (\n <div\n style={{\n padding: \"var(--jkl-spacing-24)\",\n backgroundColor: \"var(--jkl-background-color)\",\n border: \"1px solid var(--jkl-color)\",\n textAlign: \"center\",\n }}\n >\n {label}\n </div>\n);\n\nexport const FlexStory: Story = {\n name: \"Flex\",\n args: {\n style: {\n border: \"3px dashed var(--jkl-color)\",\n padding: \"var(--jkl-spacing-24)\",\n height: \"50vh\",\n width: \"50vw\",\n },\n direction: \"row\",\n wrap: true,\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: 8,\n children: Array.from({ length: 5 }, (_, i) => (\n <Box key={i} label={`Box ${i + 1}`} />\n )),\n },\n render: (args) => <Flex {...args} />,\n};\n"],"names":["meta","title","component","Flex","parameters","layout","tags","argTypes","direction","control","options","alignItems","justifyContent","wrap","gap","Object","keys","tokens","spacing","Box","label","jsx","style","padding","backgroundColor","border","textAlign","children","FlexStory","name","args","height","width","Array","from","length","_","i","render"],"mappings":"~~gNAKMA~~,EAA0B,CAC5BC,MAAO,cACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,UAAW,CACPC,QAAS,SACTC,QAAS,CACL,MACA,cACA,SACA,mBAGRC,WAAY,CACRF,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,WACA,YAGRE,eAAgB,CACZH,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,gBACA,eACA,iBAGRG,KAAM,CACFJ,QAAS,WAEbK,IAAK,CACDL,QAAS,SACTC,QAASK,OAAOC,KAAKC,EAAOC,YASlCC,EAAM,EAAGC,MAAAA,KACXC,EAAAA,IAAC,MAAA,CACGC,MAAO,CACHC,QAAS,wBACTC,gBAAiB,8BACjBC,OAAQ,6BACRC,UAAW,UAGdC,SAAAP,IAIIQ,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFR,MAAO,CACHG,OAAQ,8BACRF,QAAS,wBACTQ,OAAQ,OACRC,MAAO,QAEXxB,UAAW,MACXK,MAAM,EACND,eAAgB,SAChBD,WAAY,SACZG,IAAK,EACLa,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAK,CAACC,EAAGC,IACpChB,EAAAA,IAACF,GAAYC,MAAO,OAAOiB,EAAI,KAArBA,MAGlBC,OAASR,GAAUT,EAAAA,IAAAlB,EAAAA,KAAA,IAAS2B"}
1	+ {"version":3,"file":"Flex.stories.cjs","sources":["../../../../../src/components/flex/stories/Flex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { type CSSProperties } from \"react\";\nimport tokens from \"../../../core/tokens.js\";\nimport { Flex } from \"../Flex.js\";\n\nconst meta: Meta<typeof Flex> = {\n title: \"Layout/Flex\",\n component: Flex,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n direction: {\n control: \"select\",\n options: [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n ] satisfies CSSProperties[\"flexDirection\"][],\n },\n alignItems: {\n control: \"select\",\n options: [\n \"flex-start\",\n \"flex-end\",\n \"center\",\n \"baseline\",\n \"stretch\",\n ] satisfies CSSProperties[\"alignItems\"][],\n },\n justifyContent: {\n control: \"select\",\n options: [\n \"flex-start\",\n \"flex-end\",\n \"center\",\n \"space-between\",\n \"space-around\",\n \"space-evenly\",\n ] satisfies CSSProperties[\"justifyContent\"][],\n },\n wrap: {\n control: \"boolean\",\n },\n gap: {\n control: \"select\",\n options: Object.keys(tokens.spacing),\n },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Flex>;\n\nconst Box = ({ label }: { label: string }) => (\n <div\n style={{\n padding: \"var(--jkl-spacing-24)\",\n backgroundColor: \"var(--jkl-background-color)\",\n border: \"1px solid var(--jkl-color)\",\n textAlign: \"center\",\n }}\n >\n {label}\n </div>\n);\n\nexport const FlexStory: Story = {\n name: \"Flex\",\n args: {\n style: {\n border: \"3px dashed var(--jkl-color)\",\n padding: \"var(--jkl-spacing-24)\",\n height: \"50vh\",\n width: \"50vw\",\n },\n direction: \"row\",\n wrap: true,\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: 8,\n children: Array.from({ length: 5 }, (_, i) => (\n <Box key={i} label={`Box ${i + 1}`} />\n )),\n },\n render: (args) => <Flex {...args} />,\n};\n"],"names":["meta","title","component","Flex","parameters","layout","tags","argTypes","direction","control","options","alignItems","justifyContent","wrap","gap","Object","keys","tokens","spacing","Box","label","jsx","style","padding","backgroundColor","border","textAlign","children","FlexStory","name","args","height","width","Array","from","length","_","i","render"],"mappings":"uOAKMA,EAA0B,CAC5BC,MAAO,cACPC,UAAWC,EAAAA,KACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,UAAW,CACPC,QAAS,SACTC,QAAS,CACL,MACA,cACA,SACA,mBAGRC,WAAY,CACRF,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,WACA,YAGRE,eAAgB,CACZH,QAAS,SACTC,QAAS,CACL,aACA,WACA,SACA,gBACA,eACA,iBAGRG,KAAM,CACFJ,QAAS,WAEbK,IAAK,CACDL,QAAS,SACTC,QAASK,OAAOC,KAAKC,EAAOC,YASlCC,EAAM,EAAGC,MAAAA,KACXC,EAAAA,IAAC,MAAA,CACGC,MAAO,CACHC,QAAS,wBACTC,gBAAiB,8BACjBC,OAAQ,6BACRC,UAAW,UAGdC,SAAAP,IAIIQ,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFR,MAAO,CACHG,OAAQ,8BACRF,QAAS,wBACTQ,OAAQ,OACRC,MAAO,QAEXxB,UAAW,MACXK,MAAM,EACND,eAAgB,SAChBD,WAAY,SACZG,IAAK,EACLa,SAAUM,MAAMC,KAAK,CAAEC,OAAQ,IAAK,CAACC,EAAGC,IACpChB,EAAAA,IAACF,GAAYC,MAAO,OAAOiB,EAAI,KAArBA,MAGlBC,OAASR,GAAUT,EAAAA,IAAAlB,EAAAA,KAAA,IAAS2B"}

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

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";require("react");
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/icon/Icon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport {\n PolymorphicPropsWithRef,\n PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\">,\n> = PolymorphicPropsWithRef<\n ElementType,\n {\n \"data-testid\"?: string;\n /*\n Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n /\n variant?: IconVariant;\n /\n Angir om ikonet skal vises i fet versjon\n * @default false\n */\n bold?: boolean;\n filled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n }\n>;\n\nexport type IconComponent = (<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(\n props: IconComponentProps<ElementType>,\n) => React.ReactElement \| null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const { bold, children, className, filled, variant, ...iconProps } = props;\n\n return (\n <span\n aria-hidden\n ref={ref}\n className={clsx(\"jkl-icon\", className, {\n \"jkl-icon--filled\": filled,\n \"jkl-icon--bold\": bold,\n [`jkl-icon--${variant}`]: !!variant,\n })}\n {...iconProps}\n >\n {children}\n </span>\n );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JAoCaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
1	+ {"version":3,"file":"Icon.cjs","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type {\n PolymorphicPropsWithRef,\n PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\">,\n> = PolymorphicPropsWithRef<\n ElementType,\n {\n \"data-testid\"?: string;\n /*\n Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n /\n variant?: IconVariant;\n /\n Angir om ikonet skal vises i fet versjon\n * @default false\n */\n bold?: boolean;\n filled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n }\n>;\n\nexport type IconComponent = (<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(\n props: IconComponentProps<ElementType>,\n) => React.ReactElement \| null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const { bold, children, className, filled, variant, ...iconProps } = props;\n\n return (\n <span\n aria-hidden\n ref={ref}\n className={clsx(\"jkl-icon\", className, {\n \"jkl-icon--filled\": filled,\n \"jkl-icon--bold\": bold,\n [`jkl-icon--${variant}`]: !!variant,\n })}\n {...iconProps}\n >\n {children}\n </span>\n );\n}) as IconComponent;\n"],"names":["Icon","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"6JAoCaA,mBAA4BC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAAA,IAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAAA,KAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

package/build/cjs/components/icon/icons/ArrowDownIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowDownIcon",exports.ArrowDownIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowDownIcon",exports.ArrowDownIcon=o;
 //# sourceMappingURL=ArrowDownIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowDownIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5db\"}</Icon>\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
1	+ {"version":3,"file":"ArrowDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5db\"}</Icon>\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ArrowLeftIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowLeftIcon",exports.ArrowLeftIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),t=t=>e.jsx(r.Icon,{...t,children:""});t.displayName="ArrowLeftIcon",exports.ArrowLeftIcon=t;
 //# sourceMappingURL=ArrowLeftIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowLeftIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5c4\"}</Icon>\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}
1	+ {"version":3,"file":"ArrowLeftIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5c4\"}</Icon>\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAAgCC,SACxCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAcI,YAAc"}

package/build/cjs/components/icon/icons/ArrowNorthEastIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../Icon.cjs"),o=o=>r.jsx(e.Icon,{...o,children:""});o.displayName="ArrowNorthEastIcon",exports.ArrowNorthEastIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=require("../Icon.cjs"),t=t=>r.jsx(e.Icon,{...t,children:""});t.displayName="ArrowNorthEastIcon",exports.ArrowNorthEastIcon=t;
 //# sourceMappingURL=ArrowNorthEastIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowNorthEastIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowNorthEastIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\uf1e1\"}</Icon>\n);\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAAqCC,SAC7CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAmBI,YAAc"}
1	+ {"version":3,"file":"ArrowNorthEastIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\uf1e1\"}</Icon>\n);\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAAqCC,SAC7CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAmBI,YAAc"}

package/build/cjs/components/icon/icons/ArrowRightIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowRightIcon",exports.ArrowRightIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),t=t=>e.jsx(r.Icon,{...t,children:""});t.displayName="ArrowRightIcon",exports.ArrowRightIcon=t;
 //# sourceMappingURL=ArrowRightIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowRightIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5c8\"}</Icon>\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAAiCC,SACzCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAeI,YAAc"}
1	+ {"version":3,"file":"ArrowRightIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5c8\"}</Icon>\n);\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAAiCC,SACzCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAeI,YAAc"}

package/build/cjs/components/icon/icons/ArrowUpIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowUpIcon",exports.ArrowUpIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ArrowUpIcon",exports.ArrowUpIcon=o;
 //# sourceMappingURL=ArrowUpIcon.cjs.map

package/build/cjs/components/icon/icons/ArrowUpIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5d8\"}</Icon>\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAA8BC,SACtCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}
1	+ {"version":3,"file":"ArrowUpIcon.cjs","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5d8\"}</Icon>\n);\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAA8BC,SACtCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAYI,YAAc"}

package/build/cjs/components/icon/icons/CalendarIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),n=n=>e.jsx(r.Icon,{...n,children:""});n.displayName="CalendarIcon",exports.CalendarIcon=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),t=t=>e.jsx(r.Icon,{...t,children:""});t.displayName="CalendarIcon",exports.CalendarIcon=t;
 //# sourceMappingURL=CalendarIcon.cjs.map

package/build/cjs/components/icon/icons/CalendarIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarIcon.cjs","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\uebcc\"}</Icon>\n);\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAA+BC,SACvCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}
1	+ {"version":3,"file":"CalendarIcon.cjs","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\uebcc\"}</Icon>\n);\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAA+BC,SACvCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAaI,YAAc"}

package/build/cjs/components/icon/icons/CheckIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),c=c=>e.jsx(r.Icon,{...c,children:""});c.displayName="CheckIcon",exports.CheckIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),c=c=>e.jsx(r.Icon,{...c,children:""});c.displayName="CheckIcon",exports.CheckIcon=c;
 //# sourceMappingURL=CheckIcon.cjs.map

package/build/cjs/components/icon/icons/CheckIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckIcon.cjs","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5ca\"}</Icon>\n);\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAA4BC,SACpCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}
1	+ {"version":3,"file":"CheckIcon.cjs","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue5ca\"}</Icon>\n);\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAA4BC,SACpCC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAUI,YAAc"}

package/build/cjs/components/icon/icons/ChevronDownIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Icon.cjs"),r=r=>e.jsx(o.Icon,{...r,children:""});r.displayName="ChevronDownIcon",exports.ChevronDownIcon=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ChevronDownIcon",exports.ChevronDownIcon=o;
 //# sourceMappingURL=ChevronDownIcon.cjs.map

package/build/cjs/components/icon/icons/ChevronDownIcon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { ~~type~~ IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue313\"}</Icon>\n);\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"~~8IAIaA~~,EAAkCC,SAC1CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}
1	+ {"version":3,"file":"ChevronDownIcon.cjs","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport type { IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => (\n <Icon {...props}>{\"\\ue313\"}</Icon>\n);\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"qKAIaA,EAAkCC,SAC1CC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAE/BH,EAAgBI,YAAc"}

package/build/cjs/components/icon/icons/ChevronLeftIcon.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.cjs"),o=o=>e.jsx(r.Icon,{...o,children:""});o.displayName="ChevronLeftIcon",exports.ChevronLeftIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../Icon.cjs"),t=t=>e.jsx(r.Icon,{...t,children:""});t.displayName="ChevronLeftIcon",exports.ChevronLeftIcon=t;
 //# sourceMappingURL=ChevronLeftIcon.cjs.map