@selfcommunity/react-theme-default 0.4.5-payments.192 → 0.4.5-payments.195

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.
@@ -32,6 +32,10 @@ declare const Component: {
32
32
  textOverflow: string;
33
33
  display: string;
34
34
  };
35
+ '&.MuiPaper-outlined': {
36
+ paddingLeft: any;
37
+ paddingRight: any;
38
+ };
35
39
  };
36
40
  skeletonRoot: ({ theme }: any) => {
37
41
  '& .SCCategory-image': {
@@ -46,6 +50,10 @@ declare const Component: {
46
50
  '& .SCCategory-action': {
47
51
  margin: any;
48
52
  };
53
+ '&.MuiPaper-outlined': {
54
+ paddingLeft: any;
55
+ paddingRight: any;
56
+ };
49
57
  };
50
58
  };
51
59
  };
@@ -33,6 +33,10 @@ const Component = {
33
33
  overflow: 'hidden',
34
34
  textOverflow: 'ellipsis',
35
35
  display: 'block'
36
+ },
37
+ '&.MuiPaper-outlined': {
38
+ paddingLeft: theme.spacing(1),
39
+ paddingRight: theme.spacing(1)
36
40
  }
37
41
  }),
38
42
  skeletonRoot: ({ theme }) => ({
@@ -47,6 +51,10 @@ const Component = {
47
51
  },
48
52
  '& .SCCategory-action': {
49
53
  margin: theme.spacing(0.5)
54
+ },
55
+ '&.MuiPaper-outlined': {
56
+ paddingLeft: theme.spacing(1),
57
+ paddingRight: theme.spacing(1)
50
58
  }
51
59
  })
52
60
  }
@@ -65,6 +65,33 @@ declare const Component: {
65
65
  margin: any;
66
66
  width: string;
67
67
  };
68
+ "& .SCCheckout-payment-order": {
69
+ display: string;
70
+ flexDirection: string;
71
+ justifyContent: string;
72
+ alignItems: string;
73
+ margin: any;
74
+ '& .SCPaymentOrder-root': {
75
+ width: string;
76
+ display: string;
77
+ flexDirection: string;
78
+ justifyContent: string;
79
+ alignItems: string;
80
+ '& .SCPaymentOrder-content-object': {
81
+ minWidth: number;
82
+ };
83
+ '& .SCPaymentOrder-details': {
84
+ minWidth: number;
85
+ };
86
+ '& .SCPaymentOrderPdfButton-root': {
87
+ paddingLeft: any;
88
+ paddingRight: any;
89
+ };
90
+ };
91
+ '& .SCPaymentOrder-skeleton-root': {
92
+ minWidth: number;
93
+ };
94
+ };
68
95
  "& .SCCategory-root": {
69
96
  borderRadius: any;
70
97
  '& a': {
@@ -65,6 +65,33 @@ const Component = {
65
65
  width: 'auto'
66
66
  }
67
67
  },
68
+ ['& .SCCheckout-payment-order']: {
69
+ display: 'flex',
70
+ flexDirection: 'column',
71
+ justifyContent: 'center',
72
+ alignItems: 'center',
73
+ margin: theme.spacing(5),
74
+ '& .SCPaymentOrder-root': {
75
+ width: '100%',
76
+ display: 'flex',
77
+ flexDirection: 'column',
78
+ justifyContent: 'center',
79
+ alignItems: 'center',
80
+ '& .SCPaymentOrder-content-object': {
81
+ minWidth: 300
82
+ },
83
+ '& .SCPaymentOrder-details': {
84
+ minWidth: 300
85
+ },
86
+ '& .SCPaymentOrderPdfButton-root': {
87
+ paddingLeft: theme.spacing(),
88
+ paddingRight: theme.spacing()
89
+ }
90
+ },
91
+ '& .SCPaymentOrder-skeleton-root': {
92
+ minWidth: 300
93
+ }
94
+ },
68
95
  ['& .SCCategory-root']: {
69
96
  borderRadius: theme.shape.borderRadius,
70
97
  '& a': {
@@ -26,6 +26,12 @@ declare const Component: {
26
26
  '& .SCCourse-preview-root': {
27
27
  minHeight: string;
28
28
  };
29
+ '& .SCCategory-category-image': {
30
+ paddingLeft: any;
31
+ };
32
+ '& .SCGroup-avatar': {
33
+ marginLeft: any;
34
+ };
29
35
  };
30
36
  };
31
37
  };
@@ -25,6 +25,12 @@ const Component = {
25
25
  },
26
26
  '& .SCCourse-preview-root': {
27
27
  minHeight: 'auto'
28
+ },
29
+ '& .SCCategory-category-image': {
30
+ paddingLeft: theme.spacing(1)
31
+ },
32
+ '& .SCGroup-avatar': {
33
+ marginLeft: theme.spacing(1)
28
34
  }
29
35
  })
