@selfcommunity/react-theme-default 0.4.5-payments.152 → 0.4.5-payments.155

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 (8) hide show
  1. package/lib/cjs/components/SCCheckout.d.ts +20 -1
  2. package/lib/cjs/components/SCCheckout.js +23 -4
  3. package/lib/cjs/index.d.ts +20 -1
  4. package/lib/esm/components/SCCheckout.d.ts +20 -1
  5. package/lib/esm/components/SCCheckout.js +23 -4
  6. package/lib/esm/index.d.ts +20 -1
  7. package/lib/umd/react-theme-default.js +1 -1
  8. package/package.json +2 -2
package/lib/cjs/components/SCCheckout.d.ts CHANGED
@@ -23,10 +23,16 @@ declare const Component: {
23
23
  gridTemplateColumns: string;
24
24
  gap: number;
25
25
  "& .SCCheckout-content-object": {
26
+ [x: number]: {
27
+ width: string;
28
+ };
26
29
  display: string;
27
30
  flexDirection: string;
28
31
  justifyContent: string;
29
32
  alignItems: string;
33
+ '& .SCWidget-root': {
34
+ width: string;
35
+ };
30
36
  };
31
37
  "& .SCCheckout-content-desc": {
32
38
  [x: number]: {
@@ -47,10 +53,23 @@ declare const Component: {
47
53
  "& .SCCheckout-object": {
48
54
  [x: number]: {
49
55
  minWidth: number;
56
+ width: string;
50
57
  };
51
- marginTop: any;
58
+ margin: any;
52
59
  width: string;
53
60
  };
61
+ "& .SCCategory-root": {
62
+ borderRadius: any;
63
+ '& a': {
64
+ padding: any;
65
+ };
66
+ };
67
+ "& .SCGroup-root": {
68
+ borderRadius: any;
69
+ '& a': {
70
+ padding: any;
71
+ };
72
+ };
54
73
  };
55
74
  };
56
75
  };
package/lib/cjs/components/SCCheckout.js CHANGED
@@ -26,7 +26,13 @@ const Component = {
26
26
  display: 'flex',
27
27
  flexDirection: 'column',
28
28
  justifyContent: 'center',
29
- alignItems: 'flex-start'
29
+ alignItems: 'flex-start',
30
+ [theme.breakpoints.down('sm')]: {
31
+ width: '90%'
32
+ },
33
+ '& .SCWidget-root': {
34
+ width: '93%'
35
+ }
30
36
  },
31
37
  ['& .SCCheckout-content-desc']: {
32
38
  display: 'flex',
@@ -45,10 +51,23 @@ const Component = {
45
51
  bottom: theme.spacing(2)
46
52
  },
47
53
  ['& .SCCheckout-object']: {
48
- marginTop: theme.spacing(2),
49
- width: 'auto',
54
+ margin: theme.spacing(2, 2, 0.5, 0),
55
+ width: '100%',
50
56
  [theme.breakpoints.up('sm')]: {
51
- minWidth: 395
57
+ minWidth: 395,
58
+ width: 'auto'
59
+ }
60
+ },
61
+ ['& .SCCategory-root']: {
62
+ borderRadius: theme.shape.borderRadius,
63
+ '& a': {
64
+ padding: theme.spacing(2)
65
+ }
66
+ },
67
+ ['& .SCGroup-root']: {
68
+ borderRadius: theme.shape.borderRadius,
69
+ '& a': {
70
+ padding: theme.spacing(2)
52
71
  }
53
72
  }
54
73
  })
