@kakadu/components 2.2.1 → 2.3.1

package/build/icons/icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),s=require("./kakadu-guide-icon.js"),n=require("./kakadu-guide-glyph.js"),c=require("./dots.js"),i=require("./menu.js"),u=require("./check.js"),d=require("./plus.js"),l=require("./times.js"),h=require("./chevron-up.js"),f=require("./chevron-right.js"),w=require("./chevron-down.js"),_=require("./chevron-left.js"),q=require("./caret-up.js"),g=require("./caret-right.js"),k=require("./caret-down.js"),m=require("./caret-left.js"),L=require("./arrow-up.js"),U=require("./arrow-right.js"),v=require("./arrow-down.js"),D=require("./arrow-left.js"),R=require("./anchor-up.js"),x=require("./anchor-down.js"),G=require("./trend-up.js"),p=require("./edit.js"),B=require("./copy.js"),S=require("./select.js"),j=require("./test.js"),b=require("./share.js"),M=require("./external.js"),C=require("./exclamation-triangle.js"),E=require("./sparkle.js"),O=require("./trash.js"),P=require("./chrome-browser-logo.js"),z=require("./edge-browser-logo.js");var t=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.dots="dots",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronUp="chevronUp",e.chevronRight="chevronRight",e.chevronDown="chevronDown",e.chevronLeft="chevronLeft",e.caretUp="caretUp",e.caretRight="caretRight",e.caretDown="caretDown",e.caretLeft="caretLeft",e.arrowUp="arrowUp",e.arrowRight="arrowRight",e.arrowDown="arrowDown",e.arrowLeft="arrowLeft",e.anchorUp="anchorUp",e.anchorDown="anchorDown",e.trendUp="trendUp",e.edit="edit",e.copy="copy",e.select="select",e.test="test",e.share="share",e.external="external",e.exclamationTriangle="exclamationTriangle",e.sparkle="sparkle",e.trash="trash",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(t||{});const A={kakaduGuide:s.default,kakaduGuideGlyph:n.default,dots:c.default,menu:i.default,check:u.default,plus:d.default,times:l.default,chevronUp:h.default,chevronRight:f.default,chevronDown:w.default,chevronLeft:_.default,caretUp:q.default,caretRight:g.default,caretDown:k.default,caretLeft:m.default,arrowUp:L.default,arrowRight:U.default,arrowDown:v.default,arrowLeft:D.default,anchorUp:R.default,anchorDown:x.default,trendUp:G.default,edit:p.default,copy:B.default,select:S.default,test:j.default,share:b.default,external:M.default,exclamationTriangle:C.default,sparkle:E.default,trash:O.default,chromeBrowserLogo:P.default,edgeBrowserLogo:z.default},F="kakadu-components-2395643287";function H({type:e,...o}){const r=A[e];return r?a.jsxRuntimeExports.jsx(r,{...o}):null}exports.IconType=t;exports.default=H;exports.iconShadowStyles=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),s=require("./kakadu-guide-icon.js"),n=require("./kakadu-guide-glyph.js"),i=require("./dots.js"),c=require("./menu.js"),u=require("./check.js"),d=require("./plus.js"),l=require("./times.js"),h=require("./chevron-up.js"),f=require("./chevron-right.js"),w=require("./chevron-down.js"),_=require("./chevron-left.js"),q=require("./caret-up.js"),g=require("./caret-right.js"),k=require("./caret-down.js"),m=require("./caret-left.js"),L=require("./arrow-up.js"),U=require("./arrow-right.js"),v=require("./arrow-down.js"),D=require("./arrow-left.js"),R=require("./anchor-up.js"),x=require("./anchor-down.js"),G=require("./trend-up.js"),p=require("./edit.js"),B=require("./copy.js"),S=require("./select.js"),j=require("./test.js"),b=require("./share.js"),M=require("./external.js"),C=require("./exclamation-triangle.js"),E=require("./sparkle.js"),O=require("./trash.js"),P=require("./chrome-browser-logo.js"),z=require("./edge-browser-logo.js");var t=(e=>(e.kakaduGuide="kakaduGuide",e.kakaduGuideGlyph="kakaduGuideGlyph",e.dots="dots",e.menu="menu",e.check="check",e.plus="plus",e.times="times",e.chevronUp="chevronUp",e.chevronRight="chevronRight",e.chevronDown="chevronDown",e.chevronLeft="chevronLeft",e.caretUp="caretUp",e.caretRight="caretRight",e.caretDown="caretDown",e.caretLeft="caretLeft",e.arrowUp="arrowUp",e.arrowRight="arrowRight",e.arrowDown="arrowDown",e.arrowLeft="arrowLeft",e.anchorUp="anchorUp",e.anchorDown="anchorDown",e.trendUp="trendUp",e.edit="edit",e.copy="copy",e.select="select",e.test="test",e.share="share",e.external="external",e.exclamationTriangle="exclamationTriangle",e.sparkle="sparkle",e.trash="trash",e.chromeBrowserLogo="chromeBrowserLogo",e.edgeBrowserLogo="edgeBrowserLogo",e))(t||{});const A={kakaduGuide:s.default,kakaduGuideGlyph:n.default,dots:i.default,menu:c.default,check:u.default,plus:d.default,times:l.default,chevronUp:h.default,chevronRight:f.default,chevronDown:w.default,chevronLeft:_.default,caretUp:q.default,caretRight:g.default,caretDown:k.default,caretLeft:m.default,arrowUp:L.default,arrowRight:U.default,arrowDown:v.default,arrowLeft:D.default,anchorUp:R.default,anchorDown:x.default,trendUp:G.default,edit:p.default,copy:B.default,select:S.default,test:j.default,share:b.default,external:M.default,exclamationTriangle:C.default,sparkle:E.default,trash:O.default,chromeBrowserLogo:P.default,edgeBrowserLogo:z.default},F="kakadu-components-2395643287";function H({type:e,...o}){const r=A[e];return r?a.jsxRuntimeExports.jsx(r,{...o,"aria-hidden":"true"}):null}exports.IconType=t;exports.default=H;exports.iconShadowStyles=F;

