@oliasoft-open-source/react-ui-library 4.0.0-beta-76 → 4.0.0

package/dist/storybook/assets/casing-loads.stories-e488810c.js

@@ -0,0 +1,209 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c95.js";import{I as h}from"./common-types-3a5f9d98.js";import{T}from"./top-bar-5bb7221b.js";import{S as I}from"./side-bar-751e7461.js";import{H as r}from"./heading-ec1532e4.js";import{B as n}from"./button-8a0f5308.js";import{D as x}from"./drawer-e728f151.js";import{L as O}from"./list-54a3245f.js";import{F as a}from"./field-9d8b2e8b.js";import{I as o}from"./input-f5960ca1.js";import{M as D,D as E}from"./dialog-7490d36e.js";import{C as H}from"./check-box-107d61fc.js";import{F as u}from"./form-row-e13cb51c.js";import{P as k}from"./page-1a36abc8.js";import{R as y,C as R}from"./row-f26d47b5.js";import{S as d}from"./select-b09da604.js";import{S as t}from"./spacer-b33ecb12.js";import{T as B}from"./tabs-e917de9f.js";import{T as M}from"./table-4577f430.js";import"./index-a80ed1cf.js";import"./actions-15aa4d2d.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-b5b5b5ae.js";import"./index-c7f280f6.js";import"./help-icon-3041deab.js";import"./spinner-4948799e.js";import"./index.es-2fe9f7ec.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./list-heading-c91b473d.js";import"./loader-54efe57c.js";import"./label-275c5215.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";import"./pagination-8a57e64c.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-bd9ce0d8.js";import"./index-54f0d271.js";import"./slider-4cf22613.js";import"./popover-66b44246.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=c.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"}]},w={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:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},L=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(t,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(t,{height:"10px"}),e.jsxs(u,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{width:"120px"})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{width:"120px"})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{width:"120px"})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{width:"120px"})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(t,{}),e.jsx(r,{children:"External Profile"}),e.jsx(t,{height:"10px"}),e.jsxs(u,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{width:"120px"})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{width:"120px"})})]}),e.jsx(t,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(t,{height:"10px"}),e.jsxs(u,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),F=()=>{const[l,p]=c.useState(!0);return e.jsx(x,{button:e.jsx(n,{onClick:()=>p(!l),round:!0,icon:h.CHEVRON_LEFT}),open:l,width:300,closedWidth:50,children:e.jsx(O,{drawer:!0,narrow:!l,list:j})})},P=()=>{const[l,p]=c.useState(!0);return e.jsx(x,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>p(!l),round:!0,icon:h.CHEVRON_RIGHT}),open:l,width:300,closedWidth:50,children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(L,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!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(F,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(t,{}),e.jsx(M,{table:w})]}),e.jsx(P,{})]})}),e.jsx(S,{})]})};var g,f,b;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.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 height="10px" />
+      <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 width="120px" />
+        </Field>
+        <Field label="Gas gradient">
+          <Input width="120px" />
+        </Field>
+        <Field label="Mud weight">
+          <Input width="120px" />
+        </Field>
+        <Field label="Input n">
+          <Input width="120px" />
+        </Field>
+        <Field>
+          <CheckBox label="Limit gas at shoe" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>External Profile</Heading>
+      <Spacer height="10px" />
+      <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 width="120px" />
+        </Field>
+        <Field label="FG below TOC">
+          <Input width="120px" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>Temperature Profile</Heading>
+      <Spacer height="10px" />
+      <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={50}>
+        <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={50}>
+        <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 />
+    </>;
+}`,...(b=(f=s.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const We=["CasingLoads"];export{s as CasingLoads,We as __namedExportsOrder,Ne as default};

package/dist/storybook/assets/{cell.stories-d4e422d8.js → cell.stories-d4ae5746.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-24be8f4e.js";import{F as De}from"./field-248df38c.js";import{B as F}from"./button-050c998a.js";import{I as Me}from"./input-05f21b51.js";import{F as Je}from"./flex-1d14d86c.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-ddbcf8c3.js";import"./index-a80ed1cf.js";import"./index.es-37e2ce0d.js";import"./inheritsLoose-c82a83d4.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-83a2a04e.js";import"./common-types-2c81813f.js";import"./tooltip-856042a7.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";import"./pagination-27bfe219.js";import"./select-83e9d851.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-7cb3ea4d.js";import"./index-54f0d271.js";import"./check-box-b38490e5.js";import"./slider-5d5442fe.js";import"./index-c7f280f6.js";import"./popover-c1234faa.js";import"./label-e6d15b59.js";import"./spinner-a81ebe38.js";const Qr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-4577f430.js";import{F as De}from"./field-9d8b2e8b.js";import{B as F}from"./button-8a0f5308.js";import{I as Me}from"./input-f5960ca1.js";import{F as Je}from"./flex-4bc3b694.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-36b51ec6.js";import"./index-a80ed1cf.js";import"./index.es-2fe9f7ec.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-ce35c889.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-15aa4d2d.js";import"./common-types-3a5f9d98.js";import"./tooltip-eb0f0865.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-b5b5b5ae.js";import"./heading-ec1532e4.js";import"./help-icon-3041deab.js";import"./pagination-8a57e64c.js";import"./select-b09da604.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-bd9ce0d8.js";import"./index-54f0d271.js";import"./check-box-107d61fc.js";import"./slider-4cf22613.js";import"./index-c7f280f6.js";import"./popover-66b44246.js";import"./label-275c5215.js";import"./spinner-4948799e.js";const Nr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
@@ -205,4 +205,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c9
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;
-}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Vr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Vr as __namedExportsOrder,Qr as default};
+}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Qr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Qr as __namedExportsOrder,Nr as default};

package/dist/storybook/assets/check-box-107d61fc.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{r as g}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as v}from"./common-types-3a5f9d98.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as q}from"./help-icon-3041deab.js";import{I as V}from"./icon-ce35c889.js";const E="_checkbox_4a6js_341",T="_noLabel_4a6js_356",M="_small_4a6js_359",H="_checkmark_4a6js_384",L="_disabled_4a6js_408",N="_noMargin_4a6js_422",B="_isInTable_4a6js_425",D="_helpIconEnabled_4a6js_428",e={checkbox:E,noLabel:T,small:M,checkmark:H,disabled:L,noMargin:N,isInTable:B,helpIconEnabled:D},u=({noMargin:i=!1,dataix:m=0,isInTable:p=!1,tabIndex:f=0,checked:l=!1,name:n,key:b="",label:o="",disabled:_=!1,small:x=!1,onChange:h,testId:y,value:w,helpText:r,onClickHelp:d})=>{const k=g.useContext(C),I=r||d,s=_||k;return a.jsxs("div",{className:j(e.checkbox,i&&e.noMargin,p&&e.isInTable,s&&e.disabled,x&&e.small,!o&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,h(c)}},"data-testid":y,children:[a.jsx("input",{type:"checkbox",tabIndex:f,checked:l,name:n,onChange:()=>{},disabled:s},b),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),o]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:r})})]})};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"}},key:{defaultValue:{value:""},description:"",name:"key",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-94e34dc5.css

@@ -0,0 +1 @@
+:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._checkbox_4a6js_341{margin:calc((var(--size) - var(--size-xs)) / 2) 0;position:relative;display:flex;align-items:center;gap:8px;backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-xs);font-size:inherit;line-height:var(--size-xs);min-width:var(--size-xs);outline:0px}._checkbox_4a6js_341._noLabel_4a6js_356{width:var(--size-xs)}._checkbox_4a6js_341._small_4a6js_359{margin:calc((var(--size-sm) - var(--size-xs)) / 2) 0;font-size:12px}._checkbox_4a6js_341 input{cursor:pointer;position:absolute;top:0;left:0;width:var(--size-xs);height:var(--size-xs);opacity:0!important;outline:0px;z-index:-1}._checkbox_4a6js_341 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:1.85714em;font-size:1em;outline:0px}._checkbox_4a6js_341 label ._checkmark_4a6js_384{position:absolute;top:0;left:0;width:var(--size-xs);height:var(--size-xs);font-size:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-input);border-radius:.214286rem;transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_4a6js_341 label ._checkmark_4a6js_384:hover{border-color:var(--color-border-hover)}._checkbox_4a6js_341 input:checked~label ._checkmark_4a6js_384{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_4a6js_341._disabled_4a6js_408{cursor:default;pointer-events:none}._checkbox_4a6js_341._disabled_4a6js_408 label{color:var(--color-text-muted)}._checkbox_4a6js_341._disabled_4a6js_408 ._checkmark_4a6js_384{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_4a6js_341._disabled_4a6js_408 input:checked~label ._checkmark_4a6js_384{color:var(--color-text-faint)}._noMargin_4a6js_422,._isInTable_4a6js_425{margin:0}._helpIconEnabled_4a6js_428{pointer-events:auto}

package/dist/storybook/assets/check-box.stories-cc9ad863.js

@@ -0,0 +1,49 @@
+import{j as _}from"./jsx-runtime-f961835c.js";import{C as k}from"./check-box-107d61fc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./help-icon-3041deab.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:B}=__STORYBOOK_MODULE_ADDONS__,N={title:"Forms/CheckBox",component:k,args:{disabled:!1,label:"Label"}},a=C=>{const[{checked:A},b]=B(),H=()=>{b({checked:!A})};return _.jsx(k,{...C,onChange:H})},r=a.bind({}),e=a.bind({});e.args={helpText:"Help text"};const n=a.bind({});n.args={onClickHelp:()=>console.log("Help clicked")};const s=a.bind({});s.args={helpText:"Help text",disabled:!0};var t,o,c;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(c=(o=r.parameters)==null?void 0:o.docs)==null?void 0:c.source}}};var p,d,l;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var i,g,h;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(h=(g=n.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var m,u,x;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(x=(u=s.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};const U=["Default","HelpText","OnClickHelp","DisabledWithHelpText"];export{r as Default,s as DisabledWithHelpText,e as HelpText,n as OnClickHelp,U as __namedExportsOrder,N as default};

package/dist/storybook/assets/{chunk-HLWAVYOI-f45033a0.js → chunk-HLWAVYOI-87a6c0a5.js}

@@ -1 +1 @@
-import{_ as i}from"./iframe-95ffacc3.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-72565c00.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-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],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-529fb939.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-da4c9412.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-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],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};

package/dist/storybook/assets/color-acf04c8b.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-87a6c0a5.js";import{M as a}from"./index-da4c9412.js";import{r as d}from"./index-f80c8c95.js";import{t as p,T as m}from"./toaster-cf8976cf.js";import{u as i}from"./index-5cdc9468.js";import"./iframe-529fb939.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./message-dc76f113.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-ce35c889.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const x=["--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"],e=({colors:t})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:t.map((r,l)=>{const n=`var(${r})`,c=()=>{navigator.clipboard.writeText(n),p({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(d.Fragment,{children:[o.jsx("div",{style:{padding:"16px 20px",backgroundColor:n,border:"1px solid rgba(0,0,0,0.1)"},onClick:c}),o.jsx("code",{onClick:c,children:n})]},l)})});try{e.displayName="ColorPalette",e.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function s(t){const r=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2"},i(),t.components);return o.jsxs(o.Fragment,{children:[o.jsx(a,{title:"Colors"}),`
+`,o.jsx(r.h1,{id:"colors",children:"Colors"}),`
+`,o.jsx(r.p,{children:"When setting colors (either by component props or in custom styling), prefer CSS variables to literal color values."}),`
+`,o.jsx(r.p,{children:o.jsx(r.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
+`,o.jsx(r.h2,{id:"text",children:"Text"}),`
+`,o.jsx(e,{colors:x}),`
+`,o.jsx(r.h2,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.jsx(e,{colors:u}),`
+`,o.jsx(r.h2,{id:"borders",children:"Borders"}),`
+`,o.jsx(e,{colors:g}),`
+`,o.jsx(m,{})]})}function I(t={}){const{wrapper:r}=Object.assign({},i(),t.components);return r?o.jsx(r,Object.assign({},t,{children:o.jsx(s,t)})):s(t)}export{I as default};

