Deploying to docs from @ cf6aa43 🚀

assets/Alert.stories-507d898b.js → assets/Alert.stories-c5afdba1.js

@@ -1,4 +1,4 @@
-import{j as r,a as x,F as h}from"./emotion-react-jsx-runtime.browser.esm-ccbc8680.js";import{A as m,a as k,b as C,c as v,d as M,e as g}from"./TextArea-18216739.js";import"./index-b6937ee2.js";import{A as $}from"./Tooltip-c1347577.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-8c426718.js";import"./index-4d501b15.js";import"./_commonjsHelpers-725317a4.js";const u=["tertiary","ghost","success","info","error","warning","neutral"],f=[{key:"icon-title-close",title:"Icon, title, and close button",onClose:()=>{}},{key:"title-close",title:"Title and close button",icon:null,onClose:()=>{}},{key:"icon-title",title:"Icon and title"},{key:"title",title:"Title",icon:null},{key:"icon-close",onClose:()=>{}},{key:"close",icon:null,onClose:()=>{}},{key:"icon"},{key:"text-only",icon:null}],F={title:"Components/Alert",component:m,parameters:{...k,variants:u,auxiliaryClassNames:["alert-icon"],auxiliaryComponents:[C,v,M,g]}},y=({Alert:d})=>r(h,{children:f.map(({key:a,...A})=>u.map(o=>x(d,{"data-variant":o,"data-layout":a,...A,children:[r("p",{children:"More text here"}),r("p",{children:"More text here"}),r("p",{children:"More text here"})]},`${o}-${a}`)))}),e=y.bind({});e.args={Alert:m};e.parameters={useEmotion:!0};const t=y.bind({});t.args={Alert:$};t.parameters={useEmotion:!1};var n,s,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`({
+import{j as a,a as x,F as h}from"./emotion-react-jsx-runtime.browser.esm-3699e87e.js";import{A as m,a as k,b as C,c as v,d as M,e as g}from"./TextArea-01517573.js";import"./index-d8ade8ea.js";import{A as $}from"./Tooltip-53a04026.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-7e8b2c4e.js";import"./index-4d501b15.js";import"./_commonjsHelpers-042e6b4d.js";const u=["tertiary","ghost","success","info","error","warning","neutral"],f=[{key:"icon-title-close",title:"Icon, title, and close button",onClose:()=>{}},{key:"title-close",title:"Title and close button",icon:null,onClose:()=>{}},{key:"icon-title",title:"Icon and title"},{key:"title",title:"Title",icon:null},{key:"icon-close",onClose:()=>{}},{key:"close",icon:null,onClose:()=>{}},{key:"icon"},{key:"text-only",icon:null}],S={title:"Components/Alert",component:m,parameters:{...k,variants:u,auxiliaryClassNames:["alert-icon"],auxiliaryComponents:[C,v,M,g]}},y=({Alert:d})=>a(h,{children:f.map(({key:r,...A})=>u.map(o=>x(d,{"data-variant":o,"data-layout":r,...A,children:[a("p",{children:"More text here"}),a("p",{children:"More text here"}),a("p",{children:"More text here"})]},`${o}-${r}`)))}),e=y.bind({});e.args={Alert:m};e.parameters={useEmotion:!0};const t=y.bind({});t.args={Alert:$};t.parameters={useEmotion:!1};var n,s,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`({
   Alert
 }) => <>
     {layouts.map(({
@@ -20,5 +20,4 @@ import{j as r,a as x,F as h}from"./emotion-react-jsx-runtime.browser.esm-ccbc868
           <p>More text here</p>
           <p>More text here</p>
         </Alert>))}
-  </>`,...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const S=["Emotion","Class"];export{t as Class,e as Emotion,S as __namedExportsOrder,F as default};
-//# sourceMappingURL=Alert.stories-507d898b.js.map
+  </>`,...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const _=["Emotion","Class"];export{t as Class,e as Emotion,_ as __namedExportsOrder,S as default};

assets/Anchor.stories-bd9331c3.js → assets/Anchor.stories-dbdfaa91.js

@@ -1,4 +1,4 @@
-import{j as o,a as A,F as b}from"./emotion-react-jsx-runtime.browser.esm-ccbc8680.js";import{f as r,g as v,h as f}from"./TextArea-18216739.js";import"./index-b6937ee2.js";import{a as B}from"./Tooltip-c1347577.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-8c426718.js";import"./index-4d501b15.js";import"./_commonjsHelpers-725317a4.js";const s=["Default","Disabled","Hover","Focus","Visited"],j={title:"Components/Anchor",component:r,parameters:{...v,variants:s}},u=({Anchor:e,ButtonAnchor:l})=>A(b,{children:[s.map(t=>o(e,{href:t==="Disabled"?void 0:"#","data-pseudo":t.toLowerCase(),children:"Link text here"})),s.map(t=>o(l,{disabled:t==="Disabled","data-pseudo":t.toLowerCase(),children:"Button text here"}))]}),a=u.bind({});a.args={Anchor:r,ButtonAnchor:r.withComponent("button",{target:"e1l0y1a00"})};const n=u.bind({});n.args={Anchor:B,ButtonAnchor:e=>o("button",{className:f,...e,type:"button"})};var i,c,d;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`({
+import{j as o,a as A,F as b}from"./emotion-react-jsx-runtime.browser.esm-3699e87e.js";import{f as r,g as v,h as f}from"./TextArea-01517573.js";import"./index-d8ade8ea.js";import{a as B}from"./Tooltip-53a04026.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-7e8b2c4e.js";import"./index-4d501b15.js";import"./_commonjsHelpers-042e6b4d.js";const s=["Default","Disabled","Hover","Focus","Visited"],j={title:"Components/Anchor",component:r,parameters:{...v,variants:s}},u=({Anchor:e,ButtonAnchor:l})=>A(b,{children:[s.map(t=>o(e,{href:t==="Disabled"?void 0:"#","data-pseudo":t.toLowerCase(),children:"Link text here"})),s.map(t=>o(l,{disabled:t==="Disabled","data-pseudo":t.toLowerCase(),children:"Button text here"}))]}),a=u.bind({});a.args={Anchor:r,ButtonAnchor:r.withComponent("button",{target:"e1l0y1a00"})};const n=u.bind({});n.args={Anchor:B,ButtonAnchor:e=>o("button",{className:f,...e,type:"button"})};var i,c,d;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`({
   Anchor,
   ButtonAnchor
 }) => <>
@@ -8,7 +8,7 @@ import{j as o,a as A,F as b}from"./emotion-react-jsx-runtime.browser.esm-ccbc868
     {contentVariants.map(variant => <ButtonAnchor disabled={variant === 'Disabled'} data-pseudo={variant.toLowerCase()}>
         Button text here
       </ButtonAnchor>)}
-  </>`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var h,m,p;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`({
+  </>`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,p,h;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`({
   Anchor,
   ButtonAnchor
 }) => <>
@@ -18,5 +18,4 @@ import{j as o,a as A,F as b}from"./emotion-react-jsx-runtime.browser.esm-ccbc868
     {contentVariants.map(variant => <ButtonAnchor disabled={variant === 'Disabled'} data-pseudo={variant.toLowerCase()}>
         Button text here
       </ButtonAnchor>)}
-  </>`,...(p=(m=n.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const k=["Emotion","Class"];export{n as Class,a as Emotion,k as __namedExportsOrder,j as default};
-//# sourceMappingURL=Anchor.stories-bd9331c3.js.map
+  </>`,...(h=(p=n.parameters)==null?void 0:p.docs)==null?void 0:h.source}}};const k=["Emotion","Class"];export{n as Class,a as Emotion,k as __namedExportsOrder,j as default};

