@ilo-org/react 0.22.2 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/lib/cjs/_store/Button-chunk-B65FgSLG.js +1 -0
  2. package/lib/cjs/_store/{Button-entry-Dgzc6-tl.js → Button-entry-Ddk5OCD-.js} +1 -1
  3. package/lib/cjs/_store/{Callout-chunk-DFGZO4_1.js → Callout-chunk-BxN0hHA0.js} +1 -1
  4. package/lib/cjs/_store/{Callout-entry-CW0zxbaN.js → Callout-entry-CvydbGtc.js} +1 -1
  5. package/lib/cjs/_store/{Cards-entry-D5ch-1qS.js → Cards-entry-CHq2Ta6R.js} +1 -1
  6. package/lib/cjs/_store/Dropdown-chunk-DyCHTZMD.js +1 -0
  7. package/lib/cjs/_store/{Dropdown-entry-D4zbWy2t.js → Dropdown-entry-BaMzO6Kv.js} +1 -1
  8. package/lib/cjs/_store/{Footer-chunk-fgiUiZ1G.js → Footer-chunk-BUjFj4bf.js} +1 -1
  9. package/lib/cjs/_store/{Footer-entry-CdtFIc8P.js → Footer-entry-D55F4ET9.js} +1 -1
  10. package/lib/cjs/_store/{Notification-chunk-DQtbEJas.js → Notification-chunk-DkfLXJhu.js} +1 -1
  11. package/lib/cjs/_store/{Notification-entry-ClWKhO0w.js → Notification-entry-D9KwV5qV.js} +1 -1
  12. package/lib/cjs/_store/Profile-chunk-Du8HEAQA.js +1 -0
  13. package/lib/cjs/_store/{Profile-entry-CfPA71qh.js → Profile-entry-D9VN3LBb.js} +1 -1
  14. package/lib/cjs/_store/{ScoreCard-chunk-b_5OHIsM.js → ScoreCard-chunk-BVY7lDHH.js} +1 -1
  15. package/lib/cjs/_store/Tabs-chunk-CYKFJgLR.js +1 -0
  16. package/lib/cjs/_store/{Tabs-entry-CXF6le4p.js → Tabs-entry-ThYYmcq4.js} +1 -1
  17. package/lib/cjs/_store/TextInput-entry-kwL7qsH7.js +1 -0
  18. package/lib/cjs/_store/TextInput.args-chunk-DIxsZT_y.js +1 -0
  19. package/lib/cjs/_store/components-entry-CTmegFtj.js +1 -0
  20. package/lib/cjs/index.js +1 -1
  21. package/lib/esm/_store/Button-chunk-DG7cL6tj.js +64 -0
  22. package/lib/esm/_store/Button-entry-BYzboMV8.js +4 -0
  23. package/lib/esm/_store/{Callout-chunk-By356CrT.js → Callout-chunk-DDK_yI_b.js} +1 -1
  24. package/lib/esm/_store/Callout-entry-BszOwKRO.js +4 -0
  25. package/lib/esm/_store/{Cards-entry-C2Rkgb3s.js → Cards-entry-qyvGBr58.js} +1 -1
  26. package/lib/esm/_store/Dropdown-chunk-fpN7RweM.js +74 -0
  27. package/lib/esm/_store/Dropdown-entry-cEgUhErA.js +4 -0
  28. package/lib/esm/_store/{Footer-chunk-DzBBhWW7.js → Footer-chunk-BI6r73Bm.js} +1 -1
  29. package/lib/esm/_store/Footer-entry-Db7ByESM.js +4 -0
  30. package/lib/esm/_store/{Notification-chunk-D673v2p_.js → Notification-chunk-CQvSf6dK.js} +1 -1
  31. package/lib/esm/_store/Notification-entry-D9sUbaSJ.js +4 -0
  32. package/lib/esm/_store/Profile-chunk-BjuEze8L.js +45 -0
  33. package/lib/esm/_store/Profile-entry-DSGfBcHB.js +4 -0
  34. package/lib/esm/_store/{ScoreCard-chunk-R-UcEwoQ.js → ScoreCard-chunk-DbNE1WUL.js} +2 -2
  35. package/lib/esm/_store/Tabs-chunk-CZL0LfKF.js +55 -0
  36. package/lib/esm/_store/Tabs-entry-Dc8Av6hy.js +4 -0
  37. package/lib/esm/_store/TextInput-entry-C1VYOhZw.js +5 -0
  38. package/lib/esm/_store/{TextInput-entry-Dp1l2_w-.js → TextInput.args-chunk-gw5WCsYI.js} +31 -29
  39. package/lib/esm/_store/components-entry-DkUfpD0c.js +102 -0
  40. package/lib/esm/index.js +86 -83
  41. package/lib/styles/components/linklist.css +1 -1
  42. package/lib/styles/components/profile.css +1 -1
  43. package/lib/styles/components/tabs.css +1 -1
  44. package/lib/styles/global.css +1 -1
  45. package/lib/styles/global.css.map +1 -1
  46. package/lib/styles/index.css +2 -2
  47. package/lib/styles/index.css.map +1 -1
  48. package/lib/styles/monorepo.css +2 -2
  49. package/lib/styles/monorepo.css.map +1 -1
  50. package/lib/types/components/Button/Button.d.ts +8 -0
  51. package/lib/types/components/Cards/DataCard.d.ts +2 -1
  52. package/lib/types/components/Cards/TextCard.d.ts +1 -1
  53. package/lib/types/components/Dropdown/Dropdown.props.d.ts +4 -0
  54. package/lib/types/components/Tabs/Tabs.props.d.ts +12 -3
  55. package/lib/types/components/TextInput/TextInput.props.d.ts +1 -0
  56. package/lib/types/components/index.d.ts +1 -0
  57. package/lib/types/types/index.d.ts +2 -1
  58. package/package.json +3 -3
  59. package/lib/cjs/_store/Button-chunk-ATdWCIPE.js +0 -1
  60. package/lib/cjs/_store/Dropdown-chunk-oWcLV75q.js +0 -1
  61. package/lib/cjs/_store/Profile-chunk-CAlNBCnB.js +0 -1
  62. package/lib/cjs/_store/Tabs-chunk-CxV8eqGN.js +0 -1
  63. package/lib/cjs/_store/TextInput-entry-Csy9RCyO.js +0 -1
  64. package/lib/cjs/_store/components-entry-D_pAlUbZ.js +0 -1
  65. package/lib/esm/_store/Button-chunk-Bo8BlHxn.js +0 -62
  66. package/lib/esm/_store/Button-entry-mW-Tc9Qh.js +0 -4
  67. package/lib/esm/_store/Callout-entry-nO9d-PoN.js +0 -4
  68. package/lib/esm/_store/Dropdown-chunk-DC15CVNO.js +0 -72
  69. package/lib/esm/_store/Dropdown-entry-DqdTDMvZ.js +0 -4
  70. package/lib/esm/_store/Footer-entry-w7dv2uEs.js +0 -4
  71. package/lib/esm/_store/Notification-entry-D9PMJ-Ni.js +0 -4
  72. package/lib/esm/_store/Profile-chunk-Ckg5TRIw.js +0 -41
  73. package/lib/esm/_store/Profile-entry-CQXhJBCz.js +0 -4
  74. package/lib/esm/_store/Tabs-chunk-CJEM1dIG.js +0 -40
  75. package/lib/esm/_store/Tabs-entry-O7PXntWG.js +0 -4
  76. package/lib/esm/_store/components-entry-DRlGUB49.js +0 -99
