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

package/dist/storybook/assets/badge-20e7ee0b.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime-f961835c.js";import{c}from"./index-a80ed1cf.js";const p="_wrapper_nwprz_1",u="_badge_nwprz_5",m="_label_nwprz_11",_="_dark_nwprz_23",g="_light_nwprz_26",b="_small_nwprz_29",f="_dot_nwprz_33",h="_hasChildren_nwprz_39",e={wrapper:p,badge:u,label:m,dark:_,light:g,small:b,dot:f,hasChildren:h},y=l=>{const n=l.substring(1),a=parseInt(n,16),r=a>>16&255,s=a>>8&255,t=a>>0&255;return .2126*r+.7152*s+.0722*t<128},i=({children:l,color:n="",title:a=null,dot:r=!1,margin:s=null,small:t=!1})=>{const o=!(a===null&&r===!1);return d.jsxs("div",{className:e.wrapper,children:[o&&d.jsx("sup",{className:c(e.badge,y(n)?e.dark:e.light,a!==null?e.label:e.dot,t?e.small:"",l?e.hasChildren:""),style:{background:n||void 0,margin:s||void 0},children:a}),l]})};try{i.displayName="Badge",i.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:""},description:"",name:"color",required:!1,type:{name:"string"}},title:{defaultValue:{value:"null"},description:"",name:"title",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},dot:{defaultValue:{value:"false"},description:"",name:"dot",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"null"},description:"",name:"margin",required:!1,type:{name:"TStringOrNumber | null"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}export{i as B};

package/dist/storybook/assets/badge-2476bcf1.css