package/build/icons/icon.mjs

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import m from "./kakadu-guide-icon.mjs";
-import a from "./kakadu-guide-glyph.mjs";
+import a from "./kakadu-guide-icon.mjs";
+import m from "./kakadu-guide-glyph.mjs";
 import i from "./dots.mjs";
 import g from "./menu.mjs";
 import h from "./check.mjs";
@@ -13,8 +13,8 @@ import w from "./chevron-left.mjs";
 import S from "./caret-up.mjs";
 import d from "./caret-right.mjs";
 import l from "./caret-down.mjs";
-import c from "./caret-left.mjs";
-import u from "./arrow-up.mjs";
+import u from "./caret-left.mjs";
+import c from "./arrow-up.mjs";
 import k from "./arrow-right.mjs";
 import L from "./arrow-down.mjs";
 import U from "./arrow-left.mjs";
@@ -34,8 +34,8 @@ import b from "./chrome-browser-logo.mjs";
 import q from "./edge-browser-logo.mjs";
 var z = /* @__PURE__ */ ((r) => (r.kakaduGuide = "kakaduGuide", r.kakaduGuideGlyph = "kakaduGuideGlyph", r.dots = "dots", r.menu = "menu", r.check = "check", r.plus = "plus", r.times = "times", r.chevronUp = "chevronUp", r.chevronRight = "chevronRight", r.chevronDown = "chevronDown", r.chevronLeft = "chevronLeft", r.caretUp = "caretUp", r.caretRight = "caretRight", r.caretDown = "caretDown", r.caretLeft = "caretLeft", r.arrowUp = "arrowUp", r.arrowRight = "arrowRight", r.arrowDown = "arrowDown", r.arrowLeft = "arrowLeft", r.anchorUp = "anchorUp", r.anchorDown = "anchorDown", r.trendUp = "trendUp", r.edit = "edit", r.copy = "copy", r.select = "select", r.test = "test", r.share = "share", r.external = "external", r.exclamationTriangle = "exclamationTriangle", r.sparkle = "sparkle", r.trash = "trash", r.chromeBrowserLogo = "chromeBrowserLogo", r.edgeBrowserLogo = "edgeBrowserLogo", r))(z || {});
 const F = {
-  kakaduGuide: m,
-  kakaduGuideGlyph: a,
+  kakaduGuide: a,
+  kakaduGuideGlyph: m,
   dots: i,
   menu: g,
   check: h,
@@ -48,8 +48,8 @@ const F = {
   caretUp: S,
   caretRight: d,
   caretDown: l,
-  caretLeft: c,
-  arrowUp: u,
+  caretLeft: u,
+  arrowUp: c,
   arrowRight: k,
   arrowDown: L,
   arrowLeft: U,
@@ -67,16 +67,16 @@ const F = {
   trash: P,
   chromeBrowserLogo: b,
   edgeBrowserLogo: q
-}, ur = "kakadu-components-2395643287";
+}, cr = "kakadu-components-2395643287";
 function kr({
   type: r,
   ...t
 }) {
   const o = F[r];
-  return o ? /* @__PURE__ */ e.jsx(o, { ...t }) : null;
+  return o ? /* @__PURE__ */ e.jsx(o, { ...t, "aria-hidden": "true" }) : null;
 }
 export {
   z as IconType,
   kr as default,
-  ur as iconShadowStyles
+  cr as iconShadowStyles
 };

package/build/index.d.ts

@@ -62,6 +62,10 @@ export * from './components/notice';
 export { default as Notice } from './components/notice';
 export * from './components/notification';
 export { default as Notification } from './components/notification';
+export * from './components/popover-menu';
+export { default as PopoverMenu } from './components/popover-menu';
+export * from './components/popover';
+export { default as Popover } from './components/popover';
 export * from './components/revealer';
 export { default as Revealer } from './components/revealer';
 export * from './components/separator';

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),d=require("./components/aria-text.js"),f=require("./components/atom.js"),L=require("./components/bankid-logo.js"),T=require("./components/box.js"),n=require("./components/button.js"),p=require("./components/button-tooltip.js"),b=require("./components/card.js"),B=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),x=require("./components/datum.js"),C=require("./components/dnb-logo.js"),G=require("./components/dot.js"),g=require("./components/flex.js"),S=require("./components/footer.js"),P=require("./components/gauge.js"),R=require("./components/gjensidige-logo.js"),A=require("./components/header.js"),m=require("./components/hover-gradient.js"),q=require("./components/icon-button.js"),a=require("./components/input.js"),D=require("./components/kakadu-guide-icon.js"),u=require("./components/kakadu-guide-logo.js"),M=require("./components/kakadu-index-logo.js"),F=require("./components/kakadu-academy-logo.js"),K=require("./components/kakadu-logo.js"),s=require("./components/modal.js"),V=require("./components/moving-gradients.js"),H=require("./components/moving-stars.js"),i=require("./components/notice.js"),c=require("./components/notification.js"),_=require("./components/revealer.js"),r=require("./components/separator.js"),v=require("./components/skeleton.js"),N=require("./components/sparebank1-logo.js"),h=require("./components/spinner.js"),U=require("./components/sto-logo.js"),E=require("./components/storebrand-logo.js"),o=require("./components/text.js"),y=require("./components/text-button.js"),t=require("./components/theme-setter.js"),W=require("./components/veil.js"),k=require("./components/wrapper.js"),l=require("./icons/icon.js"),j=require("./icons/kakadu-guide-icon.js"),Q=require("./icons/kakadu-guide-glyph.js"),O=require("./icons/dots.js"),z=require("./icons/menu.js"),J=require("./icons/check.js"),X=require("./icons/plus.js"),Y=require("./icons/times.js"),Z=require("./icons/chevron-up.js"),$=require("./icons/chevron-right.js"),ee=require("./icons/chevron-down.js"),oe=require("./icons/chevron-left.js"),te=require("./icons/caret-up.js"),ne=require("./icons/caret-right.js"),re=require("./icons/caret-down.js"),ae=require("./icons/caret-left.js"),ue=require("./icons/arrow-up.js"),se=require("./icons/arrow-right.js"),ie=require("./icons/arrow-down.js"),ce=require("./icons/arrow-left.js"),le=require("./icons/anchor-up.js"),de=require("./icons/anchor-down.js"),fe=require("./icons/trend-up.js"),pe=require("./icons/edit.js"),ge=require("./icons/copy.js"),Se=require("./icons/select.js"),me=require("./icons/test.js"),qe=require("./icons/share.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/sparkle.js"),ye=require("./icons/trash.js"),ke=require("./icons/chrome-browser-logo.js"),Le=require("./icons/edge-browser-logo.js"),Te=require("./hooks/use-media-query.js"),be=require("./hooks/use-fetch.js"),Be=require("./utilities/copy-to-clipboard.js"),we=require("./utilities/generate-random-id.js"),Ie=require("./utilities/scale.js");exports.FontFamilyHead=e.FontFamilyHead;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.AriaText=d.default;exports.ariaTextStyles=d.ariaTextStyles;exports.Atom=f.default;exports.defaultAtomElementType=f.defaultAtomElementType;exports.BankidLogo=L.default;exports.Box=T.default;exports.Button=n.default;exports.ButtonVariant=n.ButtonVariant;exports.buttonDangerStyles=n.buttonDangerStyles;exports.buttonSecondaryStyles=n.buttonSecondaryStyles;exports.buttonSuccessStyles=n.buttonSuccessStyles;exports.buttonWarningStyles=n.buttonWarningStyles;exports.ButtonTooltip=p.default;exports.ButtonTooltipPosition=p.ButtonTooltipPosition;exports.Card=b.default;exports.ClickRipples=B.default;exports.Collapsible=w.default;exports.CopyIconButton=I.default;exports.Datum=x.default;exports.DnbLogo=C.default;exports.Dot=G.default;exports.Flex=g.default;exports.FlexAlignment=g.FlexAlignment;exports.Footer=S.default;exports.FooterLinkItem=S.FooterLinkItem;exports.Gauge=P.default;exports.GjensidigeLogo=R.default;exports.Header=A.default;exports.HoverGradient=m.default;exports.normalBlendStyles=m.normalBlendStyles;exports.IconButton=q.default;exports.IconButtonVariant=q.IconButtonVariant;exports.Input=a.default;exports.Select=a.Select;exports.errorParagraph=a.errorParagraph;exports.KakaduGuideIcon=D.default;exports.KakaduGuideLogo=u.default;exports.KakaduGuideLogoSvg=u.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=u.KakaduGuideLogoVariant;exports.KakaduIndexLogo=M.default;exports.KakaduAcademyLogo=F.default;exports.KakaduLogo=K.default;exports.Modal=s.default;exports.useModal=s.useModal;exports.useModalContext=s.useModalContext;exports.MovingGradients=V.default;exports.MovingStars=H.default;exports.Notice=i.default;exports.NoticeType=i.NoticeType;exports.NotificationType=i.NoticeType;exports.Notification=c.default;exports.NotificationProvider=c.NotificationProvider;exports.useCreateNotification=c.useCreateNotification;exports.Revealer=_.default;exports.useRevealer=_.useRevealer;exports.Separator=r.default;exports.SeparatorLabel=r.SeparatorLabel;exports.SmallSeparator=r.SmallSeparator;exports.VerticalSeparator=r.VerticalSeparator;exports.Skeleton=v.default;exports.SkeletonInstance=v.SkeletonInstance;exports.Sparebank1Logo=N.default;exports.RevealSpinner=h.RevealSpinner;exports.Spinner=h.default;exports.StoLogo=U.default;exports.StorebrandLogo=E.default;exports.AnchorHeading=o.AnchorHeading;exports.Heading=o.Heading;exports.Hero=o.Hero;exports.Label=o.Label;exports.Paragraph=o.Paragraph;exports.Span=o.Span;exports.Text=o.default;exports.spanStyles=o.spanStyles;exports.textShadowStyles=o.textShadowStyles;exports.TextButton=y.default;exports.TextButtonVariant=y.TextButtonVariant;exports.ThemeSetter=t.default;exports.getThemePreference=t.getThemePreference;exports.setThemePreference=t.setThemePreference;exports.themePreferences=t.themePreferences;exports.useIsDarkMode=t.useIsDarkMode;exports.useIsLightMode=t.useIsLightMode;exports.useTheme=t.useTheme;exports.Veil=W.default;exports.Wrapper=k.default;exports.WrapperWidth=k.WrapperWidth;exports.Icon=l.default;exports.IconType=l.IconType;exports.iconShadowStyles=l.iconShadowStyles;exports.KakaduGuideIconSvg=j.default;exports.KakaduGuideGlyphSvg=Q.default;exports.DotsSvg=O.default;exports.MenuSvg=z.default;exports.CheckSvg=J.default;exports.PlusSvg=X.default;exports.TimesSvg=Y.default;exports.ChevronUpSvg=Z.default;exports.ChevronRightSvg=$.default;exports.ChevronDownSvg=ee.default;exports.ChevronLeftSvg=oe.default;exports.CaretUpSvg=te.default;exports.CaretRightSvg=ne.default;exports.CaretDownSvg=re.default;exports.CaretLeftSvg=ae.default;exports.ArrowUpSvg=ue.default;exports.ArrowRightSvg=se.default;exports.ArrowDownSvg=ie.default;exports.ArrowLeftSvg=ce.default;exports.AnchorUpSvg=le.default;exports.AnchorDownSvg=de.default;exports.TrendUpSvg=fe.default;exports.EditSvg=pe.default;exports.CopySvg=ge.default;exports.SelectSvg=Se.default;exports.TestSvg=me.default;exports.ShareSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.SparkleSvg=he.default;exports.TrashSvg=ye.default;exports.ChromeBrowserLogoSvg=ke.default;exports.EdgeBrowserLogoSvg=Le.default;exports.useMediaQuery=Te.default;exports.useFetch=be.default;exports.copyToClipboard=Be.default;exports.generateRandomId=we.default;exports.scale=Ie.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),p=require("./components/aria-text.js"),f=require("./components/atom.js"),b=require("./components/bankid-logo.js"),x=require("./components/box.js"),n=require("./components/button.js"),g=require("./components/button-tooltip.js"),B=require("./components/card.js"),w=require("./components/click-ripples.js"),C=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),P=require("./components/datum.js"),G=require("./components/dnb-logo.js"),M=require("./components/dot.js"),S=require("./components/flex.js"),m=require("./components/footer.js"),R=require("./components/gauge.js"),A=require("./components/gjensidige-logo.js"),D=require("./components/header.js"),q=require("./components/hover-gradient.js"),_=require("./components/icon-button.js"),a=require("./components/input.js"),F=require("./components/kakadu-guide-icon.js"),u=require("./components/kakadu-guide-logo.js"),K=require("./components/kakadu-index-logo.js"),V=require("./components/kakadu-academy-logo.js"),H=require("./components/kakadu-logo.js"),s=require("./components/modal.js"),N=require("./components/moving-gradients.js"),U=require("./components/moving-stars.js"),i=require("./components/notice.js"),c=require("./components/notification.js"),v=require("./components/popover-menu.js"),l=require("./components/popover.js"),h=require("./components/revealer.js"),r=require("./components/separator.js"),y=require("./components/skeleton.js"),E=require("./components/sparebank1-logo.js"),k=require("./components/spinner.js"),W=require("./components/sto-logo.js"),j=require("./components/storebrand-logo.js"),o=require("./components/text.js"),L=require("./components/text-button.js"),t=require("./components/theme-setter.js"),Q=require("./components/veil.js"),T=require("./components/wrapper.js"),d=require("./icons/icon.js"),O=require("./icons/kakadu-guide-icon.js"),z=require("./icons/kakadu-guide-glyph.js"),J=require("./icons/dots.js"),X=require("./icons/menu.js"),Y=require("./icons/check.js"),Z=require("./icons/plus.js"),$=require("./icons/times.js"),ee=require("./icons/chevron-up.js"),oe=require("./icons/chevron-right.js"),te=require("./icons/chevron-down.js"),ne=require("./icons/chevron-left.js"),re=require("./icons/caret-up.js"),ae=require("./icons/caret-right.js"),ue=require("./icons/caret-down.js"),se=require("./icons/caret-left.js"),ie=require("./icons/arrow-up.js"),ce=require("./icons/arrow-right.js"),le=require("./icons/arrow-down.js"),de=require("./icons/arrow-left.js"),pe=require("./icons/anchor-up.js"),fe=require("./icons/anchor-down.js"),ge=require("./icons/trend-up.js"),Se=require("./icons/edit.js"),me=require("./icons/copy.js"),qe=require("./icons/select.js"),_e=require("./icons/test.js"),ve=require("./icons/share.js"),he=require("./icons/external.js"),ye=require("./icons/exclamation-triangle.js"),ke=require("./icons/sparkle.js"),Le=require("./icons/trash.js"),Te=require("./icons/chrome-browser-logo.js"),be=require("./icons/edge-browser-logo.js"),xe=require("./hooks/use-media-query.js"),Be=require("./hooks/use-fetch.js"),we=require("./utilities/copy-to-clipboard.js"),Ce=require("./utilities/generate-random-id.js"),Ie=require("./utilities/scale.js");exports.FontFamilyHead=e.FontFamilyHead;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.AriaText=p.default;exports.ariaTextStyles=p.ariaTextStyles;exports.Atom=f.default;exports.defaultAtomElementType=f.defaultAtomElementType;exports.BankidLogo=b.default;exports.Box=x.default;exports.Button=n.default;exports.ButtonVariant=n.ButtonVariant;exports.buttonDangerStyles=n.buttonDangerStyles;exports.buttonSecondaryStyles=n.buttonSecondaryStyles;exports.buttonSuccessStyles=n.buttonSuccessStyles;exports.buttonWarningStyles=n.buttonWarningStyles;exports.ButtonTooltip=g.default;exports.ButtonTooltipPosition=g.ButtonTooltipPosition;exports.Card=B.default;exports.ClickRipples=w.default;exports.Collapsible=C.default;exports.CopyIconButton=I.default;exports.Datum=P.default;exports.DnbLogo=G.default;exports.Dot=M.default;exports.Flex=S.default;exports.FlexAlignment=S.FlexAlignment;exports.Footer=m.default;exports.FooterLinkItem=m.FooterLinkItem;exports.Gauge=R.default;exports.GjensidigeLogo=A.default;exports.Header=D.default;exports.HoverGradient=q.default;exports.normalBlendStyles=q.normalBlendStyles;exports.IconButton=_.default;exports.IconButtonVariant=_.IconButtonVariant;exports.Input=a.default;exports.Select=a.Select;exports.errorParagraph=a.errorParagraph;exports.KakaduGuideIcon=F.default;exports.KakaduGuideLogo=u.default;exports.KakaduGuideLogoSvg=u.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=u.KakaduGuideLogoVariant;exports.KakaduIndexLogo=K.default;exports.KakaduAcademyLogo=V.default;exports.KakaduLogo=H.default;exports.Modal=s.default;exports.useModal=s.useModal;exports.useModalContext=s.useModalContext;exports.MovingGradients=N.default;exports.MovingStars=U.default;exports.Notice=i.default;exports.NoticeType=i.NoticeType;exports.NotificationType=i.NoticeType;exports.Notification=c.default;exports.NotificationProvider=c.NotificationProvider;exports.useCreateNotification=c.useCreateNotification;exports.PopoverMenu=v.default;exports.usePopoverMenu=v.usePopoverMenu;exports.Popover=l.default;exports.usePopover=l.usePopover;exports.usePopoverContext=l.usePopoverContext;exports.Revealer=h.default;exports.useRevealer=h.useRevealer;exports.Separator=r.default;exports.SeparatorLabel=r.SeparatorLabel;exports.SmallSeparator=r.SmallSeparator;exports.VerticalSeparator=r.VerticalSeparator;exports.Skeleton=y.default;exports.SkeletonInstance=y.SkeletonInstance;exports.Sparebank1Logo=E.default;exports.RevealSpinner=k.RevealSpinner;exports.Spinner=k.default;exports.StoLogo=W.default;exports.StorebrandLogo=j.default;exports.AnchorHeading=o.AnchorHeading;exports.Heading=o.Heading;exports.Hero=o.Hero;exports.Label=o.Label;exports.Paragraph=o.Paragraph;exports.Span=o.Span;exports.Text=o.default;exports.spanStyles=o.spanStyles;exports.textShadowStyles=o.textShadowStyles;exports.TextButton=L.default;exports.TextButtonVariant=L.TextButtonVariant;exports.ThemeSetter=t.default;exports.getThemePreference=t.getThemePreference;exports.setThemePreference=t.setThemePreference;exports.themePreferences=t.themePreferences;exports.useIsDarkMode=t.useIsDarkMode;exports.useIsLightMode=t.useIsLightMode;exports.useTheme=t.useTheme;exports.Veil=Q.default;exports.Wrapper=T.default;exports.WrapperWidth=T.WrapperWidth;exports.Icon=d.default;exports.IconType=d.IconType;exports.iconShadowStyles=d.iconShadowStyles;exports.KakaduGuideIconSvg=O.default;exports.KakaduGuideGlyphSvg=z.default;exports.DotsSvg=J.default;exports.MenuSvg=X.default;exports.CheckSvg=Y.default;exports.PlusSvg=Z.default;exports.TimesSvg=$.default;exports.ChevronUpSvg=ee.default;exports.ChevronRightSvg=oe.default;exports.ChevronDownSvg=te.default;exports.ChevronLeftSvg=ne.default;exports.CaretUpSvg=re.default;exports.CaretRightSvg=ae.default;exports.CaretDownSvg=ue.default;exports.CaretLeftSvg=se.default;exports.ArrowUpSvg=ie.default;exports.ArrowRightSvg=ce.default;exports.ArrowDownSvg=le.default;exports.ArrowLeftSvg=de.default;exports.AnchorUpSvg=pe.default;exports.AnchorDownSvg=fe.default;exports.TrendUpSvg=ge.default;exports.EditSvg=Se.default;exports.CopySvg=me.default;exports.SelectSvg=qe.default;exports.TestSvg=_e.default;exports.ShareSvg=ve.default;exports.ExternalSvg=he.default;exports.ExclamationTriangleSvg=ye.default;exports.SparkleSvg=ke.default;exports.TrashSvg=Le.default;exports.ChromeBrowserLogoSvg=Te.default;exports.EdgeBrowserLogoSvg=be.default;exports.useMediaQuery=xe.default;exports.useFetch=Be.default;exports.copyToClipboard=we.default;exports.generateRandomId=Ce.default;exports.scale=Ie.default;

package/build/index.mjs

@@ -1,12 +1,12 @@
-import { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as l, lightBackgroundColor as d, nonInteractiveEffectStyles as u, overflowProtectionStyles as s, default as p } from "./theme.mjs";
+import { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as l, lightBackgroundColor as u, nonInteractiveEffectStyles as d, overflowProtectionStyles as s, default as p } from "./theme.mjs";
 import { default as x, ariaTextStyles as n } from "./components/aria-text.mjs";
 import { default as S, defaultAtomElementType as i } from "./components/atom.mjs";
 import { default as c } from "./components/bankid-logo.mjs";
 import { default as y } from "./components/box.mjs";
-import { default as k, ButtonVariant as L, buttonDangerStyles as C, buttonSecondaryStyles as B, buttonSuccessStyles as I, buttonWarningStyles as w } from "./components/button.mjs";
-import { default as A, ButtonTooltipPosition as G } from "./components/button-tooltip.mjs";
-import { default as K } from "./components/card.mjs";
-import { default as P } from "./components/click-ripples.mjs";
+import { default as k, ButtonVariant as C, buttonDangerStyles as L, buttonSecondaryStyles as B, buttonSuccessStyles as I, buttonWarningStyles as P } from "./components/button.mjs";
+import { default as b, ButtonTooltipPosition as A } from "./components/button-tooltip.mjs";
+import { default as M } from "./components/card.mjs";
+import { default as K } from "./components/click-ripples.mjs";
 import { default as F } from "./components/collapsible.mjs";
 import { default as E } from "./components/copy-icon-button.mjs";
 import { default as V } from "./components/datum.mjs";
