npm - @fremtind/jokul - Versions diffs - 0.8.1 → 0.10.0 - Mend

@fremtind/jokul 0.8.1 → 0.10.0

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 (360) hide show

package/build/cjs/components/radio-button/BaseRadioButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseRadioButton.js","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ChangeEventHandler, forwardRef } from \"react\";\nimport { Density } from \"../..\";\nimport { useId } from \"../../hooks\";\nimport { RadioButtonProps } from \"./RadioButton\";\n\nexport interface BaseRadioButtonProps extends RadioButtonProps {\n inline?: boolean;\n density?: Density;\n invalid?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const BaseRadioButton = forwardRef<HTMLInputElement, BaseRadioButtonProps>((props, ref) => {\n const { id, className, checked, children, label, density, inline, invalid, name, value, onChange, ...rest } = props;\n\n const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n return (\n <div\n className={clsx(\"jkl-radio-button\", className, {\n \"jkl-radio-button--inline\": inline,\n \"jkl-radio-button--error\": invalid,\n })}\n data-density={density}\n >\n <input\n name={name}\n ref={ref}\n {...rest}\n id={inputId}\n className=\"jkl-radio-button__input\"\n type=\"radio\"\n onChange={onChange}\n value={value}\n checked={checked}\n />\n <label data-testid=\"jkl-radio-button__label-tag\" htmlFor={inputId} className=\"jkl-radio-button__label\">\n <span aria-hidden className=\"jkl-radio-button__dot\" />\n <span className=\"jkl-radio-button__text\">{label || children}</span>\n </label>\n </div>\n );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"4QAaaA,EAAkBC,EAAAA,YAAmD,CAACC,EAAOC,KACtF,MAAQC,GAAAA,EAAIC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,EAAUC,MAAAA,EAAOC,QAAAA,EAASC,OAAAA,EAAQC,QAAAA,EAASC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,KAAaC,GAASb,EAExGc,EAAUC,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,WAEH,QAAM,CAAA,cAAY,8BAA8BiB,QAASP,EAASX,UAAU,0BACzEE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBAA0BE,YAASA,SACvD,IAKZP,EAAgBwB,YAAc"}

package/build/cjs/components/radio-button/RadioButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react");require("../../hooks/useScreen/useScreen.js");const r=require("../../hooks/useId/useId.js");require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../input-group/SupportLabel.js");require("../input-group/InputGroup.js");const n=require("./BaseRadioButton.js"),c=require("./radioGroupContext.js"),s=e.forwardRef(((e,s)=>{const{checked:u,value:t,supportLabelProps:j,helpLabel:a,...q}=e,{value:I,density:p,...l}=c.useRadioGroupContext(),d=r.useId("jkl-support-label");return o.jsxs(o.Fragment,{children:[o.jsx(n.BaseRadioButton,{...l,...q,ref:s,checked:typeof u<"u"?u:typeof I<"u"?t===I:void 0,value:t,"aria-describedby":a?d:void 0}),o.jsx(i.SupportLabel,{...j,label:a,labelType:"help",id:d,density:p})]})}));s.displayName="RadioButton",exports.RadioButton=s;
2	+ //# sourceMappingURL=RadioButton.js.map

package/build/cjs/components/radio-button/RadioButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, ChangeEventHandler, ReactNode } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { SupportLabel, SupportLabelProps } from \"../input-group\";\nimport { BaseRadioButton } from \"./BaseRadioButton\";\nimport { useRadioGroupContext } from \"./radioGroupContext\";\n\nexport interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n children?: ReactNode;\n value: string;\n /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n name?: string;\n /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /** @deprecated Bruk children */\n label?: ReactNode;\n helpLabel?: ReactNode;\n supportLabelProps?: Omit<SupportLabelProps, \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\">;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>((props, ref) => {\n const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n const { value: selectedValue, density, ...context } = useRadioGroupContext();\n const supportId = useId(\"jkl-support-label\");\n\n return (\n <>\n <BaseRadioButton\n {...context}\n {...rest}\n ref={ref}\n checked={\n typeof checked !== \"undefined\"\n ? checked\n : typeof selectedValue !== \"undefined\"\n ? value === selectedValue\n : undefined\n }\n value={value}\n aria-describedby={helpLabel ? supportId : undefined}\n />\n <SupportLabel\n {...supportLabelProps}\n label={helpLabel}\n labelType={\"help\"}\n id={supportId}\n density={density}\n />\n </>\n );\n});\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"u6DAmBaA,EAAcC,EAAAA,YAA+C,CAACC,EAAOC,KAC9E,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAC1DG,MAAOI,EAAeC,QAAAA,KAAYC,GAAYC,EAAAA,uBAChDC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACzBJ,IAAUI,OACV,EAEVJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAIRV,EAAYwB,YAAc"}

package/build/cjs/components/radio-button/RadioButtonGroup.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../input-group/FieldGroup.js");require("../input-group/InputGroup.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("./radioGroupContext.js");exports.RadioButtonGroup=r=>{const{name:e,value:c,onChange:s,errorLabel:u,inline:t=!1,density:a,labelProps:j={variant:"medium"},...q}=r;return o.jsx(i.RadioGroupContextProvider,{state:{onChange:s,value:c,name:e,invalid:!!u,inline:t,density:a},children:o.jsx(n.FieldGroup,{errorLabel:u,labelProps:j,"data-testid":"jkl-radio-button-group",density:a,...q,role:"radiogroup","aria-invalid":!!u})})};
2	+ //# sourceMappingURL=RadioButtonGroup.js.map

package/build/cjs/components/radio-button/RadioButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC } from \"react\";\nimport { Density } from \"../..\";\nimport { FieldGroup, type FieldGroupProps } from \"../input-group\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext\";\n\nexport interface RadioButtonGroupProps extends Omit<FieldGroupProps, \"onChange\"> {\n legend: string;\n /** Alle RadioButton i gruppen får dette som name. */\n name?: string;\n /** Om gruppen skal være controlled setter du den valgte verdien her. */\n value?: string;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n helpLabel?: string;\n /**\n * Erstatter hjelpeteksten (hvis noen) med en feilmelding.\n * Merker samtidig alle RadioButton i gruppen som ugyldige.\n */\n errorLabel?: string;\n /**\n * Setter inline-modifieren på alle RadioButton i gruppen.\n * @default false\n */\n inline?: boolean;\n density?: Density;\n}\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n const {\n name,\n value,\n onChange,\n errorLabel,\n inline = false,\n density,\n labelProps = { variant: \"medium\" },\n ...rest\n } = props;\n\n return (\n <RadioGroupContextProvider\n state={{\n onChange,\n value,\n name,\n invalid: Boolean(errorLabel),\n inline,\n density,\n }}\n >\n <FieldGroup\n errorLabel={errorLabel}\n labelProps={labelProps}\n data-testid=\"jkl-radio-button-group\"\n density={density}\n {...rest}\n role=\"radiogroup\"\n aria-invalid={Boolean(errorLabel)}\n />\n </RadioGroupContextProvider>\n );\n};\n"],"names":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"srDA0B4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/cjs/components/radio-button/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./RadioButton.js"),t=require("./RadioButtonGroup.js"),e=require("./BaseRadioButton.js");exports.RadioButton=o.RadioButton,exports.RadioButtonGroup=t.RadioButtonGroup,exports.BaseRadioButton=e.BaseRadioButton;
2	+ //# sourceMappingURL=index.js.map

package/build/cjs/components/radio-button/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/radio-button/radioGroupContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=t.createContext({name:void 0,value:void 0,onChange:()=>{},inline:!1,density:void 0,invalid:!1});exports.RadioGroupContextProvider=({state:t,children:o})=>e.jsx(r.Provider,{value:t,children:o}),exports.useRadioGroupContext=()=>t.useContext(r);
2	+ //# sourceMappingURL=radioGroupContext.js.map

package/build/cjs/components/radio-button/radioGroupContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"radioGroupContext.js","sources":["../../../../src/components/radio-button/radioGroupContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ChangeEventHandler } from \"react\";\nimport { Density, WithChildren } from \"../..\";\n\ntype RadioGroupContext = {\n name: string | undefined;\n value: string | undefined;\n inline: boolean;\n density?: Density;\n invalid: boolean;\n onChange: ChangeEventHandler<HTMLInputElement> | undefined;\n};\n\nconst radioGroupContext = createContext<RadioGroupContext>({\n name: undefined,\n value: undefined,\n onChange: () => {\n return;\n },\n inline: false,\n density: undefined,\n invalid: false,\n});\n\nexport const useRadioGroupContext = (): RadioGroupContext => useContext(radioGroupContext);\n\ninterface Props extends WithChildren {\n state: RadioGroupContext;\n}\n\nexport const RadioGroupContextProvider: React.FC<Props> = ({ state, children }) => (\n <radioGroupContext.Provider value={state}>{children}</radioGroupContext.Provider>\n);\n"],"names":["radioGroupContext","createContext","name","value","onChange","inline","density","invalid","state","children","jsx","Provider","useContext"],"mappings":"wIAYMA,EAAoBC,EAAAA,cAAiC,CACvDC,UAAM,EACNC,WAAO,EACPC,SAAU,OAGVC,QAAQ,EACRC,aAAS,EACTC,SAAS,sCAS6C,EAAGC,MAAAA,EAAOC,SAAAA,KAC/DC,EAAAA,IAAAV,EAAkBW,SAAlB,CAA2BR,MAAOK,EAAQC,SAAAA,iCAPX,IAAyBG,EAAAA,WAAWZ"}

package/build/cjs/components/select/NativeSelect.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),exports.NativeSelect=e.NativeSelect;
2	+ //# sourceMappingURL=NativeSelect.js.map

package/build/cjs/components/select/NativeSelect.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"NativeSelect.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/select/Select.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("../../../clsx-E3yX_9sL.cjs"),require("react"),require("../../hooks/useAnimatedHeight/useAnimatedHeight.js"),require("../../hooks/usePreviousValue/usePreviousValue.js"),require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../../hooks/useListNavigation/useListNavigation.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js"),require("../button/Button.js"),require("../card/Card.js"),require("../card/CardImage.js"),require("../card/NavCard.js"),require("../checkbox/Checkbox.js"),require("../combobox/Combobox.js"),require("../cookie-consent/CookieConsentContext.js"),require("react-dom"),require("../modal/Modal.js"),require("react-a11y-dialog"),require("../list/List.js"),require("../list/ListItem.js"),require("../datepicker/DatePicker.js"),require("../icon-button/IconButton.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../input-group/InputGroup.js"),require("../link/Link.js"),require("../link/NavLink.js"),require("../link-list/LinkList.js"),require("../radio-button/RadioButton.js"),require("../radio-button/radioGroupContext.js"),require("../radio-button/BaseRadioButton.js");const e=require("../../../NativeSelect-DSmX3GZo.cjs");require("../tag/Tag.js"),require("../text-input/BaseTextArea.js"),require("../text-input/BaseTextInput.js"),require("../text-input/TextArea.js"),require("../text-input/TextInput.js"),require("../../utilities/polymorphism/SlotComponent.js"),require("../../utilities/valuePair.js"),require("./select-utils.js"),exports.Select=e.Select;
2	+ //# sourceMappingURL=Select.js.map

package/build/cjs/components/select/Select.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/select/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../NativeSelect-DSmX3GZo.cjs");exports.NativeSelect=e.NativeSelect,exports.Select=e.Select;
2	+ //# sourceMappingURL=index.js.map

package/build/cjs/components/select/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/select/select-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.focusSelected=function(e,o){let t=null;o&&(t=e.querySelector('[aria-selected="true"]:not([hidden])')),(!o\|\|!t)&&(t=e.querySelector('[role="option"]')),null==t\|\|t.focus(),e.scrollTop=(null==t?void 0:t.offsetTop)\|\|0},exports.toLower=function(e=""){return e.toLowerCase().replace(/[\W_]+/g,"")};
2	+ //# sourceMappingURL=select-utils.js.map

package/build/cjs/components/select/select-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select-utils.js","sources":["../../../../src/components/select/select-utils.ts"],"sourcesContent":["export function toLower(str = \"\") {\n return str.toLowerCase().replace(/[\\W_]+/g, \"\"); // strip all non-alphanumeric chars\n}\n\nexport function focusSelected(listEl: HTMLElement, selected: string | undefined) {\n let focusedItem: HTMLElement | null = null;\n if (selected) {\n // Move focus to selected option\n focusedItem = listEl.querySelector(`[aria-selected=\"true\"]:not([hidden])`);\n }\n if (!selected || !focusedItem) {\n // Move focus to first option if either no selected value or the value could not be found.\n // This may happen with searchable selects if the currently selected value is filtered out.\n focusedItem = listEl.querySelector('[role=\"option\"]');\n }\n focusedItem?.focus();\n // Make sure the selected/focused item is visible in the list if it scrolls\n listEl.scrollTop = focusedItem?.offsetTop || 0;\n}\n"],"names":["listEl","selected","focusedItem","querySelector","focus","scrollTop","offsetTop","str","toLowerCase","replace"],"mappings":"sGAIgB,SAAcA,EAAqBC,GAC/C,IAAIC,EAAkC,KAClCD,IAEcC,EAAAF,EAAOG,cAAc,2CAElCF,IAAaC,KAGAA,EAAAF,EAAOG,cAAc,oBAEvC,MAAAD,GAAAA,EAAaE,QAENJ,EAAAK,WAAY,MAAAH,OAAAA,EAAAA,EAAaI,YAAa,CACjD,kBAlBgB,SAAQC,EAAM,IAC1B,OAAOA,EAAIC,cAAcC,QAAQ,UAAW,GAChD"}

