@fremtind/jokul 0.8.0 → 0.9.0

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{Card as o}from"./components/card/Card.js";import{CardImage as s}from"./components/card/CardImage.js";import{InfoBlock as e,NavCard as n}from"./components/card/NavCard.js";import{TaskCard as r}from"./components/card/TaskCard.js";import{InfoCard as t}from"./components/card/InfoCard.js";import{Icon as a}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as i}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as m}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as c}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as p}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as u}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as l}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as f}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as I}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as j}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as k}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as d}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as g}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as h}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as S}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as A}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as C}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as T}from"./components/icon/icons/DotsIcon.js";import{DragIcon as L}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as v}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as E}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as R}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as w}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as b}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as M}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as N}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as O}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as G}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as P}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as D}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as B}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as H}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as U}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as K}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as y}from"./components/icon/icons/PenIcon.js";import{IconButton as F}from"./components/icon-button/IconButton.js";import{FieldGroup as V}from"./components/input-group/FieldGroup.js";import{InputGroup as W}from"./components/input-group/InputGroup.js";import{Label as X}from"./components/input-group/Label.js";import{SupportLabel as _}from"./components/input-group/SupportLabel.js";import{Link as x}from"./components/link/Link.js";import{NavLink as z}from"./components/link/NavLink.js";import{LinkList as Q}from"./components/link-list/LinkList.js";import{Loader as J}from"./components/loader/Loader.js";import{SkeletonAnimation as q}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Y}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Z}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as $}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as oo}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as so}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as eo,SkeletonTableHeader as no,SkeletonTableRow as ro}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as to}from"./components/loader/skeletons/SkeletonTextArea.js";import{ErrorTag as ao,InfoTag as io,SuccessTag as mo,Tag as co,WarningTag as po}from"./components/tag/Tag.js";import{Tooltip as uo}from"./components/tooltip/Tooltip.js";import{TooltipContent as lo}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as fo}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Io}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as jo}from"./components/ScreenReaderOnly.js";import{default as ko}from"./core/tokens.js";import{useAnimatedDetails as go}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as ho}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as So}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Ao}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as Co}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as To}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Lo}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as vo}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Eo}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as Ro}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as wo}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as bo}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as Mo}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as No}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Oo}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Go}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Po}from"./hooks/useId/useId.js";import{useKeyListener as Do}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as Bo}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Ho}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Uo}from"../index-DfvUcA5T.js";import{formatNumber as Ko}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as yo}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Fo,registerWithKontonummerMask as Vo,registerWithKortnummerMask as Wo,registerWithMasks as Xo,registerWithTelefonnummerMask as _o}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as xo}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as zo}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as Qo}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Jo,formatFodselsnummer as qo}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as Yo,formatOrganisasjonsnummer as Zo}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as $o,formatKontonummer as os}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ss,formatKortnummer as es}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ns,formatTelefonnummer as rs}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ts}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as as}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as is}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ms}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as cs}from"./utilities/tabListener.js";import{getValuePair as ps}from"./utilities/valuePair.js";export{p as ArrowDownIcon,m as ArrowHorizontalAnimated,u as ArrowLeftIcon,l as ArrowNorthEastIcon,f as ArrowRightIcon,I as ArrowUpIcon,i as ArrowVerticalAnimated,j as CalendarIcon,o as Card,s as CardImage,k as CheckIcon,d as ChevronDownIcon,g as ChevronLeftIcon,h as ChevronRightIcon,S as ChevronUpIcon,A as CloseIcon,C as CopyIcon,T as DotsIcon,L as DragIcon,v as ErrorIcon,ao as ErrorTag,Jo as FODSELSNUMMER_REGEX,V as FieldGroup,E as GreenCheckIcon,R as HamburgerIcon,a as Icon,F as IconButton,e as InfoBlock,t as InfoCard,w as InfoIcon,io as InfoTag,W as InputGroup,$o as KONTONUMMER_REGEX,ss as KORTNUMMER_REGEX,X as Label,x as Link,b as LinkIcon,Q as LinkList,J as Loader,B as MinusIcon,n as NavCard,z as NavLink,Yo as ORGANISASJONSNUMMER_REGEX,y as PenIcon,M as PlusIcon,c as PlusRemoveAnimated,Io as PopupTip,N as QuestionIcon,O as RedCrossIcon,jo as ScreenReaderOnly,G as SearchIcon,q as SkeletonAnimation,Y as SkeletonButton,Z as SkeletonCheckboxGroup,$ as SkeletonElement,oo as SkeletonInput,so as SkeletonRadioButtonGroup,eo as SkeletonTable,no as SkeletonTableHeader,ro as SkeletonTableRow,to as SkeletonTextArea,ms as SlotComponent,P as SuccessIcon,mo as SuccessTag,_ as SupportLabel,ns as TELEFONNUMMER_REGEX,co as Tag,r as TaskCard,H as ThumbDownIcon,U as ThumbUpIcon,uo as Tooltip,lo as TooltipContent,fo as TooltipTrigger,K as TrashCanIcon,D as WarningIcon,po as WarningTag,xo as formatAvstand,zo as formatBytes,Qo as formatDate,qo as formatFodselsnummer,os as formatKontonummer,es as formatKortnummer,Ko as formatNumber,Zo as formatOrganisasjonsnummer,rs as formatTelefonnummer,ts as formatValuta,ps as getValuePair,cs as initTabListener,as as mergeProps,is as mergeRefs,yo as parseNumber,Fo as registerWithFodselsnummerMask,Vo as registerWithKontonummerMask,Wo as registerWithKortnummerMask,Xo as registerWithMasks,_o as registerWithTelefonnummerMask,ko as tokens,Uo as unicode,go as useAnimatedDetails,ho as useAnimatedHeight,So as useAnimatedHeightBetween,Mo as useAriaLiveRegion,Ao as useAutoAnimatedHeight,Co as useBrowserPreferences,No as useClickOutside,Go as useElementDimensions,Oo as useFocusOutside,Po as useId,To as useIntersectionObserver,Do as useKeyListener,Bo as useListNavigation,Lo as useLocalStorage,vo as useMutationObserver,Eo as usePreviousValue,Ro as useProgressiveImg,wo as useScreen,bo as useScrollIntoView,Ho as useSwipeGesture};
+import{AccordionItem as o}from"./components/accordion/AccordionItem.js";import{Accordion as s}from"./components/accordion/Accordion.js";import{Breadcrumb as e}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as t}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as n,PrimaryButton as r,SecondaryButton as a,TertiaryButton as i}from"./components/button/Button.js";import{Card as m}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as p,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as l}from"./components/card/TaskCard.js";import{InfoCard as f}from"./components/card/InfoCard.js";import{Checkbox as d}from"./components/checkbox/Checkbox.js";import{Combobox as I,getComboboxValuePair as j}from"./components/combobox/Combobox.js";import{CookieConsent as k}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as g,useCookieConsent as h}from"./components/cookie-consent/CookieConsentContext.js";import{Icon as C}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as S}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as b}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as A}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as L}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as T}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as R}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as M}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as v}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as B}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as E}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as w}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as N}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as O}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as P}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as G}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as D}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as y}from"./components/icon/icons/DotsIcon.js";import{DragIcon as H}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as U}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as x}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as K}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as V}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as F}from"./components/icon/icons/LinkIcon.js";import{PlusIcon as W}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as X}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as _}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as z}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as Q}from"./components/icon/icons/SuccessIcon.js";import{WarningIcon as J}from"./components/icon/icons/WarningIcon.js";import{MinusIcon as q}from"./components/icon/icons/MinusIcon.js";import{ThumbDownIcon as Y}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as Z}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as $}from"./components/icon/icons/TrashCanIcon.js";import{PenIcon as oo}from"./components/icon/icons/PenIcon.js";import{IconButton as so}from"./components/icon-button/IconButton.js";import{FieldGroup as eo}from"./components/input-group/FieldGroup.js";import{InputGroup as to}from"./components/input-group/InputGroup.js";import{Label as no}from"./components/input-group/Label.js";import{SupportLabel as ro}from"./components/input-group/SupportLabel.js";import{Link as ao}from"./components/link/Link.js";import{NavLink as io}from"./components/link/NavLink.js";import{LinkList as mo}from"./components/link-list/LinkList.js";import{List as co,OrderedList as po,UnorderedList as uo}from"./components/list/List.js";import{CheckListItem as lo,CrossListItem as fo,ListItem as Io}from"./components/list/ListItem.js";import{Loader as jo}from"./components/loader/Loader.js";import{SkeletonAnimation as ko}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as go}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as ho}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Co}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as So}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as bo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Ao,SkeletonTableHeader as Lo,SkeletonTableRow as To}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Ro}from"./components/loader/skeletons/SkeletonTextArea.js";import{Modal as Mo,ModalActions as vo,ModalBody as Bo,ModalCloseButton as Eo,ModalContainer as wo,ModalHeader as No,ModalOverlay as Oo,ModalTitle as Po}from"./components/modal/Modal.js";import{useModal as Go}from"./components/modal/useModal.js";import{RadioButton as Do}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as yo}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Ho}from"./components/radio-button/BaseRadioButton.js";import{N as Uo,S as xo}from"../NativeSelect-DOSP8-ZQ.js";import{ErrorTag as Ko,InfoTag as Vo,SuccessTag as Fo,Tag as Wo,WarningTag as Xo}from"./components/tag/Tag.js";import{Tooltip as _o}from"./components/tooltip/Tooltip.js";import{TooltipContent as zo}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Qo}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Jo}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as qo}from"./components/ScreenReaderOnly.js";import{default as Yo}from"./core/tokens.js";import{useAnimatedDetails as Zo}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as $o}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as os}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as ss}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as es}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as ts}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as ns}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as rs}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as as}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as is}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as ms}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as cs}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as ps}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as us}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as ls}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as fs}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as ds}from"./hooks/useId/useId.js";import{useKeyListener as Is}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as js}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as ks}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as gs}from"../index-DfvUcA5T.js";import{formatNumber as hs}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Cs}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Ss,registerWithKontonummerMask as bs,registerWithKortnummerMask as As,registerWithMasks as Ls,registerWithTelefonnummerMask as Ts}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as Rs}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as Ms}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as vs}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as Bs,formatFodselsnummer as Es}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as ws,formatOrganisasjonsnummer as Ns}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as Os,formatKontonummer as Ps}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as Gs,formatKortnummer as Ds}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as ys,formatTelefonnummer as Hs}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as Us}from"./utilities/formatters/valuta/formatValuta.js";import{mergeProps as xs}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as Ks}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as Vs}from"./utilities/polymorphism/SlotComponent.js";import{initTabListener as Fs}from"./utilities/tabListener.js";import{getValuePair as Ws}from"./utilities/valuePair.js";export{s as Accordion,o as AccordionItem,L as ArrowDownIcon,b as ArrowHorizontalAnimated,T as ArrowLeftIcon,R as ArrowNorthEastIcon,M as ArrowRightIcon,v as ArrowUpIcon,S as ArrowVerticalAnimated,Ho as BaseRadioButton,e as Breadcrumb,t as BreadcrumbItem,n as Button,B as CalendarIcon,m as Card,c as CardImage,E as CheckIcon,lo as CheckListItem,d as Checkbox,w as ChevronDownIcon,N as ChevronLeftIcon,O as ChevronRightIcon,P as ChevronUpIcon,G as CloseIcon,I as Combobox,k as CookieConsent,g as CookieConsentProvider,D as CopyIcon,fo as CrossListItem,y as DotsIcon,H as DragIcon,U as ErrorIcon,Ko as ErrorTag,Bs as FODSELSNUMMER_REGEX,eo as FieldGroup,x as GreenCheckIcon,K as HamburgerIcon,C as Icon,so as IconButton,p as InfoBlock,f as InfoCard,V as InfoIcon,Vo as InfoTag,to as InputGroup,Os as KONTONUMMER_REGEX,Gs as KORTNUMMER_REGEX,no as Label,ao as Link,F as LinkIcon,mo as LinkList,co as List,Io as ListItem,jo as Loader,q as MinusIcon,Mo as Modal,vo as ModalActions,Bo as ModalBody,Eo as ModalCloseButton,wo as ModalContainer,No as ModalHeader,Oo as ModalOverlay,Po as ModalTitle,Uo as NativeSelect,u as NavCard,io as NavLink,ws as ORGANISASJONSNUMMER_REGEX,po as OrderedList,oo as PenIcon,W as PlusIcon,A as PlusRemoveAnimated,Jo as PopupTip,r as PrimaryButton,X as QuestionIcon,Do as RadioButton,yo as RadioButtonGroup,_ as RedCrossIcon,qo as ScreenReaderOnly,z as SearchIcon,a as SecondaryButton,xo as Select,ko as SkeletonAnimation,go as SkeletonButton,ho as SkeletonCheckboxGroup,Co as SkeletonElement,So as SkeletonInput,bo as SkeletonRadioButtonGroup,Ao as SkeletonTable,Lo as SkeletonTableHeader,To as SkeletonTableRow,Ro as SkeletonTextArea,Vs as SlotComponent,Q as SuccessIcon,Fo as SuccessTag,ro as SupportLabel,ys as TELEFONNUMMER_REGEX,Wo as Tag,l as TaskCard,i as TertiaryButton,Y as ThumbDownIcon,Z as ThumbUpIcon,_o as Tooltip,zo as TooltipContent,Qo as TooltipTrigger,$ as TrashCanIcon,uo as UnorderedList,J as WarningIcon,Xo as WarningTag,Rs as formatAvstand,Ms as formatBytes,vs as formatDate,Es as formatFodselsnummer,Ps as formatKontonummer,Ds as formatKortnummer,hs as formatNumber,Ns as formatOrganisasjonsnummer,Hs as formatTelefonnummer,Us as formatValuta,j as getComboboxValuePair,Ws as getValuePair,Fs as initTabListener,xs as mergeProps,Ks as mergeRefs,Cs as parseNumber,Ss as registerWithFodselsnummerMask,bs as registerWithKontonummerMask,As as registerWithKortnummerMask,Ls as registerWithMasks,Ts as registerWithTelefonnummerMask,Yo as tokens,gs as unicode,Zo as useAnimatedDetails,$o as useAnimatedHeight,os as useAnimatedHeightBetween,ps as useAriaLiveRegion,ss as useAutoAnimatedHeight,es as useBrowserPreferences,us as useClickOutside,h as useCookieConsent,fs as useElementDimensions,ls as useFocusOutside,ds as useId,ts as useIntersectionObserver,Is as useKeyListener,js as useListNavigation,ns as useLocalStorage,Go as useModal,rs as useMutationObserver,as as usePreviousValue,is as useProgressiveImg,ms as useScreen,cs as useScrollIntoView,ks as useSwipeGesture};
 //# sourceMappingURL=index.js.map

