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

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 (14) 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/components/SCPaywalls.d.ts +12 -0
  4. package/lib/cjs/components/SCPaywalls.js +12 -0
  5. package/lib/cjs/index.d.ts +31 -1
  6. package/lib/cjs/index.js +3 -1
  7. package/lib/esm/components/SCCheckout.d.ts +20 -1
  8. package/lib/esm/components/SCCheckout.js +23 -4
  9. package/lib/esm/components/SCPaywalls.d.ts +12 -0
  10. package/lib/esm/components/SCPaywalls.js +10 -0
  11. package/lib/esm/index.d.ts +31 -1
  12. package/lib/esm/index.js +3 -1
  13. package/lib/umd/react-theme-default.js +1 -1
  14. 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/components/SCPaywalls.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCPaywalls-error': {
7
+ margin: any;
8
+ };
9
+ };
10
+ };
11
+ };
12
+ export default Component;
package/lib/cjs/components/SCPaywalls.js ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCPaywalls-error': {
7
+ margin: theme.spacing(2, 0)
8
+ }
9
+ })
10
+ }
11
+ };
12
+ exports.default = Component;
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
  };
@@ -11462,6 +11481,17 @@ declare const theme: {
11462
11481
  };
11463
11482
  };
11464
11483
  };
11484
+ SCPaywalls: {
11485
+ styleOverrides: {
11486
+ root: ({ theme }: {
11487
+ theme: any;
11488
+ }) => {
11489
+ '& .SCPaywalls-error': {
11490
+ margin: any;
11491
+ };
11492
+ };
11493
+ };
11494
+ };
11465
11495
  };
11466
11496
  selfcommunity: {
11467
11497
  user: {
package/lib/cjs/index.js CHANGED
@@ -211,6 +211,7 @@ const SCPaymentProductPrice_1 = tslib_1.__importDefault(require("./components/SC
211
211
  const SCCheckout_1 = tslib_1.__importDefault(require("./components/SCCheckout"));
212
212
  const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutReturnDialog"));
213
213
  const SCHiddenPurchasableContent_1 = tslib_1.__importDefault(require("./components/SCHiddenPurchasableContent"));
214
+ const SCPaywalls_1 = tslib_1.__importDefault(require("./components/SCPaywalls"));
214
215
  /**
215
216
  * Style fragments - Imports - End
216
217
  */
@@ -504,7 +505,8 @@ const theme = {
504
505
  SCPaymentProductPrice: SCPaymentProductPrice_1.default,
505
506
  SCCheckout: SCCheckout_1.default,
506
507
  SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default,
507
- SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default
508
+ SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default,
509
+ SCPaywalls: SCPaywalls_1.default
508
510
  },
509
511
  selfcommunity: {
510
512
  user: {
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/components/SCPaywalls.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCPaywalls-error': {
7
+ margin: any;
8
+ };
9
+ };
10
+ };
11
+ };
12
+ export default Component;
package/lib/esm/components/SCPaywalls.js ADDED
@@ -0,0 +1,10 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCPaywalls-error': {
5
+ margin: theme.spacing(2, 0)
6
+ }
7
+ })
8
+ }
9
+ };
10
+ export default Component;
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
  };
@@ -11462,6 +11481,17 @@ declare const theme: {
11462
11481
  };
11463
11482
  };
11464
11483
  };
11484
+ SCPaywalls: {
11485
+ styleOverrides: {
11486
+ root: ({ theme }: {
11487
+ theme: any;
11488
+ }) => {
11489
+ '& .SCPaywalls-error': {
11490
+ margin: any;
11491
+ };
11492
+ };
11493
+ };
11494
+ };
11465
11495
  };
11466
11496
  selfcommunity: {
11467
11497
  user: {
package/lib/esm/index.js CHANGED
@@ -207,6 +207,7 @@ import SCPaymentProductPrice from './components/SCPaymentProductPrice';
207
207
  import SCCheckout from './components/SCCheckout';
208
208
  import SCCheckoutReturnDialog from './components/SCCheckoutReturnDialog';
209
209
  import SCHiddenPurchasableContent from './components/SCHiddenPurchasableContent';
210
+ import SCPaywalls from './components/SCPaywalls';
210
211
  /**
211
212
  * Style fragments - Imports - End
212
213
  */
@@ -492,7 +493,8 @@ const theme = {
492
493
  SCPaymentProductPrice,
493
494
  SCCheckout,
494
495
  SCCheckoutReturnDialog,
495
- SCHiddenPurchasableContent
496
+ SCHiddenPurchasableContent,
497
+ SCPaywalls
496
498
  },
497
499
  selfcommunity: {
498
500
  user: {