package/build/cjs/components/tag/Tag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("classnames");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../icon-button/IconButton.js");function e(e){const c=({className:c,density:s,dismissAction:u,children:a,...t})=>n.jsxs("span",{className:o("jkl-tag",{"jkl-tag--info":"info"===e,"jkl-tag--error":"error"===e,"jkl-tag--warning":"warning"===e,"jkl-tag--success":"success"===e},c),"data-density":s,...t,children:[a,u&&n.jsx(i.IconButton,{className:"jkl-tag__dismiss-action",density:s,title:u.label,onClick:u.onClick,onFocus:u.onFocus,onBlur:u.onBlur,children:n.jsx(r.CloseIcon,{variant:"small",bold:!0})})]});return c.displayName=function(n){switch(n){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(e),c}const c=e(),s=e("info"),u=e("error"),a=e("warning"),t=e("success");exports.ErrorTag=u,exports.InfoTag=s,exports.SuccessTag=t,exports.Tag=c,exports.WarningTag=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js");const r=require("../icon/icons/CloseIcon.js");require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../icon-button/IconButton.js");function c(c){const e=({className:e,density:s,dismissAction:u,children:a,...t})=>n.jsxs("span",{className:o.clsx("jkl-tag",{"jkl-tag--info":"info"===c,"jkl-tag--error":"error"===c,"jkl-tag--warning":"warning"===c,"jkl-tag--success":"success"===c},e),"data-density":s,...t,children:[a,u&&n.jsx(i.IconButton,{className:"jkl-tag__dismiss-action",density:s,title:u.label,onClick:u.onClick,onFocus:u.onFocus,onBlur:u.onBlur,children:n.jsx(r.CloseIcon,{variant:"small",bold:!0})})]});return e.displayName=function(n){switch(n){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(c),e}const e=c(),s=c("info"),u=c("error"),a=c("warning"),t=c("success");exports.ErrorTag=u,exports.InfoTag=s,exports.SuccessTag=t,exports.Tag=e,exports.WarningTag=a;
 //# sourceMappingURL=Tag.js.map

package/build/cjs/components/tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import cx from \"~~classnames~~\";\nimport React, { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Density } from \"../../core\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nexport interface DismissAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n density?: Density;\n dismissAction?: DismissAction;\n}\n\ntype Variant = \"info\" \| \"error\" \| \"warning\" \| \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n switch (variant) {\n case \"info\":\n return \"InfoTag\";\n case \"error\":\n return \"ErrorTag\";\n case \"warning\":\n return \"WarningTag\";\n case \"success\":\n return \"SuccessTag\";\n default:\n return \"Tag\";\n }\n}\n\nfunction tagFactory(variant?: Variant) {\n const Tag: FC<TagProps> = ({ className, density, dismissAction, children, ...rest }) => (\n <span\n className={cx(\n \"jkl-tag\",\n {\n \"jkl-tag--info\": variant === \"info\",\n \"jkl-tag--error\": variant === \"error\",\n \"jkl-tag--warning\": variant === \"warning\",\n \"jkl-tag--success\": variant === \"success\",\n },\n className,\n )}\n data-density={density}\n {...rest}\n >\n {children}\n {dismissAction && (\n <IconButton\n className=\"jkl-tag__dismiss-action\"\n density={density}\n title={dismissAction.label}\n onClick={dismissAction.onClick}\n onFocus={dismissAction.onFocus}\n onBlur={dismissAction.onBlur}\n >\n <CloseIcon variant=\"small\" bold />\n </IconButton>\n )}\n </span>\n );\n Tag.displayName = getDisplayName(variant);\n return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","dismissAction","children","rest","jsxs","cx","jsx","IconButton","title","label","onClick","onFocus","onBlur","CloseIcon","bold","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"~~inDAiCA~~,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,cAAAA,EAAeC,SAAAA,KAAaC,KACzEC,EAAAA,KAAC,OAAA,CACGL,UAAWM,~~EACP~~,UACA,CACI,gBAA6B,SAAZR,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVG,EAEHD,SAAA,CAAAA,EACAD,GACGK,EAAAA,IAACC,EAAAA,WAAA,CACGR,UAAU,0BACVC,QAAAA,EACAQ,MAAOP,EAAcQ,MACrBC,QAAST,EAAcS,QACvBC,QAASV,EAAcU,QACvBC,OAAQX,EAAcW,OAEtBV,SAACI,EAAAA,IAAAO,YAAA,CAAUhB,QAAQ,QAAQiB,MAAI,SAK/ChB,OAAAA,EAAIiB,YA9CR,SAAwBlB,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAiCsBmB,CAAenB,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNqB,EAAUrB,EAAW,QACrBsB,EAAWtB,EAAW,SACtBuB,EAAavB,EAAW,WACxBwB,EAAaxB,EAAW"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEventHandler } from \"react\";\nimport { Density } from \"../../core\";\nimport { CloseIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nexport interface DismissAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n label: string;\n onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n density?: Density;\n dismissAction?: DismissAction;\n}\n\ntype Variant = \"info\" \| \"error\" \| \"warning\" \| \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n switch (variant) {\n case \"info\":\n return \"InfoTag\";\n case \"error\":\n return \"ErrorTag\";\n case \"warning\":\n return \"WarningTag\";\n case \"success\":\n return \"SuccessTag\";\n default:\n return \"Tag\";\n }\n}\n\nfunction tagFactory(variant?: Variant) {\n const Tag: FC<TagProps> = ({ className, density, dismissAction, children, ...rest }) => (\n <span\n className={clsx(\n \"jkl-tag\",\n {\n \"jkl-tag--info\": variant === \"info\",\n \"jkl-tag--error\": variant === \"error\",\n \"jkl-tag--warning\": variant === \"warning\",\n \"jkl-tag--success\": variant === \"success\",\n },\n className,\n )}\n data-density={density}\n {...rest}\n >\n {children}\n {dismissAction && (\n <IconButton\n className=\"jkl-tag__dismiss-action\"\n density={density}\n title={dismissAction.label}\n onClick={dismissAction.onClick}\n onFocus={dismissAction.onFocus}\n onBlur={dismissAction.onBlur}\n >\n <CloseIcon variant=\"small\" bold />\n </IconButton>\n )}\n </span>\n );\n Tag.displayName = getDisplayName(variant);\n return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","dismissAction","children","rest","jsxs","clsx","jsx","IconButton","title","label","onClick","onFocus","onBlur","CloseIcon","bold","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"ioDAiCA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,cAAAA,EAAeC,SAAAA,KAAaC,KACzEC,EAAAA,KAAC,OAAA,CACGL,UAAWM,EAAAA,KACP,UACA,CACI,gBAA6B,SAAZR,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVG,EAEHD,SAAA,CAAAA,EACAD,GACGK,EAAAA,IAACC,EAAAA,WAAA,CACGR,UAAU,0BACVC,QAAAA,EACAQ,MAAOP,EAAcQ,MACrBC,QAAST,EAAcS,QACvBC,QAASV,EAAcU,QACvBC,OAAQX,EAAcW,OAEtBV,SAACI,EAAAA,IAAAO,YAAA,CAAUhB,QAAQ,QAAQiB,MAAI,SAK/ChB,OAAAA,EAAIiB,YA9CR,SAAwBlB,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAiCsBmB,CAAenB,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNqB,EAAUrB,EAAW,QACrBsB,EAAWtB,EAAW,SACtBuB,EAAavB,EAAW,WACxBwB,EAAaxB,EAAW"}

package/build/cjs/components/text-input/BaseTextArea.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=t.forwardRef(((a,r)=>{const{autoExpand:s,counter:n,onBlur:o,onFocus:l,rows:i=7,placeholder:u=" ",startOpen:c,style:d,value:h,"aria-invalid":x,onChange:g,...v}=a,[f,p]=t.useState((()=>typeof h>"u"?0:"number"==typeof h?String(h).length:h.length)),[j,y]=t.useState(!1),m=t.useRef(null),_=r\|\|m;t.useEffect((()=>{const e=_.current;if(e){if(!s)return void(e.style.height="");j\|\|h?(e.style.height="auto",e.style.height=`${e.scrollHeight}px`):e.style.height=""}}),[s,_,h,j]);const k=(null==n?void 0:n.maxLength)\|\|0,w=k-f;const N=!(!x&&!(n&&f>k?`Du har skrevet ${f-k} tegn for mye`:void 0)),S={overflowX:s?"hidden":void 0};return e.jsxs("div",{className:"jkl-text-input-wrapper","data-invalid":N,"data-has-content":f>0,children:[e.jsx("textarea",{"aria-invalid":N,className:`jkl-text-area__text-area jkl-text-area__text-area--${i}-rows`,onBlur:function(e){y(!1),o&&o(e)},onFocus:function(e){y(!0),l&&l(e)},onChange:function(e){p(e.target.value.length),g&&g(e)},ref:_,style:{...d,...S},placeholder:u,value:h,...v}),n&&e.jsxs("div",{className:"jkl-text-area__counter","aria-hidden":"true",children:[e.jsxs("div",{className:"jkl-text-area__counter-count",children:[f," / ",k]}),!n.hideProgress&&e.jsx("div",{className:"jkl-text-area__counter-progress",style:{"--progress-width":(B=w,b=k,B<=0\|\|0===b?0:100*B/b)+"%"}})]})]});var B,b}));a.displayName="BaseTextArea",exports.BaseTextArea=a;
2	+ //# sourceMappingURL=BaseTextArea.js.map

