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

package/dist/storybook/assets/preview-f4c82e21.css

@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(25.25, 100%, 97.5%);--color-primary-100: hsl(25.25, 100%, 92.5%);--color-primary-150: hsl(25.25, 100%, 87.5%);--color-primary-200: hsl(25.25, 100%, 82.5%);--color-primary-250: hsl(25.25, 100%, 77.5%);--color-primary-300: hsl(25.25, 100%, 72.5%);--color-primary-350: hsl(25.25, 100%, 67.5%);--color-primary-400: hsl(25.25, 100%, 62.5%);--color-primary-450: hsl(25.25, 100%, 57.5%);--color-primary-500: hsl(25.25, 100%, 52.5%);--color-primary-550: hsl(25.25, 100%, 47.5%);--color-primary-600: hsl(25.25, 100%, 42.5%);--color-primary-650: hsl(25.25, 100%, 37.5%);--color-primary-700: hsl(25.25, 100%, 32.5%);--color-primary-750: hsl(25.25, 100%, 27.5%);--color-primary-800: hsl(25.25, 100%, 22.5%);--color-primary-850: hsl(25.25, 100%, 17.5%);--color-primary-900: hsl(25.25, 100%, 12.5%);--color-primary-950: hsl(25.25, 100%, 7.5%);--color-primary-1000: hsl(25.25, 100%, 2.5%);--color-error-0: hsl(0, 0%, 100%);--color-error-50: hsl(0, 51.29186603%, 97.5%);--color-error-100: hsl(0, 51.29186603%, 92.5%);--color-error-150: hsl(0, 51.29186603%, 87.5%);--color-error-200: hsl(0, 51.29186603%, 82.5%);--color-error-250: hsl(0, 51.29186603%, 77.5%);--color-error-300: hsl(0, 51.29186603%, 72.5%);--color-error-350: hsl(0, 51.29186603%, 67.5%);--color-error-400: hsl(0, 51.29186603%, 62.5%);--color-error-450: hsl(0, 51.29186603%, 57.5%);--color-error-500: hsl(0, 51.29186603%, 52.5%);--color-error-550: hsl(0, 51.29186603%, 47.5%);--color-error-600: hsl(0, 51.29186603%, 42.5%);--color-error-650: hsl(0, 51.29186603%, 37.5%);--color-error-700: hsl(0, 51.29186603%, 32.5%);--color-error-750: hsl(0, 51.29186603%, 27.5%);--color-error-800: hsl(0, 51.29186603%, 22.5%);--color-error-850: hsl(0, 51.29186603%, 17.5%);--color-error-900: hsl(0, 51.29186603%, 12.5%);--color-error-950: hsl(0, 51.29186603%, 7.5%);--color-error-1000: hsl(0, 51.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 32.03252033%, 97.5%);--color-success-100: hsl(120, 32.03252033%, 92.5%);--color-success-150: hsl(120, 32.03252033%, 87.5%);--color-success-200: hsl(120, 32.03252033%, 82.5%);--color-success-250: hsl(120, 32.03252033%, 77.5%);--color-success-300: hsl(120, 32.03252033%, 72.5%);--color-success-350: hsl(120, 32.03252033%, 67.5%);--color-success-400: hsl(120, 32.03252033%, 62.5%);--color-success-450: hsl(120, 32.03252033%, 57.5%);--color-success-500: hsl(120, 32.03252033%, 52.5%);--color-success-550: hsl(120, 32.03252033%, 47.5%);--color-success-600: hsl(120, 32.03252033%, 42.5%);--color-success-650: hsl(120, 32.03252033%, 37.5%);--color-success-700: hsl(120, 32.03252033%, 32.5%);--color-success-750: hsl(120, 32.03252033%, 27.5%);--color-success-800: hsl(120, 32.03252033%, 22.5%);--color-success-850: hsl(120, 32.03252033%, 17.5%);--color-success-900: hsl(120, 32.03252033%, 12.5%);--color-success-950: hsl(120, 32.03252033%, 7.5%);--color-success-1000: hsl(120, 32.03252033%, 2.5%);--color-warning-0: hsl(0, 0%, 100%);--color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(60, 10.34482759%, 97.5%);--color-neutral-100: hsl(60, 10.34482759%, 92.5%);--color-neutral-150: hsl(60, 10.34482759%, 87.5%);--color-neutral-200: hsl(60, 10.34482759%, 82.5%);--color-neutral-250: hsl(60, 10.34482759%, 77.5%);--color-neutral-300: hsl(60, 10.34482759%, 72.5%);--color-neutral-350: hsl(60, 10.34482759%, 67.5%);--color-neutral-400: hsl(60, 10.34482759%, 62.5%);--color-neutral-450: hsl(60, 10.34482759%, 57.5%);--color-neutral-500: hsl(60, 10.34482759%, 52.5%);--color-neutral-550: hsl(60, 10.34482759%, 47.5%);--color-neutral-600: hsl(60, 10.34482759%, 42.5%);--color-neutral-650: hsl(60, 10.34482759%, 37.5%);--color-neutral-700: hsl(60, 10.34482759%, 32.5%);--color-neutral-750: hsl(60, 10.34482759%, 27.5%);--color-neutral-800: hsl(60, 10.34482759%, 22.5%);--color-neutral-850: hsl(60, 10.34482759%, 17.5%);--color-neutral-900: hsl(60, 10.34482759%, 12.5%);--color-neutral-950: hsl(60, 10.34482759%, 7.5%);--color-neutral-1000: hsl(60, 10.34482759%, 2.5%)}:root{color-scheme:initial;--font-family: "Roobert", sans-serif;--font-size-xl: 17px;--font-size-lg: 15px;--font-size: 13px;--font-size-sm: 12px;--font-size-xs: 11px;--line-height: 20px;--size-xl: 48px;--size-lg: 36px;--size: 30px;--size-sm: 24px;--size-xs: 16px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-input-x: var(--padding-xs);--padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-sm-x: var(--padding-xs);--padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);--padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);--border-radius: 4px;--border-radius-sm: 2px;--zindex-topbar-alert: 98;--zindex-drawer: 99;--zindex-topbar: 101;--zindex-dimmer: 1000;--zindex-modal: 2000;--zindex-popover: 2001;--zindex-dropdown: 2002;--zindex-tooltip: 2003;--shadow-button: 0 1px 2px rgba(0, 0, 0, .1);--shadow-layer: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-650);--color-text-faint: var(--color-neutral-400);--color-text-error: var(--color-error-650);--color-text-warning: var(--color-warning-650);--color-text-success: var(--color-success-650);--color-text-info: var(--color-info-650);--color-text-primary: var(--color-primary-500);--color-text-primary-hover: var(--color-primary-550);--color-text-primary-active: var(--color-primary-600);--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: var(--color-neutral-50);--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: var(--color-info-150);--color-background-error: var(--color-error-150);--color-background-success: var(--color-success-150);--color-background-warning: var(--color-warning-150);--color-background-primary: var(--color-primary-500);--color-background-input: white;--color-background-listitem-active: var(--color-primary-100);--color-background-listitem-hover: var(--color-neutral-100);--color-border: var(--color-neutral-200);--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-300);--color-border-error-hover: var(--color-error-400);--color-border-warning: var(--color-warning-300);--color-border-warning-hover: var(--color-warning-400);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-100);--color-text-muted: var(--color-neutral-300);--color-text-faint: var(--color-neutral-500);--color-text-primary: var(--color-primary-450);--color-text-primary-active: var(--color-primary-350);--color-text-primary-hover: var(--color-primary-400);--color-text-error: var(--color-error-300);--color-text-info: var(--color-info-300);--color-text-success: var(--color-success-300);--color-text-warning: var(--color-warning-300);--color-text-placeholder: rgba(255, 255, 255, .4);--color-background: var(--color-neutral-950);--color-background-raised: var(--color-neutral-900);--color-background-disabled: rgba(255, 255, 255, .05);--color-background-error: var(--color-error-800);--color-background-info: var(--color-info-800);--color-background-success: var(--color-success-800);--color-background-warning: var(--color-warning-800);--color-background-primary: var(--color-primary-500);--color-background-input: var(--color-neutral-850);--color-background-listitem-active: var(--color-primary-850);--color-background-listitem-hover: var(--color-neutral-850);--color-border: var(--color-neutral-800);--color-border-checkbox: var(--color-neutral-600);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-650);--color-border-warning: var(--color-warning-650);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .5)}@font-face{font-family:Roobert;font-weight:400;font-style:normal;src:url(./Roobert-Regular-bc81edf3.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:normal;src:url(./Roobert-SemiBold-5ad15368.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:400;font-style:italic;src:url(./Roobert-RegularItalic-fd24f9b4.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:italic;src:url(./Roobert-SemiBoldItalic-87b15cf7.woff2) format("woff2")}.field{margin-bottom:var(--padding);color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:var(--padding)}.formRow .button,.form-row .button{margin-bottom:var(--padding)}html{font-size:var(--font-size)}body{color:var(--color-text);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size);font-variant-numeric:tabular-nums}*{font-variant-numeric:tabular-nums}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:var(--line-height)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}

package/dist/storybook/assets/progress-bar-40b8dbf0.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{c as l}from"./index-a80ed1cf.js";const c="_progress_23ror_1",_="_inverted_23ror_9",u="_bar_23ror_12",f="_grey_23ror_23",m="_red_23ror_26",g="_colored_23ror_29",p="_orange_23ror_30",y="_yellow_23ror_33",v="_green_23ror_36",b="_label_23ror_39",e={progress:c,inverted:_,bar:u,grey:f,red:m,colored:g,orange:p,yellow:y,green:v,label:b},h=r=>r<20?e.grey:r<40?e.red:r<60?e.orange:r<80?e.yellow:e.green,n=({width:r="auto",inverted:t=!1,colored:d=!0,showProgressColors:i=!1,percentage:o=0,noLabel:s=!1})=>a.jsx("div",{style:{width:r},"data-percent":o,children:a.jsxs("div",{className:l(e.progress,t?e.inverted:""),style:{width:r},children:[a.jsx("div",{className:l(e.bar,i?h(o):d?e.colored:""),style:{width:`${o}%`},children:a.jsx("div",{className:e.label,children:!s&&`${o}%`})}),a.jsx("div",{className:e.label,children:!s&&`${o}%`})]})});try{n.displayName="ProgressBar",n.__docgenInfo={description:"",displayName:"ProgressBar",props:{width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"true"},description:"",name:"colored",required:!1,type:{name:"boolean"}},showProgressColors:{defaultValue:{value:"false"},description:"",name:"showProgressColors",required:!1,type:{name:"boolean"}},percentage:{defaultValue:{value:"0"},description:"",name:"percentage",required:!1,type:{name:"number"}},noLabel:{defaultValue:{value:"false"},description:"",name:"noLabel",required:!1,type:{name:"boolean"}}}}}catch{}export{n as P};