package/dist/storybook/assets/{column.stories-8cfe0ecc.js → column.stories-e430553e.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-2397cf9f.js";import{H as _}from"./heading-39e599c8.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const U={title:"Layout/Columns & Rows",component:i,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"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:!0,background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
+import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-f26d47b5.js";import{H as _}from"./heading-ec1532e4.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./help-icon-3041deab.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const U={title:"Layout/Columns & Rows",component:i,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"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:"20px",background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -9,7 +9,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
 }`,...(m=(g=p.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};var l,u,d;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
   const {
@@ -22,7 +22,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
 }`,...(d=(u=o.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var h,w,b;e.parameters={...e.parameters,docs:{...(h=e.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
   const {
@@ -35,9 +35,9 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
-}`,...(b=(w=e.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};var C,x,R;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
+}`,...(b=(w=e.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};var x,C,R;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -48,9 +48,9 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
-}`,...(R=(x=a.parameters)==null?void 0:x.docs)==null?void 0:R.source}}};var H,k,A;t.parameters={...t.parameters,docs:{...(H=t.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
+}`,...(R=(C=a.parameters)==null?void 0:C.docs)==null?void 0:R.source}}};var H,k,A;t.parameters={...t.parameters,docs:{...(H=t.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -61,7 +61,7 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
 }`,...(A=(k=t.parameters)==null?void 0:k.docs)==null?void 0:A.source}}};var f,S,v;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
   const {
@@ -74,6 +74,6 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-23
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding background="var(--color-background)" />
+      <Column padding="20px" background="var(--color-background)" />
     </Row>;
 }`,...(v=(S=s.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};const V=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth"];export{p as Default,e as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,a as Scroll,V as __namedExportsOrder,U as default};

package/dist/storybook/assets/common-types-3a5f9d98.js

@@ -0,0 +1 @@
+var E=(t=>(t.TEXT="Text",t.BUTTON="Button",t.DROP_DOWN_BUTTON="DropDownButton",t.COMPONENT="Component",t))(E||{}),r=(t=>(t.FIRST="first",t.MIDDLE="middle",t.LAST="last",t))(r||{}),a=(t=>(t.DANGER="danger",t.RED="red",t.WHITE="white",t.SUCCESS="success",t.GREEN="green",t.MUTED="muted",t))(a||{}),R=(t=>(t.LEFT="left",t.RIGHT="right",t.CENTER="center",t))(R||{}),N=(t=>(t.TOP="top",t.BOTTOM="bottom",t))(N||{}),O=(t=>(t.LIBRARY="library",t.ADD="add",t.DRAG="drag",t.DRAG_HORIZONTAL="drag horizontal",t.HELP="help",t.NOTIFICATION="notification",t.MENU="menu",t.EDIT="edit",t.FAST_FORWARD="fast forward",t.INDENT="indent",t.STAR="star",t.LIST="list",t.SETTINGS="settings",t.CHECK="check",t.LOCK="lock",t.UNLOCK="unlock",t.CLOSE="close",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error",t.INFO="info",t.LEFT="left",t.COLLAPSE="collapse",t.EXPAND="expand",t.SORT_ASCENDING="sort ascending",t.SORT_DESCENDING="sort descending",t.FAST_BACKWARD="fast backward",t.CHEVRON_DOWN="chevron down",t.CHEVRON_RIGHT="chevron right",t.CHEVRON_LEFT="chevron left",t.CHEVRON_DOUBLE_LEFT="chevron double left",t.CHEVRON_DOUBLE_RIGHT="chevron double right",t))(O||{}),s=(t=>(t.DARK="dark",t.WHITE="white",t.LIGHT="light",t.INHERIT="inherit",t))(s||{}),D=(t=>(t.TEXT="text",t.RADIO="radio",t.CHECKBOX="checkbox",t))(D||{});export{R as A,N as B,a as C,r as G,O as I,E as T,s as a,D as b};