@kakadu/components 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/copy-icon-button.d.ts +6 -0
- package/build/components/copy-icon-button.js +1 -0
- package/build/components/copy-icon-button.mjs +34 -0
- package/build/components/datum.js +1 -1
- package/build/components/datum.mjs +14 -21
- package/build/components/icon-button.js +1 -1
- package/build/components/icon-button.mjs +20 -22
- package/build/index.d.ts +2 -0
- package/build/index.js +1 -1
- package/build/index.mjs +184 -182
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type IconButtonProperties } from './icon-button';
|
|
2
|
+
export default function CopyIconButton({ label, copiedLabel, value, onClick, ...properties }: {
|
|
3
|
+
readonly label?: string;
|
|
4
|
+
readonly copiedLabel?: string;
|
|
5
|
+
readonly value: string;
|
|
6
|
+
} & Omit<IconButtonProperties, 'icon' | 'label' | 'variant'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../jsx-runtime-BB_1_6y_.js"),u=require("react"),i=require("../icons/icon.js"),m=require("../utilities/copy-to-clipboard.js"),n=require("./icon-button.js");function y({label:c="Kopier",copiedLabel:a="Kopiert!",value:r,onClick:e,...l}){const t=u.useRef(null),[o,s]=u.useState(!1),p=u.useCallback(d=>{m.default(r),s(!0),t.current&&clearTimeout(t.current),e==null||e(d),t.current=setTimeout(()=>{s(!1)},2e3)},[r,e]);return f.jsxRuntimeExports.jsx(n.default,{...l,icon:o?i.IconType.check:i.IconType.copy,label:o?a:c,variant:o?n.IconButtonVariant.success:n.IconButtonVariant.default,onClick:p})}exports.default=y;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { j as f } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { useRef as l, useState as d, useCallback as y } from "react";
|
|
3
|
+
import { IconType as n } from "../icons/icon.mjs";
|
|
4
|
+
import I from "../utilities/copy-to-clipboard.mjs";
|
|
5
|
+
import x, { IconButtonVariant as u } from "./icon-button.mjs";
|
|
6
|
+
function h({
|
|
7
|
+
label: c = "Kopier",
|
|
8
|
+
copiedLabel: i = "Kopiert!",
|
|
9
|
+
value: r,
|
|
10
|
+
onClick: t,
|
|
11
|
+
...p
|
|
12
|
+
}) {
|
|
13
|
+
const e = l(null), [o, s] = d(!1), a = y(
|
|
14
|
+
(m) => {
|
|
15
|
+
I(r), s(!0), e.current && clearTimeout(e.current), t == null || t(m), e.current = setTimeout(() => {
|
|
16
|
+
s(!1);
|
|
17
|
+
}, 2e3);
|
|
18
|
+
},
|
|
19
|
+
[r, t]
|
|
20
|
+
);
|
|
21
|
+
return /* @__PURE__ */ f.jsx(
|
|
22
|
+
x,
|
|
23
|
+
{
|
|
24
|
+
...p,
|
|
25
|
+
icon: o ? n.check : n.copy,
|
|
26
|
+
label: o ? i : c,
|
|
27
|
+
variant: o ? u.success : u.default,
|
|
28
|
+
onClick: a
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
h as default
|
|
34
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("./flex.js"),s=require("./text.js"),i=require("./copy-icon-button.js");function u({title:o,value:n,hasCopyButton:r}){return e.jsxRuntimeExports.jsxs(t.default,{direction:"row",gap:1.5,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsxs(t.default,{fill:!0,gap:.375,alignment:t.FlexAlignment.start,children:[e.jsxRuntimeExports.jsx(s.Span,{className:"kakadu-components-3772513716",children:o}),e.jsxRuntimeExports.jsx(s.Span,{className:"kakadu-components-2497879239",children:n})]}),r?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(i.default,{value:n})}):null]})}exports.default=u;
|
|
@@ -1,27 +1,20 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
value: m,
|
|
10
|
-
hasCopyButton: u
|
|
1
|
+
import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import r, { FlexAlignment as o } from "./flex.mjs";
|
|
3
|
+
import { Span as s } from "./text.mjs";
|
|
4
|
+
import i from "./copy-icon-button.mjs";
|
|
5
|
+
function x({
|
|
6
|
+
title: e,
|
|
7
|
+
value: t,
|
|
8
|
+
hasCopyButton: a
|
|
11
9
|
}) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}, []);
|
|
17
|
-
return /* @__PURE__ */ e.jsxs(s, { direction: "row", gap: 1.5, alignment: i.start, children: [
|
|
18
|
-
/* @__PURE__ */ e.jsxs(s, { fill: !0, gap: 0.375, alignment: i.start, children: [
|
|
19
|
-
/* @__PURE__ */ e.jsx(a, { className: "kakadu-components-3772513716", children: l }),
|
|
20
|
-
/* @__PURE__ */ e.jsx(a, { className: "kakadu-components-2497879239", children: m })
|
|
10
|
+
return /* @__PURE__ */ n.jsxs(r, { direction: "row", gap: 1.5, alignment: o.start, children: [
|
|
11
|
+
/* @__PURE__ */ n.jsxs(r, { fill: !0, gap: 0.375, alignment: o.start, children: [
|
|
12
|
+
/* @__PURE__ */ n.jsx(s, { className: "kakadu-components-3772513716", children: e }),
|
|
13
|
+
/* @__PURE__ */ n.jsx(s, { className: "kakadu-components-2497879239", children: t })
|
|
21
14
|
] }),
|
|
22
|
-
|
|
15
|
+
a ? /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(i, { value: t }) }) : null
|
|
23
16
|
] });
|
|
24
17
|
}
|
|
25
18
|
export {
|
|
26
|
-
|
|
19
|
+
x as default
|
|
27
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icons/icon.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icons/icon.js"),f=require("../theme.js"),b=require("./theme-setter.js"),l=require("./button.js"),q=require("./button-tooltip.js"),w=require("./click-ripples.js"),k=require("./hover-gradient.js");var S=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(S||{});function _({icon:e,variant:u="default",label:h,tooltipPosition:j,disabled:d,className:g,...R}){const y=b.useIsDarkMode(),[o,E]=s.useState(e),[m,i]=s.useState(!1),x=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{x.current=e},[e]);const r=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return s.useEffect(()=>{if(o===e){i(p=>p&&!1);return}i(!0),r(),c.current=setTimeout(()=>{i(!1),E(x.current)},370)},[o,e,r]),s.useEffect(()=>()=>{r()},[r]),t.jsxRuntimeExports.jsxs("button",{...R,type:"button",disabled:d,className:n.cx(f.buttonResetStyles,f.effectStyles,"kakadu-components-3515018630",u==="default"&&n.cx(l.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(l.buttonSuccessStyles,"kakadu-components-4088931955"),u==="warning"&&n.cx(l.buttonWarningStyles,"kakadu-components-1450399719"),u==="danger"&&n.cx(l.buttonDangerStyles,"kakadu-components-3594030066"),g),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?y?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",m&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",m&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(q.default,{label:h,position:j}),d?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(w.default,{size:50}),t.jsxRuntimeExports.jsx(k.default,{size:50,className:u==="default"?k.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=S;exports.default=_;
|
|
@@ -1,55 +1,53 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as f, useRef as p, useEffect as c, useCallback as b } from "react";
|
|
3
3
|
import { cx as s } from "@kuma-ui/core";
|
|
4
|
-
import
|
|
4
|
+
import k, { iconShadowStyles as h } from "../icons/icon.mjs";
|
|
5
5
|
import { buttonResetStyles as R, effectStyles as N } from "../theme.mjs";
|
|
6
6
|
import { useIsDarkMode as T } from "./theme-setter.mjs";
|
|
7
7
|
import { buttonSecondaryStyles as D, buttonSuccessStyles as I, buttonWarningStyles as z, buttonDangerStyles as C } from "./button.mjs";
|
|
8
|
-
import E from "./
|
|
9
|
-
import M from "./
|
|
10
|
-
import A from "./click-ripples.mjs";
|
|
8
|
+
import E from "./button-tooltip.mjs";
|
|
9
|
+
import M from "./click-ripples.mjs";
|
|
11
10
|
import F, { normalBlendStyles as G } from "./hover-gradient.mjs";
|
|
12
11
|
var H = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(H || {});
|
|
13
|
-
function
|
|
12
|
+
function U({
|
|
14
13
|
icon: e,
|
|
15
14
|
variant: o = "default",
|
|
16
|
-
label:
|
|
17
|
-
tooltipPosition:
|
|
15
|
+
label: g,
|
|
16
|
+
tooltipPosition: S,
|
|
18
17
|
disabled: l,
|
|
19
|
-
className:
|
|
18
|
+
className: x,
|
|
20
19
|
...y
|
|
21
20
|
}) {
|
|
22
|
-
const j = T(), [
|
|
21
|
+
const j = T(), [n, w] = f(e), [m, a] = f(!1), d = p(e), r = p(null);
|
|
23
22
|
c(() => {
|
|
24
23
|
d.current = e;
|
|
25
24
|
}, [e]);
|
|
26
25
|
const u = b(() => {
|
|
27
|
-
|
|
26
|
+
r.current && (clearTimeout(r.current), r.current = null);
|
|
28
27
|
}, []);
|
|
29
28
|
return c(() => {
|
|
30
|
-
if (
|
|
31
|
-
a((
|
|
29
|
+
if (n === e) {
|
|
30
|
+
a((i) => i && !1);
|
|
32
31
|
return;
|
|
33
32
|
}
|
|
34
|
-
a(!0), u(),
|
|
33
|
+
a(!0), u(), r.current = setTimeout(() => {
|
|
35
34
|
a(!1), w(d.current);
|
|
36
35
|
}, 370);
|
|
37
|
-
}, [
|
|
36
|
+
}, [n, e, u]), c(() => () => {
|
|
38
37
|
u();
|
|
39
|
-
}, [u]), /* @__PURE__ */ t.jsxs("button", { ...y, type: "button", disabled: l, className: s(R, N, "kakadu-components-3515018630", o === "default" && s(D, "kakadu-components-2089159949"), o === "success" && s(I, "kakadu-components-4088931955"), o === "warning" && s(z, "kakadu-components-1450399719"), o === "danger" && s(C, "kakadu-components-3594030066"),
|
|
38
|
+
}, [u]), /* @__PURE__ */ t.jsxs("button", { ...y, type: "button", disabled: l, className: s(R, N, "kakadu-components-3515018630", o === "default" && s(D, "kakadu-components-2089159949"), o === "success" && s(I, "kakadu-components-4088931955"), o === "warning" && s(z, "kakadu-components-1450399719"), o === "danger" && s(C, "kakadu-components-3594030066"), x), children: [
|
|
40
39
|
/* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? j ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
|
|
41
|
-
/* @__PURE__ */ t.jsx(
|
|
42
|
-
|
|
40
|
+
/* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: n, className: s(h, "kakadu-components-1309118222", m && "kakadu-components-3602476657") }),
|
|
41
|
+
n === e ? null : /* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: e, className: s(h, "kakadu-components-2883440801", m && "kakadu-components-1406924214") })
|
|
43
42
|
] }),
|
|
44
|
-
/* @__PURE__ */ t.jsx(E, {
|
|
45
|
-
/* @__PURE__ */ t.jsx(M, { label: m, position: x }),
|
|
43
|
+
/* @__PURE__ */ t.jsx(E, { label: g, position: S }),
|
|
46
44
|
l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
47
|
-
/* @__PURE__ */ t.jsx(
|
|
45
|
+
/* @__PURE__ */ t.jsx(M, { size: 50 }),
|
|
48
46
|
/* @__PURE__ */ t.jsx(F, { size: 50, className: o === "default" ? G : void 0 })
|
|
49
47
|
] })
|
|
50
48
|
] });
|
|
51
49
|
}
|
|
52
50
|
export {
|
|
53
51
|
H as IconButtonVariant,
|
|
54
|
-
|
|
52
|
+
U as default
|
|
55
53
|
};
|
package/build/index.d.ts
CHANGED
|
@@ -18,6 +18,8 @@ export * from './components/click-ripples';
|
|
|
18
18
|
export { default as ClickRipples } from './components/click-ripples';
|
|
19
19
|
export * from './components/collapsible';
|
|
20
20
|
export { default as Collapsible } from './components/collapsible';
|
|
21
|
+
export * from './components/copy-icon-button';
|
|
22
|
+
export { default as CopyIconButton } from './components/copy-icon-button';
|
|
21
23
|
export * from './components/datum';
|
|
22
24
|
export { default as Datum } from './components/datum';
|
|
23
25
|
export * from './components/dnb-logo';
|
package/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),d=require("./components/aria-text.js"),f=require("./components/atom.js"),L=require("./components/bankid-logo.js"),T=require("./components/box.js"),n=require("./components/button.js"),p=require("./components/button-tooltip.js"),b=require("./components/card.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.js"),d=require("./components/aria-text.js"),f=require("./components/atom.js"),L=require("./components/bankid-logo.js"),T=require("./components/box.js"),n=require("./components/button.js"),p=require("./components/button-tooltip.js"),b=require("./components/card.js"),B=require("./components/click-ripples.js"),w=require("./components/collapsible.js"),I=require("./components/copy-icon-button.js"),x=require("./components/datum.js"),C=require("./components/dnb-logo.js"),G=require("./components/dot.js"),g=require("./components/flex.js"),S=require("./components/footer.js"),P=require("./components/gauge.js"),R=require("./components/gjensidige-logo.js"),A=require("./components/header.js"),m=require("./components/hover-gradient.js"),q=require("./components/icon-button.js"),a=require("./components/input.js"),D=require("./components/kakadu-guide-icon.js"),u=require("./components/kakadu-guide-logo.js"),M=require("./components/kakadu-index-logo.js"),F=require("./components/kakadu-academy-logo.js"),K=require("./components/kakadu-logo.js"),s=require("./components/modal.js"),V=require("./components/moving-gradients.js"),H=require("./components/moving-stars.js"),i=require("./components/notice.js"),c=require("./components/notification.js"),_=require("./components/revealer.js"),r=require("./components/separator.js"),v=require("./components/skeleton.js"),N=require("./components/sparebank1-logo.js"),h=require("./components/spinner.js"),U=require("./components/sto-logo.js"),E=require("./components/storebrand-logo.js"),o=require("./components/text.js"),y=require("./components/text-button.js"),t=require("./components/theme-setter.js"),W=require("./components/veil.js"),k=require("./components/wrapper.js"),l=require("./icons/icon.js"),j=require("./icons/kakadu-guide-icon.js"),Q=require("./icons/kakadu-guide-glyph.js"),O=require("./icons/dots.js"),z=require("./icons/menu.js"),J=require("./icons/check.js"),X=require("./icons/plus.js"),Y=require("./icons/times.js"),Z=require("./icons/chevron-up.js"),$=require("./icons/chevron-right.js"),ee=require("./icons/chevron-down.js"),oe=require("./icons/chevron-left.js"),te=require("./icons/caret-up.js"),ne=require("./icons/caret-right.js"),re=require("./icons/caret-down.js"),ae=require("./icons/caret-left.js"),ue=require("./icons/arrow-up.js"),se=require("./icons/arrow-right.js"),ie=require("./icons/arrow-down.js"),ce=require("./icons/arrow-left.js"),le=require("./icons/anchor-up.js"),de=require("./icons/anchor-down.js"),fe=require("./icons/trend-up.js"),pe=require("./icons/edit.js"),ge=require("./icons/copy.js"),Se=require("./icons/select.js"),me=require("./icons/test.js"),qe=require("./icons/share.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/sparkle.js"),ye=require("./icons/trash.js"),ke=require("./icons/chrome-browser-logo.js"),Le=require("./icons/edge-browser-logo.js"),Te=require("./hooks/use-media-query.js"),be=require("./hooks/use-fetch.js"),Be=require("./utilities/copy-to-clipboard.js"),we=require("./utilities/generate-random-id.js"),Ie=require("./utilities/scale.js");exports.FontFamilyHead=e.FontFamilyHead;exports.buttonResetStyles=e.buttonResetStyles;exports.darkBackgroundColor=e.darkBackgroundColor;exports.effectStyles=e.effectStyles;exports.font=e.font;exports.lightBackgroundColor=e.lightBackgroundColor;exports.nonInteractiveEffectStyles=e.nonInteractiveEffectStyles;exports.overflowProtectionStyles=e.overflowProtectionStyles;exports.theme=e.default;exports.AriaText=d.default;exports.ariaTextStyles=d.ariaTextStyles;exports.Atom=f.default;exports.defaultAtomElementType=f.defaultAtomElementType;exports.BankidLogo=L.default;exports.Box=T.default;exports.Button=n.default;exports.ButtonVariant=n.ButtonVariant;exports.buttonDangerStyles=n.buttonDangerStyles;exports.buttonSecondaryStyles=n.buttonSecondaryStyles;exports.buttonSuccessStyles=n.buttonSuccessStyles;exports.buttonWarningStyles=n.buttonWarningStyles;exports.ButtonTooltip=p.default;exports.ButtonTooltipPosition=p.ButtonTooltipPosition;exports.Card=b.default;exports.ClickRipples=B.default;exports.Collapsible=w.default;exports.CopyIconButton=I.default;exports.Datum=x.default;exports.DnbLogo=C.default;exports.Dot=G.default;exports.Flex=g.default;exports.FlexAlignment=g.FlexAlignment;exports.Footer=S.default;exports.FooterLinkItem=S.FooterLinkItem;exports.Gauge=P.default;exports.GjensidigeLogo=R.default;exports.Header=A.default;exports.HoverGradient=m.default;exports.normalBlendStyles=m.normalBlendStyles;exports.IconButton=q.default;exports.IconButtonVariant=q.IconButtonVariant;exports.Input=a.default;exports.Select=a.Select;exports.errorParagraph=a.errorParagraph;exports.KakaduGuideIcon=D.default;exports.KakaduGuideLogo=u.default;exports.KakaduGuideLogoSvg=u.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=u.KakaduGuideLogoVariant;exports.KakaduIndexLogo=M.default;exports.KakaduAcademyLogo=F.default;exports.KakaduLogo=K.default;exports.Modal=s.default;exports.useModal=s.useModal;exports.useModalContext=s.useModalContext;exports.MovingGradients=V.default;exports.MovingStars=H.default;exports.Notice=i.default;exports.NoticeType=i.NoticeType;exports.NotificationType=i.NoticeType;exports.Notification=c.default;exports.NotificationProvider=c.NotificationProvider;exports.useCreateNotification=c.useCreateNotification;exports.Revealer=_.default;exports.useRevealer=_.useRevealer;exports.Separator=r.default;exports.SeparatorLabel=r.SeparatorLabel;exports.SmallSeparator=r.SmallSeparator;exports.VerticalSeparator=r.VerticalSeparator;exports.Skeleton=v.default;exports.SkeletonInstance=v.SkeletonInstance;exports.Sparebank1Logo=N.default;exports.RevealSpinner=h.RevealSpinner;exports.Spinner=h.default;exports.StoLogo=U.default;exports.StorebrandLogo=E.default;exports.AnchorHeading=o.AnchorHeading;exports.Heading=o.Heading;exports.Hero=o.Hero;exports.Label=o.Label;exports.Paragraph=o.Paragraph;exports.Span=o.Span;exports.Text=o.default;exports.spanStyles=o.spanStyles;exports.textShadowStyles=o.textShadowStyles;exports.TextButton=y.default;exports.TextButtonVariant=y.TextButtonVariant;exports.ThemeSetter=t.default;exports.getThemePreference=t.getThemePreference;exports.setThemePreference=t.setThemePreference;exports.themePreferences=t.themePreferences;exports.useIsDarkMode=t.useIsDarkMode;exports.useIsLightMode=t.useIsLightMode;exports.useTheme=t.useTheme;exports.Veil=W.default;exports.Wrapper=k.default;exports.WrapperWidth=k.WrapperWidth;exports.Icon=l.default;exports.IconType=l.IconType;exports.iconShadowStyles=l.iconShadowStyles;exports.KakaduGuideIconSvg=j.default;exports.KakaduGuideGlyphSvg=Q.default;exports.DotsSvg=O.default;exports.MenuSvg=z.default;exports.CheckSvg=J.default;exports.PlusSvg=X.default;exports.TimesSvg=Y.default;exports.ChevronUpSvg=Z.default;exports.ChevronRightSvg=$.default;exports.ChevronDownSvg=ee.default;exports.ChevronLeftSvg=oe.default;exports.CaretUpSvg=te.default;exports.CaretRightSvg=ne.default;exports.CaretDownSvg=re.default;exports.CaretLeftSvg=ae.default;exports.ArrowUpSvg=ue.default;exports.ArrowRightSvg=se.default;exports.ArrowDownSvg=ie.default;exports.ArrowLeftSvg=ce.default;exports.AnchorUpSvg=le.default;exports.AnchorDownSvg=de.default;exports.TrendUpSvg=fe.default;exports.EditSvg=pe.default;exports.CopySvg=ge.default;exports.SelectSvg=Se.default;exports.TestSvg=me.default;exports.ShareSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.SparkleSvg=he.default;exports.TrashSvg=ye.default;exports.ChromeBrowserLogoSvg=ke.default;exports.EdgeBrowserLogoSvg=Le.default;exports.useMediaQuery=Te.default;exports.useFetch=be.default;exports.copyToClipboard=Be.default;exports.generateRandomId=we.default;exports.scale=Ie.default;
|
package/build/index.mjs
CHANGED
|
@@ -8,87 +8,88 @@ import { default as A, ButtonTooltipPosition as G } from "./components/button-to
|
|
|
8
8
|
import { default as K } from "./components/card.mjs";
|
|
9
9
|
import { default as P } from "./components/click-ripples.mjs";
|
|
10
10
|
import { default as F } from "./components/collapsible.mjs";
|
|
11
|
-
import { default as E } from "./components/
|
|
12
|
-
import { default as V } from "./components/
|
|
13
|
-
import { default as W } from "./components/
|
|
14
|
-
import { default as Q
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as Y } from "./components/
|
|
17
|
-
import { default as _ } from "./components/
|
|
18
|
-
import { default as ee } from "./components/
|
|
19
|
-
import { default as te
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as xe } from "./components/
|
|
23
|
-
import { default as ge
|
|
24
|
-
import { default as ce } from "./components/kakadu-
|
|
25
|
-
import { default as ye } from "./components/kakadu-
|
|
26
|
-
import { default as ke } from "./components/kakadu-logo.mjs";
|
|
27
|
-
import { default as Ce
|
|
28
|
-
import { default as be } from "./components/
|
|
29
|
-
import { default as Ge } from "./components/moving-
|
|
30
|
-
import { default as Ke
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
33
|
-
import { default as
|
|
34
|
-
import { default as
|
|
35
|
-
import { default as Ze } from "./components/
|
|
36
|
-
import {
|
|
37
|
-
import { default as to } from "./components/
|
|
38
|
-
import { default as ro } from "./components/
|
|
39
|
-
import {
|
|
40
|
-
import { default as
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as bo } from "./components/
|
|
43
|
-
import { default as Go
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as No } from "./icons/
|
|
46
|
-
import { default as Ho } from "./icons/kakadu-guide-
|
|
47
|
-
import { default as Uo } from "./icons/
|
|
48
|
-
import { default as jo } from "./icons/
|
|
49
|
-
import { default as qo } from "./icons/
|
|
50
|
-
import { default as Jo } from "./icons/
|
|
51
|
-
import { default as Xo } from "./icons/
|
|
52
|
-
import { default as Zo } from "./icons/
|
|
53
|
-
import { default as $o } from "./icons/chevron-
|
|
54
|
-
import { default as ot } from "./icons/chevron-
|
|
55
|
-
import { default as at } from "./icons/chevron-
|
|
56
|
-
import { default as ft } from "./icons/
|
|
57
|
-
import { default as dt } from "./icons/caret-
|
|
58
|
-
import { default as st } from "./icons/caret-
|
|
59
|
-
import { default as mt } from "./icons/caret-
|
|
60
|
-
import { default as nt } from "./icons/
|
|
61
|
-
import { default as St } from "./icons/arrow-
|
|
62
|
-
import { default as vt } from "./icons/arrow-
|
|
63
|
-
import { default as ht } from "./icons/arrow-
|
|
64
|
-
import { default as Tt } from "./icons/
|
|
65
|
-
import { default as Lt } from "./icons/anchor-
|
|
66
|
-
import { default as Bt } from "./icons/
|
|
67
|
-
import { default as wt } from "./icons/
|
|
68
|
-
import { default as At } from "./icons/
|
|
69
|
-
import { default as Dt } from "./icons/
|
|
70
|
-
import { default as Mt } from "./icons/
|
|
71
|
-
import { default as Rt } from "./icons/
|
|
72
|
-
import { default as Nt } from "./icons/
|
|
73
|
-
import { default as Ht } from "./icons/
|
|
74
|
-
import { default as Ut } from "./icons/
|
|
75
|
-
import { default as jt } from "./icons/
|
|
76
|
-
import { default as qt } from "./icons/
|
|
77
|
-
import { default as Jt } from "./icons/
|
|
78
|
-
import { default as Xt } from "./
|
|
79
|
-
import { default as Zt } from "./hooks/use-
|
|
80
|
-
import { default as $t } from "./
|
|
81
|
-
import { default as oa } from "./utilities/
|
|
82
|
-
import { default as aa } from "./utilities/
|
|
11
|
+
import { default as E } from "./components/copy-icon-button.mjs";
|
|
12
|
+
import { default as V } from "./components/datum.mjs";
|
|
13
|
+
import { default as W } from "./components/dnb-logo.mjs";
|
|
14
|
+
import { default as Q } from "./components/dot.mjs";
|
|
15
|
+
import { default as z, FlexAlignment as J } from "./components/flex.mjs";
|
|
16
|
+
import { default as X, FooterLinkItem as Y } from "./components/footer.mjs";
|
|
17
|
+
import { default as _ } from "./components/gauge.mjs";
|
|
18
|
+
import { default as ee } from "./components/gjensidige-logo.mjs";
|
|
19
|
+
import { default as te } from "./components/header.mjs";
|
|
20
|
+
import { default as re, normalBlendStyles as fe } from "./components/hover-gradient.mjs";
|
|
21
|
+
import { default as de, IconButtonVariant as ue } from "./components/icon-button.mjs";
|
|
22
|
+
import { default as pe, Select as me, errorParagraph as xe } from "./components/input.mjs";
|
|
23
|
+
import { default as ge } from "./components/kakadu-guide-icon.mjs";
|
|
24
|
+
import { default as ie, KakaduGuideLogoSvg as ve, KakaduGuideLogoVariant as ce } from "./components/kakadu-guide-logo.mjs";
|
|
25
|
+
import { default as ye } from "./components/kakadu-index-logo.mjs";
|
|
26
|
+
import { default as ke } from "./components/kakadu-academy-logo.mjs";
|
|
27
|
+
import { default as Ce } from "./components/kakadu-logo.mjs";
|
|
28
|
+
import { default as Ie, useModal as we, useModalContext as be } from "./components/modal.mjs";
|
|
29
|
+
import { default as Ge } from "./components/moving-gradients.mjs";
|
|
30
|
+
import { default as Ke } from "./components/moving-stars.mjs";
|
|
31
|
+
import { default as Pe, NoticeType as Re, NoticeType as Fe } from "./components/notice.mjs";
|
|
32
|
+
import { default as Ee, NotificationProvider as He, useCreateNotification as Ve } from "./components/notification.mjs";
|
|
33
|
+
import { default as We, useRevealer as je } from "./components/revealer.mjs";
|
|
34
|
+
import { default as qe, SeparatorLabel as ze, SmallSeparator as Je, VerticalSeparator as Oe } from "./components/separator.mjs";
|
|
35
|
+
import { default as Ye, SkeletonInstance as Ze } from "./components/skeleton.mjs";
|
|
36
|
+
import { default as $e } from "./components/sparebank1-logo.mjs";
|
|
37
|
+
import { RevealSpinner as oo, default as to } from "./components/spinner.mjs";
|
|
38
|
+
import { default as ro } from "./components/sto-logo.mjs";
|
|
39
|
+
import { default as lo } from "./components/storebrand-logo.mjs";
|
|
40
|
+
import { AnchorHeading as so, Heading as po, Hero as mo, Label as xo, Paragraph as no, Span as go, default as So, spanStyles as io, textShadowStyles as vo } from "./components/text.mjs";
|
|
41
|
+
import { default as ho, TextButtonVariant as yo } from "./components/text-button.mjs";
|
|
42
|
+
import { default as ko, getThemePreference as Lo, setThemePreference as Co, themePreferences as Bo, useIsDarkMode as Io, useIsLightMode as wo, useTheme as bo } from "./components/theme-setter.mjs";
|
|
43
|
+
import { default as Go } from "./components/veil.mjs";
|
|
44
|
+
import { default as Ko, WrapperWidth as Mo } from "./components/wrapper.mjs";
|
|
45
|
+
import { default as Ro, IconType as Fo, iconShadowStyles as No } from "./icons/icon.mjs";
|
|
46
|
+
import { default as Ho } from "./icons/kakadu-guide-icon.mjs";
|
|
47
|
+
import { default as Uo } from "./icons/kakadu-guide-glyph.mjs";
|
|
48
|
+
import { default as jo } from "./icons/dots.mjs";
|
|
49
|
+
import { default as qo } from "./icons/menu.mjs";
|
|
50
|
+
import { default as Jo } from "./icons/check.mjs";
|
|
51
|
+
import { default as Xo } from "./icons/plus.mjs";
|
|
52
|
+
import { default as Zo } from "./icons/times.mjs";
|
|
53
|
+
import { default as $o } from "./icons/chevron-up.mjs";
|
|
54
|
+
import { default as ot } from "./icons/chevron-right.mjs";
|
|
55
|
+
import { default as at } from "./icons/chevron-down.mjs";
|
|
56
|
+
import { default as ft } from "./icons/chevron-left.mjs";
|
|
57
|
+
import { default as dt } from "./icons/caret-up.mjs";
|
|
58
|
+
import { default as st } from "./icons/caret-right.mjs";
|
|
59
|
+
import { default as mt } from "./icons/caret-down.mjs";
|
|
60
|
+
import { default as nt } from "./icons/caret-left.mjs";
|
|
61
|
+
import { default as St } from "./icons/arrow-up.mjs";
|
|
62
|
+
import { default as vt } from "./icons/arrow-right.mjs";
|
|
63
|
+
import { default as ht } from "./icons/arrow-down.mjs";
|
|
64
|
+
import { default as Tt } from "./icons/arrow-left.mjs";
|
|
65
|
+
import { default as Lt } from "./icons/anchor-up.mjs";
|
|
66
|
+
import { default as Bt } from "./icons/anchor-down.mjs";
|
|
67
|
+
import { default as wt } from "./icons/trend-up.mjs";
|
|
68
|
+
import { default as At } from "./icons/edit.mjs";
|
|
69
|
+
import { default as Dt } from "./icons/copy.mjs";
|
|
70
|
+
import { default as Mt } from "./icons/select.mjs";
|
|
71
|
+
import { default as Rt } from "./icons/test.mjs";
|
|
72
|
+
import { default as Nt } from "./icons/share.mjs";
|
|
73
|
+
import { default as Ht } from "./icons/external.mjs";
|
|
74
|
+
import { default as Ut } from "./icons/exclamation-triangle.mjs";
|
|
75
|
+
import { default as jt } from "./icons/sparkle.mjs";
|
|
76
|
+
import { default as qt } from "./icons/trash.mjs";
|
|
77
|
+
import { default as Jt } from "./icons/chrome-browser-logo.mjs";
|
|
78
|
+
import { default as Xt } from "./icons/edge-browser-logo.mjs";
|
|
79
|
+
import { default as Zt } from "./hooks/use-media-query.mjs";
|
|
80
|
+
import { default as $t } from "./hooks/use-fetch.mjs";
|
|
81
|
+
import { default as oa } from "./utilities/copy-to-clipboard.mjs";
|
|
82
|
+
import { default as aa } from "./utilities/generate-random-id.mjs";
|
|
83
|
+
import { default as fa } from "./utilities/scale.mjs";
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
Bt as AnchorDownSvg,
|
|
86
|
+
so as AnchorHeading,
|
|
87
|
+
Lt as AnchorUpSvg,
|
|
87
88
|
x as AriaText,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
ht as ArrowDownSvg,
|
|
90
|
+
Tt as ArrowLeftSvg,
|
|
91
|
+
vt as ArrowRightSvg,
|
|
92
|
+
St as ArrowUpSvg,
|
|
92
93
|
S as Atom,
|
|
93
94
|
c as BankidLogo,
|
|
94
95
|
y as Box,
|
|
@@ -97,124 +98,125 @@ export {
|
|
|
97
98
|
G as ButtonTooltipPosition,
|
|
98
99
|
L as ButtonVariant,
|
|
99
100
|
K as Card,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
101
|
+
mt as CaretDownSvg,
|
|
102
|
+
nt as CaretLeftSvg,
|
|
103
|
+
st as CaretRightSvg,
|
|
104
|
+
dt as CaretUpSvg,
|
|
105
|
+
Jo as CheckSvg,
|
|
106
|
+
at as ChevronDownSvg,
|
|
107
|
+
ft as ChevronLeftSvg,
|
|
108
|
+
ot as ChevronRightSvg,
|
|
109
|
+
$o as ChevronUpSvg,
|
|
110
|
+
Jt as ChromeBrowserLogoSvg,
|
|
110
111
|
P as ClickRipples,
|
|
111
112
|
F as Collapsible,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
V as
|
|
115
|
-
W as
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
113
|
+
E as CopyIconButton,
|
|
114
|
+
Dt as CopySvg,
|
|
115
|
+
V as Datum,
|
|
116
|
+
W as DnbLogo,
|
|
117
|
+
Q as Dot,
|
|
118
|
+
jo as DotsSvg,
|
|
119
|
+
Xt as EdgeBrowserLogoSvg,
|
|
120
|
+
At as EditSvg,
|
|
121
|
+
Ut as ExclamationTriangleSvg,
|
|
122
|
+
Ht as ExternalSvg,
|
|
123
|
+
z as Flex,
|
|
124
|
+
J as FlexAlignment,
|
|
123
125
|
t as FontFamilyHead,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
126
|
+
X as Footer,
|
|
127
|
+
Y as FooterLinkItem,
|
|
128
|
+
_ as Gauge,
|
|
129
|
+
ee as GjensidigeLogo,
|
|
130
|
+
te as Header,
|
|
131
|
+
po as Heading,
|
|
132
|
+
mo as Hero,
|
|
133
|
+
re as HoverGradient,
|
|
134
|
+
Ro as Icon,
|
|
135
|
+
de as IconButton,
|
|
136
|
+
ue as IconButtonVariant,
|
|
137
|
+
Fo as IconType,
|
|
138
|
+
pe as Input,
|
|
139
|
+
ke as KakaduAcademyLogo,
|
|
140
|
+
Uo as KakaduGuideGlyphSvg,
|
|
141
|
+
ge as KakaduGuideIcon,
|
|
142
|
+
Ho as KakaduGuideIconSvg,
|
|
143
|
+
ie as KakaduGuideLogo,
|
|
144
|
+
ve as KakaduGuideLogoSvg,
|
|
145
|
+
ce as KakaduGuideLogoVariant,
|
|
146
|
+
ye as KakaduIndexLogo,
|
|
147
|
+
Ce as KakaduLogo,
|
|
148
|
+
xo as Label,
|
|
149
|
+
qo as MenuSvg,
|
|
150
|
+
Ie as Modal,
|
|
151
|
+
Ge as MovingGradients,
|
|
152
|
+
Ke as MovingStars,
|
|
153
|
+
Pe as Notice,
|
|
154
|
+
Re as NoticeType,
|
|
155
|
+
Ee as Notification,
|
|
156
|
+
He as NotificationProvider,
|
|
157
|
+
Fe as NotificationType,
|
|
158
|
+
no as Paragraph,
|
|
159
|
+
Xo as PlusSvg,
|
|
160
|
+
oo as RevealSpinner,
|
|
161
|
+
We as Revealer,
|
|
162
|
+
me as Select,
|
|
163
|
+
Mt as SelectSvg,
|
|
164
|
+
qe as Separator,
|
|
165
|
+
ze as SeparatorLabel,
|
|
166
|
+
Nt as ShareSvg,
|
|
167
|
+
Ye as Skeleton,
|
|
168
|
+
Ze as SkeletonInstance,
|
|
169
|
+
Je as SmallSeparator,
|
|
170
|
+
go as Span,
|
|
171
|
+
$e as Sparebank1Logo,
|
|
172
|
+
jt as SparkleSvg,
|
|
173
|
+
to as Spinner,
|
|
174
|
+
ro as StoLogo,
|
|
175
|
+
lo as StorebrandLogo,
|
|
176
|
+
Rt as TestSvg,
|
|
177
|
+
So as Text,
|
|
178
|
+
ho as TextButton,
|
|
179
|
+
yo as TextButtonVariant,
|
|
180
|
+
ko as ThemeSetter,
|
|
181
|
+
Zo as TimesSvg,
|
|
182
|
+
qt as TrashSvg,
|
|
183
|
+
wt as TrendUpSvg,
|
|
184
|
+
Go as Veil,
|
|
185
|
+
Oe as VerticalSeparator,
|
|
186
|
+
Ko as Wrapper,
|
|
187
|
+
Mo as WrapperWidth,
|
|
186
188
|
n as ariaTextStyles,
|
|
187
189
|
C as buttonDangerStyles,
|
|
188
190
|
a as buttonResetStyles,
|
|
189
191
|
B as buttonSecondaryStyles,
|
|
190
192
|
I as buttonSuccessStyles,
|
|
191
193
|
w as buttonWarningStyles,
|
|
192
|
-
|
|
194
|
+
oa as copyToClipboard,
|
|
193
195
|
r as darkBackgroundColor,
|
|
194
196
|
i as defaultAtomElementType,
|
|
195
197
|
f as effectStyles,
|
|
196
|
-
|
|
198
|
+
xe as errorParagraph,
|
|
197
199
|
l as font,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
200
|
+
aa as generateRandomId,
|
|
201
|
+
Lo as getThemePreference,
|
|
202
|
+
No as iconShadowStyles,
|
|
201
203
|
d as lightBackgroundColor,
|
|
202
204
|
u as nonInteractiveEffectStyles,
|
|
203
|
-
|
|
205
|
+
fe as normalBlendStyles,
|
|
204
206
|
s as overflowProtectionStyles,
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
207
|
+
fa as scale,
|
|
208
|
+
Co as setThemePreference,
|
|
209
|
+
io as spanStyles,
|
|
210
|
+
vo as textShadowStyles,
|
|
209
211
|
p as theme,
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
212
|
+
Bo as themePreferences,
|
|
213
|
+
Ve as useCreateNotification,
|
|
214
|
+
$t as useFetch,
|
|
215
|
+
Io as useIsDarkMode,
|
|
216
|
+
wo as useIsLightMode,
|
|
217
|
+
Zt as useMediaQuery,
|
|
218
|
+
we as useModal,
|
|
219
|
+
be as useModalContext,
|
|
220
|
+
je as useRevealer,
|
|
221
|
+
bo as useTheme
|
|
220
222
|
};
|