package/dist/storybook/assets/progress-bar-ab07ff52.css

@@ -0,0 +1 @@
+._progress_23ror_1{position:relative;background:rgba(0,0,0,.1);border-radius:var(--border-radius);overflow:hidden;height:var(--size-sm)}[data-theme=dark] ._progress_23ror_1,._progress_23ror_1._inverted_23ror_9{background:rgba(255,255,255,.1)}._bar_23ror_12{display:block;line-height:1;position:relative;width:0;background:var(--color-neutral-500);transition:width .1s ease,background-color .5s ease;height:100%;overflow:hidden;z-index:2}._bar_23ror_12._grey_23ror_23{background-color:var(--color-neutral-500)}._bar_23ror_12._red_23ror_26{background-color:var(--color-error-500)}._bar_23ror_12._colored_23ror_29,._bar_23ror_12._orange_23ror_30{background-color:var(--color-primary-500)}._bar_23ror_12._yellow_23ror_33{background-color:var(--color-warning-500)}._bar_23ror_12._green_23ror_36{background-color:var(--color-success-500)}._bar_23ror_12 ._label_23ror_39{color:#fff}._label_23ror_39{white-space:nowrap;position:absolute;top:50%;transform:translateY(-50%);left:.5em;color:var(--color-text-muted);font-weight:700;z-index:1}

package/dist/storybook/assets/progress-bar.stories-bcf87835.js

@@ -0,0 +1 @@
+import{j as p}from"./jsx-runtime-f961835c.js";import{P as a}from"./progress-bar-40b8dbf0.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";const g={title:"Progress/ProgressBar",component:a,args:{colored:!0,inverted:!1,noLabel:!1,percentage:30,showProgressColors:!1,width:"auto"}},m=t=>p.jsx(a,{...t}),r=m.bind({});var s,e,o;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"args => <ProgressBar {...args} />",...(o=(e=r.parameters)==null?void 0:e.docs)==null?void 0:o.source}}};const d=["Default"];export{r as Default,d as __namedExportsOrder,g as default};