assets/Badge.stories-4cef9896.js → assets/Badge.stories-d5903e48.js

@@ -1,4 +1,4 @@
-import{j as t,a as i,F as z}from"./emotion-react-jsx-runtime.browser.esm-ccbc8680.js";import{B as h,i as f,v as x,F as l}from"./TextArea-18216739.js";import{r as B}from"./index-b6937ee2.js";import{B as y}from"./Tooltip-c1347577.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-8c426718.js";import"./index-4d501b15.js";import"./_commonjsHelpers-725317a4.js";const u=Object.keys(x),C={title:"Components/Badge",component:h,parameters:{...f,variants:u}},v=({Badge:F})=>t(z,{children:["x-large","large","medium","small","x-small"].map(s=>i(B.Fragment,{children:[t("h4",{children:s}),["left","right",!1].map(r=>u.map(n=>i(F,{"data-variant":n,"data-size":s,children:[r==="left"?t(l,{size:s?16:20}):null,"Text",r==="right"?t(l,{size:s?16:20}):null]},n+r)))]},s))}),a=v.bind({});a.args={Badge:h};a.parameters={useEmotion:!0};const e=v.bind({});e.args={Badge:y};e.parameters={useEmotion:!1};var o,m,d;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`({
+import{j as t,a as i,F as z}from"./emotion-react-jsx-runtime.browser.esm-3699e87e.js";import{B as h,i as f,v as x,F as l}from"./TextArea-01517573.js";import{r as B}from"./index-d8ade8ea.js";import{B as y}from"./Tooltip-53a04026.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-7e8b2c4e.js";import"./index-4d501b15.js";import"./_commonjsHelpers-042e6b4d.js";const u=Object.keys(x),C={title:"Components/Badge",component:h,parameters:{...f,variants:u}},v=({Badge:F})=>t(z,{children:["x-large","large","medium","small","x-small"].map(s=>i(B.Fragment,{children:[t("h4",{children:s}),["left","right",!1].map(r=>u.map(n=>i(F,{"data-variant":n,"data-size":s,children:[r==="left"?t(l,{size:s?16:20}):null,"Text",r==="right"?t(l,{size:s?16:20}):null]},n+r)))]},s))}),a=v.bind({});a.args={Badge:h};a.parameters={useEmotion:!0};const e=v.bind({});e.args={Badge:y};e.parameters={useEmotion:!1};var o,m,d;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`({
   Badge
 }) => <>
     {(['x-large', 'large', 'medium', 'small', 'x-small'] as const).map(size => <React.Fragment key={size}>
@@ -21,4 +21,3 @@ import{j as t,a as i,F as z}from"./emotion-react-jsx-runtime.browser.esm-ccbc868
               </Badge>))}
         </React.Fragment>)}
   </>`,...(p=(g=e.parameters)==null?void 0:g.docs)==null?void 0:p.source}}};const S=["Emotion","Class"];export{e as Class,a as Emotion,S as __namedExportsOrder,C as default};
-//# sourceMappingURL=Badge.stories-4cef9896.js.map

assets/Banner.stories-cac69972.js

@@ -0,0 +1,55 @@
+import{j as n,a as m,F as N}from"./emotion-react-jsx-runtime.browser.esm-3699e87e.js";import{_ as C,I as w,D as z,ao as E,ap as x,P as H,aq as T}from"./TextArea-01517573.js";import{e as V,c as _}from"./index-5c4d8feb.js";import{R as r}from"./index-d8ade8ea.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-7e8b2c4e.js";import"./index-4d501b15.js";import"./InputStructure-e946bee2.js";import"./Tooltip-53a04026.js";import"./ThemeProvider-435c5e76.js";import"./emotion-react.browser.esm-e172f3ff.js";import"./_commonjsHelpers-042e6b4d.js";var l,p,j=["children","size"],P=r.forwardRef(function(e,i){var o=e.children,c=e.size,d=c===void 0?16:c,y=C(e,j);return r.createElement(w,z({width:d,height:d,ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor"},y),l||(l=r.createElement("path",{d:"M8 18H14V20H8zM8 22H18V24H8z"})),p||(p=r.createElement("path",{d:"M26,4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM18,6v4H14V6ZM6,26V6h6v6h8V6h6l.0012,20Z"})),o)});const M=[void 0,"single","dismissed","basic"],S=Object.keys(T),G={title:"Components/Banner",component:E,parameters:{...x}},g=({components:s})=>n(N,{children:M.map(e=>S.map(i=>{const o=e==="dismissed"||e==="basic";return m(s.Banner,{"data-variant":i,children:[e!=="basic"&&n("div",{className:"banner-icon",children:n(P,{size:32})}),n("h4",{className:"banner-title",children:"Tease usefull information"}),o&&n("div",{className:"banner-close",children:n(H,{size:24})}),n("aside",{className:"banner-content",children:"Educate the user on this area, describe what needs to be done and how to approach it."}),!o&&m("div",{className:"banner-actions",children:[e!=="single"&&n(s.Button,{"data-variant":"secondary",children:"Button"}),n(s.Button,{"data-variant":"ghost",children:"Button"})]})]})}))}),a=g.bind({});a.args={components:V};a.parameters={useEmotion:!0};const t=g.bind({});t.args={components:_};t.parameters={useEmotion:!1};var h,u,v;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`({
+  components
+}) => <>
+    {bannerTypes.map(type => variants.map(variant => {
+    const hasCloseBtn = type === 'dismissed' || type === 'basic';
+    return <components.Banner data-variant={variant}>
+            {type !== 'basic' && <div className="banner-icon">
+                <Product size={32} />
+              </div>}
+            <h4 className="banner-title">Tease usefull information</h4>
+            {hasCloseBtn && <div className="banner-close">
+                <Close size={24} />
+              </div>}
+            <aside className="banner-content">
+              Educate the user on this area, describe what needs to be done and
+              how to approach it.
+            </aside>
+            {!hasCloseBtn && <div className="banner-actions">
+                {type !== 'single' && <components.Button data-variant="secondary">
+                    Button
+                  </components.Button>}
+                <components.Button data-variant="ghost">
+                  Button
+                </components.Button>
+              </div>}
+          </components.Banner>;
+  }))}
+  </>`,...(v=(u=a.parameters)==null?void 0:u.docs)==null?void 0:v.source}}};var b,B,f;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`({
+  components
+}) => <>
+    {bannerTypes.map(type => variants.map(variant => {
+    const hasCloseBtn = type === 'dismissed' || type === 'basic';
+    return <components.Banner data-variant={variant}>
+            {type !== 'basic' && <div className="banner-icon">
+                <Product size={32} />
+              </div>}
+            <h4 className="banner-title">Tease usefull information</h4>
+            {hasCloseBtn && <div className="banner-close">
+                <Close size={24} />
+              </div>}
+            <aside className="banner-content">
+              Educate the user on this area, describe what needs to be done and
+              how to approach it.
+            </aside>
+            {!hasCloseBtn && <div className="banner-actions">
+                {type !== 'single' && <components.Button data-variant="secondary">
+                    Button
+                  </components.Button>}
+                <components.Button data-variant="ghost">
+                  Button
+                </components.Button>
+              </div>}
+          </components.Banner>;
+  }))}
+  </>`,...(f=(B=t.parameters)==null?void 0:B.docs)==null?void 0:f.source}}};const J=["Emotion","Class"];export{t as Class,a as Emotion,J as __namedExportsOrder,G as default};