Deploying to gh-pages from @ 64e4b61 🚀

demo-DES-582-button-refactor/project.json

@@ -1 +1 @@
-{"generatedAt":1707743885495,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"8.15.1"},"features":{"buildStoriesJson":true,"storyStoreV7":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.10","storybookVersionSpecifier":"7.6.10","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.10"},"@storybook/addon-viewport":{"version":"7.6.10"},"@storybook/blocks":{"version":"7.6.10"},"@storybook/manager-api":{"version":"7.6.10"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/react":{"version":"7.6.10"},"@storybook/react-vite":{"version":"7.6.10"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.10"},"storybook":{"version":"7.6.10"}},"addons":{"@storybook/addon-links":{"version":"7.6.10"},"@storybook/addon-essentials":{"version":"7.6.10"},"@storybook/addon-interactions":{"version":"7.6.10"},"@storybook/addon-a11y":{"version":"7.6.10"},"@storybook/addon-docs":{"version":"7.6.10"}}}
+{"generatedAt":1707746887954,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"8.15.1"},"features":{"buildStoriesJson":true,"storyStoreV7":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.10","storybookVersionSpecifier":"7.6.10","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.10"},"@storybook/addon-viewport":{"version":"7.6.10"},"@storybook/blocks":{"version":"7.6.10"},"@storybook/manager-api":{"version":"7.6.10"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/react":{"version":"7.6.10"},"@storybook/react-vite":{"version":"7.6.10"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/theming":{"version":"7.6.10"},"storybook":{"version":"7.6.10"}},"addons":{"@storybook/addon-links":{"version":"7.6.10"},"@storybook/addon-essentials":{"version":"7.6.10"},"@storybook/addon-interactions":{"version":"7.6.10"},"@storybook/addon-a11y":{"version":"7.6.10"},"@storybook/addon-docs":{"version":"7.6.10"}}}

demo-DES-582-button-refactor/storybook-react/assets/Accordion.docs-0WCqzUGp.js → demo-DES-582-button-refactor/storybook-react/assets/Accordion.docs-E1oZbSBu.js

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as r,P as c,e as d,f as o}from"./index-fbl5uEbG.js";import{A as h,E as l,T as p}from"./Accordion.stories-SVo35GK3.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";import"./exampleContent-GJvLNqvD.js";const m=`# Accordion
+import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as r,P as c,e as d,f as o}from"./index-CIjvFjBz.js";import{A as h,E as l,T as p}from"./Accordion.stories-SVo35GK3.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";import"./exampleContent-GJvLNqvD.js";const m=`# Accordion
 
 The accordion component is a clickable (vertically stacked) list of headings to hide or show associated content.
 With an accordion, you offer content to users progressively.

demo-DES-582-button-refactor/storybook-react/assets/Alert.docs-CwfcVA3a.js → demo-DES-582-button-refactor/storybook-react/assets/Alert.docs-yERneaaE.js

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-vNq4Oc-g.js";import{M as o,d as a,P as c,e as l,f as i}from"./index-fbl5uEbG.js";import{A as h,W as d,E as m,S as f,I as u,a as p,b as x,c as j}from"./Alert.stories-nsRCyWBF.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const g=`# Alert
+import{j as n}from"./jsx-runtime-vNq4Oc-g.js";import{M as o,d as a,P as c,e as l,f as i}from"./index-CIjvFjBz.js";import{A as h,W as d,E as m,S as f,I as u,a as p,b as x,c as j}from"./Alert.stories-nsRCyWBF.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const g=`# Alert
 
 An Alert informs the user of a significant or time-sensitive message without interrupting their task.
 

demo-DES-582-button-refactor/storybook-react/assets/AspectRatio.docs-Qjj1w8Ii.js → demo-DES-582-button-refactor/storybook-react/assets/AspectRatio.docs-lC5Wq_-q.js

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as o,d as r,P as d,e as l,f as s}from"./index-fbl5uEbG.js";import{A as x,D as h,E as c,W as m,S as p,T as j,a as f}from"./AspectRatio.stories-GlByfW4F.js";import{useMDXComponents as i}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const u=`# Aspect Ratio
+import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as o,d as r,P as d,e as l,f as s}from"./index-CIjvFjBz.js";import{A as x,D as h,E as c,W as m,S as p,T as j,a as f}from"./AspectRatio.stories-GlByfW4F.js";import{useMDXComponents as i}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const u=`# Aspect Ratio
 
 Aspect Ratio updates the height of an element with its width.
 

demo-DES-582-button-refactor/storybook-react/assets/Badge.docs-uBtDOPAc.js → demo-DES-582-button-refactor/storybook-react/assets/Badge.docs-AVYe2Ftn.js

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as i,P as a,e as c}from"./index-fbl5uEbG.js";import{B as m}from"./Badge.stories-xk2Cz9J2.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const d=`# Badge
+import{j as n}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as i,P as a,e as c}from"./index-CIjvFjBz.js";import{B as m}from"./Badge.stories-xk2Cz9J2.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const d=`# Badge
 
 A prominently coloured box containing 1 or 2 words.
 Guides the user in taking a specific action or describes its surrounding content.

