@kakadu/components 2.4.3 → 3.0.0

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

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

package/build/hooks/use-fetch.mjs

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

package/build/index.js

@@ -1 +1 @@
-"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"),c=require("./components/modal.js"),U=require("./components/moving-gradients.js"),E=require("./components/moving-stars.js"),i=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"),ce=require("./icons/caret-left.js"),ie=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/cog.js"),_e=require("./icons/copy.js"),ve=require("./icons/select.js"),he=require("./icons/test.js"),ye=require("./icons/share.js"),ke=require("./icons/external.js"),Le=require("./icons/exclamation-triangle.js"),Te=require("./icons/sparkle.js"),be=require("./icons/trash.js"),Be=require("./icons/chrome-browser-logo.js"),Ce=require("./icons/edge-browser-logo.js"),xe=require("./hooks/use-media-query.js"),p=require("./hooks/use-fetch.js"),Pe=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=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=c.default;exports.useModal=c.useModal;exports.useModalContext=c.useModalContext;exports.MovingGradients=U.default;exports.MovingStars=E.default;exports.Notice=i.default;exports.NoticeType=i.NoticeType;exports.NotificationType=i.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=ce.default;exports.ArrowUpSvg=ie.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.CogSvg=qe.default;exports.CopySvg=_e.default;exports.SelectSvg=ve.default;exports.TestSvg=he.default;exports.ShareSvg=ye.default;exports.ExternalSvg=ke.default;exports.ExclamationTriangleSvg=Le.default;exports.SparkleSvg=Te.default;exports.TrashSvg=be.default;exports.ChromeBrowserLogoSvg=Be.default;exports.EdgeBrowserLogoSvg=Ce.default;exports.useMediaQuery=xe.default;exports.useFetch=p.default;exports.useFetcher=p.useFetcher;exports.useJsonFetcher=p.useJsonFetcher;exports.copyToClipboard=Pe.default;exports.generateRandomId=we.default;exports.scale=Ie.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"),F=require("./components/dot.js"),m=require("./components/flex.js"),q=require("./components/footer.js"),R=require("./components/gauge.js"),A=require("./components/gjensidige-logo.js"),D=require("./components/header.js"),_=require("./components/hover-gradient.js"),v=require("./components/icon-button.js"),s=require("./components/input.js"),K=require("./components/kakadu-guide-icon.js"),c=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"),l=require("./components/notice.js"),d=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"),p=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"),ce=require("./icons/caret-left.js"),ie=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/cog.js"),_e=require("./icons/copy.js"),ve=require("./icons/select.js"),he=require("./icons/test.js"),ye=require("./icons/share.js"),ke=require("./icons/external.js"),Le=require("./icons/exclamation-triangle.js"),Te=require("./icons/sparkle.js"),be=require("./icons/trash.js"),Be=require("./icons/chrome-browser-logo.js"),Ce=require("./icons/edge-browser-logo.js"),xe=require("./hooks/use-media-query.js"),u=require("./hooks/use-fetch.js"),Pe=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=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=F.default;exports.Flex=m.default;exports.FlexAlignment=m.FlexAlignment;exports.Footer=q.default;exports.FooterLinkItem=q.FooterLinkItem;exports.Gauge=R.default;exports.GjensidigeLogo=A.default;exports.Header=D.default;exports.HoverGradient=_.default;exports.normalBlendStyles=_.normalBlendStyles;exports.IconButton=v.default;exports.IconButtonVariant=v.IconButtonVariant;exports.Input=s.default;exports.Select=s.Select;exports.errorParagraph=s.errorParagraph;exports.KakaduGuideIcon=K.default;exports.KakaduGuideLogo=c.default;exports.KakaduGuideLogoSvg=c.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=c.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=l.default;exports.NoticeType=l.NoticeType;exports.NotificationType=l.NoticeType;exports.Notification=d.default;exports.NotificationProvider=d.NotificationProvider;exports.useCreateNotification=d.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=p.default;exports.IconType=p.IconType;exports.iconShadowStyles=p.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=ce.default;exports.ArrowUpSvg=ie.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.CogSvg=qe.default;exports.CopySvg=_e.default;exports.SelectSvg=ve.default;exports.TestSvg=he.default;exports.ShareSvg=ye.default;exports.ExternalSvg=ke.default;exports.ExclamationTriangleSvg=Le.default;exports.SparkleSvg=Te.default;exports.TrashSvg=be.default;exports.ChromeBrowserLogoSvg=Be.default;exports.EdgeBrowserLogoSvg=Ce.default;exports.useMediaQuery=xe.default;exports.useFetch=u.default;exports.useFetcher=u.useFetcher;exports.useJsonFetch=u.useJsonFetch;exports.useJsonFetcher=u.useJsonFetcher;exports.copyToClipboard=Pe.default;exports.generateRandomId=we.default;exports.scale=Ie.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 s, overflowProtectionStyles as d, default as p } from "./theme.mjs";
+import { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as u, lightBackgroundColor as l, 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";
@@ -10,14 +10,14 @@ 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 J } from "./components/dnb-logo.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 fe, normalBlendStyles as ue } from "./components/hover-gradient.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";
@@ -30,11 +30,11 @@ import { default as Ge } from "./components/moving-gradients.mjs";
 import { default as De } from "./components/moving-stars.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 Je } from "./components/popover-menu.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";
