@selfcommunity/react-theme-default 0.4.5-payments.182 → 0.4.5-payments.184

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.
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const styles_1 = require("@mui/material/styles");
3
+ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => {
7
7
  var _a, _b, _c, _d;
8
8
  return ({
9
- color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.text.primary,
9
+ color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.text.primary,
10
10
  backgroundColor: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main
11
11
  });
12
12
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const styles_1 = require("@mui/material/styles");
3
+ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => {
@@ -9,7 +9,7 @@ const Component = {
9
9
  backgroundColor: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main,
10
10
  '& .SCBottomNavigation-action': {
11
11
  fontSize: '1.57rem',
12
- color: (0, styles_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main,
12
+ color: (0, material_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main,
13
13
  borderTop: `1px solid transparent`,
14
14
  minWidth: 56,
15
15
  '&.Mui-selected, &:hover': {
@@ -15,6 +15,8 @@ declare const Component: {
15
15
  alignItems: string;
16
16
  '& .SCWidget-root': {
17
17
  minWidth: number;
18
+ };
19
+ '& .SCGroup-root': {
18
20
  paddingLeft: any;
19
21
  };
20
22
  };
@@ -14,7 +14,9 @@ const Component = {
14
14
  justifyContent: 'center',
15
15
  alignItems: 'center',
16
16
  '& .SCWidget-root': {
17
- minWidth: 310,
17
+ minWidth: 310
18
+ },
19
+ '& .SCGroup-root': {
18
20
  paddingLeft: theme.spacing()
19
21
  }
20
22
  },
@@ -23,7 +25,7 @@ const Component = {
23
25
  },
24
26
  '& .SCCourse-preview-root': {
25
27
  minHeight: 'auto'
26
- },
28
+ }
27
29
  })
28
30
  }
29
31
  };
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const styles_1 = require("@mui/material/styles");
3
+ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => {
@@ -67,7 +67,7 @@ const Component = {
67
67
  color: theme.palette.secondary.main
68
68
  },
69
69
  '& .MuiIconButton-root': {
70
- color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
70
+ color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
71
71
  },
72
72
  [theme.breakpoints.up(950)]: {
73
73
  padding: theme.spacing(0, 2),
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const styles_1 = require("@mui/material/styles");
3
+ const material_1 = require("@mui/material");
4
4
  const Component = {
5
5
  styleOverrides: {
6
6
  root: ({ theme }) => {
@@ -19,7 +19,7 @@ const Component = {
19
19
  flexGrow: 0
20
20
  },
21
21
  '& .MuiIconButton-root': {
22
- color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
22
+ color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
23
23
  },
24
24
  '& h4': {
25
25
  fontSize: '1.286rem',
@@ -0,0 +1,22 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCPaymentOrder-details': {
7
+ marginTop: any;
8
+ marginLeft: any;
9
+ '& p': {
10
+ marginBottom: any;
11
+ };
12
+ '& .SCPaymentOrderPdfButton-root': {
13
+ marginTop: any;
14
+ };
15
+ };
16
+ };
17
+ skeletonRoot: ({ theme }: {
18
+ theme: any;
19
+ }) => {};
20
+ };
21
+ };
22
+ export default Component;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCPaymentOrder-details': {
7
+ marginTop: theme.spacing(),
8
+ marginLeft: theme.spacing(),
9
+ '& p': {
10
+ marginBottom: theme.spacing()
11
+ },
12
+ '& .SCPaymentOrderPdfButton-root': {
13
+ marginTop: theme.spacing()
14
+ }
15
+ }
16
+ }),
17
+ skeletonRoot: ({ theme }) => ({})
18
+ }
19
+ };
20
+ exports.default = Component;
@@ -0,0 +1,16 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ paddingLeft: number;
7
+ paddingRight: number;
8
+ width: string;
9
+ minWidth: number;
10
+ marginLeft: any;
11
+ marginRight: any;
12
+ height: number;
13
+ };
14
+ };
15
+ };
16
+ export default Component;
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ paddingLeft: 4,
7
+ paddingRight: 4,
8
+ width: 'auto',
9
+ minWidth: 30,
10
+ marginLeft: theme.spacing(),
11
+ marginRight: theme.spacing(),
12
+ height: 31,
13
+ })
14
+ }
15
+ };
16
+ exports.default = Component;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const system_1 = require("@mui/system");
4
- const styles_1 = require("@mui/material/styles");
4
+ const material_1 = require("@mui/material");
5
5
  const Component = {
6
6
  styleOverrides: {
7
7
  root: ({ theme }) => {
@@ -12,24 +12,24 @@ const Component = {
12
12
  borderRadius: theme.shape.borderRadius,
13
13
  '& .MuiAutocomplete-input': {
14
14
  padding: theme.spacing(0.5, 1),
15
- color: (0, styles_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
15
+ color: (0, material_1.getContrastRatio)((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
16
16
  }
17
17
  },
18
18
  '& .MuiInputBase-root': {
19
19
  '& .MuiIcon-root': {
20
- color: (0, styles_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
20
+ color: (0, material_1.getContrastRatio)((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
21
21
  },
22
22
  '& fieldset': {
23
- borderColor: (0, system_1.alpha)((0, styles_1.getContrastRatio)((_f = (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.navbar) === null || _f === void 0 ? void 0 : _f.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main, theme.palette.action.disabledOpacity)
23
+ borderColor: (0, system_1.alpha)((0, material_1.getContrastRatio)((_f = (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.navbar) === null || _f === void 0 ? void 0 : _f.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main, theme.palette.action.disabledOpacity)
24
24
  },
25
25
  '&:hover fieldset': {
26
- borderColor: (0, styles_1.getContrastRatio)((_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.navbar) === null || _h === void 0 ? void 0 : _h.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
26
+ borderColor: (0, material_1.getContrastRatio)((_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.navbar) === null || _h === void 0 ? void 0 : _h.main, '#fff') > 4.5 ? '#fff' : theme.palette.primary.main
27
27
  },
28
28
  '&.Mui-focused fieldset': {
29
- borderColor: (0, styles_1.getContrastRatio)((_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.navbar) === null || _k === void 0 ? void 0 : _k.main, '#fff') > 4.5 ? '#fff' : theme.palette.secondary.main
29
+ borderColor: (0, material_1.getContrastRatio)((_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.navbar) === null || _k === void 0 ? void 0 : _k.main, '#fff') > 4.5 ? '#fff' : theme.palette.secondary.main
30
30
  },
31
31
  '&.Mui-focused .SCSearchAutocomplete-icon': {
32
- color: (0, styles_1.getContrastRatio)((_m = (_l = theme.palette) === null || _l === void 0 ? void 0 : _l.navbar) === null || _m === void 0 ? void 0 : _m.main, '#fff') > 4.5 ? '#fff' : theme.palette.secondary.main
32
+ color: (0, material_1.getContrastRatio)((_m = (_l = theme.palette) === null || _l === void 0 ? void 0 : _l.navbar) === null || _m === void 0 ? void 0 : _m.main, '#fff') > 4.5 ? '#fff' : theme.palette.secondary.main
33
33
  }
34
34
  }
35
35
  });
@@ -11640,6 +11640,42 @@ declare const theme: {
11640
11640
  };
11641
11641
  };
11642
11642
  };
11643
+ SCPaymentOrder: {
11644
+ styleOverrides: {
11645
+ root: ({ theme }: {
11646
+ theme: any;
11647
+ }) => {
11648
+ '& .SCPaymentOrder-details': {
11649
+ marginTop: any;
11650
+ marginLeft: any;
11651
+ '& p': {
11652
+ marginBottom: any;
11653
+ };
11654
+ '& .SCPaymentOrderPdfButton-root': {
11655
+ marginTop: any;
11656
+ };
11657
+ };
11658
+ };
11659
+ skeletonRoot: ({ theme }: {
11660
+ theme: any;
11661
+ }) => {};
11662
+ };
11663
+ };
11664
+ SCPaymentOrderPdfButton: {
11665
+ styleOverrides: {
11666
+ root: ({ theme }: {
11667
+ theme: any;
11668
+ }) => {
11669
+ paddingLeft: number;
11670
+ paddingRight: number;
11671
+ width: string;
11672
+ minWidth: number;
11673
+ marginLeft: any;
11674
+ marginRight: any;
11675
+ height: number;
11676
+ };
11677
+ };
11678
+ };
11643
11679
  SCPaymentProductPrice: {
11644
11680
  styleOverrides: {
11645
11681
  root: ({ theme }: {
@@ -11763,6 +11799,8 @@ declare const theme: {
11763
11799
  alignItems: string;
11764
11800
  '& .SCWidget-root': {
11765
11801
  minWidth: number;
11802
+ };
11803
+ '& .SCGroup-root': {
11766
11804
  paddingLeft: any;
11767
11805
  };
11768
11806
  };
package/lib/cjs/index.js CHANGED
@@ -209,6 +209,8 @@ const SCWidget_1 = tslib_1.__importDefault(require("./components/SCWidget"));
209
209
  const SCBuyButton_1 = tslib_1.__importDefault(require("./components/SCBuyButton"));
210
210
  const SCPaymentProducts_1 = tslib_1.__importDefault(require("./components/SCPaymentProducts"));
211
211
  const SCPaymentProduct_1 = tslib_1.__importDefault(require("./components/SCPaymentProduct"));
212
+ const SCPaymentOrder_1 = tslib_1.__importDefault(require("./components/SCPaymentOrder"));
213
+ const SCPaymentOrderPdfButton_1 = tslib_1.__importDefault(require("./components/SCPaymentOrderPdfButton"));
212
214
  const SCPaymentProductPrice_1 = tslib_1.__importDefault(require("./components/SCPaymentProductPrice"));
213
215
  const SCCheckout_1 = tslib_1.__importDefault(require("./components/SCCheckout"));
214
216
  const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/SCCheckoutReturnDialog"));
@@ -507,6 +509,8 @@ const theme = {
507
509
  SCBuyButton: SCBuyButton_1.default,
508
510
  SCPaymentProducts: SCPaymentProducts_1.default,
509
511
  SCPaymentProduct: SCPaymentProduct_1.default,
512
+ SCPaymentOrder: SCPaymentOrder_1.default,
513
+ SCPaymentOrderPdfButton: SCPaymentOrderPdfButton_1.default,
510
514
  SCPaymentProductPrice: SCPaymentProductPrice_1.default,
511
515
  SCCheckout: SCCheckout_1.default,
512
516
  SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default,
@@ -1,4 +1,4 @@
1
- import { getContrastRatio } from '@mui/material/styles';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => {
@@ -1,4 +1,4 @@
1
- import { getContrastRatio } from '@mui/material/styles';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => {
@@ -15,6 +15,8 @@ declare const Component: {
15
15
  alignItems: string;
16
16
  '& .SCWidget-root': {
17
17
  minWidth: number;
18
+ };
19
+ '& .SCGroup-root': {
18
20
  paddingLeft: any;
19
21
  };
20
22
  };
@@ -12,7 +12,9 @@ const Component = {
12
12
  justifyContent: 'center',
13
13
  alignItems: 'center',
14
14
  '& .SCWidget-root': {
15
- minWidth: 310,
15
+ minWidth: 310
16
+ },
17
+ '& .SCGroup-root': {
16
18
  paddingLeft: theme.spacing()
17
19
  }
18
20
  },
@@ -21,7 +23,7 @@ const Component = {
21
23
  },
22
24
  '& .SCCourse-preview-root': {
23
25
  minHeight: 'auto'
24
- },
26
+ }
25
27
  })
26
28
  }
27
29
  };
@@ -1,4 +1,4 @@
1
- import { getContrastRatio } from '@mui/material/styles';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => {
@@ -1,4 +1,4 @@
1
- import { getContrastRatio } from '@mui/material/styles';
1
+ import { getContrastRatio } from '@mui/material';
2
2
  const Component = {
3
3
  styleOverrides: {
4
4
  root: ({ theme }) => {
@@ -0,0 +1,22 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCPaymentOrder-details': {
7
+ marginTop: any;
8
+ marginLeft: any;
9
+ '& p': {
10
+ marginBottom: any;
11
+ };
12
+ '& .SCPaymentOrderPdfButton-root': {
13
+ marginTop: any;
14
+ };
15
+ };
16
+ };
17
+ skeletonRoot: ({ theme }: {
18
+ theme: any;
19
+ }) => {};
20
+ };
21
+ };
22
+ export default Component;
@@ -0,0 +1,18 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCPaymentOrder-details': {
5
+ marginTop: theme.spacing(),
6
+ marginLeft: theme.spacing(),
7
+ '& p': {
8
+ marginBottom: theme.spacing()
9
+ },
10
+ '& .SCPaymentOrderPdfButton-root': {
11
+ marginTop: theme.spacing()
12
+ }
13
+ }
14
+ }),
15
+ skeletonRoot: ({ theme }) => ({})
16
+ }
17
+ };
18
+ export default Component;
@@ -0,0 +1,16 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ paddingLeft: number;
7
+ paddingRight: number;
8
+ width: string;
9
+ minWidth: number;
10
+ marginLeft: any;
11
+ marginRight: any;
12
+ height: number;
13
+ };
14
+ };
15
+ };
16
+ export default Component;
@@ -0,0 +1,14 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ paddingLeft: 4,
5
+ paddingRight: 4,
6
+ width: 'auto',
7
+ minWidth: 30,
8
+ marginLeft: theme.spacing(),
9
+ marginRight: theme.spacing(),
10
+ height: 31,
11
+ })
12
+ }
13
+ };
14
+ export default Component;
@@ -1,5 +1,5 @@
1
1
  import { alpha } from '@mui/system';