30
36
  }
@@ -1,6 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {
3
+ root: ({ theme }: any) => {
4
4
  width: string;
5
5
  };
6
6
  snippetRoot: ({ theme }: any) => {
@@ -81,6 +81,9 @@ declare const Component: {
81
81
  padding: any;
82
82
  };
83
83
  };
84
+ '& .SCBaseItemButton-actions': {
85
+ marginRight: any;
86
+ };
84
87
  };
85
88
  previewRoot: ({ theme }: any) => {
86
89
  [x: number]: {
@@ -274,6 +277,10 @@ declare const Component: {
274
277
  };
275
278
  };
276
279
  };
280
+ '&.MuiPaper-outlined': {
281
+ paddingLeft: any;
282
+ paddingRight: any;
283
+ };
277
284
  };
278
285
  };
279
286
  };
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: () => ({
5
+ root: ({ theme }) => ({
6
6
  width: '100%'
7
7
  }),
8
8
  snippetRoot: ({ theme }) => ({
@@ -82,6 +82,9 @@ const Component = {
82
82
  fontWeight: 700,
83
83
  padding: theme.spacing(0.5)
84
84
  }
85
+ },
86
+ '& .SCBaseItemButton-actions': {
87
+ marginRight: theme.spacing()
85
88
  }
86
89
  }),
87
90
  previewRoot: ({ theme }) => ({
@@ -275,6 +278,10 @@ const Component = {
275
278
  transform: 'translate(-50%, -50%)'
276
279
  }
277
280
  }
281
+ },
282
+ '&.MuiPaper-outlined': {
283
+ paddingLeft: theme.spacing(),
284
+ paddingRight: theme.spacing()
278
285
  }
279
286
  })
280
287
  }
@@ -6,9 +6,10 @@ declare const Component: {
6
6
  };
7
7
  borderRadius: number;
8
8
  paddingBottom: number;
9
+ paddingLeft: any;
10
+ paddingRight: any;
9
11
  overflow: string;
10
12
  '& .SCBaseItemButton-image': {
11
- marginRight: any;
12
13
  '& .MuiAvatar-root': {
13
14
  width: any;
14
15
  height: any;
@@ -38,7 +39,10 @@ declare const Component: {
38
39
  };
39
40
  };
40
41
  };
41
- skeletonRoot: ({ theme }: any) => {};
42
+ skeletonRoot: ({ theme }: any) => {
43
+ paddingLeft: any;
44
+ paddingRight: any;
45
+ };
42
46
  };
43
47
  };
44
48
  export default Component;
@@ -5,12 +5,13 @@ const Component = {
5
5
  root: ({ theme }) => ({
6
6
  borderRadius: 0,
7
7
  paddingBottom: 0,
8
+ paddingLeft: theme.spacing(),
9
+ paddingRight: theme.spacing(),
8
10
  overflow: 'visible',
9
11
  [theme.breakpoints.up('sm')]: {
10
12
  borderRadius: theme.shape.borderRadiusSm
11
13
  },
12
14
  '& .SCBaseItemButton-image': {
13
- marginRight: theme.spacing(1.25),
14
15
  '& .MuiAvatar-root': {
15
16
  width: theme.selfcommunity.group.avatar.sizeSmall,
16
17
  height: theme.selfcommunity.group.avatar.sizeSmall,
@@ -40,7 +41,10 @@ const Component = {
40
41
  }
41
42
  }
42
43
  }),
43
- skeletonRoot: ({ theme }) => ({})
44
+ skeletonRoot: ({ theme }) => ({
45
+ paddingLeft: theme.spacing(),
46
+ paddingRight: theme.spacing(),
47
+ })
44
48
  }
45
49
  };
46
50
  exports.default = Component;
@@ -0,0 +1,13 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ '& .SCCategory-category-image': {
5
+ paddingLeft: any;
6
+ };
7
+ '& .SCGroup-avatar': {
8
+ marginLeft: any;
9
+ };
10
+ };
11
+ };
12
+ };
13
+ export default Component;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCCategory-category-image': {
7
+ paddingLeft: theme.spacing(1)
8
+ },
9
+ '& .SCGroup-avatar': {
10
+ marginLeft: theme.spacing(1)
11
+ }
12
+ })
13
+ }
14
+ };
15
+ exports.default = Component;
@@ -773,6 +773,10 @@ declare const theme: {
773
773
  textOverflow: string;
774
774
  display: string;
775
775
  };
776
+ '&.MuiPaper-outlined': {
777
+ paddingLeft: any;
778
+ paddingRight: any;
779
+ };
776
780
  };
777
781
  skeletonRoot: ({ theme }: any) => {
778
782
  '& .SCCategory-image': {
@@ -787,6 +791,10 @@ declare const theme: {
787
791
  '& .SCCategory-action': {
788
792
  margin: any;
789
793
  };
794
+ '&.MuiPaper-outlined': {
795
+ paddingLeft: any;
796
+ paddingRight: any;
797
+ };
790
798
  };
791
799
  };
792
800
  };
@@ -1767,7 +1775,7 @@ declare const theme: {
1767
1775
  };
1768
1776
  SCCourse: {
1769
1777
  styleOverrides: {
1770
- root: () => {
1778
+ root: ({ theme }: any) => {
1771
1779
  width: string;
1772
1780
  };
1773
1781
  snippetRoot: ({ theme }: any) => {
@@ -1848,6 +1856,9 @@ declare const theme: {
1848
1856
  padding: any;
1849
1857
  };
1850
1858
  };
1859
+ '& .SCBaseItemButton-actions': {
1860
+ marginRight: any;
1861
+ };
1851
1862
  };
1852
1863
  previewRoot: ({ theme }: any) => {
1853
1864
  [x: number]: {
@@ -2041,6 +2052,10 @@ declare const theme: {
2041
2052
  };
2042
2053
  };
2043
2054
  };
2055
+ '&.MuiPaper-outlined': {
2056
+ paddingLeft: any;
2057
+ paddingRight: any;
2058
+ };
2044
2059
  };
2045
2060
  };
2046
2061
  };
@@ -4721,9 +4736,10 @@ declare const theme: {
4721
4736
  };
4722
4737
  borderRadius: number;
4723
4738
  paddingBottom: number;
4739
+ paddingLeft: any;
4740
+ paddingRight: any;
4724
4741
  overflow: string;
4725
4742
  '& .SCBaseItemButton-image': {
4726
- marginRight: any;
4727
4743
  '& .MuiAvatar-root': {
4728
4744
  width: any;
4729
4745
  height: any;
@@ -4753,7 +4769,10 @@ declare const theme: {
4753
4769
  };
4754
4770
  };
4755
4771
  };
4756
- skeletonRoot: ({ theme }: any) => {};
4772
+ skeletonRoot: ({ theme }: any) => {
4773
+ paddingLeft: any;
4774
+ paddingRight: any;
4775
+ };
4757
4776
  };
4758
4777
  };
4759
4778
  SCGroupActionsMenu: {
@@ -11775,6 +11794,33 @@ declare const theme: {
11775
11794
  margin: any;
11776
11795
  width: string;
11777
11796
  };
11797
+ "& .SCCheckout-payment-order": {
11798
+ display: string;
11799
+ flexDirection: string;
11800
+ justifyContent: string;
11801
+ alignItems: string;
11802
+ margin: any;
11803
+ '& .SCPaymentOrder-root': {
11804
+ width: string;
11805
+ display: string;
11806
+ flexDirection: string;
11807
+ justifyContent: string;
11808
+ alignItems: string;
11809
+ '& .SCPaymentOrder-content-object': {
11810
+ minWidth: number;
11811
+ };
11812
+ '& .SCPaymentOrder-details': {
11813
+ minWidth: number;
11814
+ };
11815
+ '& .SCPaymentOrderPdfButton-root': {
11816
+ paddingLeft: any;
11817
+ paddingRight: any;
11818
+ };
11819
+ };
11820
+ '& .SCPaymentOrder-skeleton-root': {
11821
+ minWidth: number;
11822
+ };
11823
+ };
11778
11824
  "& .SCCategory-root": {
11779
11825
  borderRadius: any;
11780
11826
  '& a': {
@@ -11821,6 +11867,12 @@ declare const theme: {
11821
11867
  '& .SCCourse-preview-root': {
11822
11868
  minHeight: string;
11823
11869
  };
11870
+ '& .SCCategory-category-image': {
11871
+ paddingLeft: any;
11872
+ };
11873
+ '& .SCGroup-avatar': {
11874
+ marginLeft: any;
11875
+ };
11824
11876
  };
11825
11877
  };
11826
11878
  };
@@ -12019,6 +12071,18 @@ declare const theme: {
12019
12071
  };
12020
12072
  };
