@oliasoft-open-source/react-ui-library 4.7.0-beta-1 → 4.7.0-beta-2

package/dist/storybook/assets/casing-loads.stories-WfK3k-mh.js

@@ -0,0 +1,209 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-pptAo2LU.js";import{S as I}from"./side-bar-kr46QLwI.js";import{H as s}from"./heading-FcNTpGhR.js";import{B as r}from"./button-UQO14biP.js";import{D as g}from"./drawer-ChY55ghN.js";import{L as O}from"./list-Nr0UfaUw.js";import{F as n}from"./field-jD6TclDQ.js";import{I as a}from"./input-fYKvBwPs.js";import{M as D,D as E}from"./dialog-hHTtMGls.js";import{C as H}from"./check-box-Q2GsbR79.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-KWgree43.js";import{S as o}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-4SISWUSt.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z1pyUd57.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-D6ZGAbgL.js";import"./spinner-R8Il4aRe.js";import"./index.es-HG2GUH9i.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./meta-content-073TGkSN.js";import"./loader-TGOJBZQG.js";import"./label-dla_bzHj.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-er5fRdi2.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-xqup0wHW.js";import"./index-VSx05S_2.js";import"./index-cCpkwrS5.js";import"./slider-jx0z5OyT.js";import"./popover-rJn7kxkX.js";const Ae={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},i=()=>{const[v,t]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>t(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>t(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Name",children:e.jsx(a,{value:"Load case 1"})}),e.jsx(o,{}),e.jsx(s,{children:"Internal Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"Influx depth",children:e.jsx(a,{})}),e.jsx(n,{label:"Gas gradient",children:e.jsx(a,{})}),e.jsx(n,{label:"Mud weight",children:e.jsx(a,{})}),e.jsx(n,{label:"Input n",children:e.jsx(a,{})}),e.jsx(n,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(o,{}),e.jsx(s,{children:"External Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"FG above TOC",children:e.jsx(a,{})}),e.jsx(n,{label:"FG below TOC",children:e.jsx(a,{})})]}),e.jsx(o,{}),e.jsx(s,{children:"Temperature Profile"}),e.jsx(o,{}),e.jsxs(p,{children:[e.jsx(n,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(n,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[l,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(r,{onClick:()=>c(!l),round:!0,icon:f.CHEVRON_LEFT}),open:l,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!l,list:j})})},w=()=>{const[l,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(r,{onClick:()=>c(!l),round:!0,icon:f.CHEVRON_RIGHT}),open:l,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(r,{label:"Save",colored:!0,onClick:()=>t(!1)}),e.jsx(r,{label:"Cancel",onClick:()=>t(!1)})]}),onClose:()=>t(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(s,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(o,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};i.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};var b,h,x;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const SchematicPlaceholder = () => <div style={{
+    color: '#aaa',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    overflow: 'hidden',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }}>
+      SCHEMATIC
+    </div>;
+  const casingTabs = [{
+    label: 'Casing Loads',
+    value: 'casingloads'
+  }, {
+    label: 'Plot Charts',
+    value: 'charts'
+  }];
+  const casingListData = {
+    name: 'Casing Loads',
+    items: [{
+      id: 1,
+      name: 'Sections',
+      type: 'Heading'
+    }, {
+      id: 2,
+      name: '30" Conductor Casing',
+      active: true
+    }, {
+      id: 3,
+      name: 'Ipsum'
+    }, {
+      id: 4,
+      name: 'Dolor'
+    }]
+  };
+  const loadsTableData = {
+    columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
+    headers: [{
+      cells: [{
+        value: 'Load case name'
+      }, {
+        value: 'Internal profile'
+      }, {
+        value: 'External profile'
+      }, {
+        value: 'Temperature profile'
+      }, {
+        value: ''
+      }]
+    }],
+    rows: [{
+      cells: [{
+        value: 'Load case 1'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }, {
+      cells: [{
+        value: 'Load case 2'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }]
+  };
+  const LoadCaseForm = () => <>
+      <Field label="Name">
+        <Input value="Load case 1" />
+      </Field>
+      <Spacer />
+      <Heading>Internal Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Influx depth">
+          <Input />
+        </Field>
+        <Field label="Gas gradient">
+          <Input />
+        </Field>
+        <Field label="Mud weight">
+          <Input />
+        </Field>
+        <Field label="Input n">
+          <Input />
+        </Field>
+        <Field>
+          <CheckBox label="Limit gas at shoe" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>External Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="FG above TOC">
+          <Input />
+        </Field>
+        <Field label="FG below TOC">
+          <Input />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>Temperature Profile</Heading>
+      <Spacer />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Custome table">
+          <Select native width="auto" options={[{
+          label: 'Custome table 1',
+          value: '1'
+        }, {
+          label: 'Custome table 2',
+          value: '2'
+        }]} />
+        </Field>
+      </FormRow>
+    </>;
+  const CasingLoadsList = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+        <List drawer narrow={!open} list={casingListData} />
+      </Drawer>;
+  };
+  const CasingLoadsSchematic = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+        <SchematicPlaceholder />
+      </Drawer>;
+  };
+  const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
+      <Dialog dialog={{
+      heading: 'Load case 1',
+      content: <LoadCaseForm />,
+      footer: <>
+              <Button label="Save" colored onClick={() => setDialogOpen(false)} />
+              <Button label="Cancel" onClick={() => setDialogOpen(false)} />
+            </>,
+      onClose: () => setDialogOpen(false)
+    }} />
+    </Modal>;
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding={false} scroll={false}>
+        <Row spacing={0} flex>
+          <CasingLoadsList />
+          <Column borderLeft borderRight padding scroll>
+            <Heading top marginBottom={0}>
+              30&quot; Conductor Casing
+            </Heading>
+            <Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
+            <Spacer />
+            <Table table={loadsTableData} />
+          </Column>
+          <CasingLoadsSchematic />
+        </Row>
+      </Page>
+      <CasingLoadsEditModal />
+    </>;
+}`,...(x=(h=i.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const qe=["CasingLoads"];export{i as CasingLoads,qe as __namedExportsOrder,Ae as default};

package/dist/storybook/assets/cell.stories-Xy61z8ka.js

@@ -0,0 +1,245 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as V}from"./index-RfLt4OUa.js";import{T as F}from"./table-4SISWUSt.js";import{F as ze}from"./field-jD6TclDQ.js";import{B}from"./button-UQO14biP.js";import{I as Ge}from"./input-fYKvBwPs.js";import{F as Ne}from"./flex-RYZsoWEN.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as na,f as ra,g as sa,h as ta,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-UqqhbXjA.js";import"./index-VW3EWkuE.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z1pyUd57.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-dueTLnwA.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-FcNTpGhR.js";import"./help-icon-D6ZGAbgL.js";import"./pagination-er5fRdi2.js";import"./select-KWgree43.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-xqup0wHW.js";import"./index-VSx05S_2.js";import"./index-cCpkwrS5.js";import"./check-box-Q2GsbR79.js";import"./slider-jx0z5OyT.js";import"./index-ugi_ZH6T.js";import"./popover-rJn7kxkX.js";import"./label-dla_bzHj.js";import"./spinner-R8Il4aRe.js";const on={title:"Basic/Table/Cell",component:F,args:{table:{...Ye}}},a=r=>e.jsx(F,{...r}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:na};const h=a.bind({});h.args={table:ra};const C=a.bind({});C.args={table:sa};const S=a.bind({});S.args={table:ta};const f=a.bind({});f.args={table:la};const j=a.bind({});j.args={table:oa};const y=a.bind({});y.args={table:ia};const T=a.bind({});T.args={table:Qe};const k=a.bind({});k.args={table:pa};const O=a.bind({});O.args={table:ca};const P=a.bind({});P.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const W=()=>{const r=["Section","Width","Height"];let t=["","m","m"],c=[...Array(10).keys()].map((o,n)=>[n,n*2,n*2]);const d=()=>{const o=({close:s,value:I})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Ge,{value:I,width:"100%"})}),e.jsxs(Ne,{gap:!0,children:[e.jsx(B,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(B,{label:"Cancel",onClick:s})]})]}),n={fixedWidth:"100%",headers:[{cells:r.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[2],type:"Unit"}]}],rows:c.map((s,I)=>({cells:[...Array(3).keys()].map((l,u)=>({value:s[u],type:"Popover",content:e.jsx(o,{value:s[u]})}))}))};return e.jsx(F,{table:n})};return e.jsx(d,{})},A=()=>{const r=["Section","Width","Height"];let t=["","m","m"],c=[...Array(10).keys()].map((o,n)=>[n,n*2,n*2]);const d=()=>{const[o,n]=V.useState(!1),s=({close:l,value:u})=>{V.useEffect(()=>{o||n(!0)},[]);const E=()=>{n(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Ge,{value:u,width:"100%"})}),e.jsxs(Ne,{gap:!0,children:[e.jsx(B,{colored:!0,label:"Save",onClick:E}),e.jsx(B,{label:"Cancel",onClick:E})]})]})},I={headers:[{cells:r.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:t[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((E,D)=>({value:l[D],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(s,{value:l[D]})}))}))};return e.jsx(F,{table:I})};return e.jsx(d,{})},w=a.bind({});w.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[r=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(r,{})})];const U=()=>{const[r,t]=V.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:r,onChange:d=>t(d.target.value)}]}]};return e.jsx(F,{table:c})};var L,M,R;m.parameters={...m.parameters,docs:{...(L=m.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(R=(M=m.parameters)==null?void 0:M.docs)==null?void 0:R.source}}};var H,K,J;b.parameters={...b.parameters,docs:{...(H=b.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(J=(K=b.parameters)==null?void 0:K.docs)==null?void 0:J.source}}};var _,X,q;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(q=(X=g.parameters)==null?void 0:X.docs)==null?void 0:q.source}}};var z,G,N;v.parameters={...v.parameters,docs:{...(z=v.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(N=(G=v.parameters)==null?void 0:G.docs)==null?void 0:N.source}}};var Q,Y,Z;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ae=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var ne,re,se;C.parameters={...C.parameters,docs:{...(ne=C.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(se=(re=C.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var te,le,oe;S.parameters={...S.parameters,docs:{...(te=S.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(oe=(le=S.parameters)==null?void 0:le.docs)==null?void 0:oe.source}}};var ie,pe,ce;f.parameters={...f.parameters,docs:{...(ie=f.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ce=(pe=f.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var de,ue,me;j.parameters={...j.parameters,docs:{...(de=j.parameters)==null?void 0:de.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(me=(ue=j.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var be,ge,ve;y.parameters={...y.parameters,docs:{...(be=y.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ve=(ge=y.parameters)==null?void 0:ge.docs)==null?void 0:ve.source}}};var xe,he,Ce;T.parameters={...T.parameters,docs:{...(xe=T.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Ce=(he=T.parameters)==null?void 0:he.docs)==null?void 0:Ce.source}}};var Se,fe,je;k.parameters={...k.parameters,docs:{...(Se=k.parameters)==null?void 0:Se.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(je=(fe=k.parameters)==null?void 0:fe.docs)==null?void 0:je.source}}};var ye,Te,ke;O.parameters={...O.parameters,docs:{...(ye=O.parameters)==null?void 0:ye.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ke=(Te=O.parameters)==null?void 0:Te.docs)==null?void 0:ke.source}}};var Oe,Pe,we;P.parameters={...P.parameters,docs:{...(Oe=P.parameters)==null?void 0:Oe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(we=(Pe=P.parameters)==null?void 0:Pe.docs)==null?void 0:we.source}}};var Fe,Ie,We;i.parameters={...i.parameters,docs:{...(Fe=i.parameters)==null?void 0:Fe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(We=(Ie=i.parameters)==null?void 0:Ie.docs)==null?void 0:We.source}}};var Ae,Ue,Be;W.parameters={...W.parameters,docs:{...(Ae=W.parameters)==null?void 0:Ae.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+      Mock table data store (real apps should use Redux or similar)
+    */
+  const PopoverTable = () => {
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => <>
+        <Field label="Input">
+          <Input value={value} width="100%" />
+        </Field>
+        <Flex gap>
+          <Button colored label="Save" onClick={() => {}} />
+          <Button label="Cancel" onClick={close} />
+        </Flex>
+      </>;
+    const table = {
+      fixedWidth: '100%',
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <PopoverTable />;
+}`,...(Be=(Ue=W.parameters)==null?void 0:Ue.docs)==null?void 0:Be.source}}};var Ee,Ve,De;A.parameters={...A.parameters,docs:{...(Ee=A.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+    Mock table data store (real apps should use Redux or similar)
+  */
+  const SinglePopoverOpenedTable = () => {
+    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => {
+      useEffect(() => {
+        if (!isPopOverCellOpened) {
+          setIsPopOverCellOpened(true);
+        }
+      }, []);
+      const onClosePopOver = () => {
+        setIsPopOverCellOpened(false);
+        close();
+      };
+      return <>
+          <Field label="Input">
+            <Input value={value} width="100%" />
+          </Field>
+          <Flex gap>
+            <Button colored label="Save" onClick={onClosePopOver} />
+            <Button label="Cancel" onClick={onClosePopOver} />
+          </Flex>
+        </>;
+    };
+    const table = {
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            disabled: isPopOverCellOpened,
+            closeOnOutsideClick: false,
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <SinglePopoverOpenedTable />;
+}`,...(De=(Ve=A.parameters)==null?void 0:Ve.docs)==null?void 0:De.source}}};var Le,Me,Re;w.parameters={...w.parameters,docs:{...(Le=w.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Re=(Me=w.parameters)==null?void 0:Me.docs)==null?void 0:Re.source}}};var He,Ke,Je;p.parameters={...p.parameters,docs:{...(He=p.parameters)==null?void 0:He.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Je=(Ke=p.parameters)==null?void 0:Ke.docs)==null?void 0:Je.source}}};var _e,Xe,qe;U.parameters={...U.parameters,docs:{...(_e=U.parameters)==null?void 0:_e.docs,source:{originalSource:`() => {
+  const [value, setValue] = useState([]);
+  const table = {
+    fixedWidth: 'auto',
+    headers: [{
+      cells: [{
+        value: 'Countries'
+      }]
+    }],
+    rows: [{
+      cells: [{
+        type: 'Select',
+        width: '240px',
+        multi: true,
+        options: [{
+          label: 'France',
+          value: 'France'
+        }, {
+          label: 'Poland',
+          value: 'Poland'
+        }, {
+          label: 'United Kingdom',
+          value: 'United Kingdom'
+        }, {
+          label: 'Vietnam',
+          value: 'Vietnam'
+        }],
+        value,
+        onChange: (event: any) => setValue(event.target.value)
+      }]
+    }]
+  };
+  return <Table table={table} />;
+}`,...(qe=(Xe=U.parameters)==null?void 0:Xe.docs)==null?void 0:qe.source}}};const pn=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling","Multiselect"];export{T as Actions,C as CellStyleProp,h as CellWidths,f as Checkboxes,v as Colspan,x as ColspanWithWidths,g as DateInput,b as Disabled,m as Editable,j as Icons,O as JSXContent,y as Links,k as Menus,U as Multiselect,w as OverflowingCells,W as Popover,S as Rowspan,A as SinglePopoverAtOnce,P as StaticCellTooltips,p as TestScrolling,i as WordbreakLongContent,pn as __namedExportsOrder,on as default};

package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-Q2GsbR79.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon--rUDxLUD.js";import{I as V}from"./icon-y1a2N5SZ.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};
+import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon-D6ZGAbgL.js";import{I as V}from"./icon-_m67DAr0.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};

package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-iQby_Dan.js}

@@ -1,4 +1,4 @@
-import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-LZdXXKhv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-Q2GsbR79.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon-D6ZGAbgL.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,te={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
   const [{
     checked
   }, updateArgs] = useArgs();
@@ -99,4 +99,4 @@ import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OU
   return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
     setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
   }} />);
-}`,...(U=(N=i.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};const te=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText","TestKeys"];export{p as Default,a as Disabled,c as DisabledChecked,l as DisabledWithHelpText,o as HelpText,d as OnClickHelp,r as Small,t as Standalone,i as TestKeys,te as __namedExportsOrder,ce as default};
+}`,...(U=(N=i.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};const oe=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText","TestKeys"];export{p as Default,a as Disabled,c as DisabledChecked,l as DisabledWithHelpText,o as HelpText,d as OnClickHelp,r as Small,t as Standalone,i as TestKeys,oe as __namedExportsOrder,te as default};

package/dist/storybook/assets/{chunk-HLWAVYOI-YF156CNQ.js → chunk-HLWAVYOI-RXldIcZr.js}

@@ -1,4 +1,4 @@
-import{_ as i}from"./iframe-NU_z28D3.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-_waogfzH.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
+import{_ as i}from"./iframe-oMAlwWd9.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-RhTUHV_k.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = ["./index-4YXVTraW.js","./index-RfLt4OUa.js"]

package/dist/storybook/assets/color-5ySMclFt.js

@@ -0,0 +1,25 @@
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-RXldIcZr.js";import{M as d}from"./index-RhTUHV_k.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-IL_npIpU.js";import{useMDXComponents as l}from"./index-4YXVTraW.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./message-bbAE2zjv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
+`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
+`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
+`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
+`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
+`,o.jsx(n.h3,{id:"text",children:"Text"}),`
+`,o.jsx(t,{colors:h}),`
+`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.jsx(t,{colors:u}),`
+`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
+`,o.jsx(t,{colors:g}),`
+`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
+`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
+`,o.jsx(t,{colors:j}),`
+`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
+`,o.jsx(t,{colors:b}),`
+`,o.jsx(n.h3,{id:"error",children:"Error"}),`
+`,o.jsx(t,{colors:f}),`
+`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
+`,o.jsx(t,{colors:y}),`
+`,o.jsx(n.h3,{id:"success",children:"Success"}),`
+`,o.jsx(t,{colors:C}),`
+`,o.jsx(n.h3,{id:"info",children:"Info"}),`
+`,o.jsx(t,{colors:k}),`
+`,o.jsx(x,{})]})}function G(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{G as default};

package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-NnQNzY18.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const Z={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const i=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
+import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-FcNTpGhR.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-D6ZGAbgL.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const $={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},i=e.bind({}),n=e.bind({});n.args={padding:!1};const o=e.bind({});o.args={width:"400px"};const a=e.bind({});a.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const c=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -11,7 +11,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(u=(l=c.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
+}`,...(u=(l=i.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -24,7 +24,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(w=(h=o.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var C,b,x;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
+}`,...(w=(h=n.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var C,b,x;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -37,7 +37,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(x=(b=a.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};var R,H,k;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
+}`,...(x=(b=o.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};var R,H,k;a.parameters={...a.parameters,docs:{...(R=a.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -50,7 +50,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(k=(H=n.parameters)==null?void 0:H.docs)==null?void 0:k.source}}};var S,A,E;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
+}`,...(k=(H=a.parameters)==null?void 0:H.docs)==null?void 0:k.source}}};var S,A,E;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -76,7 +76,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(v=(j=s.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,T,N;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
+}`,...(v=(j=s.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,T,N;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
     <Column>
       <Heading top>Column</Heading>
       {'Example content goes here lorem ipsum. '.repeat(20)}
@@ -85,4 +85,4 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       <Heading top>Column</Heading>
       {'Example content goes here lorem ipsum. '.repeat(20)}
     </Column>
-  </Row>`,...(N=(T=i.parameters)==null?void 0:T.docs)==null?void 0:N.source}}};const $=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{c as Default,a as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,n as Scroll,i as TestNumberSpacing,$ as __namedExportsOrder,Z as default};
+  </Row>`,...(N=(T=c.parameters)==null?void 0:T.docs)==null?void 0:N.source}}};const rr=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{i as Default,o as FixedWidth,t as HideScrollbar,n as NoPadding,s as ResponsiveWidth,a as Scroll,c as TestNumberSpacing,rr as __namedExportsOrder,$ as default};

package/dist/storybook/assets/dialog-hHTtMGls.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{c as p}from"./index-VW3EWkuE.js";import{P as y}from"./portal-zPiHHKoC.js";import{l as x}from"./lodash-Bmg8FrMx.js";import{I as v}from"./common-types-U65vzrrz.js";import{H as j}from"./heading-FcNTpGhR.js";import{B as w}from"./button-UQO14biP.js";const _=(n,e,r=[])=>{u.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",b="_contentContainer_sb0hc_15",N="_centered_sb0hc_24",C="_newLine_sb0hc_28",m={wrapper:E,contentContainer:b,centered:N,newLine:C},k=({children:n})=>{const e=u.useRef(null);return u.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:p(m.contentContainer,r?m.centered:""),style:{maxWidth:e},children:n}),g=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(y,{id:d,children:e?t.jsx(k,{children:t.jsx(I,{width:i,centered:r,children:n})}):null})})};try{g.displayName="Modal",g.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",D="_inline_18g0k_18",L="_scroll_18g0k_21",V="_header_18g0k_24",B="_dismiss_18g0k_33",M="_content_18g0k_38",O="_footer_18g0k_47",a={dialog:q,inline:D,scroll:L,header:V,dismiss:B,content:M,footer:O},R=n=>x.isArray(n)?n.map((e,r)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,h=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:c,width:d,height:l,onClose:f,testId:s}=n;return t.jsxs("div",{className:p(a.dialog,d?a.inline:null,c?a.scroll:null),style:{width:d,height:l},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(j,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:v.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:R(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{h.displayName="Dialog",h.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{h as D,g as M,_ as u};