package/build/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts

@@ -11,5 +11,5 @@ export interface UseAriaLiveRegionOptions {
  * @returns
  */
 export declare function useAriaLiveRegion(watch: unknown | unknown[], options?: UseAriaLiveRegionOptions): {
-    "aria-live": "off" | "polite" | "assertive" | undefined;
+    "aria-live": "polite" | "assertive" | "off" | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.8.0",
+    "version": "0.9.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -18,14 +18,25 @@
         "./src/core/styles",
         "./src/core/jkl",
         "./src/core/tokens.less",
+        "./src/components/accordion/styles",
+        "./src/components/breadcrumb/styles",
+        "./src/components/button/styles",
         "./src/components/card/styles",
+        "./src/components/checkbox/styles",
+        "./src/components/combobox/styles",
+        "./src/components/cookie-consent/styles",
         "./src/components/icon/styles",
         "./src/components/icon-button/styles",
         "./src/components/image/styles",
         "./src/components/link/styles",
         "./src/components/link-list/styles",
+        "./src/components/list/styles",
         "./src/components/loader/styles",
-        "./src/components/tag/styles"
+        "./src/components/modal/styles",
+        "./src/components/radio-button/styles",
+        "./src/components/select/styles",
+        "./src/components/tag/styles",
+        "./src/components/tooltip/styles"
     ],
     "exports": {
         ".": {
@@ -56,14 +67,24 @@
             "import": "./build/es/components/index.js"
         },
         "./styles/core/*": "./src/core/styles/*",
+        "./styles/accordion/*": "./src/components/accordion/styles/*",
+        "./styles/breadcrumb/*": "./src/components/breadcrumb/styles/*",
+        "./styles/button/*": "./src/components/button/styles/*",
         "./styles/card/*": "./src/components/card/styles/*",
+        "./styles/checkbox/*": "./src/components/checkbox/styles/*",
+        "./styles/combobox/*": "./src/components/combobox/styles/*",
+        "./styles/cookie-consent/*": "./src/components/cookie-consent/styles/*",
         "./styles/icon/*": "./src/components/icon/styles/*",
         "./styles/icon-button/*": "./src/components/icon-button/styles/*",
         "./styles/input-group/*": "./src/components/input-group/styles/*",
         "./styles/image/*": "./src/components/image/styles/*",
         "./styles/link/*": "./src/components/link/styles/*",
         "./styles/link-list/*": "./src/components/link-list/styles/*",
+        "./styles/list/*": "./src/components/list/styles/*",
         "./styles/loader/*": "./src/components/loader/styles/*",
+        "./styles/modal/*": "./src/components/modal/styles/*",
+        "./styles/radio-button/*": "./src/components/radio-button/styles/*",
+        "./styles/select/*": "./src/components/select/styles/*",
         "./styles/tag/*": "./src/components/tag/styles/*",
         "./styles/tooltip/*": "./src/components/tooltip/styles/*"
     },
@@ -78,7 +99,8 @@
     },
     "optionalDependencies": {
         "@floating-ui/react": "^0.24.2",
-        "framer-motion": "^7.10.3"
+        "framer-motion": "^7.10.3",
+        "react-a11y-dialog": "^6.2.0"
     },
     "devDependencies": {
         "@rollup/plugin-terser": "^0.4.4",
@@ -105,5 +127,5 @@
     "bugs": {
         "url": "https://github.com/fremtind/jokul/issues"
     },
-    "gitHead": "72cfad01e665672714cd20ea654f7f818f90dc71"
+    "gitHead": "b7fd36694c50e8bb5cbc728dd1f34c69a1896898"
 }

