@oliasoft-open-source/react-ui-library 3.13.12 → 3.13.13

package/dist/storybook/assets/row-cb504f7d.js

@@ -1,39 +0,0 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{n as v,s as V}from"./styled-components.browser.esm-416d73e5.js";import{r as q,R as x}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";const $=v`
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`,N=V.div`
-  position: relative; // for react-laag
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  flex-basis: ${e=>e.width||"auto"};
-  flex-grow: ${e=>!e.width&&e.flex?"1":"0"};
-  flex-shrink: ${e=>e.width||!e.flex?"0":"1"};
-  overflow: ${e=>e.scroll?"auto":"initial"};
-  background: ${e=>e.background};
-  border-left: ${e=>e.borderLeft===!0?"1px solid var(--color-border)":e.borderLeft};
-  border-right: ${e=>e.borderRight===!0?"1px solid var(--color-border)":e.borderRight};
-  padding: ${e=>e.spacing?`0 ${e.spacing/2}px`:"0"};
-  ${e=>!e.showScrollbar&&$}
-
-  @media (max-width: 992px) {
-    ${e=>e.widthTablet&&`flex-basis: ${e.widthTablet};`}
-  }
-
-  @media (max-width: 575px) {
-    ${e=>e.widthMobile&&`flex-basis: ${e.widthMobile};`}
-  }
-
-  > .inner {
-    flex-basis: 100%;
-    position: relative;
-    z-index: 0;
-    min-height: 0;
-    display: ${e=>e.flexbox&&!e.scroll?"flex":"block"};
-    ${e=>e.flexbox&&"flex-direction: column;"}
-    padding: ${e=>e.padding===!0?"16px 20px":e.padding};
-  }
-`,y=({background:e="transparent",borderLeft:o,borderRight:a,children:r=null,flex:s=!0,flexbox:d=!1,padding:u=!1,scroll:t=!1,showScrollbar:m=!0,spacing:f=20,width:g,widthMobile:p,widthTablet:l,testId:c})=>{const b=i=>typeof i=="string"?i:typeof i=="number"?`${i}px`:void 0,w=N;return n.jsx(w,{background:e,borderLeft:o,borderRight:a,flex:s,flexbox:d,padding:u,scroll:t,showScrollbar:m,spacing:f,width:b(g),widthTablet:b(l),widthMobile:b(p),children:n.jsx("div",{className:"inner","data-testid":c,children:r})})};try{y.displayName="Column",y.__docgenInfo={description:"",displayName:"Column",props:{background:{defaultValue:{value:"transparent"},description:"",name:"background",required:!1,type:{name:"string"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"string | boolean"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"string | boolean"}},flex:{defaultValue:{value:"true"},description:"",name:"flex",required:!1,type:{name:"boolean"}},flexbox:{defaultValue:{value:"false"},description:"",name:"flexbox",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"string | boolean"}},scroll:{defaultValue:{value:"false"},description:"",name:"scroll",required:!1,type:{name:"boolean"}},showScrollbar:{defaultValue:{value:"true"},description:"",name:"showScrollbar",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"20"},description:"",name:"spacing",required:!1,type:{name:"string | number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},widthMobile:{defaultValue:null,description:"",name:"widthMobile",required:!1,type:{name:"string | number"}},widthTablet:{defaultValue:null,description:"",name:"widthTablet",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const R="_row_1abun_341",S={row:R},h=({alignItems:e="initial",justifyContent:o="initial",children:a=null,flex:r=!1,height:s="auto",marginBottom:d="0",marginTop:u="0",spacing:t=20,wrap:m=!1,testId:f=null})=>{const p=(a===null||a===!1?[]:Array.isArray(a)?a.filter(l=>q.isValidElement(l)):[a]).map((l,c)=>n.jsx(x.Fragment,{children:x.cloneElement(l,{spacing:t})},c));return n.jsx("div",{className:_(S.row),style:{alignItems:e,justifyContent:o,flexGrow:r?1:0,flexShrink:r?1:0,flexWrap:m?"wrap":"nowrap",height:s,marginLeft:Number(t)*-.5,marginRight:Number(t)*-.5,marginBottom:d,marginTop:u},"data-testid":f,children:p})};try{h.displayName="Row",h.__docgenInfo={description:"",displayName:"Row",props:{alignItems:{defaultValue:{value:"initial"},description:"",name:"alignItems",required:!1,type:{name:"AlignItems"}},justifyContent:{defaultValue:{value:"initial"},description:"",name:"justifyContent",required:!1,type:{name:"JustifyContent"}},flex:{defaultValue:{value:"false"},description:"",name:"flex",required:!1,type:{name:"boolean"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"TStringOrNumber"}},marginTop:{defaultValue:{value:"0"},description:"",name:"marginTop",required:!1,type:{name:"TStringOrNumber"}},spacing:{defaultValue:{value:"20"},description:"",name:"spacing",required:!1,type:{name:"TStringOrNumber"}},wrap:{defaultValue:{value:"false"},description:"",name:"wrap",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"null"},description:"",name:"testId",required:!1,type:{name:"string | null"}}}}}catch{}export{y as C,h as R};