@kakadu/components 3.15.5 → 4.0.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/button-tooltip.d.ts +2 -4
- package/build/components/button-tooltip.js +1 -1
- package/build/components/button-tooltip.mjs +11 -11
- package/build/components/button.d.ts +2 -6
- package/build/components/button.js +1 -1
- package/build/components/button.mjs +51 -51
- package/build/components/card.js +1 -1
- package/build/components/card.mjs +22 -22
- package/build/components/copy-icon-button.js +1 -1
- package/build/components/copy-icon-button.mjs +20 -21
- package/build/components/datum.js +1 -1
- package/build/components/datum.mjs +12 -12
- package/build/components/flex.d.ts +13 -9
- package/build/components/flex.js +1 -1
- package/build/components/flex.mjs +25 -15
- package/build/components/footer.d.ts +3 -6
- package/build/components/footer.js +1 -1
- package/build/components/footer.mjs +33 -33
- package/build/components/header.js +1 -1
- package/build/components/header.mjs +4 -5
- package/build/components/icon-button.d.ts +2 -6
- package/build/components/icon-button.js +1 -1
- package/build/components/icon-button.mjs +41 -41
- package/build/components/input.d.ts +1 -1
- package/build/components/input.js +2 -2
- package/build/components/input.mjs +64 -66
- package/build/components/kakadu-guide-logo.d.ts +2 -4
- package/build/components/kakadu-guide-logo.js +1 -1
- package/build/components/kakadu-guide-logo.mjs +13 -13
- package/build/components/modal.js +1 -1
- package/build/components/modal.mjs +64 -65
- package/build/components/notice.d.ts +2 -7
- package/build/components/notice.js +1 -1
- package/build/components/notice.mjs +16 -16
- package/build/components/notification.d.ts +2 -1
- package/build/components/notification.js +1 -1
- package/build/components/notification.mjs +9 -9
- package/build/components/separator.js +1 -1
- package/build/components/separator.mjs +25 -25
- package/build/components/text-button.d.ts +2 -4
- package/build/components/text-button.js +1 -1
- package/build/components/text-button.mjs +26 -27
- package/build/components/text.d.ts +1 -1
- package/build/components/text.js +1 -1
- package/build/components/text.mjs +29 -30
- package/build/components/wrapper.d.ts +3 -6
- package/build/components/wrapper.js +1 -1
- package/build/components/wrapper.mjs +25 -23
- package/build/components.css +1 -1
- package/build/icons/icon.d.ts +2 -41
- package/build/icons/icon.js +1 -1
- package/build/icons/icon.mjs +71 -72
- package/build/index.js +1 -1
- package/build/index.mjs +188 -187
- package/package.json +1 -1
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
|
|
3
|
-
bottom = "bottom"
|
|
4
|
-
}
|
|
1
|
+
export declare const buttonTooltipPositions: readonly ["top", "bottom"];
|
|
2
|
+
export type ButtonTooltipPosition = (typeof buttonTooltipPositions)[number];
|
|
5
3
|
export type ButtonTooltipProperties = {
|
|
6
4
|
readonly id?: string;
|
|
7
5
|
readonly label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),a=["top","bottom"];function c({id:s,label:u,position:o="top",className:t}){return e.jsxRuntimeExports.jsx("div",{id:s,role:"tooltip",className:n.cx("kakadu-components-982005200",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",t),children:e.jsxRuntimeExports.jsx("span",{className:n.cx("kakadu-components-3316581213",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-637471806",t),children:u})})}exports.buttonTooltipPositions=a;exports.default=c;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { cx as
|
|
3
|
-
|
|
4
|
-
function
|
|
5
|
-
id:
|
|
6
|
-
label:
|
|
7
|
-
position:
|
|
8
|
-
className:
|
|
1
|
+
import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { cx as a } from "@kuma-ui/core";
|
|
3
|
+
const c = ["top", "bottom"];
|
|
4
|
+
function k({
|
|
5
|
+
id: m,
|
|
6
|
+
label: p,
|
|
7
|
+
position: o = "top",
|
|
8
|
+
className: t
|
|
9
9
|
}) {
|
|
10
|
-
return /* @__PURE__ */
|
|
10
|
+
return /* @__PURE__ */ n.jsx("div", { id: m, role: "tooltip", className: a("kakadu-components-982005200", o === "top" && "kakadu-components-430823771", o === "bottom" && "kakadu-components-2189175034", t), children: /* @__PURE__ */ n.jsx("span", { className: a("kakadu-components-3316581213", o === "top" && "kakadu-components-2481216458", o === "bottom" && "kakadu-components-637471806", t), children: p }) });
|
|
11
11
|
}
|
|
12
12
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
c as buttonTooltipPositions,
|
|
14
|
+
k as default
|
|
15
15
|
};
|
|
@@ -6,12 +6,8 @@ export declare function ButtonLoader({ isLoading, size, className, }: {
|
|
|
6
6
|
readonly size?: number;
|
|
7
7
|
readonly className?: string;
|
|
8
8
|
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare
|
|
10
|
-
|
|
11
|
-
secondary = "secondary",
|
|
12
|
-
warning = "warning",
|
|
13
|
-
danger = "danger"
|
|
14
|
-
}
|
|
9
|
+
export declare const buttonVariants: readonly ["primary", "secondary", "warning", "danger"];
|
|
10
|
+
export type ButtonVariant = (typeof buttonVariants)[number];
|
|
15
11
|
export declare const buttonSecondaryStyles: string;
|
|
16
12
|
export declare const buttonSuccessStyles: string;
|
|
17
13
|
export declare const buttonWarningStyles: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),u=require("@kuma-ui/core")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),u=require("@kuma-ui/core"),A=require("../theme.js"),W=require("../icons/icon.js"),$=require("./spinner.js"),C=require("./moving-gradients.js"),F=require("./moving-stars.js"),O=require("./theme-setter.js"),P=require("./click-ripples.js"),b=require("./hover-gradient.js"),H=require("./button-tooltip.js"),J=require("./aria-text.js"),K=require("./atom.js"),Q=require("./skeleton.js");function f({isLoading:t,size:s,className:a}){return e.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",a),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx($.RevealSpinner,{isVisible:t,size:s})})})}const U=["primary","secondary","warning","danger"];function E({icon:t,variant:s="primary",className:a,...c}){return e.jsxRuntimeExports.jsx("div",{...c,className:u.cx("kakadu-components-2658660333",s==="secondary"&&"kakadu-components-3469662110",a),children:typeof t=="string"?e.jsxRuntimeExports.jsx(W.default,{width:14,height:14,type:t}):t})}const v="kakadu-components-2244098950",X="kakadu-components-3923184173",S="kakadu-components-317965671",q="kakadu-components-1978976872";function Y({type:t,variant:s="primary",href:a,target:c,rel:g,disabled:h,className:_,children:n,label:N,tooltip:i,tooltipPosition:B,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:r,isSkeletonAnimated:w=!0,hasMovingGradients:M=!1,movingGradientsCount:p=4,hasMovingStars:D=!1,movingStarsCount:k=10,...I}){const j=R.useId(),y=R.useRef(null),T=O.useIsDarkMode(y),G=t??"button",V=M&&p>0,z=D&&k>0,o=a&&!r,d=!!h||!!l||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(K.default,{...I,as:o?"a":"button",type:o?void 0:G,href:o?a:void 0,target:o?c:void 0,rel:o?g:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:u.cx(A.effectStyles,"kakadu-components-4212105756",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&v,s==="warning"&&S,s==="danger"&&q,r&&"kakadu-components-2662775151",_),children:[m?e.jsxRuntimeExports.jsx(E,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(J.default,{children:N}),x?e.jsxRuntimeExports.jsx(E,{variant:s,icon:x,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(f,{isLoading:l}),V&&e.jsxRuntimeExports.jsx(C.default,{opacity:T?.4:.3,maximumGradientsCount:p,className:u.cx("kakadu-components-2055737617",s==="secondary"&&"kakadu-components-2972748387")}),z&&e.jsxRuntimeExports.jsx(F.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(P.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(b.default,{size:n?void 0:50,className:s==="secondary"?b.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(H.default,{id:j,label:i,position:B}):null]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(Q.SkeletonInstance,{width:"100%",height:"100%",isAnimated:w})}):null]})}exports.ButtonLoader=f;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=v;exports.buttonSuccessStyles=X;exports.buttonVariants=U;exports.buttonWarningStyles=S;exports.default=Y;
|
|
@@ -3,80 +3,80 @@ import { useId as R, useRef as T } from "react";
|
|
|
3
3
|
import { cx as m } from "@kuma-ui/core";
|
|
4
4
|
import { effectStyles as z } from "../theme.mjs";
|
|
5
5
|
import C from "../icons/icon.mjs";
|
|
6
|
-
import { RevealSpinner as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { useIsDarkMode as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { SkeletonInstance as
|
|
16
|
-
function
|
|
17
|
-
isLoading:
|
|
18
|
-
size:
|
|
19
|
-
className:
|
|
6
|
+
import { RevealSpinner as V } from "./spinner.mjs";
|
|
7
|
+
import E from "./moving-gradients.mjs";
|
|
8
|
+
import F from "./moving-stars.mjs";
|
|
9
|
+
import { useIsDarkMode as H } from "./theme-setter.mjs";
|
|
10
|
+
import W from "./click-ripples.mjs";
|
|
11
|
+
import q, { normalBlendStyles as J } from "./hover-gradient.mjs";
|
|
12
|
+
import K from "./button-tooltip.mjs";
|
|
13
|
+
import O from "./aria-text.mjs";
|
|
14
|
+
import P from "./atom.mjs";
|
|
15
|
+
import { SkeletonInstance as Q } from "./skeleton.mjs";
|
|
16
|
+
function U({
|
|
17
|
+
isLoading: n,
|
|
18
|
+
size: s,
|
|
19
|
+
className: e
|
|
20
20
|
}) {
|
|
21
|
-
return /* @__PURE__ */ o.jsx("div", { className: m("kakadu-components-2832510379",
|
|
21
|
+
return /* @__PURE__ */ o.jsx("div", { className: m("kakadu-components-2832510379", n && "kakadu-components-4114685569", e), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(V, { isVisible: n, size: s }) }) });
|
|
22
22
|
}
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
icon:
|
|
26
|
-
variant:
|
|
27
|
-
className:
|
|
28
|
-
...
|
|
23
|
+
const lo = ["primary", "secondary", "warning", "danger"];
|
|
24
|
+
function y({
|
|
25
|
+
icon: n,
|
|
26
|
+
variant: s = "primary",
|
|
27
|
+
className: e,
|
|
28
|
+
...c
|
|
29
29
|
}) {
|
|
30
|
-
return /* @__PURE__ */ o.jsx("div", { ...
|
|
30
|
+
return /* @__PURE__ */ o.jsx("div", { ...c, className: m("kakadu-components-2658660333", s === "secondary" && "kakadu-components-3469662110", e), children: typeof n == "string" ? /* @__PURE__ */ o.jsx(C, { width: 14, height: 14, type: n }) : n });
|
|
31
31
|
}
|
|
32
|
-
const
|
|
32
|
+
const X = "kakadu-components-2244098950", ko = "kakadu-components-3923184173", Y = "kakadu-components-317965671", Z = "kakadu-components-1978976872";
|
|
33
33
|
function xo({
|
|
34
|
-
type:
|
|
35
|
-
variant:
|
|
36
|
-
href:
|
|
37
|
-
target:
|
|
34
|
+
type: n,
|
|
35
|
+
variant: s = "primary",
|
|
36
|
+
href: e,
|
|
37
|
+
target: c,
|
|
38
38
|
rel: v,
|
|
39
39
|
disabled: b,
|
|
40
|
-
className:
|
|
41
|
-
children:
|
|
42
|
-
label:
|
|
43
|
-
tooltip:
|
|
40
|
+
className: N,
|
|
41
|
+
children: t,
|
|
42
|
+
label: g,
|
|
43
|
+
tooltip: d,
|
|
44
44
|
tooltipPosition: h,
|
|
45
45
|
iconLeft: i,
|
|
46
46
|
iconRight: p,
|
|
47
47
|
isLoading: l,
|
|
48
48
|
isSkeleton: r,
|
|
49
|
-
isSkeletonAnimated:
|
|
50
|
-
hasMovingGradients:
|
|
49
|
+
isSkeletonAnimated: B = !0,
|
|
50
|
+
hasMovingGradients: S = !1,
|
|
51
51
|
movingGradientsCount: k = 4,
|
|
52
|
-
hasMovingStars:
|
|
52
|
+
hasMovingStars: w = !1,
|
|
53
53
|
movingStarsCount: x = 10,
|
|
54
54
|
...I
|
|
55
55
|
}) {
|
|
56
|
-
const f = R(),
|
|
56
|
+
const f = R(), j = T(null), M = H(j), A = n ?? "button", D = S && k > 0, G = w && x > 0, a = e && !r, u = !!b || !!l || !!r;
|
|
57
57
|
return /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-3559664923", children: [
|
|
58
|
-
/* @__PURE__ */ o.jsxs(
|
|
59
|
-
i ? /* @__PURE__ */ o.jsx(
|
|
60
|
-
|
|
61
|
-
p ? /* @__PURE__ */ o.jsx(
|
|
62
|
-
/* @__PURE__ */ o.jsx(
|
|
63
|
-
D && /* @__PURE__ */ o.jsx(
|
|
64
|
-
G && /* @__PURE__ */ o.jsx(
|
|
58
|
+
/* @__PURE__ */ o.jsxs(P, { ...I, as: a ? "a" : "button", type: a ? void 0 : A, href: a ? e : void 0, target: a ? c : void 0, rel: a ? v : void 0, "aria-describedby": d ? f : void 0, disabled: a ? void 0 : u, inert: a ? u : void 0, className: m(z, "kakadu-components-4212105756", !!i && "kakadu-components-2735110382", !t && "kakadu-components-3621693630", s === "secondary" && X, s === "warning" && Y, s === "danger" && Z, r && "kakadu-components-2662775151", N), children: [
|
|
59
|
+
i ? /* @__PURE__ */ o.jsx(y, { variant: s, icon: i, className: t ? "kakadu-components-136489413" : void 0 }) : null,
|
|
60
|
+
t ? /* @__PURE__ */ o.jsx("div", { ref: j, className: "kakadu-components-207477259", children: t }) : /* @__PURE__ */ o.jsx(O, { children: g }),
|
|
61
|
+
p ? /* @__PURE__ */ o.jsx(y, { variant: s, icon: p, className: t ? "kakadu-components-3631501803" : void 0 }) : null,
|
|
62
|
+
/* @__PURE__ */ o.jsx(U, { isLoading: l }),
|
|
63
|
+
D && /* @__PURE__ */ o.jsx(E, { opacity: M ? 0.4 : 0.3, maximumGradientsCount: k, className: m("kakadu-components-2055737617", s === "secondary" && "kakadu-components-2972748387") }),
|
|
64
|
+
G && /* @__PURE__ */ o.jsx(F, { maximumStarsCount: x, className: "kakadu-components-1226008615" }),
|
|
65
65
|
u ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
66
|
-
/* @__PURE__ */ o.jsx(
|
|
67
|
-
/* @__PURE__ */ o.jsx(
|
|
66
|
+
/* @__PURE__ */ o.jsx(W, { size: t ? void 0 : 50 }),
|
|
67
|
+
/* @__PURE__ */ o.jsx(q, { size: t ? void 0 : 50, className: s === "secondary" ? J : void 0 })
|
|
68
68
|
] }),
|
|
69
|
-
|
|
69
|
+
d ? /* @__PURE__ */ o.jsx(K, { id: f, label: d, position: h }) : null
|
|
70
70
|
] }),
|
|
71
|
-
r ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(
|
|
71
|
+
r ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(Q, { width: "100%", height: "100%", isAnimated: B }) }) : null
|
|
72
72
|
] });
|
|
73
73
|
}
|
|
74
74
|
export {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
Z as buttonSecondaryStyles,
|
|
75
|
+
U as ButtonLoader,
|
|
76
|
+
Z as buttonDangerStyles,
|
|
77
|
+
X as buttonSecondaryStyles,
|
|
79
78
|
ko as buttonSuccessStyles,
|
|
80
|
-
|
|
79
|
+
lo as buttonVariants,
|
|
80
|
+
Y as buttonWarningStyles,
|
|
81
81
|
xo as default
|
|
82
82
|
};
|
package/build/components/card.js
CHANGED
|
@@ -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"),r=require("@kuma-ui/core"),j=require("../theme.js"),a=require("../icons/icon.js"),s=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:u,description:i,action:l,href:t,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:t?"a":"button",type:t?void 0:"button",href:t,target:m,rel:x,className:r.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),children:[e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"row",preset:"start",children:[o?e.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:r.cx(a.iconShadowStyles,"kakadu-components-782417605")}):null,u]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:i}),e.jsxRuntimeExports.jsx(s.default,{preset:"end",children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
2
|
import { cx as a } from "@kuma-ui/core";
|
|
3
3
|
import { effectStyles as u } from "../theme.mjs";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { Span as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
4
|
+
import x, { iconShadowStyles as k } from "../icons/icon.mjs";
|
|
5
|
+
import e from "./flex.mjs";
|
|
6
|
+
import { Span as r, Paragraph as f } from "./text.mjs";
|
|
7
|
+
import j from "./click-ripples.mjs";
|
|
8
|
+
import h, { normalBlendStyles as y } from "./hover-gradient.mjs";
|
|
9
9
|
import { buttonSecondaryStyles as N } from "./button.mjs";
|
|
10
10
|
import S from "./atom.mjs";
|
|
11
|
-
function
|
|
11
|
+
function F({
|
|
12
12
|
icon: t,
|
|
13
|
-
title:
|
|
14
|
-
description:
|
|
15
|
-
action:
|
|
16
|
-
href:
|
|
13
|
+
title: m,
|
|
14
|
+
description: n,
|
|
15
|
+
action: i,
|
|
16
|
+
href: s,
|
|
17
17
|
target: c,
|
|
18
18
|
rel: p,
|
|
19
|
-
className:
|
|
20
|
-
...
|
|
19
|
+
className: l,
|
|
20
|
+
...d
|
|
21
21
|
}) {
|
|
22
|
-
return /* @__PURE__ */ o.jsxs(S, { ...
|
|
23
|
-
/* @__PURE__ */ o.jsxs(
|
|
24
|
-
/* @__PURE__ */ o.jsx(
|
|
25
|
-
t ? /* @__PURE__ */ o.jsx(
|
|
26
|
-
|
|
22
|
+
return /* @__PURE__ */ o.jsxs(S, { ...d, as: s ? "a" : "button", type: s ? void 0 : "button", href: s, target: c, rel: p, className: a(u, N, "kakadu-components-1387630570", l), children: [
|
|
23
|
+
/* @__PURE__ */ o.jsxs(e, { gap: 0.5, direction: "column", children: [
|
|
24
|
+
/* @__PURE__ */ o.jsx(r, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(e, { gap: 0.5, direction: "row", preset: "start", children: [
|
|
25
|
+
t ? /* @__PURE__ */ o.jsx(x, { width: 16, height: 16, type: t, className: a(k, "kakadu-components-782417605") }) : null,
|
|
26
|
+
m
|
|
27
27
|
] }) }),
|
|
28
|
-
/* @__PURE__ */ o.jsx(
|
|
29
|
-
/* @__PURE__ */ o.jsx(
|
|
28
|
+
/* @__PURE__ */ o.jsx(f, { className: "kakadu-components-3061837309", children: n }),
|
|
29
|
+
/* @__PURE__ */ o.jsx(e, { preset: "end", children: /* @__PURE__ */ o.jsx(r, { className: "kakadu-components-777975485", children: i }) })
|
|
30
30
|
] }),
|
|
31
|
-
/* @__PURE__ */ o.jsx(
|
|
32
|
-
/* @__PURE__ */ o.jsx(
|
|
31
|
+
/* @__PURE__ */ o.jsx(j, { size: 250, className: "kakadu-components-2967167444" }),
|
|
32
|
+
/* @__PURE__ */ o.jsx(h, { size: 300, className: y })
|
|
33
33
|
] });
|
|
34
34
|
}
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
F as default
|
|
37
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),p=require("../utilities/copy-to-clipboard.js"),f=require("./icon-button.js");function m({label:i="Kopier",copiedLabel:n="Kopiert!",value:r,onClick:e,...c}){const t=o.useRef(null),[u,s]=o.useState(!1),a=o.useCallback(l=>{p.default(r),s(!0),t.current&&clearTimeout(t.current),e==null||e(l),t.current=setTimeout(()=>{s(!1)},2e3)},[r,e]);return d.jsxRuntimeExports.jsx(f.default,{...c,icon:u?"check":"copy",label:u?n:i,variant:u?"success":"default",onClick:a})}exports.default=m;
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
copiedLabel: i = "Kopiert!",
|
|
1
|
+
import { j as a } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { useRef as f, useState as m, useCallback as l } from "react";
|
|
3
|
+
import d from "../utilities/copy-to-clipboard.mjs";
|
|
4
|
+
import x from "./icon-button.mjs";
|
|
5
|
+
function R({
|
|
6
|
+
label: u = "Kopier",
|
|
7
|
+
copiedLabel: c = "Kopiert!",
|
|
9
8
|
value: r,
|
|
10
|
-
onClick:
|
|
11
|
-
...
|
|
9
|
+
onClick: e,
|
|
10
|
+
...i
|
|
12
11
|
}) {
|
|
13
|
-
const
|
|
14
|
-
(
|
|
15
|
-
|
|
12
|
+
const t = f(null), [o, s] = m(!1), n = l(
|
|
13
|
+
(p) => {
|
|
14
|
+
d(r), s(!0), t.current && clearTimeout(t.current), e == null || e(p), t.current = setTimeout(() => {
|
|
16
15
|
s(!1);
|
|
17
16
|
}, 2e3);
|
|
18
17
|
},
|
|
19
|
-
[r,
|
|
18
|
+
[r, e]
|
|
20
19
|
);
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
return /* @__PURE__ */ a.jsx(
|
|
22
21
|
x,
|
|
23
22
|
{
|
|
24
|
-
...
|
|
25
|
-
icon: o ?
|
|
26
|
-
label: o ?
|
|
27
|
-
variant: o ?
|
|
28
|
-
onClick:
|
|
23
|
+
...i,
|
|
24
|
+
icon: o ? "check" : "copy",
|
|
25
|
+
label: o ? c : u,
|
|
26
|
+
variant: o ? "success" : "default",
|
|
27
|
+
onClick: n
|
|
29
28
|
}
|
|
30
29
|
);
|
|
31
30
|
}
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
R as default
|
|
34
33
|
};
|
|
@@ -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"),s=require("./flex.js"),n=require("./text.js"),u=require("./copy-icon-button.js");function i({title:r,value:t,hasCopyButton:o}){return e.jsxRuntimeExports.jsxs(s.default,{direction:"row",gap:1.5,preset:"start",children:[e.jsxRuntimeExports.jsxs(s.default,{fill:!0,gap:.375,preset:"start",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-3772513716",children:r}),e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-2497879239",children:t})]}),o?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.default,{value:t})}):null]})}exports.default=i;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import { Span as
|
|
4
|
-
import
|
|
5
|
-
function
|
|
1
|
+
import { j as r } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import s from "./flex.mjs";
|
|
3
|
+
import { Span as o } from "./text.mjs";
|
|
4
|
+
import a from "./copy-icon-button.mjs";
|
|
5
|
+
function l({
|
|
6
6
|
title: e,
|
|
7
7
|
value: t,
|
|
8
|
-
hasCopyButton:
|
|
8
|
+
hasCopyButton: n
|
|
9
9
|
}) {
|
|
10
|
-
return /* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
10
|
+
return /* @__PURE__ */ r.jsxs(s, { direction: "row", gap: 1.5, preset: "start", children: [
|
|
11
|
+
/* @__PURE__ */ r.jsxs(s, { fill: !0, gap: 0.375, preset: "start", children: [
|
|
12
|
+
/* @__PURE__ */ r.jsx(o, { className: "kakadu-components-3772513716", children: e }),
|
|
13
|
+
/* @__PURE__ */ r.jsx(o, { className: "kakadu-components-2497879239", children: t })
|
|
14
14
|
] }),
|
|
15
|
-
|
|
15
|
+
n ? /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(a, { value: t }) }) : null
|
|
16
16
|
] });
|
|
17
17
|
}
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
l as default
|
|
20
20
|
};
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
|
|
2
|
-
export declare
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
end = "end"
|
|
7
|
-
}
|
|
2
|
+
export declare const flexDirections: readonly ["row", "column"];
|
|
3
|
+
export type FlexDirection = (typeof flexDirections)[number];
|
|
4
|
+
export declare const flexPresets: readonly ["start", "center", "space-between", "end"];
|
|
5
|
+
export type FlexPreset = (typeof flexPresets)[number];
|
|
8
6
|
export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
|
|
9
|
-
readonly direction?:
|
|
10
|
-
readonly
|
|
7
|
+
readonly direction?: FlexDirection;
|
|
8
|
+
readonly preset?: FlexPreset;
|
|
9
|
+
/** How items are laid out across the main axis.
|
|
10
|
+
* @see direction */
|
|
11
|
+
readonly distribution?: string;
|
|
12
|
+
/** How items are laid out across the cross axis.
|
|
13
|
+
* @see direction */
|
|
14
|
+
readonly alignment?: string;
|
|
11
15
|
readonly gap?: 0 | 0.25 | 0.375 | 0.5 | 0.75 | 1 | 1.5 | 2 | 2.25 | 3 | 4;
|
|
12
16
|
readonly wrap?: boolean;
|
|
13
17
|
readonly fill?: boolean;
|
|
14
18
|
};
|
|
15
|
-
export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, alignment, gap, wrap, fill, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, preset, distribution, alignment, gap, wrap, fill, style: inputStyle, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
|
package/build/components/flex.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),f=require("react"),p=require("@kuma-ui/core"),a=require("./atom.js"),x=["row","column"],q=["start","center","space-between","end"];function b({as:c,direction:u="column",preset:n,distribution:o,alignment:t,gap:e=1,wrap:k=!1,fill:m=!1,style:s,className:d,...r}){const l=f.useMemo(()=>({...s,"--distribution":o,"--alignment":t}),[s,o,t]);return i.jsxRuntimeExports.jsx(a.default,{as:c??a.defaultAtomElementType,...r,style:l,className:p.cx("kakadu-components-702604737",u==="column"&&"kakadu-components-1920578034",n==="start"&&"kakadu-components-2628985316",n==="center"&&"kakadu-components-9661990",n==="space-between"&&"kakadu-components-1323551558",n==="end"&&"kakadu-components-1950514053",e===.25&&"kakadu-components-2276234075",e===.375&&"kakadu-components-739568937",e===.5&&"kakadu-components-3438335458",e===.75&&"kakadu-components-3350948469",e===1&&"kakadu-components-3993051137",e===1.5&&"kakadu-components-4186556816",e===2&&"kakadu-components-1435205015",e===2.25&&"kakadu-components-4251546321",e===3&&"kakadu-components-1168734547",e===4&&"kakadu-components-1543861259",k&&"kakadu-components-3545808562",m&&"kakadu-components-3911899222",d)})}exports.default=b;exports.flexDirections=x;exports.flexPresets=q;
|
|
@@ -1,20 +1,30 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { j as p } from "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { useMemo as l } from "react";
|
|
3
|
+
import { cx as f } from "@kuma-ui/core";
|
|
4
|
+
import x, { defaultAtomElementType as i } from "./atom.mjs";
|
|
5
|
+
const A = ["row", "column"], E = ["start", "center", "space-between", "end"];
|
|
6
|
+
function D({
|
|
7
|
+
as: s,
|
|
8
|
+
direction: k = "column",
|
|
9
|
+
preset: n,
|
|
10
|
+
distribution: e,
|
|
11
|
+
alignment: t,
|
|
9
12
|
gap: o = 1,
|
|
10
|
-
wrap:
|
|
11
|
-
fill:
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
wrap: m = !1,
|
|
14
|
+
fill: c = !1,
|
|
15
|
+
style: a,
|
|
16
|
+
className: u,
|
|
17
|
+
...d
|
|
14
18
|
}) {
|
|
15
|
-
|
|
19
|
+
const r = l(() => ({
|
|
20
|
+
...a,
|
|
21
|
+
"--distribution": e,
|
|
22
|
+
"--alignment": t
|
|
23
|
+
}), [a, e, t]);
|
|
24
|
+
return /* @__PURE__ */ p.jsx(x, { as: s ?? i, ...d, style: r, className: f("kakadu-components-702604737", k === "column" && "kakadu-components-1920578034", n === "start" && "kakadu-components-2628985316", n === "center" && "kakadu-components-9661990", n === "space-between" && "kakadu-components-1323551558", n === "end" && "kakadu-components-1950514053", o === 0.25 && "kakadu-components-2276234075", o === 0.375 && "kakadu-components-739568937", o === 0.5 && "kakadu-components-3438335458", o === 0.75 && "kakadu-components-3350948469", o === 1 && "kakadu-components-3993051137", o === 1.5 && "kakadu-components-4186556816", o === 2 && "kakadu-components-1435205015", o === 2.25 && "kakadu-components-4251546321", o === 3 && "kakadu-components-1168734547", o === 4 && "kakadu-components-1543861259", m && "kakadu-components-3545808562", c && "kakadu-components-3911899222", u) });
|
|
16
25
|
}
|
|
17
26
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
27
|
+
D as default,
|
|
28
|
+
A as flexDirections,
|
|
29
|
+
E as flexPresets
|
|
20
30
|
};
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { WrapperWidth } from './wrapper';
|
|
2
|
-
export declare
|
|
3
|
-
|
|
4
|
-
ethicalGuidelines = "ethicalGuidelines",
|
|
5
|
-
security = "security"
|
|
6
|
-
}
|
|
1
|
+
import { type WrapperWidth } from './wrapper';
|
|
2
|
+
export declare const footerLinkItems: readonly ["privacyPolicy", "ethicalGuidelines", "security"];
|
|
3
|
+
export type FooterLinkItem = (typeof footerLinkItems)[number];
|
|
7
4
|
export type FooterProperties = {
|
|
8
5
|
readonly width?: WrapperWidth;
|
|
9
6
|
readonly links?: Partial<Record<FooterLinkItem, string>>;
|
|
@@ -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"),i=require("@kuma-ui/core"),u=require("../theme.js"),r=require("./flex.js"),t=require("./text.js"),c=require("./kakadu-logo.js"),p=require("./moving-stars.js"),d=require("./aria-text.js"),l=require("./wrapper.js"),a="kakadu-components-975968984";function o(n){return!!(n&&n.trim()!=="")}const j=["privacyPolicy","ethicalGuidelines","security"];function m({width:n="page",links:s,className:x}){return e.jsxRuntimeExports.jsxs(l.default,{as:"footer",gap:2,"data-theme":"dark",width:n,className:i.cx(u.default,"kakadu-components-1574406446",x),children:[e.jsxRuntimeExports.jsxs(r.default,{wrap:!0,direction:"row",gap:4,className:"kakadu-components-783629418",children:[e.jsxRuntimeExports.jsxs(r.default,{direction:"column",preset:"start",gap:.5,children:[e.jsxRuntimeExports.jsx(t.Paragraph,{children:e.jsxRuntimeExports.jsx("strong",{children:"Products"})}),e.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:a,children:[e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://guide.kakadu.no",children:"Kakadu Guide"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kakadu-start",children:"Kakadu Kolibri"})})]})]}),e.jsxRuntimeExports.jsxs(r.default,{direction:"column",preset:"start",gap:.5,children:[e.jsxRuntimeExports.jsx(t.Paragraph,{children:e.jsxRuntimeExports.jsx("strong",{children:"Results"})}),e.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:a,children:[e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Case studies"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Impact measurement"})})]})]}),e.jsxRuntimeExports.jsxs(r.default,{direction:"column",preset:"start",gap:.5,children:[e.jsxRuntimeExports.jsx(t.Paragraph,{children:e.jsxRuntimeExports.jsx("strong",{children:"About us"})}),e.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:a,children:[e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no",children:"Our story"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:"https://utforsk.kakadu.no/kontakt-oss",children:"Contact"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{target:"_blank",rel:"noopener noreferrer",href:"https://kakadu.instatus.com",children:"Status"})})]})]}),e.jsxRuntimeExports.jsxs(r.default,{direction:"column",preset:"start",gap:.5,children:[e.jsxRuntimeExports.jsx(t.Paragraph,{children:e.jsxRuntimeExports.jsx("strong",{children:"Compliance"})}),e.jsxRuntimeExports.jsxs(t.Paragraph,{as:"ul",className:a,children:[e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:o(s==null?void 0:s.privacyPolicy)?s.privacyPolicy:"https://utforsk.kakadu.no/personvernerklaering",children:"Privacy policy"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:o(s==null?void 0:s.ethicalGuidelines)?s.ethicalGuidelines:"https://utforsk.kakadu.no/etiske-retningslinjer",children:"Ethical guidelines"})}),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("a",{href:o(s==null?void 0:s.security)?s.security:"https://utforsk.kakadu.no/personvernerklaering",children:"Security"})})]})]}),e.jsxRuntimeExports.jsx(r.default,{fill:!0,className:"kakadu-components-3520395370",children:e.jsxRuntimeExports.jsx("a",{href:"https://businessnorway.com/made-in-norway",target:"_blank",rel:"noopener noreferrer",className:"kakadu-components-3521477705",children:e.jsxRuntimeExports.jsx("img",{alt:"Made in Norway",src:"https://cdn.prod.website-files.com/65a686387a785640fecc9b9d/68f09646a6d6e62b6839c38c_made_in_norway_logo.png",width:76,className:"kakadu-components-2329568054"})})})]}),e.jsxRuntimeExports.jsxs(r.default,{direction:"row",gap:1,className:i.cx("kakadu-components-2089456404"),children:[e.jsxRuntimeExports.jsxs("a",{href:"https://kakadu.no",children:[e.jsxRuntimeExports.jsx(d.default,{children:"Kakadu.no"}),e.jsxRuntimeExports.jsx(c.default,{width:90,className:"kakadu-components-3695148669"})]}),e.jsxRuntimeExports.jsxs(t.Span,{className:"kakadu-components-1125118494",children:["© ",new Date().getFullYear()," Kakadu Ignite AS"]})]}),e.jsxRuntimeExports.jsx(p.default,{})]})}exports.default=m;exports.footerLinkItems=j;
|