@@ -0,0 +1 @@
+._wrapper_nwprz_1{display:inline-flex;position:relative}._badge_nwprz_5{--size-badge: var(--line-height);background:var(--color-background-primary);display:inline-block;position:static}._badge_nwprz_5._label_nwprz_11{line-height:var(--size-badge);min-width:var(--size-badge);padding:0 var(--padding-xxs);font-size:var(--font-size-sm);font-weight:400;text-align:center;white-space:nowrap;border-radius:calc(var(--size-badge) / 2);font-weight:700;letter-spacing:normal}._badge_nwprz_5._label_nwprz_11._dark_nwprz_23{color:#fff}._badge_nwprz_5._label_nwprz_11._light_nwprz_26{color:#0009}._badge_nwprz_5._small_nwprz_29{--size-badge: var(--font-size-sm);font-size:calc(var(--size-badge) * .8)}._badge_nwprz_5._dot_nwprz_33{width:6px;height:6px;border-radius:100%;min-width:0}._badge_nwprz_5._hasChildren_nwprz_39{position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100% 0%;z-index:3}

package/dist/storybook/assets/{badge.stories-64f4c748.js → badge.stories-5ce7957f.js}

@@ -1 +1 @@
-import{j as h}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-b5b5b5ae.js";import{B as k}from"./button-8a0f5308.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";const L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};
+import{j as h}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-20e7ee0b.js";import{B as k}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 L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};

package/dist/storybook/assets/blowout.stories-63cf2545.js

@@ -0,0 +1,40 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-2c81813f.js";import{T as h}from"./top-bar-a84b9365.js";import{S as g}from"./side-bar-3f68848d.js";import{H as o}from"./heading-d29eb744.js";import{B as a}from"./button-74c97e4a.js";import{C as i}from"./card-3847c251.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-2397cf9f.js";import{S as r}from"./spacer-54db0620.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"./drawer-3f83a4d2.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./styled-components.browser.esm-416d73e5.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding="var(--padding)">
+        <Row>
+          <Column width="80px">
+            <ImagePlaceholder width={60} height={80} />
+          </Column>
+          <Column>
+            <Heading top>Blowout Simulation</Heading>
+            <Button colored label="Save & run simulation" />
+          </Column>
+          <Column flex={false}>
+            <Button onClick={() => {}} round icon={IconType.HELP} />
+          </Column>
+        </Row>
+        <Spacer />
+        <Row>
+          <Column>
+            <Card heading={<Heading>Reservoir Zones</Heading>}>Content</Card>
+            <Spacer />
+            <Card heading={<Heading>Simulation Models</Heading>}>Content</Card>
+            <Spacer />
+            <Card heading={<Heading>Simulation Options</Heading>}>Content</Card>
+          </Column>
+          <Column>
+            <Card heading={<Heading>Drill String</Heading>}>Content</Card>
+            <Spacer />
+            <Card heading={<Heading>Surface Roughness</Heading>}>Content</Card>
+            <Spacer />
+            <Card heading={<Heading>Weighted Rates</Heading>}>Content</Card>
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(m=(l=t.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Blowout"};const Q=["Blowout"];export{t as Blowout,Q as __namedExportsOrder,K as default};

package/dist/storybook/assets/breadcrumb.stories-a644544e.css

@@ -0,0 +1 @@
+._breadcrumb_2k0cd_1{font-size:var(--font-size-xl)}._breadcrumb_2k0cd_1._small_2k0cd_4{font-size:var(--font-size)}._breadcrumb_2k0cd_1 ._labelContainer_2k0cd_7{color:var(--color-text-primary);cursor:pointer}._breadcrumb_2k0cd_1 ._labelContainer_2k0cd_7:hover{color:var(--color-text-primary-hover)}._breadcrumb_2k0cd_1 ._labelContainer_2k0cd_7:active{color:var(--color-text-primary-active)}._breadcrumb_2k0cd_1 ._labelContainer_2k0cd_7._active_2k0cd_17{color:inherit;cursor:default;pointer-events:none}._breadcrumb_2k0cd_1 ._labelContainer_2k0cd_7._disabled_2k0cd_22{color:var(--color-text-faint);cursor:default;pointer-events:none}._breadcrumb_2k0cd_1 ._separator_2k0cd_27{margin:0 var(--padding-xs);color:var(--color-border)}

package/dist/storybook/assets/breadcrumb.stories-e4334a75.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{c as N}from"./index-a80ed1cf.js";import{r as g}from"./index-f80c8c95.js";import{D as q}from"./disabled-context-d654f6ff.js";const B="_breadcrumb_2k0cd_1",E="_small_2k0cd_4",S="_labelContainer_2k0cd_7",I="_active_2k0cd_17",T="_disabled_2k0cd_22",A="_separator_2k0cd_27",r={breadcrumb:B,small:E,labelContainer:S,active:I,disabled:T,separator:A};var o=(e=>(e.LABEL="label",e.LINK="link",e.CUSTOM="custom",e))(o||{});const f=({type:e=o.LABEL,label:s,url:t,onClick:n,active:m,disabled:u,element:i})=>{const p=g.useContext(q),b=e===o.LINK&&t!==void 0,_=e===o.CUSTOM&&g.isValidElement(i);return a.jsx("span",{onClick:n,className:N(r.labelContainer,m&&r.active,(u||p)&&r.disabled),children:b?a.jsx("a",{href:t,children:s}):_?i:s})};try{f.displayName="Link",f.__docgenInfo={description:"",displayName:"Link",props:{type:{defaultValue:{value:"BreadcrumbLinkType.LABEL"},description:"",name:"type",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"TStringNumberNull"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"TEmpty"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}}}}}catch{}const d=({links:e,small:s=!1})=>a.jsx("div",{className:N(r.breadcrumb,s&&r.small),children:e.map((t,n)=>{const m=e.length===n+1,{type:u,label:i,url:p,onClick:b,active:_,disabled:j,element:V}=t;return a.jsxs("span",{children:[a.jsx(f,{type:u,label:i,url:p,onClick:b,active:_,disabled:j,element:V}),!m&&a.jsx("span",{className:r.separator,children:"/"})]},n)})});try{d.displayName="Breadcrumb",d.__docgenInfo={description:"",displayName:"Breadcrumb",props:{links:{defaultValue:null,description:"",name:"links",required:!0,type:{name:"ILinkProps[]"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const R={title:"Navigation/Breadcrumb",component:d,args:{links:[{label:"Animals",onClick:()=>console.log("label clicked")},{label:"Mammals",url:"animals/mammals",disabled:!0},{label:"Cats",url:"animals/mammals/cats"},{type:"custom",element:a.jsx("span",{children:"Large"})},{label:"Tiger",url:"animals/mammals/cats/tiger",active:!0}]}},h=e=>a.jsx(d,{...e}),c=h.bind({}),l=h.bind({});l.args={small:!0};var y,k,x;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:"args => <Breadcrumb {...args} />",...(x=(k=c.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};var C,v,L;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Breadcrumb {...args} />",...(L=(v=l.parameters)==null?void 0:v.docs)==null?void 0:L.source}}};const U=["Default","Small"];export{c as Default,l as Small,U as __namedExportsOrder,R as default};

package/dist/storybook/assets/button-74c97e4a.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{r as I}from"./index-f80c8c95.js";import{c as h}from"./index-a80ed1cf.js";import{C as t,G as m}from"./common-types-2c81813f.js";import{D as M}from"./disabled-context-d654f6ff.js";import{S as j}from"./spinner-a81ebe38.js";import{I as w}from"./icon-e9cbb4d7.js";import{T as C}from"./tooltip-23e84186.js";const F="_inputInTable_1rzkf_1",R="_inputHover_1rzkf_13",U="_inputFocus_1rzkf_18",D="_inputError_1rzkf_25",L="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",H="_hideScrollbars_1rzkf_67",W="_button_1rzkf_100",A="_active_1rzkf_135",J="_green_1rzkf_135",K="_red_1rzkf_135",P="_orange_1rzkf_135",Q="_icon_1rzkf_147",X="_iconOnly_1rzkf_153",Y="_basic_1rzkf_163",Z="_muted_1rzkf_169",$="_disabled_1rzkf_188",ee="_small_1rzkf_198",re="_pill_1rzkf_203",ae="_round_1rzkf_204",ne="_error_1rzkf_276",te="_warning_1rzkf_293",le="_inverted_1rzkf_310",se="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",oe="_groupOrderLast_1rzkf_342",e={inputInTable:F,inputHover:R,inputFocus:U,inputError:D,inputWarning:L,inputDisabled:G,hideScrollbars:H,button:W,active:A,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(C,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:z="",title:f="",type:O=l.BUTTON,onClick:q=()=>{},error:T,warning:V,testId:x,tooltip:E,inverted:S=!1})=>{const _=I.useContext(M),N=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case m.FIRST:return e.groupOrderFirst;case m.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:E,children:a.jsxs("button",{type:O===l.SUBMIT?l.SUBMIT:l.BUTTON,className:h(e.button,r?e.active:"",n?e.basic:"",N,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",S?e.inverted:"",B,v?e.pill:"",y?e.round:"",o?e.small:"",T?e.error:V?e.warning:"",k),disabled:u||_,name:b??"",onClick:q,...f?{title:f}:{},style:{width:z},"data-testid":x,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(w,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(j,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};

package/dist/storybook/assets/button-7c35ef6e.css

@@ -0,0 +1 @@
+._inputInTable_1rzkf_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1rzkf_1:not(:hover){border-color:transparent}._inputInTable_1rzkf_1:not(:focus){box-shadow:none}._inputHover_1rzkf_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1rzkf_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1rzkf_25,._inputWarning_1rzkf_26{position:relative}._inputError_1rzkf_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1rzkf_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1rzkf_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1rzkf_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1rzkf_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1rzkf_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1rzkf_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1rzkf_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1rzkf_67::-webkit-scrollbar{display:none}:root{--color-border-button: rgba(0, 0, 0, .15);--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-border-button-default-active: var(--color-primary-500);--color-text-button-default-active: var(--color-primary-500);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600)}html[data-theme=dark]{--color-border-button: var(--color-border);--color-background-button-default: var(--color-neutral-800);--color-background-button-default-hover: var(--color-neutral-750);--color-background-button-default-active: var(--color-neutral-700)}._button_1rzkf_100{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:var(--font-family);padding:var(--padding-input);text-transform:none;text-shadow:none;font-style:normal;text-align:center;text-decoration:none;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease;max-width:100%;min-height:var(--size);box-shadow:var(--shadow-button);font-weight:700}._button_1rzkf_100:hover{background:var(--color-background-button-default-hover)}._button_1rzkf_100:focus{box-shadow:var(--shadow-focus)!important}._button_1rzkf_100:active{background:var(--color-background-button-default-active);box-shadow:none}._button_1rzkf_100._active_1rzkf_135:not(._green_1rzkf_135):not(._red_1rzkf_135):not(._orange_1rzkf_135){border-color:var(--color-border-button-default-active);color:var(--color-text-button-default-active);position:relative;z-index:2}._button_1rzkf_100:hover,._button_1rzkf_100:focus,._button_1rzkf_100:active{position:relative;z-index:1}._button_1rzkf_100 ._icon_1rzkf_147{margin:-2px;margin-right:var(--padding-xxs);font-size:var(--size-xs);display:flex}._iconOnly_1rzkf_153{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_1rzkf_153 ._icon_1rzkf_147{margin:0;line-height:0}._basic_1rzkf_163{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_1rzkf_163._muted_1rzkf_169{color:var(--color-text-muted)}._basic_1rzkf_163:hover{color:var(--color-text-primary-hover);background:rgba(0,0,0,.05)}[data-theme=dark] ._basic_1rzkf_163:hover{background:rgba(255,255,255,.1)}._basic_1rzkf_163:active,._basic_1rzkf_163._active_1rzkf_135{color:var(--color-text-primary-active);background:rgba(0,0,0,.1)}[data-theme=dark] ._basic_1rzkf_163:active,[data-theme=dark] ._basic_1rzkf_163._active_1rzkf_135{background:rgba(255,255,255,.2)}._disabled_1rzkf_188{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_1rzkf_188:not(._active_1rzkf_135):not(._basic_1rzkf_163){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_1rzkf_198{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._pill_1rzkf_203,._round_1rzkf_204{border-radius:19px;display:inline-flex;align-items:center}._round_1rzkf_204{padding:0;width:var(--size);line-height:1}._round_1rzkf_204._small_1rzkf_198{width:var(--size-sm)}._orange_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-primary)}._orange_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-primary-hover)}._orange_1rzkf_135:not(._basic_1rzkf_163):active,._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-primary-active)}._red_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-error)}._red_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-error-hover)}._red_1rzkf_135:not(._basic_1rzkf_163):active,._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-error-active)}._red_1rzkf_135._basic_1rzkf_163{color:var(--color-text-error)}._green_1rzkf_135:not(._basic_1rzkf_163){background-color:var(--color-background-button-success)}._green_1rzkf_135:not(._basic_1rzkf_163):hover{background-color:var(--color-background-button-success-hover)}._green_1rzkf_135:not(._basic_1rzkf_163):active,._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{background-color:var(--color-background-button-success-active)}._green_1rzkf_135._basic_1rzkf_163{color:var(--color-text-success)}._orange_1rzkf_135,._red_1rzkf_135,._green_1rzkf_135{border-color:var(--color-border-button)}._orange_1rzkf_135:not(._basic_1rzkf_163),._red_1rzkf_135:not(._basic_1rzkf_163),._green_1rzkf_135:not(._basic_1rzkf_163){color:#fff}._orange_1rzkf_135:not(._basic_1rzkf_163):hover,._red_1rzkf_135:not(._basic_1rzkf_163):hover,._green_1rzkf_135:not(._basic_1rzkf_163):hover{color:#fff}._orange_1rzkf_135:not(._basic_1rzkf_163):active,._red_1rzkf_135:not(._basic_1rzkf_163):active,._green_1rzkf_135:not(._basic_1rzkf_163):active,._orange_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,._red_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135,._green_1rzkf_135:not(._basic_1rzkf_163)._active_1rzkf_135{color:#fff}._error_1rzkf_276{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._error_1rzkf_276:hover{border-color:var(--color-border-error-hover)!important}._error_1rzkf_276:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_1rzkf_293{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._warning_1rzkf_293:hover{border-color:var(--color-border-warning-hover)!important}._warning_1rzkf_293:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_1rzkf_310{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_1rzkf_310:hover,._inverted_1rzkf_310:active{box-shadow:none}._inverted_1rzkf_310._orange_1rzkf_135{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_1rzkf_310._red_1rzkf_135{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_1rzkf_310._green_1rzkf_135{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_1rzkf_310._orange_1rzkf_135:hover,._inverted_1rzkf_310._red_1rzkf_135:hover,._inverted_1rzkf_310._green_1rzkf_135:hover,._inverted_1rzkf_310._orange_1rzkf_135:active,._inverted_1rzkf_310._red_1rzkf_135:active,._inverted_1rzkf_310._green_1rzkf_135:active{color:#fff;box-shadow:none}._groupOrderFirst_1rzkf_340,._groupOrderMiddle_1rzkf_341,._groupOrderLast_1rzkf_342{margin-right:0}._groupOrderFirst_1rzkf_340,._groupOrderMiddle_1rzkf_341{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1rzkf_342,._groupOrderMiddle_1rzkf_341{border-top-left-radius:0!important;border-bottom-left-radius:0!important}

package/dist/storybook/assets/button-group-ca0fb5b4.css

@@ -0,0 +1 @@
+._label_iu2wi_1{display:inline-block;width:auto;margin:0 .85714286em 0 0;vertical-align:baseline;font-size:var(--font-size);font-weight:700;color:var(--color-text);text-transform:none}._buttonGroup_iu2wi_11{display:inline-flex;flex-direction:row;vertical-align:baseline}._buttonGroup_iu2wi_11>*:not(:last-child){margin-right:-1px}

package/dist/storybook/assets/button-group-fa895d0c.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{G as u}from"./common-types-2c81813f.js";import{D as P}from"./disabled-context-d654f6ff.js";import{i as c,g as R}from"./types-332ceaf3.js";import{B as W}from"./button-74c97e4a.js";import{T as K}from"./tooltip-23e84186.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};

package/dist/storybook/assets/{button-group.stories-b2a4fab2.js → button-group.stories-22f072b7.js}

@@ -1,4 +1,4 @@
-import{j as B}from"./jsx-runtime-f961835c.js";import{B as G}from"./button-group-801d7130.js";import"./index-f80c8c95.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-8a0f5308.js";import"./index-a80ed1cf.js";import"./spinner-4948799e.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
+import{j as B}from"./jsx-runtime-f961835c.js";import{B as G}from"./button-group-fa895d0c.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-74c97e4a.js";import"./index-a80ed1cf.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 I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: TStringOrNumber) => {
     updateArgs({

package/dist/storybook/assets/button.stories-531033a8.js

@@ -0,0 +1,71 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{F as nr}from"./flex-47732c42.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-009ffbf1.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-1faa2875.js";import{Default as a,Basic as c}from"./button.stories-531033a8.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-ac151bc8.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";import"./flex-47732c42.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-afcab7a9.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-47732c42.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-aefdf55f.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-cbb3b736.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-ac151bc8.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-1faa2875.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-606afd3e.js

@@ -0,0 +1,25 @@
+import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-cbb3b736.js";import{M as d}from"./index-1faa2875.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-ac151bc8.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};