@ilo-org/react 0.22.2 → 0.23.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.
- package/lib/cjs/_store/Button-chunk-B65FgSLG.js +1 -0
- package/lib/cjs/_store/{Button-entry-Dgzc6-tl.js → Button-entry-Ddk5OCD-.js} +1 -1
- package/lib/cjs/_store/{Callout-chunk-DFGZO4_1.js → Callout-chunk-BxN0hHA0.js} +1 -1
- package/lib/cjs/_store/{Callout-entry-CW0zxbaN.js → Callout-entry-CvydbGtc.js} +1 -1
- package/lib/cjs/_store/{Cards-entry-D5ch-1qS.js → Cards-entry-CHq2Ta6R.js} +1 -1
- package/lib/cjs/_store/Dropdown-chunk-DyCHTZMD.js +1 -0
- package/lib/cjs/_store/{Dropdown-entry-D4zbWy2t.js → Dropdown-entry-BaMzO6Kv.js} +1 -1
- package/lib/cjs/_store/{Footer-chunk-fgiUiZ1G.js → Footer-chunk-BUjFj4bf.js} +1 -1
- package/lib/cjs/_store/{Footer-entry-CdtFIc8P.js → Footer-entry-D55F4ET9.js} +1 -1
- package/lib/cjs/_store/{Notification-chunk-DQtbEJas.js → Notification-chunk-DkfLXJhu.js} +1 -1
- package/lib/cjs/_store/{Notification-entry-ClWKhO0w.js → Notification-entry-D9KwV5qV.js} +1 -1
- package/lib/cjs/_store/Profile-chunk-Du8HEAQA.js +1 -0
- package/lib/cjs/_store/{Profile-entry-CfPA71qh.js → Profile-entry-D9VN3LBb.js} +1 -1
- package/lib/cjs/_store/{ScoreCard-chunk-b_5OHIsM.js → ScoreCard-chunk-BVY7lDHH.js} +1 -1
- package/lib/cjs/_store/Tabs-chunk-CYKFJgLR.js +1 -0
- package/lib/cjs/_store/{Tabs-entry-CXF6le4p.js → Tabs-entry-ThYYmcq4.js} +1 -1
- package/lib/cjs/_store/TextInput-entry-kwL7qsH7.js +1 -0
- package/lib/cjs/_store/TextInput.args-chunk-DIxsZT_y.js +1 -0
- package/lib/cjs/_store/components-entry-CTmegFtj.js +1 -0
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/Button-chunk-DG7cL6tj.js +64 -0
- package/lib/esm/_store/Button-entry-BYzboMV8.js +4 -0
- package/lib/esm/_store/{Callout-chunk-By356CrT.js → Callout-chunk-DDK_yI_b.js} +1 -1
- package/lib/esm/_store/Callout-entry-BszOwKRO.js +4 -0
- package/lib/esm/_store/{Cards-entry-C2Rkgb3s.js → Cards-entry-qyvGBr58.js} +1 -1
- package/lib/esm/_store/Dropdown-chunk-fpN7RweM.js +74 -0
- package/lib/esm/_store/Dropdown-entry-cEgUhErA.js +4 -0
- package/lib/esm/_store/{Footer-chunk-DzBBhWW7.js → Footer-chunk-BI6r73Bm.js} +1 -1
- package/lib/esm/_store/Footer-entry-Db7ByESM.js +4 -0
- package/lib/esm/_store/{Notification-chunk-D673v2p_.js → Notification-chunk-CQvSf6dK.js} +1 -1
- package/lib/esm/_store/Notification-entry-D9sUbaSJ.js +4 -0
- package/lib/esm/_store/Profile-chunk-BjuEze8L.js +45 -0
- package/lib/esm/_store/Profile-entry-DSGfBcHB.js +4 -0
- package/lib/esm/_store/{ScoreCard-chunk-R-UcEwoQ.js → ScoreCard-chunk-DbNE1WUL.js} +2 -2
- package/lib/esm/_store/Tabs-chunk-CZL0LfKF.js +55 -0
- package/lib/esm/_store/Tabs-entry-Dc8Av6hy.js +4 -0
- package/lib/esm/_store/TextInput-entry-C1VYOhZw.js +5 -0
- package/lib/esm/_store/{TextInput-entry-Dp1l2_w-.js → TextInput.args-chunk-gw5WCsYI.js} +31 -29
- package/lib/esm/_store/components-entry-DkUfpD0c.js +102 -0
- package/lib/esm/index.js +86 -83
- package/lib/styles/components/cardgroup.css +1 -1
- package/lib/styles/components/detailcard.css +1 -1
- package/lib/styles/components/linklist.css +1 -1
- package/lib/styles/components/profile.css +1 -1
- package/lib/styles/components/tabs.css +1 -1
- package/lib/styles/global.css +1 -1
- package/lib/styles/global.css.map +1 -1
- package/lib/styles/index.css +2 -2
- package/lib/styles/index.css.map +1 -1
- package/lib/styles/monorepo.css +2 -2
- package/lib/styles/monorepo.css.map +1 -1
- package/lib/types/components/Button/Button.d.ts +8 -0
- package/lib/types/components/Cards/DataCard.d.ts +2 -1
- package/lib/types/components/Cards/TextCard.d.ts +1 -1
- package/lib/types/components/Dropdown/Dropdown.props.d.ts +4 -0
- package/lib/types/components/Tabs/Tabs.props.d.ts +12 -3
- package/lib/types/components/TextInput/TextInput.props.d.ts +1 -0
- package/lib/types/components/index.d.ts +1 -0
- package/lib/types/types/index.d.ts +2 -1
- package/package.json +2 -2
- package/lib/cjs/_store/Button-chunk-ATdWCIPE.js +0 -1
- package/lib/cjs/_store/Dropdown-chunk-oWcLV75q.js +0 -1
- package/lib/cjs/_store/Profile-chunk-CAlNBCnB.js +0 -1
- package/lib/cjs/_store/Tabs-chunk-CxV8eqGN.js +0 -1
- package/lib/cjs/_store/TextInput-entry-Csy9RCyO.js +0 -1
- package/lib/cjs/_store/components-entry-D_pAlUbZ.js +0 -1
- package/lib/esm/_store/Button-chunk-Bo8BlHxn.js +0 -62
- package/lib/esm/_store/Button-entry-mW-Tc9Qh.js +0 -4
- package/lib/esm/_store/Callout-entry-nO9d-PoN.js +0 -4
- package/lib/esm/_store/Dropdown-chunk-DC15CVNO.js +0 -72
- package/lib/esm/_store/Dropdown-entry-DqdTDMvZ.js +0 -4
- package/lib/esm/_store/Footer-entry-w7dv2uEs.js +0 -4
- package/lib/esm/_store/Notification-entry-D9PMJ-Ni.js +0 -4
- package/lib/esm/_store/Profile-chunk-Ckg5TRIw.js +0 -41
- package/lib/esm/_store/Profile-entry-CQXhJBCz.js +0 -4
- package/lib/esm/_store/Tabs-chunk-CJEM1dIG.js +0 -40
- package/lib/esm/_store/Tabs-entry-O7PXntWG.js +0 -4
- 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?: {
|
|
@@ -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:
|
|
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:
|
|
13
|
-
content:
|
|
21
|
+
label: string;
|
|
22
|
+
content: ReactNode;
|
|
14
23
|
}
|
|
@@ -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.
|
|
3
|
+
"version": "0.23.1",
|
|
4
4
|
"description": "React components for the ILO's Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui_patterns",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@ilo-org/fonts": "1.0.0",
|
|
76
76
|
"@ilo-org/icons-react": "1.0.3",
|
|
77
77
|
"@ilo-org/brand-assets": "1.0.0",
|
|
78
|
-
"@ilo-org/styles": "1.
|
|
78
|
+
"@ilo-org/styles": "1.7.1",
|
|
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,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,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,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,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
|
-
};
|