@ilo-org/react 0.28.0 → 0.28.2
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/lib/cjs/_store/Button-chunk-OmVJkQqc.js +1 -0
- package/lib/cjs/_store/{Button-entry-D3W25SBk.js → Button-entry-bZ-SddDM.js} +1 -1
- package/lib/cjs/_store/{Callout-chunk-BdeAvp9z.js → Callout-chunk-XF2yUV-r.js} +1 -1
- package/lib/cjs/_store/{Callout-entry-DfrEmZB7.js → Callout-entry-_4WBT7Vv.js} +1 -1
- package/lib/cjs/_store/CardGroup-chunk-Cn8ewunq.js +1 -0
- package/lib/cjs/_store/{Cards-entry-DY2D-7_i.js → Cards-entry-I79kpHUb.js} +1 -1
- package/lib/cjs/_store/{Footer-chunk-DvVEyN5x.js → Footer-chunk-Dt1p9vMD.js} +1 -1
- package/lib/cjs/_store/{Footer-entry-lrTkrnhr.js → Footer-entry-l-8RglKj.js} +1 -1
- package/lib/cjs/_store/{MainNav-chunk-C9rtuWNB.js → MainNav-chunk-DIQJwoJV.js} +1 -1
- package/lib/cjs/_store/{Nav-entry-QU2bhLkT.js → Nav-entry-X7AzXGF2.js} +1 -1
- package/lib/cjs/_store/{Notification-chunk-CEm56fOA.js → Notification-chunk-ZNuM-7Xk.js} +1 -1
- package/lib/cjs/_store/{Notification-entry-CHMbRdAy.js → Notification-entry-D2OmZYbJ.js} +1 -1
- package/lib/cjs/_store/SearchField-chunk-DtJTqVM9.js +1 -0
- package/lib/cjs/_store/{SearchField-entry-iEDyX5PR.js → SearchField-entry-Dx4K-UmO.js} +1 -1
- package/lib/cjs/_store/{components-entry-XHS0OOGY.js → components-entry-Drj6lqIH.js} +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/Button-chunk-BDRDVT-k.js +70 -0
- package/lib/esm/_store/Button-entry-BMRaXX6Z.js +4 -0
- package/lib/esm/_store/{Callout-chunk-Dgxxalpd.js → Callout-chunk-Cqttz2p6.js} +1 -1
- package/lib/esm/_store/Callout-entry-C4leVKrX.js +4 -0
- package/lib/esm/_store/{CardGroup-chunk-6cDXlMrq.js → CardGroup-chunk-BC6J6wy_.js} +263 -262
- package/lib/esm/_store/{Cards-entry-BC85b1gG.js → Cards-entry-CKWIuymB.js} +1 -1
- package/lib/esm/_store/{Footer-chunk-TA0qQlaw.js → Footer-chunk-BbN845T6.js} +1 -1
- package/lib/esm/_store/Footer-entry-70ZADTJC.js +4 -0
- package/lib/esm/_store/{MainNav-chunk-CmtN7aWA.js → MainNav-chunk-quYHcIUb.js} +1 -1
- package/lib/esm/_store/Nav-entry-CJPTM5sS.js +5 -0
- package/lib/esm/_store/{Notification-chunk-CYe5VThf.js → Notification-chunk-Dcs9w_ap.js} +1 -1
- package/lib/esm/_store/Notification-entry-DxWQuGLy.js +4 -0
- package/lib/esm/_store/SearchField-chunk-CLWIJ2Hh.js +69 -0
- package/lib/esm/_store/SearchField-entry-Diz7Qpbv.js +4 -0
- package/lib/esm/_store/{components-entry-CBMbZZQP.js → components-entry-COoZTw1c.js} +7 -7
- package/lib/esm/index.js +7 -7
- package/lib/types/components/Cards/DetailCard.d.ts +4 -0
- package/lib/types/components/SearchField/SearchField.props.d.ts +6 -0
- package/package.json +5 -5
- package/lib/cjs/_store/Button-chunk-DaJZujL8.js +0 -1
- package/lib/cjs/_store/CardGroup-chunk-D_hGpZ5E.js +0 -1
- package/lib/cjs/_store/SearchField-chunk-CJ99dGc4.js +0 -1
- package/lib/esm/_store/Button-chunk-CQQX91Rg.js +0 -64
- package/lib/esm/_store/Button-entry-BIEEKQv3.js +0 -4
- package/lib/esm/_store/Callout-entry-Bzgq2szx.js +0 -4
- package/lib/esm/_store/Footer-entry-BoeUqJ4r.js +0 -4
- package/lib/esm/_store/Nav-entry-Dx2uLUdE.js +0 -5
- package/lib/esm/_store/Notification-entry-0QG_RMHv.js +0 -4
- package/lib/esm/_store/SearchField-chunk-Ky0ihQH5.js +0 -68
- package/lib/esm/_store/SearchField-entry-CH96-gn7.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./CardGroup-chunk-
|
|
1
|
+
import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./CardGroup-chunk-BC6J6wy_.js";
|
|
2
2
|
export {
|
|
3
3
|
s as CardGroup,
|
|
4
4
|
C as DataCard,
|
|
@@ -4,7 +4,7 @@ import { c as u } from "./index-chunk-CY3PQDr4.js";
|
|
|
4
4
|
import { L as b } from "./LinkList-chunk-ClC0P1yc.js";
|
|
5
5
|
import { S as L } from "./SocialMedia-chunk-CmTguYLJ.js";
|
|
6
6
|
import { u as x } from "./useGlobalSettings-chunk-BhfWlTcd.js";
|
|
7
|
-
import { B as S } from "./Button-chunk-
|
|
7
|
+
import { B as S } from "./Button-chunk-BDRDVT-k.js";
|
|
8
8
|
const G = y(
|
|
9
9
|
({
|
|
10
10
|
className: v,
|
|
@@ -7,7 +7,7 @@ import { a as H, u as V } from "./useOutsideClick-chunk-CWy5z-7S.js";
|
|
|
7
7
|
import { createPortal as J } from "react-dom";
|
|
8
8
|
import { u as K } from "./useFocusTrap-chunk-YNgJEwcj.js";
|
|
9
9
|
import { m as W } from "./ContextMenu-chunk-CX3zW2yD.js";
|
|
10
|
-
import { S as Q } from "./SearchField-chunk-
|
|
10
|
+
import { S as Q } from "./SearchField-chunk-CLWIJ2Hh.js";
|
|
11
11
|
const Y = M(({ isOpen: n, className: o, navRef: s, children: a, onClose: l, ...d }, p) => {
|
|
12
12
|
const { prefix: t } = C(), $ = K({
|
|
13
13
|
isActive: n,
|
|
@@ -2,7 +2,7 @@ import { jsx as e, Fragment as $, jsxs as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as y, useState as x } from "react";
|
|
3
3
|
import { c as b } from "./index-chunk-CY3PQDr4.js";
|
|
4
4
|
import { u as v } from "./useGlobalSettings-chunk-BhfWlTcd.js";
|
|
5
|
-
import { B as r } from "./Button-chunk-
|
|
5
|
+
import { B as r } from "./Button-chunk-BDRDVT-k.js";
|
|
6
6
|
const B = y(
|
|
7
7
|
({
|
|
8
8
|
className: c,
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as s, jsxs as b } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i, useState as k, useId as V } from "react";
|
|
3
|
+
import { c as g } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
+
import { u as j } from "./useGlobalSettings-chunk-BhfWlTcd.js";
|
|
5
|
+
import { I as B } from "./Icon-chunk-DEroxoA_.js";
|
|
6
|
+
import { F as E } from "./FormControl-chunk-CA1OQzEu.js";
|
|
7
|
+
const q = i(
|
|
8
|
+
({ action: C, callback: o, className: y, input: e, onInputChange: c }, n) => {
|
|
9
|
+
const [d, m] = k(""), { prefix: a } = j(), l = `${a}--searchfield`, N = `${l}--button`, S = `${l}--form`, $ = `${l}--clear-button ${d.trim() !== "" && "show"}`, w = V(), t = (e == null ? void 0 : e.id) || w, x = `${a}--fieldset`, v = (r) => {
|
|
10
|
+
o && o(r);
|
|
11
|
+
}, I = () => {
|
|
12
|
+
m("");
|
|
13
|
+
}, F = (r) => {
|
|
14
|
+
const f = r.target.value;
|
|
15
|
+
m(f), c && c(f);
|
|
16
|
+
}, h = !!(e != null && e.type);
|
|
17
|
+
if (!h)
|
|
18
|
+
throw new Error("SearchField: Input must have type prop");
|
|
19
|
+
return h ? /* @__PURE__ */ s("form", { action: C, className: S, style: { display: "flex" }, children: /* @__PURE__ */ s(
|
|
20
|
+
E,
|
|
21
|
+
{
|
|
22
|
+
fieldId: t,
|
|
23
|
+
error: !!(e != null && e.error),
|
|
24
|
+
helper: (e == null ? void 0 : e.helper) || "",
|
|
25
|
+
label: (e == null ? void 0 : e.label) || "",
|
|
26
|
+
style: { width: "100%" },
|
|
27
|
+
children: /* @__PURE__ */ b("div", { className: g(y, l), children: [
|
|
28
|
+
/* @__PURE__ */ b("div", { className: x, children: [
|
|
29
|
+
/* @__PURE__ */ s(
|
|
30
|
+
"input",
|
|
31
|
+
{
|
|
32
|
+
className: `${a}--text-input`,
|
|
33
|
+
id: t,
|
|
34
|
+
name: e.name,
|
|
35
|
+
onChange: F,
|
|
36
|
+
placeholder: e == null ? void 0 : e.placeholder,
|
|
37
|
+
value: d,
|
|
38
|
+
ref: n,
|
|
39
|
+
disabled: e == null ? void 0 : e.disabled,
|
|
40
|
+
type: "search"
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ s(
|
|
44
|
+
"span",
|
|
45
|
+
{
|
|
46
|
+
onClick: I,
|
|
47
|
+
className: $,
|
|
48
|
+
role: "presentation",
|
|
49
|
+
children: /* @__PURE__ */ s(B, { name: "close", hidden: !0 })
|
|
50
|
+
}
|
|
51
|
+
)
|
|
52
|
+
] }),
|
|
53
|
+
/* @__PURE__ */ s(
|
|
54
|
+
"button",
|
|
55
|
+
{
|
|
56
|
+
className: N,
|
|
57
|
+
disabled: e == null ? void 0 : e.disabled,
|
|
58
|
+
type: "submit",
|
|
59
|
+
onClick: v
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
] })
|
|
63
|
+
}
|
|
64
|
+
) }) : null;
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
export {
|
|
68
|
+
q as S
|
|
69
|
+
};
|
|
@@ -6,16 +6,16 @@ import { I as i } from "./Image-chunk-Dls4dbsF.js";
|
|
|
6
6
|
import { L as n } from "./Loading-chunk-Dv4TiLe1.js";
|
|
7
7
|
import { L } from "./Radio-chunk-DE8dWK4c.js";
|
|
8
8
|
import { T } from "./Tag-chunk-DNiuZc2U.js";
|
|
9
|
-
import { B as c } from "./Button-chunk-
|
|
9
|
+
import { B as c } from "./Button-chunk-BDRDVT-k.js";
|
|
10
10
|
import { C as P } from "./ContextMenu-chunk-CX3zW2yD.js";
|
|
11
11
|
import { F as b } from "./Fieldset-chunk-CQKzjpXe.js";
|
|
12
12
|
import { G as k } from "./GlobalProvider-chunk-dOxjd-fn.js";
|
|
13
13
|
import { G as I } from "./GlobalCtx-chunk-CtSRDnk3.js";
|
|
14
14
|
import { L as D, T as G } from "./TextInput.args-chunk-RWwWDRZ4.js";
|
|
15
|
-
import { N as R } from "./Notification-chunk-
|
|
15
|
+
import { N as R } from "./Notification-chunk-Dcs9w_ap.js";
|
|
16
16
|
import { R as A } from "./ReadMore-chunk-Cv2A7uzo.js";
|
|
17
17
|
import { L as h } from "./Textarea-chunk-CshU7TIs.js";
|
|
18
|
-
import { C as E } from "./Callout-chunk-
|
|
18
|
+
import { C as E } from "./Callout-chunk-Cqttz2p6.js";
|
|
19
19
|
import { L as w } from "./FileUpload-chunk-CcPyoSNs.js";
|
|
20
20
|
import { H as U } from "./Heading-chunk-KETAd3FV.js";
|
|
21
21
|
import { L as q } from "./Link-chunk-DgmjE6xb.js";
|
|
@@ -28,21 +28,21 @@ import { H as ro } from "./Hero-chunk-8XPHDh4M.js";
|
|
|
28
28
|
import { H as eo } from "./HeroCard-chunk-DIoKqIvc.js";
|
|
29
29
|
import { L as so } from "./LinkList-chunk-ClC0P1yc.js";
|
|
30
30
|
import { P as xo } from "./Pagination-chunk-B0RsygyT.js";
|
|
31
|
-
import { S as fo } from "./SearchField-chunk-
|
|
31
|
+
import { S as fo } from "./SearchField-chunk-CLWIJ2Hh.js";
|
|
32
32
|
import { V as no } from "./Video-chunk-q086hHmd.js";
|
|
33
33
|
import { L as Lo } from "./Dropdown-chunk-_Rqp45VG.js";
|
|
34
34
|
import { I as To } from "./Icon-chunk-DEroxoA_.js";
|
|
35
35
|
import { List as co } from "./List-entry-BX9gaFfD.js";
|
|
36
36
|
import { P as Po } from "./Profile-chunk-CK4F2KXo.js";
|
|
37
37
|
import { T as bo } from "./TableOfContents-chunk-G6Og9OQI.js";
|
|
38
|
-
import { F as ko } from "./Footer-chunk-
|
|
39
|
-
import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-
|
|
38
|
+
import { F as ko } from "./Footer-chunk-BbN845T6.js";
|
|
39
|
+
import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-BC6J6wy_.js";
|
|
40
40
|
import { B as Eo } from "./Breadcrumb-chunk-C5nxxjB6.js";
|
|
41
41
|
import { S as wo } from "./Status-chunk-CjagfPq5.js";
|
|
42
42
|
import { T as Uo } from "./Tabs-chunk-DrfQDZZS.js";
|
|
43
43
|
import { A as qo } from "./AudioPlayer-chunk-bXI6JAZ7.js";
|
|
44
44
|
import { L as Jo } from "./LanguageToggle-chunk-C51Ysq9D.js";
|
|
45
|
-
import { M as Qo, S as Wo } from "./MainNav-chunk-
|
|
45
|
+
import { M as Qo, S as Wo } from "./MainNav-chunk-quYHcIUb.js";
|
|
46
46
|
export {
|
|
47
47
|
a as Accordion,
|
|
48
48
|
qo as AudioPlayer,
|
package/lib/esm/index.js
CHANGED
|
@@ -6,16 +6,16 @@ import { I as i } from "./_store/Image-chunk-Dls4dbsF.js";
|
|
|
6
6
|
import { L as u } from "./_store/Loading-chunk-Dv4TiLe1.js";
|
|
7
7
|
import { L as l } from "./_store/Radio-chunk-DE8dWK4c.js";
|
|
8
8
|
import { T as L } from "./_store/Tag-chunk-DNiuZc2U.js";
|
|
9
|
-
import { B as c } from "./_store/Button-chunk-
|
|
9
|
+
import { B as c } from "./_store/Button-chunk-BDRDVT-k.js";
|
|
10
10
|
import { C as P } from "./_store/ContextMenu-chunk-CX3zW2yD.js";
|
|
11
11
|
import { F as b } from "./_store/Fieldset-chunk-CQKzjpXe.js";
|
|
12
12
|
import { G as k } from "./_store/GlobalProvider-chunk-dOxjd-fn.js";
|
|
13
13
|
import { G as H } from "./_store/GlobalCtx-chunk-CtSRDnk3.js";
|
|
14
14
|
import { L as M, T as v } from "./_store/TextInput.args-chunk-RWwWDRZ4.js";
|
|
15
|
-
import { N as D } from "./_store/Notification-chunk-
|
|
15
|
+
import { N as D } from "./_store/Notification-chunk-Dcs9w_ap.js";
|
|
16
16
|
import { R } from "./_store/ReadMore-chunk-Cv2A7uzo.js";
|
|
17
17
|
import { L as h } from "./_store/Textarea-chunk-CshU7TIs.js";
|
|
18
|
-
import { C as E } from "./_store/Callout-chunk-
|
|
18
|
+
import { C as E } from "./_store/Callout-chunk-Cqttz2p6.js";
|
|
19
19
|
import { L as V } from "./_store/FileUpload-chunk-CcPyoSNs.js";
|
|
20
20
|
import { H as U } from "./_store/Heading-chunk-KETAd3FV.js";
|
|
21
21
|
import { L as q } from "./_store/Link-chunk-DgmjE6xb.js";
|
|
@@ -28,21 +28,21 @@ import { H as ro } from "./_store/Hero-chunk-8XPHDh4M.js";
|
|
|
28
28
|
import { H as eo } from "./_store/HeroCard-chunk-DIoKqIvc.js";
|
|
29
29
|
import { L as so } from "./_store/LinkList-chunk-ClC0P1yc.js";
|
|
30
30
|
import { P as xo } from "./_store/Pagination-chunk-B0RsygyT.js";
|
|
31
|
-
import { S as fo } from "./_store/SearchField-chunk-
|
|
31
|
+
import { S as fo } from "./_store/SearchField-chunk-CLWIJ2Hh.js";
|
|
32
32
|
import { V as uo } from "./_store/Video-chunk-q086hHmd.js";
|
|
33
33
|
import { L as lo } from "./_store/Dropdown-chunk-_Rqp45VG.js";
|
|
34
34
|
import { I as Lo } from "./_store/Icon-chunk-DEroxoA_.js";
|
|
35
35
|
import { List as co } from "./_store/List-entry-BX9gaFfD.js";
|
|
36
36
|
import { P as Po } from "./_store/Profile-chunk-CK4F2KXo.js";
|
|
37
37
|
import { T as bo } from "./_store/TableOfContents-chunk-G6Og9OQI.js";
|
|
38
|
-
import { F as ko } from "./_store/Footer-chunk-
|
|
39
|
-
import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-
|
|
38
|
+
import { F as ko } from "./_store/Footer-chunk-BbN845T6.js";
|
|
39
|
+
import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-BC6J6wy_.js";
|
|
40
40
|
import { B as Eo } from "./_store/Breadcrumb-chunk-C5nxxjB6.js";
|
|
41
41
|
import { S as Vo } from "./_store/Status-chunk-CjagfPq5.js";
|
|
42
42
|
import { T as Uo } from "./_store/Tabs-chunk-DrfQDZZS.js";
|
|
43
43
|
import { A as qo } from "./_store/AudioPlayer-chunk-bXI6JAZ7.js";
|
|
44
44
|
import { L as Jo } from "./_store/LanguageToggle-chunk-C51Ysq9D.js";
|
|
45
|
-
import { M as Qo, S as Wo } from "./_store/MainNav-chunk-
|
|
45
|
+
import { M as Qo, S as Wo } from "./_store/MainNav-chunk-quYHcIUb.js";
|
|
46
46
|
import { u as Yo } from "./_store/useGlobalSettings-chunk-BhfWlTcd.js";
|
|
47
47
|
import { u as _o } from "./_store/usePrevious-chunk-BtJVllKj.js";
|
|
48
48
|
import { u as or, a as rr } from "./_store/useOutsideClick-chunk-CWy5z-7S.js";
|
|
@@ -27,4 +27,10 @@ export interface SearchFieldProps {
|
|
|
27
27
|
* Specify the properties of the search field input
|
|
28
28
|
*/
|
|
29
29
|
input?: InputProps;
|
|
30
|
+
/**
|
|
31
|
+
* Callback function triggered on input change for dynamic search.
|
|
32
|
+
* Receives the current search value as the user types, enabling
|
|
33
|
+
* real-time search functionality.
|
|
34
|
+
*/
|
|
35
|
+
onInputChange?: (value: string) => void;
|
|
30
36
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/react",
|
|
3
|
-
"version": "0.28.
|
|
3
|
+
"version": "0.28.2",
|
|
4
4
|
"description": "React components for the ILO's Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui_patterns",
|
|
@@ -74,10 +74,10 @@
|
|
|
74
74
|
"use-breakpoint": "^4.0.6",
|
|
75
75
|
"video.js": "^7.21.2",
|
|
76
76
|
"videojs-youtube": "^3.0.1",
|
|
77
|
-
"@ilo-org/fonts": "2.0.0",
|
|
78
|
-
"@ilo-org/icons-react": "1.0.6",
|
|
79
77
|
"@ilo-org/brand-assets": "1.0.1",
|
|
80
|
-
"@ilo-org/
|
|
78
|
+
"@ilo-org/fonts": "2.0.0",
|
|
79
|
+
"@ilo-org/styles": "1.11.0",
|
|
80
|
+
"@ilo-org/icons-react": "1.0.6"
|
|
81
81
|
},
|
|
82
82
|
"devDependencies": {
|
|
83
83
|
"@chromatic-com/storybook": "3.2.7",
|
|
@@ -114,8 +114,8 @@
|
|
|
114
114
|
"vite-plugin-dts": "^3.9.1",
|
|
115
115
|
"vite-plugin-static-copy": "^1.0.6",
|
|
116
116
|
"vitest": "^2.0.5",
|
|
117
|
-
"@ilo-org/eslint-config": "2.0.0",
|
|
118
117
|
"@ilo-org/prettier-config": "2.0.0",
|
|
118
|
+
"@ilo-org/eslint-config": "2.0.0",
|
|
119
119
|
"@ilo-org/typescript-config": "2.0.0"
|
|
120
120
|
},
|
|
121
121
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),g=require("react"),p=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),d=require("./Link-chunk-CP7cvvcX.js"),b=require("./Icon-chunk-DLR0d6ii.js"),I=g.forwardRef(({children:a,className:$,disabled:x=!1,icon:t,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,submit:m=!1,...j},c)=>{const{prefix:q}=N.useGlobalSettings(),s=`${q}--button`,i=p.classNames($,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:t&&!l,[`${s}--icon ${s}--icon--only`]:t&&l});return r?e.jsxs(d.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[t&&e.jsx(b.Icon,{...t}),a]}):e.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,type:m?"submit":"button",children:[t&&e.jsx(b.Icon,{...t}),e.jsx("span",{className:"button__label",children:a})]})});exports.Button=I;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),u=require("react"),j=require("./index-chunk-Cxg31gtu.js"),h=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-DaJZujL8.js"),O=require("./Link-chunk-CP7cvvcX.js"),C=require("./DynamicHeading-chunk-DJzlOgQG.js"),I=require("./LinkList-chunk-CmVHEiqZ.js"),B=require("./Profile-chunk-Bnn1-Z78.js"),P=require("./Icon-chunk-DLR0d6ii.js"),k=require("./List-entry-31dXgvRv.js"),E=require("./Picture-chunk-CWRmIhTV.js"),V=require("./Status-chunk-CaABjeKb.js"),z=u.forwardRef(({className:d,title:a,theme:c="light",size:r="standard",color:e,intro:l,source:n,titleLevel:_="p"},o)=>{const{prefix:x}=h.useGlobalSettings(),i=`${x}--card`,$=j.classNames(`${i}--wrapper`,d),m=j.classNames(i,`${i}__type__stat`,{[`${i}__size__${String(r)}`]:r,[`${i}__theme__${c}`]:c,[`${i}__color__${e}`]:e});return s.jsx("div",{className:$,ref:o,children:s.jsx("div",{className:m,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[s.jsx(C.DynamicHeading,{level:_,className:`${i}--title`,children:a}),l&&s.jsx("p",{className:`${i}--intro`,children:l}),n&&s.jsx(O.Link,{className:`${i}--source`,url:n.url,label:n.label})]})})})})}),A=({className:d,theme:a="light",size:c="standard"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__stat`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a,[`${e}__loading`]:!0});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--source`})]})})})})},S=Object.assign(z,{Skeleton:A});S.displayName="StatCard";S.Skeleton.displayName="StatCard.Skeleton";const J=u.forwardRef(({className:d,title:a,size:c="standard",alignment:r,intro:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i,theme:$="light"},m)=>{const{prefix:N}=h.useGlobalSettings(),t=`${N}--card`,p=j.classNames(t,d,`${t}__type__multilink`,{[`${t}__align__${r}`]:r,[`${t}__size__${c}`]:c,[`${t}__isvideo`]:i,[`${t}--no-image`]:!_,[`${t}__theme__${$}`]:$});return s.jsxs("div",{className:p,ref:m,children:[l&&s.jsx("a",{className:`${t}--link`,href:l,title:a,children:s.jsx("span",{className:`${t}--link--text`,children:a})}),s.jsxs("div",{className:`${t}--wrap`,children:[_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),s.jsxs("div",{className:`${t}--content`,children:[x&&s.jsx("p",{className:`${t}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${t}--title`,children:a}),_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),e&&(u.isValidElement(e)?s.jsx("div",{className:`${t}--intro`,children:e}):s.jsx("p",{className:`${t}--intro`,children:e})),n&&s.jsx(I.LinkList,{...n})]})]})]})}),K=({className:d,size:a="standard",alignment:c,theme:r="light"})=>{const{prefix:e}=h.useGlobalSettings(),l=`${e}--card`,n=j.classNames(l,d,`${l}__type__multilink`,{[`${l}__align__${c}`]:c,[`${l}__size__${a}`]:a,[`${l}__theme__${r}`]:r});return s.jsx("div",{className:n,children:s.jsxs("div",{className:`${l}--wrap`,children:[s.jsx("div",{className:`${l}--skeleton--column-image`}),s.jsxs("div",{className:`${l}--content`,children:[s.jsx("div",{className:`${l}--skeleton--eyebrow`}),s.jsx("div",{className:`${l}--skeleton--title-1`}),s.jsx("div",{className:`${l}--skeleton--title-2`}),s.jsx("div",{className:`${l}--skeleton--row-image`}),s.jsx("div",{className:`${l}--skeleton--intro-1`}),s.jsx("div",{className:`${l}--skeleton--intro-2`}),s.jsx("div",{className:`${l}--skeleton--intro-3`}),s.jsx("div",{className:`${l}--skeleton--intro-4`})]})]})})},y=Object.assign(J,{Skeleton:K});y.displayName="MultiLinkCard";y.Skeleton.displayName="MultiLinkCard.Skeleton";const Q=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,profile:l,link:n,titleLevel:_="p",eyebrow:o},x)=>{const{prefix:i}=h.useGlobalSettings(),$=`${i}--card`,m=j.classNames(`${$}--wrapper`,d),N=j.classNames($,`${$}__type__text`,{[`${$}__size__${String(r)}`]:r,[`${$}__theme__${c}`]:c});return s.jsx("div",{className:m,ref:x,children:s.jsxs("div",{className:N,children:[s.jsx("a",{className:`${$}--link`,href:n,title:a,children:s.jsx("span",{className:`${$}--link--text`,children:a})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[o&&s.jsx("p",{className:`${$}--eyebrow`,children:o}),s.jsx(C.DynamicHeading,{level:_,className:`${$}--title`,children:a}),e&&s.jsx("time",{className:`${$}--date`,dateTime:e.unix,children:e.human}),l&&s.jsx(B.Profile,{avatar:l.avatar,description:l.description,link:l.link,name:l.name,role:l.role,theme:c})]})})]})})}),U=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__text`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`}),s.jsx("div",{className:`${e}--skeleton--profile`})]})})})})},w=Object.assign(Q,{Skeleton:U});w.displayName="TextCard";w.Skeleton.displayName="TextCard.Skeleton";const W=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",cornercut:e,intro:l,link:n,cta:_,titleLevel:o="p",eyebrow:x},i)=>{const{prefix:$}=h.useGlobalSettings(),m=`${$}--card`,N=j.classNames(`${m}--wrapper`,d,`${m}--wrapper__type__promo`,`${m}--wrapper__type__promo__size__${r}`),t=j.classNames(m,`${m}__type__promo`,{[`${m}__size__${String(r)}`]:r,[`${m}__theme__${c}`]:c,[`${m}__cornercut`]:e});return s.jsx("div",{className:N,ref:i,children:s.jsxs("div",{className:t,children:[s.jsx("a",{className:`${m}--link`,href:n,title:a,children:s.jsx("span",{className:`${m}--link--text`,children:a})}),s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[x&&s.jsx("p",{className:`${m}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${m}--title`,children:a}),l&&s.jsx("p",{className:`${m}--intro`,children:l}),(_==null?void 0:_.label)&&s.jsx("div",{className:`${m}--cta`,children:s.jsx(g.Button,{link:{url:_.url,label:_.label},size:"medium",type:"primary"})})]})})]})})}),X=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d,`${e}--wrapper__type__promo`,`${e}--wrapper__type__promo__size__${c}`),n=j.classNames(e,`${e}__type__promo`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`})]})})})},f=Object.assign(W,{Skeleton:X});f.displayName="PromoCard";f.Skeleton.displayName="PromoCard.Skeleton";const Y=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i},$)=>{const{prefix:m}=h.useGlobalSettings(),N=`${m}--card`,t=j.classNames(N,d,`${N}__type__feature`,{[`${N}__size__${String(r)}`]:r,[`${N}__theme__${c}`]:c,[`${N}__isvideo`]:i,[`${N}__linklist`]:n});return s.jsxs("div",{className:t,ref:$,children:[l&&s.jsx("a",{className:`${N}--link`,href:l,title:a,children:s.jsx("span",{className:`${N}--link--text`,children:a})}),s.jsxs("div",{className:`${N}--wrap`,children:[_&&s.jsx("div",{className:`${N}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${N}--picture`})})}),s.jsxs("div",{className:`${N}--content`,children:[x&&s.jsx("p",{className:`${N}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${N}--title`,children:a}),e&&s.jsx("time",{className:`${N}--date`,dateTime:e.unix,children:e.human}),n&&r==="narrow"&&s.jsx(I.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})]}),n&&(r==="wide"||r==="fluid")&&s.jsx(I.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})}),Z=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,d,`${e}__type__feature`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},L=Object.assign(Y,{Skeleton:Z});L.displayName="FeatureCard";L.Skeleton.displayName="FeatureCard.Skeleton";const ss=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,details:l,link:n,titleLevel:_="p",eyebrow:o,intro:x,image:i,isVideo:$=!1,linkComponent:m},N)=>{const{prefix:t}=h.useGlobalSettings(),p=`${t}--card`,v=j.classNames(p,`${p}__type__detail`,d,{[`${p}__size__${String(r)}`]:r,[`${p}__theme__${c}`]:c,[`${p}__isvideo`]:$}),R=u.createElement(m||"a",{className:`${p}--link`,href:n,title:a},s.jsx("span",{className:`${p}--link--text`,children:a}));return s.jsxs("div",{className:v,ref:N,children:[n&&R,s.jsxs("div",{className:`${p}--wrap`,children:[i&&s.jsx("div",{className:`${p}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${p}--picture`,src:i,alt:a})})}),s.jsxs("div",{className:`${p}--content`,children:[o&&s.jsx("p",{className:`${p}--eyebrow`,children:o}),a&&s.jsx(C.DynamicHeading,{level:_,className:`${p}--title`,children:a}),x&&(u.isValidElement(x)?s.jsx("div",{className:`${p}--intro`,children:x}):s.jsx("p",{className:`${p}--intro`,children:x})),e&&!l&&s.jsx("time",{className:`${p}--date`,dateTime:e.unix,children:e.human}),l&&s.jsxs("p",{className:`${p}--date-extra`,children:[s.jsx(P.Icon,{name:"TriangleRight",size:20,className:`${p}--icon-right`}),s.jsx(P.Icon,{name:"TriangleLeft",size:20,className:`${p}--icon-left`}),l]})]})]})]})}),es=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__detail`,d,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("div",{className:`${e}--skeleton--image`})}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`}),s.jsx("div",{className:`${e}--skeleton--intro-4`}),s.jsx("div",{className:`${e}--skeleton--intro-5`})]})]})})},G=Object.assign(ss,{Skeleton:es});G.displayName="DetailCard";G.Skeleton.displayName="DetailCard.Skeleton";const as=u.forwardRef(({title:d,theme:a="light",size:c="narrow",list:r,titleLevel:e="p",className:l},n)=>{const{prefix:_}=h.useGlobalSettings(),o=`${_}--card`,x=j.classNames(o,`${o}__type__factlist`,l,{[`${o}__size__${c}`]:c,[`${o}__theme__${a}`]:a});return s.jsx("div",{className:x,ref:n,children:s.jsx("div",{className:`${o}--wrap`,children:s.jsxs("div",{className:`${o}--content`,children:[d&&s.jsx(C.DynamicHeading,{level:e,className:`${_}--card--title`,children:d}),s.jsx(k.List,{alignment:"default",ordered:"unordered",theme:a,children:r.map(i=>s.jsx(k.List.Item,{children:s.jsx("p",{children:i})},i))})]})})})}),ls=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__factlist`,d,{[`${e}__size__${c}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsxs(k.List,{alignment:"default",ordered:"unordered",theme:a,children:[s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})})]})]})})})},D=Object.assign(as,{Skeleton:ls});D.displayName="FactListCard";D.Skeleton.displayName="FactListCard.Skeleton";const ns=u.forwardRef(({theme:d="light",eyebrow:a,size:c="narrow",image:r,dataset:e,columns:l="one",className:n},_)=>{var N;const{prefix:o}=h.useGlobalSettings(),x=c==="narrow"?"one":l,i=`${o}--card`,$=j.classNames(i,`${i}__type__data`,n,{[`${i}__size__${String(c)}`]:c,[`${i}__type__data__columns__${x}`]:x,[`${i}__theme__${d}`]:d}),m=j.classNames(`${i}--content`,{[`${i}--content__with-image`]:r,[`${i}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${i}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:$,ref:_,children:s.jsxs("div",{className:`${i}--wrap`,children:[!r&&a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsxs("div",{className:m,children:[r&&s.jsxs("div",{className:`${i}--area--image`,children:[a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsx("div",{className:`${i}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${i}--picture`,src:r,alt:a})})})]}),(N=e==null?void 0:e.content)==null?void 0:N.items.map((t,p)=>s.jsxs("div",{className:`${i}--area--content`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:t.label}),s.jsx("p",{className:`${i}__type__data--content-copy`,children:t.copy})]},p)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${i}--area--files`,children:s.jsxs("div",{className:`${i}__type__data--content-files`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.files.headline}),e.files.items.map((t,p)=>s.jsx(g.Button,{link:{url:t.url,label:t.label,target:t.target||"_self"},size:"small"},p))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${i}--area--cta`,children:s.jsxs("div",{className:`${i}__type__data--content-cta`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(t=>s.jsx(g.Button,{type:"secondary",size:"small",link:{url:t.url,label:t.label,target:t.target}},t.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${i}--area--links`,children:s.jsxs("div",{className:`${i}__type__data--content-links`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${i}__type__data--content-links-list`,children:e.links.items.map(t=>s.jsx(u.Fragment,{children:s.jsx(O.Link,{url:t.url,label:t.label,className:`${i}__type__data--content-link`})},t.label+t.url))})]})})]})]})})}),cs=({className:d,theme:a="light",size:c="narrow",columns:r="one"})=>{const{prefix:e}=h.useGlobalSettings(),l=c==="narrow"?"one":r,n=`${e}--card`,_=j.classNames(n,`${n}__type__data`,d,{[`${n}__size__${String(c)}`]:c,[`${n}__type__data__columns__${l}`]:l,[`${n}__theme__${a}`]:a,[`${n}__loading`]:!0}),o=`${n}--content`;return s.jsx("div",{className:_,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:o,children:[s.jsxs("div",{className:`${n}--area--image`,children:[s.jsx("div",{className:`${n}--skeleton--eyebrow`}),s.jsx("div",{className:`${n}--skeleton--image`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]})]})})})},q=Object.assign(ns,{Skeleton:cs});q.displayName="DataCard";q.Skeleton.displayName="DataCard.Skeleton";const is=u.forwardRef(({className:d,theme:a="light",titleLevel:c="p",size:r="narrow",link:e,linkComponent:l,title:n,isVideo:_=!1,image:o,status:x,eyebrow:i,content:$,cta:m},N)=>{var H;const{prefix:t}=h.useGlobalSettings(),p=a==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",v=`${t}--card`,R=j.classNames(v,`${v}__type__score`,{[`${v}__theme__${a}`]:a,[`${v}__size__${r}`]:r,[`${v}__isvideo`]:_}),M=u.createElement(l||"a",{href:e,title:n,className:`${v}--link`},s.jsx("span",{className:`${v}--link--text`,children:n}));return s.jsxs("div",{className:j.classNames(R,d),ref:N,children:[M,s.jsxs("div",{className:`${v}--wrap`,children:[o&&r!=="simple"&&s.jsx("div",{className:`${v}--image--wrapper`,children:s.jsx(E.Picture,{...o})}),s.jsxs("div",{className:`${v}--content`,children:[x&&s.jsx(V.Status,{content:x.content,statusType:x.statusType}),i&&r!=="simple"&&s.jsx("p",{className:`${v}--eyebrow`,children:i}),n&&s.jsx(C.DynamicHeading,{level:c,className:`${v}--title`,children:n}),$&&s.jsx("div",{className:`${v}--area--content`,children:(H=$.items)==null?void 0:H.map((b,T)=>s.jsxs("div",{className:`${v}--content--item`,children:[s.jsx(P.Icon,{name:b.icon,size:20,color:p}),s.jsx("span",{children:b.label})]},T))}),m&&s.jsx("div",{className:`${v}--area--cta`,children:m.items.map((b,T)=>s.jsx("div",{className:`${v}--cta`,children:b},T))})]})]})]})}),rs=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__score`,{[`${e}__theme__${a}`]:a,[`${e}__size__${c}`]:c});return s.jsx("div",{className:j.classNames(l,d),children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},F=Object.assign(is,{Skeleton:rs});F.displayName="ScoreCard";F.Skeleton.displayName="ScoreCard.Skeleton";const ts={stat:S,multilink:y,text:w,promo:f,feature:L,detail:G,factlist:D,data:q,score:F},ds=u.forwardRef(({type:d,group:a,cardCount:c="one",cta:r,collapsed:e=!1},l)=>{const n=ts[d],{prefix:_}=h.useGlobalSettings(),o=`${_}--cardgroup`,x=j.classNames(o,`${o}__count__${c}`,{[`${o}__collapsed`]:e});return s.jsxs("div",{className:x,ref:l,children:[s.jsx("div",{className:`${o}--inner`,children:a.map((i,$)=>s.jsx(n,{...i},$))}),r&&s.jsx("div",{className:`${o}--button-wrap`,children:s.jsx(g.Button,{link:{url:r.url,label:r.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=ds;exports.DataCardCombined=q;exports.DetailCardCombined=G;exports.FactListCardCombined=D;exports.FeatureCardCombined=L;exports.MultiLinkCardCombined=y;exports.PromoCardCombined=f;exports.ScoreCardCombined=F;exports.StatCardCombined=S;exports.TextCardCombined=w;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),o=require("react"),I=require("./index-chunk-Cxg31gtu.js"),N=require("./useGlobalSettings-chunk-Cd48T6lS.js"),$=require("./Icon-chunk-DLR0d6ii.js"),v=require("./FormControl-chunk-bBkCVOW6.js"),w=o.forwardRef(({action:m,callback:c,className:b,input:e},x)=>{const[d,t]=o.useState(""),{prefix:r}=N.useGlobalSettings(),l=`${r}--searchfield`,C=`${l}--button`,f=`${l}--clear-button ${d.trim()!==""&&"show"}`,j=o.useId(),h=(e==null?void 0:e.id)||j,S=`${r}--fieldset`,y=a=>{c&&c(a)},i=()=>{t("")},q=a=>{t(a.target.value)},n=!!(e!=null&&e.type);if(!n)throw new Error("SearchField: Input must have type prop");return n?s.jsx("form",{action:m,children:s.jsx(v.FormControl,{fieldId:h,error:!!(e!=null&&e.error),helper:(e==null?void 0:e.helper)||"",label:(e==null?void 0:e.label)||"",style:{width:"100%"},children:s.jsxs("div",{className:I.classNames(b,l),children:[s.jsxs("div",{className:S,children:[s.jsx("input",{className:`${r}--text-input`,id:h,name:e.name,onChange:q,placeholder:e==null?void 0:e.placeholder,value:d,ref:x,disabled:e==null?void 0:e.disabled,type:"search"}),s.jsx("span",{onClick:i,className:f,role:"presentation",children:s.jsx($.Icon,{name:"close",hidden:!0})})]}),s.jsx("button",{className:C,disabled:e==null?void 0:e.disabled,type:"submit",onClick:y})]})})}):null});exports.SearchField=w;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsxs as p, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as d } from "react";
|
|
3
|
-
import { c as j } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
-
import { u as B } from "./useGlobalSettings-chunk-BhfWlTcd.js";
|
|
5
|
-
import { L as C } from "./Link-chunk-DgmjE6xb.js";
|
|
6
|
-
import { I as b } from "./Icon-chunk-DEroxoA_.js";
|
|
7
|
-
const S = d(
|
|
8
|
-
({
|
|
9
|
-
children: o,
|
|
10
|
-
className: $,
|
|
11
|
-
disabled: c = !1,
|
|
12
|
-
icon: t,
|
|
13
|
-
size: e = "large",
|
|
14
|
-
type: l = "primary",
|
|
15
|
-
style: m,
|
|
16
|
-
name: i,
|
|
17
|
-
link: a,
|
|
18
|
-
iconPosition: _ = "left",
|
|
19
|
-
icononly: f = !1,
|
|
20
|
-
submit: g = !1,
|
|
21
|
-
...x
|
|
22
|
-
}, u) => {
|
|
23
|
-
const { prefix: N } = B(), s = `${N}--button`, n = j($, {
|
|
24
|
-
[s]: !0,
|
|
25
|
-
[`${s}__${e}`]: e,
|
|
26
|
-
[`${s}__${l}`]: l,
|
|
27
|
-
[`${s}--icon ${s}--icon--position__${_}`]: t && !f,
|
|
28
|
-
[`${s}--icon ${s}--icon--only`]: t && f
|
|
29
|
-
});
|
|
30
|
-
return a ? /* @__PURE__ */ p(
|
|
31
|
-
C,
|
|
32
|
-
{
|
|
33
|
-
ref: u,
|
|
34
|
-
className: n,
|
|
35
|
-
target: a.target,
|
|
36
|
-
url: a.url,
|
|
37
|
-
label: a.label,
|
|
38
|
-
style: m,
|
|
39
|
-
children: [
|
|
40
|
-
t && /* @__PURE__ */ r(b, { ...t }),
|
|
41
|
-
o
|
|
42
|
-
]
|
|
43
|
-
}
|
|
44
|
-
) : /* @__PURE__ */ p(
|
|
45
|
-
"button",
|
|
46
|
-
{
|
|
47
|
-
ref: u,
|
|
48
|
-
className: n,
|
|
49
|
-
disabled: c,
|
|
50
|
-
style: m,
|
|
51
|
-
name: i,
|
|
52
|
-
...x,
|
|
53
|
-
type: g ? "submit" : "button",
|
|
54
|
-
children: [
|
|
55
|
-
t && /* @__PURE__ */ r(b, { ...t }),
|
|
56
|
-
/* @__PURE__ */ r("span", { className: "button__label", children: o })
|
|
57
|
-
]
|
|
58
|
-
}
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
export {
|
|
63
|
-
S as B
|
|
64
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx as s, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as w, useState as x, useId as F } from "react";
|
|
3
|
-
import { c as g } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
-
import { u as k } from "./useGlobalSettings-chunk-BhfWlTcd.js";
|
|
5
|
-
import { I as j } from "./Icon-chunk-DEroxoA_.js";
|
|
6
|
-
import { F as B } from "./FormControl-chunk-CA1OQzEu.js";
|
|
7
|
-
const P = w(
|
|
8
|
-
({ action: f, callback: o, className: b, input: e }, C) => {
|
|
9
|
-
const [c, d] = x(""), { prefix: r } = k(), a = `${r}--searchfield`, n = `${a}--button`, y = `${a}--clear-button ${c.trim() !== "" && "show"}`, S = F(), m = (e == null ? void 0 : e.id) || S, I = `${r}--fieldset`, N = (l) => {
|
|
10
|
-
o && o(l);
|
|
11
|
-
}, $ = () => {
|
|
12
|
-
d("");
|
|
13
|
-
}, v = (l) => {
|
|
14
|
-
d(l.target.value);
|
|
15
|
-
}, h = !!(e != null && e.type);
|
|
16
|
-
if (!h)
|
|
17
|
-
throw new Error("SearchField: Input must have type prop");
|
|
18
|
-
return h ? /* @__PURE__ */ s("form", { action: f, children: /* @__PURE__ */ s(
|
|
19
|
-
B,
|
|
20
|
-
{
|
|
21
|
-
fieldId: m,
|
|
22
|
-
error: !!(e != null && e.error),
|
|
23
|
-
helper: (e == null ? void 0 : e.helper) || "",
|
|
24
|
-
label: (e == null ? void 0 : e.label) || "",
|
|
25
|
-
style: { width: "100%" },
|
|
26
|
-
children: /* @__PURE__ */ t("div", { className: g(b, a), children: [
|
|
27
|
-
/* @__PURE__ */ t("div", { className: I, children: [
|
|
28
|
-
/* @__PURE__ */ s(
|
|
29
|
-
"input",
|
|
30
|
-
{
|
|
31
|
-
className: `${r}--text-input`,
|
|
32
|
-
id: m,
|
|
33
|
-
name: e.name,
|
|
34
|
-
onChange: v,
|
|
35
|
-
placeholder: e == null ? void 0 : e.placeholder,
|
|
36
|
-
value: c,
|
|
37
|
-
ref: C,
|
|
38
|
-
disabled: e == null ? void 0 : e.disabled,
|
|
39
|
-
type: "search"
|
|
40
|
-
}
|
|
41
|
-
),
|
|
42
|
-
/* @__PURE__ */ s(
|
|
43
|
-
"span",
|
|
44
|
-
{
|
|
45
|
-
onClick: $,
|
|
46
|
-
className: y,
|
|
47
|
-
role: "presentation",
|
|
48
|
-
children: /* @__PURE__ */ s(j, { name: "close", hidden: !0 })
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
] }),
|
|
52
|
-
/* @__PURE__ */ s(
|
|
53
|
-
"button",
|
|
54
|
-
{
|
|
55
|
-
className: n,
|
|
56
|
-
disabled: e == null ? void 0 : e.disabled,
|
|
57
|
-
type: "submit",
|
|
58
|
-
onClick: N
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
] })
|
|
62
|
-
}
|
|
63
|
-
) }) : null;
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
export {
|
|
67
|
-
P as S
|
|
68
|
-
};
|