@oliasoft-open-source/react-ui-library 4.0.0 → 4.0.2

package/dist/storybook/assets/button.stories-c908b4ea.js

@@ -0,0 +1,71 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{F as nr}from"./flex-89b67483.js";import{B as o,a as cr}from"./button-74c97e4a.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(v=(S=F.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var T,h,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(f=(h=s.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var W,j,y;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(y=(j=a.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};var R,w,D;t.parameters={...t.parameters,docs:{...(R=t.parameters)==null?void 0:R.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(D=(w=t.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var L,I,M;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,A,E;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(E=(A=c.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var O,U,k;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(k=(U=d.parameters)==null?void 0:U.docs)==null?void 0:k.source}}};var q,z,C;l.parameters={...l.parameters,docs:{...(q=l.parameters)==null?void 0:q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(C=(z=l.parameters)==null?void 0:z.docs)==null?void 0:C.source}}};var G,H,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(J=(H=u.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var K,N,P;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(P=(N=g.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var Q,V,X;p.parameters={...p.parameters,docs:{...(Q=p.parameters)==null?void 0:Q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(X=(V=p.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var Y,Z,$;i.parameters={...i.parameters,docs:{...(Y=i.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...($=(Z=i.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var rr,er,or;m.parameters={...m.parameters,docs:{...(rr=m.parameters)==null?void 0:rr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(or=(er=m.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var sr,ar,tr;B.parameters={...B.parameters,docs:{...(sr=B.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(tr=(ar=B.parameters)==null?void 0:ar.docs)==null?void 0:tr.source}}};const fr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip","TestWrapping","TestWrappingSmall"];export{t as Active,a as Basic,F as Default,n as Disabled,u as FullWidth,d as Round,l as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,m as TestWrapping,B as TestWrappingSmall,i as Tooltip,c as WithIcon,fr as __namedExportsOrder,hr as default};