package/src/components/accordion/styles/_index.scss

@@ -0,0 +1 @@
+@forward "accordion";

package/src/components/accordion/styles/accordion.css

@@ -0,0 +1,166 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 Sep 2024 08:51:40 GMT
+ */
+.jkl-accordion {
+  width: 100%;
+}
+.jkl .jkl-accordion, .jkl-accordion[data-layout-density=comfortable], .jkl-accordion[data-density=comfortable], [data-layout-density=comfortable] .jkl-accordion, [data-density=comfortable] .jkl-accordion {
+  --title-padding: var(--jkl-spacing-16) 3rem var(--jkl-spacing-16) var(--jkl-spacing-16);
+  --arrow-top: 1.25rem;
+  --arrow-right: var(--jkl-spacing-12);
+  --content-padding: var(--jkl-spacing-8) var(--jkl-spacing-16) var(--jkl-spacing-16);
+  --title-font-size: var(--jkl-body-font-size);
+  --title-line-height: var(--jkl-body-line-height);
+  --title-font-weight: var(--jkl-body-font-weight);
+  --content-font-size: var(--jkl-body-font-size);
+  --content-line-height: var(--jkl-body-line-height);
+  --content-font-weight: var(--jkl-body-font-weight);
+}
+@media (width >= 0) and (max-width: 679px) {
+  .jkl .jkl-accordion, .jkl-accordion[data-layout-density=comfortable], .jkl-accordion[data-density=comfortable], [data-layout-density=comfortable] .jkl-accordion, [data-density=comfortable] .jkl-accordion {
+    --title-padding: var(--jkl-spacing-12) 2.75rem var(--jkl-spacing-12) var(--jkl-spacing-12);
+    --content-padding: var(--jkl-spacing-8) var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);
+    --arrow-top: 1.4375rem;
+  }
+}
+.jkl-accordion[data-layout-density=compact], .jkl-accordion[data-density=compact], [data-layout-density=compact] .jkl-accordion, [data-density=compact] .jkl-accordion {
+  --title-padding: var(--jkl-spacing-8) 2rem var(--jkl-spacing-8) var(--jkl-spacing-8);
+  --arrow-top: var(--jkl-spacing-8);
+  --arrow-right: var(--jkl-spacing-4);
+  --content-padding: var(--jkl-spacing-8);
+  --title-font-size: var(--jkl-small-font-size);
+  --title-line-height: var(--jkl-small-line-height);
+  --title-font-weight: var(--jkl-small-font-weight);
+  --content-font-size: var(--jkl-small-font-size);
+  --content-line-height: var(--jkl-small-line-height);
+  --content-font-weight: var(--jkl-small-font-weight);
+}
+
+.jkl-accordion-item {
+  --background: transparent;
+  --text-color: var(--jkl-color-text-default);
+  --title-text-color: var(--jkl-color-text-interactive);
+  --border-color: var(--jkl-color-border-separator);
+  background-color: var(--background);
+  color: var(--text-color);
+  border-bottom: 0.0625rem solid var(--border-color);
+  transition-timing-function: ease;
+  transition-duration: 100ms;
+  transition-property: border-color;
+}
+.jkl-accordion-item:hover {
+  --border-color: var(--jkl-color-border-separator-hover);
+}
+.jkl-accordion-item:hover:not(:first-child) {
+  border-top: 0.0625rem solid var(--border-color);
+}
+.jkl-accordion-item:has(+ [open]), .jkl-accordion-item:has(+ :hover) {
+  border-bottom: none;
+}
+.jkl-accordion-item[open] {
+  --background: var(--jkl-color-background-container-high);
+  border-top: 0.0625rem solid var(--border-color);
+}
+.jkl-accordion-item[open] .jkl-accordion-item__title {
+  --jkl-icon-weight: 500;
+  font-weight: 700;
+  letter-spacing: -0.014em;
+}
+.jkl-accordion-item__title {
+  font-size: var(--title-font-size);
+  line-height: var(--title-line-height);
+  font-weight: var(--title-font-weight);
+  cursor: pointer;
+  color: var(--title-text-color);
+  list-style: none;
+  background-color: transparent;
+  position: relative;
+  padding: var(--title-padding);
+  text-align: left;
+  width: 100%;
+  box-sizing: border-box;
+  outline: 0;
+  border-style: none;
+  outline-style: none;
+}
+.jkl-accordion-item__title:active, .jkl-accordion-item__title:hover, .jkl-accordion-item__title:focus {
+  outline: 0;
+  outline-style: none;
+}
+@media screen and (forced-colors: active) {
+  .jkl-accordion-item__title {
+    outline: revert;
+    border-style: revert;
+    outline-style: revert;
+  }
+  .jkl-accordion-item__title:active, .jkl-accordion-item__title:hover, .jkl-accordion-item__title:focus {
+    outline: revert;
+    outline-style: revert;
+  }
+}
+.jkl-accordion-item__title::-webkit-details-marker {
+  display: none;
+}
+.jkl-accordion-item__title:hover {
+  --title-text-color: var(--jkl-color-text-interactive-hover);
+}
+.jkl-accordion-item__title:hover .jkl-accordion-item__arrow {
+  translate: 0 0.25rem;
+}
+.jkl-accordion-item__title:focus-visible {
+  outline: 2px solid var(--jkl-color-border-action);
+  outline-offset: 0;
+}
+.jkl-accordion-item__arrow {
+  pointer-events: none;
+  position: absolute;
+  right: var(--arrow-right);
+  top: var(--arrow-top);
+  transition-timing-function: ease;
+  transition-duration: 100ms;
+  transition-property: translate;
+}
+@media screen and (forced-colors: active) {
+  .jkl-accordion-item__arrow {
+    stroke: ButtonText;
+    fill: ButtonText;
+  }
+  .jkl-accordion-item__arrow svg, .jkl-accordion-item__arrow path {
+    stroke: ButtonText;
+    fill: ButtonText;
+  }
+}
+.jkl-accordion-item__content-wrapper {
+  transition-timing-function: ease;
+  transition-duration: 150ms;
+  transition-property: height;
+}
+.jkl-accordion-item__content {
+  font-size: var(--content-font-size);
+  line-height: var(--content-line-height);
+  font-weight: var(--content-font-weight);
+  height: auto;
+  padding: var(--content-padding);
+}
+@media screen and (forced-colors: active) {
+  .jkl-accordion-item:nth-child(n) {
+    border-top: 0.125rem solid ButtonText;
+  }
+  .jkl-accordion-item:nth-child(n):hover {
+    border-top: 0.125rem solid ButtonText;
+  }
+  .jkl-accordion-item:nth-child(n):hover + .jkl-accordion-item {
+    border-top: 0.125rem solid ButtonText;
+  }
+  .jkl-accordion-item:last-child {
+    border-bottom: 0.125rem solid ButtonText;
+  }
+  .jkl-accordion-item:last-child:hover {
+    border-bottom: 0.125rem solid ButtonText;
+  }
+  .jkl-accordion-item__title {
+    background-color: ButtonFace;
+    outline: revert;
+  }
+}

