@fremtind/jokul 0.9.0 → 0.10.0

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

@@ -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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=index.js.map

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

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

package/build/cjs/index.js

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './types';
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;

package/build/components/datepicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './validation';
+export * from './utils';
+export { DatePicker } from './DatePicker';

package/build/components/datepicker/internal/Calendar.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Density } from '../../../core';
+import { YearsToShow } from '../types';
+import { UseCalendarProps } from './useCalendar';
+interface CalendarProps extends Omit<UseCalendarProps, "date" | "onOffsetChanged" | "offset" | "firstDayOfWeek" | "selected"> {
+    date: Date | null;
+    density?: Density;
+    defaultSelected?: Date;
+    hidden?: boolean;
+    days?: string[];
+    months?: string[];
+    monthLabel?: string;
+    yearLabel?: string;
+    yearsToShow?: YearsToShow;
+    onTabOutside: React.KeyboardEventHandler;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/build/components/datepicker/internal/calendarReducer.d.ts

@@ -0,0 +1,18 @@
+import { Reducer } from 'react';
+export type CalendarAction = {
+    type: "SET_SELECTED_DATE";
+    newDate: Date;
+} | {
+    type: "SET_OFFSET";
+    newOffset: number;
+} | {
+    type: "ADD_OFFSET";
+    addedOffset: number;
+};
+export type CalendarState = {
+    selectedDate: Date;
+    offset: number;
+    shownDate: Date;
+};
+export declare const calendarReducer: Reducer<CalendarState, CalendarAction>;
+export declare const calendarInitializer: (initialDate: Date) => CalendarState;

package/build/components/datepicker/internal/useCalendar.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { DateInfo, CalendarMonth } from './utils';
+type GetDateProps = {
+    onClick?: React.MouseEventHandler;
+    dateObj: DateInfo;
+};
+type GetDatePropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-pressed": boolean;
+    role: "button";
+};
+type GetBackProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetBackPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+type GetForwardProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetForwardPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+export interface UseCalendarProps {
+    date?: Date;
+    maxDate?: Date;
+    minDate?: Date;
+    monthsToDisplay?: number;
+    firstDayOfWeek?: number;
+    showOutsideDays?: boolean;
+    offset: number;
+    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;
+    onOffsetChanged: (newOffset: number) => void;
+    selected?: Date | Date[];
+}
+export type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;
+export type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;
+export type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;
+export type HandleOffsetFunc = (newOffset: number) => void;
+export type UseCalendarResult = {
+    calendars: CalendarMonth[];
+    getDateProps: GetDatePropsFunc;
+    getBackProps: GetBackPropsFunc;
+    getForwardProps: GetForwardPropsFunc;
+    handleOffsetChanged: HandleOffsetFunc;
+};
+export declare function useCalendar({ date, maxDate, minDate, monthsToDisplay, firstDayOfWeek, showOutsideDays, offset, onDateSelected, onOffsetChanged, selected, }: UseCalendarProps): UseCalendarResult;
+export {};

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

