@xyo-network/react-shared 2.25.77 → 2.25.78

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.
Files changed (5) hide show
  1. package/dist/esm/components/CardEx.d.ts +2 -11
  2. package/dist/esm/components/CardEx.js +27 -2
  3. package/dist/esm/components/CardEx.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/CardEx.tsx +47 -14
package/dist/esm/components/CardEx.d.ts CHANGED
@@ -1,15 +1,6 @@
1
1
  import { CardProps } from '@mui/material';
2
2
  import { CSSProperties } from 'react';
3
- export interface CardExProps extends CardProps {
3
+ export declare type CardExProps = CardProps & CSSProperties & {
4
4
  gradient?: 'border' | 'background';
5
- display?: CSSProperties['display'];
6
- flexDirection?: CSSProperties['flexDirection'];
7
- flexGrow?: CSSProperties['flexGrow'];
8
- alignItems?: CSSProperties['alignItems'];
9
- alignContent?: CSSProperties['alignContent'];
10
- alignSelf?: CSSProperties['alignSelf'];
11
- justifyItems?: CSSProperties['justifyItems'];
12
- justifyContent?: CSSProperties['justifyContent'];
13
- justifySelf?: CSSProperties['justifySelf'];
14
- }
5
+ };
15
6
  export declare const CardEx: React.FC<CardExProps>;
package/dist/esm/components/CardEx.js CHANGED
@@ -1,9 +1,34 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Card } from '@mui/material';
3
3
  import { useGradientStyles } from '../hooks';
4
- export const CardEx = ({ display, flexDirection = 'column', flexGrow, alignItems = 'stretch', alignContent, alignSelf, justifyItems = 'flex-start', justifyContent = 'flex-start', justifySelf, style, gradient, ...props }) => {
4
+ export const CardEx = ({ display = 'flex', flexDirection = 'column', flexGrow, alignItems = 'stretch', alignContent, alignSelf, justifyItems = 'flex-start', justifyContent = 'flex-start', justifySelf, style, gap, rowGap, columnGap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, margin, marginTop, marginBottom, marginLeft, marginRight, gradient, ...props }) => {
5
5
  const { styles } = useGradientStyles();
6
6
  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
7
- return (_jsx(Card, { style: { ...gradientStyle, alignContent, alignItems, alignSelf, display, flexDirection, flexGrow, justifyContent, justifyItems, justifySelf, ...style }, ...props }));
7
+ return (_jsx(Card, { style: {
8
+ ...gradientStyle,
9
+ alignContent,
10
+ alignItems,
11
+ alignSelf,
12
+ columnGap,
13
+ display,
14
+ flexDirection,
15
+ flexGrow,
16
+ gap,
17
+ justifyContent,
18
+ justifyItems,
19
+ justifySelf,
20
+ margin,
21
+ marginBottom,
22
+ marginLeft,
23
+ marginRight,
24
+ marginTop,
25
+ padding,
26
+ paddingBottom,
27
+ paddingLeft,
28
+ paddingRight,
29
+ paddingTop,
30
+ rowGap,
31
+ ...style,
32
+ }, ...props }));
8
33
  };
9
34
  //# sourceMappingURL=CardEx.js.map
package/dist/esm/components/CardEx.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAe5C,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,YAAY,EACZ,SAAS,EACT,YAAY,GAAG,YAAY,EAC3B,cAAc,GAAG,YAAY,EAC7B,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,GAAI,CAC7K,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,GAAG,MAAM,EAChB,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,YAAY,EACZ,SAAS,EACT,YAAY,GAAG,YAAY,EAC3B,cAAc,GAAG,YAAY,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,MAAM,EACN,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,GAAG,aAAa;YAChB,YAAY;YACZ,UAAU;YACV,SAAS;YACT,SAAS;YACT,OAAO;YACP,aAAa;YACb,QAAQ;YACR,GAAG;YACH,cAAc;YACd,YAAY;YACZ,WAAW;YACX,MAAM;YACN,YAAY;YACZ,UAAU;YACV,WAAW;YACX,SAAS;YACT,OAAO;YACP,aAAa;YACb,WAAW;YACX,YAAY;YACZ,UAAU;YACV,MAAM;YACN,GAAG,KAAK;SACT,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -88,6 +88,6 @@
88
88
  },
89
89
  "sideEffects": false,
90
90
  "types": "dist/esm/index.d.ts",
91
- "version": "2.25.77",
91
+ "version": "2.25.78",
92
92
  "packageManager": "yarn@3.1.1"
93
93
  }
package/src/components/CardEx.tsx CHANGED
@@ -3,21 +3,13 @@ import { CSSProperties } from 'react'
3
3
 
4
4
  import { useGradientStyles } from '../hooks'
5
5
 
6
- export interface CardExProps extends CardProps {
7
- gradient?: 'border' | 'background'
8
- display?: CSSProperties['display']
9
- flexDirection?: CSSProperties['flexDirection']
10
- flexGrow?: CSSProperties['flexGrow']
11
- alignItems?: CSSProperties['alignItems']
12
- alignContent?: CSSProperties['alignContent']
13
- alignSelf?: CSSProperties['alignSelf']
14
- justifyItems?: CSSProperties['justifyItems']
15
- justifyContent?: CSSProperties['justifyContent']
16
- justifySelf?: CSSProperties['justifySelf']
17
- }
6
+ export type CardExProps = CardProps &
7
+ CSSProperties & {
8
+ gradient?: 'border' | 'background'
9
+ }
18
10
 
19
11
  export const CardEx: React.FC<CardExProps> = ({
20
- display,
12
+ display = 'flex',
21
13
  flexDirection = 'column',
22
14
  flexGrow,
23
15
  alignItems = 'stretch',
@@ -27,12 +19,53 @@ export const CardEx: React.FC<CardExProps> = ({
27
19
  justifyContent = 'flex-start',
28
20
  justifySelf,
29
21
  style,
22
+ gap,
23
+ rowGap,
24
+ columnGap,
25
+ padding,
26
+ paddingLeft,
27
+ paddingRight,
28
+ paddingTop,
29
+ paddingBottom,
30
+ margin,
31
+ marginTop,
32
+ marginBottom,
33
+ marginLeft,
34
+ marginRight,
30
35
  gradient,
31
36
  ...props
32
37
  }) => {
33
38
  const { styles } = useGradientStyles()
34
39
  const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}
35
40
  return (
36
- <Card style={{ ...gradientStyle, alignContent, alignItems, alignSelf, display, flexDirection, flexGrow, justifyContent, justifyItems, justifySelf, ...style }} {...props} />
41
+ <Card
42
+ style={{
43
+ ...gradientStyle,
44
+ alignContent,
45
+ alignItems,
46
+ alignSelf,
47
+ columnGap,
48
+ display,
49
+ flexDirection,
50
+ flexGrow,
51
+ gap,
52
+ justifyContent,
53
+ justifyItems,
54
+ justifySelf,
55
+ margin,
56
+ marginBottom,
57
+ marginLeft,
58
+ marginRight,
59
+ marginTop,
60
+ padding,
61
+ paddingBottom,
62
+ paddingLeft,
63
+ paddingRight,
64
+ paddingTop,
65
+ rowGap,
66
+ ...style,
67
+ }}
68
+ {...props}
69
+ />
37
70
  )
38
71
  }