@ilo-org/react 0.27.1 → 0.28.1

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 (107) hide show
  1. package/README.md +74 -119
  2. package/lib/cjs/_store/{AudioPlayer-chunk-BgWE3wR1.js → AudioPlayer-chunk-B7JUo7j6.js} +1 -1
  3. package/lib/cjs/_store/{AudioPlayer-entry-DUimYc-F.js → AudioPlayer-entry-UGBBs6Ne.js} +1 -1
  4. package/lib/cjs/_store/{Button-chunk-i7Mx1CWw.js → Button-chunk-DaJZujL8.js} +1 -1
  5. package/lib/cjs/_store/{Button-entry-B6i_56pN.js → Button-entry-D3W25SBk.js} +1 -1
  6. package/lib/cjs/_store/{Callout-chunk-D0qGb3NA.js → Callout-chunk-BdeAvp9z.js} +1 -1
  7. package/lib/cjs/_store/{Callout-entry-B9JKkfjT.js → Callout-entry-DfrEmZB7.js} +1 -1
  8. package/lib/cjs/_store/CardGroup-chunk-HDoqytKS.js +1 -0
  9. package/lib/cjs/_store/{Cards-entry-C6nZgRnw.js → Cards-entry-DZ1Jw3ZI.js} +1 -1
  10. package/lib/cjs/_store/{Footer-chunk-F6FWK20F.js → Footer-chunk-DvVEyN5x.js} +1 -1
  11. package/lib/cjs/_store/{Footer-entry-B0EMXAZe.js → Footer-entry-lrTkrnhr.js} +1 -1
  12. package/lib/cjs/_store/GlobalProvider-chunk-BInwj8Vo.js +1 -0
  13. package/lib/cjs/_store/{GlobalProvider-entry-D4VUJVT5.js → GlobalProvider-entry-9ibi3MG-.js} +1 -1
  14. package/lib/cjs/_store/Icon-chunk-DLR0d6ii.js +1 -0
  15. package/lib/cjs/_store/{Icon-entry-Cqw6gQ6f.js → Icon-entry-fSGSGCKG.js} +1 -1
  16. package/lib/cjs/_store/{MainNav-chunk-7kTe_YZl.js → MainNav-chunk-C9rtuWNB.js} +1 -1
  17. package/lib/cjs/_store/{Nav-entry-DExtgUq0.js → Nav-entry-QU2bhLkT.js} +1 -1
  18. package/lib/cjs/_store/Notification-chunk-CEm56fOA.js +1 -0
  19. package/lib/cjs/_store/{Notification-entry-AczbFeuC.js → Notification-entry-CHMbRdAy.js} +1 -1
  20. package/lib/cjs/_store/{PhotoGallery-entry-oG4Az7b5.js → PhotoGallery-entry-CtMRmNGc.js} +1 -1
  21. package/lib/cjs/_store/{Profile-chunk-DGzYI2Ij.js → Profile-chunk-Bnn1-Z78.js} +1 -1
  22. package/lib/cjs/_store/{Profile-entry-CyGRHY4H.js → Profile-entry-cAqvjXWr.js} +1 -1
  23. package/lib/cjs/_store/{SearchField-chunk-C8dCtv7o.js → SearchField-chunk-CJ99dGc4.js} +1 -1
  24. package/lib/cjs/_store/{SearchField-entry-iFWSYkgV.js → SearchField-entry-iEDyX5PR.js} +1 -1
  25. package/lib/cjs/_store/{Tabs-chunk-_l0V0Dy0.js → Tabs-chunk-DXWL7rh9.js} +1 -1
  26. package/lib/cjs/_store/{Tabs-entry-Cf1mUwmV.js → Tabs-entry-DDJB-pt5.js} +1 -1
  27. package/lib/cjs/_store/{Tag-chunk-DesRph1K.js → Tag-chunk-RApwQiSR.js} +1 -1
  28. package/lib/cjs/_store/{Tag-entry-ubHQAH--.js → Tag-entry-DmkUebqd.js} +1 -1
  29. package/lib/cjs/_store/{components-entry-ChGq9Mfa.js → components-entry-DH0DyJir.js} +1 -1
  30. package/lib/cjs/index.js +1 -1
  31. package/lib/esm/_store/{AudioPlayer-chunk-C1ILnjha.js → AudioPlayer-chunk-bXI6JAZ7.js} +1 -1
  32. package/lib/esm/_store/AudioPlayer-entry-7-vdhoB-.js +4 -0
  33. package/lib/esm/_store/{Button-chunk-8dLLhQX7.js → Button-chunk-CQQX91Rg.js} +1 -1
  34. package/lib/esm/_store/Button-entry-BIEEKQv3.js +4 -0
  35. package/lib/esm/_store/{Callout-chunk-DwVsxKc9.js → Callout-chunk-Dgxxalpd.js} +1 -1
  36. package/lib/esm/_store/Callout-entry-Bzgq2szx.js +4 -0
  37. package/lib/esm/_store/{CardGroup-chunk-BtxfvFrZ.js → CardGroup-chunk-DOfpZMbU.js} +263 -262
  38. package/lib/esm/_store/{Cards-entry-B87QD-XE.js → Cards-entry-DzEZMOcE.js} +1 -1
  39. package/lib/esm/_store/{Footer-chunk-DIcYIPfY.js → Footer-chunk-TA0qQlaw.js} +1 -1
  40. package/lib/esm/_store/Footer-entry-BoeUqJ4r.js +4 -0
  41. package/lib/esm/_store/{GlobalProvider-chunk-CkLnkRcW.js → GlobalProvider-chunk-dOxjd-fn.js} +3 -5
  42. package/lib/esm/_store/{GlobalProvider-entry-BbUN7-Ub.js → GlobalProvider-entry-Cu1ciXGp.js} +1 -1
  43. package/lib/esm/_store/{Icon-chunk-vcBEV-Wk.js → Icon-chunk-DEroxoA_.js} +1492 -1492
  44. package/lib/esm/_store/Icon-entry-C0HVgIvr.js +4 -0
  45. package/lib/esm/_store/{MainNav-chunk-Be68xvpH.js → MainNav-chunk-CmtN7aWA.js} +1 -1
  46. package/lib/esm/_store/Nav-entry-Dx2uLUdE.js +5 -0
  47. package/lib/esm/_store/{Notification-chunk-ChtPyASj.js → Notification-chunk-CYe5VThf.js} +27 -23
  48. package/lib/esm/_store/Notification-entry-0QG_RMHv.js +4 -0
  49. package/lib/esm/_store/{PhotoGallery-entry-DzssiE2H.js → PhotoGallery-entry-DSrDxazq.js} +1 -1
  50. package/lib/esm/_store/{Profile-chunk-S7Qd4zNr.js → Profile-chunk-CK4F2KXo.js} +1 -1
  51. package/lib/esm/_store/Profile-entry-B8RZZVHU.js +4 -0
  52. package/lib/esm/_store/{SearchField-chunk-662yU8Z7.js → SearchField-chunk-Ky0ihQH5.js} +5 -5
  53. package/lib/esm/_store/SearchField-entry-CH96-gn7.js +4 -0
  54. package/lib/esm/_store/{Tabs-chunk-rSUtyafl.js → Tabs-chunk-DrfQDZZS.js} +1 -1
  55. package/lib/esm/_store/Tabs-entry-DKd5wPgp.js +4 -0
  56. package/lib/esm/_store/{Tag-chunk-BgilM5Hj.js → Tag-chunk-DNiuZc2U.js} +1 -1
  57. package/lib/esm/_store/{Tag-entry-CzbjOVIK.js → Tag-entry-C77mHJN3.js} +2 -2
  58. package/lib/esm/_store/{components-entry-BtxPnvKg.js → components-entry-BLXacfCY.js} +13 -13
  59. package/lib/esm/index.js +13 -13
  60. package/lib/styles/components/container.css +1 -1
  61. package/lib/styles/components/contextmenu.css +1 -1
  62. package/lib/styles/components/factlistcard.css +1 -1
  63. package/lib/styles/components/fieldset.css +1 -1
  64. package/lib/styles/components/file-upload.css +1 -1
  65. package/lib/styles/components/hero.css +1 -1
  66. package/lib/styles/components/herocard.css +1 -1
  67. package/lib/styles/components/input.css +1 -1
  68. package/lib/styles/components/linklist.css +1 -1
  69. package/lib/styles/components/logo.css +1 -1
  70. package/lib/styles/components/logogrid.css +1 -1
  71. package/lib/styles/components/modal.css +1 -1
  72. package/lib/styles/components/navigation.css +1 -1
  73. package/lib/styles/components/notification.css +1 -1
  74. package/lib/styles/components/radio.css +1 -1
  75. package/lib/styles/components/readmore.css +1 -1
  76. package/lib/styles/components/searchfield.css +1 -1
  77. package/lib/styles/components/statcard.css +1 -1
  78. package/lib/styles/components/table.css +1 -1
  79. package/lib/styles/components/tableofcontents.css +1 -1
  80. package/lib/styles/components/textarea.css +1 -1
  81. package/lib/styles/components/textinput.css +1 -1
  82. package/lib/styles/components/toggle.css +1 -1
  83. package/lib/styles/components/tooltip.css +1 -1
  84. package/lib/styles/components/video.css +1 -1
  85. package/lib/styles/global.css +1 -1
  86. package/lib/styles/global.css.map +1 -1
  87. package/lib/styles/index.css +7 -9
  88. package/lib/styles/index.css.map +1 -1
  89. package/lib/styles/monorepo.css +7 -9
  90. package/lib/styles/monorepo.css.map +1 -1
  91. package/lib/types/components/Cards/DetailCard.d.ts +4 -0
  92. package/lib/types/components/SearchField/SearchField.props.d.ts +1 -1
  93. package/package.json +4 -5
  94. package/lib/cjs/_store/CardGroup-chunk-CRgPaqdt.js +0 -1
  95. package/lib/cjs/_store/GlobalProvider-chunk-BmUbDojc.js +0 -1
  96. package/lib/cjs/_store/Icon-chunk-BzII57By.js +0 -1
  97. package/lib/cjs/_store/Notification-chunk-CWlncrg0.js +0 -1
  98. package/lib/esm/_store/AudioPlayer-entry-DihoEAxT.js +0 -4
  99. package/lib/esm/_store/Button-entry--gNnIOMu.js +0 -4
  100. package/lib/esm/_store/Callout-entry-Be1qqjRK.js +0 -4
  101. package/lib/esm/_store/Footer-entry-7mEwDfWZ.js +0 -4
  102. package/lib/esm/_store/Icon-entry-DdsYgI2S.js +0 -4
  103. package/lib/esm/_store/Nav-entry-Cvh13_5P.js +0 -5
  104. package/lib/esm/_store/Notification-entry-BWJ8Jj_L.js +0 -4
  105. package/lib/esm/_store/Profile-entry-BaZd_1MC.js +0 -4
  106. package/lib/esm/_store/SearchField-entry-Dbp8Z4ak.js +0 -4
  107. package/lib/esm/_store/Tabs-entry-Dus4wyx1.js +0 -4