@@ -0,0 +1,167 @@
+import { default as React } from 'react';
+import { ValuePair } from '../../../utilities';
+import { YearsToShow } from '../types';
+export declare function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>): (event: React.MouseEvent) => boolean;
+/**
+ * Takes a calendars array and figures out the number of months to subtract
+ * based on the current offset and the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be subtracted
+ * @param {Date} param.minDate The earliest date we are allow to subtract back to
+ * @returns {Number} The number of months to subtract
+ */
+export declare function subtractMonth({ calendars, offset, minDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    minDate?: Date;
+}): number;
+export declare const DEFAULT_YEARS_TO_SHOW = 3;
+/**
+ * Generates an array of year strings for a year selector component, with min and max dates taken into account.
+ *
+ * @param {number} currentYear - The current year to center the list around
+ * @param {Date | undefined} [minDate] - The minimum date to include in the list of years
+ * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years
+ *
+ * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3
+ */
+export declare function getYearSelectOptions(currentYear: number, minDate: Date | undefined, maxDate: Date | undefined, yearsToShow: YearsToShow): string[];
+/**
+ * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.
+ * @param {number} currentYear The current year
+ * @param {string[]} monthNames An array of strings representing the month names
+ * @param {Date | undefined} minDate The minimum date that is allowed for selection
+ * @param {Date | undefined} maxDate The maximum date that is allowed for selection
+ * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year
+ */
+export declare function getMonthSelectOptions(currentYear: number, monthNames: string[], minDate: Date | undefined, maxDate: Date | undefined): ValuePair[];
+/**s
+ * Takes a calendars array and figures out the number of months to add
+ * based on the current offset and the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be added
+ * @param {Date} param.maxDate The furthest date we are allow to add forward to
+ * @returns {Number} The number of months to add
+ */
+export declare function addMonth({ calendars, offset, maxDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    maxDate?: Date;
+}): number;
+/**
+ * Takes a calendars array and figures out if the back button should be
+ * disabled based on the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.minDate The earliest date available
+ * @returns {Boolean} Whether the back button should be disabled.
+ */
+export declare function isBackDisabled({ calendars, minDate }: {
+    calendars: CalendarMonth[];
+    minDate?: Date;
+}): boolean;
+/**
+ * Takes a calendars array and figures out if the forward button should be
+ * disabled based on the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.maxDate The furthest date available
+ * @returns {Boolean} Whether the forward button should be disabled.
+ */
+export declare function isForwardDisabled({ calendars, maxDate }: {
+    calendars: CalendarMonth[];
+    maxDate?: Date;
+}): boolean;
+type GetCalendarProps = {
+    /**  The date to start the calendar at */
+    date: Date;
+    /** Date or dates currently selected. */
+    selected?: Date | Date[];
+    /**  The earliest date available */
+    minDate?: Date;
+    /**  The earliest date available */
+    maxDate?: Date;
+    /** The number of months to return in the calendar view */
+    monthsToDisplay: number;
+    /** The number of months to offset based off the param.date given  */
+    offset: number;
+    /** First day of week, 0-6 (Sunday to Saturday) */
+    firstDayOfWeek: number;
+    /** Flag to fill front and back weeks with dates from adjacent months */
+    showOutsideDays: boolean;
+};
+/**
+ * Figures out the months data needed based off the number of monthsToDisplay
+ * and other options provided.
+ * @param {Object} param The param object
+ * @param {Date} param.date The date to start the calendar at
+ * @param {Array.<Date>} param.selected An array of dates currently selected
+ * @param {Number} param.monthsToDisplay The number of months to return in the calendar view
+ * @param {Number} param.offset The number of months to offset based off the param.date given
+ * @param {Date} param.minDate The earliest date available
+ * @param {Date} param.maxDate The furthest date available
+ * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
+ * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
+ * @returns {Array.<Object>} An array of objects with month data
+ */
+export declare function getCalendars({ date, selected, monthsToDisplay, offset, minDate, maxDate, firstDayOfWeek, showOutsideDays, }: GetCalendarProps): CalendarMonth[];
+export type CalendarMonth = {
+    firstDayOfMonth: Date;
+    lastDayOfMonth: Date;
+    month: number;
+    year: number;
+    weeks: CalendarWeek[];
+};
+export type CalendarWeek = CalendarDay[];
+export type CalendarDay = DateInfo | string;
+export type DateInfo = {
+    date: Date;
+    selected: boolean;
+    selectable: boolean;
+    today: boolean;
+    prevMonth: boolean;
+    nextMonth: boolean;
+};
+/**
+ * Check if two Date objects represent the same day
+ *
+ * @param date1 first Date to compare
+ * @param date2 second Date to compare
+ */
+export declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Check if the date has changed from the previous date
+ *
+ * @param date First date to compare
+ * @param newDate Second date to compare
+ */
+export declare function dateHasChanged(date: Date | undefined, newDate: Date): boolean;
+/**
+ * Check if a given date is outside a given range
+ *
+ * @param date Input date
+ * @param rangeStart Dates before this date should be disabled
+ * @param rangeEnd Dates after this date should be disabled
+ */
+export declare function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean;
+/**
+ * Get the correct initial date for initiating the datepicker reducer store
+ *
+ * @param value Value from props
+ * @param initialDate Initial date from porps
+ * @param disableDate Function for checking whether the date should be disabled
+ */
+export declare function getInitialDate(value: string | undefined, defaultValue: string | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date | null;
+/**
+ * Get the initial date to show in the calendar
+ *
+ * @param date The date set in the DatePicker (from props)
+ * @param defaultSelected The defaultSelected prop from DatePicker
+ * @param minDate The earliest selectable date, from props
+ * @param maxDate The latest selectable date, from props
+ * @returns The date to show in the calendar
+ */
+export declare function getInitialDateShown(date: Date | null, defaultSelected: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date;
+export {};

package/build/components/datepicker/types.d.ts

@@ -0,0 +1,269 @@
+import { ChangeEvent, KeyboardEvent, FocusEvent, ButtonHTMLAttributes } from 'react';
+import { DataTestAutoId, Density } from '../../core';
+import { InputGroupProps, LabelProps } from '../input-group';
+export type DateValidationError = "WRONG_FORMAT" | "OUTSIDE_LOWER_BOUND" | "OUTSIDE_UPPER_BOUND";
+export type DatePickerChangeEventHandler = (e: ChangeEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerBlurEventHandler = (e: FocusEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerFocusEventHandler = DatePickerBlurEventHandler;
+export type DatePickerKeyDownEventHandler = (e: KeyboardEvent<HTMLInputElement>, date: Date | null, meta: DatePickerMetadata) => void;
+export type DatePickerMetadata = {
+    error: DateValidationError | null;
+    /** Samme som event.target.value */
+    value: string;
+};
+export type YearsToShow = number | "all" | {
+    previous: number;
+    coming: number;
+};
+export interface DatePickerProps extends Omit<InputGroupProps, "label" | "children">, DataTestAutoId {
+    /** Settes på rotnivå. */
+    id?: string;
+    /** Settes på rotnivå. */
+    className?: string;
+    /**
+     * @default "Velg dato"
+     */
+    label?: string;
+    /**
+     * Bruk labelProps for å sette props som `variant` og `srOnly`.
+     *
+     * @example
+     *  ```tsx
+     *  <DatePicker
+     *      labelProps={{ srOnly: true }}
+     *  />
+     *  ```
+     */
+    labelProps?: Omit<LabelProps, "children">;
+    /**
+     * dd.mm.åååå
+     *
+     * Dersom komponenten ikke er _controlled_, send inn ønsket standardverdi her (hvis noen).
+     *
+     * @default undefined // tomt skjemafelt
+     */
+    defaultValue?: string;
+    /**
+     * Styr om du vil at kalenderen skal starte åpen.
+     * @default false
+     */
+    defaultShow?: boolean;
+    /**
+     * dd.mm.åååå
+     *
+     * Verdien til inputfeltet.
+     */
+    value?: string;
+    /**
+     * dd.mm.åååå
+     *
+     * Skru av knapper i kalenderen før denne datoen,
+     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
+     */
+    disableBeforeDate?: string;
+    /**
+     * dd.mm.åååå
+     *
+     * Skru av knapper i kalenderen etter denne datoen,
+     * og gi valideringsfeil om dato som har blitt skrevet inn er utenfor.
+     */
+    disableAfterDate?: string;
+    /**
+     * Angir hvor mange år som skal vises i nedtrekkslisten i kalenderen. Du kan angi samme verdi
+     * for kommende og foregående år ved å sende inn et tall, eller sende inn et objekt med separate
+     * verdier for kommende og foregående år. Hvis du sender inn "all" vil alle år mellom min. og
+     * maks. dato vises i listen (eller default antall år hvis ikke min./maks. dato er angitt).
+     * @default 3
+     */
+    yearsToShow?: YearsToShow;
+    /**
+     * Settes på inputfeltet.
+     */
+    name?: string;
+    /**
+     * Hjelpetekst som vises under inputfeltet.
+     */
+    helpLabel?: string;
+    /**
+     * Hvis datovelgeren har valideringsfeil må dette feltet settes. Inputfeltet
+     * merkes som ugyldig og teksten erstatter en eventuell hjelpetekst.
+     */
+    errorLabel?: string;
+    /**
+     * Merk som ugyldig uten å sende inn en errorLabel.
+     * NB! Brukes kun i tilfeller der valideringsfeil dukker opp andre steder, for eksempel i en FieldGroup.
+     */
+    invalid?: boolean;
+    density?: Density;
+    /**
+     * @deprecated Kalenderen viser nå alltid kontroller for å navigere mellom år og måneder. Denne prop'en gjør ikke lenger noe og kan fjernes.
+     */
+    extended?: boolean;
+    /**
+     * Om du ønsker andre labels for ukedagene kan du gi de her.
+     */
+    days?: string[];
+    /**
+     * Om du ønsker andre labels for måneder kan du gi de her.
+     */
+    months?: string[];
+    /**
+     * Overstyr hvordan vi omtaler "Måned".
+     * @default "Måned"
+     */
+    monthLabel?: string;
+    /**
+     * Overstyr hvordan vi omtaler "År".
+     * @default "År"
+     */
+    yearLabel?: string;
+    /**
+     * Vises i inputfeltet hvis det ikke har noen input, som hint for datoformat.
+     * @default "dd.mm.åååå"
+     */
+    placeholder?: string;
+    /**
+     * Bredden på inputfeltet, tilpasset typisk bredde for en dato i formatet `dd.mm.åååå`.
+     * @default "10ch"
+     */
+    width?: string;
+    /**
+     * Kalles ved change-event fra datovelgerens inputfelt. Verdien fra selve eventet vil
+     * alltid være teksten fra inputfeltet.
+     *
+     * Det er _ikke_ garantert at verdien fra `event.target.value` er en
+     * gyldig dato, eller i datoformat. Andre parameter vil enten være en gyldig
+     * `Date` eller `null`. Tredje parameter har informasjon om validering,
+     * men du kan også gjøre validering selv rett på `event.target.value`
+     * med utility-funksjoner som eksporteres fra pakka (se eksempel lenger ned).
+     *
+     * Kalles også når brukeren velger en dato fra kalendervisningen. Kallet
+     * prøver å simulere et vanlig change-event så nært som mulig.
+     *
+     * Bruk meta-objektet for å se om det er valideringsfeil, og i så fal hvilken type feil:
+     *
+     *  - ugyldig format på tekst
+     *  - dato utenfor minimum tillatte dato (satt med `disableBeforeDate`)
+     *  - dato utenfor maksimum tillatte dato (satt med `disableAfterDate`)
+     *
+     * @example
+     *
+     *  ```tsx
+     *  <DatePicker
+     *      value={value}
+     *      onChange={(e, date, meta) => {
+     *          setValue(e.target.value);
+     *
+     *          console.log("onChange", {
+     *              event: e,
+     *              date,
+     *              meta,
+     *          });
+     *      }}
+     *  />
+     *  ```
+     *
+     * @example
+     *
+     *  ```tsx
+     *  import {
+     *      DatePicker,
+     *      formatInput,
+     *      isCorrectFormat,
+     *      isWithinUpperBound,
+     *      isWithinLowerBound,
+     *      parseDateString
+     *  } from "@fremtind/jkl-datepicker-react";
+     *  import { formatDate } from "@fremtind/jkl-formatters-util";
+     *
+     *  <DatePicker
+     *      label="Fødselsdato"
+     *      errorLabel={formState.errors.fodselsdato?.message}
+     *      disableBefore="01.01.1970"
+     *      disableAfter={formatInput(new Date())}
+     *      {...register("fodselsdato", {
+     *          required: "Du må fylle ut fødselsdato",
+     *          validate: {
+     *              isCorrectFormat: (v) =>
+     *                  isCorrectFormat(v) ||
+     *                  `Datoen må være skrevet i formen ${formatDate(new Date())} eller kortformat`,
+     *              withinLowerBound: (v) =>
+     *                  isWithinLowerBound(v, parseDateString("01.01.1970") || "Datoen må være før 01.01.1970"",
+     *              withinUpperBound: (v) =>
+     *                  isWithinUpperBound(v, new Date()) || `Datoen må være før ${formatDate(new Date())}`,
+     *          },
+     *      })}
+     *  />
+     *  ```
+     */
+    onChange?: DatePickerChangeEventHandler;
+    /**
+     * Kalles ved focus-event fra datovelgerens inputfelt.
+     *
+     * @example
+     *  ```tsx
+     *  <DatePicker
+     *      onFocus={(e, date, meta) => {
+     *          console.log("onFocus", {
+     *              event: e,
+     *              date,
+     *              meta,
+     *          });
+     *      }}
+     *  />
+     *  ```
+     */
+    onFocus?: DatePickerFocusEventHandler;
+    /**
+     * Kalles ved blur-event fra datovelgerens inputfelt, og kommer når fokus flyttes ut
+     * av skjemaelementet.
+     *
+     * **NB!** Dette inkluderer når fokus flyttes inn i kalenderen, eller til kalenderknappen!
+     *
+     * Om du ønsker å gjøre ting når brukeren går videre fra hele DatePicker:
+     *   1. Ha en onBlur på DatePicker, men ignorere events når fokus er inni DatePicker
+     *   2. Ha en onBlur på DatePicker sin action-prop (kalenderknappen), og gjøre det samme
+     *
+     * Hjelpefunksjonen isBlurTargetOutside hjelper med detaljene.
+     *
+     * @example
+     *  ```tsx
+     *  import { DatePicker, isBlurTargetOutside } from "@fremtind/jkl-datepicker-react";
+     *
+     *  <DatePicker
+     *      onBlur={(e, date, meta) => {
+     *          // Ignorer blurs som går til kalenderknapper
+     *          if (isBlurTargetOutside(e)) {
+     *              console.log("onBlur");
+     *          }
+     *      }}
+     *      action={{
+     *          onBlur: (e) => {
+     *              // Ignorer blurs som går tilbake til inputfeltet
+     *              if (isBlurTargetOutside(e)) {
+     *                  console.log("action.onBlur");
+     *              }
+     *          },
+     *      }}
+     *  />
+     *  ```
+     */
+    onBlur?: DatePickerBlurEventHandler;
+    /**
+     * Kalles ved onKeyDown på datovelgerens inputfelt. Dersom du trenger å fange opp
+     * alle tastetrykk, inkludert Tab videre til knappen for å åpne/lukke kalenderen,
+     * så kan du bruke dette eventet.
+     *
+     * @deprecated Eventet har mye overlapp med onChange, men var tidligere eneste metode for å
+     * få tilbakemelding ved tastetrykk i inputfeltet. Foretrekk onChange for ny kode.
+     */
+    onKeyDown?: DatePickerKeyDownEventHandler;
+    /**
+     * Lar deg sette lyttere på kalenderknappen i skjemafeltet.
+     */
+    action?: DatePickerAction;
+    showCalendarLabel?: string;
+    hideCalendarLabel?: string;
+}
+export interface DatePickerAction extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
+}

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export declare const dayMonthYearRegex: RegExp;
+/**
+ * Format a Date object as a string in the format DatePicker expects.
+ *
+ * @param date the Date object to format
+ * @return returns a date string with "dd.mm.yyyy"-format
+ */
+export declare function formatInput(date: Date): string;
+/**
+ * Convert a date string to a Date object
+ *
+ * @param dateString date as string with format dd.mm.yyyy
+ * @return a Date object representing the given date
+ */
+export declare function parseDateString(dateString?: string): Date | undefined;
+/**
+ * Hjelpefunksjon for å se om en onBlur går utenfor DatePicker,
+ * eller om den går til et interaktivt element inni DatePickeren.
+ * @param {React.FocusEvent<HTMLButtonElement | HTMLInputElement>} e - Eventet fra onBlur og action.onBlur
+ * @returns {boolean} true hvis e.relatedTarget er utenfor DatePicker
+ */
+export declare function isBlurTargetOutside(e: React.FocusEvent<HTMLButtonElement | HTMLInputElement>): boolean;