+import { default as fo, SkeletonInstance as uo } from "./components/skeleton.mjs";
 import { default as so } from "./components/sparebank1-logo.mjs";
 import { RevealSpinner as mo, default as no } from "./components/spinner.mjs";
 import { default as go } from "./components/sto-logo.mjs";
@@ -44,14 +44,14 @@ import { default as wo, TextButtonVariant as bo } from "./components/text-button
 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 Jo, IconType as Qo, iconShadowStyles as qo } 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";
 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 ut } from "./icons/times.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";
@@ -70,7 +70,7 @@ import { default as Rt } from "./icons/trend-up.mjs";
 import { default as Et } from "./icons/edit.mjs";
 import { default as Vt } from "./icons/cog.mjs";
 import { default as Wt } from "./icons/copy.mjs";
-import { default as Jt } from "./icons/select.mjs";
+import { default as jt } from "./icons/select.mjs";
 import { default as qt } from "./icons/test.mjs";
 import { default as Ot } from "./icons/share.mjs";
 import { default as Yt } from "./icons/external.mjs";
@@ -78,12 +78,12 @@ import { default as _t } from "./icons/exclamation-triangle.mjs";
 import { default as ea } from "./icons/sparkle.mjs";
 import { default as ta } from "./icons/trash.mjs";
 import { default as ra } from "./icons/chrome-browser-logo.mjs";
-import { default as la } from "./icons/edge-browser-logo.mjs";
+import { default as ua } from "./icons/edge-browser-logo.mjs";
 import { default as sa } from "./hooks/use-media-query.mjs";
-import { default as pa, useFetcher as ma, useJsonFetcher as na } from "./hooks/use-fetch.mjs";
-import { default as ga } from "./utilities/copy-to-clipboard.mjs";
-import { default as ia } from "./utilities/generate-random-id.mjs";
-import { default as ca } from "./utilities/scale.mjs";
+import { default as pa, useFetcher as ma, useJsonFetch as na, useJsonFetcher as xa } from "./hooks/use-fetch.mjs";
+import { default as Sa } from "./utilities/copy-to-clipboard.mjs";
+import { default as va } from "./utilities/generate-random-id.mjs";
+import { default as ha } from "./utilities/scale.mjs";
 export {
   Ft as AnchorDownSvg,
   co as AnchorHeading,
@@ -118,10 +118,10 @@ export {
   H as CopyIconButton,
   Wt as CopySvg,
   U as Datum,
-  j as DnbLogo,
+  J as DnbLogo,
   Q as Dot,
   _o as DotsSvg,
-  la as EdgeBrowserLogoSvg,
+  ua as EdgeBrowserLogoSvg,
   Et as EditSvg,
   _t as ExclamationTriangleSvg,
   Yt as ExternalSvg,
@@ -136,7 +136,7 @@ export {
   ho as Heading,
   yo as Hero,
   fe as HoverGradient,
-  Jo as Icon,
+  jo as Icon,
   se as IconButton,
   de as IconButtonVariant,
   Qo as IconType,
@@ -164,16 +164,16 @@ export {
   rt as PlusSvg,
   qe as Popover,
   ze as PopoverContainer,
-  je as PopoverMenu,
+  Je as PopoverMenu,
   mo as RevealSpinner,
   Ze as Revealer,
   ne as Select,
-  Jt as SelectSvg,
+  jt as SelectSvg,
   eo as Separator,
   oo as SeparatorLabel,
   Ot as ShareSvg,
   fo as Skeleton,
-  lo as SkeletonInstance,
+  uo as SkeletonInstance,
   to as SmallSeparator,
   To as Span,
   so as Sparebank1Logo,
@@ -186,7 +186,7 @@ export {
   wo as TextButton,
   bo as TextButtonVariant,
   Go as ThemeSetter,
-  lt as TimesSvg,
+  ut as TimesSvg,
   ta as TrashSvg,
   Rt as TrendUpSvg,
   Ho as Veil,
@@ -199,20 +199,20 @@ export {
   I as buttonSecondaryStyles,
   P as buttonSuccessStyles,
   w as buttonWarningStyles,
-  ga as copyToClipboard,
+  Sa as copyToClipboard,
   r as darkBackgroundColor,
   i as defaultAtomElementType,
   f as effectStyles,
   xe as errorParagraph,
-  l as font,
-  ia as generateRandomId,
+  u as font,
+  va as generateRandomId,
   Mo as getThemePreference,
   qo as iconShadowStyles,
-  u as lightBackgroundColor,
+  l as lightBackgroundColor,
   s as nonInteractiveEffectStyles,
-  le as normalBlendStyles,
+  ue as normalBlendStyles,
   d as overflowProtectionStyles,
-  ca as scale,
+  ha as scale,
   Do as setThemePreference,
   Bo as spanStyles,
   Io as textShadowStyles,
@@ -223,13 +223,14 @@ export {
   ma as useFetcher,
   Ko as useIsDarkMode,
   Ro as useIsLightMode,
-  na as useJsonFetcher,
+  na as useJsonFetch,
+  xa as useJsonFetcher,
   sa as useMediaQuery,
   we as useModal,
   be as useModalContext,
   Oe as usePopover,
   Xe as usePopoverContext,
-  Je as usePopoverMenu,
+  je as usePopoverMenu,
   _e as useRevealer,
   No as useTheme
 };

package/package.json

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