Deploying to gh-pages from @ d974783 🚀

assets/Alert.stories.9e744ea5.js → assets/Alert.stories.d2a6261e.js

@@ -1,4 +1,4 @@
-import{j as a}from"./index.7eca609e.js";/* empty css                */import{A as H,T as p,a as d}from"./TextIntroduction.b8668075.js";import"./Dropdown.734d2d8c.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.3d975fe9.js";import"./Icon.f842d985.js";import"./Well.e7055d12.js";import"./Paragraph.9304145b.js";import"./TextArea.7a5ccf81.js";import"./index.ca1bfdbe.js";import"./_commonjsHelpers.712cc82f.js";import"./extends.946277fc.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm.67af5abc.js";import"./index.f108a8f5.js";import"./iframe.d08c9f50.js";import"../sb-preview/runtime.js";const ls={title:"Components (Draft)/Alerts",component:H,tags:["autodocs"],argTypes:{message:{control:"text"}}},e={render:s=>a.exports.jsx(H,{...s}),args:{status:"info",message:"A Notification"}},t={...e,name:"Information with explanation",args:{...e.args,children:"You can also add an explanation to the notification."}},r={...e,name:"Information with explanation and links",args:{...e.args,children:"This is the explanation of the notification.",links:[{href:"/",label:"This is a link below the explanation"},{href:"/",label:"This is an external link",isExternal:!0}]}},n={...e,args:{...e.args,status:"success",message:"11 results"}},o={...e,args:{...e.args,status:"warning",message:"No results found."}},i={...e,args:{...e.args,status:"error",message:"Page not found."}},l={...e,name:"In-progress",args:{...e.args,status:"loading",message:"The page is loading\u2026."}},m={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(p,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(d,{...s})]}),name:"Success (field-level)",args:{status:"success",message:"This is a field-level alert with a success status."}},u={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(p,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(d,{...s})]}),name:"Warning (field-level)",args:{status:"warning",message:"This is a field-level alert with a warning status."}},c={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(p,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(d,{...s})]}),name:"Error (field-level)",args:{status:"error",message:"This is a field-level alert with an error status."}};var g,f,x;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
+import{j as a}from"./index.7eca609e.js";/* empty css                */import{A as H,T as d,a as p}from"./TextIntroduction.b789c744.js";import"./Dropdown.66ff9a5c.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.569af9d6.js";import"./Icon.c6add608.js";import"./Well.44588516.js";import"./Paragraph.9304145b.js";import"./TextArea.7a5ccf81.js";import"./index.ca1bfdbe.js";import"./_commonjsHelpers.712cc82f.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm.24c2c4ec.js";import"./index.49a47dde.js";import"./iframe.58befc0e.js";import"../sb-preview/runtime.js";const is={title:"Components (Draft)/Alerts",component:H,tags:["autodocs"],argTypes:{message:{control:"text"}}},e={render:s=>a.exports.jsx(H,{...s}),args:{status:"info",message:"A Notification"}},t={...e,name:"Information with explanation",args:{...e.args,children:"You can also add an explanation to the notification."}},r={...e,name:"Information with explanation and links",args:{...e.args,children:"This is the explanation of the notification.",links:[{href:"/",label:"This is a link below the explanation"},{href:"/",label:"This is an external link",isExternal:!0}]}},n={...e,args:{...e.args,status:"success",message:"11 results"}},o={...e,args:{...e.args,status:"warning",message:"No results found."}},i={...e,args:{...e.args,status:"error",message:"Page not found."}},l={...e,name:"In-progress",args:{...e.args,status:"loading",message:"The page is loading\u2026."}},m={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(d,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(p,{...s})]}),name:"Success (field-level)",args:{status:"success",message:"This is a field-level alert with a success status."}},u={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(d,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(p,{...s})]}),name:"Warning (field-level)",args:{status:"warning",message:"This is a field-level alert with a warning status."}},c={render:s=>a.exports.jsxs("div",{className:"m-form-field",children:[a.exports.jsx(d,{id:s.status,name:s.status,status:s.status,value:"Input Text",type:"text"}),a.exports.jsx(p,{...s})]}),name:"Error (field-level)",args:{status:"error",message:"This is a field-level alert with an error status."}};var g,f,x;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
   render: arguments_ => <Alert {...arguments_} />,
   args: {
     status: 'info',
@@ -85,4 +85,4 @@ import{j as a}from"./index.7eca609e.js";/* empty css                */import{A a
     status: 'error',
     message: 'This is a field-level alert with an error status.'
   }
-}`,...(G=(B=c.parameters)==null?void 0:B.docs)==null?void 0:G.source}}};const ms=["Information","InformationWithExplanation","InformationWithLinks","Success","Warning","Error","InProgress","SuccessFieldLevel","WarningFieldLevel","ErrorFieldLevel"];export{i as Error,c as ErrorFieldLevel,l as InProgress,e as Information,t as InformationWithExplanation,r as InformationWithLinks,n as Success,m as SuccessFieldLevel,o as Warning,u as WarningFieldLevel,ms as __namedExportsOrder,ls as default};
+}`,...(G=(B=c.parameters)==null?void 0:B.docs)==null?void 0:G.source}}};const ls=["Information","InformationWithExplanation","InformationWithLinks","Success","Warning","Error","InProgress","SuccessFieldLevel","WarningFieldLevel","ErrorFieldLevel"];export{i as Error,c as ErrorFieldLevel,l as InProgress,e as Information,t as InformationWithExplanation,r as InformationWithLinks,n as Success,m as SuccessFieldLevel,o as Warning,u as WarningFieldLevel,ls as __namedExportsOrder,is as default};

assets/Banner.stories.8fe0e7af.js

@@ -0,0 +1,29 @@
+import{j as n}from"./index.7eca609e.js";/* empty css                */import{B as a,b as U,L as u}from"./TextIntroduction.b789c744.js";import"./Dropdown.66ff9a5c.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.569af9d6.js";import"./Icon.c6add608.js";import"./Well.44588516.js";import"./Paragraph.9304145b.js";import"./TextArea.7a5ccf81.js";import"./index.ca1bfdbe.js";import"./_commonjsHelpers.712cc82f.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm.24c2c4ec.js";import"./index.49a47dde.js";import"./iframe.58befc0e.js";import"../sb-preview/runtime.js";const E={title:"Components (Verified)/Banner (US gov)",tags:["autodocs"],component:a,argTypes:{}},t=e=>{e.preventDefault()},i=({children:e,...h})=>n.exports.jsx("span",{role:"link",onClick:t,onKeyUp:t,...h,children:e}),o={render:e=>n.exports.jsx(a,{...e}),args:{links:[]}};o.storyName="US gov banner";const r={args:{links:U.filter(e=>e!=="en").map(e=>n.exports.jsx(i,{children:n.exports.jsx(u,{code:e})},e)),phoneNumber:"1-855-411-2372",tagline:n.exports.jsxs(n.exports.Fragment,{children:["An official website of the"," ",n.exports.jsx("span",{className:"u-nowrap",children:"United States government"})]})}};r.storyName="US gov banner (cf.gov)";const s={...r,render:e=>n.exports.jsx(a,{...e}),args:{links:[n.exports.jsx(i,{children:n.exports.jsx("a",{href:"/link",children:"Link 1"})},"Link 1"),n.exports.jsx(i,{children:n.exports.jsx("a",{href:"/link",children:"Link 2"})},"Link 2"),n.exports.jsx(i,{children:n.exports.jsx("a",{href:"/link",children:"Link 3"})},"Link 3")]}};s.storyName="US gov banner (with generic links)";var c,p,l;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: properties => <Banner {...properties} />,
+  args: {
+    links: []
+  }
+}`,...(l=(p=o.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var k,m,d;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    links: AllLanguageCodes.filter(code => code !== 'en').map(code => <UnclickableLink key={code}>
+        <LanguageLink code={code} />
+      </UnclickableLink>),
+    phoneNumber: '1-855-411-2372',
+    tagline: <>
+        An official website of the{' '}
+        <span className='u-nowrap'>United States government</span>
+      </>
+  }
+}`,...(d=(m=r.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var L,g,x;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  ...USGovBannerWithCFGovLinks,
+  render: properties => <Banner {...properties} />,
+  args: {
+    links: [<UnclickableLink key='Link 1'>
+        <a href='/link'>Link 1</a>
+      </UnclickableLink>, <UnclickableLink key='Link 2'>
+        <a href='/link'>Link 2</a>
+      </UnclickableLink>, <UnclickableLink key='Link 3'>
+        <a href='/link'>Link 3</a>
+      </UnclickableLink>]
+  }
+}`,...(x=(g=s.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const I=["USGovBanner","USGovBannerWithCFGovLinks","USGovBannerWithLinks"];export{o as USGovBanner,r as USGovBannerWithCFGovLinks,s as USGovBannerWithLinks,I as __namedExportsOrder,E as default};

assets/Buttons.stories.c338708c.js → assets/Buttons.stories.b2f06f41.js

@@ -1,6 +1,6 @@
-import{j as e}from"./index.7eca609e.js";/* empty css                */import{c as l}from"./TextIntroduction.b8668075.js";import{B as t}from"./Dropdown.734d2d8c.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.3d975fe9.js";import"./Icon.f842d985.js";import"./Well.e7055d12.js";import"./Paragraph.9304145b.js";import"./TextArea.7a5ccf81.js";import"./index.ca1bfdbe.js";import"./_commonjsHelpers.712cc82f.js";import"./extends.946277fc.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm.67af5abc.js";import"./index.f108a8f5.js";import"./iframe.d08c9f50.js";import"../sb-preview/runtime.js";const te={title:"Components (Verified)/Buttons",component:t,tags:["autodocs"],argTypes:{appearance:{control:"select"},size:{control:"select"},disabled:{control:"boolean"}},parameters:{docs:{description:{component:`Buttons signal actions. They should be used sparingly; each additional button on a page reduces the visual prominence of a call to action. In contrast, <a href="https://cfpb.github.io/design-system/components/links" target="_blank">links</a> should lead users to another page or further information.
+import{j as e}from"./index.7eca609e.js";/* empty css                */import{c as l}from"./TextIntroduction.b789c744.js";import{B as n}from"./Dropdown.66ff9a5c.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.569af9d6.js";import"./Icon.c6add608.js";import"./Well.44588516.js";import"./Paragraph.9304145b.js";import"./TextArea.7a5ccf81.js";import"./index.ca1bfdbe.js";import"./_commonjsHelpers.712cc82f.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm.24c2c4ec.js";import"./index.49a47dde.js";import"./iframe.58befc0e.js";import"../sb-preview/runtime.js";const ae={title:"Components (Verified)/Buttons",component:n,tags:["autodocs"],argTypes:{appearance:{control:"select"},size:{control:"select"},disabled:{control:"boolean"}},parameters:{docs:{description:{component:`Buttons signal actions. They should be used sparingly; each additional button on a page reduces the visual prominence of a call to action. In contrast, <a href="https://cfpb.github.io/design-system/components/links" target="_blank">links</a> should lead users to another page or further information.
 
-Source: <a href="https://cfpb.github.io/design-system/components/buttons" target="_blank">https://cfpb.github.io/design-system/components/buttons</a>`}}}},r={args:{label:"Button",appearance:"primary",size:"default",disabled:!1,asLink:!1,iconLeft:void 0,iconRight:void 0}},n={args:{...r.args,appearance:"secondary"}},s={args:{...r.args,disabled:!0}},o={args:{...r.args,appearance:"warning"}},i={name:"Destructive action",args:{...r.args,label:"Destructive action",appearance:"warning",size:"default",asLink:!0},render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(t,{label:"Action"}),"\xA0",e.exports.jsx(t,{...a})]})},c={name:"Full width (on x-small screens)",args:{...r.args,label:"Button",appearance:"primary",size:"full"}},p={name:"Button group",render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(t,{...a,label:"Yes"},"Yes"),e.exports.jsx(t,{...a,label:"No"},"No"),e.exports.jsx(t,{...a,label:"Maybe So"},"Maybe So")]})},u={name:"With icon",args:{...r.args},render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(t,{...a,label:"Back",iconLeft:"left"}),e.exports.jsx(t,{...a,label:"Next",iconRight:"right"})]})},m={name:"With animated icon",args:{...r.args,label:"Submit your complaint"},render:a=>e.exports.jsx(t,{...a,iconRight:"updating"})};var d,g,b;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+Source: <a href="https://cfpb.github.io/design-system/components/buttons" target="_blank">https://cfpb.github.io/design-system/components/buttons</a>`}}}},r={args:{label:"Button",appearance:"primary",size:"default",disabled:!1,asLink:!1,iconLeft:void 0,iconRight:void 0}},t={args:{...r.args,appearance:"secondary"}},s={args:{...r.args,disabled:!0}},o={args:{...r.args,appearance:"warning"}},i={name:"Destructive action",args:{...r.args,label:"Destructive action",appearance:"warning",size:"default",asLink:!0},render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(n,{label:"Action"}),"\xA0",e.exports.jsx(n,{...a})]})},c={name:"Full width (on x-small screens)",args:{...r.args,label:"Button",appearance:"primary",size:"full"}},p={name:"Button group",render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(n,{...a,label:"Yes"},"Yes"),e.exports.jsx(n,{...a,label:"No"},"No"),e.exports.jsx(n,{...a,label:"Maybe So"},"Maybe So")]})},u={name:"With icon",args:{...r.args},render:a=>e.exports.jsxs(l,{children:[e.exports.jsx(n,{...a,label:"Back",iconLeft:"left"}),e.exports.jsx(n,{...a,label:"Next",iconRight:"right"})]})},m={name:"With animated icon",args:{...r.args,label:"Submit your complaint"},render:a=>e.exports.jsx(n,{...a,iconRight:"updating"})};var d,g,b;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
   args: {
     label: 'Button',
     appearance: 'primary',
@@ -10,12 +10,12 @@ Source: <a href="https://cfpb.github.io/design-system/components/buttons" target
     iconLeft: undefined,
     iconRight: undefined
   }