package/src/components/accordion/styles/accordion.min.css

@@ -0,0 +1 @@
+.jkl-accordion{width:100%}.jkl .jkl-accordion,.jkl-accordion[data-density=comfortable],.jkl-accordion[data-layout-density=comfortable],[data-density=comfortable] .jkl-accordion,[data-layout-density=comfortable] .jkl-accordion{--title-padding:var(--jkl-spacing-16) 3rem var(--jkl-spacing-16) var(--jkl-spacing-16);--arrow-top:1.25rem;--arrow-right:var(--jkl-spacing-12);--content-padding:var(--jkl-spacing-8) var(--jkl-spacing-16) var(--jkl-spacing-16);--title-font-size:var(--jkl-body-font-size);--title-line-height:var(--jkl-body-line-height);--title-font-weight:var(--jkl-body-font-weight);--content-font-size:var(--jkl-body-font-size);--content-line-height:var(--jkl-body-line-height);--content-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){.jkl .jkl-accordion,.jkl-accordion[data-density=comfortable],.jkl-accordion[data-layout-density=comfortable],[data-density=comfortable] .jkl-accordion,[data-layout-density=comfortable] .jkl-accordion{--title-padding:var(--jkl-spacing-12) 2.75rem var(--jkl-spacing-12) var(--jkl-spacing-12);--content-padding:var(--jkl-spacing-8) var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);--arrow-top:1.4375rem}}.jkl-accordion[data-density=compact],.jkl-accordion[data-layout-density=compact],[data-density=compact] .jkl-accordion,[data-layout-density=compact] .jkl-accordion{--title-padding:var(--jkl-spacing-8) 2rem var(--jkl-spacing-8) var(--jkl-spacing-8);--arrow-top:var(--jkl-spacing-8);--arrow-right:var(--jkl-spacing-4);--content-padding:var(--jkl-spacing-8);--title-font-size:var(--jkl-small-font-size);--title-line-height:var(--jkl-small-line-height);--title-font-weight:var(--jkl-small-font-weight);--content-font-size:var(--jkl-small-font-size);--content-line-height:var(--jkl-small-line-height);--content-font-weight:var(--jkl-small-font-weight)}.jkl-accordion-item{--background:#0000;--text-color:var(--jkl-color-text-default);--title-text-color:var(--jkl-color-text-interactive);--border-color:var(--jkl-color-border-separator);background-color:var(--background);border-bottom:.0625rem solid var(--border-color);color:var(--text-color);transition-duration:.1s;transition-property:border-color;transition-timing-function:ease}.jkl-accordion-item:hover{--border-color:var(--jkl-color-border-separator-hover)}.jkl-accordion-item:hover:not(:first-child){border-top:.0625rem solid var(--border-color)}.jkl-accordion-item:has(+:hover),.jkl-accordion-item:has(+[open]){border-bottom:none}.jkl-accordion-item[open]{--background:var(--jkl-color-background-container-high);border-top:.0625rem solid var(--border-color)}.jkl-accordion-item[open] .jkl-accordion-item__title{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-accordion-item__title{background-color:initial;border-style:none;box-sizing:border-box;color:var(--title-text-color);cursor:pointer;font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);list-style:none;padding:var(--title-padding);position:relative;text-align:left;width:100%}.jkl-accordion-item__title,.jkl-accordion-item__title:active,.jkl-accordion-item__title:focus,.jkl-accordion-item__title:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-accordion-item__title{border-style:revert}.jkl-accordion-item__title,.jkl-accordion-item__title:active,.jkl-accordion-item__title:focus,.jkl-accordion-item__title:hover{outline:revert;outline-style:revert}}.jkl-accordion-item__title::-webkit-details-marker{display:none}.jkl-accordion-item__title:hover{--title-text-color:var(--jkl-color-text-interactive-hover)}.jkl-accordion-item__title:hover .jkl-accordion-item__arrow{translate:0 .25rem}.jkl-accordion-item__title:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:0}.jkl-accordion-item__arrow{pointer-events:none;position:absolute;right:var(--arrow-right);top:var(--arrow-top);transition-duration:.1s;transition-property:translate;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-accordion-item__arrow,.jkl-accordion-item__arrow path,.jkl-accordion-item__arrow svg{stroke:ButtonText;fill:ButtonText}}.jkl-accordion-item__content-wrapper{transition-duration:.15s;transition-property:height;transition-timing-function:ease}.jkl-accordion-item__content{font-size:var(--content-font-size);font-weight:var(--content-font-weight);height:auto;line-height:var(--content-line-height);padding:var(--content-padding)}@media screen and (forced-colors:active){.jkl-accordion-item:nth-child(n),.jkl-accordion-item:nth-child(n):hover,.jkl-accordion-item:nth-child(n):hover+.jkl-accordion-item{border-top:.125rem solid ButtonText}.jkl-accordion-item:last-child,.jkl-accordion-item:last-child:hover{border-bottom:.125rem solid ButtonText}.jkl-accordion-item__title{background-color:ButtonFace;outline:revert}}

package/src/components/accordion/styles/accordion.scss

@@ -0,0 +1,147 @@
+@charset "UTF-8";
+@use "../../../core/jkl";
+
+.jkl-accordion {
+    width: 100%;
+
+    @include jkl.comfortable-density {
+        --title-padding: var(--jkl-spacing-16) #{jkl.rem(48px)} var(--jkl-spacing-16) var(--jkl-spacing-16);
+        --arrow-top: #{jkl.rem(20px)};
+        --arrow-right: var(--jkl-spacing-12);
+        --content-padding: var(--jkl-spacing-8) var(--jkl-spacing-16) var(--jkl-spacing-16);
+        @include jkl.declare-font-variables("title", "body");
+        @include jkl.declare-font-variables("content", "body");
+
+        @include jkl.small-device {
+            --title-padding: var(--jkl-spacing-12) #{jkl.rem(44px)} var(--jkl-spacing-12) var(--jkl-spacing-12);
+            --content-padding: var(--jkl-spacing-8) var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);
+            --arrow-top: #{jkl.rem(23px)};
+        }
+    }
+
+    @include jkl.compact-density {
+        --title-padding: var(--jkl-spacing-8) #{jkl.rem(32px)} var(--jkl-spacing-8) var(--jkl-spacing-8);
+        --arrow-top: var(--jkl-spacing-8);
+        --arrow-right: var(--jkl-spacing-4);
+        --content-padding: var(--jkl-spacing-8);
+        @include jkl.declare-font-variables("title", "small");
+        @include jkl.declare-font-variables("content", "small");
+    }
+}
+
+.jkl-accordion-item {
+    --background: transparent;
+    --text-color: var(--jkl-color-text-default);
+    --title-text-color: var(--jkl-color-text-interactive);
+    --border-color: var(--jkl-color-border-separator);
+
+    background-color: var(--background);
+    color: var(--text-color);
+    border-bottom: jkl.rem(1px) solid var(--border-color);
+
+    @include jkl.motion("standard", "snappy", border-color);
+
+    &:hover {
+        --border-color: var(--jkl-color-border-separator-hover);
+
+        &:not(:first-child) {
+            border-top: jkl.rem(1px) solid var(--border-color);
+        }
+    }
+
+    &:has(+ [open]),
+    &:has(+ :hover) {
+        border-bottom: none;
+    }
+
+    &[open] {
+        --background: var(--jkl-color-background-container-high);
+        border-top: jkl.rem(1px) solid var(--border-color);
+
+        .jkl-accordion-item__title {
+            @include jkl.no-grow-bold;
+        }
+    }
+
+    &__title {
+        @include jkl.use-font-variables("title");
+
+        cursor: pointer;
+        color: var(--title-text-color);
+        list-style: none;
+        background-color: transparent;
+        position: relative;
+        padding: var(--title-padding);
+        text-align: left;
+        width: 100%;
+        box-sizing: border-box;
+
+        @include jkl.reset-outline;
+
+        &::-webkit-details-marker {
+            display: none;
+        }
+
+        &:hover {
+            --title-text-color: var(--jkl-color-text-interactive-hover);
+
+            .jkl-accordion-item__arrow {
+                translate: 0 jkl.rem(4px);
+            }
+        }
+
+        &:focus-visible {
+            @include jkl.focus-outline($offset: 0);
+        }
+    }
+
+    &__arrow {
+        pointer-events: none;
+        position: absolute;
+        right: var(--arrow-right);
+        top: var(--arrow-top);
+
+        @include jkl.motion("standard", "snappy");
+        transition-property: translate;
+
+        @include jkl.forced-colors-svg-fallback($stroke: ButtonText, $fill: ButtonText);
+    }
+
+    &__content-wrapper {
+        @include jkl.motion;
+        transition-property: height;
+    }
+
+    &__content {
+        @include jkl.use-font-variables("content");
+        height: auto;
+        padding: var(--content-padding);
+    }
+
+    @include jkl.forced-colors-mode {
+        &:nth-child(n) {
+            border-top: jkl.rem(2px) solid ButtonText;
+
+            &:hover {
+                border-top: jkl.rem(2px) solid ButtonText;
+
+                + .jkl-accordion-item {
+                    border-top: jkl.rem(2px) solid ButtonText;
+                }
+            }
+        }
+
+        &:last-child {
+            border-bottom: jkl.rem(2px) solid ButtonText;
+
+            &:hover {
+                border-bottom: jkl.rem(2px) solid ButtonText;
+            }
+        }
+
+        &__title {
+            background-color: ButtonFace;
+            outline: revert;
+        }
+    }
+}

