@julseb-lib/react 0.0.99 → 0.1.0

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/index.cjs.js CHANGED
@@ -813,7 +813,7 @@ React keys must be passed directly to JSX without using spread:
813
813
  }
814
814
  `;_([S1]);const ml=({"data-testid":l,as:c,ref:e,children:a,gap:h="m",...d})=>t.jsx(S1,{"data-testid":l,ref:e,as:c,$gap:h,...d,children:a}),_1=o.div`
815
815
  ${s.Grid}
816
- `;_([_1]);const sl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i="0px",columnGap:f="0px",rowGap:r="0px",justifyItems:m="stretch",alignItems:p="stretch",justifyContent:z="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(_1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:f,$rowGap:r,$justifyItems:m,$alignItems:p,$justifyContent:z,$alignContent:M,$padding:v,...g,children:a}),I1=o.div`
816
+ `;_([_1]);const sl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i,columnGap:f,rowGap:r,justifyItems:m="stretch",alignItems:p="stretch",justifyContent:z="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(_1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:f,$rowGap:r,$justifyItems:m,$alignItems:p,$justifyContent:z,$alignContent:M,$padding:v,...g,children:a}),I1=o.div`
817
817
  ${s.Flexbox}
818
818
  `;_([I1]);const r2=({"data-testid":l,as:c,ref:e,children:a,inline:h,flexDirection:d,flexWrap:i,justifyContent:f,alignItems:r,justifyItems:m,alignContent:p,gap:z,columnGap:M,rowGap:v,padding:g,...n})=>t.jsx(I1,{"data-testid":l,ref:e,as:c,$inline:h,$flexDirection:d,$flexWrap:i,$justifyContent:f,$alignItems:r,$justifyItems:m,$alignContent:p,$gap:z,$columnGap:M,$rowGap:v,$padding:g,...n,children:a}),N1=o(j6)`
819
819
  width: ${({$size:l})=>w.stringifyPx(l)};
package/dist/index.es.js CHANGED
@@ -6751,9 +6751,9 @@ const Gh = ({
6751
6751
  children: a,
6752
6752
  inline: h,
6753
6753
  col: d = 1,
6754
- gap: i = "0px",
6755
- columnGap: r = "0px",
6756
- rowGap: f = "0px",
6754
+ gap: i,
6755
+ columnGap: r,
6756
+ rowGap: f,
6757
6757
  justifyItems: m = "stretch",
6758
6758
  alignItems: o = "stretch",
6759
6759
  justifyContent: z = "auto",
package/dist/index.umd.js CHANGED
@@ -813,7 +813,7 @@ React keys must be passed directly to JSX without using spread:
813
813
  }
814
814
  `;_([o1]);const tl=({"data-testid":l,as:c,ref:e,children:a,gap:h="m",...d})=>t.jsx(o1,{"data-testid":l,ref:e,as:c,$gap:h,...d,children:a}),z1=s.div`
815
815
  ${o.Grid}
816
- `;_([z1]);const hl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i="0px",columnGap:r="0px",rowGap:f="0px",justifyItems:m="stretch",alignItems:z="stretch",justifyContent:p="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(z1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:r,$rowGap:f,$justifyItems:m,$alignItems:z,$justifyContent:p,$alignContent:M,$padding:v,...g,children:a}),p1=s.div`
816
+ `;_([z1]);const hl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i,columnGap:r,rowGap:f,justifyItems:m="stretch",alignItems:z="stretch",justifyContent:p="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(z1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:r,$rowGap:f,$justifyItems:m,$alignItems:z,$justifyContent:p,$alignContent:M,$padding:v,...g,children:a}),p1=s.div`
817
817
  ${o.Flexbox}
818
818
  `;_([p1]);const r2=({"data-testid":l,as:c,ref:e,children:a,inline:h,flexDirection:d,flexWrap:i,justifyContent:r,alignItems:f,justifyItems:m,alignContent:z,gap:p,columnGap:M,rowGap:v,padding:g,...n})=>t.jsx(p1,{"data-testid":l,ref:e,as:c,$inline:h,$flexDirection:d,$flexWrap:i,$justifyContent:r,$alignItems:f,$justifyItems:m,$alignContent:z,$gap:p,$columnGap:M,$rowGap:v,$padding:g,...n,children:a}),v1=s(S6)`
819
819
  width: ${({$size:l})=>x.stringifyPx(l)};
@@ -32,40 +32,40 @@ import type { ILibGrid } from "./types"
32
32
  * </Grid>
33
33
  */
34
34
  export const Grid: FC<ILibGrid> = ({
35
- "data-testid": testid,
36
- as,
37
- ref,
38
- children,
39
- inline,
40
- col = 1,
41
- gap = "0px",
42
- columnGap = "0px",
43
- rowGap = "0px",
44
- justifyItems = "stretch",
45
- alignItems = "stretch",
46
- justifyContent = "auto",
47
- alignContent = "normal",
48
- padding = "0px",
49
- ...rest
35
+ "data-testid": testid,
36
+ as,
37
+ ref,
38
+ children,
39
+ inline,
40
+ col = 1,
41
+ gap,
42
+ columnGap,
43
+ rowGap,
44
+ justifyItems = "stretch",
45
+ alignItems = "stretch",
46
+ justifyContent = "auto",
47
+ alignContent = "normal",
48
+ padding = "0px",
49
+ ...rest
50
50
  }) => {
51
- return (
52
- <StyledGrid
53
- data-testid={testid}
54
- ref={ref}
55
- as={as}
56
- $inline={inline}
57
- $col={col}
58
- $gap={gap}
59
- $columnGap={columnGap}
60
- $rowGap={rowGap}
61
- $justifyItems={justifyItems}
62
- $alignItems={alignItems}
63
- $justifyContent={justifyContent}
64
- $alignContent={alignContent}
65
- $padding={padding}
66
- {...rest}
67
- >
68
- {children}
69
- </StyledGrid>
70
- )
51
+ return (
52
+ <StyledGrid
53
+ data-testid={testid}
54
+ ref={ref}
55
+ as={as}
56
+ $inline={inline}
57
+ $col={col}
58
+ $gap={gap}
59
+ $columnGap={columnGap}
60
+ $rowGap={rowGap}
61
+ $justifyItems={justifyItems}
62
+ $alignItems={alignItems}
63
+ $justifyContent={justifyContent}
64
+ $alignContent={alignContent}
65
+ $padding={padding}
66
+ {...rest}
67
+ >
68
+ {children}
69
+ </StyledGrid>
70
+ )
71
71
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@julseb-lib/react",
3
- "version": "0.0.99",
3
+ "version": "0.1.0",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {