@kakadu/components 1.5.1 → 1.6.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.js +1 -1
- package/build/components/button-tooltip.mjs +1 -1
- package/build/components/button.js +1 -1
- package/build/components/button.mjs +1 -1
- package/build/components/card.js +1 -1
- package/build/components/card.mjs +6 -6
- package/build/components/collapsible.d.ts +5 -0
- package/build/components/datum.js +1 -1
- package/build/components/datum.mjs +7 -7
- package/build/components/icon-button.js +1 -1
- package/build/components/icon-button.mjs +9 -9
- package/build/components/input.d.ts +27 -0
- package/build/components/modal.js +1 -1
- package/build/components/modal.mjs +1 -1
- package/build/components/notice.js +1 -1
- package/build/components/notice.mjs +6 -6
- package/build/components/text-button.js +1 -1
- package/build/components/text-button.mjs +10 -10
- package/build/components/text.js +1 -1
- package/build/components/text.mjs +1 -1
- package/build/components.css +1 -1
- package/build/icon-CRXHH3In.js +1 -0
- package/build/icon-Dz2YJAPU.mjs +184 -0
- package/build/icons/icon.d.ts +1 -0
- package/build/icons/icon.js +1 -1
- package/build/icons/icon.mjs +22 -157
- package/build/icons/sparkle.d.ts +2 -0
- package/build/index.d.ts +73 -69
- package/build/index.js +2 -1
- package/build/index.mjs +349 -174
- package/build/theme.d.ts +1 -1
- package/build/theme.js +1 -1
- package/build/theme.mjs +5 -5
- package/package.json +2 -2
- package/readme.md +3 -3
package/build/icons/icon.mjs
CHANGED
|
@@ -1,159 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import i from "
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
|
|
20
|
-
fill: r,
|
|
21
|
-
...t
|
|
22
|
-
}) {
|
|
23
|
-
return /* @__PURE__ */ o.jsx(
|
|
24
|
-
"svg",
|
|
25
|
-
{
|
|
26
|
-
fill: "none",
|
|
27
|
-
height: "512",
|
|
28
|
-
viewBox: "0 0 512 512",
|
|
29
|
-
width: "512",
|
|
30
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
31
|
-
...t,
|
|
32
|
-
children: /* @__PURE__ */ o.jsxs("g", { fill: r ?? "currentColor", children: [
|
|
33
|
-
/* @__PURE__ */ o.jsx("circle", { cx: "256", cy: "256", r: "56" }),
|
|
34
|
-
/* @__PURE__ */ o.jsx("circle", { cx: "78", cy: "256", r: "56" }),
|
|
35
|
-
/* @__PURE__ */ o.jsx("circle", { cx: "434", cy: "256", r: "56" })
|
|
36
|
-
] })
|
|
37
|
-
}
|
|
38
|
-
);
|
|
39
|
-
}
|
|
40
|
-
function k({
|
|
41
|
-
fill: r,
|
|
42
|
-
...t
|
|
43
|
-
}) {
|
|
44
|
-
return /* @__PURE__ */ o.jsxs(
|
|
45
|
-
"svg",
|
|
46
|
-
{
|
|
47
|
-
fill: "none",
|
|
48
|
-
height: "512",
|
|
49
|
-
viewBox: "0 0 512 512",
|
|
50
|
-
width: "512",
|
|
51
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
52
|
-
...t,
|
|
53
|
-
children: [
|
|
54
|
-
/* @__PURE__ */ o.jsx("clipPath", { id: "a", children: /* @__PURE__ */ o.jsx("path", { d: "m0 0h512v512h-512z" }) }),
|
|
55
|
-
/* @__PURE__ */ o.jsxs("g", { clipPath: "url(#a)", fill: r ?? "currentColor", children: [
|
|
56
|
-
/* @__PURE__ */ o.jsx("path", { d: "m447.377 94.6973c8.999 0 17.117 3.7739 22.857 9.8247 6.04 5.74 9.807 13.85 9.807 22.84v129.321c-.001 17.396-14.103 31.498-31.499 31.499-17.397 0-31.5-14.103-31.5-31.5v-54.754l-125.042 125.042c-12.302 12.301-32.246 12.3-44.547 0-12.302-12.302-12.302-32.247 0-44.548l124.724-124.726h-54.12c-17.397 0-31.499-14.102-31.499-31.499s14.102-31.4988 31.499-31.4988z" }),
|
|
57
|
-
/* @__PURE__ */ o.jsx(
|
|
58
|
-
"rect",
|
|
59
|
-
{
|
|
60
|
-
height: "63",
|
|
61
|
-
rx: "31.5",
|
|
62
|
-
transform: "matrix(.70710678 .70710678 -.70710678 .70710678 168.107959 -75.224514)",
|
|
63
|
-
width: "196.96",
|
|
64
|
-
x: "174.858",
|
|
65
|
-
y: "165.312"
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
/* @__PURE__ */ o.jsx(
|
|
69
|
-
"rect",
|
|
70
|
-
{
|
|
71
|
-
height: "63",
|
|
72
|
-
rx: "31.5",
|
|
73
|
-
transform: "matrix(-.70710678 .70710678 -.70710678 -.70710678 521.94762 204.898217)",
|
|
74
|
-
width: "255.907",
|
|
75
|
-
x: "218.538",
|
|
76
|
-
y: "210.548"
|
|
77
|
-
}
|
|
78
|
-
)
|
|
79
|
-
] })
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
}
|
|
84
|
-
function D({
|
|
85
|
-
fill: r,
|
|
86
|
-
...t
|
|
87
|
-
}) {
|
|
88
|
-
return /* @__PURE__ */ o.jsx(
|
|
89
|
-
"svg",
|
|
90
|
-
{
|
|
91
|
-
fill: "none",
|
|
92
|
-
height: "512",
|
|
93
|
-
viewBox: "0 0 512 512",
|
|
94
|
-
width: "512",
|
|
95
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
96
|
-
...t,
|
|
97
|
-
children: /* @__PURE__ */ o.jsxs("g", { fill: r ?? "currentColor", children: [
|
|
98
|
-
/* @__PURE__ */ o.jsx("path", { d: "m414.5 303.999c17.397 0 31.5 14.103 31.5 31.5v78c0 .842-.034 1.676-.099 2.5.065.825.099 1.659.099 2.5 0 17.397-14.103 31.5-31.5 31.5h-316c-17.397 0-31.5-14.103-31.5-31.5 0-.841.0329-1.675.0977-2.5-.0648-.824-.0977-1.658-.0977-2.5v-78c.0002-17.397 14.1031-31.5 31.5-31.5 17.397 0 31.5 14.103 31.5 31.5v51.5h253v-51.5c0-17.397 14.103-31.5 31.5-31.5z" }),
|
|
99
|
-
/* @__PURE__ */ o.jsx("path", { d: "m255.738 75.0579c8.33-.2128 16.728 2.8592 23.084 9.2158l91.444 91.4433c12.3 12.302 12.3 32.246 0 44.547-12.302 12.301-32.247 12.301-44.548 0l-38.717-38.717v108.952c0 17.397-14.104 31.5-31.5 31.5-17.397 0-31.5-14.103-31.5-31.5v-108.506l-38.269 38.27c-12.301 12.301-32.245 12.301-44.546 0-12.302-12.302-12.302-32.245 0-44.547l91.442-91.4432c6.363-6.3635 14.772-9.435 23.11-9.2149z" })
|
|
100
|
-
] })
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}
|
|
104
|
-
function B({
|
|
105
|
-
fill: r,
|
|
106
|
-
...t
|
|
107
|
-
}) {
|
|
108
|
-
return /* @__PURE__ */ o.jsx(
|
|
109
|
-
"svg",
|
|
110
|
-
{
|
|
111
|
-
fill: "none",
|
|
112
|
-
height: "512",
|
|
113
|
-
viewBox: "0 0 512 512",
|
|
114
|
-
width: "512",
|
|
115
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
116
|
-
...t,
|
|
117
|
-
children: /* @__PURE__ */ o.jsxs("g", { fill: r ?? "currentColor", children: [
|
|
118
|
-
/* @__PURE__ */ o.jsx("path", { d: "m132.5 73c17.397 0 31.5 14.103 31.5 31.5s-14.103 31.5-31.5 31.5h-2.5v251h253v-5.5c0-17.397 14.103-31.5 31.5-31.5s31.5 14.103 31.5 31.5v32c0 .841-.034 1.675-.099 2.5.065.825.099 1.659.099 2.5 0 17.397-14.103 31.5-31.5 31.5h-316c-17.397 0-31.5-14.103-31.5-31.5 0-.841.0329-1.675.0977-2.5-.0648-.825-.0977-1.659-.0977-2.5v-309c0-17.397 14.103-31.5 31.5-31.5z" }),
|
|
119
|
-
/* @__PURE__ */ o.jsx("path", { d: "m413.377 73.6973c8.999 0 17.117 3.7739 22.857 9.8252 6.041 5.7392 9.807 13.85 9.807 22.8395v129.321c0 17.396-14.103 31.498-31.499 31.499-17.397 0-31.5-14.103-31.5-31.5v-54.754l-115.042 115.042c-12.301 12.301-32.245 12.3-44.547 0-12.301-12.302-12.301-32.247 0-44.548l114.725-114.726h-54.12c-17.397 0-31.499-14.102-31.499-31.499 0-17.3967 14.102-31.4988 31.499-31.4988z" })
|
|
120
|
-
] })
|
|
121
|
-
}
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
|
-
var C = /* @__PURE__ */ ((r) => (r.kakaduGuide = "kakaduGuide", r.kakaduGuideGlyph = "kakaduGuideGlyph", r.dots = "dots", r.menu = "menu", r.check = "check", r.plus = "plus", r.times = "times", r.chevronDown = "chevronDown", r.chevronUp = "chevronUp", r.caretDown = "caretDown", r.caretRight = "caretRight", r.arrowDown = "arrowDown", r.trendUp = "trendUp", r.edit = "edit", r.copy = "copy", r.test = "test", r.share = "share", r.external = "external", r.exclamationTriangle = "exclamationTriangle", r.chromeBrowserLogo = "chromeBrowserLogo", r.edgeBrowserLogo = "edgeBrowserLogo", r))(C || {});
|
|
125
|
-
const G = {
|
|
126
|
-
kakaduGuide: i,
|
|
127
|
-
kakaduGuideGlyph: s,
|
|
128
|
-
dots: j,
|
|
129
|
-
menu: h,
|
|
130
|
-
check: n,
|
|
131
|
-
plus: c,
|
|
132
|
-
times: l,
|
|
133
|
-
chevronDown: a,
|
|
134
|
-
chevronUp: m,
|
|
135
|
-
caretDown: g,
|
|
136
|
-
caretRight: v,
|
|
137
|
-
arrowDown: d,
|
|
138
|
-
trendUp: k,
|
|
139
|
-
edit: w,
|
|
140
|
-
copy: x,
|
|
141
|
-
test: u,
|
|
142
|
-
share: D,
|
|
143
|
-
external: B,
|
|
144
|
-
exclamationTriangle: f,
|
|
145
|
-
chromeBrowserLogo: S,
|
|
146
|
-
edgeBrowserLogo: p
|
|
147
|
-
}, W = "kakadu-components-2395643287";
|
|
148
|
-
function X({
|
|
149
|
-
type: r,
|
|
150
|
-
...t
|
|
151
|
-
}) {
|
|
152
|
-
const e = G[r];
|
|
153
|
-
return e ? /* @__PURE__ */ o.jsx(e, { ...t }) : null;
|
|
154
|
-
}
|
|
1
|
+
import "../jsx-runtime-B4hRZ52C.mjs";
|
|
2
|
+
import { I as x, a as T, i as b } from "../icon-Dz2YJAPU.mjs";
|
|
3
|
+
import "./kakadu-guide.mjs";
|
|
4
|
+
import "./kakadu-guide-glyph.mjs";
|
|
5
|
+
import "./menu.mjs";
|
|
6
|
+
import "./check.mjs";
|
|
7
|
+
import "./plus.mjs";
|
|
8
|
+
import "./times.mjs";
|
|
9
|
+
import "./chevron-down.mjs";
|
|
10
|
+
import "./chevron-up.mjs";
|
|
11
|
+
import "./caret-down.mjs";
|
|
12
|
+
import "./caret-right.mjs";
|
|
13
|
+
import "./arrow-down.mjs";
|
|
14
|
+
import "./edit.mjs";
|
|
15
|
+
import "./copy.mjs";
|
|
16
|
+
import "./test.mjs";
|
|
17
|
+
import "./exclamation-triangle.mjs";
|
|
18
|
+
import "./edge-browser-logo.mjs";
|
|
19
|
+
import "./chrome-browser-logo.mjs";
|
|
155
20
|
export {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
21
|
+
x as IconType,
|
|
22
|
+
T as default,
|
|
23
|
+
b as iconShadowStyles
|
|
159
24
|
};
|
package/build/index.d.ts
CHANGED
|
@@ -1,124 +1,128 @@
|
|
|
1
1
|
export * from './theme';
|
|
2
2
|
export { default as theme } from './theme';
|
|
3
|
-
export { default as Atom } from './components/atom';
|
|
4
|
-
export * from './components/atom';
|
|
5
|
-
export { default as AriaText } from './components/aria-text';
|
|
6
3
|
export * from './components/aria-text';
|
|
7
|
-
export { default as
|
|
4
|
+
export { default as AriaText } from './components/aria-text';
|
|
5
|
+
export * from './components/atom';
|
|
6
|
+
export { default as Atom } from './components/atom';
|
|
7
|
+
export * from './components/bankid-logo';
|
|
8
|
+
export { default as BankidLogo } from './components/bankid-logo';
|
|
8
9
|
export * from './components/box';
|
|
9
|
-
export { default as
|
|
10
|
+
export { default as Box } from './components/box';
|
|
10
11
|
export * from './components/button';
|
|
11
|
-
export { default as
|
|
12
|
+
export { default as Button } from './components/button';
|
|
12
13
|
export * from './components/button-tooltip';
|
|
13
|
-
export { default as
|
|
14
|
+
export { default as ButtonTooltip } from './components/button-tooltip';
|
|
14
15
|
export * from './components/card';
|
|
15
|
-
export { default as
|
|
16
|
+
export { default as Card } from './components/card';
|
|
16
17
|
export * from './components/click-ripples';
|
|
17
|
-
export { default as
|
|
18
|
+
export { default as ClickRipples } from './components/click-ripples';
|
|
19
|
+
export * from './components/collapsible';
|
|
20
|
+
export { default as Collapsible } from './components/collapsible';
|
|
18
21
|
export * from './components/datum';
|
|
19
|
-
export { default as
|
|
22
|
+
export { default as Datum } from './components/datum';
|
|
23
|
+
export * from './components/dnb-logo';
|
|
24
|
+
export { default as DnbLogo } from './components/dnb-logo';
|
|
20
25
|
export * from './components/dot';
|
|
21
|
-
export { default as
|
|
26
|
+
export { default as Dot } from './components/dot';
|
|
22
27
|
export * from './components/flex';
|
|
23
|
-
export { default as
|
|
28
|
+
export { default as Flex } from './components/flex';
|
|
24
29
|
export * from './components/footer';
|
|
25
|
-
export { default as
|
|
30
|
+
export { default as Footer } from './components/footer';
|
|
26
31
|
export * from './components/gauge';
|
|
27
|
-
export { default as
|
|
32
|
+
export { default as Gauge } from './components/gauge';
|
|
33
|
+
export * from './components/gjensidige-logo';
|
|
34
|
+
export { default as GjensidigeLogo } from './components/gjensidige-logo';
|
|
28
35
|
export * from './components/header';
|
|
29
|
-
export { default as
|
|
36
|
+
export { default as Header } from './components/header';
|
|
30
37
|
export * from './components/hover-gradient';
|
|
31
|
-
export { default as
|
|
38
|
+
export { default as HoverGradient } from './components/hover-gradient';
|
|
32
39
|
export * from './components/icon-button';
|
|
33
|
-
export { default as
|
|
40
|
+
export { default as IconButton } from './components/icon-button';
|
|
41
|
+
export * from './components/input';
|
|
42
|
+
export { default as Input } from './components/input';
|
|
34
43
|
export * from './components/kakadu-guide-icon';
|
|
35
|
-
export { default as
|
|
44
|
+
export { default as KakaduGuideIcon } from './components/kakadu-guide-icon';
|
|
36
45
|
export * from './components/kakadu-guide-logo';
|
|
37
|
-
export { default as
|
|
46
|
+
export { default as KakaduGuideLogo } from './components/kakadu-guide-logo';
|
|
38
47
|
export * from './components/kakadu-index-logo';
|
|
39
|
-
export { default as
|
|
48
|
+
export { default as KakaduIndexLogo } from './components/kakadu-index-logo';
|
|
40
49
|
export * from './components/kakadu-logo';
|
|
41
|
-
export { default as
|
|
42
|
-
export * from './components/bankid-logo';
|
|
43
|
-
export { default as DnbLogo } from './components/dnb-logo';
|
|
44
|
-
export * from './components/dnb-logo';
|
|
45
|
-
export { default as GjensidigeLogo } from './components/gjensidige-logo';
|
|
46
|
-
export * from './components/gjensidige-logo';
|
|
47
|
-
export { default as Sparebank1Logo } from './components/sparebank1-logo';
|
|
48
|
-
export * from './components/sparebank1-logo';
|
|
49
|
-
export { default as StoLogo } from './components/sto-logo';
|
|
50
|
-
export * from './components/sto-logo';
|
|
51
|
-
export { default as StorebrandLogo } from './components/storebrand-logo';
|
|
52
|
-
export * from './components/storebrand-logo';
|
|
53
|
-
export { default as Modal } from './components/modal';
|
|
50
|
+
export { default as KakaduLogo } from './components/kakadu-logo';
|
|
54
51
|
export * from './components/modal';
|
|
55
|
-
export { default as
|
|
52
|
+
export { default as Modal } from './components/modal';
|
|
56
53
|
export * from './components/moving-gradients';
|
|
57
|
-
export { default as
|
|
54
|
+
export { default as MovingGradients } from './components/moving-gradients';
|
|
58
55
|
export * from './components/moving-stars';
|
|
59
|
-
export { default as
|
|
56
|
+
export { default as MovingStars } from './components/moving-stars';
|
|
60
57
|
export * from './components/notice';
|
|
61
|
-
export { default as
|
|
58
|
+
export { default as Notice } from './components/notice';
|
|
62
59
|
export * from './components/notification';
|
|
63
|
-
export { default as
|
|
60
|
+
export { default as Notification } from './components/notification';
|
|
64
61
|
export * from './components/revealer';
|
|
65
|
-
export { default as
|
|
62
|
+
export { default as Revealer } from './components/revealer';
|
|
66
63
|
export * from './components/separator';
|
|
67
|
-
export { default as
|
|
64
|
+
export { default as Separator } from './components/separator';
|
|
68
65
|
export * from './components/skeleton';
|
|
69
|
-
export { default as
|
|
66
|
+
export { default as Skeleton } from './components/skeleton';
|
|
67
|
+
export * from './components/sparebank1-logo';
|
|
68
|
+
export { default as Sparebank1Logo } from './components/sparebank1-logo';
|
|
70
69
|
export * from './components/spinner';
|
|
71
|
-
export { default as
|
|
70
|
+
export { default as Spinner } from './components/spinner';
|
|
71
|
+
export * from './components/sto-logo';
|
|
72
|
+
export { default as StoLogo } from './components/sto-logo';
|
|
73
|
+
export * from './components/storebrand-logo';
|
|
74
|
+
export { default as StorebrandLogo } from './components/storebrand-logo';
|
|
72
75
|
export * from './components/text';
|
|
73
|
-
export { default as
|
|
76
|
+
export { default as Text } from './components/text';
|
|
74
77
|
export * from './components/text-button';
|
|
75
|
-
export { default as
|
|
78
|
+
export { default as TextButton } from './components/text-button';
|
|
76
79
|
export * from './components/theme-setter';
|
|
77
|
-
export { default as
|
|
80
|
+
export { default as ThemeSetter } from './components/theme-setter';
|
|
78
81
|
export * from './components/veil';
|
|
79
|
-
export { default as
|
|
82
|
+
export { default as Veil } from './components/veil';
|
|
80
83
|
export * from './components/wrapper';
|
|
81
|
-
export { default as
|
|
82
|
-
export * from './icons/icon';
|
|
83
|
-
export { default as ArrowDown } from './icons/arrow-down';
|
|
84
|
+
export { default as Wrapper } from './components/wrapper';
|
|
84
85
|
export * from './icons/arrow-down';
|
|
85
|
-
export { default as
|
|
86
|
+
export { default as ArrowDown } from './icons/arrow-down';
|
|
86
87
|
export * from './icons/caret-down';
|
|
87
|
-
export { default as
|
|
88
|
+
export { default as CaretDown } from './icons/caret-down';
|
|
88
89
|
export * from './icons/caret-right';
|
|
89
|
-
export { default as
|
|
90
|
+
export { default as CaretRight } from './icons/caret-right';
|
|
90
91
|
export * from './icons/check';
|
|
91
|
-
export { default as
|
|
92
|
+
export { default as Check } from './icons/check';
|
|
92
93
|
export * from './icons/chevron-down';
|
|
93
|
-
export { default as
|
|
94
|
+
export { default as ChevronDown } from './icons/chevron-down';
|
|
94
95
|
export * from './icons/chevron-up';
|
|
95
|
-
export { default as
|
|
96
|
+
export { default as ChevronUp } from './icons/chevron-up';
|
|
96
97
|
export * from './icons/chrome-browser-logo';
|
|
97
|
-
export { default as
|
|
98
|
+
export { default as ChromeBrowserLogo } from './icons/chrome-browser-logo';
|
|
98
99
|
export * from './icons/copy';
|
|
99
|
-
export { default as
|
|
100
|
+
export { default as Copy } from './icons/copy';
|
|
100
101
|
export * from './icons/edit';
|
|
101
|
-
export { default as
|
|
102
|
+
export { default as Edit } from './icons/edit';
|
|
102
103
|
export * from './icons/edge-browser-logo';
|
|
103
|
-
export { default as
|
|
104
|
+
export { default as EdgeBrowserLogo } from './icons/edge-browser-logo';
|
|
104
105
|
export * from './icons/exclamation-triangle';
|
|
105
|
-
export { default as
|
|
106
|
+
export { default as ExclamationTriangle } from './icons/exclamation-triangle';
|
|
107
|
+
export * from './icons/icon';
|
|
108
|
+
export { default as Icon } from './icons/icon';
|
|
106
109
|
export * from './icons/kakadu-guide';
|
|
107
|
-
export { default as
|
|
110
|
+
export { default as KakaduGuide } from './icons/kakadu-guide';
|
|
108
111
|
export * from './icons/kakadu-guide-glyph';
|
|
109
|
-
export { default as
|
|
112
|
+
export { default as KakaduGuideGlyph } from './icons/kakadu-guide-glyph';
|
|
110
113
|
export * from './icons/menu';
|
|
111
|
-
export { default as
|
|
114
|
+
export { default as Menu } from './icons/menu';
|
|
112
115
|
export * from './icons/plus';
|
|
113
|
-
export { default as
|
|
116
|
+
export { default as Plus } from './icons/plus';
|
|
114
117
|
export * from './icons/test';
|
|
115
|
-
export { default as
|
|
118
|
+
export { default as Test } from './icons/test';
|
|
116
119
|
export * from './icons/times';
|
|
117
|
-
export { default as
|
|
120
|
+
export { default as Times } from './icons/times';
|
|
118
121
|
export * from './hooks/use-media-query';
|
|
119
|
-
export { default as
|
|
122
|
+
export { default as useMediaQuery } from './hooks/use-media-query';
|
|
120
123
|
export * from './utilities/copy-to-clipboard';
|
|
121
|
-
export { default as
|
|
124
|
+
export { default as copyToClipboard } from './utilities/copy-to-clipboard';
|
|
122
125
|
export * from './utilities/generate-random-id';
|
|
123
|
-
export { default as
|
|
126
|
+
export { default as generateRandomId } from './utilities/generate-random-id';
|
|
124
127
|
export * from './utilities/scale';
|
|
128
|
+
export { default as scale } from './utilities/scale';
|
package/build/index.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./theme.js"),U=require("./components/aria-text.js"),G=require("./components/atom.js"),je=require("./components/bankid-logo.js"),qe=require("./components/box.js"),b=require("./components/button.js"),z=require("./components/button-tooltip.js"),be=require("./components/card.js"),M=require("./components/click-ripples.js"),e=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),d=require("@kuma-ui/core"),_e=require("./components/datum.js"),Ee=require("./components/dnb-logo.js"),Re=require("./components/dot.js"),J=require("./components/flex.js"),X=require("./components/footer.js"),ve=require("./components/gauge.js"),Le=require("./components/gjensidige-logo.js"),Te=require("./components/header.js"),v=require("./components/hover-gradient.js"),Y=require("./components/icon-button.js"),Z=require("./icons/chevron-up.js"),q=require("./icon-CRXHH3In.js"),H=require("./utilities/copy-to-clipboard.js"),L=require("./components/text-button.js"),a=require("./components/text.js"),Ie=require("./components/kakadu-guide-icon.js"),A=require("./components/kakadu-guide-logo.js"),Be=require("./components/kakadu-index-logo.js"),we=require("./components/kakadu-logo.js"),D=require("./components/modal.js"),Ne=require("./components/moving-gradients.js"),Pe=require("./components/moving-stars.js"),ee=require("./components/notice.js"),V=require("./components/notification.js"),te=require("./components/revealer.js"),T=require("./components/separator.js"),ne=require("./components/skeleton.js"),Ce=require("./components/sparebank1-logo.js"),oe=require("./components/spinner.js"),Me=require("./components/sto-logo.js"),He=require("./components/storebrand-logo.js"),j=require("./components/theme-setter.js"),Ge=require("./components/veil.js"),se=require("./components/wrapper.js"),Ae=require("./icons/arrow-down.js"),De=require("./icons/caret-down.js"),Ve=require("./icons/caret-right.js"),Fe=require("./icons/check.js"),Ke=require("./icons/chevron-down.js"),We=require("./icons/chrome-browser-logo.js"),$e=require("./icons/copy.js"),Oe=require("./icons/edit.js"),Qe=require("./icons/edge-browser-logo.js"),Ue=require("./icons/exclamation-triangle.js"),ze=require("./icons/kakadu-guide.js"),Je=require("./icons/kakadu-guide-glyph.js"),Xe=require("./icons/menu.js"),Ye=require("./icons/plus.js"),Ze=require("./icons/test.js"),et=require("./icons/times.js"),tt=require("./hooks/use-media-query.js"),nt=require("./utilities/generate-random-id.js"),ot=require("./utilities/scale.js");function ae({as:p,isCollapsed:s=!0,children:i,className:r,...y}){const n=t.useRef(null),[f,l]=t.useState();return t.useEffect(()=>{if(s)l(0);else{const g=n.current;g&&l(g.scrollHeight??0)}},[s]),e.jsxRuntimeExports.jsx(G.default,{as:p??"div",...y,"aria-hidden":s,style:{height:f,opacity:s?0:1},className:d.cx("kakadu-components-2223449868",r),children:e.jsxRuntimeExports.jsx("div",{ref:n,className:"kakadu-components-3857562328",children:i})})}const st="kakadu-components-2065792067",at="kakadu-components-3551118672",R="kakadu-components-2161641266",re="kakadu-components-628401705",ce=d.cx(re,"kakadu-components-3245407458"),rt=d.cx(re,"kakadu-components-1117160492");function ct({as:p,className:s,...i}){return e.jsxRuntimeExports.jsx(a.Span,{as:p??"span",...i,className:d.cx("kakadu-components-3574036749",s)})}function ue({label:p,error:s,errorId:i,warning:r,warningId:y,footnote:n,attachments:f,className:l,children:g,...c}){const h=!!s,S=!!r,k=!!n;return e.jsxRuntimeExports.jsxs("label",{...c,className:d.cx(st,l),children:[e.jsxRuntimeExports.jsx(a.Span,{className:d.cx(u.overflowProtectionStyles,at),children:e.jsxRuntimeExports.jsx("span",{children:p})}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-448077930",children:[g,k?e.jsxRuntimeExports.jsx(ct,{className:"kakadu-components-3258753754",children:n}):null,f]}),h?e.jsxRuntimeExports.jsx(a.Paragraph,{id:i,className:ce,children:s instanceof Error?s.message:s}):S?e.jsxRuntimeExports.jsx(a.Paragraph,{id:y,className:rt,children:r instanceof Error?r.message:r}):null]})}function ut({label:p,options:s,error:i,warning:r,footnote:y,className:n,...f}){const l=t.useId(),g=`${l}-error`,c=`${l}-warning`,h=!!i,S=!!r;return e.jsxRuntimeExports.jsxs(ue,{label:p,error:i,warning:r,footnote:y,children:[e.jsxRuntimeExports.jsx("select",{...f,"aria-invalid":h,"data-warning":S,"aria-describedby":h?g:S?c:void 0,className:d.cx(R,"kakadu-components-709108872",n),children:s.map(k=>e.jsxRuntimeExports.jsx("option",{value:k.value,children:k.label},k.value))}),e.jsxRuntimeExports.jsx(Z.default,{className:"kakadu-components-1616393393"})]})}const it=36,Q="kakadu-components-4233741488";function lt({type:p,label:s,error:i,warning:r,footnote:y,suggestion:n,hasCopyButton:f,hasClearButton:l,isMultiline:g,onChange:c,className:h,...S}){const k=t.useRef(null),I=t.useRef(null),B=t.useRef(null),F=t.useId(),ie=`${F}-error`,le=`${F}-warning`,{value:E}=S,[de,K]=t.useState(""),m=E??de,[pe,me]=t.useState(),xe=p==="textarea"||!!g;t.useLayoutEffect(()=>{typeof m=="string"&&B.current&&me(B.current.scrollHeight)},[m]);const w=t.useMemo(()=>typeof m=="string"?`${m} `.split(`
|
|
2
|
+
`):[],[m]),fe=t.useMemo(()=>w.length,[w]),N=!!i,P=!!r,W=N?ie:P?le:void 0;t.useEffect(()=>{K(typeof E=="string"?E:"")},[E]);const $=t.useCallback(o=>{const{value:x}=o.target;K(x),c==null||c(x,o)},[c]),ke=t.useCallback(()=>{typeof m=="string"&&H.default(m)},[m]),ge=t.useCallback(()=>{var x;const o=I.current??k.current;if(c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,"");const C=new Event("input",{bubbles:!0});o.dispatchEvent(C),o.focus()}}},[c]),[he,Se]=t.useState(""),O=!!n&&he!==n,ye=t.useCallback(()=>{var x;const o=I.current??k.current;if(n&&c&&o){const _=(x=Object.getOwnPropertyDescriptor(o instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:HTMLInputElement.prototype,"value"))==null?void 0:x.set;if(_){_.call(o,n);const C=new Event("input",{bubbles:!0});o.dispatchEvent(C),o.focus()}else H.default(n);Se(n)}},[n,c]);return e.jsxRuntimeExports.jsxs(ue,{label:s,error:i,warning:r,footnote:y,attachments:e.jsxRuntimeExports.jsx(ae,{isCollapsed:!O,children:O?e.jsxRuntimeExports.jsxs("button",{type:"button",className:d.cx(u.buttonResetStyles,u.overflowProtectionStyles,"kakadu-components-2355856341"),onClick:ye,children:[e.jsxRuntimeExports.jsx(z.default,{label:"Apply suggestion"}),e.jsxRuntimeExports.jsx(q.SparkleSvg,{width:13,height:13,className:"kakadu-components-1021263934"}),e.jsxRuntimeExports.jsx(a.Span,{className:"kakadu-components-1585874956",children:n}),e.jsxRuntimeExports.jsx(M.default,{className:"kakadu-components-3448565402"}),e.jsxRuntimeExports.jsx(v.default,{})]}):null}),style:{"--button-padding":`${it*((f?1:0)+(l?1:0))}px`},children:[e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3146929190",children:[xe?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:B,"aria-hidden":!0,className:d.cx(R,h,"kakadu-components-2033521835"),children:[w.map((o,x)=>e.jsxRuntimeExports.jsxs("span",{children:[o,fe>1?e.jsxRuntimeExports.jsx("br",{}):null]},x))," "]}),e.jsxRuntimeExports.jsx("textarea",{...S,ref:I,rows:1,"aria-invalid":N,"data-warning":P,"aria-describedby":W,value:m,className:d.cx(R,h,"kakadu-components-2119524139"),style:{minHeight:pe},onChange:$})]}):e.jsxRuntimeExports.jsx("input",{...S,ref:k,type:p??"text",value:m,"aria-invalid":N,"data-warning":P,"aria-describedby":W,className:d.cx(R,h),onChange:$}),e.jsxRuntimeExports.jsx(M.default,{className:"kakadu-components-1614211948"}),e.jsxRuntimeExports.jsx(v.default,{className:"kakadu-components-1041647916"})]}),f||l?e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-131986363",children:[f?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.copy,label:"Copy",tooltip:"Copy",className:Q,onClick:ke}):null,l?e.jsxRuntimeExports.jsx(L.default,{iconLeft:q.IconType.times,label:"Clear",tooltip:"Clear",className:Q,onClick:ge}):null]}):null]})}exports.FontFamilyHead=u.FontFamilyHead;exports.buttonResetStyles=u.buttonResetStyles;exports.darkBackgroundColor=u.darkBackgroundColor;exports.effectStyles=u.effectStyles;exports.font=u.font;exports.lightBackgroundColor=u.lightBackgroundColor;exports.nonInteractiveEffectStyles=u.nonInteractiveEffectStyles;exports.overflowProtectionStyles=u.overflowProtectionStyles;exports.theme=u.default;exports.AriaText=U.default;exports.ariaTextStyles=U.ariaTextStyles;exports.Atom=G.default;exports.defaultAtomElementType=G.defaultAtomElementType;exports.BankidLogo=je.default;exports.Box=qe.default;exports.Button=b.default;exports.ButtonVariant=b.ButtonVariant;exports.buttonDangerStyles=b.buttonDangerStyles;exports.buttonSecondaryStyles=b.buttonSecondaryStyles;exports.buttonSuccessStyles=b.buttonSuccessStyles;exports.buttonWarningStyles=b.buttonWarningStyles;exports.ButtonTooltip=z.default;exports.Card=be.default;exports.ClickRipples=M.default;exports.Datum=_e.default;exports.DnbLogo=Ee.default;exports.Dot=Re.default;exports.Flex=J.default;exports.FlexAlignment=J.FlexAlignment;exports.Footer=X.default;exports.FooterLinkItem=X.FooterLinkItem;exports.Gauge=ve.default;exports.GjensidigeLogo=Le.default;exports.Header=Te.default;exports.HoverGradient=v.default;exports.normalBlendStyles=v.normalBlendStyles;exports.IconButton=Y.default;exports.IconButtonVariant=Y.IconButtonVariant;exports.ChevronUp=Z.default;exports.Icon=q.Icon;exports.IconType=q.IconType;exports.iconShadowStyles=q.iconShadowStyles;exports.copyToClipboard=H.default;exports.TextButton=L.default;exports.TextButtonVariant=L.TextButtonVariant;exports.AnchorHeading=a.AnchorHeading;exports.Heading=a.Heading;exports.Hero=a.Hero;exports.Label=a.Label;exports.Paragraph=a.Paragraph;exports.Span=a.Span;exports.Text=a.default;exports.spanStyles=a.spanStyles;exports.textShadowStyles=a.textShadowStyles;exports.KakaduGuideIcon=Ie.default;exports.KakaduGuideLogo=A.default;exports.KakaduGuideLogoSvg=A.KakaduGuideLogoSvg;exports.KakaduGuideLogoVariant=A.KakaduGuideLogoVariant;exports.KakaduIndexLogo=Be.default;exports.KakaduLogo=we.default;exports.Modal=D.default;exports.useModal=D.useModal;exports.useModalContext=D.useModalContext;exports.MovingGradients=Ne.default;exports.MovingStars=Pe.default;exports.Notice=ee.default;exports.NoticeType=ee.NoticeType;exports.Notification=V.default;exports.NotificationProvider=V.NotificationProvider;exports.useCreateNotification=V.useCreateNotification;exports.Revealer=te.default;exports.useRevealer=te.useRevealer;exports.Separator=T.default;exports.SeparatorLabel=T.SeparatorLabel;exports.SmallSeparator=T.SmallSeparator;exports.VerticalSeparator=T.VerticalSeparator;exports.Skeleton=ne.default;exports.SkeletonInstance=ne.SkeletonInstance;exports.Sparebank1Logo=Ce.default;exports.RevealSpinner=oe.RevealSpinner;exports.Spinner=oe.default;exports.StoLogo=Me.default;exports.StorebrandLogo=He.default;exports.ThemeSetter=j.default;exports.getThemePreference=j.getThemePreference;exports.setThemePreference=j.setThemePreference;exports.themePreferences=j.themePreferences;exports.useIsDarkMode=j.useIsDarkMode;exports.useIsLightMode=j.useIsLightMode;exports.useTheme=j.useTheme;exports.Veil=Ge.default;exports.Wrapper=se.default;exports.WrapperWidth=se.WrapperWidth;exports.ArrowDown=Ae.default;exports.CaretDown=De.default;exports.CaretRight=Ve.default;exports.Check=Fe.default;exports.ChevronDown=Ke.default;exports.ChromeBrowserLogo=We.default;exports.Copy=$e.default;exports.Edit=Oe.default;exports.EdgeBrowserLogo=Qe.default;exports.ExclamationTriangle=Ue.default;exports.KakaduGuide=ze.default;exports.KakaduGuideGlyph=Je.default;exports.Menu=Xe.default;exports.Plus=Ye.default;exports.Test=Ze.default;exports.Times=et.default;exports.useMediaQuery=tt.default;exports.generateRandomId=nt.default;exports.scale=ot.default;exports.Collapsible=ae;exports.Input=lt;exports.Select=ut;exports.errorParagraph=ce;
|