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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/column.stories-720f6311.js

@@ -1,79 +0,0 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-2397cf9f.js";import{H as _}from"./heading-d29eb744.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const U={title:"Layout/Columns & Rows",component:i,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:!0,background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(m=(g=p.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};var l,u,d;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(d=(u=o.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var h,w,b;e.parameters={...e.parameters,docs:{...(h=e.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(b=(w=e.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};var C,x,R;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(R=(x=a.parameters)==null?void 0:x.docs)==null?void 0:R.source}}};var H,k,A;t.parameters={...t.parameters,docs:{...(H=t.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(A=(k=t.parameters)==null?void 0:k.docs)==null?void 0:A.source}}};var f,S,v;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(v=(S=s.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};const V=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth"];export{p as Default,e as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,a as Scroll,V as __namedExportsOrder,U as default};

package/dist/storybook/assets/preview-543eb79b.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-ac151bc8.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-925f2f3f.js"),["./DocsRenderer-NNNQARDV-925f2f3f.js","./chunk-HLWAVYOI-cbb3b736.js","./iframe-ac151bc8.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-1faa2875.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};