Deploying to gh-pages from @ 026da89 🚀

assets/Alert.stories.62f54f1e.js → assets/Alert.stories.2471a44f.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.0ad8d5db.js";import"./Dropdown.2144c0d0.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.37ce01fa.js";import"./Icon.a06444fe.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.9b478b45.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 p,a as d}from"./TextIntroduction.9da59396.js";import"./Dropdown.2a262cd5.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.5c530165.js";import"./Icon.499534c0.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.3da43df6.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:`{
   render: arguments_ => <Alert {...arguments_} />,
   args: {
     status: 'info',

assets/Banner.stories.3c56a350.js → assets/Banner.stories.ec348bb0.js

@@ -1,4 +1,4 @@
-import{j as n}from"./index.7eca609e.js";/* empty css                */import{B as a,b as U,L as u}from"./TextIntroduction.0ad8d5db.js";import"./Dropdown.2144c0d0.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.37ce01fa.js";import"./Icon.a06444fe.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.9b478b45.js";import"../sb-preview/runtime.js";const I={title:"Components (Verified)/Banner (US gov)",tags:["autodocs"],component:a,argTypes:{}},t=e=>{e.preventDefault()},s=({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(s,{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 i={...r,render:e=>n.exports.jsx(a,{...e}),args:{links:[n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 1"})},"Link 1"),n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 2"})},"Link 2"),n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 3"})},"Link 3")]}};i.storyName="US gov banner (with generic links)";var p,c,l;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{j as n}from"./index.7eca609e.js";/* empty css                */import{B as a,b as U,L as u}from"./TextIntroduction.9da59396.js";import"./Dropdown.2a262cd5.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.5c530165.js";import"./Icon.499534c0.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.3da43df6.js";import"../sb-preview/runtime.js";const I={title:"Components (Verified)/Banner (US gov)",tags:["autodocs"],component:a,argTypes:{}},t=e=>{e.preventDefault()},s=({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(s,{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 i={...r,render:e=>n.exports.jsx(a,{...e}),args:{links:[n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 1"})},"Link 1"),n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 2"})},"Link 2"),n.exports.jsx(s,{children:n.exports.jsx("a",{href:"/link",children:"Link 3"})},"Link 3")]}};i.storyName="US gov banner (with generic links)";var p,c,l;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
   render: properties => <Banner {...properties} />,
   args: {
     links: []

assets/Buttons.stories.1462618b.js → assets/Buttons.stories.1ad25236.js

@@ -1,4 +1,4 @@
-import{j as e}from"./index.7eca609e.js";/* empty css                */import{c as l}from"./TextIntroduction.0ad8d5db.js";import{B as t}from"./Dropdown.2144c0d0.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.37ce01fa.js";import"./Icon.a06444fe.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.9b478b45.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.9da59396.js";import{B as t}from"./Dropdown.2a262cd5.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.5c530165.js";import"./Icon.499534c0.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.3da43df6.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.
 
 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:`{
   args: {

assets/Divider.stories.3638fa0e.js → assets/Divider.stories.4f9318c0.js

@@ -1,4 +1,4 @@
-import{j as o}from"./index.7eca609e.js";/* empty css                */import{D as i}from"./TextIntroduction.0ad8d5db.js";import"./Dropdown.2144c0d0.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.37ce01fa.js";import"./Icon.a06444fe.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.9b478b45.js";import"../sb-preview/runtime.js";const N={title:"Components (Draft)/Divider",component:i,tags:["autodocs"],parameters:{docs:{description:{component:`
+import{j as o}from"./index.7eca609e.js";/* empty css                */import{D as i}from"./TextIntroduction.9da59396.js";import"./Dropdown.2a262cd5.js";import"./Checkbox.1213d1d0.js";import"./ExpandableGroup.5c530165.js";import"./Icon.499534c0.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.3da43df6.js";import"../sb-preview/runtime.js";const N={title:"Components (Draft)/Divider",component:i,tags:["autodocs"],parameters:{docs:{description:{component:`
 ### CFPB DS Divider component
 
 A component to provide a horizontal rule for separating content.