@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.
Files changed (46) hide show
  1. package/lib/cjs/_store/Button-chunk-OmVJkQqc.js +1 -0
  2. package/lib/cjs/_store/{Button-entry-D3W25SBk.js → Button-entry-bZ-SddDM.js} +1 -1
  3. package/lib/cjs/_store/{Callout-chunk-BdeAvp9z.js → Callout-chunk-XF2yUV-r.js} +1 -1
  4. package/lib/cjs/_store/{Callout-entry-DfrEmZB7.js → Callout-entry-_4WBT7Vv.js} +1 -1
  5. package/lib/cjs/_store/CardGroup-chunk-Cn8ewunq.js +1 -0
  6. package/lib/cjs/_store/{Cards-entry-DY2D-7_i.js → Cards-entry-I79kpHUb.js} +1 -1
  7. package/lib/cjs/_store/{Footer-chunk-DvVEyN5x.js → Footer-chunk-Dt1p9vMD.js} +1 -1
  8. package/lib/cjs/_store/{Footer-entry-lrTkrnhr.js → Footer-entry-l-8RglKj.js} +1 -1
  9. package/lib/cjs/_store/{MainNav-chunk-C9rtuWNB.js → MainNav-chunk-DIQJwoJV.js} +1 -1
  10. package/lib/cjs/_store/{Nav-entry-QU2bhLkT.js → Nav-entry-X7AzXGF2.js} +1 -1
  11. package/lib/cjs/_store/{Notification-chunk-CEm56fOA.js → Notification-chunk-ZNuM-7Xk.js} +1 -1
  12. package/lib/cjs/_store/{Notification-entry-CHMbRdAy.js → Notification-entry-D2OmZYbJ.js} +1 -1
  13. package/lib/cjs/_store/SearchField-chunk-DtJTqVM9.js +1 -0
  14. package/lib/cjs/_store/{SearchField-entry-iEDyX5PR.js → SearchField-entry-Dx4K-UmO.js} +1 -1
  15. package/lib/cjs/_store/{components-entry-XHS0OOGY.js → components-entry-Drj6lqIH.js} +1 -1
  16. package/lib/cjs/index.js +1 -1
  17. package/lib/esm/_store/Button-chunk-BDRDVT-k.js +70 -0
  18. package/lib/esm/_store/Button-entry-BMRaXX6Z.js +4 -0
  19. package/lib/esm/_store/{Callout-chunk-Dgxxalpd.js → Callout-chunk-Cqttz2p6.js} +1 -1
  20. package/lib/esm/_store/Callout-entry-C4leVKrX.js +4 -0
  21. package/lib/esm/_store/{CardGroup-chunk-6cDXlMrq.js → CardGroup-chunk-BC6J6wy_.js} +263 -262
  22. package/lib/esm/_store/{Cards-entry-BC85b1gG.js → Cards-entry-CKWIuymB.js} +1 -1
  23. package/lib/esm/_store/{Footer-chunk-TA0qQlaw.js → Footer-chunk-BbN845T6.js} +1 -1
  24. package/lib/esm/_store/Footer-entry-70ZADTJC.js +4 -0
  25. package/lib/esm/_store/{MainNav-chunk-CmtN7aWA.js → MainNav-chunk-quYHcIUb.js} +1 -1
  26. package/lib/esm/_store/Nav-entry-CJPTM5sS.js +5 -0
  27. package/lib/esm/_store/{Notification-chunk-CYe5VThf.js → Notification-chunk-Dcs9w_ap.js} +1 -1
  28. package/lib/esm/_store/Notification-entry-DxWQuGLy.js +4 -0
  29. package/lib/esm/_store/SearchField-chunk-CLWIJ2Hh.js +69 -0
  30. package/lib/esm/_store/SearchField-entry-Diz7Qpbv.js +4 -0
  31. package/lib/esm/_store/{components-entry-CBMbZZQP.js → components-entry-COoZTw1c.js} +7 -7
  32. package/lib/esm/index.js +7 -7
  33. package/lib/types/components/Cards/DetailCard.d.ts +4 -0
  34. package/lib/types/components/SearchField/SearchField.props.d.ts +6 -0
  35. package/package.json +5 -5
  36. package/lib/cjs/_store/Button-chunk-DaJZujL8.js +0 -1
  37. package/lib/cjs/_store/CardGroup-chunk-D_hGpZ5E.js +0 -1
  38. package/lib/cjs/_store/SearchField-chunk-CJ99dGc4.js +0 -1
  39. package/lib/esm/_store/Button-chunk-CQQX91Rg.js +0 -64
  40. package/lib/esm/_store/Button-entry-BIEEKQv3.js +0 -4
  41. package/lib/esm/_store/Callout-entry-Bzgq2szx.js +0 -4
  42. package/lib/esm/_store/Footer-entry-BoeUqJ4r.js +0 -4
  43. package/lib/esm/_store/Nav-entry-Dx2uLUdE.js +0 -5
  44. package/lib/esm/_store/Notification-entry-0QG_RMHv.js +0 -4
  45. package/lib/esm/_store/SearchField-chunk-Ky0ihQH5.js +0 -68
  46. 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-6cDXlMrq.js";
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-CQQX91Rg.js";
7
+ import { B as S } from "./Button-chunk-BDRDVT-k.js";
8
8
  const G = y(
9
9
  ({
10
10
  className: v,
@@ -0,0 +1,4 @@
1
+ import { F as e } from "./Footer-chunk-BbN845T6.js";
2
+ export {
3
+ e as Footer
4
+ };
@@ -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-Ky0ihQH5.js";
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,
@@ -0,0 +1,5 @@
1
+ import { M as e, S as i } from "./MainNav-chunk-quYHcIUb.js";
2
+ export {
3
+ e as MainNav,
4
+ i as SubsiteNav
5
+ };
@@ -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-CQQX91Rg.js";
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,4 @@
1
+ import { N as t } from "./Notification-chunk-Dcs9w_ap.js";
2
+ export {
3
+ t as Notification
4
+ };
@@ -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
+ };
@@ -0,0 +1,4 @@
1
+ import { S as a } from "./SearchField-chunk-CLWIJ2Hh.js";
2
+ export {
3
+ a as SearchField
4
+ };
@@ -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-CQQX91Rg.js";
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-CYe5VThf.js";
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-Dgxxalpd.js";
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-Ky0ihQH5.js";
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-TA0qQlaw.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-6cDXlMrq.js";
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-CmtN7aWA.js";
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-CQQX91Rg.js";
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-CYe5VThf.js";
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-Dgxxalpd.js";
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-Ky0ihQH5.js";
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-TA0qQlaw.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-6cDXlMrq.js";
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-CmtN7aWA.js";
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";
@@ -30,6 +30,10 @@ export type DetailCardProps = {
30
30
  * Additional date information
31
31
  */
32
32
  details?: string;
33
+ /**
34
+ * Additional date information (alias for details, matches Twig template)
35
+ */
36
+ dateExtra?: string;
33
37
  /**
34
38
  * Intro text for the card
35
39
  */
@@ -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.0",
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/styles": "1.11.0"
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,4 +0,0 @@
1
- import { B as r } from "./Button-chunk-CQQX91Rg.js";
2
- export {
3
- r as Button
4
- };
@@ -1,4 +0,0 @@
1
- import { C as l } from "./Callout-chunk-Dgxxalpd.js";
2
- export {
3
- l as Callout
4
- };
@@ -1,4 +0,0 @@
1
- import { F as e } from "./Footer-chunk-TA0qQlaw.js";
2
- export {
3
- e as Footer
4
- };
@@ -1,5 +0,0 @@
1
- import { M as e, S as i } from "./MainNav-chunk-CmtN7aWA.js";
2
- export {
3
- e as MainNav,
4
- i as SubsiteNav
5
- };
@@ -1,4 +0,0 @@
1
- import { N as t } from "./Notification-chunk-CYe5VThf.js";
2
- export {
3
- t as Notification
4
- };
@@ -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
- };
@@ -1,4 +0,0 @@
1
- import { S as a } from "./SearchField-chunk-Ky0ihQH5.js";
2
- export {
3
- a as SearchField
4
- };