12021
12073
  };
12074
+ SCPaymentOrders: {
12075
+ styleOverrides: {
12076
+ root: ({ theme }: any) => {
12077
+ '& .SCCategory-category-image': {
12078
+ paddingLeft: any;
12079
+ };
12080
+ '& .SCGroup-avatar': {
12081
+ marginLeft: any;
12082
+ };
12083
+ };
12084
+ };
12085
+ };
12022
12086
  };
12023
12087
  selfcommunity: {
12024
12088
  user: {
package/lib/cjs/index.js CHANGED
@@ -218,6 +218,7 @@ const SCHiddenPurchasableContent_1 = tslib_1.__importDefault(require("./componen
218
218
  const SCPaywalls_1 = tslib_1.__importDefault(require("./components/SCPaywalls"));
219
219
  const SCPaywallsConfigurator_1 = tslib_1.__importDefault(require("./components/SCPaywallsConfigurator"));
220
220
  const SCPdfPreview_1 = tslib_1.__importDefault(require("./components/SCPdfPreview"));
221
+ const SCPaymentOrders_1 = tslib_1.__importDefault(require("./components/SCPaymentOrders"));
221
222
  /**
222
223
  * Style fragments - Imports - End
223
224
  */
@@ -518,7 +519,8 @@ const theme = {
518
519
  SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default,
519
520
  SCPaywalls: SCPaywalls_1.default,
520
521
  SCPaywallsConfigurator: SCPaywallsConfigurator_1.default,
521
- SCPdfPreview: SCPdfPreview_1.default
522
+ SCPdfPreview: SCPdfPreview_1.default,
523
+ SCPaymentOrders: SCPaymentOrders_1.default
522
524
  },
523
525
  selfcommunity: {
524
526
  user: {
@@ -32,6 +32,10 @@ declare const Component: {
32
32
  textOverflow: string;
33
33
  display: string;
34
34
  };
35
+ '&.MuiPaper-outlined': {
36
+ paddingLeft: any;
37
+ paddingRight: any;
38
+ };
35
39
  };
36
40
  skeletonRoot: ({ theme }: any) => {
37
41
  '& .SCCategory-image': {
@@ -46,6 +50,10 @@ declare const Component: {
46
50
  '& .SCCategory-action': {
47
51
  margin: any;
48
52
  };
53
+ '&.MuiPaper-outlined': {
54
+ paddingLeft: any;
55
+ paddingRight: any;
56
+ };
49
57
  };
50
58
  };
51
59
  };
@@ -31,6 +31,10 @@ const Component = {
31
31
  overflow: 'hidden',
32
32
  textOverflow: 'ellipsis',
33
33
  display: 'block'
34
+ },
35
+ '&.MuiPaper-outlined': {
36
+ paddingLeft: theme.spacing(1),
37
+ paddingRight: theme.spacing(1)
34
38
  }
35
39
  }),
36
40
  skeletonRoot: ({ theme }) => ({
@@ -45,6 +49,10 @@ const Component = {
45
49
  },
46
50
  '& .SCCategory-action': {
47
51
  margin: theme.spacing(0.5)
52
+ },
53
+ '&.MuiPaper-outlined': {
54
+ paddingLeft: theme.spacing(1),
55
+ paddingRight: theme.spacing(1)
48
56
  }
49
57
  })
50
58
  }
@@ -65,6 +65,33 @@ declare const Component: {
65
65
  margin: any;
66
66
  width: string;
67
67
  };
68
+ "& .SCCheckout-payment-order": {
69
+ display: string;
70
+ flexDirection: string;
71
+ justifyContent: string;
72
+ alignItems: string;
73
+ margin: any;
74
+ '& .SCPaymentOrder-root': {
75
+ width: string;
76
+ display: string;
77
+ flexDirection: string;
78
+ justifyContent: string;
79
+ alignItems: string;
80
+ '& .SCPaymentOrder-content-object': {
81
+ minWidth: number;
82
+ };
83
+ '& .SCPaymentOrder-details': {
84
+ minWidth: number;
85
+ };
86
+ '& .SCPaymentOrderPdfButton-root': {
87
+ paddingLeft: any;
88
+ paddingRight: any;
89
+ };
90
+ };
91
+ '& .SCPaymentOrder-skeleton-root': {
92
+ minWidth: number;
93
+ };
94
+ };
68
95
  "& .SCCategory-root": {
69
96
  borderRadius: any;
70
97
  '& a': {
@@ -63,6 +63,33 @@ const Component = {
63
63
  width: 'auto'
64
64
  }
65
65
  },
66
+ ['& .SCCheckout-payment-order']: {
67
+ display: 'flex',
68
+ flexDirection: 'column',
69
+ justifyContent: 'center',
70
+ alignItems: 'center',
71
+ margin: theme.spacing(5),
72
+ '& .SCPaymentOrder-root': {
73
+ width: '100%',
74
+ display: 'flex',
75
+ flexDirection: 'column',
76
+ justifyContent: 'center',
77
+ alignItems: 'center',
78
+ '& .SCPaymentOrder-content-object': {
79
+ minWidth: 300
80
+ },
81
+ '& .SCPaymentOrder-details': {
82
+ minWidth: 300
83
+ },
84
+ '& .SCPaymentOrderPdfButton-root': {
85
+ paddingLeft: theme.spacing(),
86
+ paddingRight: theme.spacing()
87
+ }
88
+ },
89
+ '& .SCPaymentOrder-skeleton-root': {
90
+ minWidth: 300
91
+ }
92
+ },
66
93
  ['& .SCCategory-root']: {
67
94
  borderRadius: theme.shape.borderRadius,
68
95
  '& a': {
@@ -26,6 +26,12 @@ declare const Component: {
26
26
  '& .SCCourse-preview-root': {
27
27
  minHeight: string;
28
28
  };
29
+ '& .SCCategory-category-image': {
30
+ paddingLeft: any;
31
+ };
32
+ '& .SCGroup-avatar': {
33
+ marginLeft: any;
34
+ };
29
35
  };
30
36
  };
31
37
  };
@@ -23,6 +23,12 @@ const Component = {
23
23
  },
24
24
  '& .SCCourse-preview-root': {
25
25
  minHeight: 'auto'
26
+ },
27
+ '& .SCCategory-category-image': {
28
+ paddingLeft: theme.spacing(1)
29
+ },
30
+ '& .SCGroup-avatar': {
31
+ marginLeft: theme.spacing(1)
26
32
  }
27
33
  })
28
34
  }