2
- import { getContrastRatio } from '@mui/material/styles';
2
+ import { getContrastRatio } from '@mui/material';
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => {
@@ -11640,6 +11640,42 @@ declare const theme: {
11640
11640
  };
11641
11641
  };
11642
11642
  };
11643
+ SCPaymentOrder: {
11644
+ styleOverrides: {
11645
+ root: ({ theme }: {
11646
+ theme: any;
11647
+ }) => {
11648
+ '& .SCPaymentOrder-details': {
11649
+ marginTop: any;
11650
+ marginLeft: any;
11651
+ '& p': {
11652
+ marginBottom: any;
11653
+ };
11654
+ '& .SCPaymentOrderPdfButton-root': {
11655
+ marginTop: any;
11656
+ };
11657
+ };
11658
+ };
11659
+ skeletonRoot: ({ theme }: {
11660
+ theme: any;
11661
+ }) => {};
11662
+ };
11663
+ };
11664
+ SCPaymentOrderPdfButton: {
11665
+ styleOverrides: {
11666
+ root: ({ theme }: {
11667
+ theme: any;
11668
+ }) => {
11669
+ paddingLeft: number;
11670
+ paddingRight: number;
11671
+ width: string;
11672
+ minWidth: number;
11673
+ marginLeft: any;
11674
+ marginRight: any;
11675
+ height: number;
11676
+ };
11677
+ };
11678
+ };
11643
11679
  SCPaymentProductPrice: {
11644
11680
  styleOverrides: {
11645
11681
  root: ({ theme }: {
@@ -11763,6 +11799,8 @@ declare const theme: {
11763
11799
  alignItems: string;
11764
11800
  '& .SCWidget-root': {
11765
11801
  minWidth: number;
11802
+ };
11803
+ '& .SCGroup-root': {
11766
11804
  paddingLeft: any;
11767
11805
  };
11768
11806
  };
package/lib/esm/index.js CHANGED
@@ -205,6 +205,8 @@ import SCWidget from './components/SCWidget';
205
205
  import SCBuyButton from './components/SCBuyButton';
206
206
  import SCPaymentProducts from './components/SCPaymentProducts';
207
207
  import SCPaymentProduct from './components/SCPaymentProduct';
208
+ import SCPaymentOrder from './components/SCPaymentOrder';
209
+ import SCPaymentOrderPdfButton from './components/SCPaymentOrderPdfButton';
208
210
  import SCPaymentProductPrice from './components/SCPaymentProductPrice';
209
211
  import SCCheckout from './components/SCCheckout';
210
212
  import SCCheckoutReturnDialog from './components/SCCheckoutReturnDialog';
@@ -495,6 +497,8 @@ const theme = {
495
497
  SCBuyButton,
496
498
  SCPaymentProducts,
497
499
  SCPaymentProduct,
500
+ SCPaymentOrder,
501
+ SCPaymentOrderPdfButton,
498
502
  SCPaymentProductPrice,
499
503
  SCCheckout,
500
504
  SCCheckoutReturnDialog,