@ilo-org/react 0.23.3 → 0.23.4

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.
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),_=require("./index-chunk-D921N0ug.js"),r=require("react"),p=require("./useGlobalSettings-chunk-DEacV16j.js"),g=require("./Button-chunk-B65FgSLG.js"),b=r.forwardRef(({className:i,copy:d,cta:l,isCollapsible:n,isOpen:u=!0,toggleOpenLabel:c="Less",toggleClosedLabel:o="More",headline:$,type:a},x)=>{const{prefix:m}=p.useGlobalSettings(),s=`${m}--callout`,[t,j]=r.useState(u),h=_.classnames(s,i,{[`${s}__${a}`]:a,[`${s}__open`]:t,[`${s}__collapse`]:n}),N=t?c:o;return e.jsxs("div",{className:h,ref:x,children:[e.jsx("div",{className:`${s}--sidebar`,children:e.jsx("span",{className:`${s}--icon ${s}--icon__alert__${a}`})}),e.jsxs("div",{className:`${s}--content`,children:[e.jsxs("div",{className:`${s}--header`,children:[e.jsx("h5",{className:`${s}--title`,children:$}),n&&e.jsxs("button",{className:`${s}--toggle`,onClick:()=>j(!t),"data-open":c,"data-closed":o,children:[e.jsx("span",{className:`${s}--button-text`,children:N}),e.jsx("span",{className:`${s}--toggle--icon`,role:"presentation"})]})]}),e.jsx("p",{className:`${s}--description`,children:d}),l&&e.jsx("div",{className:`${s}--footer`,children:e.jsx(g.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label}})})]})]})});exports.Callout=b;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-BxN0hHA0.js");exports.Callout=t.Callout;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Callout-chunk-CS-b8vev.js");exports.Callout=t.Callout;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-BJA6abAs.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),c=require("./Loading-chunk-BceLroFu.js"),u=require("./Radio-chunk-U-ZyTPH7.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-B65FgSLG.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-ChX_vSBT.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-DIxsZT_y.js"),g=require("./Notification-chunk-DkfLXJhu.js"),L=require("./ReadMore-chunk-D36Ibsoy.js"),T=require("./Textarea-chunk-Gr_D4IfG.js"),x=require("./Callout-chunk-BxN0hHA0.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-DASUCDJs.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-DuZiglb_.js"),k=require("./NumberPicker-chunk-BuYxdQBu.js"),S=require("./RichText-chunk-B8HoKl_2.js"),v=require("./Tooltip-chunk-Dk0E60Nc.js"),I=require("./Checkbox-chunk-C0TreicR.js"),N=require("./DatePicker-chunk-Dl0GaODr.js"),f=require("./Hero-chunk-Blm775AV.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),H=require("./Pagination-chunk-DYcRUXLg.js"),M=require("./SearchField-chunk-CUGa67lu.js"),R=require("./Video-chunk-UuPc6ufz.js"),G=require("./Dropdown-chunk-DyCHTZMD.js"),B=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),O=require("./Profile-chunk-Du8HEAQA.js"),w=require("./TableOfContents-chunk-ZubRLGF3.js"),A=require("./Footer-chunk-BUjFj4bf.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-CdqvfjmP.js"),U=require("./Breadcrumb-chunk-BV3TmRn5.js"),V=require("./Tabs-chunk-n0swxLit.js"),_=require("./LanguageToggle-chunk-DdIPnYuL.js"),$=require("./SubsiteNav-chunk-Cfmr4rbb.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=c.Loading;exports.Radio=u.LabelledRadio;exports.Tag=d.Tag;exports.Button=s.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=x.Callout;exports.Credit=p.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=I.LabelledCheckbox;exports.DatePicker=N.LabelledDatePicker;exports.Hero=f.Hero;exports.HeroCard=D.HeroCard;exports.LinkList=h.LinkList;exports.Pagination=H.Pagination;exports.SearchField=M.SearchField;exports.Video=R.Video;exports.Dropdown=G.LabelledDropdown;exports.Icon=B.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-BJA6abAs.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),c=require("./Loading-chunk-BceLroFu.js"),u=require("./Radio-chunk-U-ZyTPH7.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-B65FgSLG.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-ChX_vSBT.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-DIxsZT_y.js"),g=require("./Notification-chunk-DkfLXJhu.js"),L=require("./ReadMore-chunk-D36Ibsoy.js"),T=require("./Textarea-chunk-Gr_D4IfG.js"),x=require("./Callout-chunk-CS-b8vev.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-DASUCDJs.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-DuZiglb_.js"),k=require("./NumberPicker-chunk-BuYxdQBu.js"),S=require("./RichText-chunk-B8HoKl_2.js"),v=require("./Tooltip-chunk-Dk0E60Nc.js"),I=require("./Checkbox-chunk-C0TreicR.js"),N=require("./DatePicker-chunk-Dl0GaODr.js"),f=require("./Hero-chunk-Blm775AV.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),H=require("./Pagination-chunk-DYcRUXLg.js"),M=require("./SearchField-chunk-CUGa67lu.js"),R=require("./Video-chunk-UuPc6ufz.js"),G=require("./Dropdown-chunk-DyCHTZMD.js"),B=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),O=require("./Profile-chunk-Du8HEAQA.js"),w=require("./TableOfContents-chunk-ZubRLGF3.js"),A=require("./Footer-chunk-BUjFj4bf.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-CdqvfjmP.js"),U=require("./Breadcrumb-chunk-BV3TmRn5.js"),V=require("./Tabs-chunk-n0swxLit.js"),_=require("./LanguageToggle-chunk-DdIPnYuL.js"),$=require("./SubsiteNav-chunk-Cfmr4rbb.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=c.Loading;exports.Radio=u.LabelledRadio;exports.Tag=d.Tag;exports.Button=s.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=x.Callout;exports.Credit=p.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=I.LabelledCheckbox;exports.DatePicker=N.LabelledDatePicker;exports.Hero=f.Hero;exports.HeroCard=D.HeroCard;exports.LinkList=h.LinkList;exports.Pagination=H.Pagination;exports.SearchField=M.SearchField;exports.Video=R.Video;exports.Dropdown=G.LabelledDropdown;exports.Icon=B.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_store/Accordion-entry-Du65VJ-p.js"),t=require("./_store/Form-chunk-BJA6abAs.js"),i=require("./_store/Collapse-chunk-CKRYA3G0.js"),a=require("./_store/Empty-chunk-D15nltyD.js"),n=require("./_store/Image-chunk-DrH5JX6G.js"),u=require("./_store/Loading-chunk-BceLroFu.js"),s=require("./_store/Radio-chunk-U-ZyTPH7.js"),c=require("./_store/Tag-chunk-C_r4zGEh.js"),d=require("./_store/Button-chunk-B65FgSLG.js"),l=require("./_store/ContextMenu-chunk-LNOPuIui.js"),q=require("./_store/Fieldset-chunk-ChX_vSBT.js"),C=require("./_store/GlobalProvider-chunk-Bt1vmswv.js"),b=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-DIxsZT_y.js"),g=require("./_store/Notification-chunk-DkfLXJhu.js"),L=require("./_store/ReadMore-chunk-D36Ibsoy.js"),T=require("./_store/Textarea-chunk-Gr_D4IfG.js"),p=require("./_store/Callout-chunk-BxN0hHA0.js"),x=require("./_store/Credit-chunk-cffOG8ho.js"),P=require("./_store/FileUpload-chunk-DASUCDJs.js"),k=require("./_store/Heading-chunk-COxtDw0v.js"),F=require("./_store/Link-chunk-DuZiglb_.js"),m=require("./_store/NumberPicker-chunk-BuYxdQBu.js"),S=require("./_store/RichText-chunk-B8HoKl_2.js"),v=require("./_store/Tooltip-chunk-Dk0E60Nc.js"),G=require("./_store/Checkbox-chunk-C0TreicR.js"),I=require("./_store/DatePicker-chunk-Dl0GaODr.js"),N=require("./_store/Hero-chunk-Blm775AV.js"),f=require("./_store/HeroCard-chunk-Dx88UJpE.js"),D=require("./_store/LinkList-chunk-AT26ZVEG.js"),h=require("./_store/Pagination-chunk-DYcRUXLg.js"),B=require("./_store/SearchField-chunk-CUGa67lu.js"),H=require("./_store/Video-chunk-UuPc6ufz.js"),M=require("./_store/Dropdown-chunk-DyCHTZMD.js"),R=require("./_store/Icon-chunk-QFryHTpy.js"),y=require("./_store/List-entry-DRGsrQZi.js"),O=require("./_store/Profile-chunk-Du8HEAQA.js"),w=require("./_store/TableOfContents-chunk-ZubRLGF3.js"),A=require("./_store/Footer-chunk-BUjFj4bf.js"),E=require("./_store/Navigation-entry-C6dI5Dpf.js"),e=require("./_store/ScoreCard-chunk-CdqvfjmP.js"),U=require("./_store/Breadcrumb-chunk-BV3TmRn5.js"),V=require("./_store/Tabs-chunk-n0swxLit.js"),_=require("./_store/LanguageToggle-chunk-DdIPnYuL.js"),$=require("./_store/SubsiteNav-chunk-Cfmr4rbb.js"),j=require("./_store/useGlobalSettings-chunk-DEacV16j.js"),z=require("./_store/usePrevious-chunk-DENrwKF1.js"),J=require("./_store/useBreakpoint-chunk-B5MpfIru.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=u.Loading;exports.Radio=s.LabelledRadio;exports.Tag=c.Tag;exports.Button=d.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=p.Callout;exports.Credit=x.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=m.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=G.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=B.SearchField;exports.Video=H.Video;exports.Dropdown=M.LabelledDropdown;exports.Icon=R.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;exports.useGlobalSettings=j.useGlobalSettings;exports.usePrevious=z.usePrevious;exports.useBreakpoint=J.useBreakpoint;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_store/Accordion-entry-Du65VJ-p.js"),t=require("./_store/Form-chunk-BJA6abAs.js"),i=require("./_store/Collapse-chunk-CKRYA3G0.js"),a=require("./_store/Empty-chunk-D15nltyD.js"),n=require("./_store/Image-chunk-DrH5JX6G.js"),u=require("./_store/Loading-chunk-BceLroFu.js"),s=require("./_store/Radio-chunk-U-ZyTPH7.js"),c=require("./_store/Tag-chunk-C_r4zGEh.js"),d=require("./_store/Button-chunk-B65FgSLG.js"),l=require("./_store/ContextMenu-chunk-LNOPuIui.js"),q=require("./_store/Fieldset-chunk-ChX_vSBT.js"),C=require("./_store/GlobalProvider-chunk-Bt1vmswv.js"),b=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-DIxsZT_y.js"),g=require("./_store/Notification-chunk-DkfLXJhu.js"),L=require("./_store/ReadMore-chunk-D36Ibsoy.js"),T=require("./_store/Textarea-chunk-Gr_D4IfG.js"),p=require("./_store/Callout-chunk-CS-b8vev.js"),x=require("./_store/Credit-chunk-cffOG8ho.js"),P=require("./_store/FileUpload-chunk-DASUCDJs.js"),k=require("./_store/Heading-chunk-COxtDw0v.js"),F=require("./_store/Link-chunk-DuZiglb_.js"),m=require("./_store/NumberPicker-chunk-BuYxdQBu.js"),S=require("./_store/RichText-chunk-B8HoKl_2.js"),v=require("./_store/Tooltip-chunk-Dk0E60Nc.js"),G=require("./_store/Checkbox-chunk-C0TreicR.js"),I=require("./_store/DatePicker-chunk-Dl0GaODr.js"),N=require("./_store/Hero-chunk-Blm775AV.js"),f=require("./_store/HeroCard-chunk-Dx88UJpE.js"),D=require("./_store/LinkList-chunk-AT26ZVEG.js"),h=require("./_store/Pagination-chunk-DYcRUXLg.js"),B=require("./_store/SearchField-chunk-CUGa67lu.js"),H=require("./_store/Video-chunk-UuPc6ufz.js"),M=require("./_store/Dropdown-chunk-DyCHTZMD.js"),R=require("./_store/Icon-chunk-QFryHTpy.js"),y=require("./_store/List-entry-DRGsrQZi.js"),O=require("./_store/Profile-chunk-Du8HEAQA.js"),w=require("./_store/TableOfContents-chunk-ZubRLGF3.js"),A=require("./_store/Footer-chunk-BUjFj4bf.js"),E=require("./_store/Navigation-entry-C6dI5Dpf.js"),e=require("./_store/ScoreCard-chunk-CdqvfjmP.js"),U=require("./_store/Breadcrumb-chunk-BV3TmRn5.js"),V=require("./_store/Tabs-chunk-n0swxLit.js"),_=require("./_store/LanguageToggle-chunk-DdIPnYuL.js"),$=require("./_store/SubsiteNav-chunk-Cfmr4rbb.js"),j=require("./_store/useGlobalSettings-chunk-DEacV16j.js"),z=require("./_store/usePrevious-chunk-DENrwKF1.js"),J=require("./_store/useBreakpoint-chunk-B5MpfIru.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=u.Loading;exports.Radio=s.LabelledRadio;exports.Tag=c.Tag;exports.Button=d.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=p.Callout;exports.Credit=x.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=m.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=G.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=B.SearchField;exports.Video=H.Video;exports.Dropdown=M.LabelledDropdown;exports.Icon=R.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;exports.useGlobalSettings=j.useGlobalSettings;exports.usePrevious=z.usePrevious;exports.useBreakpoint=J.useBreakpoint;
@@ -8,32 +8,37 @@ const w = g(
8
8
  className: i,
9
9
  copy: m,
10
10
  cta: l,
11
- isCollapsible: t,
11
+ isCollapsible: n,
12
12
  isOpen: d = !0,
13
13
  toggleOpenLabel: c = "Less",
14
14
  toggleClosedLabel: r = "More",
15
- headline: _,
15
+ headline: $,
16
16
  type: o
17
- }, $) => {
18
- const { prefix: p } = v(), s = `${p}--callout`, [n, u] = b(d), h = f(s, i, {
17
+ }, p) => {
18
+ const { prefix: u } = v(), s = `${u}--callout`, [t, h] = b(d), N = f(s, i, {
19
19
  [`${s}__${o}`]: o,
20
- [`${s}--open`]: n,
21
- [`${s}--collapse`]: t
22
- }), N = n ? c : r;
23
- return /* @__PURE__ */ a("div", { className: h, ref: $, children: [
24
- /* @__PURE__ */ e("div", { className: `${s}__sidebar`, children: /* @__PURE__ */ e("span", { className: `${s}--icon icon icon__${o}` }) }),
25
- /* @__PURE__ */ a("div", { className: `${s}__content`, children: [
26
- /* @__PURE__ */ a("div", { className: `${s}__header`, children: [
27
- /* @__PURE__ */ e("h5", { className: `${s}__title`, children: _ }),
28
- t && /* @__PURE__ */ a(
20
+ [`${s}__open`]: t,
21
+ [`${s}__collapse`]: n
22
+ }), _ = t ? c : r;
23
+ return /* @__PURE__ */ a("div", { className: N, ref: p, children: [
24
+ /* @__PURE__ */ e("div", { className: `${s}--sidebar`, children: /* @__PURE__ */ e(
25
+ "span",
26
+ {
27
+ className: `${s}--icon ${s}--icon__alert__${o}`
28
+ }
29
+ ) }),
30
+ /* @__PURE__ */ a("div", { className: `${s}--content`, children: [
31
+ /* @__PURE__ */ a("div", { className: `${s}--header`, children: [
32
+ /* @__PURE__ */ e("h5", { className: `${s}--title`, children: $ }),
33
+ n && /* @__PURE__ */ a(
29
34
  "button",
30
35
  {
31
36
  className: `${s}--toggle`,
32
- onClick: () => u(!n),
37
+ onClick: () => h(!t),
33
38
  "data-open": c,
34
39
  "data-closed": r,
35
40
  children: [
36
- /* @__PURE__ */ e("span", { className: `${s}--button-text`, children: N }),
41
+ /* @__PURE__ */ e("span", { className: `${s}--button-text`, children: _ }),
37
42
  /* @__PURE__ */ e(
38
43
  "span",
39
44
  {
@@ -45,8 +50,8 @@ const w = g(
45
50
  }
46
51
  )
47
52
  ] }),
48
- /* @__PURE__ */ e("p", { className: `${s}__description`, children: m }),
49
- l && /* @__PURE__ */ e("div", { className: `${s}__footer`, children: /* @__PURE__ */ e(
53
+ /* @__PURE__ */ e("p", { className: `${s}--description`, children: m }),
54
+ l && /* @__PURE__ */ e("div", { className: `${s}--footer`, children: /* @__PURE__ */ e(
50
55
  x,
51
56
  {
52
57
  type: "secondary",
@@ -0,0 +1,4 @@
1
+ import { C as l } from "./Callout-chunk-D3zivwvj.js";
2
+ export {
3
+ l as Callout
4
+ };
@@ -15,7 +15,7 @@ import { L as G, T as N } from "./TextInput.args-chunk-gw5WCsYI.js";
15
15
  import { N as v } from "./Notification-chunk-CQvSf6dK.js";
16
16
  import { R as M } from "./ReadMore-chunk-pjNnS8Ji.js";
17
17
  import { L as A } from "./Textarea-chunk-BjZncFjh.js";
18
- import { C as V } from "./Callout-chunk-DDK_yI_b.js";
18
+ import { C as V } from "./Callout-chunk-D3zivwvj.js";
19
19
  import { C as y } from "./Credit-chunk-CvHvubwE.js";
20
20
  import { L as U } from "./FileUpload-chunk-Dw6vDrtN.js";
21
21
  import { H as q } from "./Heading-chunk-B4_4DVFF.js";
package/lib/esm/index.js CHANGED
@@ -15,7 +15,7 @@ import { L as v, T as B } from "./_store/TextInput.args-chunk-gw5WCsYI.js";
15
15
  import { N } from "./_store/Notification-chunk-CQvSf6dK.js";
16
16
  import { R as M } from "./_store/ReadMore-chunk-pjNnS8Ji.js";
17
17
  import { L as A } from "./_store/Textarea-chunk-BjZncFjh.js";
18
- import { C as V } from "./_store/Callout-chunk-DDK_yI_b.js";
18
+ import { C as V } from "./_store/Callout-chunk-D3zivwvj.js";
19
19
  import { C as y } from "./_store/Credit-chunk-CvHvubwE.js";
20
20
  import { L as U } from "./_store/FileUpload-chunk-Dw6vDrtN.js";
21
21
  import { H as q } from "./_store/Heading-chunk-B4_4DVFF.js";
@@ -1 +1 @@
1
- .ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout--collapse:not(.ilo--callout--open){max-height:64px;overflow:hidden}.ilo--callout--open{max-height:300px;overflow:hidden}.ilo--callout--open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout__sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout__content{font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout__header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout__title{font-family:var(--ilo-fonts-display);font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:21.6px}.ilo--callout__description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:21.6px;padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle__icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout__footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout .icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout .icon__error{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout .icon__error,.ilo--callout .icon__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout .icon__info{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout .icon__success{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout .icon__success,.ilo--callout .icon__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout .icon__warning{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout__sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-ramp)}.ilo--callout__info .ilo--callout__sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-ramp-green)}.ilo--callout__success .ilo--callout__sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout__sidebar{background:var(--ilo-color-yellow)}
1
+ .ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout__collapse{max-height:3.4297963558rem;overflow:hidden}.ilo--callout__open{max-height:16.077170418rem;overflow:hidden}.ilo--callout__open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout--sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-light)}.ilo--callout__info .ilo--callout--sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-color-green-ramp)}.ilo--callout__success .ilo--callout--sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout--sidebar{background:var(--ilo-color-yellow)}.ilo--callout--sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout--sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout--content{color:var(--ilo-color-gray-charcoal);font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout--header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--callout--description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:500;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle--icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout--footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout--icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout--icon__alert__error{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__error,.ilo--callout--icon__alert__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__info{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success,.ilo--callout--icon__alert__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__warning{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}