@@ -1,6 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {
3
+ root: ({ theme }: any) => {
4
4
  width: string;
5
5
  };
6
6
  snippetRoot: ({ theme }: any) => {
@@ -81,6 +81,9 @@ declare const Component: {
81
81
  padding: any;
82
82
  };
83
83
  };
84
+ '& .SCBaseItemButton-actions': {
85
+ marginRight: any;
86
+ };
84
87
  };
85
88
  previewRoot: ({ theme }: any) => {
86
89
  [x: number]: {
@@ -274,6 +277,10 @@ declare const Component: {
274
277
  };
275
278
  };
276
279
  };
280
+ '&.MuiPaper-outlined': {
281
+ paddingLeft: any;
282
+ paddingRight: any;
283
+ };
277
284
  };
278
285
  };
279
286
  };
@@ -1,6 +1,6 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
- root: () => ({
3
+ root: ({ theme }) => ({
4
4
  width: '100%'
5
5
  }),
6
6
  snippetRoot: ({ theme }) => ({
@@ -80,6 +80,9 @@ const Component = {
80
80
  fontWeight: 700,
81
81
  padding: theme.spacing(0.5)
82
82
  }
83
+ },
84
+ '& .SCBaseItemButton-actions': {
85
+ marginRight: theme.spacing()
83
86
  }
84
87
  }),
85
88
  previewRoot: ({ theme }) => ({
@@ -273,6 +276,10 @@ const Component = {
273
276
  transform: 'translate(-50%, -50%)'
274
277
  }
275
278
  }
279
+ },
280
+ '&.MuiPaper-outlined': {
281
+ paddingLeft: theme.spacing(),
282
+ paddingRight: theme.spacing()
276
283
  }
277
284
  })
278
285
  }
@@ -6,9 +6,10 @@ declare const Component: {
6
6
  };
7
7
  borderRadius: number;
8
8
  paddingBottom: number;
9
+ paddingLeft: any;
10
+ paddingRight: any;
9
11
  overflow: string;
10
12
  '& .SCBaseItemButton-image': {
11
- marginRight: any;
12
13
  '& .MuiAvatar-root': {
13
14
  width: any;
14
15
  height: any;
@@ -38,7 +39,10 @@ declare const Component: {
38
39
  };
39
40
  };
40
41
  };
41
- skeletonRoot: ({ theme }: any) => {};
42
+ skeletonRoot: ({ theme }: any) => {
43
+ paddingLeft: any;
44
+ paddingRight: any;
45
+ };
42
46
  };
43
47
  };
44
48
  export default Component;