package/build/cjs/components/text-input/BaseTextArea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseTextArea.js","sources":["../../../../src/components/text-input/BaseTextArea.tsx"],"sourcesContent":["import React, {\n type FocusEvent,\n forwardRef,\n type RefObject,\n type TextareaHTMLAttributes,\n useRef,\n useState,\n useEffect,\n ChangeEvent,\n} from \"react\";\n\ntype Counter = {\n /** Antall tegn før telleren når maksimum og vi viser en feilmelding */\n maxLength: number;\n /**\n * Med teller vises en progress-bar i bunnen av tekstfeltet som krymper\n * ned fra 100% (null tegn skrevet) til 0% (maks antall tegn skrevet).\n * Om du vil skjule den, sett denne propen til true.\n *\n * @default false\n */\n hideProgress?: boolean;\n};\n\nexport interface BaseTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"children\"> {\n /**\n * Viser en teller i tekstfeltet når det har fokus.\n */\n counter?: Counter;\n /** Sett antall rader skjemafeltet ekspanderes til ved focus. Innholdet scroller om feltet fylles med mer innhold enn det er plass til. */\n rows?: number;\n inline?: boolean;\n startOpen?: boolean;\n /** Gjør så skjemafeltet ekspanderer seg til å vise alt innhold i stedet for å scrolle */\n autoExpand?: boolean;\n}\n\nexport const BaseTextArea = forwardRef<HTMLTextAreaElement, BaseTextAreaProps>((props, ref) => {\n const {\n autoExpand,\n counter,\n onBlur,\n onFocus,\n rows = 7,\n placeholder = \" \", // This space intentionally left blank. Denne + rows trengs for å få den ekspanderende effekten.\n startOpen,\n style,\n value,\n \"aria-invalid\": ariaInvalid,\n onChange,\n ...rest\n } = props;\n\n const [counterCurrent, setCounterCurrent] = useState(() => {\n if (typeof value === \"undefined\") {\n return 0;\n } else if (typeof value === \"number\") {\n return String(value).length;\n } else {\n return value.length;\n }\n });\n const [textAreaFocused, setTextAreaFocused] = useState(false);\n const internalRef = useRef<HTMLTextAreaElement>(null);\n const textAreaRef = (ref as RefObject<HTMLTextAreaElement>) || internalRef;\n\n useEffect(() => {\n const textAreaElement = textAreaRef.current;\n if (textAreaElement) {\n if (!autoExpand) {\n textAreaElement.style.height = \"\";\n return;\n }\n\n if (textAreaFocused || value) {\n textAreaElement.style.height = \"auto\"; // Sett til auto før scrollhøyden leses, sånn at redusering av høyde ved sletting av tekst fungerer\n textAreaElement.style.height = `${textAreaElement.scrollHeight}px`;\n } else {\n textAreaElement.style.height = \"\";\n }\n }\n }, [autoExpand, textAreaRef, value, textAreaFocused]);\n\n function handleOnFocus(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(true);\n if (onFocus) {\n onFocus(e);\n }\n }\n\n function handleOnBlur(e: FocusEvent<HTMLTextAreaElement>) {\n setTextAreaFocused(false);\n if (onBlur) {\n onBlur(e);\n }\n }\n\n function handleOnChange(e: ChangeEvent<HTMLTextAreaElement>) {\n setCounterCurrent(e.target.value.length);\n if (onChange) {\n onChange(e);\n }\n }\n\n const counterTotal: number = counter?.maxLength || 0;\n const progressCurrent: number = counterTotal - counterCurrent;\n function calculatePercentage(current: number, total: number): number {\n if (current <= 0) {\n return 0;\n }\n return total === 0 ? 0 : (current * 100) / total;\n }\n const counterLabel =\n counter && counterCurrent > counterTotal\n ? `Du har skrevet ${counterCurrent - counterTotal} tegn for mye`\n : undefined;\n\n const invalid = Boolean(ariaInvalid || counterLabel);\n\n const overflowStyle = {\n overflowX: autoExpand ? \"hidden\" : undefined, // Must set overflowX hidden for Firefox https://stackoverflow.com/a/22700700\n } as React.CSSProperties;\n\n return (\n <div className=\"jkl-text-input-wrapper\" data-invalid={invalid} data-has-content={counterCurrent > 0}>\n <textarea\n aria-invalid={invalid}\n className={`jkl-text-area__text-area jkl-text-area__text-area--${rows}-rows`}\n onBlur={handleOnBlur}\n onFocus={handleOnFocus}\n onChange={handleOnChange}\n ref={textAreaRef}\n style={{ ...style, ...overflowStyle }}\n placeholder={placeholder}\n value={value}\n {...rest}\n />\n {counter && (\n <div className=\"jkl-text-area__counter\" aria-hidden=\"true\">\n <div className=\"jkl-text-area__counter-count\">\n {counterCurrent} / {counterTotal}\n </div>\n {!counter.hideProgress && (\n <div\n className=\"jkl-text-area__counter-progress\"\n style={{\n [\"--progress-width\" as string]: `${calculatePercentage(\n progressCurrent,\n counterTotal,\n )}%`,\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n});\nBaseTextArea.displayName = \"BaseTextArea\";\n"],"names":["BaseTextArea","forwardRef","props","ref","autoExpand","counter","onBlur","onFocus","rows","placeholder","startOpen","style","value","ariaInvalid","onChange","rest","counterCurrent","setCounterCurrent","useState","String","length","textAreaFocused","setTextAreaFocused","internalRef","useRef","textAreaRef","useEffect","textAreaElement","current","height","scrollHeight","counterTotal","maxLength","progressCurrent","invalid","overflowStyle","overflowX","jsxs","className","children","jsx","e","target","hideProgress","total","displayName"],"mappings":"wIAqCaA,EAAeC,EAAAA,YAAmD,CAACC,EAAOC,KAC7E,MACFC,WAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAO,EACPC,YAAAA,EAAc,IACdC,UAAAA,EACAC,MAAAA,EACAC,MAAAA,EACA,eAAgBC,EAChBC,SAAAA,KACGC,GACHb,GAEGc,EAAgBC,GAAqBC,YAAS,WACtCN,EAAU,IACV,EACiB,iBAAVA,EACPO,OAAOP,GAAOQ,OAEdR,EAAMQ,UAGdC,EAAiBC,GAAsBJ,YAAS,GACjDK,EAAcC,SAA4B,MAC1CC,EAAetB,GAA0CoB,EAE/DG,EAAAA,WAAU,KACN,MAAMC,EAAkBF,EAAYG,QACpC,GAAID,EAAiB,CACjB,IAAKvB,EAED,YADAuB,EAAgBhB,MAAMkB,OAAS,IAI/BR,GAAmBT,GACnBe,EAAgBhB,MAAMkB,OAAS,OAC/BF,EAAgBhB,MAAMkB,OAAS,GAAGF,EAAgBG,kBAElDH,EAAgBhB,MAAMkB,OAAS,EAEvC,IACD,CAACzB,EAAYqB,EAAab,EAAOS,IAuB9B,MAAAU,GAAuB,MAAA1B,SAAAA,EAAS2B,YAAa,EAC7CC,EAA0BF,EAAef,EAO/C,MAKMkB,KAAkBrB,KAJpBR,GAAWW,EAAiBe,EACtB,kBAAkBf,EAAiBe,sBACnC,IAIJI,EAAgB,CAClBC,UAAWhC,EAAa,cAAW,GAInC,OAAAiC,OAAC,OAAIC,UAAU,yBAAyB,eAAcJ,EAAS,mBAAkBlB,EAAiB,EAC9FuB,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACG,eAAcN,EACdI,UAAW,sDAAsD9B,SACjEF,OAtCZ,SAAsBmC,GAClBnB,GAAmB,GACfhB,GACAA,EAAOmC,EAEf,EAkCYlC,QA9CZ,SAAuBkC,GACnBnB,GAAmB,GACff,GACAA,EAAQkC,EAEhB,EA0CY3B,SAjCZ,SAAwB2B,GACFxB,EAAAwB,EAAEC,OAAO9B,MAAMQ,QAC7BN,GACAA,EAAS2B,EAEjB,EA6BYtC,IAAKsB,EACLd,MAAO,IAAKA,KAAUwB,GACtB1B,YAAAA,EACAG,MAAAA,KACIG,IAEPV,GACIgC,EAAAA,KAAA,MAAA,CAAIC,UAAU,yBAAyB,cAAY,OAChDC,SAAA,CAACF,EAAAA,KAAA,MAAA,CAAIC,UAAU,+BACVC,SAAA,CAAAvB,EAAe,MAAce,MAEhC1B,EAAQsC,cACNH,EAAAA,IAAC,MAAA,CACGF,UAAU,kCACV3B,MAAO,CACF,oBAxCAiB,EAyCGK,EAzCcW,EA0Cdb,EAzCxBH,GAAW,GAGE,IAAVgB,EAFI,EAEyB,IAAVhB,EAAiBgB,GAoCa,aAxCnD,IAAoBhB,EAAiBgB,CAiD1C,IAGR5C,EAAa6C,YAAc"}

package/build/cjs/components/text-input/BaseTextInput.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("classnames"),n=require("react"),i=require("../icon-button/IconButton.js");function a(t,e){return t?{width:t}:e?{width:`calc(${Math.min(e,40)}ch + 24px)`}:void 0}const s=n.forwardRef(((n,s)=>{const{action:l,align:r="left","aria-invalid":u,className:o="",density:c,maxLength:p,style:d,type:x="text",unit:m,width:h,...j}=n;return t.jsxs("div",{className:"jkl-text-input-wrapper","data-invalid":u,style:{...d,...a(h,p)},children:[t.jsx("input",{"aria-invalid":u,ref:s,className:e("jkl-text-input__input",o,{"jkl-text-input__input--align-right":"right"===r}),maxLength:p,type:x,...j}),m&&t.jsx("span",{className:"jkl-text-input__unit",children:m}),l&&t.jsx(i.IconButton,{density:c,className:e("jkl-text-input-action-button",l.className),title:l.label,onClick:l.onClick,onFocus:l.onFocus,onBlur:l.onBlur,ref:l.buttonRef,type:l.type\|\|"button",children:l.icon})]})}));s.displayName="BaseInputField",exports.BaseTextInput=s;
2	+ //# sourceMappingURL=BaseTextInput.js.map

package/build/cjs/components/text-input/BaseTextInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseTextInput.js","sources":["../../../../src/components/text-input/BaseTextInput.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, {\n type CSSProperties,\n forwardRef,\n type MouseEventHandler,\n type ReactNode,\n InputHTMLAttributes,\n HTMLProps,\n} from \"react\";\nimport { Density } from \"../../core\";\nimport { IconProps } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\n\nfunction getWidthAsStyle(width?: string, maxLength?: number): CSSProperties | undefined {\n if (width) {\n return { width }; // prioritize width prop\n }\n\n if (maxLength) {\n // adapt to maxLength, but capped at 40ch\n const length = `${Math.min(maxLength, 40)}ch`;\n const padding = \"24px\"; // left + right padding\n return { width: `calc(${length} + ${padding})` };\n }\n\n return undefined;\n}\n\ninterface ActionBaseProps extends Exclude<HTMLProps<HTMLButtonElement>, \"disabled\"> {\n icon: React.ReactElement<IconProps>;\n label: string;\n buttonRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport interface ActionButton extends ActionBaseProps {\n type?: \"button\" | \"reset\";\n onClick: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActionSubmit extends ActionBaseProps {\n type: \"submit\";\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport type Action = ActionButton | ActionSubmit;\n\nexport interface BaseTextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n /**\n * Brukes til inputfelter hvor det brukes maskering, for formatering av store tall. Brukes typisk bare til valuta.\n * @default \"left\"\n */\n align?: \"left\" | \"right\";\n action?: Action;\n density?: Density;\n /**\n * Benevnelse for feltet. Unngå å bruke både benevnelse og handling samtidig\n * @example \"kr\"\n * */\n unit?: ReactNode;\n width?: string;\n}\n\nexport const BaseTextInput = forwardRef<HTMLInputElement, BaseTextInputProps>((props, ref) => {\n const {\n action,\n align = \"left\",\n \"aria-invalid\": ariaInvalid,\n className = \"\",\n density,\n maxLength,\n style,\n type = \"text\",\n unit,\n width,\n ...rest\n } = props;\n\n return (\n <div\n className=\"jkl-text-input-wrapper\"\n data-invalid={ariaInvalid}\n style={{ ...style, ...getWidthAsStyle(width, maxLength) }}\n >\n <input\n aria-invalid={ariaInvalid}\n ref={ref}\n className={cn(\"jkl-text-input__input\", className, {\n \"jkl-text-input__input--align-right\": align === \"right\",\n })}\n maxLength={maxLength}\n type={type}\n {...rest}\n />\n {unit && <span className=\"jkl-text-input__unit\">{unit}</span>}\n {action && (\n <IconButton\n density={density}\n className={cn(\"jkl-text-input-action-button\", action.className)}\n title={action.label}\n onClick={action.onClick}\n onFocus={action.onFocus}\n onBlur={action.onBlur}\n ref={action.buttonRef}\n type={action.type || \"button\"}\n >\n {action.icon}\n </IconButton>\n )}\n </div>\n );\n});\n\nBaseTextInput.displayName = \"BaseInputField\";\n"],"names":["getWidthAsStyle","width","maxLength","Math","min","BaseTextInput","forwardRef","props","ref","action","align","ariaInvalid","className","density","style","type","unit","rest","jsxs","children","jsx","cn","IconButton","title","label","onClick","onFocus","onBlur","buttonRef","icon","displayName"],"mappings":"0MAaA,SAASA,EAAgBC,EAAgBC,GACrC,OAAID,EACO,CAAEA,MAAAA,GAGTC,EAIO,CAAED,MAAO,QAFEE,KAAKC,IAAIF,EAAW,sBAF1C,CAQJ,CAoCO,MAAMG,EAAgBC,EAAAA,YAAiD,CAACC,EAAOC,KAC5E,MACFC,OAAAA,EACAC,MAAAA,EAAQ,OACR,eAAgBC,EAChBC,UAAAA,EAAY,GACZC,QAAAA,EACAX,UAAAA,EACAY,MAAAA,EACAC,KAAAA,EAAO,OACPC,KAAAA,EACAf,MAAAA,KACGgB,GACHV,EAGA,OAAAW,EAAAA,KAAC,MAAA,CACGN,UAAU,yBACV,eAAcD,EACdG,MAAO,IAAKA,KAAUd,EAAgBC,EAAOC,IAE7CiB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACG,eAAcT,EACdH,IAAAA,EACAI,UAAWS,EAAG,wBAAyBT,EAAW,CAC9C,qCAAgD,UAAVF,IAE1CR,UAAAA,EACAa,KAAAA,KACIE,IAEPD,GAAQI,EAAAA,IAAC,OAAK,CAAAR,UAAU,uBAAwBO,SAAKH,IACrDP,GACGW,EAAAA,IAACE,EAAAA,WAAA,CACGT,QAAAA,EACAD,UAAWS,EAAG,+BAAgCZ,EAAOG,WACrDW,MAAOd,EAAOe,MACdC,QAAShB,EAAOgB,QAChBC,QAASjB,EAAOiB,QAChBC,OAAQlB,EAAOkB,OACfnB,IAAKC,EAAOmB,UACZb,KAAMN,EAAOM,MAAQ,SAEpBI,SAAOV,EAAAoB,SACZ,IAMhBxB,EAAcyB,YAAc"}