package/dist/storybook/assets/{buttons-and-links-5fa499f7.js → buttons-and-links-a41d0e6b.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as e}from"./index-da4c9412.js";import{Default as a,Basic as c}from"./button.stories-8c0d7230.js";import{Default as d}from"./text-link.stories-aa9527a2.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-529fb939.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-4bc3b694.js";import"./button-8a0f5308.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-ce35c889.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-eb0f0865.js";import"./text-78efb253.js";function i(o){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
+import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as e}from"./index-b0ab8379.js";import{Default as a,Basic as c}from"./button.stories-c908b4ea.js";import{Default as d}from"./text-link.stories-c1227c6f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b3e4c19a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-89b67483.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";function i(o){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
 `,t.jsx(n.h1,{id:"buttons--links",children:"Buttons & Links"}),`
 `,t.jsx(e,{of:a}),`
 `,t.jsx(n.h2,{id:"a-single-primary-button",children:"A single primary button"}),`

package/dist/storybook/assets/card-13420d4a.css

@@ -0,0 +1 @@
+._card_ucdeu_1{color:var(--color-text)}._card_ucdeu_1._bordered_ucdeu_4{background:var(--color-background-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:var(--border-radius)}._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10{box-shadow:var(--shadow-layer)}._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13{padding:var(--padding-xxs) var(--padding-sm);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:var(--color-background-cardheader)}._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19{border-top:1px solid var(--color-border)}._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22{padding:var(--padding-sm)}._cardContent_ucdeu_19:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._cardContent_ucdeu_19:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._cardHeader_ucdeu_13{display:flex;align-items:center;padding:var(--padding-sm) 0}

package/dist/storybook/assets/card-3847c251.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-f961835c.js";import{c as a}from"./index-a80ed1cf.js";const u="_card_ucdeu_1",l="_bordered_ucdeu_4",p="_raised_ucdeu_10",_="_cardHeader_ucdeu_13",m="_cardContentBorderTop_ucdeu_19",f="_padding_ucdeu_22",C="_cardContent_ucdeu_19",e={card:u,bordered:l,raised:p,cardHeader:_,cardContentBorderTop:m,padding:f,cardContent:C},t=({bordered:n=!0,heading:d=null,children:o,margin:c="0",padding:s=!0,raised:i=!1})=>r.jsxs("div",{className:a(e.card,n?e.bordered:"",i?e.raised:""),style:{margin:c},children:[d?r.jsx("div",{className:a(e.cardHeader),children:d}):null,r.jsx("div",{className:a(e.cardContent,d?e.cardContentBorderTop:"",s?e.padding:""),children:o})]});try{t.displayName="Card",t.__docgenInfo={description:"",displayName:"Card",props:{bordered:{defaultValue:{value:"true"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},heading:{defaultValue:{value:"null"},description:"",name:"heading",required:!1,type:{name:"ReactNode"}},margin:{defaultValue:{value:"0"},description:"",name:"margin",required:!1,type:{name:"string"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},raised:{defaultValue:{value:"false"},description:"",name:"raised",required:!1,type:{name:"boolean"}}}}}catch{}export{t as C};

package/dist/storybook/assets/{card.stories-5057b7e4.js → card.stories-537a1772.js}

@@ -1 +1 @@
-import{j as d}from"./jsx-runtime-f961835c.js";import{C as S}from"./card-3e67b904.js";import{H as N}from"./heading-ec1532e4.js";import"./index-f80c8c95.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"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};
+import{j as d}from"./jsx-runtime-f961835c.js";import{C as S}from"./card-3847c251.js";import{H as N}from"./heading-d29eb744.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};

package/dist/storybook/assets/{casing-loads.stories-e488810c.js → casing-loads.stories-c16da9e1.js}

@@ -1,4 +1,4 @@
-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:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-2c81813f.js";import{T}from"./top-bar-a84b9365.js";import{S as I}from"./side-bar-3f68848d.js";import{H as r}from"./heading-d29eb744.js";import{B as n}from"./button-74c97e4a.js";import{D as g}from"./drawer-3f83a4d2.js";import{L as O}from"./list-0dc3df85.js";import{F as a}from"./field-a094cd72.js";import{I as o}from"./input-d68625a5.js";import{M as D,D as E}from"./dialog-795008dd.js";import{C as H}from"./check-box-e21258d5.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-2397cf9f.js";import{S as d}from"./select-79fc1bab.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-cdfc5225.js";import{T as M}from"./table-bebf1fd3.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-0fd7af97.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./slider-160e2152.js";import"./popover-06e375a5.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=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:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{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,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{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,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{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"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,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(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(P,{}),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(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
   const [dialogOpen, setDialogOpen] = useState(false);
   const SchematicPlaceholder = () => <div style={{
     color: '#aaa',
@@ -90,7 +90,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
       </Field>
       <Spacer />
       <Heading>Internal Profile</Heading>
-      <Spacer height="10px" />
+      <Spacer />
       <FormRow>
         <Field label="Profile">
           <Select native width="auto" options={[{
@@ -102,16 +102,16 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
         }]} />
         </Field>
         <Field label="Influx depth">
-          <Input width="120px" />
+          <Input />
         </Field>
         <Field label="Gas gradient">
-          <Input width="120px" />
+          <Input />
         </Field>
         <Field label="Mud weight">
-          <Input width="120px" />
+          <Input />
         </Field>
         <Field label="Input n">
-          <Input width="120px" />
+          <Input />
         </Field>
         <Field>
           <CheckBox label="Limit gas at shoe" />
@@ -119,7 +119,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
       </FormRow>
       <Spacer />
       <Heading>External Profile</Heading>
-      <Spacer height="10px" />
+      <Spacer />
       <FormRow>
         <Field label="Profile">
           <Select native width="auto" options={[{
@@ -131,15 +131,15 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
         }]} />
         </Field>
         <Field label="FG above TOC">
-          <Input width="120px" />
+          <Input />
         </Field>
         <Field label="FG below TOC">
-          <Input width="120px" />
+          <Input />
         </Field>
       </FormRow>
       <Spacer />
       <Heading>Temperature Profile</Heading>
-      <Spacer height="10px" />
+      <Spacer />
       <FormRow>
         <Field label="Profile">
           <Select native width="auto" options={[{
@@ -163,13 +163,13 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
     </>;
   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}>
+    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={50}>
+    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>;
   };
@@ -206,4 +206,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c9
       </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};
+}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.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-d4ae5746.js → cell.stories-81179245.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-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 => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-bebf1fd3.js";import{F as De}from"./field-a094cd72.js";import{B as F}from"./button-74c97e4a.js";import{I as Me}from"./input-d68625a5.js";import{F as Je}from"./flex-89b67483.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-5ad14f16.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.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-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-2d4e1c8e.js";import"./common-types-2c81813f.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./pagination-0fd7af97.js";import"./select-79fc1bab.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-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./slider-160e2152.js";import"./index-c7f280f6.js";import"./popover-06e375a5.js";import"./label-13d490a3.js";import"./spinner-a81ebe38.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} />;

package/dist/storybook/assets/check-box-960c9b05.css

@@ -0,0 +1 @@
+._checkbox_1ybyr_1{--size-checkbox: var(--size-xs);margin:calc((var(--size) - var(--size-checkbox)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-checkbox);font-size:inherit;line-height:var(--size-checkbox);min-width:var(--size-checkbox);outline:0px}._checkbox_1ybyr_1._noLabel_1ybyr_17{width:var(--size-checkbox)}._checkbox_1ybyr_1._small_1ybyr_20{--size-checkbox: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;font-size:var(--font-size-sm)}._checkbox_1ybyr_1 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0px;z-index:-1}._checkbox_1ybyr_1 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:calc(var(--size-checkbox) + var(--padding-xs));outline:0px}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43{position:absolute;top:0;left:0;width:var(--size-checkbox);height:var(--size-checkbox);font-size:var(--size-checkbox);display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-button-default);border-radius:var(--border-radius-sm);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_1ybyr_1 label ._checkmark_1ybyr_43:hover{border-color:var(--color-border-hover)}._checkbox_1ybyr_1 input:checked~label ._checkmark_1ybyr_43{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_1ybyr_1._disabled_1ybyr_67{cursor:default;pointer-events:none}._checkbox_1ybyr_1._disabled_1ybyr_67 label{color:var(--color-text-faint)}._checkbox_1ybyr_1._disabled_1ybyr_67 ._checkmark_1ybyr_43{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked~label ._checkmark_1ybyr_43{color:var(--color-text-faint)}._noMargin_1ybyr_81,._isInTable_1ybyr_84{margin:0}._helpIconEnabled_1ybyr_87{pointer-events:auto}

package/dist/storybook/assets/check-box-e21258d5.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{r as g}from"./index-f80c8c95.js";import{c as v}from"./index-a80ed1cf.js";import{I as C}from"./common-types-2c81813f.js";import{D as q}from"./disabled-context-d654f6ff.js";import{H as V}from"./help-icon-d4189b1b.js";import{I as E}from"./icon-e9cbb4d7.js";const T="_checkbox_1ybyr_1",j="_noLabel_1ybyr_17",M="_small_1ybyr_20",H="_checkmark_1ybyr_43",L="_disabled_1ybyr_67",N="_noMargin_1ybyr_81",B="_isInTable_1ybyr_84",D="_helpIconEnabled_1ybyr_87",e={checkbox:T,noLabel:j,small:M,checkmark:H,disabled:L,noMargin:N,isInTable:B,helpIconEnabled:D},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,key:f="",label:i="",disabled:y=!1,small:_=!1,onChange:x,testId:h,value:w,helpText:o,onClickHelp:d})=>{const k=g.useContext(q),I=o||d,s=y||k;return a.jsxs("div",{className:v(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,_&&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,x(c)}},"data-testid":h,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s},f),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(E,{icon:C.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(V,{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"}},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.stories-5f7d06e0.js

@@ -0,0 +1,97 @@
+import{j as U}from"./jsx-runtime-f961835c.js";import{C as W}from"./check-box-e21258d5.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:Y}=__STORYBOOK_MODULE_ADDONS__,$={title:"Forms/CheckBox",component:W,args:{disabled:!1,label:"Label"}},e=F=>{const[{checked:K},M]=Y(),N=()=>{M({checked:!K})};return U.jsx(W,{...F,onChange:N})},d=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const t=e.bind({});t.args={onClickHelp:()=>console.log("Help clicked")};const o=e.bind({});o.args={helpText:"Help text",disabled:!0};var p,l,g;d.parameters={...d.parameters,docs:{...(p=d.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} />;
+}`,...(g=(l=d.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,h,u;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} />;
+}`,...(u=(h=n.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};var m,k,C;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} />;
+}`,...(C=(k=s.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,b,A;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.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} />;
+}`,...(A=(b=r.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var S,B,j;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.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} />;
+}`,...(j=(B=a.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var D,H,_;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.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=c.parameters)==null?void 0:H.docs)==null?void 0:_.source}}};var O,T,f;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.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} />;
+}`,...(f=(T=t.parameters)==null?void 0:T.docs)==null?void 0:f.source}}};var E,L,R;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.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} />;
+}`,...(R=(L=o.parameters)==null?void 0:L.docs)==null?void 0:R.source}}};const ee=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText"];export{d as Default,s as Disabled,r as DisabledChecked,o as DisabledWithHelpText,c as HelpText,t as OnClickHelp,n as Small,a as Standalone,ee as __namedExportsOrder,$ as default};

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

@@ -1 +1 @@
-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};
+import{_ as i}from"./iframe-b3e4c19a.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-b0ab8379.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-514a4e1c.js

@@ -0,0 +1,25 @@
+import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-09dac8f9.js";import{M as d}from"./index-b0ab8379.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-819866ea.js";import{u as i}from"./index-5cdc9468.js";import"./iframe-b3e4c19a.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-cf68f115.js";import"./message-7e627e60.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.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"],s=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=s.map(r=>`--color-neutral-${r}`),b=s.map(r=>`--color-primary-${r}`),f=s.map(r=>`--color-error-${r}`),y=s.map(r=>`--color-warning-${r}`),C=s.map(r=>`--color-success-${r}`),k=s.map(r=>`--color-info-${r}`),c=({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})`,t=()=>{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:t}),o.jsx("code",{onClick:t,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),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(c,{colors:h}),`
+`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.jsx(c,{colors:u}),`
+`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
+`,o.jsx(c,{colors:g}),`
+`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
+`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
+`,o.jsx(c,{colors:j}),`
+`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
+`,o.jsx(c,{colors:b}),`
+`,o.jsx(n.h3,{id:"error",children:"Error"}),`
+`,o.jsx(c,{colors:f}),`
+`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
+`,o.jsx(c,{colors:y}),`
+`,o.jsx(n.h3,{id:"success",children:"Success"}),`
+`,o.jsx(c,{colors:C}),`
+`,o.jsx(n.h3,{id:"info",children:"Info"}),`
+`,o.jsx(c,{colors:k}),`
+`,o.jsx(x,{})]})}function R(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(l,r)})):l(r)}export{R as default};

package/dist/storybook/assets/{column.stories-e430553e.js → column.stories-720f6311.js}

@@ -1,4 +1,4 @@
-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 => {
+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-d29eb744.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-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.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:!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 => {
   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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding 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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding 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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(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 => {
+}`,...(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 => {
   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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(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 => {
+}`,...(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 => {
   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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding 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-f2
         <Heading top>Column</Heading>
         {'Example content goes here lorem ipsum. '.repeat(20)}
       </Column>
-      <Column padding="20px" background="var(--color-background)" />
+      <Column padding 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-2c81813f.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||{}),N=(t=>(t.LEFT="left",t.RIGHT="right",t.CENTER="center",t))(N||{}),R=(t=>(t.TOP="top",t.BOTTOM="bottom",t))(R||{}),O=(t=>(t.LIBRARY="library",t.ADD="add",t.DRAG="drag",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{N as A,R as B,a as C,r as G,O as I,E as T,s as a,D as b};