@@ -18,108 +18,110 @@ import { default as _ } from "./components/gauge.mjs";
 import { default as ee } from "./components/gjensidige-logo.mjs";
 import { default as te } from "./components/header.mjs";
 import { default as re, normalBlendStyles as fe } from "./components/hover-gradient.mjs";
-import { default as de, IconButtonVariant as ue } from "./components/icon-button.mjs";
+import { default as ue, IconButtonVariant as de } from "./components/icon-button.mjs";
 import { default as pe, Select as me, errorParagraph as xe } from "./components/input.mjs";
 import { default as ge } from "./components/kakadu-guide-icon.mjs";
 import { default as ie, KakaduGuideLogoSvg as ve, KakaduGuideLogoVariant as ce } from "./components/kakadu-guide-logo.mjs";
 import { default as ye } from "./components/kakadu-index-logo.mjs";
 import { default as ke } from "./components/kakadu-academy-logo.mjs";
-import { default as Ce } from "./components/kakadu-logo.mjs";
-import { default as Ie, useModal as we, useModalContext as be } from "./components/modal.mjs";
-import { default as Ge } from "./components/moving-gradients.mjs";
-import { default as Ke } from "./components/moving-stars.mjs";
-import { default as Pe, NoticeType as Re, NoticeType as Fe } from "./components/notice.mjs";
+import { default as Le } from "./components/kakadu-logo.mjs";
+import { default as Ie, useModal as Pe, useModalContext as we } from "./components/modal.mjs";
+import { default as Ae } from "./components/moving-gradients.mjs";
+import { default as Me } from "./components/moving-stars.mjs";
+import { default as Ke, NoticeType as Re, NoticeType as Fe } from "./components/notice.mjs";
 import { default as Ee, NotificationProvider as He, useCreateNotification as Ve } from "./components/notification.mjs";