package/lib/cjs/index.d.ts CHANGED
@@ -11399,10 +11399,16 @@ declare const theme: {
11399
11399
  gridTemplateColumns: string;
11400
11400
  gap: number;
11401
11401
  "& .SCCheckout-content-object": {
11402
+ [x: number]: {
11403
+ width: string;
11404
+ };
11402
11405
  display: string;
11403
11406
  flexDirection: string;
11404
11407
  justifyContent: string;
11405
11408
  alignItems: string;
11409
+ '& .SCWidget-root': {
11410
+ width: string;
11411
+ };
11406
11412
  };
11407
11413
  "& .SCCheckout-content-desc": {
11408
11414
  [x: number]: {
@@ -11423,10 +11429,23 @@ declare const theme: {
11423
11429
  "& .SCCheckout-object": {
11424
11430
  [x: number]: {
11425
11431
  minWidth: number;
11432
+ width: string;
11426
11433
  };
11427
- marginTop: any;
11434
+ margin: any;
11428
11435
  width: string;
11429
11436
  };
11437
+ "& .SCCategory-root": {
11438
+ borderRadius: any;
11439
+ '& a': {
11440
+ padding: any;
11441
+ };
11442
+ };
11443
+ "& .SCGroup-root": {
11444
+ borderRadius: any;
11445
+ '& a': {
11446
+ padding: any;
11447
+ };
11448
+ };
11430
11449
  };
11431
11450
  };
11432
11451
  };
package/lib/esm/components/SCCheckout.d.ts CHANGED
@@ -23,10 +23,16 @@ declare const Component: {
23
23
  gridTemplateColumns: string;
24
24
  gap: number;
25
25
  "& .SCCheckout-content-object": {
26
+ [x: number]: {
27
+ width: string;
28
+ };
26
29
  display: string;
27
30
  flexDirection: string;
28
31
  justifyContent: string;
29
32
  alignItems: string;
33
+ '& .SCWidget-root': {
34
+ width: string;
35
+ };
30
36
  };
31
37
  "& .SCCheckout-content-desc": {
32
38
  [x: number]: {
@@ -47,10 +53,23 @@ declare const Component: {
47
53
  "& .SCCheckout-object": {
48
54
  [x: number]: {
49
55
  minWidth: number;
56
+ width: string;
50
57
  };
51
- marginTop: any;
58
+ margin: any;
52
59
  width: string;
53
60
  };
61
+ "& .SCCategory-root": {
62
+ borderRadius: any;
63
+ '& a': {
64
+ padding: any;
65
+ };
66
+ };
67
+ "& .SCGroup-root": {
68
+ borderRadius: any;
69
+ '& a': {
70
+ padding: any;
71
+ };
72
+ };
54
73
  };
55
74
  };
56
75
  };
package/lib/esm/components/SCCheckout.js CHANGED
@@ -24,7 +24,13 @@ const Component = {
24
24
  display: 'flex',
25
25
  flexDirection: 'column',
26
26
  justifyContent: 'center',
27
- alignItems: 'flex-start'
27
+ alignItems: 'flex-start',
28
+ [theme.breakpoints.down('sm')]: {
29
+ width: '90%'
30
+ },
31
+ '& .SCWidget-root': {
32
+ width: '93%'
33
+ }
28
34
  },
29
35
  ['& .SCCheckout-content-desc']: {
30
36
  display: 'flex',
@@ -43,10 +49,23 @@ const Component = {
43
49
  bottom: theme.spacing(2)
44
50
  },
45
51
  ['& .SCCheckout-object']: {
46
- marginTop: theme.spacing(2),
47
- width: 'auto',
52
+ margin: theme.spacing(2, 2, 0.5, 0),
53
+ width: '100%',
48
54
  [theme.breakpoints.up('sm')]: {
49
- minWidth: 395
55
+ minWidth: 395,
56
+ width: 'auto'
57
+ }
58
+ },
59
+ ['& .SCCategory-root']: {
60
+ borderRadius: theme.shape.borderRadius,
61
+ '& a': {
62
+ padding: theme.spacing(2)
63
+ }
64
+ },
65
+ ['& .SCGroup-root']: {
66
+ borderRadius: theme.shape.borderRadius,
67
+ '& a': {
68
+ padding: theme.spacing(2)
50
69
  }
51
70
  }
52
71
  })
package/lib/esm/index.d.ts CHANGED
@@ -11399,10 +11399,16 @@ declare const theme: {
11399
11399
  gridTemplateColumns: string;
11400
11400
  gap: number;
11401
11401
  "& .SCCheckout-content-object": {
11402
+ [x: number]: {
11403
+ width: string;
11404
+ };
11402
11405
  display: string;
11403
11406
  flexDirection: string;
11404
11407
  justifyContent: string;
11405
11408
  alignItems: string;
11409
+ '& .SCWidget-root': {
11410
+ width: string;
11411
+ };
11406
11412
  };
11407
11413
  "& .SCCheckout-content-desc": {
11408
11414
  [x: number]: {
@@ -11423,10 +11429,23 @@ declare const theme: {
11423
11429
  "& .SCCheckout-object": {
11424
11430
  [x: number]: {
11425
11431
  minWidth: number;
11432
+ width: string;
11426
11433
  };
11427
- marginTop: any;
11434
+ margin: any;
11428
11435
  width: string;
11429
11436
  };
11437
+ "& .SCCategory-root": {
11438
+ borderRadius: any;
11439
+ '& a': {
11440
+ padding: any;
11441
+ };
11442
+ };
11443
+ "& .SCGroup-root": {
11444
+ borderRadius: any;
11445
+ '& a': {
11446
+ padding: any;
11447
+ };
11448
+ };
11430
11449
  };
11431
11450
  };
11432
11451
  };