@kakadu/components 2.4.0 → 2.4.1

package/build/hooks/use-fetch.d.ts

@@ -4,6 +4,12 @@ export declare function useFetcher<Type>(handler?: (response: Response) => Type
     response: Type | undefined;
     error: Error | undefined;
 };
+export declare function useJsonFetcher<Type>(handler?: (json: unknown) => Type | Promise<Type>): {
+    isLoading: boolean;
+    fetch: (url: string, options?: RequestInit) => Promise<Type>;
+    response: Type | undefined;
+    error: Error | undefined;
+};
 export default function useFetch<Type>(url?: string, options?: RequestInit): {
     isLoading: boolean;
     response: Type | undefined;

package/build/hooks/use-fetch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),w=new Map,S=new Map,m=new Map;function E(e,n){let t=m.get(e);return t||(t=new Set,m.set(e,t)),t.add(n),()=>{t==null||t.delete(n),t&&t.size===0&&m.delete(e)}}function M(e,n){S.set(e,{timestamp:Date.now(),response:n});const t=m.get(e);if(t)for(const a of t)a(n)}function C(e){const[n,t]=r.useState(!1),[a,o]=r.useState(),[i,l]=r.useState(),u=r.useCallback(async(g,f)=>{try{l(void 0),t(!0);const d=await fetch(g,f),s=e?await e(d):d;return o(s),s}catch(d){const s=d instanceof Error?d:new Error("Unknown error");throw l(s),s}finally{t(!1)}},[e]);return r.useMemo(()=>({isLoading:n,fetch:u,response:a,error:i}),[n,u,a,i])}function b(e,n){const[t,a]=r.useState(()=>!!e),o=r.useMemo(()=>e?JSON.stringify({url:e,options:n}):"",[e,n]),i=r.useCallback(()=>{var s;return o?(s=S.get(o))==null?void 0:s.response:void 0},[o]),[l,u]=r.useState(()=>i()),[g,f]=r.useState(),d=r.useMemo(()=>{var s;return((s=n==null?void 0:n.method)==null?void 0:s.toUpperCase())??"GET"},[n]);return r.useEffect(()=>{if(!e||!o){u(void 0);return}const s=i();s===void 0?(u(void 0),f(void 0)):(u(s),f(void 0));const h=E(o,v=>{u(v),f(void 0)});return()=>{h()}},[e,o,i]),r.useEffect(()=>{if(!e||!o){a(!1);return}const s=d==="GET";if(s&&i()!==void 0){a(!1);return}let h=!0;f(void 0),a(!0);let v=s&&w.has(o)?w.get(o):void 0;if(!v){const c=fetch(e,n);w.set(o,c),c.then(()=>{w.delete(o)}),v=c}return v.then(async c=>c.json()).then(c=>{h&&(s&&M(o,c),u(c),f(void 0))}).catch(c=>{h&&f(c)}).finally(()=>{h&&a(!1)}),()=>{h=!1}},[e,n,o,d,i]),r.useMemo(()=>({isLoading:t,response:l,error:g}),[t,l,g])}exports.default=b;exports.useFetcher=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),w=new Map,S=new Map,m=new Map;function M(e,s){let t=m.get(e);return t||(t=new Set,m.set(e,t)),t.add(s),()=>{t==null||t.delete(s),t&&t.size===0&&m.delete(e)}}function C(e,s){S.set(e,{timestamp:Date.now(),response:s});const t=m.get(e);if(t)for(const a of t)a(s)}function E(e){const[s,t]=r.useState(!1),[a,o]=r.useState(),[i,l]=r.useState(),u=r.useCallback(async(g,f)=>{try{l(void 0),t(!0);const d=await fetch(g,f),n=e?await e(d):d;return o(n),n}catch(d){const n=d instanceof Error?d:new Error("Unknown error");throw l(n),n}finally{t(!1)}},[e]);return r.useMemo(()=>({isLoading:s,fetch:u,response:a,error:i}),[s,u,a,i])}function b(e){return E(async s=>{const t=await s.json();return e?await e(t):t})}function y(e,s){const[t,a]=r.useState(()=>!!e),o=r.useMemo(()=>e?JSON.stringify({url:e,options:s}):"",[e,s]),i=r.useCallback(()=>{var n;return o?(n=S.get(o))==null?void 0:n.response:void 0},[o]),[l,u]=r.useState(()=>i()),[g,f]=r.useState(),d=r.useMemo(()=>{var n;return((n=s==null?void 0:s.method)==null?void 0:n.toUpperCase())??"GET"},[s]);return r.useEffect(()=>{if(!e||!o){u(void 0);return}const n=i();n===void 0?(u(void 0),f(void 0)):(u(n),f(void 0));const h=M(o,v=>{u(v),f(void 0)});return()=>{h()}},[e,o,i]),r.useEffect(()=>{if(!e||!o){a(!1);return}const n=d==="GET";if(n&&i()!==void 0){a(!1);return}let h=!0;f(void 0),a(!0);let v=n&&w.has(o)?w.get(o):void 0;if(!v){const c=fetch(e,s);w.set(o,c),c.then(()=>{w.delete(o)}),v=c}return v.then(async c=>c.json()).then(c=>{h&&(n&&C(o,c),u(c),f(void 0))}).catch(c=>{h&&f(c)}).finally(()=>{h&&a(!1)}),()=>{h=!1}},[e,s,o,d,i]),r.useMemo(()=>({isLoading:t,response:l,error:g}),[t,l,g])}exports.default=y;exports.useFetcher=E;exports.useJsonFetcher=b;