-import { default as We, useRevealer as je } from "./components/revealer.mjs";
-import { default as qe, SeparatorLabel as ze, SmallSeparator as Je, VerticalSeparator as Oe } from "./components/separator.mjs";
-import { default as Ye, SkeletonInstance as Ze } from "./components/skeleton.mjs";
-import { default as $e } from "./components/sparebank1-logo.mjs";
-import { RevealSpinner as oo, default as to } from "./components/spinner.mjs";
-import { default as ro } from "./components/sto-logo.mjs";
-import { default as lo } from "./components/storebrand-logo.mjs";
-import { AnchorHeading as so, Heading as po, Hero as mo, Label as xo, Paragraph as no, Span as go, default as So, spanStyles as io, textShadowStyles as vo } from "./components/text.mjs";
-import { default as ho, TextButtonVariant as yo } from "./components/text-button.mjs";
-import { default as ko, getThemePreference as Lo, setThemePreference as Co, themePreferences as Bo, useIsDarkMode as Io, useIsLightMode as wo, useTheme as bo } from "./components/theme-setter.mjs";
-import { default as Go } from "./components/veil.mjs";
-import { default as Ko, WrapperWidth as Mo } from "./components/wrapper.mjs";
-import { default as Ro, IconType as Fo, iconShadowStyles as No } from "./icons/icon.mjs";
-import { default as Ho } from "./icons/kakadu-guide-icon.mjs";
-import { default as Uo } from "./icons/kakadu-guide-glyph.mjs";
-import { default as jo } from "./icons/dots.mjs";
-import { default as qo } from "./icons/menu.mjs";
-import { default as Jo } from "./icons/check.mjs";
-import { default as Xo } from "./icons/plus.mjs";
-import { default as Zo } from "./icons/times.mjs";
-import { default as $o } from "./icons/chevron-up.mjs";
-import { default as ot } from "./icons/chevron-right.mjs";
-import { default as at } from "./icons/chevron-down.mjs";
-import { default as ft } from "./icons/chevron-left.mjs";
-import { default as dt } from "./icons/caret-up.mjs";
-import { default as st } from "./icons/caret-right.mjs";
-import { default as mt } from "./icons/caret-down.mjs";
-import { default as nt } from "./icons/caret-left.mjs";
-import { default as St } from "./icons/arrow-up.mjs";
-import { default as vt } from "./icons/arrow-right.mjs";
-import { default as ht } from "./icons/arrow-down.mjs";
-import { default as Tt } from "./icons/arrow-left.mjs";
-import { default as Lt } from "./icons/anchor-up.mjs";
-import { default as Bt } from "./icons/anchor-down.mjs";
-import { default as wt } from "./icons/trend-up.mjs";
-import { default as At } from "./icons/edit.mjs";
-import { default as Dt } from "./icons/copy.mjs";
-import { default as Mt } from "./icons/select.mjs";
-import { default as Rt } from "./icons/test.mjs";
-import { default as Nt } from "./icons/share.mjs";
-import { default as Ht } from "./icons/external.mjs";
-import { default as Ut } from "./icons/exclamation-triangle.mjs";
-import { default as jt } from "./icons/sparkle.mjs";
-import { default as qt } from "./icons/trash.mjs";
-import { default as Jt } from "./icons/chrome-browser-logo.mjs";
-import { default as Xt } from "./icons/edge-browser-logo.mjs";
-import { default as Zt } from "./hooks/use-media-query.mjs";
-import { default as $t } from "./hooks/use-fetch.mjs";
-import { default as oa } from "./utilities/copy-to-clipboard.mjs";
-import { default as aa } from "./utilities/generate-random-id.mjs";
-import { default as fa } from "./utilities/scale.mjs";
+import { default as We, usePopoverMenu as je } from "./components/popover-menu.mjs";
+import { default as qe, usePopover as ze, usePopoverContext as Je } from "./components/popover.mjs";
+import { default as Xe, useRevealer as Ye } from "./components/revealer.mjs";
+import { default as _e, SeparatorLabel as $e, SmallSeparator as eo, VerticalSeparator as oo } from "./components/separator.mjs";
+import { default as ao, SkeletonInstance as ro } from "./components/skeleton.mjs";
+import { default as lo } from "./components/sparebank1-logo.mjs";
+import { RevealSpinner as so, default as po } from "./components/spinner.mjs";
+import { default as xo } from "./components/sto-logo.mjs";
+import { default as go } from "./components/storebrand-logo.mjs";
+import { AnchorHeading as io, Heading as vo, Hero as co, Label as ho, Paragraph as yo, Span as To, default as ko, spanStyles as Co, textShadowStyles as Lo } from "./components/text.mjs";
+import { default as Io, TextButtonVariant as Po } from "./components/text-button.mjs";
+import { default as bo, getThemePreference as Ao, setThemePreference as Go, themePreferences as Mo, useIsDarkMode as Do, useIsLightMode as Ko, useTheme as Ro } from "./components/theme-setter.mjs";
+import { default as No } from "./components/veil.mjs";
+import { default as Ho, WrapperWidth as Vo } from "./components/wrapper.mjs";
+import { default as Wo, IconType as jo, iconShadowStyles as Qo } from "./icons/icon.mjs";
+import { default as zo } from "./icons/kakadu-guide-icon.mjs";
+import { default as Oo } from "./icons/kakadu-guide-glyph.mjs";
+import { default as Yo } from "./icons/dots.mjs";
+import { default as _o } from "./icons/menu.mjs";
+import { default as et } from "./icons/check.mjs";
+import { default as tt } from "./icons/plus.mjs";
+import { default as rt } from "./icons/times.mjs";
+import { default as lt } from "./icons/chevron-up.mjs";
+import { default as dt } from "./icons/chevron-right.mjs";
+import { default as pt } from "./icons/chevron-down.mjs";
+import { default as xt } from "./icons/chevron-left.mjs";
+import { default as gt } from "./icons/caret-up.mjs";
+import { default as it } from "./icons/caret-right.mjs";
+import { default as ct } from "./icons/caret-down.mjs";
+import { default as yt } from "./icons/caret-left.mjs";
+import { default as kt } from "./icons/arrow-up.mjs";
+import { default as Lt } from "./icons/arrow-right.mjs";
+import { default as It } from "./icons/arrow-down.mjs";
+import { default as wt } from "./icons/arrow-left.mjs";
+import { default as At } from "./icons/anchor-up.mjs";
+import { default as Mt } from "./icons/anchor-down.mjs";
+import { default as Kt } from "./icons/trend-up.mjs";
+import { default as Ft } from "./icons/edit.mjs";
+import { default as Et } from "./icons/copy.mjs";
+import { default as Vt } from "./icons/select.mjs";
+import { default as Wt } from "./icons/test.mjs";
+import { default as Qt } from "./icons/share.mjs";
+import { default as zt } from "./icons/external.mjs";
+import { default as Ot } from "./icons/exclamation-triangle.mjs";
+import { default as Yt } from "./icons/sparkle.mjs";
+import { default as _t } from "./icons/trash.mjs";
+import { default as ea } from "./icons/chrome-browser-logo.mjs";
+import { default as ta } from "./icons/edge-browser-logo.mjs";
+import { default as ra } from "./hooks/use-media-query.mjs";
+import { default as la } from "./hooks/use-fetch.mjs";
+import { default as da } from "./utilities/copy-to-clipboard.mjs";
+import { default as pa } from "./utilities/generate-random-id.mjs";
+import { default as xa } from "./utilities/scale.mjs";
 export {
-  Bt as AnchorDownSvg,
-  so as AnchorHeading,
-  Lt as AnchorUpSvg,
+  Mt as AnchorDownSvg,
+  io as AnchorHeading,
+  At as AnchorUpSvg,
   x as AriaText,
-  ht as ArrowDownSvg,
-  Tt as ArrowLeftSvg,
-  vt as ArrowRightSvg,
-  St as ArrowUpSvg,
+  It as ArrowDownSvg,
+  wt as ArrowLeftSvg,
+  Lt as ArrowRightSvg,
+  kt as ArrowUpSvg,
   S as Atom,
   c as BankidLogo,
   y as Box,
   k as Button,
-  A as ButtonTooltip,
-  G as ButtonTooltipPosition,
-  L as ButtonVariant,
-  K as Card,
-  mt as CaretDownSvg,
-  nt as CaretLeftSvg,
-  st as CaretRightSvg,
-  dt as CaretUpSvg,
-  Jo as CheckSvg,
-  at as ChevronDownSvg,
-  ft as ChevronLeftSvg,
-  ot as ChevronRightSvg,
-  $o as ChevronUpSvg,
-  Jt as ChromeBrowserLogoSvg,
-  P as ClickRipples,
+  b as ButtonTooltip,
+  A as ButtonTooltipPosition,
+  C as ButtonVariant,
+  M as Card,
+  ct as CaretDownSvg,
+  yt as CaretLeftSvg,
+  it as CaretRightSvg,
+  gt as CaretUpSvg,
+  et as CheckSvg,
+  pt as ChevronDownSvg,
+  xt as ChevronLeftSvg,
+  dt as ChevronRightSvg,
+  lt as ChevronUpSvg,
+  ea as ChromeBrowserLogoSvg,
+  K as ClickRipples,
   F as Collapsible,
   E as CopyIconButton,
-  Dt as CopySvg,
+  Et as CopySvg,
   V as Datum,
   W as DnbLogo,
   Q as Dot,
-  jo as DotsSvg,
-  Xt as EdgeBrowserLogoSvg,
-  At as EditSvg,
-  Ut as ExclamationTriangleSvg,
-  Ht as ExternalSvg,
+  Yo as DotsSvg,
+  ta as EdgeBrowserLogoSvg,
+  Ft as EditSvg,
+  Ot as ExclamationTriangleSvg,
+  zt as ExternalSvg,
   z as Flex,
   J as FlexAlignment,
   t as FontFamilyHead,
@@ -128,95 +130,100 @@ export {
   _ as Gauge,
   ee as GjensidigeLogo,
   te as Header,
-  po as Heading,
-  mo as Hero,
+  vo as Heading,
+  co as Hero,
   re as HoverGradient,
-  Ro as Icon,
-  de as IconButton,
-  ue as IconButtonVariant,
-  Fo as IconType,
+  Wo as Icon,
+  ue as IconButton,
+  de as IconButtonVariant,
+  jo as IconType,
   pe as Input,
   ke as KakaduAcademyLogo,
-  Uo as KakaduGuideGlyphSvg,
+  Oo as KakaduGuideGlyphSvg,
   ge as KakaduGuideIcon,
-  Ho as KakaduGuideIconSvg,
+  zo as KakaduGuideIconSvg,
   ie as KakaduGuideLogo,
   ve as KakaduGuideLogoSvg,
   ce as KakaduGuideLogoVariant,
   ye as KakaduIndexLogo,
-  Ce as KakaduLogo,
-  xo as Label,
-  qo as MenuSvg,
+  Le as KakaduLogo,
+  ho as Label,
+  _o as MenuSvg,
   Ie as Modal,
-  Ge as MovingGradients,
-  Ke as MovingStars,
-  Pe as Notice,
+  Ae as MovingGradients,
+  Me as MovingStars,
+  Ke as Notice,
   Re as NoticeType,
   Ee as Notification,
   He as NotificationProvider,
   Fe as NotificationType,
-  no as Paragraph,
-  Xo as PlusSvg,
-  oo as RevealSpinner,
-  We as Revealer,
+  yo as Paragraph,
+  tt as PlusSvg,
+  qe as Popover,
+  We as PopoverMenu,
+  so as RevealSpinner,
+  Xe as Revealer,
   me as Select,
-  Mt as SelectSvg,
-  qe as Separator,
-  ze as SeparatorLabel,
-  Nt as ShareSvg,
-  Ye as Skeleton,
-  Ze as SkeletonInstance,
-  Je as SmallSeparator,
-  go as Span,
-  $e as Sparebank1Logo,
-  jt as SparkleSvg,
-  to as Spinner,
-  ro as StoLogo,
-  lo as StorebrandLogo,
-  Rt as TestSvg,
-  So as Text,
-  ho as TextButton,
-  yo as TextButtonVariant,
-  ko as ThemeSetter,
-  Zo as TimesSvg,
-  qt as TrashSvg,
-  wt as TrendUpSvg,
-  Go as Veil,
-  Oe as VerticalSeparator,
-  Ko as Wrapper,
-  Mo as WrapperWidth,
+  Vt as SelectSvg,
+  _e as Separator,
+  $e as SeparatorLabel,
+  Qt as ShareSvg,
+  ao as Skeleton,
+  ro as SkeletonInstance,
+  eo as SmallSeparator,
+  To as Span,
+  lo as Sparebank1Logo,
+  Yt as SparkleSvg,
+  po as Spinner,
+  xo as StoLogo,
+  go as StorebrandLogo,
+  Wt as TestSvg,
+  ko as Text,
+  Io as TextButton,
+  Po as TextButtonVariant,
+  bo as ThemeSetter,
+  rt as TimesSvg,
+  _t as TrashSvg,
+  Kt as TrendUpSvg,
+  No as Veil,
+  oo as VerticalSeparator,
+  Ho as Wrapper,
+  Vo as WrapperWidth,
   n as ariaTextStyles,
-  C as buttonDangerStyles,
+  L as buttonDangerStyles,
   a as buttonResetStyles,
   B as buttonSecondaryStyles,
   I as buttonSuccessStyles,
-  w as buttonWarningStyles,
-  oa as copyToClipboard,
+  P as buttonWarningStyles,
+  da as copyToClipboard,
   r as darkBackgroundColor,
   i as defaultAtomElementType,
   f as effectStyles,
   xe as errorParagraph,
   l as font,
-  aa as generateRandomId,
-  Lo as getThemePreference,
-  No as iconShadowStyles,
-  d as lightBackgroundColor,
-  u as nonInteractiveEffectStyles,
+  pa as generateRandomId,
+  Ao as getThemePreference,
+  Qo as iconShadowStyles,
+  u as lightBackgroundColor,
+  d as nonInteractiveEffectStyles,
   fe as normalBlendStyles,
   s as overflowProtectionStyles,
-  fa as scale,
-  Co as setThemePreference,
-  io as spanStyles,
-  vo as textShadowStyles,
+  xa as scale,
+  Go as setThemePreference,
+  Co as spanStyles,
+  Lo as textShadowStyles,
   p as theme,
-  Bo as themePreferences,
+  Mo as themePreferences,
   Ve as useCreateNotification,
-  $t as useFetch,
-  Io as useIsDarkMode,
-  wo as useIsLightMode,
-  Zt as useMediaQuery,
-  we as useModal,
-  be as useModalContext,
-  je as useRevealer,
-  bo as useTheme
+  la as useFetch,
+  Do as useIsDarkMode,
+  Ko as useIsLightMode,
+  ra as useMediaQuery,
+  Pe as useModal,
+  we as useModalContext,
+  ze as usePopover,
+  Je as usePopoverContext,
+  je as usePopoverMenu,
+  Ye as useRevealer,
+  Ro as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "2.2.1",
+  "version": "2.3.1",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",