@julien-wiegandt/open-ui 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/open-ui.js CHANGED
@@ -1854,7 +1854,7 @@ const Qn = ({ color: e, value: t, height: r }) => {
1854
1854
  onClick: () => i(!a),
1855
1855
  style: { position: "relative", cursor: "pointer" },
1856
1856
  children: [
1857
- /* @__PURE__ */ w.jsx(B, { size: "14", children: n.label }),
1857
+ /* @__PURE__ */ w.jsx(B, { size: "14", align: "left", children: n.label }),
1858
1858
  /* @__PURE__ */ w.jsx(
1859
1859
  X,
1860
1860
  {
@@ -1878,7 +1878,7 @@ const Qn = ({ color: e, value: t, height: r }) => {
1878
1878
  hoverstyle: {
1879
1879
  backgroundColor: r.palette.primary.light
1880
1880
  },
1881
- children: /* @__PURE__ */ w.jsx(B, { size: "14", children: y })
1881
+ children: /* @__PURE__ */ w.jsx(B, { size: "14", align: "left", children: y })
1882
1882
  },
1883
1883
  l
1884
1884
  ))
@@ -178,7 +178,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Je]+=1);const N=e=>typeof e==
178
178
  &:hover {
179
179
  ${e=>e.hoverstyle&&pr(e.hoverstyle)}
180
180
  }
181
- `,X=f.forwardRef(({children:e,...t},r)=>{const n=f.useMemo(()=>({...{display:"flex",direction:"column"},...t}),[t]);return S.jsx(Ln,{ref:r,...n,children:e})});X.displayName="Flex";const Vn=({color:e,value:t,height:r})=>{const n=Xe();return S.jsx("div",{style:{width:"100%",position:"relative",backgroundColor:n.palette[e].light,borderRadius:"8px",height:r??"8px",border:`2px solid ${n.palette[e].light}`},children:S.jsx("div",{style:{position:"absolute",top:"0",left:"0",height:"100%",width:`${t>100?100:t}%`,backgroundColor:n.palette[e].main,borderRadius:"8px"}})})},br=f.forwardRef((e,t)=>{const r=Xe(),[n,o]=f.useState(e.initialValue??e.options[0]),[a,i]=f.useState(!1),c=l=>{o(l),e.onChange&&e.onChange(l)};return S.jsxs(X,{ref:t,direction:"column",width:"100%",justify:"start",children:[(e.label||e.required)&&S.jsxs(X,{direction:"row",gap:.5,align:"center",mb:"4px",style:{minHeight:"1.2em"},children:[e.label&&S.jsx(Y,{size:"12",children:e.label}),e.required&&S.jsx(Y,{color:r.palette.error.main,size:"12",children:"*"})]}),S.jsxs(X,{elevation:1,px:1.5,py:1,height:"fit-content",onClick:()=>i(!a),style:{position:"relative",cursor:"pointer"},children:[S.jsx(Y,{size:"14",children:n.label}),S.jsx(X,{elevation:1,width:"100%",gap:.5,style:{position:"absolute",left:"0",top:"38px",display:a?"flex":"none",zIndex:1,backgroundColor:"white"},children:e.options.map(({key:l,label:b})=>S.jsx(X,{onClick:()=>c({key:l,label:b}),px:1.5,py:1,hoverstyle:{backgroundColor:r.palette.primary.light},children:S.jsx(Y,{size:"14",children:b})},l))})]})]})});br.displayName="Select";const Yn=Q.textarea`
181
+ `,X=f.forwardRef(({children:e,...t},r)=>{const n=f.useMemo(()=>({...{display:"flex",direction:"column"},...t}),[t]);return S.jsx(Ln,{ref:r,...n,children:e})});X.displayName="Flex";const Vn=({color:e,value:t,height:r})=>{const n=Xe();return S.jsx("div",{style:{width:"100%",position:"relative",backgroundColor:n.palette[e].light,borderRadius:"8px",height:r??"8px",border:`2px solid ${n.palette[e].light}`},children:S.jsx("div",{style:{position:"absolute",top:"0",left:"0",height:"100%",width:`${t>100?100:t}%`,backgroundColor:n.palette[e].main,borderRadius:"8px"}})})},br=f.forwardRef((e,t)=>{const r=Xe(),[n,o]=f.useState(e.initialValue??e.options[0]),[a,i]=f.useState(!1),c=l=>{o(l),e.onChange&&e.onChange(l)};return S.jsxs(X,{ref:t,direction:"column",width:"100%",justify:"start",children:[(e.label||e.required)&&S.jsxs(X,{direction:"row",gap:.5,align:"center",mb:"4px",style:{minHeight:"1.2em"},children:[e.label&&S.jsx(Y,{size:"12",children:e.label}),e.required&&S.jsx(Y,{color:r.palette.error.main,size:"12",children:"*"})]}),S.jsxs(X,{elevation:1,px:1.5,py:1,height:"fit-content",onClick:()=>i(!a),style:{position:"relative",cursor:"pointer"},children:[S.jsx(Y,{size:"14",align:"left",children:n.label}),S.jsx(X,{elevation:1,width:"100%",gap:.5,style:{position:"absolute",left:"0",top:"38px",display:a?"flex":"none",zIndex:1,backgroundColor:"white"},children:e.options.map(({key:l,label:b})=>S.jsx(X,{onClick:()=>c({key:l,label:b}),px:1.5,py:1,hoverstyle:{backgroundColor:r.palette.primary.light},children:S.jsx(Y,{size:"14",align:"left",children:b})},l))})]})]})});br.displayName="Select";const Yn=Q.textarea`
182
182
  all: unset;
183
183
  box-sizing: border-box;
184
184
  font-family: ${({theme:e})=>e.text.fontFamily};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@julien-wiegandt/open-ui",
3
3
  "private": false,
4
- "version": "0.1.8",
4
+ "version": "0.1.9",
5
5
  "description": "The best open source react UI library",
6
6
  "type": "module",
7
7
  "main": "./dist/open-ui.umd.cjs",