@@ -45,6 +45,10 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">
45
45
  target?: string;
46
46
  };
47
47
  icon?: IconProps;
48
+ /**
49
+ * True if the button is type submit
50
+ */
51
+ submit?: boolean;
48
52
  };
49
53
  declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
50
54
  /**
@@ -89,5 +93,9 @@ declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLA
89
93
  target?: string | undefined;
90
94
  } | undefined;
91
95
  icon?: IconProps | undefined;
96
+ /**
97
+ * True if the button is type submit
98
+ */
99
+ submit?: boolean | undefined;
92
100
  } & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
93
101
  export { Button };
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { LinkProps } from '../Link';
2
3
  import { CardSize } from '../../types';
3
4
 
@@ -21,7 +22,7 @@ export type DataCardProps = {
21
22
  content?: {
22
23
  items: Array<{
23
24
  label: string;
24
- copy: string;
25
+ copy: string | ReactNode;
25
26
  }>;
26
27
  };
27
28
  files?: {
@@ -29,7 +29,7 @@ export type TextCardProps = {
29
29
  /**
30
30
  * Profile information to be displayed on the card
31
31
  */
32
- profile: ProfileProps;
32
+ profile?: ProfileProps;
33
33
  /**
34
34
  * Specify the URL for the card link
35
35
  */
@@ -39,5 +39,9 @@ export interface DropdownProps extends FormFieldProps<HTMLSelectElement> {
39
39
  * The Dropdown's default selection; should match one of the values in `options`
40
40
  */
41
41
  value?: string;
42
+ /**
43
+ * The default value of the select element
44
+ */
45
+ defaultValue?: string;
42
46
  }
43
47
  export type LabelledDropdownProps = LabelledFormFieldProps<DropdownProps>;
@@ -1,14 +1,23 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { IconProps } from '../Icon/Icon.props';
3
+ import { ThemeTypes } from '../../types';
3
4
 
4
5
  export interface TabsProps {
5
6
  /**
6
7
  * Specify the items inside a tab
7
8
  */
8
- items: Required<Array<TabItem>>;
9
+ items: TabItem[];
10
+ /**
11
+ * Give the component a `light` or `dark` theme
12
+ */
13
+ theme?: ThemeTypes;
14
+ /**
15
+ * Add an optional className to the Tabs
16
+ */
17
+ className?: string;
9
18
  }
10
19
  export interface TabItem {
11
20
  icon?: IconProps;
12
- label: Required<string>;
13
- content: Required<ReactNode>;
21
+ label: string;
22
+ content: ReactNode;
14
23
  }
@@ -13,5 +13,6 @@ export interface TextInputProps extends FormFieldProps<HTMLInputElement> {
13
13
  * The input's type.
14
14
  */
15
15
  type: TextInputTypes;
16
+ value?: string;
16
17
  }
17
18
  export type LabelledTextInputProps = LabelledFormFieldProps<TextInputProps>;
@@ -10,6 +10,7 @@ export { Button } from './Button';
10
10
  export { ContextMenu } from './ContextMenu';
11
11
  export { Fieldset } from './Fieldset';
12
12
  export * from './GlobalProvider';
13
+ export * from './TextInput';
13
14
  export { Notification } from './Notification';
14
15
  export { ReadMore } from './ReadMore';
15
16
  export { Textarea } from './Textarea';
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { FormControlPublicProps } from '../components/FormControl/FormControl.props';
2
3
 
3
4
  export type ThemeTypes = "light" | "dark";
@@ -33,7 +34,7 @@ export type CardTypes = "stat" | "multilink" | "text" | "promo" | "feature" | "d
33
34
  export type HeadingTypes = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
34
35
  export interface EventDate {
35
36
  unix?: string;
36
- human?: string;
37
+ human?: string | ReactNode;
37
38
  }
38
39
  export interface FormFieldProps<T> {
39
40
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/react",
3
- "version": "0.22.2",
3
+ "version": "0.23.0",
4
4
  "description": "React components for the ILO's Design System",
5
5
  "keywords": [
6
6
  "ui_patterns",
@@ -73,9 +73,9 @@
73
73
  "video.js": "^7.21.2",
74
74
  "videojs-youtube": "^3.0.1",
75
75
  "@ilo-org/fonts": "1.0.0",
76
- "@ilo-org/icons-react": "1.0.3",
77
76
  "@ilo-org/brand-assets": "1.0.0",
78
- "@ilo-org/styles": "1.6.2",
77
+ "@ilo-org/icons-react": "1.0.3",
78
+ "@ilo-org/styles": "1.7.0",
79
79
  "@ilo-org/themes": "0.9.1",
80
80
  "@ilo-org/utils": "0.1.1"
81
81
  },
@@ -1 +0,0 @@
1
- "use strict";const t=require("react/jsx-runtime"),q=require("react"),g=require("./index-chunk-D921N0ug.js"),d=require("./useGlobalSettings-chunk-DEacV16j.js"),p=require("./Link-chunk-DuZiglb_.js"),$=require("./Icon-chunk-QFryHTpy.js"),I=q.forwardRef(({children:a,className:b,disabled:x=!1,icon:e,size:n="large",type:o="primary",style:u,name:_,link:r,iconPosition:f="left",icononly:l=!1,...j},c)=>{const{prefix:m}=d.useGlobalSettings(),s=`${m}--button`,i=g.classnames(b,{[s]:!0,[`${s}__${n}`]:n,[`${s}__${o}`]:o,[`${s}--icon ${s}--icon--position__${f}`]:e&&!l,[`${s}--icon ${s}--icon--only`]:e&&l});return r?t.jsxs(p.Link,{ref:c,className:i,target:r.target,url:r.url,label:r.label,style:u,children:[e&&t.jsx($.Icon,{...e}),a]}):t.jsxs("button",{ref:c,className:i,disabled:x,style:u,name:_,...j,children:[e&&t.jsx($.Icon,{...e}),t.jsx("span",{className:"button__label",children:a})]})});exports.Button=I;
@@ -1 +0,0 @@
1
- "use strict";const r=require("react/jsx-runtime"),i=require("react"),R=require("./index-chunk-D921N0ug.js"),F=require("./useGlobalSettings-chunk-DEacV16j.js"),C=require("./FormControl-chunk-CTRPINwt.js"),L=i.forwardRef((s,t)=>{const{autocomplete:n,onChange:l,onBlur:a,disabled:o=!1,error:d,id:u,name:m,options:b,required:f,value:w,form:x,multiple:h,selectSize:p}=s,{prefix:v}=F.useGlobalSettings(),g=C.useFormControl(),{ariaDescribedBy:j}=g,c=`${v}--dropdown`,q=R.classnames(c,{error:d}),[y,D]=i.useState(w),S=e=>{D(e.target.value),l&&l(e)};return r.jsx("div",{className:`${c}--wrapper`,children:r.jsx("select",{ref:t,id:u||m,autoComplete:n,name:m,required:f,onChange:S,onBlur:a,disabled:o,className:q,value:y,form:x,multiple:h,size:p,"aria-describedby":j,children:b&&b.map((e,$)=>r.jsx("option",{disabled:e.disabled,label:e.label,value:e.value,children:e.label},`${c}--option--${$}`))})})}),N=i.forwardRef((s,t)=>{const{style:n,inputStyle:l,className:a,...o}=s,d=s.id?s.id:s.name;return r.jsx(C.FormControl,{fieldId:d,style:n,className:a,...o,children:r.jsx(L,{ref:t,style:l,...o})})}),z=N;exports.LabelledDropdown=z;
@@ -1 +0,0 @@
1
- "use strict";const s=require("react/jsx-runtime"),$=require("react"),u=require("./index-chunk-D921N0ug.js"),h=require("./useGlobalSettings-chunk-DEacV16j.js"),j=$.forwardRef(({avatar:t,className:o,description:a,link:r,name:l,role:i,theme:c="light",size:n="large"},d)=>{const{prefix:f}=h.useGlobalSettings(),e=`${f}--profile`,x=u.classnames(o,{[e]:!0,[`${e}__theme__${c}`]:c,[`${e}__size__${n}`]:n});return s.jsxs("figure",{className:x,ref:d,children:[s.jsx("img",{className:`${e}--avatar`,src:t,alt:`Avatar for ${l}`}),s.jsx("figcaption",{children:s.jsxs("div",{className:`${e}--figcaption--content`,children:[s.jsx("div",{className:`${e}--name`,children:l}),i&&s.jsx("div",{className:`${e}--role`,children:i})]})}),a&&s.jsx("p",{className:`${e}--description`,children:a}),r&&s.jsx("div",{className:`${e}--link`,children:s.jsx("a",{href:r.url,target:"__blank",rel:"noopener noreferrer",children:s.jsx("span",{className:`${e}--link--label`,children:r.label})})})]})});exports.Profile=j;
@@ -1 +0,0 @@
1
- "use strict";const t=require("react/jsx-runtime"),u=require("react"),$=require("./useGlobalSettings-chunk-DEacV16j.js"),m=require("./index-chunk-D921N0ug.js"),d=require("./Icon-chunk-QFryHTpy.js"),h=({items:n})=>{const[c,l]=u.useState(0),i=(e,s)=>{l(e),s.preventDefault()},{prefix:o}=$.useGlobalSettings(),a=`${o}--tabs`,r=m.classnames(a);return t.jsxs("div",{className:`${r} tabs--js`,children:[t.jsx("ul",{className:`${a}--selection`,role:"tablist",children:n.map((e,s)=>t.jsx("li",{role:"tab",className:`${a}--selection--item ${c===s?"active":""}`,onClick:b=>i(s,b),children:t.jsxs("a",{href:`#tab--${s}`,className:`${a}--selection--button${e.icon?" icon":""}`,role:"tab","aria-controls":`tab--${s}`,"aria-selected":s===c,title:e.label,children:[t.jsx("span",{className:`${a}--selection--label`,children:e.label}),e.icon&&t.jsx(d.Icon,{name:e.icon.name,hidden:e.icon.hidden})]})},`#tab--${s}`))}),t.jsx("div",{className:`${a}--content`,children:n[c].content})]})},j=h;exports.Tabs=j;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),g=require("./index-chunk-D921N0ug.js"),w=require("./useGlobalSettings-chunk-DEacV16j.js"),u=require("./FormControl-chunk-CTRPINwt.js"),q=c.forwardRef(({onChange:t,onBlur:o,error:a,id:r,name:s,placeholder:l,required:n,pattern:p,disabled:h=!1,type:b="text"},m)=>{const{prefix:x}=w.useGlobalSettings(),y=u.useFormControl(),{ariaDescribedBy:f}=y,d=`${x}--text-input`,T=g.classnames(d,{[`${d}__error`]:a});return i.jsx("input",{ref:m,id:r||s,name:s,onChange:t,onBlur:o,disabled:h,placeholder:l,required:n,type:b,className:T,pattern:p,"aria-describedby":f})}),I=c.forwardRef((t,o)=>{const{style:a,inputStyle:r,className:s,...l}=t,n=t.id?t.id:t.name;return i.jsx(u.FormControl,{fieldId:n,style:a,className:s,...l,children:i.jsx(q,{ref:o,style:r,...l})})}),S=I,e={disabled:!1,errorMessage:"This is an error message",error:!1,style:{width:"100%"},id:"text-input",label:"Insert your name here",labelPlacement:"top",labelSize:"medium",name:"text",placeholder:"This is a text field",required:!1,type:"text"},j={...e,disabled:!0,placeholder:"Disabled Text Field"},C={...e,placeholder:"This has a helper text"},_={...e,placeholder:"This has an error",error:!0},E={...e,placeholder:"This has an tooltip",tooltip:"This is a tooltip"},F={...e,label:"Enter your email address",placeholder:"my@email.com",type:"email",id:"email-input"},M={...e,label:"Enter your password",placeholder:"Must be 8 digits long",type:"password",id:"password-input"},R={...e,name:"tel",label:"Enter your telephone number",placeholder:"###-###-####",required:!1,type:"tel",pattern:"[0-9]{3}-[0-9]{3}-[0-9]{4}"},O={...e,label:"Enter website address",id:"url-input",name:"url",placeholder:"https://www.example.com",required:!1,type:"url"},P=Object.freeze(Object.defineProperty({__proto__:null,basic:e,email:F,haserror:_,hashelper:C,hastooltip:E,isdisabled:j,password:M,telephone:R,url:O},Symbol.toStringTag,{value:"Module"}));exports.TextInput=S;exports.TextInputArgs=P;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Accordion-entry-Du65VJ-p.js"),o=require("./Form-chunk-BJA6abAs.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),t=require("./Empty-chunk-D15nltyD.js"),a=require("./Image-chunk-DrH5JX6G.js"),n=require("./Loading-chunk-BceLroFu.js"),c=require("./Radio-chunk-U-ZyTPH7.js"),d=require("./Tag-chunk-C_r4zGEh.js"),u=require("./Button-chunk-ATdWCIPE.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),s=require("./Fieldset-chunk-ChX_vSBT.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),q=require("./GlobalCtx-chunk-D_GlGcgw.js"),b=require("./Notification-chunk-DQtbEJas.js"),g=require("./ReadMore-chunk-D36Ibsoy.js"),L=require("./Textarea-chunk-Gr_D4IfG.js"),T=require("./Callout-chunk-DFGZO4_1.js"),x=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-DASUCDJs.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-DuZiglb_.js"),p=require("./NumberPicker-chunk-BuYxdQBu.js"),k=require("./RichText-chunk-B8HoKl_2.js"),S=require("./Tooltip-chunk-Dk0E60Nc.js"),v=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-oWcLV75q.js"),B=require("./Icon-chunk-QFryHTpy.js"),I=require("./List-entry-DRGsrQZi.js"),y=require("./Profile-chunk-CAlNBCnB.js"),O=require("./TableOfContents-chunk-ZubRLGF3.js"),w=require("./Footer-chunk-fgiUiZ1G.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-b_5OHIsM.js"),U=require("./Breadcrumb-chunk-BV3TmRn5.js"),V=require("./Tabs-chunk-CxV8eqGN.js"),A=require("./LanguageToggle-chunk-DdIPnYuL.js"),$=require("./SubsiteNav-chunk-Cfmr4rbb.js");exports.Accordion=r.Accordion;exports.Form=o.Form;exports.Collapse=i.Collapse;exports.Empty=t.Empty;exports.Image=a.Image;exports.Loading=n.Loading;exports.Radio=c.LabelledRadio;exports.Tag=d.Tag;exports.Button=u.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=s.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=q.GlobalProviderContext;exports.Notification=b.Notification;exports.ReadMore=g.ReadMore;exports.Textarea=L.LabelledTextarea;exports.Callout=T.Callout;exports.Credit=x.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=p.LabelledNumberPicker;exports.RichText=k.RichText;exports.Tooltip=S.Tooltip;exports.Checkbox=v.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=I.List;exports.Profile=y.Profile;exports.TableOfContents=O.TableOfContents;exports.Footer=w.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=A.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;
@@ -1,62 +0,0 @@
1
- import { jsxs as p, jsx as a } from "react/jsx-runtime";
2
- import { forwardRef as N } from "react";
3
- import { c as d } from "./index-chunk-CY3PQDr4.js";
4
- import { u as j } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
5
- import { L as B } from "./Link-chunk-DNHgQ3lF.js";
6
- import { I as $ } from "./Icon-chunk-DIxw5wWq.js";
7
- const R = N(
8
- ({
9
- children: o,
10
- className: c,
11
- disabled: b = !1,
12
- icon: r,
13
- size: e = "large",
14
- type: l = "primary",
15
- style: m,
16
- name: i,
17
- link: t,
18
- iconPosition: _ = "left",
19
- icononly: f = !1,
20
- ...g
21
- }, n) => {
22
- const { prefix: x } = j(), s = `${x}--button`, u = d(c, {
23
- [s]: !0,
24
- [`${s}__${e}`]: e,
25
- [`${s}__${l}`]: l,
26
- [`${s}--icon ${s}--icon--position__${_}`]: r && !f,
27
- [`${s}--icon ${s}--icon--only`]: r && f
28
- });
29
- return t ? /* @__PURE__ */ p(
30
- B,
31
- {
32
- ref: n,
33
- className: u,
34
- target: t.target,
35
- url: t.url,
36
- label: t.label,
37
- style: m,
38
- children: [
39
- r && /* @__PURE__ */ a($, { ...r }),
40
- o
41
- ]
42
- }
43
- ) : /* @__PURE__ */ p(
44
- "button",
45
- {
46
- ref: n,
47
- className: u,
48
- disabled: b,
49
- style: m,
50
- name: i,
51
- ...g,
52
- children: [
53
- r && /* @__PURE__ */ a($, { ...r }),
54
- /* @__PURE__ */ a("span", { className: "button__label", children: o })
55
- ]
56
- }
57
- );
58
- }
59
- );
60
- export {
61
- R as B
62
- };
@@ -1,4 +0,0 @@
1
- import { B as r } from "./Button-chunk-Bo8BlHxn.js";
2
- export {
3
- r as Button
4
- };
@@ -1,4 +0,0 @@
1
- import { C as l } from "./Callout-chunk-By356CrT.js";
2
- export {
3
- l as Callout
4
- };
@@ -1,72 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { forwardRef as b, useState as L } from "react";
3
- import { c as N } from "./index-chunk-CY3PQDr4.js";
4
- import { u as z } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
5
- import { u as B, F as j } from "./FormControl-chunk-k6iX88xc.js";
6
- const q = b((o, l) => {
7
- const {
8
- autocomplete: t,
9
- onChange: r,
10
- onBlur: n,
11
- disabled: s = !1,
12
- error: d,
13
- id: c,
14
- name: m,
15
- options: u,
16
- required: f,
17
- value: p,
18
- form: C,
19
- multiple: h,
20
- selectSize: v
21
- } = o, { prefix: w } = z(), g = B(), { ariaDescribedBy: y } = g, i = `${w}--dropdown`, $ = N(i, {
22
- error: d
23
- }), [x, D] = L(p), S = (e) => {
24
- D(e.target.value), r && r(e);
25
- };
26
- return /* @__PURE__ */ a("div", { className: `${i}--wrapper`, children: /* @__PURE__ */ a(
27
- "select",
28
- {
29
- ref: l,
30
- id: c || m,
31
- autoComplete: t,
32
- name: m,
33
- required: f,
34
- onChange: S,
35
- onBlur: n,
36
- disabled: s,
37
- className: $,
38
- value: x,
39
- form: C,
40
- multiple: h,
41
- size: v,
42
- "aria-describedby": y,
43
- children: u && u.map((e, F) => /* @__PURE__ */ a(
44
- "option",
45
- {
46
- disabled: e.disabled,
47
- label: e.label,
48
- value: e.value,
49
- children: e.label
50
- },
51
- `${i}--option--${F}`
52
- ))
53
- }
54
- ) });
55
- }), G = b(
56
- (o, l) => {
57
- const { style: t, inputStyle: r, className: n, ...s } = o, d = o.id ? o.id : o.name;
58
- return /* @__PURE__ */ a(
59
- j,
60
- {
61
- fieldId: d,
62
- style: t,
63
- className: n,
64
- ...s,
65
- children: /* @__PURE__ */ a(q, { ref: l, style: r, ...s })
66
- }
67
- );
68
- }
69
- ), E = G;
70
- export {
71
- E as L
72
- };
@@ -1,4 +0,0 @@
1
- import { L as p } from "./Dropdown-chunk-DC15CVNO.js";
2
- export {
3
- p as Dropdown
4
- };
@@ -1,4 +0,0 @@
1
- import { F as e } from "./Footer-chunk-DzBBhWW7.js";
2
- export {
3
- e as Footer
4
- };
@@ -1,4 +0,0 @@
1
- import { N as t } from "./Notification-chunk-D673v2p_.js";
2
- export {
3
- t as Notification
4
- };
@@ -1,41 +0,0 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as $ } from "react";
3
- import { c as h } from "./index-chunk-CY3PQDr4.js";
4
- import { u as _ } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
5
- const b = $(
6
- ({
7
- avatar: t,
8
- className: m,
9
- description: s,
10
- link: a,
11
- name: l,
12
- role: i,
13
- theme: c = "light",
14
- size: n = "large"
15
- }, f) => {
16
- const { prefix: d } = _(), e = `${d}--profile`, p = h(m, {
17
- [e]: !0,
18
- [`${e}__theme__${c}`]: c,
19
- [`${e}__size__${n}`]: n
20
- });
21
- return /* @__PURE__ */ o("figure", { className: p, ref: f, children: [
22
- /* @__PURE__ */ r(
23
- "img",
24
- {
25
- className: `${e}--avatar`,
26
- src: t,
27
- alt: `Avatar for ${l}`
28
- }
29
- ),
30
- /* @__PURE__ */ r("figcaption", { children: /* @__PURE__ */ o("div", { className: `${e}--figcaption--content`, children: [
31
- /* @__PURE__ */ r("div", { className: `${e}--name`, children: l }),
32
- i && /* @__PURE__ */ r("div", { className: `${e}--role`, children: i })
33
- ] }) }),
34
- s && /* @__PURE__ */ r("p", { className: `${e}--description`, children: s }),
35
- a && /* @__PURE__ */ r("div", { className: `${e}--link`, children: /* @__PURE__ */ r("a", { href: a.url, target: "__blank", rel: "noopener noreferrer", children: /* @__PURE__ */ r("span", { className: `${e}--link--label`, children: a.label }) }) })
36
- ] });
37
- }
38
- );
39
- export {
40
- b as P
41
- };
@@ -1,4 +0,0 @@
1
- import { P as e } from "./Profile-chunk-Ckg5TRIw.js";
2
- export {
3
- e as Profile
4
- };
@@ -1,40 +0,0 @@
1
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
- import { useState as $ } from "react";
3
- import { u as h } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
4
- import { c as p } from "./index-chunk-CY3PQDr4.js";
5
- import { I as d } from "./Icon-chunk-DIxw5wWq.js";
6
- const f = ({ items: c }) => {
7
- const [l, n] = $(0), i = (s, e) => {
8
- n(s), e.preventDefault();
9
- }, { prefix: r } = h(), a = `${r}--tabs`, m = p(a);
10
- return /* @__PURE__ */ o("div", { className: `${m} tabs--js`, children: [
11
- /* @__PURE__ */ t("ul", { className: `${a}--selection`, role: "tablist", children: c.map((s, e) => /* @__PURE__ */ t(
12
- "li",
13
- {
14
- role: "tab",
15
- className: `${a}--selection--item ${l === e ? "active" : ""}`,
16
- onClick: (b) => i(e, b),
17
- children: /* @__PURE__ */ o(
18
- "a",
19
- {
20
- href: `#tab--${e}`,
21
- className: `${a}--selection--button${s.icon ? " icon" : ""}`,
22
- role: "tab",
23
- "aria-controls": `tab--${e}`,
24
- "aria-selected": e === l,
25
- title: s.label,
26
- children: [
27
- /* @__PURE__ */ t("span", { className: `${a}--selection--label`, children: s.label }),
28
- s.icon && /* @__PURE__ */ t(d, { name: s.icon.name, hidden: s.icon.hidden })
29
- ]
30
- }
31
- )
32
- },
33
- `#tab--${e}`
34
- )) }),
35
- /* @__PURE__ */ t("div", { className: `${a}--content`, children: c[l].content })
36
- ] });
37
- }, j = f;
38
- export {
39
- j as T
40
- };
@@ -1,4 +0,0 @@
1
- import { T as r } from "./Tabs-chunk-CJEM1dIG.js";
2
- export {
3
- r as Tabs
4
- };
@@ -1,99 +0,0 @@
1
- import { Accordion as a } from "./Accordion-entry-DijeRLbx.js";
2
- import { F as t } from "./Form-chunk-CnI3CSpO.js";
3
- import { C as m } from "./Collapse-chunk-CmdtLTLr.js";
4
- import { E as x } from "./Empty-chunk-Ni2cn_ys.js";
5
- import { I as i } from "./Image-chunk-DKLea4vg.js";
6
- import { L as C } from "./Loading-chunk-BycGy-99.js";
7
- import { L } from "./Radio-chunk-DE_LEr18.js";
8
- import { T as c } from "./Tag-chunk-BfT6mRr3.js";
9
- import { B as F } from "./Button-chunk-Bo8BlHxn.js";
10
- import { C as u } from "./ContextMenu-chunk-Dk-ifDZI.js";
11
- import { F as b } from "./Fieldset-chunk-BYqbIcGY.js";
12
- import { G as k } from "./GlobalProvider-chunk-nVdEz2_E.js";
13
- import { G as D } from "./GlobalCtx-chunk-CtSRDnk3.js";
14
- import { N } from "./Notification-chunk-D673v2p_.js";
15
- import { R as v } from "./ReadMore-chunk-pjNnS8Ji.js";
16
- import { L as I } from "./Textarea-chunk-BjZncFjh.js";
17
- import { C as h } from "./Callout-chunk-By356CrT.js";
18
- import { C as V } from "./Credit-chunk-CvHvubwE.js";
19
- import { L as y } from "./FileUpload-chunk-Dw6vDrtN.js";
20
- import { H as O } from "./Heading-chunk-B4_4DVFF.js";
21
- import { L as j } from "./Link-chunk-DNHgQ3lF.js";
22
- import { L as z } from "./NumberPicker-chunk-CaNDffBy.js";
23
- import { R as K } from "./RichText-chunk-BQLMR58V.js";
24
- import { T as W } from "./Tooltip-chunk-BIPZucx0.js";
25
- import { L as Y } from "./Checkbox-chunk-OsF35mGH.js";
26
- import { L as _ } from "./DatePicker-chunk-BUOrwC0Y.js";
27
- import { H as oo } from "./Hero-chunk-CqARzKwt.js";
28
- import { H as ao } from "./HeroCard-chunk-XzP8zeZ0.js";
29
- import { L as to } from "./LinkList-chunk-Cimo8RwK.js";
30
- import { P as mo } from "./Pagination-chunk-B5541Ksz.js";
31
- import { S as xo } from "./SearchField-chunk-C1BKjgFA.js";
32
- import { V as io } from "./Video-chunk-C_cWWpiB.js";
33
- import { L as no } from "./Dropdown-chunk-DC15CVNO.js";
34
- import { I as lo } from "./Icon-chunk-DIxw5wWq.js";
35
- import { List as To } from "./List-entry-B0PAo5Km.js";
36
- import { P as go } from "./Profile-chunk-Ckg5TRIw.js";
37
- import { T as Po } from "./TableOfContents-chunk-DZGMY0rb.js";
38
- import { F as So } from "./Footer-chunk-DzBBhWW7.js";
39
- import { Navigation as Ho } from "./Navigation-entry-BLC2KoMs.js";
40
- import { C as Go, b as No, D as Ro, a as vo, F as Bo, M as Io, P as Mo, c as ho, S as Eo, T as Vo } from "./ScoreCard-chunk-R-UcEwoQ.js";
41
- import { B as yo } from "./Breadcrumb-chunk-DxH8m_ti.js";
42
- import { T as Oo } from "./Tabs-chunk-CJEM1dIG.js";
43
- import { L as jo } from "./LanguageToggle-chunk-BOqs0wmF.js";
44
- import { S as zo } from "./SubsiteNav-chunk-SOH4RAJ1.js";
45
- export {
46
- a as Accordion,
47
- yo as Breadcrumb,
48
- F as Button,
49
- h as Callout,
50
- Go as CardGroup,
51
- Y as Checkbox,
52
- m as Collapse,
53
- u as ContextMenu,
54
- V as Credit,
55
- No as DataCard,
56
- _ as DatePicker,
57
- Ro as DetailCard,
58
- no as Dropdown,
59
- x as Empty,
60
- vo as FactListCard,
61
- Bo as FeatureCard,
62
- b as Fieldset,
63
- y as FileUpload,
64
- So as Footer,
65
- t as Form,
66
- k as GlobalProvider,
67
- D as GlobalProviderContext,
68
- O as Heading,
69
- oo as Hero,
70
- ao as HeroCard,
71
- lo as Icon,
72
- i as Image,
73
- jo as LanguageToggle,
74
- j as Link,
75
- to as LinkList,
76
- To as List,
77
- C as Loading,
78
- Io as MultiLinkCard,
79
- Ho as Navigation,
80
- N as Notification,
81
- z as NumberPicker,
82
- mo as Pagination,
83
- go as Profile,
84
- Mo as PromoCard,
85
- L as Radio,
86
- v as ReadMore,
87
- K as RichText,
88
- ho as ScoreCard,
89
- xo as SearchField,
90
- Eo as StatCard,
91
- zo as SubsiteNav,
92
- Po as TableOfContents,
93
- Oo as Tabs,
94
- c as Tag,
95
- Vo as TextCard,
96
- I as Textarea,
97
- W as Tooltip,
98
- io as Video
99
- };