package/build/cjs/components/text-input/TextArea.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("classnames"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const n=require("../input-group/InputGroup.js"),i=require("./BaseTextArea.js"),s=r.forwardRef(((r,s)=>{const{autoExpand:c,className:t,counter:u,density:a,errorLabel:j,helpLabel:q,inline:l,label:p,labelProps:I,startOpen:d,supportLabelProps:h,tooltipProps:m,...x}=r,b={label:p,density:a,errorLabel:j,helpLabel:q,labelProps:I,inline:l,supportLabelProps:h,tooltipProps:m},A={autoExpand:c,counter:u,startOpen:d};return e.jsx(n.InputGroup,{className:o("jkl-text-area",t,{"jkl-text-area--start-open":d,"jkl-text-area--auto-expand":c}),"data-testid":"jkl-text-area",...b,children:e.jsx(i.BaseTextArea,{ref:s,...x,...A})})}));s.displayName="TextArea",exports.TextArea=s;
2	+ //# sourceMappingURL=TextArea.js.map

package/build/cjs/components/text-input/TextArea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/text-input/TextArea.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { InputGroup, InputGroupProps } from \"../input-group\";\nimport { BaseTextArea, BaseTextAreaProps } from \"./BaseTextArea\";\n\nexport interface TextAreaProps extends Omit<InputGroupProps, \"children\">, BaseTextAreaProps {}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => {\n const {\n autoExpand,\n className,\n counter,\n density,\n errorLabel,\n helpLabel,\n inline,\n label,\n labelProps,\n startOpen,\n supportLabelProps,\n tooltipProps,\n ...rest\n } = props;\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltipProps,\n };\n const textAreaProps = { autoExpand, counter, startOpen };\n return (\n <InputGroup\n className={cn(\"jkl-text-area\", className, {\n \"jkl-text-area--start-open\": startOpen,\n \"jkl-text-area--auto-expand\": autoExpand,\n })}\n data-testid=\"jkl-text-area\"\n {...inputGroupProps}\n >\n <BaseTextArea ref={ref} {...rest} {...textAreaProps} />\n </InputGroup>\n );\n});\nTextArea.displayName = \"TextArea\";\n"],"names":["TextArea","forwardRef","props","ref","autoExpand","className","counter","density","errorLabel","helpLabel","inline","label","labelProps","startOpen","supportLabelProps","tooltipProps","rest","inputGroupProps","textAreaProps","jsx","InputGroup","cn","children","BaseTextArea","displayName"],"mappings":"g2DAOaA,EAAWC,EAAAA,YAA+C,CAACC,EAAOC,KACrE,MACFC,WAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,aAAAA,KACGC,GACHd,EACEe,EAAkB,CACpBN,MAAAA,EACAJ,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAG,WAAAA,EACAF,OAAAA,EACAI,kBAAAA,EACAC,aAAAA,GAEEG,EAAgB,CAAEd,WAAAA,EAAYE,QAAAA,EAASO,UAAAA,GAEzC,OAAAM,EAAAA,IAACC,EAAAA,WAAA,CACGf,UAAWgB,EAAG,gBAAiBhB,EAAW,CACtC,4BAA6BQ,EAC7B,6BAA8BT,IAElC,cAAY,mBACRa,EAEJK,eAACC,eAAa,CAAApB,IAAAA,KAAca,KAAUE,KAAe,IAIjElB,EAASwB,YAAc"}

package/build/cjs/components/text-input/TextInput.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("classnames"),r=require("react");require("../../hooks/useScreen/useScreen.js"),require("../../hooks/useId/useId.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipContent.js"),require("../tooltip/TooltipTrigger.js"),require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const i=require("../input-group/InputGroup.js"),n=require("./BaseTextInput.js"),s=r.forwardRef(((r,s)=>{const{label:c,className:u,density:t,errorLabel:a,helpLabel:j,inline:l,inputClassName:q,labelProps:p,supportLabelProps:I,tooltipProps:d,...m}=r,h={label:c,density:t,errorLabel:a,helpLabel:j,labelProps:p,inline:l,supportLabelProps:I,tooltipProps:d};return e.jsx(i.InputGroup,{...h,className:o(u,"jkl-text-input",{"jkl-text-input--inline":l}),"data-testid":"jkl-text-input",density:l?"compact":t,children:e.jsx(n.BaseTextInput,{ref:s,...m,className:q})})}));s.displayName="TextInput",exports.TextInput=s;
2	+ //# sourceMappingURL=TextInput.js.map

package/build/cjs/components/text-input/TextInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextInput.js","sources":["../../../../src/components/text-input/TextInput.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { InputGroup, InputGroupProps } from \"../input-group\";\nimport { BaseTextInput, BaseTextInputProps } from \"./BaseTextInput\";\n\nexport interface TextInputProps extends Omit<InputGroupProps, \"children\">, BaseTextInputProps {\n \"data-testautoid\"?: string;\n inline?: boolean;\n inputClassName?: string;\n}\n\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {\n const {\n label,\n className,\n density,\n errorLabel,\n helpLabel,\n inline,\n inputClassName,\n labelProps,\n supportLabelProps,\n tooltipProps,\n ...rest\n } = props;\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltipProps,\n };\n return (\n <InputGroup\n {...inputGroupProps}\n className={cn(className, \"jkl-text-input\", {\n \"jkl-text-input--inline\": inline,\n })}\n data-testid=\"jkl-text-input\"\n density={inline ? \"compact\" : density}\n >\n <BaseTextInput ref={ref} {...rest} className={inputClassName} />\n </InputGroup>\n );\n});\n\nTextInput.displayName = \"TextInput\";\n"],"names":["TextInput","forwardRef","props","ref","label","className","density","errorLabel","helpLabel","inline","inputClassName","labelProps","supportLabelProps","tooltipProps","rest","inputGroupProps","jsx","InputGroup","cn","children","BaseTextInput","displayName"],"mappings":"i2DAWaA,EAAYC,EAAAA,YAA6C,CAACC,EAAOC,KACpE,MACFC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,eAAAA,EACAC,WAAAA,EACAC,kBAAAA,EACAC,aAAAA,KACGC,GACHZ,EACEa,EAAkB,CACpBX,MAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAG,WAAAA,EACAF,OAAAA,EACAG,kBAAAA,EACAC,aAAAA,GAGA,OAAAG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJV,UAAWa,EAAGb,EAAW,iBAAkB,CACvC,yBAA0BI,IAE9B,cAAY,iBACZH,QAASG,EAAS,UAAYH,EAE9Ba,eAACC,EAAAA,cAAc,CAAAjB,IAAAA,KAAcW,EAAMT,UAAWK,KAAgB,IAK1EV,EAAUqB,YAAc"}

package/build/cjs/components/text-input/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BaseTextArea.js"),t=require("./BaseTextInput.js"),r=require("./TextArea.js"),s=require("./TextInput.js");exports.BaseTextArea=e.BaseTextArea,exports.BaseTextInput=t.BaseTextInput,exports.TextArea=r.TextArea,exports.TextInput=s.TextInput;
2	+ //# sourceMappingURL=index.js.map

package/build/cjs/components/text-input/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/tooltip/PopupTip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("classnames"),i=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js");const e=require("../icon/icons/QuestionIcon.js");require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const r=require("./Tooltip.js"),c=require("./TooltipContent.js"),s=require("./TooltipTrigger.js");exports.PopupTip=({content:u,triggerProps:t,...j})=>{const[l,q]=i.useState(!1);return o.jsxs(r.Tooltip,{triggerOn:"click",...j,children:[o.jsx(s.TooltipTrigger,{children:o.jsxs("button",{...t,onFocus:o=>{var n;q(!0),null==(n=null==t?void 0:t.onFocus)||n.call(t,o)},onBlur:o=>{var n;q(!1),null==(n=null==t?void 0:t.onBlur)||n.call(t,o)},type:"button",className:n("jkl-tooltip-question-button",null==t?void 0:t.className),children:[o.jsx(e.QuestionIcon,{variant:"inherit",bold:l}),o.jsx("span",{className:"jkl-sr-only",children:"Vis hjelpetekst"})]})}),o.jsx(c.TooltipContent,{children:u})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),i=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js"),require("../icon/icons/ArrowRightIcon.js"),require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js");const r=require("../icon/icons/QuestionIcon.js");require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const e=require("./Tooltip.js"),c=require("./TooltipContent.js"),s=require("./TooltipTrigger.js");exports.PopupTip=({content:u,triggerProps:t,...j})=>{const[l,q]=i.useState(!1);return o.jsxs(e.Tooltip,{triggerOn:"click",...j,children:[o.jsx(s.TooltipTrigger,{children:o.jsxs("button",{...t,onFocus:o=>{var n;q(!0),null==(n=null==t?void 0:t.onFocus)||n.call(t,o)},onBlur:o=>{var n;q(!1),null==(n=null==t?void 0:t.onBlur)||n.call(t,o)},type:"button",className:n.clsx("jkl-tooltip-question-button",null==t?void 0:t.className),children:[o.jsx(r.QuestionIcon,{variant:"inherit",bold:l}),o.jsx("span",{className:"jkl-sr-only",children:"Vis hjelpetekst"})]})}),o.jsx(c.TooltipContent,{children:u})]})};
 //# sourceMappingURL=PopupTip.js.map

package/build/cjs/components/tooltip/PopupTip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopupTip.js","sources":["../../../../src/components/tooltip/PopupTip.tsx"],"sourcesContent":["import cn from \"~~classnames~~\";\nimport React, { useState, type FC, type ReactNode, HTMLProps, FocusEventHandler } from \"react\";\nimport { QuestionIcon } from \"../icon\";\nimport { Tooltip, type TooltipProps } from \"./Tooltip\";\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipTrigger } from \"./TooltipTrigger\";\n\nexport interface PopupTipProps extends Omit<TooltipProps, \"triggerOn\" \| \"children\"> {\n /*\n Innholdet i tooltipet som vises\n /\n content: ReactNode;\n /\n Eventuelle props du vil sette på trigger-knappen for tooltipet\n */\n triggerProps?: Omit<HTMLProps<HTMLButtonElement>, \"children\" \| \"type\">;\n}\n\nexport const PopupTip: FC<PopupTipProps> = ({ content, triggerProps, ...tooltipProps }) => {\n const [isBold, setIsBold] = useState(false);\n\n const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n setIsBold(true);\n triggerProps?.onFocus?.(event);\n };\n const handleBlur: FocusEventHandler<HTMLButtonElement> = (event) => {\n setIsBold(false);\n triggerProps?.onBlur?.(event);\n };\n\n return (\n <Tooltip triggerOn=\"click\" {...tooltipProps}>\n <TooltipTrigger>\n <button\n {...triggerProps}\n onFocus={handleFocus}\n onBlur={handleBlur}\n type=\"button\"\n className={cn(\"jkl-tooltip-question-button\", triggerProps?.className)}\n >\n <QuestionIcon variant=\"inherit\" bold={isBold} />\n <span className=\"jkl-sr-only\">Vis hjelpetekst</span>\n </button>\n </TooltipTrigger>\n <TooltipContent>{content}</TooltipContent>\n </Tooltip>\n );\n};\n"],"names":["content","triggerProps","tooltipProps","isBold","setIsBold","useState","jsxs","Tooltip","triggerOn","children","jsx","TooltipTrigger","onFocus","event","_a","call","onBlur","type","className","cn","QuestionIcon","variant","bold","TooltipContent"],"mappings":"~~usDAkB2C~~,EAAGA,QAAAA,EAASC,aAAAA,KAAiBC,MACpE,MAAOC,EAAQC,GAAaC,YAAS,GAWrC,OACKC,EAAAA,KAAAC,EAAAA,QAAA,CAAQC,UAAU,WAAYN,EAC3BO,SAAA,CAAAC,MAACC,EAAAA,eACG,CAAAF,SAAAH,EAAAA,KAAC,SAAA,IACOL,EACJW,QAd2CC,UACvDT,GAAU,GACV,OAAAU,EAAA,MAAAb,SAAAA,EAAcW,UAAdE,EAAAC,KAAAd,EAAwBY,EAAK,EAajBG,OAX0CH,UACtDT,GAAU,GACV,OAAAU,EAAA,MAAAb,OAAAA,EAAAA,EAAce,SAAdF,EAAAC,KAAAd,EAAuBY,EAAAA,EAUXI,KAAK,SACLC,UAAWC,~~EAAG~~,8BAA+B,MAAAlB,SAAAA,EAAciB,~~WAE3DT~~,SAAA,CAAAC,EAAAA,IAACU,EAAaA,aAAA,CAAAC,QAAQ,UAAUC,KAAMnB,IACrCO,EAAAA,IAAA,OAAA,CAAKQ,UAAU,cAAcT,SAAe,yBAGrDC,EAAAA,IAACa,kBAAgBd,SAAQT,MAC7B"}
1	+ {"version":3,"file":"PopupTip.js","sources":["../../../../src/components/tooltip/PopupTip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState, type FC, type ReactNode, HTMLProps, FocusEventHandler } from \"react\";\nimport { QuestionIcon } from \"../icon\";\nimport { Tooltip, type TooltipProps } from \"./Tooltip\";\nimport { TooltipContent } from \"./TooltipContent\";\nimport { TooltipTrigger } from \"./TooltipTrigger\";\n\nexport interface PopupTipProps extends Omit<TooltipProps, \"triggerOn\" \| \"children\"> {\n /*\n Innholdet i tooltipet som vises\n /\n content: ReactNode;\n /\n Eventuelle props du vil sette på trigger-knappen for tooltipet\n */\n triggerProps?: Omit<HTMLProps<HTMLButtonElement>, \"children\" \| \"type\">;\n}\n\nexport const PopupTip: FC<PopupTipProps> = ({ content, triggerProps, ...tooltipProps }) => {\n const [isBold, setIsBold] = useState(false);\n\n const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n setIsBold(true);\n triggerProps?.onFocus?.(event);\n };\n const handleBlur: FocusEventHandler<HTMLButtonElement> = (event) => {\n setIsBold(false);\n triggerProps?.onBlur?.(event);\n };\n\n return (\n <Tooltip triggerOn=\"click\" {...tooltipProps}>\n <TooltipTrigger>\n <button\n {...triggerProps}\n onFocus={handleFocus}\n onBlur={handleBlur}\n type=\"button\"\n className={clsx(\"jkl-tooltip-question-button\", triggerProps?.className)}\n >\n <QuestionIcon variant=\"inherit\" bold={isBold} />\n <span className=\"jkl-sr-only\">Vis hjelpetekst</span>\n </button>\n </TooltipTrigger>\n <TooltipContent>{content}</TooltipContent>\n </Tooltip>\n );\n};\n"],"names":["content","triggerProps","tooltipProps","isBold","setIsBold","useState","jsxs","Tooltip","triggerOn","children","jsx","TooltipTrigger","onFocus","event","_a","call","onBlur","type","className","clsx","QuestionIcon","variant","bold","TooltipContent"],"mappings":"utDAkB2C,EAAGA,QAAAA,EAASC,aAAAA,KAAiBC,MACpE,MAAOC,EAAQC,GAAaC,YAAS,GAWrC,OACKC,EAAAA,KAAAC,EAAAA,QAAA,CAAQC,UAAU,WAAYN,EAC3BO,SAAA,CAAAC,MAACC,EAAAA,eACG,CAAAF,SAAAH,EAAAA,KAAC,SAAA,IACOL,EACJW,QAd2CC,UACvDT,GAAU,GACV,OAAAU,EAAA,MAAAb,SAAAA,EAAcW,UAAdE,EAAAC,KAAAd,EAAwBY,EAAK,EAajBG,OAX0CH,UACtDT,GAAU,GACV,OAAAU,EAAA,MAAAb,OAAAA,EAAAA,EAAce,SAAdF,EAAAC,KAAAd,EAAuBY,EAAAA,EAUXI,KAAK,SACLC,UAAWC,EAAAA,KAAK,8BAA+B,MAAAlB,SAAAA,EAAciB,WAE7DT,SAAA,CAAAC,EAAAA,IAACU,EAAaA,aAAA,CAAAC,QAAQ,UAAUC,KAAMnB,IACrCO,EAAAA,IAAA,OAAA,CAAKQ,UAAU,cAAcT,SAAe,yBAGrDC,EAAAA,IAACa,kBAAgBd,SAAQT,MAC7B"}

