@kakadu/components 1.7.8 → 1.7.9

package/build/components/notification.d.ts

@@ -1,10 +1,10 @@
 import { type HTMLProps, type ReactNode } from 'react';
 import { type IconType } from '../icons/icon';
 import { type NoticeType } from './notice';
-export type NotificationType = NoticeType;
+export { NoticeType as NotificationType } from './notice';
 export type NotificationProperties = {
     readonly id?: string;
-    readonly type?: NotificationType;
+    readonly type?: NoticeType;
     readonly icon?: IconType;
     readonly children: ReactNode;
     readonly onDismiss?: (index: number) => void;

package/build/components/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),j=require("@kuma-ui/core"),k=require("../utilities/generate-random-id.js"),v=require("./notice.js");function x({type:n,icon:d,index:a,className:u,children:f,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,p]=t.useState(!1);t.useEffect(()=>{const c=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(c)}},[]),t.useEffect(()=>{if(e){const c=setTimeout(()=>{r(!1),p(!0)},6e3);return()=>{clearTimeout(c)}}},[e]);const m=a??0;return t.useEffect(()=>{if(l&&!e){const c=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(c)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:j.cx("kakadu-components-3192444435",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(v.default,{"aria-live":"polite",type:n,icon:d,className:"kakadu-components-1639448689",children:[f,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const N=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(N);return n}function C({children:n}){const[d,a]=t.useState([]),u=t.useCallback(i=>{const e=k.default();a(r=>[...r,{...i,id:e}])},[]),f=t.useCallback(i=>{a(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(N.Provider,{value:o,children:[n,d.map((i,e)=>s.jsxRuntimeExports.jsx(x,{...i,index:e,onDismiss:f},i.id))]})}exports.NotificationProvider=C;exports.default=x;exports.useCreateNotification=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),v=require("../utilities/generate-random-id.js"),x=require("./notice.js");function N({type:n,icon:f,index:a,className:u,children:d,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,j]=t.useState(!1);t.useEffect(()=>{const c=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(c)}},[]),t.useEffect(()=>{if(e){const c=setTimeout(()=>{r(!1),j(!0)},6e3);return()=>{clearTimeout(c)}}},[e]);const m=a??0;return t.useEffect(()=>{if(l&&!e){const c=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(c)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:k.cx("kakadu-components-3192444435",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(x.default,{"aria-live":"polite",type:n,icon:f,className:"kakadu-components-1639448689",children:[d,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const p=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(p);return n}function T({children:n}){const[f,a]=t.useState([]),u=t.useCallback(i=>{const e=v.default();a(r=>[...r,{...i,id:e}])},[]),d=t.useCallback(i=>{a(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(p.Provider,{value:o,children:[n,f.map((i,e)=>s.jsxRuntimeExports.jsx(N,{...i,index:e,onDismiss:d},i.id))]})}exports.NotificationType=x.NoticeType;exports.NotificationProvider=T;exports.default=N;exports.useCreateNotification=E;

package/build/components/notification.mjs

@@ -1,18 +1,19 @@
-import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as j, useState as x, useEffect as l, useContext as v, useCallback as N, useMemo as h } from "react";
-import { cx as C } from "@kuma-ui/core";
-import T from "../utilities/generate-random-id.mjs";
+import { j as i } from "../jsx-runtime-B4hRZ52C.mjs";
+import { createContext as j, useState as p, useEffect as l, useContext as v, useCallback as N, useMemo as T } from "react";
+import { cx as h } from "@kuma-ui/core";
+import C from "../utilities/generate-random-id.mjs";
 import b from "./notice.mjs";
+import { NoticeType as q } from "./notice.mjs";
 function I({
   type: s,
   icon: m,
   index: r,
   className: c,
   children: f,
-  onDismiss: i,
+  onDismiss: o,
   ...e
 }) {
-  const [t, n] = x(!1), [u, k] = x(!1);
+  const [t, n] = p(!1), [u, k] = p(!1);
   l(() => {
     const a = setTimeout(() => {
       n(!0);
@@ -34,51 +35,52 @@ function I({
   return l(() => {
     if (u && !t) {
       const a = setTimeout(() => {
-        i == null || i(d);
+        o == null || o(d);
       }, 300);
       return () => {
         clearTimeout(a);
       };
     }
-  }, [u, t, i, d]), /* @__PURE__ */ o.jsx("div", { ...e, style: {
+  }, [u, t, o, d]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
     "--index": d
-  }, className: C("kakadu-components-3192444435", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ o.jsxs(b, { "aria-live": "polite", type: s, icon: m, className: "kakadu-components-1639448689", children: [
+  }, className: h("kakadu-components-3192444435", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(b, { "aria-live": "polite", type: s, icon: m, className: "kakadu-components-1639448689", children: [
     f,
-    /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-1939222061" }) })
+    /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-1939222061" }) })
   ] }) });
 }
-const p = j({
+const x = j({
   createNotification() {
     throw new Error("useCreateNotification must be used within a NotificationProvider");
   }
 });
-function g() {
+function V() {
   const {
     createNotification: s
-  } = v(p);
+  } = v(x);
   return s;
 }
-function y({
+function g({
   children: s
 }) {
-  const [m, r] = x([]), c = N((e) => {
-    const t = T();
+  const [m, r] = p([]), c = N((e) => {
+    const t = C();
     r((n) => [...n, {
       ...e,
       id: t
     }]);
   }, []), f = N((e) => {
     r((t) => t.filter((n, u) => u !== e));
-  }, []), i = h(() => ({
+  }, []), o = T(() => ({
     createNotification: c
   }), [c]);
-  return /* @__PURE__ */ o.jsxs(p.Provider, { value: i, children: [
+  return /* @__PURE__ */ i.jsxs(x.Provider, { value: o, children: [
     s,
-    m.map((e, t) => /* @__PURE__ */ o.jsx(I, { ...e, index: t, onDismiss: f }, e.id))
+    m.map((e, t) => /* @__PURE__ */ i.jsx(I, { ...e, index: t, onDismiss: f }, e.id))
   ] });
 }
 export {
-  y as NotificationProvider,
+  g as NotificationProvider,
+  q as NotificationType,
   I as default,
-  g as useCreateNotification
+  V as useCreateNotification
 };

package/build/index.js

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

package/build/index.mjs

@@ -8,8 +8,8 @@ import { default as G } from "./components/button-tooltip.mjs";
 import { default as M } from "./components/card.mjs";
 import { default as D } from "./components/click-ripples.mjs";
 import { default as P } from "./components/collapsible.mjs";
-import { default as H } from "./components/datum.mjs";
-import { default as E } from "./components/dnb-logo.mjs";
+import { default as F } from "./components/datum.mjs";
+import { default as V } from "./components/dnb-logo.mjs";
 import { default as W } from "./components/dot.mjs";
 import { default as j, FlexAlignment as Q } from "./components/flex.mjs";
 import { default as z, FooterLinkItem as J } from "./components/footer.mjs";
@@ -26,56 +26,56 @@ import { default as he } from "./components/kakadu-logo.mjs";
 import { default as Le, useModal as ke, useModalContext as Ce } from "./components/modal.mjs";
 import { default as Be } from "./components/moving-gradients.mjs";
 import { default as be } from "./components/moving-stars.mjs";
-import { default as Ge, NoticeType as Ae } from "./components/notice.mjs";
-import { default as Re, NotificationProvider as De, useCreateNotification as Ke } from "./components/notification.mjs";
+import { default as Ge, NoticeType as Ae, NoticeType as Me } from "./components/notice.mjs";
+import { default as De, NotificationProvider as Ke, useCreateNotification as Pe } from "./components/notification.mjs";
 import { default as Fe, useRevealer as He } from "./components/revealer.mjs";
-import { default as Ee, SeparatorLabel as Ne, SmallSeparator as We, VerticalSeparator as Ue } from "./components/separator.mjs";
-import { default as Qe, SkeletonInstance as qe } from "./components/skeleton.mjs";
-import { default as Je } from "./components/sparebank1-logo.mjs";
-import { RevealSpinner as Xe, default as Ye } from "./components/spinner.mjs";
-import { default as _e } from "./components/sto-logo.mjs";
-import { default as eo } from "./components/storebrand-logo.mjs";
-import { AnchorHeading as to, Heading as ao, Hero as ro, Label as fo, Paragraph as lo, Span as so, default as uo, spanStyles as po, textShadowStyles as mo } from "./components/text.mjs";
-import { default as xo, TextButtonVariant as io } from "./components/text-button.mjs";
-import { default as So, getThemePreference as vo, setThemePreference as co, themePreferences as ho, useIsDarkMode as yo, useIsLightMode as Lo, useTheme as ko } from "./components/theme-setter.mjs";
-import { default as To } from "./components/veil.mjs";
-import { default as Io, WrapperWidth as bo } from "./components/wrapper.mjs";
-import { default as Go } from "./icons/arrow-up.mjs";
-import { default as Mo } from "./icons/arrow-right.mjs";
-import { default as Do } from "./icons/arrow-down.mjs";
-import { default as Po } from "./icons/arrow-left.mjs";
+import { default as Ee, SeparatorLabel as We, SmallSeparator as Ue, VerticalSeparator as je } from "./components/separator.mjs";
+import { default as qe, SkeletonInstance as ze } from "./components/skeleton.mjs";
+import { default as Oe } from "./components/sparebank1-logo.mjs";
+import { RevealSpinner as Ye, default as Ze } from "./components/spinner.mjs";
+import { default as $e } from "./components/sto-logo.mjs";
+import { default as oo } from "./components/storebrand-logo.mjs";
+import { AnchorHeading as ao, Heading as ro, Hero as fo, Label as lo, Paragraph as so, Span as uo, default as po, spanStyles as mo, textShadowStyles as no } from "./components/text.mjs";
+import { default as io, TextButtonVariant as go } from "./components/text-button.mjs";
+import { default as vo, getThemePreference as co, setThemePreference as ho, themePreferences as yo, useIsDarkMode as Lo, useIsLightMode as ko, useTheme as Co } from "./components/theme-setter.mjs";
+import { default as Bo } from "./components/veil.mjs";
+import { default as bo, WrapperWidth as wo } from "./components/wrapper.mjs";
+import { default as Ao } from "./icons/arrow-up.mjs";
+import { default as Ro } from "./icons/arrow-right.mjs";
+import { default as Ko } from "./icons/arrow-down.mjs";
+import { default as No } from "./icons/arrow-left.mjs";
 import { default as Ho } from "./icons/caret-up.mjs";
 import { default as Eo } from "./icons/caret-right.mjs";
-import { default as Wo } from "./icons/caret-down.mjs";
-import { default as jo } from "./icons/caret-left.mjs";
-import { default as qo } from "./icons/check.mjs";
-import { default as Jo } from "./icons/chevron-up.mjs";
-import { default as Xo } from "./icons/chevron-right.mjs";
-import { default as Zo } from "./icons/chevron-down.mjs";
-import { default as $o } from "./icons/chevron-left.mjs";
-import { default as ot } from "./icons/chrome-browser-logo.mjs";
-import { default as at } from "./icons/copy.mjs";
-import { default as ft } from "./icons/edit.mjs";
-import { default as dt } from "./icons/edge-browser-logo.mjs";
-import { default as ut } from "./icons/exclamation-triangle.mjs";
-import { I as mt, a as nt, i as xt } from "./icon-C6X3pQX0.mjs";
-import { default as gt } from "./icons/kakadu-guide.mjs";
-import { default as vt } from "./icons/kakadu-guide-glyph.mjs";
-import { default as ht } from "./icons/menu.mjs";
-import { default as Lt } from "./icons/plus.mjs";
-import { default as Ct } from "./icons/test.mjs";
-import { default as Bt } from "./icons/times.mjs";
-import { default as bt } from "./hooks/use-media-query.mjs";
-import { default as Gt } from "./utilities/copy-to-clipboard.mjs";
-import { default as Mt } from "./utilities/generate-random-id.mjs";
-import { default as Dt } from "./utilities/scale.mjs";
+import { default as Uo } from "./icons/caret-down.mjs";
+import { default as Qo } from "./icons/caret-left.mjs";
+import { default as zo } from "./icons/check.mjs";
+import { default as Oo } from "./icons/chevron-up.mjs";
+import { default as Yo } from "./icons/chevron-right.mjs";
+import { default as _o } from "./icons/chevron-down.mjs";
+import { default as et } from "./icons/chevron-left.mjs";
+import { default as tt } from "./icons/chrome-browser-logo.mjs";
+import { default as rt } from "./icons/copy.mjs";
+import { default as lt } from "./icons/edit.mjs";
+import { default as st } from "./icons/edge-browser-logo.mjs";
+import { default as pt } from "./icons/exclamation-triangle.mjs";
+import { I as nt, a as xt, i as it } from "./icon-C6X3pQX0.mjs";
+import { default as St } from "./icons/kakadu-guide.mjs";
+import { default as ct } from "./icons/kakadu-guide-glyph.mjs";
+import { default as yt } from "./icons/menu.mjs";
+import { default as kt } from "./icons/plus.mjs";
+import { default as Tt } from "./icons/test.mjs";
+import { default as It } from "./icons/times.mjs";
+import { default as wt } from "./hooks/use-media-query.mjs";
+import { default as At } from "./utilities/copy-to-clipboard.mjs";
+import { default as Rt } from "./utilities/generate-random-id.mjs";
+import { default as Kt } from "./utilities/scale.mjs";
 export {
-  to as AnchorHeading,
+  ao as AnchorHeading,
   n as AriaText,
-  Do as ArrowDownSvg,
-  Po as ArrowLeftSvg,
-  Mo as ArrowRightSvg,
-  Go as ArrowUpSvg,
+  Ko as ArrowDownSvg,
+  No as ArrowLeftSvg,
+  Ro as ArrowRightSvg,
+  Ao as ArrowUpSvg,
   g as Atom,
   c as BankidLogo,
   y as Box,
@@ -83,25 +83,25 @@ export {
   G as ButtonTooltip,
   C as ButtonVariant,
   M as Card,
-  Wo as CaretDownSvg,
-  jo as CaretLeftSvg,
+  Uo as CaretDownSvg,
+  Qo as CaretLeftSvg,
   Eo as CaretRightSvg,
   Ho as CaretUpSvg,
-  qo as CheckSvg,
-  Zo as ChevronDownSvg,
-  $o as ChevronLeftSvg,
-  Xo as ChevronRightSvg,
-  Jo as ChevronUpSvg,
-  ot as ChromeBrowserLogoSvg,
+  zo as CheckSvg,
+  _o as ChevronDownSvg,
+  et as ChevronLeftSvg,
+  Yo as ChevronRightSvg,
+  Oo as ChevronUpSvg,
+  tt as ChromeBrowserLogoSvg,
   D as ClickRipples,
   P as Collapsible,
-  at as CopySvg,
-  H as Datum,
-  E as DnbLogo,
+  rt as CopySvg,
+  F as Datum,
+  V as DnbLogo,
   W as Dot,
-  dt as EdgeBrowserLogoSvg,
-  ft as EditSvg,
-  ut as ExclamationTriangleSvg,
+  st as EdgeBrowserLogoSvg,
+  lt as EditSvg,
+  pt as ExclamationTriangleSvg,
   j as Flex,
   Q as FlexAlignment,
   t as FontFamilyHead,
@@ -110,87 +110,88 @@ export {
   X as Gauge,
   Z as GjensidigeLogo,
   $ as Header,
-  ao as Heading,
-  ro as Hero,
+  ro as Heading,
+  fo as Hero,
   oe as HoverGradient,
-  mt as Icon,
+  nt as Icon,
   re as IconButton,
   fe as IconButtonVariant,
-  nt as IconType,
+  xt as IconType,
   de as Input,
-  vt as KakaduGuideGlyphSvg,
+  ct as KakaduGuideGlyphSvg,
   me as KakaduGuideIcon,
   xe as KakaduGuideLogo,
   ie as KakaduGuideLogoSvg,
   ge as KakaduGuideLogoVariant,
-  gt as KakaduGuideSvg,
+  St as KakaduGuideSvg,
   ve as KakaduIndexLogo,
   he as KakaduLogo,
-  fo as Label,
-  ht as MenuSvg,
+  lo as Label,
+  yt as MenuSvg,
   Le as Modal,
   Be as MovingGradients,
   be as MovingStars,
   Ge as Notice,
   Ae as NoticeType,
-  Re as Notification,
-  De as NotificationProvider,
-  lo as Paragraph,
-  Lt as PlusSvg,
-  Xe as RevealSpinner,
+  De as Notification,
+  Ke as NotificationProvider,
+  Me as NotificationType,
+  so as Paragraph,
+  kt as PlusSvg,
+  Ye as RevealSpinner,
   Fe as Revealer,
   se as Select,
   Ee as Separator,
-  Ne as SeparatorLabel,
-  Qe as Skeleton,
-  qe as SkeletonInstance,
-  We as SmallSeparator,
-  so as Span,
-  Je as Sparebank1Logo,
-  Ye as Spinner,
-  _e as StoLogo,
-  eo as StorebrandLogo,
-  Ct as TestSvg,
-  uo as Text,
-  xo as TextButton,
-  io as TextButtonVariant,
-  So as ThemeSetter,
-  Bt as TimesSvg,
-  To as Veil,
-  Ue as VerticalSeparator,
-  Io as Wrapper,
-  bo as WrapperWidth,
+  We as SeparatorLabel,
+  qe as Skeleton,
+  ze as SkeletonInstance,
+  Ue as SmallSeparator,
+  uo as Span,
+  Oe as Sparebank1Logo,
+  Ze as Spinner,
+  $e as StoLogo,
+  oo as StorebrandLogo,
+  Tt as TestSvg,
+  po as Text,
+  io as TextButton,
+  go as TextButtonVariant,
+  vo as ThemeSetter,
+  It as TimesSvg,
+  Bo as Veil,
+  je as VerticalSeparator,
+  bo as Wrapper,
+  wo as WrapperWidth,
   x as ariaTextStyles,
   T as buttonDangerStyles,
   a as buttonResetStyles,
   B as buttonSecondaryStyles,
   I as buttonSuccessStyles,
   b as buttonWarningStyles,
-  Gt as copyToClipboard,
+  At as copyToClipboard,
   r as darkBackgroundColor,
   S as defaultAtomElementType,
   f as effectStyles,
   ue as errorParagraph,
   l as font,
-  Mt as generateRandomId,
-  vo as getThemePreference,
-  xt as iconShadowStyles,
+  Rt as generateRandomId,
+  co as getThemePreference,
+  it as iconShadowStyles,
   d as lightBackgroundColor,
   s as nonInteractiveEffectStyles,
   te as normalBlendStyles,
   u as overflowProtectionStyles,
-  Dt as scale,
-  co as setThemePreference,
-  po as spanStyles,
-  mo as textShadowStyles,
+  Kt as scale,
+  ho as setThemePreference,
+  mo as spanStyles,
+  no as textShadowStyles,
   p as theme,
-  ho as themePreferences,
-  Ke as useCreateNotification,
-  yo as useIsDarkMode,
-  Lo as useIsLightMode,
-  bt as useMediaQuery,
+  yo as themePreferences,
+  Pe as useCreateNotification,
+  Lo as useIsDarkMode,
+  ko as useIsLightMode,
+  wt as useMediaQuery,
   ke as useModal,
   Ce as useModalContext,
   He as useRevealer,
-  ko as useTheme
+  Co as useTheme
 };

package/package.json

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