diff --git a/pr-preview/pr-759/storybook/assets/AppShell.stories-BzwMweaB.js b/pr-preview/pr-759/storybook/assets/AppShell.stories-QGJSu_4e.js similarity index 98% rename from pr-preview/pr-759/storybook/assets/AppShell.stories-BzwMweaB.js rename to pr-preview/pr-759/storybook/assets/AppShell.stories-QGJSu_4e.js index 8ac17852f..7548d49cd 100644 --- a/pr-preview/pr-759/storybook/assets/AppShell.stories-BzwMweaB.js +++ b/pr-preview/pr-759/storybook/assets/AppShell.stories-QGJSu_4e.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-D6fbYt3N.js";import{A as ue}from"./AppBody.component-BF1AGHSW.js";import{P as H}from"./PageHeader.component-D32U03GT.js";import{M as W}from"./MainContainer.component-BAdvpFrS.js";import{C as k}from"./ContentContainer.component-Ce7uhB0I.js";import{P as M}from"./PageFooter.component-DAOOYk8f.js";import{H as F}from"./HeaderContainer.component-BajwYmhM.js";import{S as P,a as t}from"./SideNavigationItem.component-DQKgtNJY.js";import{T as w,a as i}from"./TopNavigationItem.component-D6yBgsel.js";import{T as fe,a as T}from"./TabNavigationItem.component-zMJND055.js";import{C as a}from"./ContentHeading.component-2jM_dgUw.js";import{C as ve}from"./Container.component-CzIMm-Jh.js";import"./index-DysCNOs_.js";import"./NavigationItem.component-Bi5aedev.js";import"./Icon.component-2xgVOn6B.js";import"./widgets-BR6-ubtP.js";const ye=` +import{j as e}from"./jsx-runtime-D6fbYt3N.js";import{A as ue}from"./AppBody.component-BF1AGHSW.js";import{P as H}from"./PageHeader.component-D32U03GT.js";import{M as W}from"./MainContainer.component-BAdvpFrS.js";import{C as k}from"./ContentContainer.component-Ce7uhB0I.js";import{P as M}from"./PageFooter.component-DAOOYk8f.js";import{H as F}from"./HeaderContainer.component-BajwYmhM.js";import{S as P,a as t}from"./SideNavigationItem.component-5EXh25A3.js";import{T as w,a as i}from"./TopNavigationItem.component-DQ-a9Gky.js";import{T as fe,a as T}from"./TabNavigationItem.component-H0BY6oWE.js";import{C as a}from"./ContentHeading.component-2jM_dgUw.js";import{C as ve}from"./Container.component-CzIMm-Jh.js";import"./index-DysCNOs_.js";import"./NavigationItem.component-4f_-rnW1.js";import"./Icon.component-Bb8hz3SE.js";import"./widgets-BR6-ubtP.js";const ye=` jn-flex jn-grow `,be=` diff --git a/pr-preview/pr-759/storybook/assets/AppShellProvider.stories-Bu3C9nMX.js b/pr-preview/pr-759/storybook/assets/AppShellProvider.stories-DW1B26pc.js similarity index 94% rename from pr-preview/pr-759/storybook/assets/AppShellProvider.stories-Bu3C9nMX.js rename to pr-preview/pr-759/storybook/assets/AppShellProvider.stories-DW1B26pc.js index 4c690708c..efa4007c3 100644 --- a/pr-preview/pr-759/storybook/assets/AppShellProvider.stories-Bu3C9nMX.js +++ b/pr-preview/pr-759/storybook/assets/AppShellProvider.stories-DW1B26pc.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-D6fbYt3N.js";import{M as s}from"./Message.component-C7GNY8GE.js";import{S as B,D as _}from"./StyleProvider.component-R8K2go4f.js";import{S as C}from"./ShadowRoot.component-CLRhA7vg.js";import{P as N}from"./PortalProvider.component-DJiEgPYG.js";import{C as o}from"./CodeBlock.component-Be0DlQAm.js";import"./index-DysCNOs_.js";import"./Icon.component-2xgVOn6B.js";import"./widgets-BR6-ubtP.js";import"./index-DxCGxluL.js";import"./JsonViewer.component-v1BzIG08.js";import"./SearchInput.component-BKZ9tSKd.js";import"./Stack.component-Cte3SL04.js";const I=({children:r,shadowRoot:h,shadowRootMode:c})=>h?e.jsx(C,{mode:c,children:e.jsx(e.Fragment,{children:r})}):r,i=({shadowRoot:r=!0,shadowRootMode:h="open",stylesWrapper:c="inline",theme:T=_,children:W})=>e.jsx(I,{shadowRoot:r,shadowRootMode:h,children:e.jsx(B,{theme:T,stylesWrapper:r?"inline":c,children:e.jsx(N,{children:W})})});try{i.displayName="AppShellProvider",i.__docgenInfo={description:"This provider acts as a wrapper for Juno apps. It renders a StyleProvider and PortalProvider",displayName:"AppShellProvider",props:{stylesWrapper:{defaultValue:{value:"inline"},description:"Where app stylesheets are imported. This is only relevant if shadowRoot === false. If you use a ShadowRoot the styles must be inline.",name:"stylesWrapper",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"inline"'}]}},theme:{defaultValue:{value:"theme-dark"},description:"theme: theme-dark or theme-light",name:"theme",required:!1,type:{name:"enum",value:[{value:'"theme-dark"'},{value:'"theme-light"'}]}},children:{defaultValue:null,description:"React nodes or a collection of React nodes to be rendered as content.",name:"children",required:!1,type:{name:"ReactNode"}},shadowRoot:{defaultValue:{value:"true"},description:"Whether the app is rendered inside a ShadowRoot. Only choose false if the app is meant to run as a stand-alone application.",name:"shadowRoot",required:!1,type:{name:"boolean"}},shadowRootMode:{defaultValue:{value:"open"},description:"Shadow root mode",name:"shadowRootMode",required:!1,type:{name:"enum",value:[{value:'"closed"'},{value:'"open"'}]}}}}}catch{}const K={title:"Layout/AppShellProvider",component:i,argTypes:{children:{control:!1}}},a=r=>e.jsx(i,{...r,children:r.children}),l={render:a,args:{children:[e.jsx(s,{children:"Juno styles are added inline"},0),e.jsx(o,{children:` +import{j as e}from"./jsx-runtime-D6fbYt3N.js";import{M as s}from"./Message.component-CWSR8w39.js";import{S as B,D as _}from"./StyleProvider.component-R8K2go4f.js";import{S as C}from"./ShadowRoot.component-CLRhA7vg.js";import{P as N}from"./PortalProvider.component-DJiEgPYG.js";import{C as o}from"./CodeBlock.component-C85U1LKS.js";import"./index-DysCNOs_.js";import"./Icon.component-Bb8hz3SE.js";import"./widgets-BR6-ubtP.js";import"./index-DxCGxluL.js";import"./JsonViewer.component-q7HV04hB.js";import"./SearchInput.component-D_hKPI80.js";import"./Stack.component-Cte3SL04.js";const I=({children:r,shadowRoot:h,shadowRootMode:c})=>h?e.jsx(C,{mode:c,children:e.jsx(e.Fragment,{children:r})}):r,i=({shadowRoot:r=!0,shadowRootMode:h="open",stylesWrapper:c="inline",theme:T=_,children:W})=>e.jsx(I,{shadowRoot:r,shadowRootMode:h,children:e.jsx(B,{theme:T,stylesWrapper:r?"inline":c,children:e.jsx(N,{children:W})})});try{i.displayName="AppShellProvider",i.__docgenInfo={description:"This provider acts as a wrapper for Juno apps. It renders a StyleProvider and PortalProvider",displayName:"AppShellProvider",props:{stylesWrapper:{defaultValue:{value:"inline"},description:"Where app stylesheets are imported. This is only relevant if shadowRoot === false. If you use a ShadowRoot the styles must be inline.",name:"stylesWrapper",required:!1,type:{name:"enum",value:[{value:'"head"'},{value:'"inline"'}]}},theme:{defaultValue:{value:"theme-dark"},description:"theme: theme-dark or theme-light",name:"theme",required:!1,type:{name:"enum",value:[{value:'"theme-dark"'},{value:'"theme-light"'}]}},children:{defaultValue:null,description:"React nodes or a collection of React nodes to be rendered as content.",name:"children",required:!1,type:{name:"ReactNode"}},shadowRoot:{defaultValue:{value:"true"},description:"Whether the app is rendered inside a ShadowRoot. Only choose false if the app is meant to run as a stand-alone application.",name:"shadowRoot",required:!1,type:{name:"boolean"}},shadowRootMode:{defaultValue:{value:"open"},description:"Shadow root mode",name:"shadowRootMode",required:!1,type:{name:"enum",value:[{value:'"closed"'},{value:'"open"'}]}}}}}catch{}const K={title:"Layout/AppShellProvider",component:i,argTypes:{children:{control:!1}}},a=r=>e.jsx(i,{...r,children:r.children}),l={render:a,args:{children:[e.jsx(s,{children:"Juno styles are added inline"},0),e.jsx(o,{children:` export default (props) => { return ( diff --git a/pr-preview/pr-759/storybook/assets/Badge.stories-ZxKJ2PJh.js b/pr-preview/pr-759/storybook/assets/Badge.stories-CKxAgG3i.js similarity index 98% rename from pr-preview/pr-759/storybook/assets/Badge.stories-ZxKJ2PJh.js rename to pr-preview/pr-759/storybook/assets/Badge.stories-CKxAgG3i.js index 60b0225d9..5d2b88b79 100644 --- a/pr-preview/pr-759/storybook/assets/Badge.stories-ZxKJ2PJh.js +++ b/pr-preview/pr-759/storybook/assets/Badge.stories-CKxAgG3i.js @@ -1,4 +1,4 @@ -import{I as oe,K as ee}from"./Icon.component-2xgVOn6B.js";import{j as v}from"./jsx-runtime-D6fbYt3N.js";import"./index-DysCNOs_.js";import"./widgets-BR6-ubtP.js";const ce=` +import{I as oe,K as ee}from"./Icon.component-Bb8hz3SE.js";import{j as v}from"./jsx-runtime-D6fbYt3N.js";import"./index-DysCNOs_.js";import"./widgets-BR6-ubtP.js";const ce=` jn-rounded jn-text-sm jn-text-theme-default @@ -16,7 +16,7 @@ import{I as oe,K as ee}from"./Icon.component-2xgVOn6B.js";import{j as v}from"./j It supports multiple semantic versions, each with distinct styling. Optionally, an icon can be included to further emphasize the meaning.`,displayName:"Badge",props:{variant:{defaultValue:{value:"default"},description:"Specify an optional semantic variant that determines the appearance of a badge.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"danger"'},{value:'"error"'},{value:'"info"'},{value:'"success"'},{value:'"warning"'}]}},icon:{defaultValue:{value:"false"},description:`Optional. If true, an icon corresponding to the variant will be displayed. -If a string is provided and it's a valid icon name, that icon will be displayed.`,name:"icon",required:!1,type:{name:'boolean | "search" | "default" | "download" | "accessTime" | "accountCircle" | "addCircle" | "autoAwesomeMosaic" | "autoAwesomeMotion" | "bolt" | "calendarToday" | "cancel" | ... 40 more ...'}},text:{defaultValue:{value:""},description:`Pass an optional string of text to be rendered as content. +If a string is provided and it's a valid icon name, that icon will be displayed.`,name:"icon",required:!1,type:{name:'boolean | "default" | "download" | "search" | "accessTime" | "accountCircle" | "addCircle" | "autoAwesomeMosaic" | "autoAwesomeMotion" | "bolt" | "calendarToday" | "cancel" | ... 40 more ...'}},text:{defaultValue:{value:""},description:`Pass an optional string of text to be rendered as content. Alternatively, content can be passed as children (see below). If children are provided, they will take precedence.`,name:"text",required:!1,type:{name:"string"}},className:{defaultValue:{value:""},description:"Pass an optional CSS class to apply to the message.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:`Pass optional React nodes or a collection of React nodes to be rendered as content. Takes precedence over the text property.`,name:"children",required:!1,type:{name:"ReactNode"}}}}}catch{}const he={title:"Components/Badge",component:g,parameters:{text:"default"},argTypes:{icon:{options:["default",...Object.values(ee)],control:{type:"select"}},children:{control:!1}}},a={args:{text:"With Icon",icon:!0}},n={args:{text:"Deleted",icon:"deleteForever"}},t={args:{variant:"info",text:"Info"}},s={args:{variant:"info",text:"Info",icon:!0}},o={args:{variant:"success",text:"Success"}},c={args:{variant:"success",text:"Success",icon:!0}},i={args:{variant:"warning",text:"Warning"}},d={args:{variant:"warning",text:"Warning",icon:!0}},u={args:{variant:"danger",text:"Danger"}},l={args:{variant:"danger",text:"Danger",icon:!0}},p={args:{variant:"error",text:"Error"}},m={args:{variant:"error",text:"Error",icon:!0}};var x,I,y;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{ diff --git a/pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DHEaje50.js b/pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DOjasIe0.js similarity index 94% rename from pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DHEaje50.js rename to pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DOjasIe0.js index 613542c6b..151c6c4a0 100644 --- a/pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DHEaje50.js +++ b/pr-preview/pr-759/storybook/assets/Breadcrumb.stories-DOjasIe0.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-D6fbYt3N.js";import{B as r}from"./BreadcrumbItem.component-Dgn0Q0Cu.js";import{r as h,e as m}from"./index-DysCNOs_.js";import{I}from"./Icon.component-2xgVOn6B.js";import{S as y}from"./Stack.component-Cte3SL04.js";import"./widgets-BR6-ubtP.js";const o=({children:a,className:n="",...u})=>{const c=h.Children.toArray(a).filter(m.isValidElement),p=c.map((b,s)=>e.jsxs(m.Fragment,{children:[e.jsx(r,{...b.props}),s{const c=h.Children.toArray(a).filter(m.isValidElement),p=c.map((b,s)=>e.jsxs(m.Fragment,{children:[e.jsx(r,{...b.props}),s{i&&!t&&i(f)};return e.jsx("span",{className:c,...s,children:e.jsxs("a",{href:l,className:y,"aria-label":d||a,onClick:p,children:[o,a]})})};try{m.displayName="BreadcrumbItem",m.__docgenInfo={description:"BreadcrumbItem represents an individual item within a Breadcrumb component.",displayName:"BreadcrumbItem",props:{icon:{defaultValue:null,description:"The icon type to display in the breadcrumb item.",name:"icon",required:!1,type:{name:"enum",value:[{value:'"search"'},{value:'"default"'},{value:'"download"'},{value:'"accessTime"'},{value:'"accountCircle"'},{value:'"addCircle"'},{value:'"autoAwesomeMosaic"'},{value:'"autoAwesomeMotion"'},{value:'"bolt"'},{value:'"calendarToday"'},{value:'"cancel"'},{value:'"check"'},{value:'"checkCircle"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"close"'},{value:'"comment"'},{value:'"contentCopy"'},{value:'"danger"'},{value:'"dangerous"'},{value:'"deleteForever"'},{value:'"description"'},{value:'"dns"'},{value:'"edit"'},{value:'"error"'},{value:'"errorOutline"'},{value:'"exitToApp"'},{value:'"expandLess"'},{value:'"expandMore"'},{value:'"filterAlt"'},{value:'"forum"'},{value:'"help"'},{value:'"home"'},{value:'"info"'},{value:'"manageAccounts"'},{value:'"monitorHeart"'},{value:'"moreVert"'},{value:'"nightsStay"'},{value:'"notificationsOff"'},{value:'"openInBrowser"'},{value:'"openInNew"'},{value:'"place"'},{value:'"severityLow"'},{value:'"severityMedium"'},{value:'"severityHigh"'},{value:'"severityCritical"'},{value:'"success"'},{value:'"upload"'},{value:'"warning"'},{value:'"wbSunny"'},{value:'"widgets"'}]}},href:{defaultValue:{value:"#"},description:"A URL the breadcrumb item points to for navigation.",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Item"},description:"The text to display inside the breadcrumb item.",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:{value:""},description:"The value for the aria-label attribute, used to improve accessibility.",name:"ariaLabel",required:!1,type:{name:"string"}},active:{defaultValue:{value:"false"},description:"Determines if this item is the last or currently active breadcrumb.",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The click event handler for the breadcrumb item.",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},disabled:{defaultValue:{value:"false"},description:"If true, disables the breadcrumb item.",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS class names to apply to the breadcrumb item for custom styling.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Custom content to render within the breadcrumb item, replacing the default content.",name:"children",required:!1,type:{name:"ReactNode"}}}}}catch{}export{m as B}; + ${v}`;if(r||t)return e.jsxs("span",{className:c,...s,children:[o,a]});const p=f=>{i&&!t&&i(f)};return e.jsx("span",{className:c,...s,children:e.jsxs("a",{href:l,className:y,"aria-label":d||a,onClick:p,children:[o,a]})})};try{m.displayName="BreadcrumbItem",m.__docgenInfo={description:"BreadcrumbItem represents an individual item within a Breadcrumb component.",displayName:"BreadcrumbItem",props:{icon:{defaultValue:null,description:"The icon type to display in the breadcrumb item.",name:"icon",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"download"'},{value:'"search"'},{value:'"accessTime"'},{value:'"accountCircle"'},{value:'"addCircle"'},{value:'"autoAwesomeMosaic"'},{value:'"autoAwesomeMotion"'},{value:'"bolt"'},{value:'"calendarToday"'},{value:'"cancel"'},{value:'"check"'},{value:'"checkCircle"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"close"'},{value:'"comment"'},{value:'"contentCopy"'},{value:'"danger"'},{value:'"dangerous"'},{value:'"deleteForever"'},{value:'"description"'},{value:'"dns"'},{value:'"edit"'},{value:'"error"'},{value:'"errorOutline"'},{value:'"exitToApp"'},{value:'"expandLess"'},{value:'"expandMore"'},{value:'"filterAlt"'},{value:'"forum"'},{value:'"help"'},{value:'"home"'},{value:'"info"'},{value:'"manageAccounts"'},{value:'"monitorHeart"'},{value:'"moreVert"'},{value:'"nightsStay"'},{value:'"notificationsOff"'},{value:'"openInBrowser"'},{value:'"openInNew"'},{value:'"place"'},{value:'"severityLow"'},{value:'"severityMedium"'},{value:'"severityHigh"'},{value:'"severityCritical"'},{value:'"success"'},{value:'"upload"'},{value:'"warning"'},{value:'"wbSunny"'},{value:'"widgets"'}]}},href:{defaultValue:{value:"#"},description:"A URL the breadcrumb item points to for navigation.",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:{value:"Item"},description:"The text to display inside the breadcrumb item.",name:"label",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:{value:""},description:"The value for the aria-label attribute, used to improve accessibility.",name:"ariaLabel",required:!1,type:{name:"string"}},active:{defaultValue:{value:"false"},description:"Determines if this item is the last or currently active breadcrumb.",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The click event handler for the breadcrumb item.",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},disabled:{defaultValue:{value:"false"},description:"If true, disables the breadcrumb item.",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS class names to apply to the breadcrumb item for custom styling.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Custom content to render within the breadcrumb item, replacing the default content.",name:"children",required:!1,type:{name:"ReactNode"}}}}}catch{}export{m as B}; diff --git a/pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-D6LeVLD0.js b/pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-CiG21eWw.js similarity index 96% rename from pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-D6LeVLD0.js rename to pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-CiG21eWw.js index 3b8591361..1b8b27f49 100644 --- a/pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-D6LeVLD0.js +++ b/pr-preview/pr-759/storybook/assets/BreadcrumbItem.stories-CiG21eWw.js @@ -1,4 +1,4 @@ -import{j as T}from"./jsx-runtime-D6fbYt3N.js";import{K as D}from"./Icon.component-2xgVOn6B.js";import{B as v}from"./BreadcrumbItem.component-Dgn0Q0Cu.js";import"./index-DysCNOs_.js";import"./widgets-BR6-ubtP.js";const e=A=>T.jsx(v,{...A}),x=Object.keys(D),_={title:"Components/Breadcrumb/BreadcrumbItem",component:v,argTypes:{icon:{options:x,control:{type:"select"}},children:{control:!1}}},r={render:e,parameters:{docs:{description:{story:"A default breadcrumb item"}}},args:{label:"Breadcrumb Item"}},a={render:e,parameters:{docs:{description:{story:"Pass any available icon name to render an additional icon for the item."}}},args:{icon:"place",label:"Breadcrumb Item with Icon"}},n={render:e,parameters:{docs:{description:{story:"An active item represents the current page."}}},args:{label:"Active Breadcrumb Item",active:!0}},t={render:e,parameters:{docs:{description:{story:"A disabled breadcrumb item."}}},args:{label:"Disabled Breadcrumb Item",disabled:!0}},s={render:e,parameters:{docs:{description:{story:"Typically the first item in a breadcrumb."}}},args:{label:"",icon:"home"}};var o,c,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as T}from"./jsx-runtime-D6fbYt3N.js";import{K as D}from"./Icon.component-Bb8hz3SE.js";import{B as v}from"./BreadcrumbItem.component-h3sOtjJV.js";import"./index-DysCNOs_.js";import"./widgets-BR6-ubtP.js";const e=A=>T.jsx(v,{...A}),x=Object.keys(D),_={title:"Components/Breadcrumb/BreadcrumbItem",component:v,argTypes:{icon:{options:x,control:{type:"select"}},children:{control:!1}}},r={render:e,parameters:{docs:{description:{story:"A default breadcrumb item"}}},args:{label:"Breadcrumb Item"}},a={render:e,parameters:{docs:{description:{story:"Pass any available icon name to render an additional icon for the item."}}},args:{icon:"place",label:"Breadcrumb Item with Icon"}},n={render:e,parameters:{docs:{description:{story:"An active item represents the current page."}}},args:{label:"Active Breadcrumb Item",active:!0}},t={render:e,parameters:{docs:{description:{story:"A disabled breadcrumb item."}}},args:{label:"Disabled Breadcrumb Item",disabled:!0}},s={render:e,parameters:{docs:{description:{story:"Typically the first item in a breadcrumb."}}},args:{label:"",icon:"home"}};var o,c,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ render: Template, parameters: { docs: { diff --git a/pr-preview/pr-759/storybook/assets/Button.component-Dr6THBUh.js b/pr-preview/pr-759/storybook/assets/Button.component-DM5YU-sk.js similarity index 75% rename from pr-preview/pr-759/storybook/assets/Button.component-Dr6THBUh.js rename to pr-preview/pr-759/storybook/assets/Button.component-DM5YU-sk.js index 4b83d710e..4a3dca7fe 100644 --- a/pr-preview/pr-759/storybook/assets/Button.component-Dr6THBUh.js +++ b/pr-preview/pr-759/storybook/assets/Button.component-DM5YU-sk.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-D6fbYt3N.js";import{e as N}from"./index-DysCNOs_.js";import{I}from"./Icon.component-2xgVOn6B.js";import{S as L}from"./Spinner.component-DGrCFjaQ.js";const g=` +import{j as l}from"./jsx-runtime-D6fbYt3N.js";import{e as N}from"./index-DysCNOs_.js";import{I}from"./Icon.component-Bb8hz3SE.js";import{S as L}from"./Spinner.component-DGrCFjaQ.js";const g=` jn-font-bold jn-inline-flex jn-justify-center @@ -53,4 +53,4 @@ import{j as l}from"./jsx-runtime-D6fbYt3N.js";import{e as N}from"./index-DysCNOs ${x(a,u)} ${C(t)} ${v} - `,disabled:c,onClick:o,ref:h,...b,title:r,children:[j,y]});return d?q:B});i.displayName="Button";try{i.displayName="Button",i.__docgenInfo={description:"The basic button component. Use this for `onClick` interactions.",displayName:"Button",props:{className:{defaultValue:{value:""},description:"Pass a className",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Specify title for accessibility. Gets value of label if no title specified",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},size:{defaultValue:{value:"default"},description:"Leave empty for default size",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'}]}},disabled:{defaultValue:null,description:"Whether the button is disabled",name:"disabled",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Optionally specify an href. This will turn the Button into an element",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Button label can be passed like this or as children",name:"label",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Pass the name of an icon the button should show. Can be any icon included with Juno.",name:"icon",required:!1,type:{name:"enum",value:[{value:'"search"'},{value:'"default"'},{value:'"download"'},{value:'"accessTime"'},{value:'"accountCircle"'},{value:'"addCircle"'},{value:'"autoAwesomeMosaic"'},{value:'"autoAwesomeMotion"'},{value:'"bolt"'},{value:'"calendarToday"'},{value:'"cancel"'},{value:'"check"'},{value:'"checkCircle"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"close"'},{value:'"comment"'},{value:'"contentCopy"'},{value:'"danger"'},{value:'"dangerous"'},{value:'"deleteForever"'},{value:'"description"'},{value:'"dns"'},{value:'"edit"'},{value:'"error"'},{value:'"errorOutline"'},{value:'"exitToApp"'},{value:'"expandLess"'},{value:'"expandMore"'},{value:'"filterAlt"'},{value:'"forum"'},{value:'"help"'},{value:'"home"'},{value:'"info"'},{value:'"manageAccounts"'},{value:'"monitorHeart"'},{value:'"moreVert"'},{value:'"nightsStay"'},{value:'"notificationsOff"'},{value:'"openInBrowser"'},{value:'"openInNew"'},{value:'"place"'},{value:'"severityLow"'},{value:'"severityMedium"'},{value:'"severityHigh"'},{value:'"severityCritical"'},{value:'"success"'},{value:'"upload"'},{value:'"warning"'},{value:'"wbSunny"'},{value:'"widgets"'}]}},variant:{defaultValue:null,description:"Choose a variant for your purpose. May leave empty to get default button.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"primary"'},{value:'"primary-danger"'},{value:'"subdued"'}]}},progress:{defaultValue:{value:"false"},description:"Whether the button action is in progress",name:"progress",required:!1,type:{name:"boolean"}},progressLabel:{defaultValue:{value:""},description:"Display an alternative label while the button action is in progress",name:"progressLabel",required:!1,type:{name:"string"}}}}}catch{}export{i as B}; + `,disabled:c,onClick:o,ref:h,...b,title:r,children:[j,y]});return d?q:B});i.displayName="Button";try{i.displayName="Button",i.__docgenInfo={description:"The basic button component. Use this for `onClick` interactions.",displayName:"Button",props:{size:{defaultValue:{value:"default"},description:"Leave empty for default size",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'}]}},disabled:{defaultValue:null,description:"Whether the button is disabled",name:"disabled",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Optionally specify an href. This will turn the Button into an element",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Button label can be passed like this or as children",name:"label",required:!1,type:{name:"string"}},className:{defaultValue:{value:""},description:"Pass a className",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Specify title for accessibility. Gets value of label if no title specified",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Click handler",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},icon:{defaultValue:null,description:"Pass the name of an icon the button should show. Can be any icon included with Juno.",name:"icon",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"download"'},{value:'"search"'},{value:'"accessTime"'},{value:'"accountCircle"'},{value:'"addCircle"'},{value:'"autoAwesomeMosaic"'},{value:'"autoAwesomeMotion"'},{value:'"bolt"'},{value:'"calendarToday"'},{value:'"cancel"'},{value:'"check"'},{value:'"checkCircle"'},{value:'"chevronLeft"'},{value:'"chevronRight"'},{value:'"close"'},{value:'"comment"'},{value:'"contentCopy"'},{value:'"danger"'},{value:'"dangerous"'},{value:'"deleteForever"'},{value:'"description"'},{value:'"dns"'},{value:'"edit"'},{value:'"error"'},{value:'"errorOutline"'},{value:'"exitToApp"'},{value:'"expandLess"'},{value:'"expandMore"'},{value:'"filterAlt"'},{value:'"forum"'},{value:'"help"'},{value:'"home"'},{value:'"info"'},{value:'"manageAccounts"'},{value:'"monitorHeart"'},{value:'"moreVert"'},{value:'"nightsStay"'},{value:'"notificationsOff"'},{value:'"openInBrowser"'},{value:'"openInNew"'},{value:'"place"'},{value:'"severityLow"'},{value:'"severityMedium"'},{value:'"severityHigh"'},{value:'"severityCritical"'},{value:'"success"'},{value:'"upload"'},{value:'"warning"'},{value:'"wbSunny"'},{value:'"widgets"'}]}},variant:{defaultValue:null,description:"Choose a variant for your purpose. May leave empty to get default button.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"primary"'},{value:'"primary-danger"'},{value:'"subdued"'}]}},progress:{defaultValue:{value:"false"},description:"Whether the button action is in progress",name:"progress",required:!1,type:{name:"boolean"}},progressLabel:{defaultValue:{value:""},description:"Display an alternative label while the button action is in progress",name:"progressLabel",required:!1,type:{name:"string"}}}}}catch{}export{i as B}; diff --git a/pr-preview/pr-759/storybook/assets/Button.stories-BdOK5bNj.js b/pr-preview/pr-759/storybook/assets/Button.stories-Cy5JirHd.js similarity index 99% rename from pr-preview/pr-759/storybook/assets/Button.stories-BdOK5bNj.js rename to pr-preview/pr-759/storybook/assets/Button.stories-Cy5JirHd.js index 1c52a2468..fbec67329 100644 --- a/pr-preview/pr-759/storybook/assets/Button.stories-BdOK5bNj.js +++ b/pr-preview/pr-759/storybook/assets/Button.stories-Cy5JirHd.js @@ -1,4 +1,4 @@ -import{j as cs}from"./jsx-runtime-D6fbYt3N.js";import{B as ds}from"./Button.component-Dr6THBUh.js";import{I as us}from"./Icon.component-2xgVOn6B.js";import"./index-DysCNOs_.js";import"./Spinner.component-DGrCFjaQ.js";import"./widgets-BR6-ubtP.js";const hs={title:"Components/Button",component:ds,argTypes:{icon:{options:["default"],control:{type:"select"}},variant:{options:["default","primary","primary-danger","subdued"],control:{type:"select"}},children:{control:!1,table:{type:{summary:"ReactNode"}}}}},r={parameters:{docs:{description:{story:"The default button is a neutral button that can be used multiple times on a page"}}},args:{label:"Default"}},e={parameters:{docs:{description:{story:"A subdued button variant, mostly used to create contrast to an primary button concerning the same usage context, or when multiple default buttons would be too much."}}},args:{variant:"subdued",label:"Subdued"}},s={parameters:{docs:{description:{story:"Only use the primary button **maximum once per page** for the preferred user action"}}},args:{variant:"primary",label:"Primary"}},a={parameters:{docs:{description:{story:"Use this button sparingly and only for dangerous or destructive actions"}}},args:{variant:"primary-danger",label:"Primary Danger"}},l={args:{label:"Default"}},n={args:{size:"small",label:"Small"}},i={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...r.args,label:"Default Disabled",disabled:!0}},g={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...e.args,label:"Subdued Disabled",disabled:!0}},c={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...s.args,label:"Primary Disabled",disabled:!0}},d={parameters:{docs:{description:{story:"Disable a Primary Danger button by adding `disabled` to it."}}},args:{...a.args,disabled:!0}},m={parameters:{docs:{story:"Default Button with icon"}},args:{...r.args,label:"Default with Icon",icon:"warning"}},b={parameters:{docs:{description:{story:"Subdued Button with Icon"}}},args:{...e.args,icon:"warning",label:"Subdued with Icon"}},y={parameters:{docs:{description:{story:"Small Button with Icon"}}},args:{...n.args,icon:"warning"}},o={docs:{},args:{}};o.docs={description:{story:"A button with a Icon but no label. The icon name can be passed as a prop."}},o.args={icon:"warning"};const t={docs:{},args:{}};t.docs={description:{story:"A button with a Icon but no label, an Icon can also be passed as a child. Hover, active, etc. states of the icon ave to be handled manually when passing an icon as a child though."}},t.args={children:cs.jsx(us,{})};const u={parameters:{docs:{description:{story:'If you want to render a link that looks like a button pass an "href" to the Button. All other props work the same as for regular buttons'}}},args:{...s.args,label:"Link as button",href:"#link"}},p={parameters:{docs:{description:{story:"Link styled as a button including an icon."}}},args:{...s.args,icon:"warning",label:"Link as button with Icon",href:"#"}},h={parameters:{docs:{description:{story:"Default Button with an action in progress"}}},args:{...r.args,progress:!0}},D={parameters:{docs:{description:{story:"Icon Button with an action in progress"}}},args:{...r.args,label:"Default with Icon",icon:"warning",progress:!0}},P={parameters:{docs:{description:{story:"Default Button with an action in oprogress and an alternate label while in progress"}}},args:{...r.args,label:"Default with Icon",icon:"warning",progress:!0,progressLabel:"In Progress…"}},S={parameters:{docs:{description:{story:"Subdued Button with an action in progress"}}},args:{...e.args,progress:!0,progressLabel:"Subdued Button in Progress…"}},I={parameters:{docs:{description:{story:"Primary Button with action in progress"}}},args:{...s.args,progress:!0,progressLabel:"Primary Button in Progress…"}},B={parameters:{docs:{description:{story:"Primary Danger Button with action in progress"}}},args:{...a.args,progress:!0,progressLabel:"Primary Danger Button in Progress…"}},f={parameters:{docs:{description:{story:"Link as button with action in progress. Should hardly ever be used, just to check consistent styling."}}},args:{...u.args,progress:!0,progressLabel:"Link as button in Progress…"}},w={parameters:{docs:{description:{story:"Link as button with an icon and action in progress. Should hardly ever be used, just to check consistent styling."}}},args:{...p.args,progress:!0,progressLabel:"Link as button with Icon in Progress…"}},L={parameters:{docs:{description:{story:"Disabled Default Button in Progress"}}},args:{...i.args,progress:!0}},k={parameters:{docs:{description:{story:"Disabled Primnary Button with action in progress"}}},args:{...c.args,progress:!0,progressLabel:"Disabled Primary Button in Progress…"}},v={parameters:{docs:{description:{story:"Disabled Primary Danger Button in Progress…"}}},args:{...d.args,progress:!0,progressLabel:"Disabled Primary Danger Button in Progress…"}},A={parameters:{docs:{description:{story:"Small Button in Progress"}}},args:{...n.args,progress:!0,progressLabel:"Small in Progress…"}};var W,x,j;r.parameters={...r.parameters,docs:{...(W=r.parameters)==null?void 0:W.docs,source:{originalSource:`{ +import{j as cs}from"./jsx-runtime-D6fbYt3N.js";import{B as ds}from"./Button.component-DM5YU-sk.js";import{I as us}from"./Icon.component-Bb8hz3SE.js";import"./index-DysCNOs_.js";import"./Spinner.component-DGrCFjaQ.js";import"./widgets-BR6-ubtP.js";const hs={title:"Components/Button",component:ds,argTypes:{icon:{options:["default"],control:{type:"select"}},variant:{options:["default","primary","primary-danger","subdued"],control:{type:"select"}},children:{control:!1,table:{type:{summary:"ReactNode"}}}}},r={parameters:{docs:{description:{story:"The default button is a neutral button that can be used multiple times on a page"}}},args:{label:"Default"}},e={parameters:{docs:{description:{story:"A subdued button variant, mostly used to create contrast to an primary button concerning the same usage context, or when multiple default buttons would be too much."}}},args:{variant:"subdued",label:"Subdued"}},s={parameters:{docs:{description:{story:"Only use the primary button **maximum once per page** for the preferred user action"}}},args:{variant:"primary",label:"Primary"}},a={parameters:{docs:{description:{story:"Use this button sparingly and only for dangerous or destructive actions"}}},args:{variant:"primary-danger",label:"Primary Danger"}},l={args:{label:"Default"}},n={args:{size:"small",label:"Small"}},i={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...r.args,label:"Default Disabled",disabled:!0}},g={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...e.args,label:"Subdued Disabled",disabled:!0}},c={parameters:{docs:{description:{story:"Disable any button by adding `disabled` to it."}}},args:{...s.args,label:"Primary Disabled",disabled:!0}},d={parameters:{docs:{description:{story:"Disable a Primary Danger button by adding `disabled` to it."}}},args:{...a.args,disabled:!0}},m={parameters:{docs:{story:"Default Button with icon"}},args:{...r.args,label:"Default with Icon",icon:"warning"}},b={parameters:{docs:{description:{story:"Subdued Button with Icon"}}},args:{...e.args,icon:"warning",label:"Subdued with Icon"}},y={parameters:{docs:{description:{story:"Small Button with Icon"}}},args:{...n.args,icon:"warning"}},o={docs:{},args:{}};o.docs={description:{story:"A button with a Icon but no label. The icon name can be passed as a prop."}},o.args={icon:"warning"};const t={docs:{},args:{}};t.docs={description:{story:"A button with a Icon but no label, an Icon can also be passed as a child. Hover, active, etc. states of the icon ave to be handled manually when passing an icon as a child though."}},t.args={children:cs.jsx(us,{})};const u={parameters:{docs:{description:{story:'If you want to render a link that looks like a button pass an "href" to the Button. All other props work the same as for regular buttons'}}},args:{...s.args,label:"Link as button",href:"#link"}},p={parameters:{docs:{description:{story:"Link styled as a button including an icon."}}},args:{...s.args,icon:"warning",label:"Link as button with Icon",href:"#"}},h={parameters:{docs:{description:{story:"Default Button with an action in progress"}}},args:{...r.args,progress:!0}},D={parameters:{docs:{description:{story:"Icon Button with an action in progress"}}},args:{...r.args,label:"Default with Icon",icon:"warning",progress:!0}},P={parameters:{docs:{description:{story:"Default Button with an action in oprogress and an alternate label while in progress"}}},args:{...r.args,label:"Default with Icon",icon:"warning",progress:!0,progressLabel:"In Progress…"}},S={parameters:{docs:{description:{story:"Subdued Button with an action in progress"}}},args:{...e.args,progress:!0,progressLabel:"Subdued Button in Progress…"}},I={parameters:{docs:{description:{story:"Primary Button with action in progress"}}},args:{...s.args,progress:!0,progressLabel:"Primary Button in Progress…"}},B={parameters:{docs:{description:{story:"Primary Danger Button with action in progress"}}},args:{...a.args,progress:!0,progressLabel:"Primary Danger Button in Progress…"}},f={parameters:{docs:{description:{story:"Link as button with action in progress. Should hardly ever be used, just to check consistent styling."}}},args:{...u.args,progress:!0,progressLabel:"Link as button in Progress…"}},w={parameters:{docs:{description:{story:"Link as button with an icon and action in progress. Should hardly ever be used, just to check consistent styling."}}},args:{...p.args,progress:!0,progressLabel:"Link as button with Icon in Progress…"}},L={parameters:{docs:{description:{story:"Disabled Default Button in Progress"}}},args:{...i.args,progress:!0}},k={parameters:{docs:{description:{story:"Disabled Primnary Button with action in progress"}}},args:{...c.args,progress:!0,progressLabel:"Disabled Primary Button in Progress…"}},v={parameters:{docs:{description:{story:"Disabled Primary Danger Button in Progress…"}}},args:{...d.args,progress:!0,progressLabel:"Disabled Primary Danger Button in Progress…"}},A={parameters:{docs:{description:{story:"Small Button in Progress"}}},args:{...n.args,progress:!0,progressLabel:"Small in Progress…"}};var W,x,j;r.parameters={...r.parameters,docs:{...(W=r.parameters)==null?void 0:W.docs,source:{originalSource:`{ parameters: { docs: { description: { diff --git a/pr-preview/pr-759/storybook/assets/ButtonRow.stories-Vz6GmKgw.js b/pr-preview/pr-759/storybook/assets/ButtonRow.stories-BRGD1GqA.js similarity index 87% rename from pr-preview/pr-759/storybook/assets/ButtonRow.stories-Vz6GmKgw.js rename to pr-preview/pr-759/storybook/assets/ButtonRow.stories-BRGD1GqA.js index 08f277699..1b1f397e8 100644 --- a/pr-preview/pr-759/storybook/assets/ButtonRow.stories-Vz6GmKgw.js +++ b/pr-preview/pr-759/storybook/assets/ButtonRow.stories-BRGD1GqA.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-D6fbYt3N.js";import{B as s}from"./ButtonRow.component-CbUzWAno.js";import{B as r}from"./Button.component-Dr6THBUh.js";import"./index-DysCNOs_.js";import"./Stack.component-Cte3SL04.js";import"./Icon.component-2xgVOn6B.js";import"./widgets-BR6-ubtP.js";import"./Spinner.component-DGrCFjaQ.js";const v={title:"Forms/ButtonRow",component:s,argTypes:{items:{table:{disable:!0}},children:{control:!1}}},m=({children:l,...i})=>t.jsx(s,{...i,children:l}),e={render:m,args:{children:[t.jsx(r,{label:"Cancel",title:"Cancel"},"1"),t.jsx(r,{label:"Save",title:"Save",variant:"primary"},"2")]}};var a,o,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-D6fbYt3N.js";import{B as s}from"./ButtonRow.component-CbUzWAno.js";import{B as r}from"./Button.component-DM5YU-sk.js";import"./index-DysCNOs_.js";import"./Stack.component-Cte3SL04.js";import"./Icon.component-Bb8hz3SE.js";import"./widgets-BR6-ubtP.js";import"./Spinner.component-DGrCFjaQ.js";const v={title:"Forms/ButtonRow",component:s,argTypes:{items:{table:{disable:!0}},children:{control:!1}}},m=({children:l,...i})=>t.jsx(s,{...i,children:l}),e={render:m,args:{children:[t.jsx(r,{label:"Cancel",title:"Cancel"},"1"),t.jsx(r,{label:"Save",title:"Save",variant:"primary"},"2")]}};var a,o,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ render: Template, args: { children: [