package/dist/storybook/assets/projects.stories-37351a90.js

@@ -0,0 +1,47 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-e6061315.js";import{L as r}from"./list-697735f7.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-bd69aca9.js";import{T as d}from"./tabs-e39dbe8d.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-125fdb52.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";import"./loader-1947f6cd.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],V={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+  return <>
+      <TopBar />
+      <Page padding={false} left={0} scroll={false}>
+        <Spacer />
+        <Tabs margin={false} padding options={tabs} value={tabs[0]} />
+        <Row spacing={0} flex height="100%">
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Country',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Field',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Site',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Well',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Wellbore',
+            items
+          }} />
+          </Column>
+          <Column scroll showScrollbar={false}>
+            <List list={{
+            name: 'Design',
+            items
+          }} />
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};l.__docgenInfo={description:"",methods:[],displayName:"Projects"};const X=["Projects"];export{l as Projects,X as __namedExportsOrder,V as default};

package/dist/storybook/assets/radio-button-ef3cb8a9.js

@@ -0,0 +1 @@
+import{j as l}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{D as O}from"./disabled-context-d654f6ff.js";import{s as j}from"./select.input-88b6ebab.js";import{b as k}from"./common-types-3a5f9d98.js";import{H}from"./help-icon-ca6c6ab6.js";const E="_wrapper_1sue9_1",B="_inline_1sue9_1",D="_radio_1sue9_5",S="_labelMargin_1sue9_8",w="_small_1sue9_27",L="_noMargin_1sue9_32",F="_disabled_1sue9_90",z="_isInTable_1sue9_106",a={wrapper:E,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z},y=({name:n,label:m,value:u,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:i,onClickHelp:s})=>{const d=i||s;return l.jsxs("div",{className:_(a.radio,t?a.disabled:null,f?a.small:null,g?a.noMargin:null),onClick:b,"data-testid":v,children:[l.jsx("input",{type:k.RADIO,value:u,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":u,children:m}),d&&l.jsx(H,{text:i,onClick:s})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",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:"((event?: any) => void)"}}}}}catch{}const V=({name:n,label:m,options:u,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:i=!1,mainLabel:s="",radioButtonsData:d,classForContainer:q="grouped fields"})=>{const I=N.useContext(O),o=d!==void 0,{simpleInputs:x,options:h,selectedOptions:p}=o?{simpleInputs:!1,options:d,selectedOptions:void 0}:j(u,c),C=o||p===void 0||p===null?void 0:x?p:p.value,M=o?s:m;return l.jsxs("div",{className:_(a.wrapper,i?a.inline:null,q==="inline fields"?a.inline:null),children:[s&&l.jsx("label",{className:_(i&&a.labelMargin),children:M}),h.map((e,T)=>{const R=e.checked||e.value===C||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:R,disabled:f||e.disabled||I,small:b,noMargin:g,onChange:e.disabled?void 0:r=>{o?v(r.target):(r.target.name=n,r.target.value=e.value.toString(),r.target.label=e.label.toString(),t&&t(r))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},T)})]})};try{V.displayName="RadioButton",V.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{V as R};

package/dist/storybook/assets/radio-button-f8d9c1df.css

@@ -0,0 +1 @@
+._wrapper_1sue9_1._inline_1sue9_1{display:flex;align-items:center}._wrapper_1sue9_1._inline_1sue9_1 ._radio_1sue9_5:not(:last-child){margin-right:var(--padding)}._wrapper_1sue9_1 ._labelMargin_1sue9_8{margin-right:var(--padding)}._radio_1sue9_5{--size-radio: var(--size-xs);margin:calc((var(--size) - var(--size-radio)) / 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-radio);font-size:var(--font-size);line-height:var(--size-radio);min-width:var(--size-radio);outline:0px}._radio_1sue9_5._small_1sue9_27{--size-radio: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-radio)) / 2) 0;font-size:var(--font-size-sm)}._radio_1sue9_5._noMargin_1sue9_32{margin-top:0;margin-bottom:0}._radio_1sue9_5 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;width:var(--size-radio);height:var(--size-radio);z-index:-1}._radio_1sue9_5 label{cursor:pointer;position:relative;display:block;padding-left:calc(var(--size-radio) + var(--padding-xs));outline:0;color:var(--color-text);transition:color .1s ease}._radio_1sue9_5 label:before,._radio_1sue9_5 label:after{content:"";position:absolute;top:0;left:0;width:var(--size-radio);height:var(--size-radio);line-height:var(--size-radio);border-radius:50%;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._radio_1sue9_5 label:before{background:var(--color-background-input);border:1px solid var(--color-border-checkbox);transform:none}._radio_1sue9_5 label:hover:before{border-color:var(--color-border-hover)}._radio_1sue9_5 label:after{border:none;transform:scale(.46666667);background-color:#fff;box-shadow:var(--shadow-button);opacity:0}._radio_1sue9_5 input:checked~label:before{background-color:var(--color-background-primary);border-color:transparent}._radio_1sue9_5 input:checked~label:after{opacity:1}._radio_1sue9_5._disabled_1sue9_90{cursor:default;pointer-events:none}._radio_1sue9_5._disabled_1sue9_90 label{color:var(--color-text-muted)}._radio_1sue9_5._disabled_1sue9_90 label:before{background-color:var(--color-background-disabled)!important}._radio_1sue9_5._disabled_1sue9_90 input:checked~label:before{border-color:var(--color-border-checkbox)}._radio_1sue9_5._disabled_1sue9_90 input:checked~label:after{background-color:var(--color-border-checkbox)}._isInTable_1sue9_106{margin:0;position:relative;top:1px}

package/dist/storybook/assets/radio-button.stories-9f4c96ed.js

@@ -0,0 +1,51 @@
+import{j as k}from"./jsx-runtime-f961835c.js";import{r as y}from"./index-f80c8c95.js";import{R as H}from"./radio-button-ef3cb8a9.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-ca6c6ab6.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const l=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Q={title:"Forms/RadioButton",component:H,args:{options:l,inline:!1,noMargin:!1,disabled:!1,small:!1}},r=e=>{const[t,b]=y.useState(l[0]),x=B=>{const I=B.target.value,c=l.find(M=>M.value===I);c&&b(c)};return k.jsx(H,{...e,value:t,onChange:x})},p=r.bind({}),n=r.bind({});n.args={small:!0};const a=r.bind({});a.args={options:l.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const o=r.bind({});o.args={options:l.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const s=r.bind({});s.args={inline:!0};var i,u,d;p.parameters={...p.parameters,docs:{...(i=p.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
+  const [value, setValue] = useState<OptionType>(options[0]);
+  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedValue = evt.target.value;
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    if (selectedOption) {
+      setValue(selectedOption);
+    }
+  };
+  return <RadioButton {...args} value={value} onChange={handleChange} />;
+}`,...(d=(u=p.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var m,g,v;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+  const [value, setValue] = useState<OptionType>(options[0]);
+  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedValue = evt.target.value;
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    if (selectedOption) {
+      setValue(selectedOption);
+    }
+  };
+  return <RadioButton {...args} value={value} onChange={handleChange} />;
+}`,...(v=(g=n.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,C,O;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
+  const [value, setValue] = useState<OptionType>(options[0]);
+  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedValue = evt.target.value;
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    if (selectedOption) {
+      setValue(selectedOption);
+    }
+  };
+  return <RadioButton {...args} value={value} onChange={handleChange} />;
+}`,...(O=(C=a.parameters)==null?void 0:C.docs)==null?void 0:O.source}}};var f,V,R;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
+  const [value, setValue] = useState<OptionType>(options[0]);
+  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedValue = evt.target.value;
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    if (selectedOption) {
+      setValue(selectedOption);
+    }
+  };
+  return <RadioButton {...args} value={value} onChange={handleChange} />;
+}`,...(R=(V=o.parameters)==null?void 0:V.docs)==null?void 0:R.source}}};var T,E,S;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
+  const [value, setValue] = useState<OptionType>(options[0]);
+  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedValue = evt.target.value;
+    const selectedOption = options.find(opt => opt.value === selectedValue);
+    if (selectedOption) {
+      setValue(selectedOption);
+    }
+  };
+  return <RadioButton {...args} value={value} onChange={handleChange} />;
+}`,...(S=(E=s.parameters)==null?void 0:E.docs)==null?void 0:S.source}}};const U=["Default","Small","HelpText","OnClickHelp","Inline"];export{p as Default,a as HelpText,s as Inline,o as OnClickHelp,n as Small,U as __namedExportsOrder,Q as default};

package/dist/storybook/assets/react-16-147b12fd.js

@@ -0,0 +1 @@
+import{R as n}from"./index-3d476d02.js";var m=async(e,r)=>new Promise(t=>{n.render(e,r,()=>t(null))}),a=e=>{n.unmountComponentAtNode(e)};export{m as r,a as u};

package/dist/storybook/assets/redux-10ee6be7.js

@@ -0,0 +1 @@
+import{_ as E}from"./objectSpread2-fdee9b6d.js";function o(r){return"Minified Redux error #"+r+"; visit https://redux.js.org/Errors?code="+r+" for the full message or use the non-minified dev environment for full errors. "}var m=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),d=function(){return Math.random().toString(36).substring(7).split("").join(".")},O={INIT:"@@redux/INIT"+d(),REPLACE:"@@redux/REPLACE"+d(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+d()}};function I(r){if(typeof r!="object"||r===null)return!1;for(var t=r;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(r)===t}function S(r,t,n){var i;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(o(0));if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(o(1));return n(S)(r,t)}if(typeof r!="function")throw new Error(o(2));var u=r,a=t,p=[],s=p,f=!1;function w(){s===p&&(s=p.slice())}function h(){if(f)throw new Error(o(3));return a}function y(e){if(typeof e!="function")throw new Error(o(4));if(f)throw new Error(o(5));var l=!0;return w(),s.push(e),function(){if(l){if(f)throw new Error(o(6));l=!1,w();var c=s.indexOf(e);s.splice(c,1),p=null}}}function v(e){if(!I(e))throw new Error(o(7));if(typeof e.type>"u")throw new Error(o(8));if(f)throw new Error(o(9));try{f=!0,a=u(a,e)}finally{f=!1}for(var l=p=s,b=0;b<l.length;b++){var c=l[b];c()}return e}function A(e){if(typeof e!="function")throw new Error(o(10));u=e,v({type:O.REPLACE})}function P(){var e,l=y;return e={subscribe:function(c){if(typeof c!="object"||c===null)throw new Error(o(11));function g(){c.next&&c.next(h())}g();var x=l(g);return{unsubscribe:x}}},e[m]=function(){return this},e}return v({type:O.INIT}),i={dispatch:v,subscribe:y,getState:h,replaceReducer:A},i[m]=P,i}function N(r,t){return function(){return t(r.apply(this,arguments))}}function T(r,t){if(typeof r=="function")return N(r,t);if(typeof r!="object"||r===null)throw new Error(o(16));var n={};for(var i in r){var u=r[i];typeof u=="function"&&(n[i]=N(u,t))}return n}function R(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];return t.length===0?function(i){return i}:t.length===1?t[0]:t.reduce(function(i,u){return function(){return i(u.apply(void 0,arguments))}})}function L(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++)t[n]=arguments[n];return function(i){return function(){var u=i.apply(void 0,arguments),a=function(){throw new Error(o(15))},p={getState:u.getState,dispatch:function(){return a.apply(void 0,arguments)}},s=t.map(function(f){return f(p)});return a=R.apply(void 0,s)(u.dispatch),E(E({},u),{},{dispatch:a})}}}export{L as a,T as b,S as c,R as d};

package/dist/storybook/assets/reservoirs.stories-60a20239.js

@@ -0,0 +1,156 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as j}from"./common-types-3a5f9d98.js";import{T as w}from"./top-bar-e6061315.js";import{S as L}from"./side-bar-0105b295.js";import{H as t}from"./heading-2919c91b.js";import{B as m}from"./button-1a1d00ec.js";import{D as v}from"./drawer-7274f5d8.js";import{L as C}from"./list-697735f7.js";import{F as l}from"./field-8f023b56.js";import{I as i}from"./input-8db939f4.js";import{C as p}from"./check-box-283097fe.js";import{R as h}from"./radio-button-ef3cb8a9.js";import{C as d}from"./card-2de0de0b.js";import{F}from"./form-row-19dd7f6e.js";import{P as g}from"./page-6d07f774.js";import{R as a,C as r}from"./row-bd69aca9.js";import{S as R}from"./select-ef19f734.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index-c7f280f6.js";import"./help-icon-ca6c6ab6.js";import"./spinner-cb92a546.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./list-heading-125fdb52.js";import"./loader-1947f6cd.js";import"./label-17fa7b23.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";const k=({width:s,height:n})=>e.jsx("div",{style:{background:"#ddd",width:s,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[s,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!s),round:!0,icon:j.CHEVRON_LEFT}),open:s,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!s,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+  const [open, setOpen] = useState(true);
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding={false} scroll={false}>
+        <Row spacing={0} height="100%">
+          <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+            <List drawer narrow={!open} list={{
+            name: 'Reservoirs',
+            items: [{
+              id: 1,
+              name: 'Lorem',
+              active: true
+            }, {
+              id: 2,
+              name: 'Ipsum'
+            }]
+          }} />
+          </Drawer>
+          <Column scroll padding borderLeft>
+            <Row>
+              <Column>
+                <Heading top>Reservoir name here</Heading>
+                <FormRow>
+                  <Field label="Name">
+                    <Input value="Reservoir name here" width="200px" />
+                  </Field>
+                  <Field label="Lorem">
+                    <RadioButton name="example" options={[{
+                    label: 'Aardvarks',
+                    value: 'termites'
+                  }, {
+                    label: 'Monkeys',
+                    value: 'bananas'
+                  }]} value={{
+                    label: 'Monkeys',
+                    value: 'bananas'
+                  }} inline />
+                  </Field>
+                  <Field label="Ipsum">
+                    <Select name="example" options={[{
+                    label: 'Monkeys',
+                    value: 'bananas'
+                  }, {
+                    label: 'Possums',
+                    value: 'slugs'
+                  }]} value={{
+                    label: 'Monkeys',
+                    value: 'bananas'
+                  }} native />
+                  </Field>
+                  <Field>
+                    <CheckBox label="Dolor" />
+                  </Field>
+                </FormRow>
+              </Column>
+              <Column flex={false}>
+                <Button onClick={() => {}} round icon="question" />
+              </Column>
+            </Row>
+            <Row>
+              <Column width="50%">
+                <Card heading={<Heading onClickHelp={() => console.log('help!')}>
+                      Reservoir Zone
+                    </Heading>}>
+                  <Row>
+                    <Column width="50%">
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <RadioButton options={[{
+                        label: 'Aardvarks',
+                        value: 'termites'
+                      }, {
+                        label: 'Monkeys',
+                        value: 'bananas'
+                      }]} value={{
+                        label: 'Monkeys',
+                        value: 'bananas'
+                      }} inline />
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <CheckBox label="Lorem ipsum" />
+                        <Input width="100%" disabled />
+                      </Field>
+
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                    <Column width="50%">
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Label" helpText="Lorem ipsum">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                  </Row>
+                </Card>
+              </Column>
+              <Column width="50%">
+                <Card heading={<Heading>Reservoir Size</Heading>}>
+                  <Row>
+                    <Column width="160px">
+                      <Field label="Length">
+                        <Input width="100%" />
+                      </Field>
+                      <Field label="Width">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                    <Column>
+                      <ImagePlaceholder width="100%" height="100%" />
+                    </Column>
+                  </Row>
+                </Card>
+                <Spacer />
+                <Card heading={<Heading>Reservoir Properties</Heading>}>
+                  <Row>
+                    <Column>
+                      <Field label="Label">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                    <Column>
+                      <Field label="Label">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                    <Column>
+                      <Field label="Label">
+                        <Input width="100%" />
+                      </Field>
+                    </Column>
+                  </Row>
+                </Card>
+              </Column>
+            </Row>
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(c=(x=o.parameters)==null?void 0:x.docs)==null?void 0:c.source}}};o.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};const ve=["Reservoirs"];export{o as Reservoirs,ve as __namedExportsOrder,Le as default};