demo-DES-582-button-refactor/storybook-react/assets/Blockquote.docs-XVHva8rd.js → demo-DES-582-button-refactor/storybook-react/assets/Blockquote.docs-gQSXW35G.js

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as i,P as a,e as c,f as h}from"./index-fbl5uEbG.js";import{B as m,I as l}from"./Blockquote.stories-WLzyww9d.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";import"./exampleContent-GJvLNqvD.js";const u=`# Blockquote
+import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as i,P as a,e as c,f as h}from"./index-CIjvFjBz.js";import{B as m,I as l}from"./Blockquote.stories-WLzyww9d.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";import"./exampleContent-GJvLNqvD.js";const u=`# Blockquote
 
 We use blockquotes to emphasize citations.
 A quote appears differently from the main text to make it stand out.

demo-DES-582-button-refactor/storybook-react/assets/Breadcrumb.docs-aPsZ8Cl0.js → demo-DES-582-button-refactor/storybook-react/assets/Breadcrumb.docs-l45CnY9F.js

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as a,P as o}from"./index-fbl5uEbG.js";import{B as c}from"./Breadcrumb.stories-uTehKm8M.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const m=`# Breadcrumb
+import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as a,P as o}from"./index-CIjvFjBz.js";import{B as c}from"./Breadcrumb.stories-uTehKm8M.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const m=`# Breadcrumb
 
 The breadcrumb is a secondary navigation pattern that helps a user understand the structure between levels in the website up to the current page.
 Users can use it to navigate.