package/build/cjs/components/tooltip/TooltipContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("classnames"),s=require("framer-motion"),i=require("react");require("../../hooks/useScreen/useScreen.js");const n=require("../../hooks/useId/useId.js"),o=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=i.forwardRef((function({className:i,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=o.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=n.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsxs(s.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(s.motion.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r("jkl-tooltip-content",i),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})}));exports.TooltipContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),r=require("../../../clsx-E3yX_9sL.cjs"),s=require("framer-motion"),i=require("react");require("../../hooks/useScreen/useScreen.js");const o=require("../../hooks/useId/useId.js"),n=require("./Tooltip.js");function a(e,t=8){switch(!0){case e.startsWith("top"):return{top:t};case e.startsWith("left"):return{left:t,right:-t};case e.startsWith("bottom"):return{top:-t};case e.startsWith("right"):return{left:-t,right:t};default:return{top:t}}}const l=i.forwardRef((function({className:i,children:l,...c},u){const{triggerOn:p,arrowElement:d,isOpen:f,getFloatingProps:h,placement:g,isPositioned:m,middlewareData:{arrow:j},floatingStyles:x,refs:y}=n.useTooltipContext(),k=t.useMergeRefs([u,y.setFloating]),q=o.useId("jkl-tooltip-content");let v;if(y.reference.current){const e=getComputedStyle(y.reference.current).getPropertyValue("--jkl-background-color");v=parseInt(e.replace("#",""),16)<8388607.5?"dark":"light"}return e.jsx(t.FloatingPortal,{children:e.jsxs(s.AnimatePresence,{children:["hover"===p&&e.jsx("span",{ref:y.setDescription,hidden:!0,children:l},`${q}-trigger`),f&&e.jsx("span",{className:"jkl",children:e.jsxs(s.motion.span,{ref:k,initial:{opacity:0,...a(g,5)},animate:{opacity:1,...a(g,0)},exit:{opacity:0,...a(g,-5),transition:{ease:"easeIn",duration:.15}},transition:{ease:"easeOut",duration:.25},"data-placement":g,"aria-live":"click"===p?"assertive":void 0,className:r.clsx("jkl-tooltip-content",i),...h({...c,id:q}),style:{...x},"data-theme":v,children:[l,e.jsx("span",{"aria-hidden":!0,className:"jkl-tooltip-content__arrow",ref:d,style:{left:m?`${null==j?void 0:j.x}px`:"",top:m?`${null==j?void 0:j.y}px`:""}})]},q)},`${q}-wrapper`)]})})}));exports.TooltipContent=l;
 //# sourceMappingURL=TooltipContent.js.map

package/build/cjs/components/tooltip/TooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport cn from \"~~classnames~~\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n let theme: string \| undefined;\n if (refs.reference.current) {\n const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n \"--jkl-background-color\",\n );\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n }\n\n return (\n <FloatingPortal>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <motion.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={cn(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </motion.span>\n </span>\n )}\n </AnimatePresence>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","cn","id","style","x","y"],"mappings":"~~iVAOA~~,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAAAA,IAACC,EAAAA,eACG,CAAA3B,SAAA4B,EAAAA,KAACC,EAAAA,gBAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAAA,IAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAAA,IAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAAAA,KAACI,EAAAA,OAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,~~GAAW~~,~~GACnC~~+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,~~EAAG~~,sBAAuB1C,~~MACjCO~~,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,SAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,SAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}
1	+ {"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { type Placement, useMergeRefs, FloatingPortal } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { HTMLProps, forwardRef } from \"react\";\nimport { useId } from \"../../hooks\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nfunction getPositionAnimation(placement: Placement, value: number = 8) {\n switch (true) {\n case placement.startsWith(\"top\"):\n return {\n top: value,\n };\n case placement.startsWith(\"left\"):\n return {\n left: value,\n right: -value,\n };\n case placement.startsWith(\"bottom\"):\n return {\n top: -value,\n };\n case placement.startsWith(\"right\"):\n return {\n left: -value,\n right: value,\n };\n\n default:\n return {\n top: value,\n };\n }\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(function TooltipContent(\n { className, children, ...props },\n forwardedRef,\n) {\n const {\n triggerOn,\n arrowElement,\n isOpen,\n getFloatingProps,\n placement,\n isPositioned,\n middlewareData: { arrow },\n floatingStyles,\n refs,\n } = useTooltipContext();\n const ref = useMergeRefs([forwardedRef, refs.setFloating]);\n const contentId = useId(\"jkl-tooltip-content\");\n\n // Siden tooltipet rendres på rot må vi hente lokal dark/light-verdi fra triggeren\n // Vi må gjøre dette for å ta hensyn til at tema kan styres lokalt for deler av UIet\n let theme: string \| undefined;\n if (refs.reference.current) {\n const backgroundColor = getComputedStyle(refs.reference.current as HTMLElement).getPropertyValue(\n \"--jkl-background-color\",\n );\n // Sett theme til dark hvis bakgrunnsfargen er mørkere enn 50% av hvit\n // dette gir oss slingringsmonn i tilfelle verdien av Jøkuls bakgrunnsfarge endres\n theme = parseInt(backgroundColor.replace(\"#\", \"\"), 16) < 0xffffff / 2 ? \"dark\" : \"light\";\n }\n\n return (\n <FloatingPortal>\n <AnimatePresence>\n {/* For å kunne bruke tekstinnholdet i tooltip som beskrivende tekst, selv når ikke\n tooltip er synlig, må vi rendre et skjult element å referere til for å hente innholdet. */}\n {triggerOn === \"hover\" && (\n <span ref={refs.setDescription} hidden key={`${contentId}-trigger`}>\n {children}\n </span>\n )}\n {isOpen && (\n <span className=\"jkl\" key={`${contentId}-wrapper`}>\n <motion.span\n key={contentId}\n ref={ref}\n initial={{ opacity: 0, ...getPositionAnimation(placement, 5) }}\n animate={{ opacity: 1, ...getPositionAnimation(placement, 0) }}\n exit={{\n opacity: 0,\n ...getPositionAnimation(placement, -5),\n transition: { ease: \"easeIn\", duration: 0.15 },\n }}\n transition={{ ease: \"easeOut\", duration: 0.25 }}\n data-placement={placement}\n aria-live={triggerOn === \"click\" ? \"assertive\" : undefined}\n className={clsx(\"jkl-tooltip-content\", className)}\n {...getFloatingProps({ ...props, id: contentId })}\n style={{ ...floatingStyles }}\n data-theme={theme}\n >\n {children}\n <span\n aria-hidden\n className=\"jkl-tooltip-content__arrow\"\n ref={arrowElement}\n style={{\n left: isPositioned ? `${arrow?.x}px` : \"\",\n top: isPositioned ? `${arrow?.y}px` : \"\",\n }}\n />\n </motion.span>\n </span>\n )}\n </AnimatePresence>\n </FloatingPortal>\n );\n});\n"],"names":["getPositionAnimation","placement","value","startsWith","top","left","right","TooltipContent","forwardRef","className","children","props","forwardedRef","triggerOn","arrowElement","isOpen","getFloatingProps","isPositioned","middlewareData","arrow","floatingStyles","refs","useTooltipContext","ref","useMergeRefs","setFloating","contentId","useId","theme","reference","current","backgroundColor","getComputedStyle","getPropertyValue","parseInt","replace","jsx","FloatingPortal","jsxs","AnimatePresence","setDescription","hidden","motion","span","initial","opacity","animate","exit","transition","ease","duration","clsx","id","style","x","y"],"mappings":"iWAOA,SAASA,EAAqBC,EAAsBC,EAAgB,GAChE,QAAQ,GACJ,KAAKD,EAAUE,WAAW,OACf,MAAA,CACHC,IAAKF,GAEb,KAAKD,EAAUE,WAAW,QACf,MAAA,CACHE,KAAMH,EACNI,OAAQJ,GAEhB,KAAKD,EAAUE,WAAW,UACf,MAAA,CACHC,KAAMF,GAEd,KAAKD,EAAUE,WAAW,SACf,MAAA,CACHE,MAAOH,EACPI,MAAOJ,GAGf,QACW,MAAA,CACHE,IAAKF,GAGrB,CAEa,MAAAK,EAAiBC,EAAAA,YAAsD,UAC9EC,UAAAA,EAAWC,SAAAA,KAAaC,GAC1BC,GAEM,MACFC,UAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,iBAAAA,EACAf,UAAAA,EACAgB,aAAAA,EACAC,gBAAkBC,MAAAA,GAClBC,eAAAA,EACAC,KAAAA,GACAC,EAAkBA,oBAChBC,EAAMC,EAAAA,aAAa,CAACZ,EAAcS,EAAKI,cACvCC,EAAYC,QAAM,uBAIpB,IAAAC,EACA,GAAAP,EAAKQ,UAAUC,QAAS,CACxB,MAAMC,EAAkBC,iBAAiBX,EAAKQ,UAAUC,SAAwBG,iBAC5E,0BAIIL,EAAAM,SAASH,EAAgBI,QAAQ,IAAK,IAAK,IAAM,UAAe,OAAS,OACrF,CAGI,OAAAC,EAAAA,IAACC,EAAAA,eACG,CAAA3B,SAAA4B,EAAAA,KAACC,EAAAA,gBAGI,CAAA7B,SAAA,CAAc,UAAAG,GACVuB,EAAAA,IAAA,OAAA,CAAKb,IAAKF,EAAKmB,eAAgBC,QAAM,EACjC/B,SAAAA,GADuC,GAAGgB,aAIlDX,GACGqB,EAAAA,IAAC,OAAK,CAAA3B,UAAU,MACZC,SAAA4B,EAAAA,KAACI,EAAAA,OAAOC,KAAP,CAEGpB,IAAAA,EACAqB,QAAS,CAAEC,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D6C,QAAS,CAAED,QAAS,KAAM7C,EAAqBC,EAAW,IAC1D8C,KAAM,CACFF,QAAS,KACN7C,EAAqBC,GAAa,GACrC+C,WAAY,CAAEC,KAAM,SAAUC,SAAU,MAE5CF,WAAY,CAAEC,KAAM,UAAWC,SAAU,KACzC,iBAAgBjD,EAChB,YAAyB,UAAdY,EAAwB,iBAAc,EACjDJ,UAAW0C,EAAAA,KAAK,sBAAuB1C,MACnCO,EAAiB,IAAKL,EAAOyC,GAAI1B,IACrC2B,MAAO,IAAKjC,GACZ,aAAYQ,EAEXlB,SAAA,CAAAA,EACD0B,EAAAA,IAAC,OAAA,CACG,eAAW,EACX3B,UAAU,6BACVc,IAAKT,EACLuC,MAAO,CACHhD,KAAMY,EAAe,GAAG,MAAAE,SAAAA,EAAOmC,MAAQ,GACvClD,IAAKa,EAAe,GAAG,MAAAE,SAAAA,EAAOoC,MAAQ,QAxBzC7B,IAFc,GAAGA,iBAmClD"}

package/build/cjs/components/tooltip/TooltipTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),t=require("classnames"),o=require("react"),n=require("./Tooltip.js"),l=o.forwardRef((function({children:l,className:s,...i},a){var c,p;const{isOpen:u,setOpen:f,getReferenceProps:d,refs:g,triggerOn:m}=n.useTooltipContext(),x=l.ref,b=r.useMergeRefs([x,g.setReference,a]),j=()=>{"click"===m&&f(!1)},q=[null==(c=g.reference.current)?void 0:c.textContent,null==(p=g.description.current)?void 0:p.textContent].filter(Boolean).join(". ");return o.isValidElement(l)?o.cloneElement(l,d({ref:b,"aria-label":q,...l.props,...i,className:t(l.props.className,s),"data-tooltip-shown":u,style:{...l.props.style},tabIndex:"click"===m?0:void 0,onBlur:()=>{l.props.onBlur&&l.props.onBlur(),j()}})):e.jsx("button",{"data-tooltip-shown":u,...d({className:t(s,"jkl-tooltip-trigger"),type:"button",ref:b,onBlur:j,"aria-label":q,...i}),children:l})}));exports.TooltipTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),t=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),l=require("./Tooltip.js"),n=o.forwardRef((function({children:n,className:s,...i},a){var c,p;const{isOpen:u,setOpen:f,getReferenceProps:d,refs:g,triggerOn:x}=l.useTooltipContext(),m=n.ref,b=r.useMergeRefs([m,g.setReference,a]),j=()=>{"click"===x&&f(!1)},q=[null==(c=g.reference.current)?void 0:c.textContent,null==(p=g.description.current)?void 0:p.textContent].filter(Boolean).join(". ");return o.isValidElement(n)?o.cloneElement(n,d({ref:b,"aria-label":q,...n.props,...i,className:t.clsx(n.props.className,s),"data-tooltip-shown":u,style:{...n.props.style},tabIndex:"click"===x?0:void 0,onBlur:()=>{n.props.onBlur&&n.props.onBlur(),j()}})):e.jsx("button",{"data-tooltip-shown":u,...d({className:t.clsx(s,"jkl-tooltip-trigger"),type:"button",ref:b,onBlur:j,"aria-label":q,...i}),children:n})}));exports.TooltipTrigger=n;
 //# sourceMappingURL=TooltipTrigger.js.map

package/build/cjs/components/tooltip/TooltipTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport cn from \"~~classnames~~\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(function TooltipTrigger(\n { children, className, ...props },\n forwardedRef,\n) {\n const { isOpen, setOpen, getReferenceProps, refs, triggerOn } = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([childrenRef, refs.setReference, forwardedRef]);\n\n const handleBlur = () => {\n triggerOn === \"click\" && setOpen(false);\n };\n\n const ariaLabel = [\n (refs.reference.current as HTMLElement \| null)?.textContent,\n refs.description.current?.textContent,\n ]\n .filter(Boolean)\n .join(\". \");\n\n if (React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n \"aria-label\": ariaLabel,\n ...children.props,\n ...props,\n className: cn(children.props.className, className),\n \"data-tooltip-shown\": isOpen,\n style: { ...children.props.style },\n tabIndex: triggerOn === \"click\" ? 0 : undefined,\n onBlur: () => {\n children.props.onBlur && children.props.onBlur();\n handleBlur();\n },\n }),\n );\n }\n\n return (\n <button\n data-tooltip-shown={isOpen}\n {...getReferenceProps({\n className: cn(className, \"jkl-tooltip-trigger\"),\n // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n type: \"button\",\n ref,\n onBlur: handleBlur,\n \"aria-label\": ariaLabel,\n ...props,\n })}\n >\n {children}\n </button>\n );\n});\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","filter","Boolean","join","React","isValidElement","cloneElement","cn","style","tabIndex","onBlur","jsx","type"],"mappings":"~~0NAKaA~~,EAAiBC,EAAAA,YAAgD,UACxEC,SAAAA,EAAUC,UAAAA,KAAcC,GAC1BC,WAEA,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAAcC,EAAAA,oBAC1DC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAAA,aAAa,CAACF,EAAaH,EAAKM,aAAcV,IAEpDW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EAGpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,~~gBAAfF~~,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,~~gBAAjBE~~,EAA0BD,aAEzBG,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe1B,GACdyB,EAAME,aACT3B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW2B,~~EAAG5B~~,EAASE,MAAMD,UAAWA,~~GACxC~~,qBAAsBG,EACtByB,MAAO,IAAK7B,EAASE,MAAM2B,OAC3BC,SAAwB,UAAdtB,EAAwB,OAAI,EACtCuB,OAAQ,KACJ/B,EAASE,MAAM6B,QAAU/B,EAASE,MAAM6B,SAC7BjB,QAOvBkB,EAAAA,IAAC,SAAA,CACG,qBAAoB5B,KAChBE,EAAkB,CAClBL,UAAW2B,~~EAAG3B~~,EAAW,~~uBAEzBgC~~,KAAM,SACNtB,IAAAA,EACAoB,OAAQjB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}
1	+ {"version":3,"file":"TooltipTrigger.js","sources":["../../../../src/components/tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { useMergeRefs } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport React, { forwardRef, type HTMLProps } from \"react\";\nimport { useTooltipContext } from \"./Tooltip\";\n\nexport const TooltipTrigger = forwardRef<HTMLElement, HTMLProps<HTMLElement>>(function TooltipTrigger(\n { children, className, ...props },\n forwardedRef,\n) {\n const { isOpen, setOpen, getReferenceProps, refs, triggerOn } = useTooltipContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([childrenRef, refs.setReference, forwardedRef]);\n\n const handleBlur = () => {\n triggerOn === \"click\" && setOpen(false);\n };\n\n const ariaLabel = [\n (refs.reference.current as HTMLElement \| null)?.textContent,\n refs.description.current?.textContent,\n ]\n .filter(Boolean)\n .join(\". \");\n\n if (React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n \"aria-label\": ariaLabel,\n ...children.props,\n ...props,\n className: clsx(children.props.className, className),\n \"data-tooltip-shown\": isOpen,\n style: { ...children.props.style },\n tabIndex: triggerOn === \"click\" ? 0 : undefined,\n onBlur: () => {\n children.props.onBlur && children.props.onBlur();\n handleBlur();\n },\n }),\n );\n }\n\n return (\n <button\n data-tooltip-shown={isOpen}\n {...getReferenceProps({\n className: clsx(className, \"jkl-tooltip-trigger\"),\n // Sørg for at vi ikke sender inn skjemaer ved klikk på knappen\n type: \"button\",\n ref,\n onBlur: handleBlur,\n \"aria-label\": ariaLabel,\n ...props,\n })}\n >\n {children}\n </button>\n );\n});\n"],"names":["TooltipTrigger","forwardRef","children","className","props","forwardedRef","isOpen","setOpen","getReferenceProps","refs","triggerOn","useTooltipContext","childrenRef","ref","useMergeRefs","setReference","handleBlur","ariaLabel","_a","reference","current","textContent","_b","description","filter","Boolean","join","React","isValidElement","cloneElement","clsx","style","tabIndex","onBlur","jsx","type"],"mappings":"0OAKaA,EAAiBC,EAAAA,YAAgD,UACxEC,SAAAA,EAAUC,UAAAA,KAAcC,GAC1BC,WAEA,MAAQC,OAAAA,EAAQC,QAAAA,EAASC,kBAAAA,EAAmBC,KAAAA,EAAMC,UAAAA,GAAcC,EAAAA,oBAC1DC,EAAeV,EAAiBW,IAChCA,EAAMC,EAAAA,aAAa,CAACF,EAAaH,EAAKM,aAAcV,IAEpDW,EAAa,KACD,UAAAN,GAAWH,GAAQ,EAAK,EAGpCU,EAAY,CACb,OAAAC,EAAAT,EAAKU,UAAUC,cAAf,EAAAF,EAA+CG,YAChD,OAAAC,EAAAb,EAAKc,YAAYH,cAAjB,EAAAE,EAA0BD,aAEzBG,OAAOC,SACPC,KAAK,MAEN,OAAAC,EAAMC,eAAe1B,GACdyB,EAAME,aACT3B,EACAM,EAAkB,CACdK,IAAAA,EACA,aAAcI,KACXf,EAASE,SACTA,EACHD,UAAW2B,EAAAA,KAAK5B,EAASE,MAAMD,UAAWA,GAC1C,qBAAsBG,EACtByB,MAAO,IAAK7B,EAASE,MAAM2B,OAC3BC,SAAwB,UAAdtB,EAAwB,OAAI,EACtCuB,OAAQ,KACJ/B,EAASE,MAAM6B,QAAU/B,EAASE,MAAM6B,SAC7BjB,QAOvBkB,EAAAA,IAAC,SAAA,CACG,qBAAoB5B,KAChBE,EAAkB,CAClBL,UAAW2B,EAAAA,KAAK3B,EAAW,uBAE3BgC,KAAM,SACNtB,IAAAA,EACAoB,OAAQjB,EACR,aAAcC,KACXb,IAGNF,SAAAA,GAGb"}