@@ -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
  */
@@ -18,7 +18,7 @@ export interface SearchFieldProps {
18
18
  /**
19
19
  * The search field submit button's click function.
20
20
  */
21
- callback?: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => unknown;
21
+ callback?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => unknown;
22
22
  /**
23
23
  * Specify an optional className to be added to your Button.
24
24
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/react",
3
- "version": "0.27.1",
3
+ "version": "0.28.1",
4
4
  "description": "React components for the ILO's Design System",
5
5
  "keywords": [
6
6
  "ui_patterns",
@@ -74,11 +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/brand-assets": "1.0.1",
78
77
  "@ilo-org/fonts": "2.0.0",
79
- "@ilo-org/icons-react": "1.0.6",
80
- "@ilo-org/styles": "1.10.2",
81
- "@ilo-org/themes": "0.9.1"
78
+ "@ilo-org/brand-assets": "1.0.1",
79
+ "@ilo-org/styles": "1.11.0",
80
+ "@ilo-org/icons-react": "1.0.6"
82
81
  },
83
82
  "devDependencies": {
84
83
  "@chromatic-com/storybook": "3.2.7",
@@ -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-i7Mx1CWw.js"),O=require("./Link-chunk-CP7cvvcX.js"),C=require("./DynamicHeading-chunk-DJzlOgQG.js"),I=require("./LinkList-chunk-CmVHEiqZ.js"),B=require("./Profile-chunk-DGzYI2Ij.js"),P=require("./Icon-chunk-BzII57By.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 o=require("react/jsx-runtime"),l=require("./GlobalCtx-chunk-D_GlGcgw.js"),t={value:"ilo"},i=({prefix:e=t.value,children:r})=>o.jsx(l.GlobalProviderContext.Provider,{value:{prefix:e},children:r});exports.GlobalProvider=i;