-}`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var h,B,y;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
+}`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var h,B,y;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`{
   args: {
     ...Primary.args,
     appearance: 'secondary'
   }
-}`,...(y=(B=n.parameters)==null?void 0:B.docs)==null?void 0:y.source}}};var f,x,S;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
+}`,...(y=(B=t.parameters)==null?void 0:B.docs)==null?void 0:y.source}}};var f,x,S;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
   args: {
     ...Primary.args,
     disabled: true
@@ -70,4 +70,4 @@ Source: <a href="https://cfpb.github.io/design-system/components/buttons" target
     label: 'Submit your complaint'
   },
   render: arguments_ => <Button {...arguments_} iconRight='updating' />
-}`,...(Y=(M=m.parameters)==null?void 0:M.docs)==null?void 0:Y.source}}};const ne=["Primary","Secondary","Disabled","Destructive","DestructiveAction","FullWidthOnSmallScreens","ButtonsGroup","StaticIconButtons","AnimatedIconButtons"];export{m as AnimatedIconButtons,p as ButtonsGroup,o as Destructive,i as DestructiveAction,s as Disabled,c as FullWidthOnSmallScreens,r as Primary,n as Secondary,u as StaticIconButtons,ne as __namedExportsOrder,te as default};
+}`,...(Y=(M=m.parameters)==null?void 0:M.docs)==null?void 0:Y.source}}};const ne=["Primary","Secondary","Disabled","Destructive","DestructiveAction","FullWidthOnSmallScreens","ButtonsGroup","StaticIconButtons","AnimatedIconButtons"];export{m as AnimatedIconButtons,p as ButtonsGroup,o as Destructive,i as DestructiveAction,s as Disabled,c as FullWidthOnSmallScreens,r as Primary,t as Secondary,u as StaticIconButtons,ne as __namedExportsOrder,ae as default};