demo-DES-582-button-refactor/storybook-react/assets/Button.docs-RI3Tnzyj.js → demo-DES-582-button-refactor/storybook-react/assets/Button.docs-3UPf5Vn3.js

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as a,d as i,P as c,e as h,f as o}from"./index-fbl5uEbG.js";import{B as d,P as l,a as u,S as m,b as p,T as b}from"./Button.stories--xxzQ0KX.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const w=`# Button
+import{j as t}from"./jsx-runtime-vNq4Oc-g.js";import{M as a,d as i,P as c,e as l,f as o}from"./index-CIjvFjBz.js";import{B as u,P as h,S as d,T as m,a as p}from"./Button.stories-31sfSj8V.js";import{useMDXComponents as r}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const b=`# Button
 
 Allows the user to perform actions and operate the user interface.
 
@@ -25,25 +25,23 @@ Allows the user to perform actions and operate the user interface.
 
 - [W3C - Focus Visible](https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html)
 - [W3C - Headings & labels](https://www.w3.org/TR/WCAG21/#headings-and-labels)
-`;function s(n){const e=Object.assign({h2:"h2",p:"p",h3:"h3"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:d}),`
-`,t.jsx(i,{children:w}),`
+`;function s(n){const e=Object.assign({h2:"h2",p:"p",h3:"h3"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(a,{of:u}),`
+`,t.jsx(i,{children:b}),`
 `,t.jsx(c,{}),`
-`,t.jsx(h,{}),`
+`,t.jsx(l,{}),`
 `,t.jsx(e.h2,{id:"examples",children:"Examples"}),`
 `,t.jsx(e.p,{children:`Primary, secondary and tertiary buttons can be used side by side.
 Skipping levels is allowed.`}),`
 `,t.jsx(e.h3,{id:"primary",children:"Primary"}),`
 `,t.jsx(e.p,{children:`The most important call-to-action button.
 One primary button may be used per screen.`}),`
-`,t.jsx(o,{of:l}),`
-`,t.jsx(e.h3,{id:"primary-with-icon-right",children:"Primary with icon right"}),`
-`,t.jsx(o,{of:u}),`
+`,t.jsx(o,{of:h}),`
 `,t.jsx(e.h3,{id:"secondary",children:"Secondary"}),`
 `,t.jsx(e.p,{children:`Use the secondary button for less prominent calls to action.
 It is possible to use more than 1 secondary button.`}),`
-`,t.jsx(o,{of:m}),`
-`,t.jsx(e.h3,{id:"secondary-with-badge",children:"Secondary with badge"}),`
-`,t.jsx(o,{of:p}),`
+`,t.jsx(o,{of:d}),`
 `,t.jsx(e.h3,{id:"tertiary",children:"Tertiary"}),`
 `,t.jsx(e.p,{children:"Use tertiary buttons for unimportant calls to action – as many as necessary."}),`
-`,t.jsx(o,{of:b})]})}function S(n={}){const{wrapper:e}=Object.assign({},r(),n.components);return e?t.jsx(e,Object.assign({},n,{children:t.jsx(s,n)})):s(n)}export{S as default};
+`,t.jsx(o,{of:m}),`
+`,t.jsx(e.h3,{id:"button-with-an-icon",children:"Button with an icon"}),`
+`,t.jsx(o,{of:p})]})}function R(n={}){const{wrapper:e}=Object.assign({},r(),n.components);return e?t.jsx(e,Object.assign({},n,{children:t.jsx(s,n)})):s(n)}export{R as default};

demo-DES-582-button-refactor/storybook-react/assets/Button.stories-31sfSj8V.js

@@ -0,0 +1,19 @@
+import{j as S}from"./jsx-runtime-vNq4Oc-g.js";import{e as h,f as v,S as b}from"./index.esm-TjYPpUpR.js";const f={title:"Buttons/Button",component:h,args:{children:"Default",variant:"primary",disabled:!1,busy:!1},argTypes:{children:{table:{disable:!0}},disabled:{control:"boolean"},variant:{control:"select",options:["primary","secondary","tertiary"]}}},r={args:{children:"Primary"}},e={args:{children:"Secondary",variant:"secondary"}},a={args:{children:"Tertiary",variant:"tertiary"}},s={args:{children:["Primary",S.jsx(v,{svg:b,size:"level-5"},"icon")]}};var o,n,t;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  args: {
+    children: 'Primary'
+  }
+}`,...(t=(n=r.parameters)==null?void 0:n.docs)==null?void 0:t.source}}};var c,i,d;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    children: 'Secondary',
+    variant: 'secondary'
+  }
+}`,...(d=(i=e.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var l,m,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    children: 'Tertiary',
+    variant: 'tertiary'
+  }
+}`,...(p=(m=a.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var y,u,g;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    children: ['Primary', <Icon key="icon" svg={ShareIcon} size="level-5" />]
+  }
+}`,...(g=(u=s.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const P=["Primary","Secondary","Tertiary","ButtonWithAnIcon"],_=Object.freeze(Object.defineProperty({__proto__:null,ButtonWithAnIcon:s,Primary:r,Secondary:e,Tertiary:a,__namedExportsOrder:P,default:f},Symbol.toStringTag,{value:"Module"}));export{_ as B,r as P,e as S,a as T,s as a};

demo-DES-582-button-refactor/storybook-react/assets/Card.docs-pafyHGsY.js → demo-DES-582-button-refactor/storybook-react/assets/Card.docs-WmnT_j7T.js

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as r,P as c,e as d,f as n}from"./index-fbl5uEbG.js";import{C as h,W as l,a as p}from"./Card.stories-wV1E-tsP.js";import{useMDXComponents as o}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const g=`# Card
+import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as s,d as r,P as c,e as d,f as n}from"./index-CIjvFjBz.js";import{C as h,W as l,a as p}from"./Card.stories-wV1E-tsP.js";import{useMDXComponents as o}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const g=`# Card
 
 Use a card on an overview page to link to an article page, such as a news article, a job vacancy, or a search result.
 The card typically includes the title, introduction, and an image of the content.

demo-DES-582-button-refactor/storybook-react/assets/Checkbox.docs-RmzA-lV1.js → demo-DES-582-button-refactor/storybook-react/assets/Checkbox.docs-zV0dl6nM.js

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as a,P as r,e as c,f as l}from"./index-fbl5uEbG.js";import{C as h,L as d}from"./Checkbox.stories-SDa8-VVL.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-kb9-olbL.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const m=`# Checkbox
+import{j as e}from"./jsx-runtime-vNq4Oc-g.js";import{M as i,d as a,P as r,e as c,f as l}from"./index-CIjvFjBz.js";import{C as h,L as d}from"./Checkbox.stories-SDa8-VVL.js";import{useMDXComponents as s}from"./index-_VGcpBFS.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./iframe-tkHeC95B.js";import"../sb-preview/runtime.js";import"./index-jmm5gWkb.js";import"./index-ogXoivrg.js";import"./index-MVbLLYTZ.js";import"./index-PPLHz8o0.js";import"./index.esm-TjYPpUpR.js";const m=`# Checkbox
 
 Allows users to make a selection or agree to terms.