package/build/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/card/Card.js"),o=require("./components/card/CardImage.js"),r=require("./components/card/NavCard.js"),s=require("./components/card/TaskCard.js"),n=require("./components/card/InfoCard.js"),t=require("./components/icon/Icon.js"),i=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),u=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),c=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),a=require("./components/icon/icons/ArrowDownIcon.js"),p=require("./components/icon/icons/ArrowLeftIcon.js"),m=require("./components/icon/icons/ArrowNorthEastIcon.js"),l=require("./components/icon/icons/ArrowRightIcon.js"),I=require("./components/icon/icons/ArrowUpIcon.js"),x=require("./components/icon/icons/CalendarIcon.js"),j=require("./components/icon/icons/CheckIcon.js"),d=require("./components/icon/icons/ChevronDownIcon.js"),k=require("./components/icon/icons/ChevronLeftIcon.js"),q=require("./components/icon/icons/ChevronRightIcon.js"),g=require("./components/icon/icons/ChevronUpIcon.js"),h=require("./components/icon/icons/CloseIcon.js"),f=require("./components/icon/icons/CopyIcon.js"),S=require("./components/icon/icons/DotsIcon.js"),A=require("./components/icon/icons/DragIcon.js"),T=require("./components/icon/icons/ErrorIcon.js"),C=require("./components/icon/icons/GreenCheckIcon.js"),L=require("./components/icon/icons/HamburgerIcon.js"),v=require("./components/icon/icons/InfoIcon.js"),E=require("./components/icon/icons/LinkIcon.js"),R=require("./components/icon/icons/PlusIcon.js"),w=require("./components/icon/icons/QuestionIcon.js"),b=require("./components/icon/icons/RedCrossIcon.js"),M=require("./components/icon/icons/SearchIcon.js"),N=require("./components/icon/icons/SuccessIcon.js"),O=require("./components/icon/icons/WarningIcon.js"),G=require("./components/icon/icons/MinusIcon.js"),P=require("./components/icon/icons/ThumbDownIcon.js"),D=require("./components/icon/icons/ThumbUpIcon.js"),B=require("./components/icon/icons/TrashCanIcon.js"),H=require("./components/icon/icons/PenIcon.js"),y=require("./components/icon-button/IconButton.js"),U=require("./components/input-group/FieldGroup.js"),K=require("./components/input-group/InputGroup.js"),F=require("./components/input-group/Label.js"),V=require("./components/input-group/SupportLabel.js"),W=require("./components/link/Link.js"),X=require("./components/link/NavLink.js"),_=require("./components/link-list/LinkList.js"),z=require("./components/loader/Loader.js"),Q=require("./components/loader/skeletons/SkeletonAnimation.js"),J=require("./components/loader/skeletons/SkeletonButton.js"),Y=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),Z=require("./components/loader/skeletons/SkeletonElement.js"),$=require("./components/loader/skeletons/SkeletonInput.js"),ee=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),oe=require("./components/loader/skeletons/SkeletonTable.js"),re=require("./components/loader/skeletons/SkeletonTextArea.js"),se=require("./components/tag/Tag.js"),ne=require("./components/tooltip/Tooltip.js"),te=require("./components/tooltip/TooltipContent.js"),ie=require("./components/tooltip/TooltipTrigger.js"),ue=require("./components/tooltip/PopupTip.js"),ce=require("./components/ScreenReaderOnly.js"),ae=require("./core/tokens.js"),pe=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),me=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),le=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ie=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),xe=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),je=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),de=require("./hooks/useLocalStorage/useLocalStorage.js"),ke=require("./hooks/useMutationObserver/useMutationObserver.js"),qe=require("./hooks/usePreviousValue/usePreviousValue.js"),ge=require("./hooks/useProgressiveImg/useProgressiveImg.js"),he=require("./hooks/useScreen/useScreen.js"),fe=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Se=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),Ae=require("./hooks/useClickOutside/useClickOutside.js"),Te=require("./hooks/useFocusOutside/useFocusOutside.js"),Ce=require("./hooks/useElementDimensions/useElementDimensions.js"),Le=require("./hooks/useId/useId.js"),ve=require("./hooks/useKeyListener/useKeyListener.js"),Ee=require("./hooks/useListNavigation/useListNavigation.js"),Re=require("./hooks/useSwipeGesture/useSwipeGesture.js"),we=require("../index-hKyqa1PH.cjs"),be=require("./utilities/formatters/util/formatNumber.js"),Me=require("./utilities/formatters/util/parseNumber.js"),Ne=require("./utilities/formatters/util/registerWithMask.js"),Oe=require("./utilities/formatters/avstand/formatAvstand.js"),Ge=require("./utilities/formatters/bytes/formatBytes.js"),Pe=require("./utilities/formatters/date/formatDate.js"),De=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),Be=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),He=require("./utilities/formatters/kontonummer/formatKontonummer.js"),ye=require("./utilities/formatters/kortnummer/formatKortnummer.js"),Ue=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),Ke=require("./utilities/formatters/valuta/formatValuta.js"),Fe=require("./utilities/polymorphism/mergeProps.js"),Ve=require("./utilities/polymorphism/mergeRefs.js"),We=require("./utilities/polymorphism/SlotComponent.js"),Xe=require("./utilities/tabListener.js"),_e=require("./utilities/valuePair.js");exports.Card=e.Card,exports.CardImage=o.CardImage,exports.InfoBlock=r.InfoBlock,exports.NavCard=r.NavCard,exports.TaskCard=s.TaskCard,exports.InfoCard=n.InfoCard,exports.Icon=t.Icon,exports.ArrowVerticalAnimated=i.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=u.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=c.PlusRemoveAnimated,exports.ArrowDownIcon=a.ArrowDownIcon,exports.ArrowLeftIcon=p.ArrowLeftIcon,exports.ArrowNorthEastIcon=m.ArrowNorthEastIcon,exports.ArrowRightIcon=l.ArrowRightIcon,exports.ArrowUpIcon=I.ArrowUpIcon,exports.CalendarIcon=x.CalendarIcon,exports.CheckIcon=j.CheckIcon,exports.ChevronDownIcon=d.ChevronDownIcon,exports.ChevronLeftIcon=k.ChevronLeftIcon,exports.ChevronRightIcon=q.ChevronRightIcon,exports.ChevronUpIcon=g.ChevronUpIcon,exports.CloseIcon=h.CloseIcon,exports.CopyIcon=f.CopyIcon,exports.DotsIcon=S.DotsIcon,exports.DragIcon=A.DragIcon,exports.ErrorIcon=T.ErrorIcon,exports.GreenCheckIcon=C.GreenCheckIcon,exports.HamburgerIcon=L.HamburgerIcon,exports.InfoIcon=v.InfoIcon,exports.LinkIcon=E.LinkIcon,exports.PlusIcon=R.PlusIcon,exports.QuestionIcon=w.QuestionIcon,exports.RedCrossIcon=b.RedCrossIcon,exports.SearchIcon=M.SearchIcon,exports.SuccessIcon=N.SuccessIcon,exports.WarningIcon=O.WarningIcon,exports.MinusIcon=G.MinusIcon,exports.ThumbDownIcon=P.ThumbDownIcon,exports.ThumbUpIcon=D.ThumbUpIcon,exports.TrashCanIcon=B.TrashCanIcon,exports.PenIcon=H.PenIcon,exports.IconButton=y.IconButton,exports.FieldGroup=U.FieldGroup,exports.InputGroup=K.InputGroup,exports.Label=F.Label,exports.SupportLabel=V.SupportLabel,exports.Link=W.Link,exports.NavLink=X.NavLink,exports.LinkList=_.LinkList,exports.Loader=z.Loader,exports.SkeletonAnimation=Q.SkeletonAnimation,exports.SkeletonButton=J.SkeletonButton,exports.SkeletonCheckboxGroup=Y.SkeletonCheckboxGroup,exports.SkeletonElement=Z.SkeletonElement,exports.SkeletonInput=$.SkeletonInput,exports.SkeletonRadioButtonGroup=ee.SkeletonRadioButtonGroup,exports.SkeletonTable=oe.SkeletonTable,exports.SkeletonTableHeader=oe.SkeletonTableHeader,exports.SkeletonTableRow=oe.SkeletonTableRow,exports.SkeletonTextArea=re.SkeletonTextArea,exports.ErrorTag=se.ErrorTag,exports.InfoTag=se.InfoTag,exports.SuccessTag=se.SuccessTag,exports.Tag=se.Tag,exports.WarningTag=se.WarningTag,exports.Tooltip=ne.Tooltip,exports.TooltipContent=te.TooltipContent,exports.TooltipTrigger=ie.TooltipTrigger,exports.PopupTip=ue.PopupTip,exports.ScreenReaderOnly=ce.ScreenReaderOnly,exports.tokens=ae,exports.useAnimatedDetails=pe.useAnimatedDetails,exports.useAnimatedHeight=me.useAnimatedHeight,exports.useAnimatedHeightBetween=le.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ie.useAutoAnimatedHeight,exports.useBrowserPreferences=xe.useBrowserPreferences,exports.useIntersectionObserver=je.useIntersectionObserver,exports.useLocalStorage=de.useLocalStorage,exports.useMutationObserver=ke.useMutationObserver,exports.usePreviousValue=qe.usePreviousValue,exports.useProgressiveImg=ge.useProgressiveImg,exports.useScreen=he.useScreen,exports.useScrollIntoView=fe.useScrollIntoView,exports.useAriaLiveRegion=Se.useAriaLiveRegion,exports.useClickOutside=Ae.useClickOutside,exports.useFocusOutside=Te.useFocusOutside,exports.useElementDimensions=Ce.useElementDimensions,exports.useId=Le.useId,exports.useKeyListener=ve.useKeyListener,exports.useListNavigation=Ee.useListNavigation,exports.useSwipeGesture=Re.useSwipeGesture,exports.unicode=we.unicode,exports.formatNumber=be.formatNumber,exports.parseNumber=Me.parseNumber,exports.registerWithFodselsnummerMask=Ne.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=Ne.registerWithKontonummerMask,exports.registerWithKortnummerMask=Ne.registerWithKortnummerMask,exports.registerWithMasks=Ne.registerWithMasks,exports.registerWithTelefonnummerMask=Ne.registerWithTelefonnummerMask,exports.formatAvstand=Oe.formatAvstand,exports.formatBytes=Ge.formatBytes,exports.formatDate=Pe.formatDate,exports.FODSELSNUMMER_REGEX=De.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=De.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=Be.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=Be.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=He.KONTONUMMER_REGEX,exports.formatKontonummer=He.formatKontonummer,exports.KORTNUMMER_REGEX=ye.KORTNUMMER_REGEX,exports.formatKortnummer=ye.formatKortnummer,exports.TELEFONNUMMER_REGEX=Ue.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=Ue.formatTelefonnummer,exports.formatValuta=Ke.formatValuta,exports.mergeProps=Fe.mergeProps,exports.mergeRefs=Ve.mergeRefs,exports.SlotComponent=We.SlotComponent,exports.initTabListener=Xe.initTabListener,exports.getValuePair=_e.getValuePair;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/AccordionItem.js"),o=require("./components/accordion/Accordion.js"),r=require("./components/breadcrumb/Breadcrumb.js"),t=require("./components/breadcrumb/BreadcrumbItem.js"),s=require("./components/button/Button.js"),n=require("./components/card/Card.js"),i=require("./components/card/CardImage.js"),u=require("./components/card/NavCard.js"),c=require("./components/card/TaskCard.js"),a=require("./components/card/InfoCard.js"),p=require("./components/checkbox/Checkbox.js"),m=require("./components/combobox/Combobox.js"),l=require("./components/cookie-consent/CookieConsent.js"),x=require("./components/cookie-consent/CookieConsentContext.js"),d=require("./components/datepicker/validation.js"),I=require("./components/datepicker/utils.js"),j=require("./components/datepicker/DatePicker.js"),k=require("./components/icon/Icon.js"),q=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),g=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),h=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),C=require("./components/icon/icons/ArrowDownIcon.js"),S=require("./components/icon/icons/ArrowLeftIcon.js"),A=require("./components/icon/icons/ArrowNorthEastIcon.js"),T=require("./components/icon/icons/ArrowRightIcon.js"),b=require("./components/icon/icons/ArrowUpIcon.js"),f=require("./components/icon/icons/CalendarIcon.js"),L=require("./components/icon/icons/CheckIcon.js"),B=require("./components/icon/icons/ChevronDownIcon.js"),R=require("./components/icon/icons/ChevronLeftIcon.js"),M=require("./components/icon/icons/ChevronRightIcon.js"),v=require("./components/icon/icons/ChevronUpIcon.js"),E=require("./components/icon/icons/CloseIcon.js"),w=require("./components/icon/icons/CopyIcon.js"),O=require("./components/icon/icons/DotsIcon.js"),N=require("./components/icon/icons/DragIcon.js"),P=require("./components/icon/icons/ErrorIcon.js"),G=require("./components/icon/icons/GreenCheckIcon.js"),D=require("./components/icon/icons/HamburgerIcon.js"),y=require("./components/icon/icons/InfoIcon.js"),U=require("./components/icon/icons/LinkIcon.js"),H=require("./components/icon/icons/PlusIcon.js"),W=require("./components/icon/icons/QuestionIcon.js"),F=require("./components/icon/icons/RedCrossIcon.js"),K=require("./components/icon/icons/SearchIcon.js"),V=require("./components/icon/icons/SuccessIcon.js"),X=require("./components/icon/icons/WarningIcon.js"),_=require("./components/icon/icons/MinusIcon.js"),z=require("./components/icon/icons/ThumbDownIcon.js"),Q=require("./components/icon/icons/ThumbUpIcon.js"),J=require("./components/icon/icons/TrashCanIcon.js"),Y=require("./components/icon/icons/PenIcon.js"),Z=require("./components/icon-button/IconButton.js"),$=require("./components/input-group/FieldGroup.js"),ee=require("./components/input-group/InputGroup.js"),oe=require("./components/input-group/Label.js"),re=require("./components/input-group/SupportLabel.js"),te=require("./components/link/Link.js"),se=require("./components/link/NavLink.js"),ne=require("./components/link-list/LinkList.js"),ie=require("./components/list/List.js"),ue=require("./components/list/ListItem.js"),ce=require("./components/loader/Loader.js"),ae=require("./components/loader/skeletons/SkeletonAnimation.js"),pe=require("./components/loader/skeletons/SkeletonButton.js"),me=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),le=require("./components/loader/skeletons/SkeletonElement.js"),xe=require("./components/loader/skeletons/SkeletonInput.js"),de=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),Ie=require("./components/loader/skeletons/SkeletonTable.js"),je=require("./components/loader/skeletons/SkeletonTextArea.js"),ke=require("./components/modal/Modal.js"),qe=require("./components/modal/useModal.js"),ge=require("./components/radio-button/RadioButton.js"),he=require("./components/radio-button/RadioButtonGroup.js"),Ce=require("./components/radio-button/BaseRadioButton.js"),Se=require("../NativeSelect-DSmX3GZo.cjs"),Ae=require("./components/tag/Tag.js"),Te=require("./components/text-input/BaseTextArea.js"),be=require("./components/text-input/BaseTextInput.js"),fe=require("./components/text-input/TextArea.js"),Le=require("./components/text-input/TextInput.js"),Be=require("./components/tooltip/Tooltip.js"),Re=require("./components/tooltip/TooltipContent.js"),Me=require("./components/tooltip/TooltipTrigger.js"),ve=require("./components/tooltip/PopupTip.js"),Ee=require("./components/ScreenReaderOnly.js"),we=require("./core/tokens.js"),Oe=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),Ne=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),Pe=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),Ge=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),De=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),ye=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),Ue=require("./hooks/useLocalStorage/useLocalStorage.js"),He=require("./hooks/useMutationObserver/useMutationObserver.js"),We=require("./hooks/usePreviousValue/usePreviousValue.js"),Fe=require("./hooks/useProgressiveImg/useProgressiveImg.js"),Ke=require("./hooks/useScreen/useScreen.js"),Ve=require("./hooks/useScrollIntoView/useScrollIntoView.js"),Xe=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),_e=require("./hooks/useClickOutside/useClickOutside.js"),ze=require("./hooks/useFocusOutside/useFocusOutside.js"),Qe=require("./hooks/useElementDimensions/useElementDimensions.js"),Je=require("./hooks/useId/useId.js"),Ye=require("./hooks/useKeyListener/useKeyListener.js"),Ze=require("./hooks/useListNavigation/useListNavigation.js"),$e=require("./hooks/useSwipeGesture/useSwipeGesture.js"),eo=require("../index-hKyqa1PH.cjs"),oo=require("./utilities/formatters/util/formatNumber.js"),ro=require("./utilities/formatters/util/parseNumber.js"),to=require("./utilities/formatters/util/registerWithMask.js"),so=require("./utilities/formatters/avstand/formatAvstand.js"),no=require("./utilities/formatters/bytes/formatBytes.js"),io=require("./utilities/formatters/date/formatDate.js"),uo=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.js"),co=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js"),ao=require("./utilities/formatters/kontonummer/formatKontonummer.js"),po=require("./utilities/formatters/kortnummer/formatKortnummer.js"),mo=require("./utilities/formatters/telefonnummer/formatTelefonnummer.js"),lo=require("./utilities/formatters/valuta/formatValuta.js"),xo=require("./utilities/polymorphism/mergeProps.js"),Io=require("./utilities/polymorphism/mergeRefs.js"),jo=require("./utilities/polymorphism/SlotComponent.js"),ko=require("./utilities/tabListener.js"),qo=require("./utilities/valuePair.js");exports.AccordionItem=e.AccordionItem,exports.Accordion=o.Accordion,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=u.InfoBlock,exports.NavCard=u.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=a.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=I.dayMonthYearRegex,exports.formatInput=I.formatInput,exports.isBlurTargetOutside=I.isBlurTargetOutside,exports.parseDateString=I.parseDateString,exports.DatePicker=j.DatePicker,exports.Icon=k.Icon,exports.ArrowVerticalAnimated=q.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=g.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=h.PlusRemoveAnimated,exports.ArrowDownIcon=C.ArrowDownIcon,exports.ArrowLeftIcon=S.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=T.ArrowRightIcon,exports.ArrowUpIcon=b.ArrowUpIcon,exports.CalendarIcon=f.CalendarIcon,exports.CheckIcon=L.CheckIcon,exports.ChevronDownIcon=B.ChevronDownIcon,exports.ChevronLeftIcon=R.ChevronLeftIcon,exports.ChevronRightIcon=M.ChevronRightIcon,exports.ChevronUpIcon=v.ChevronUpIcon,exports.CloseIcon=E.CloseIcon,exports.CopyIcon=w.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=N.DragIcon,exports.ErrorIcon=P.ErrorIcon,exports.GreenCheckIcon=G.GreenCheckIcon,exports.HamburgerIcon=D.HamburgerIcon,exports.InfoIcon=y.InfoIcon,exports.LinkIcon=U.LinkIcon,exports.PlusIcon=H.PlusIcon,exports.QuestionIcon=W.QuestionIcon,exports.RedCrossIcon=F.RedCrossIcon,exports.SearchIcon=K.SearchIcon,exports.SuccessIcon=V.SuccessIcon,exports.WarningIcon=X.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=z.ThumbDownIcon,exports.ThumbUpIcon=Q.ThumbUpIcon,exports.TrashCanIcon=J.TrashCanIcon,exports.PenIcon=Y.PenIcon,exports.IconButton=Z.IconButton,exports.FieldGroup=$.FieldGroup,exports.InputGroup=ee.InputGroup,exports.Label=oe.Label,exports.SupportLabel=re.SupportLabel,exports.Link=te.Link,exports.NavLink=se.NavLink,exports.LinkList=ne.LinkList,exports.List=ie.List,exports.OrderedList=ie.OrderedList,exports.UnorderedList=ie.UnorderedList,exports.CheckListItem=ue.CheckListItem,exports.CrossListItem=ue.CrossListItem,exports.ListItem=ue.ListItem,exports.Loader=ce.Loader,exports.SkeletonAnimation=ae.SkeletonAnimation,exports.SkeletonButton=pe.SkeletonButton,exports.SkeletonCheckboxGroup=me.SkeletonCheckboxGroup,exports.SkeletonElement=le.SkeletonElement,exports.SkeletonInput=xe.SkeletonInput,exports.SkeletonRadioButtonGroup=de.SkeletonRadioButtonGroup,exports.SkeletonTable=Ie.SkeletonTable,exports.SkeletonTableHeader=Ie.SkeletonTableHeader,exports.SkeletonTableRow=Ie.SkeletonTableRow,exports.SkeletonTextArea=je.SkeletonTextArea,exports.Modal=ke.Modal,exports.ModalActions=ke.ModalActions,exports.ModalBody=ke.ModalBody,exports.ModalCloseButton=ke.ModalCloseButton,exports.ModalContainer=ke.ModalContainer,exports.ModalHeader=ke.ModalHeader,exports.ModalOverlay=ke.ModalOverlay,exports.ModalTitle=ke.ModalTitle,exports.useModal=qe.useModal,exports.RadioButton=ge.RadioButton,exports.RadioButtonGroup=he.RadioButtonGroup,exports.BaseRadioButton=Ce.BaseRadioButton,exports.NativeSelect=Se.NativeSelect,exports.Select=Se.Select,exports.ErrorTag=Ae.ErrorTag,exports.InfoTag=Ae.InfoTag,exports.SuccessTag=Ae.SuccessTag,exports.Tag=Ae.Tag,exports.WarningTag=Ae.WarningTag,exports.BaseTextArea=Te.BaseTextArea,exports.BaseTextInput=be.BaseTextInput,exports.TextArea=fe.TextArea,exports.TextInput=Le.TextInput,exports.Tooltip=Be.Tooltip,exports.TooltipContent=Re.TooltipContent,exports.TooltipTrigger=Me.TooltipTrigger,exports.PopupTip=ve.PopupTip,exports.ScreenReaderOnly=Ee.ScreenReaderOnly,exports.tokens=we,exports.useAnimatedDetails=Oe.useAnimatedDetails,exports.useAnimatedHeight=Ne.useAnimatedHeight,exports.useAnimatedHeightBetween=Pe.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Ge.useAutoAnimatedHeight,exports.useBrowserPreferences=De.useBrowserPreferences,exports.useIntersectionObserver=ye.useIntersectionObserver,exports.useLocalStorage=Ue.useLocalStorage,exports.useMutationObserver=He.useMutationObserver,exports.usePreviousValue=We.usePreviousValue,exports.useProgressiveImg=Fe.useProgressiveImg,exports.useScreen=Ke.useScreen,exports.useScrollIntoView=Ve.useScrollIntoView,exports.useAriaLiveRegion=Xe.useAriaLiveRegion,exports.useClickOutside=_e.useClickOutside,exports.useFocusOutside=ze.useFocusOutside,exports.useElementDimensions=Qe.useElementDimensions,exports.useId=Je.useId,exports.useKeyListener=Ye.useKeyListener,exports.useListNavigation=Ze.useListNavigation,exports.useSwipeGesture=$e.useSwipeGesture,exports.unicode=eo.unicode,exports.formatNumber=oo.formatNumber,exports.parseNumber=ro.parseNumber,exports.registerWithFodselsnummerMask=to.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=to.registerWithKontonummerMask,exports.registerWithKortnummerMask=to.registerWithKortnummerMask,exports.registerWithMasks=to.registerWithMasks,exports.registerWithTelefonnummerMask=to.registerWithTelefonnummerMask,exports.formatAvstand=so.formatAvstand,exports.formatBytes=no.formatBytes,exports.formatDate=io.formatDate,exports.FODSELSNUMMER_REGEX=uo.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=uo.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=co.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=co.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=ao.KONTONUMMER_REGEX,exports.formatKontonummer=ao.formatKontonummer,exports.KORTNUMMER_REGEX=po.KORTNUMMER_REGEX,exports.formatKortnummer=po.formatKortnummer,exports.TELEFONNUMMER_REGEX=mo.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=mo.formatTelefonnummer,exports.formatValuta=lo.formatValuta,exports.mergeProps=xo.mergeProps,exports.mergeRefs=Io.mergeRefs,exports.SlotComponent=jo.SlotComponent,exports.initTabListener=ko.initTabListener,exports.getValuePair=qo.getValuePair;
 //# sourceMappingURL=index.js.map

package/build/components/accordion/Accordion.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Density, WithChildren } from '../..';
+export interface AccordionProps extends WithChildren {
+    className?: string;
+    density?: Density;
+    id?: string;
+}
+export declare const Accordion: FC<AccordionProps>;

package/build/components/accordion/AccordionItem.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { default as React, FC } from 'react';
+import { WithChildren } from '../..';
+export interface AccordionItemProps extends WithChildren {
+    title: string;
+    startExpanded?: boolean;
+    className?: string;
+    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
+    id?: string;
+}
+export declare const AccordionItem: FC<AccordionItemProps>;

package/build/components/accordion/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export type { AccordionItemProps } from './AccordionItem';
+export { AccordionItem } from './AccordionItem';
+export type { AccordionProps } from './Accordion';
+export { Accordion } from './Accordion';

package/build/components/breadcrumb/Breadcrumb.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Density, WithChildren } from '../..';
+export interface BreadcrumbProps extends WithChildren {
+    className?: string;
+    density?: Density;
+}
+export declare const Breadcrumb: ({ className, children, density, ...rest }: BreadcrumbProps) => JSX.Element;

package/build/components/breadcrumb/BreadcrumbItem.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { WithChildren } from '../..';
+export interface BreadcrumbItemProps extends WithChildren {
+    className?: string;
+    /**
+     * Settes automatisk av Breadcrumb
+     * @default false
+     */
+    isLastElement?: boolean;
+}
+export declare const BreadcrumbItem: ({ className, children, isLastElement, ...rest }: BreadcrumbItemProps) => JSX.Element;

package/build/components/breadcrumb/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export type { BreadcrumbProps } from './Breadcrumb';
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbItemProps } from './BreadcrumbItem';
+export { BreadcrumbItem } from './BreadcrumbItem';

package/build/components/button/Button.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { ButtonComponent, ButtonProps } from './types';
+export declare const Button: ButtonComponent;
+export declare function PrimaryButton<ElementType extends React.ElementType = "button">(props: Omit<ButtonProps<ElementType>, "variant" | "onClick" | "as"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): React.JSX.Element;
+export declare function SecondaryButton<ElementType extends React.ElementType = "button">(props: Omit<ButtonProps<ElementType>, "variant" | "onClick" | "as"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): React.JSX.Element;
+export declare function TertiaryButton<ElementType extends React.ElementType = "button">(props: Omit<ButtonProps<ElementType>, "variant" | "onClick" | "as"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): React.JSX.Element;
+export declare function GhostButton<ElementType extends React.ElementType = "button">(props: Omit<ButtonProps<ElementType>, "variant" | "loader">): React.JSX.Element;

package/build/components/button/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Button, PrimaryButton, SecondaryButton, TertiaryButton } from './Button';
2	+ export type { ButtonProps, ButtonVariant } from './types';

package/build/components/button/types.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { Density, PolymorphicPropsWithRef } from '../..';
+export declare const buttonVariants: readonly ["primary", "secondary", "tertiary", "ghost"];
+export type ButtonVariant = (typeof buttonVariants)[number];
+export type ButtonProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    density?: Density;
+    /**
+     * Hvilken variant av knappen skal vises
+     * @default "secondary"
+     */
+    variant?: ButtonVariant;
+    className?: string;
+    loader?: {
+        showLoader: boolean;
+        textDescription: string;
+    };
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}>;
+export type ButtonComponent = <ElementType extends React.ElementType = "button">(props: ButtonProps<ElementType>) => React.ReactElement | null;