package/src/components/breadcrumb/styles/_index.scss

@@ -0,0 +1 @@
+@forward "breadcrumb";

package/src/components/breadcrumb/styles/breadcrumb.css

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 Sep 2024 08:51:40 GMT
+ */
+.jkl-breadcrumb a[aria-current] {
+  text-decoration: none;
+  background-image: none;
+  color: var(--jkl-color-text-interactive);
+}
+.jkl-breadcrumb a[aria-current]:hover {
+  cursor: default;
+  color: var(--jkl-color-text-interactive-hover);
+  background-image: none;
+}
+.jkl-breadcrumb__list {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding-inline-start: 0;
+}
+.jkl-breadcrumb__item {
+  margin-bottom: 0.5rem;
+  white-space: nowrap;
+}
+.jkl-breadcrumb__item-separator {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}

package/src/components/breadcrumb/styles/breadcrumb.min.css

@@ -0,0 +1 @@
+.jkl-breadcrumb a[aria-current]{background-image:none;color:var(--jkl-color-text-interactive);text-decoration:none}.jkl-breadcrumb a[aria-current]:hover{background-image:none;color:var(--jkl-color-text-interactive-hover);cursor:default}.jkl-breadcrumb__list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding-inline-start:0}.jkl-breadcrumb__item{margin-bottom:.5rem;white-space:nowrap}.jkl-breadcrumb__item-separator{padding-left:.5rem;padding-right:.5rem}

package/src/components/breadcrumb/styles/breadcrumb.scss

@@ -0,0 +1,34 @@
+@charset "UTF-8";
+@use "../../../core/jkl";
+
+.jkl-breadcrumb {
+    a[aria-current] {
+        text-decoration: none;
+        background-image: none;
+        color: var(--jkl-color-text-interactive);
+
+        &:hover {
+            cursor: default;
+            color: var(--jkl-color-text-interactive-hover);
+            background-image: none;
+        }
+    }
+
+    &__list {
+        display: flex;
+        flex-wrap: wrap;
+        list-style: none;
+        margin: 0;
+        padding-inline-start: 0;
+    }
+
+    &__item {
+        margin-bottom: jkl.$spacing-8;
+        white-space: nowrap;
+    }
+
+    &__item-separator {
+        padding-left: jkl.$spacing-8;
+        padding-right: jkl.$spacing-8;
+    }
+}

package/src/components/button/styles/_index.scss

@@ -0,0 +1 @@
+@forward "button";