package/build/hooks/use-fetch.mjs

@@ -1,28 +1,28 @@
 import { useState as h, useMemo as m, useCallback as C, useEffect as p } from "react";
-const w = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-function L(e, s) {
+const g = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+function F(e, n) {
   let t = E.get(e);
-  return t || (t = /* @__PURE__ */ new Set(), E.set(e, t)), t.add(s), () => {
-    t == null || t.delete(s), t && t.size === 0 && E.delete(e);
+  return t || (t = /* @__PURE__ */ new Set(), E.set(e, t)), t.add(n), () => {
+    t == null || t.delete(n), t && t.size === 0 && E.delete(e);
   };
 }
-function M(e, s) {
-  y.set(e, { timestamp: Date.now(), response: s });
+function L(e, n) {
+  y.set(e, { timestamp: Date.now(), response: n });
   const t = E.get(e);
   if (t)
     for (const r of t)
-      r(s);
+      r(n);
 }
-function q(e) {
-  const [s, t] = h(!1), [r, o] = h(), [a, l] = h(), i = C(
-    async (g, f) => {
+function M(e) {
+  const [n, t] = h(!1), [r, o] = h(), [a, v] = h(), i = C(
+    async (w, f) => {
       try {
-        l(void 0), t(!0);
-        const d = await fetch(g, f), n = e ? await e(d) : d;
-        return o(n), n;
+        v(void 0), t(!0);
+        const d = await fetch(w, f), s = e ? await e(d) : d;
+        return o(s), s;
       } catch (d) {
-        const n = d instanceof Error ? d : new Error("Unknown error");
-        throw l(n), n;
+        const s = d instanceof Error ? d : new Error("Unknown error");
+        throw v(s), s;
       } finally {
         t(!1);
       }
@@ -30,36 +30,42 @@ function q(e) {
     [e]
   );
   return m(
-    () => ({ isLoading: s, fetch: i, response: r, error: a }),
-    [s, i, r, a]
+    () => ({ isLoading: n, fetch: i, response: r, error: a }),
+    [n, i, r, a]
   );
 }
-function F(e, s) {
+function q(e) {
+  return M(async (n) => {
+    const t = await n.json();
+    return e ? await e(t) : t;
+  });
+}
+function G(e, n) {
   const [t, r] = h(() => !!e), o = m(
-    () => e ? JSON.stringify({ url: e, options: s }) : "",
-    [e, s]
+    () => e ? JSON.stringify({ url: e, options: n }) : "",
+    [e, n]
   ), a = C(
     () => {
-      var n;
-      return o ? (n = y.get(o)) == null ? void 0 : n.response : void 0;
+      var s;
+      return o ? (s = y.get(o)) == null ? void 0 : s.response : void 0;
     },
     [o]
-  ), [l, i] = h(() => a()), [g, f] = h(), d = m(
+  ), [v, i] = h(() => a()), [w, f] = h(), d = m(
     () => {
-      var n;
-      return ((n = s == null ? void 0 : s.method) == null ? void 0 : n.toUpperCase()) ?? "GET";
+      var s;
+      return ((s = n == null ? void 0 : n.method) == null ? void 0 : s.toUpperCase()) ?? "GET";
     },
-    [s]
+    [n]
   );
   return p(() => {
     if (!e || !o) {
       i(void 0);
       return;
     }
-    const n = a();
-    n === void 0 ? (i(void 0), f(void 0)) : (i(n), f(void 0));
-    const u = L(o, (v) => {
-      i(v), f(void 0);
+    const s = a();
+    s === void 0 ? (i(void 0), f(void 0)) : (i(s), f(void 0));
+    const u = F(o, (l) => {
+      i(l), f(void 0);
     });
     return () => {
       u();
@@ -69,22 +75,22 @@ function F(e, s) {
       r(!1);
       return;
     }
-    const n = d === "GET";
-    if (n && a() !== void 0) {
+    const s = d === "GET";
+    if (s && a() !== void 0) {
       r(!1);
       return;
     }
     let u = !0;
     f(void 0), r(!0);
-    let v = n && w.has(o) ? w.get(o) : void 0;
-    if (!v) {
-      const c = fetch(e, s);
-      w.set(o, c), c.then(() => {
-        w.delete(o);
-      }), v = c;
+    let l = s && g.has(o) ? g.get(o) : void 0;
+    if (!l) {
+      const c = fetch(e, n);
+      g.set(o, c), c.then(() => {
+        g.delete(o);
+      }), l = c;
     }
-    return v.then(async (c) => c.json()).then((c) => {
-      u && (n && M(o, c), i(c), f(void 0));
+    return l.then(async (c) => c.json()).then((c) => {
+      u && (s && L(o, c), i(c), f(void 0));
     }).catch((c) => {
       u && f(c);
     }).finally(() => {
@@ -92,12 +98,13 @@ function F(e, s) {
     }), () => {
       u = !1;
     };
-  }, [e, s, o, d, a]), m(
-    () => ({ isLoading: t, response: l, error: g }),
-    [t, l, g]
+  }, [e, n, o, d, a]), m(
+    () => ({ isLoading: t, response: v, error: w }),
+    [t, v, w]
   );
 }
 export {
-  F as default,
-  q as useFetcher
+  G as default,
+  M as useFetcher,
+  q as useJsonFetcher
 };

package/build/index.js

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

package/build/index.mjs

@@ -1,4 +1,4 @@
-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 { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as l, lightBackgroundColor as u, nonInteractiveEffectStyles as s, overflowProtectionStyles as d, default as p } from "./theme.mjs";
 import { default as n, ariaTextStyles as x } 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";
@@ -6,19 +6,19 @@ import { default as y } from "./components/box.mjs";
 import { default as L, ButtonLoader as T, ButtonVariant as k, buttonDangerStyles as B, buttonSecondaryStyles as I, buttonSuccessStyles as P, buttonWarningStyles as w } from "./components/button.mjs";
 import { default as A, ButtonTooltipPosition as G } from "./components/button-tooltip.mjs";
 import { default as D } from "./components/card.mjs";
-import { default as R } from "./components/click-ripples.mjs";
+import { default as K } from "./components/click-ripples.mjs";
 import { default as N } from "./components/collapsible.mjs";
 import { default as H } from "./components/copy-icon-button.mjs";
 import { default as U } from "./components/datum.mjs";
 import { default as j } from "./components/dnb-logo.mjs";
-import { default as q } from "./components/dot.mjs";
-import { default as J, FlexAlignment as O } from "./components/flex.mjs";
+import { default as Q } from "./components/dot.mjs";
+import { default as z, FlexAlignment as O } from "./components/flex.mjs";
 import { default as Y, FooterLinkItem as Z } from "./components/footer.mjs";
 import { default as $ } from "./components/gauge.mjs";
 import { default as oe } from "./components/gjensidige-logo.mjs";
 import { default as ae } from "./components/header.mjs";
 import { default as fe, normalBlendStyles as le } from "./components/hover-gradient.mjs";
-import { default as de, IconButtonVariant as se } from "./components/icon-button.mjs";
+import { default as se, IconButtonVariant as de } from "./components/icon-button.mjs";
 import { default as me, Select as ne, errorParagraph as xe } from "./components/input.mjs";
 import { default as Se } from "./components/kakadu-guide-icon.mjs";
 import { default as ve, KakaduGuideLogoSvg as ce, KakaduGuideLogoVariant as he } from "./components/kakadu-guide-logo.mjs";
@@ -28,10 +28,10 @@ import { default as Be } from "./components/kakadu-logo.mjs";
 import { default as Pe, useModal as we, useModalContext as be } from "./components/modal.mjs";
 import { default as Ge } from "./components/moving-gradients.mjs";
 import { default as De } from "./components/moving-stars.mjs";
-import { default as Re, NoticeType as Fe, NoticeType as Ne } from "./components/notice.mjs";
+import { default as Ke, NoticeType as Re, NoticeType as Ne } from "./components/notice.mjs";
 import { default as He, NotificationProvider as Ve, useCreateNotification as Ue } from "./components/notification.mjs";
-import { default as je, usePopoverMenu as Qe } from "./components/popover-menu.mjs";
-import { default as ze, PopoverContainer as Je, usePopover as Oe, usePopoverContext as Xe } from "./components/popover.mjs";
+import { default as je, usePopoverMenu as Je } from "./components/popover-menu.mjs";
+import { default as qe, PopoverContainer as ze, usePopover as Oe, usePopoverContext as Xe } from "./components/popover.mjs";
 import { default as Ze, useRevealer as _e } from "./components/revealer.mjs";
 import { default as eo, SeparatorLabel as oo, SmallSeparator as to, VerticalSeparator as ao } from "./components/separator.mjs";
 import { default as fo, SkeletonInstance as lo } from "./components/skeleton.mjs";
@@ -41,10 +41,10 @@ import { default as go } from "./components/sto-logo.mjs";
 import { default as io } from "./components/storebrand-logo.mjs";
 import { AnchorHeading as co, Heading as ho, Hero as yo, Label as Co, Paragraph as Lo, Span as To, default as ko, spanStyles as Bo, textShadowStyles as Io } from "./components/text.mjs";
 import { default as wo, TextButtonVariant as bo } from "./components/text-button.mjs";
-import { default as Go, getThemePreference as Mo, setThemePreference as Do, themePreferences as Ko, useIsDarkMode as Ro, useIsLightMode as Fo, useTheme as No } from "./components/theme-setter.mjs";
+import { default as Go, getThemePreference as Mo, setThemePreference as Do, themePreferences as Fo, useIsDarkMode as Ko, useIsLightMode as Ro, useTheme as No } from "./components/theme-setter.mjs";
 import { default as Ho } from "./components/veil.mjs";
 import { default as Uo, WrapperWidth as Wo } from "./components/wrapper.mjs";
-import { default as Qo, IconType as qo, iconShadowStyles as zo } from "./icons/icon.mjs";
+import { default as Jo, IconType as Qo, iconShadowStyles as qo } from "./icons/icon.mjs";
 import { default as Oo } from "./icons/kakadu-guide-icon.mjs";
 import { default as Yo } from "./icons/kakadu-guide-glyph.mjs";
 import { default as _o } from "./icons/dots.mjs";
@@ -52,7 +52,7 @@ import { default as et } from "./icons/menu.mjs";
 import { default as tt } from "./icons/check.mjs";
 import { default as rt } from "./icons/plus.mjs";
 import { default as lt } from "./icons/times.mjs";
-import { default as dt } from "./icons/chevron-up.mjs";
+import { default as st } from "./icons/chevron-up.mjs";
 import { default as pt } from "./icons/chevron-right.mjs";
 import { default as nt } from "./icons/chevron-down.mjs";
 import { default as gt } from "./icons/chevron-left.mjs";
@@ -65,13 +65,13 @@ import { default as It } from "./icons/arrow-right.mjs";
 import { default as wt } from "./icons/arrow-down.mjs";
 import { default as At } from "./icons/arrow-left.mjs";
 import { default as Mt } from "./icons/anchor-up.mjs";
-import { default as Kt } from "./icons/anchor-down.mjs";
-import { default as Ft } from "./icons/trend-up.mjs";
+import { default as Ft } from "./icons/anchor-down.mjs";
+import { default as Rt } from "./icons/trend-up.mjs";
 import { default as Et } from "./icons/edit.mjs";
 import { default as Vt } from "./icons/copy.mjs";
 import { default as Wt } from "./icons/select.mjs";
-import { default as Qt } from "./icons/test.mjs";
-import { default as zt } from "./icons/share.mjs";
+import { default as Jt } from "./icons/test.mjs";
+import { default as qt } from "./icons/share.mjs";
 import { default as Ot } from "./icons/external.mjs";
 import { default as Yt } from "./icons/exclamation-triangle.mjs";
 import { default as _t } from "./icons/sparkle.mjs";
@@ -79,12 +79,12 @@ import { default as ea } from "./icons/trash.mjs";
 import { default as ta } from "./icons/chrome-browser-logo.mjs";
 import { default as ra } from "./icons/edge-browser-logo.mjs";
 import { default as la } from "./hooks/use-media-query.mjs";
-import { default as da, useFetcher as sa } from "./hooks/use-fetch.mjs";
-import { default as ma } from "./utilities/copy-to-clipboard.mjs";
-import { default as xa } from "./utilities/generate-random-id.mjs";
-import { default as Sa } from "./utilities/scale.mjs";
+import { default as sa, useFetcher as da, useJsonFetcher as pa } from "./hooks/use-fetch.mjs";
+import { default as na } from "./utilities/copy-to-clipboard.mjs";
+import { default as ga } from "./utilities/generate-random-id.mjs";
+import { default as ia } from "./utilities/scale.mjs";
 export {
-  Kt as AnchorDownSvg,
+  Ft as AnchorDownSvg,
   co as AnchorHeading,
   Mt as AnchorUpSvg,
   n as AriaText,
@@ -109,21 +109,21 @@ export {
   nt as ChevronDownSvg,
   gt as ChevronLeftSvg,
   pt as ChevronRightSvg,
-  dt as ChevronUpSvg,
+  st as ChevronUpSvg,
   ta as ChromeBrowserLogoSvg,
-  R as ClickRipples,
+  K as ClickRipples,
   N as Collapsible,
   H as CopyIconButton,
   Vt as CopySvg,
   U as Datum,
   j as DnbLogo,
-  q as Dot,
+  Q as Dot,
   _o as DotsSvg,
   ra as EdgeBrowserLogoSvg,
   Et as EditSvg,
   Yt as ExclamationTriangleSvg,
   Ot as ExternalSvg,
-  J as Flex,
+  z as Flex,
   O as FlexAlignment,
   t as FontFamilyHead,
   Y as Footer,
@@ -134,10 +134,10 @@ export {
   ho as Heading,
   yo as Hero,
   fe as HoverGradient,
-  Qo as Icon,
-  de as IconButton,
-  se as IconButtonVariant,
-  qo as IconType,
+  Jo as Icon,
+  se as IconButton,
+  de as IconButtonVariant,
+  Qo as IconType,
   me as Input,
   Te as KakaduAcademyLogo,
   Yo as KakaduGuideGlyphSvg,
@@ -153,15 +153,15 @@ export {
   Pe as Modal,
   Ge as MovingGradients,
   De as MovingStars,
-  Re as Notice,
-  Fe as NoticeType,
+  Ke as Notice,
+  Re as NoticeType,
   He as Notification,
   Ve as NotificationProvider,
   Ne as NotificationType,
   Lo as Paragraph,
   rt as PlusSvg,
-  ze as Popover,
-  Je as PopoverContainer,
+  qe as Popover,
+  ze as PopoverContainer,
   je as PopoverMenu,
   mo as RevealSpinner,
   Ze as Revealer,
@@ -169,7 +169,7 @@ export {
   Wt as SelectSvg,
   eo as Separator,
   oo as SeparatorLabel,
-  zt as ShareSvg,
+  qt as ShareSvg,
   fo as Skeleton,
   lo as SkeletonInstance,
   to as SmallSeparator,
@@ -179,14 +179,14 @@ export {
   no as Spinner,
   go as StoLogo,
   io as StorebrandLogo,
-  Qt as TestSvg,
+  Jt as TestSvg,
   ko as Text,
   wo as TextButton,
   bo as TextButtonVariant,
   Go as ThemeSetter,
   lt as TimesSvg,
   ea as TrashSvg,
-  Ft as TrendUpSvg,
+  Rt as TrendUpSvg,
   Ho as Veil,
   ao as VerticalSeparator,
   Uo as Wrapper,
@@ -197,36 +197,37 @@ export {
   I as buttonSecondaryStyles,
   P as buttonSuccessStyles,
   w as buttonWarningStyles,
-  ma as copyToClipboard,
+  na as copyToClipboard,
   r as darkBackgroundColor,
   i as defaultAtomElementType,
   f as effectStyles,
   xe as errorParagraph,
   l as font,
-  xa as generateRandomId,
+  ga as generateRandomId,
   Mo as getThemePreference,
-  zo as iconShadowStyles,
+  qo as iconShadowStyles,
   u as lightBackgroundColor,
-  d as nonInteractiveEffectStyles,
+  s as nonInteractiveEffectStyles,
   le as normalBlendStyles,
-  s as overflowProtectionStyles,
-  Sa as scale,
+  d as overflowProtectionStyles,
+  ia as scale,
   Do as setThemePreference,
   Bo as spanStyles,
   Io as textShadowStyles,
   p as theme,
-  Ko as themePreferences,
+  Fo as themePreferences,
   Ue as useCreateNotification,
-  da as useFetch,
-  sa as useFetcher,
-  Ro as useIsDarkMode,
-  Fo as useIsLightMode,
+  sa as useFetch,
+  da as useFetcher,
+  Ko as useIsDarkMode,
+  Ro as useIsLightMode,
+  pa as useJsonFetcher,
   la as useMediaQuery,
   we as useModal,
   be as useModalContext,
   Oe as usePopover,
   Xe as usePopoverContext,
-  Qe as usePopoverMenu,
+  Je as usePopoverMenu,
   _e as useRevealer,
   No as useTheme
 };

package/package.json

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