@selfcommunity/react-theme-default 1.2.0 → 1.2.1-alpha.0
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.
- package/lib/cjs/components/SCComposer.js +3 -5
- package/lib/cjs/components/SCPlatformWidget.d.ts +91 -1
- package/lib/cjs/components/SCPlatformWidget.js +91 -1
- package/lib/cjs/index.d.ts +91 -1
- package/lib/esm/components/SCComposer.js +3 -5
- package/lib/esm/components/SCPlatformWidget.d.ts +91 -1
- package/lib/esm/components/SCPlatformWidget.js +91 -1
- package/lib/esm/index.d.ts +91 -1
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -5,9 +5,7 @@ const Component = {
|
|
|
5
5
|
styleOverrides: {
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
7
|
'& .MuiDialog-paper': {
|
|
8
|
-
boxShadow: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
9
|
-
? '0px 0px 2px 2px rgba(0 0 0 / 50%)'
|
|
10
|
-
: '0px 0px 1px 1px rgba(255 255 255 / 50%)',
|
|
8
|
+
boxShadow: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? '0px 0px 30px 10px rgba(0, 0, 0, 0.5)' : undefined,
|
|
11
9
|
[theme.breakpoints.down('md')]: {
|
|
12
10
|
height: '100%'
|
|
13
11
|
},
|
|
@@ -27,7 +25,7 @@ const Component = {
|
|
|
27
25
|
flexDirection: 'row',
|
|
28
26
|
justifyContent: 'space-between',
|
|
29
27
|
alignItems: 'center',
|
|
30
|
-
borderBottom: `1px solid ${theme.palette.grey[400]}`,
|
|
28
|
+
borderBottom: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? undefined : `1px solid ${theme.palette.grey[400]}`,
|
|
31
29
|
zIndex: 2,
|
|
32
30
|
backgroundColor: theme.palette.background.paper,
|
|
33
31
|
'& .MuiTypography-root': {
|
|
@@ -85,7 +83,7 @@ const Component = {
|
|
|
85
83
|
justifyContent: 'space-between',
|
|
86
84
|
zIndex: 1,
|
|
87
85
|
backgroundColor: theme.palette.background.paper,
|
|
88
|
-
borderTop: `1px solid ${theme.palette.grey[400]}`,
|
|
86
|
+
borderTop: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? undefined : `1px solid ${theme.palette.grey[400]}`,
|
|
89
87
|
'& .SCComposer-selected-action': {
|
|
90
88
|
display: 'flex',
|
|
91
89
|
alignItems: 'center',
|
|
@@ -1,7 +1,97 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
|
|
4
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
5
|
+
position: string;
|
|
6
|
+
zIndex: any;
|
|
7
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
8
|
+
padding: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
'& .SCPlatformWidget-title': {
|
|
12
|
+
display: string;
|
|
13
|
+
justifyContent: string;
|
|
14
|
+
marginBottom: any;
|
|
15
|
+
};
|
|
16
|
+
'& .SCPlatformWidget-content': {
|
|
17
|
+
padding: string;
|
|
18
|
+
backgroundColor: string;
|
|
19
|
+
};
|
|
20
|
+
'& .SCPlatformWidget-actions': {
|
|
21
|
+
display: string;
|
|
22
|
+
paddingBottom: number;
|
|
23
|
+
boxShadow: string;
|
|
24
|
+
WebkitOverflowScrolling: string;
|
|
25
|
+
overflowX: string;
|
|
26
|
+
overflowY: string;
|
|
27
|
+
scrollbarWidth: string;
|
|
28
|
+
MsOverflowStyle: string;
|
|
29
|
+
'&::-webkit-scrollbar': {
|
|
30
|
+
display: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .SCPlatformWidget-action': {
|
|
34
|
+
padding: string;
|
|
35
|
+
display: string;
|
|
36
|
+
flexGrow: number;
|
|
37
|
+
justifyContent: string;
|
|
38
|
+
'& .MuiButton-root': {
|
|
39
|
+
color: any;
|
|
40
|
+
backgroundColor: any;
|
|
41
|
+
'&:hover': {
|
|
42
|
+
color: any;
|
|
43
|
+
backgroundColor: any;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
48
|
+
width: string;
|
|
49
|
+
};
|
|
50
|
+
'& .SCPlatformWidget-divider': {
|
|
51
|
+
paddingTop: any;
|
|
52
|
+
};
|
|
53
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
54
|
+
position: string;
|
|
55
|
+
fontWeight: number;
|
|
56
|
+
fontSize: number;
|
|
57
|
+
padding: string;
|
|
58
|
+
};
|
|
59
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
60
|
+
position: string;
|
|
61
|
+
top: any;
|
|
62
|
+
right: any;
|
|
63
|
+
};
|
|
64
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
65
|
+
fontSize: number;
|
|
66
|
+
fontWeight: number;
|
|
67
|
+
color: any;
|
|
68
|
+
padding: string;
|
|
69
|
+
};
|
|
70
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
71
|
+
padding: any;
|
|
72
|
+
};
|
|
73
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
74
|
+
position: string;
|
|
75
|
+
'&:before': {
|
|
76
|
+
content: string;
|
|
77
|
+
display: string;
|
|
78
|
+
position: string;
|
|
79
|
+
bottom: number;
|
|
80
|
+
width: number;
|
|
81
|
+
height: number;
|
|
82
|
+
transform: string;
|
|
83
|
+
boxShadow: string;
|
|
84
|
+
zIndex: number;
|
|
85
|
+
backgroundColor: any;
|
|
86
|
+
};
|
|
87
|
+
'& .MuiButton-root': {
|
|
88
|
+
backgroundColor: any;
|
|
89
|
+
color: any;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
'& .SCPlatformWidget-btnStep': {
|
|
93
|
+
borderRadius: number;
|
|
94
|
+
};
|
|
5
95
|
};
|
|
6
96
|
skeletonRoot: ({ theme }: any) => {
|
|
7
97
|
'& .SCPlatformWidget-skeleton-content': {
|
|
@@ -3,7 +3,97 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
|
|
6
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
7
|
+
position: 'relative',
|
|
8
|
+
zIndex: theme.zIndex.drawer + 2,
|
|
9
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
10
|
+
padding: 0
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
'& .SCPlatformWidget-title': {
|
|
14
|
+
display: 'flex',
|
|
15
|
+
justifyContent: 'center',
|
|
16
|
+
marginBottom: theme.spacing(1)
|
|
17
|
+
},
|
|
18
|
+
'& .SCPlatformWidget-content': {
|
|
19
|
+
padding: `${theme.spacing(2)} 0 0`,
|
|
20
|
+
backgroundColor: 'rgba(255, 255, 255, 0.2)'
|
|
21
|
+
},
|
|
22
|
+
'& .SCPlatformWidget-actions': {
|
|
23
|
+
display: 'flex',
|
|
24
|
+
paddingBottom: 0,
|
|
25
|
+
boxShadow: 'inset -1px -3px 7px -4px #CECECE',
|
|
26
|
+
WebkitOverflowScrolling: 'touch',
|
|
27
|
+
overflowX: 'auto',
|
|
28
|
+
overflowY: 'hidden',
|
|
29
|
+
scrollbarWidth: 'none' /* Firefox */,
|
|
30
|
+
MsOverflowStyle: 'none' /* IE and Edge */,
|
|
31
|
+
'&::-webkit-scrollbar': {
|
|
32
|
+
display: 'none'
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
'& .SCPlatformWidget-action': {
|
|
36
|
+
padding: `0 2px ${theme.spacing(2)} 2px`,
|
|
37
|
+
display: 'flex',
|
|
38
|
+
flexGrow: 1,
|
|
39
|
+
justifyContent: 'center',
|
|
40
|
+
'& .MuiButton-root': {
|
|
41
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
42
|
+
backgroundColor: theme.palette.common.white,
|
|
43
|
+
'&:hover': {
|
|
44
|
+
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
45
|
+
backgroundColor: theme.palette.primary.main
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
50
|
+
width: '100%'
|
|
51
|
+
},
|
|
52
|
+
'& .SCPlatformWidget-divider': {
|
|
53
|
+
paddingTop: theme.spacing()
|
|
54
|
+
},
|
|
55
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
56
|
+
position: 'relative',
|
|
57
|
+
fontWeight: 700,
|
|
58
|
+
fontSize: 15,
|
|
59
|
+
padding: `${theme.spacing(3)} ${theme.spacing()} ${theme.spacing()} ${theme.spacing(3)}`
|
|
60
|
+
},
|
|
61
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
62
|
+
position: 'absolute',
|
|
63
|
+
top: theme.spacing(3),
|
|
64
|
+
right: theme.spacing(3)
|
|
65
|
+
},
|
|
66
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
67
|
+
fontSize: 14,
|
|
68
|
+
fontWeight: 500,
|
|
69
|
+
color: theme.palette.grey[700],
|
|
70
|
+
padding: `0 ${theme.spacing(3)} ${theme.spacing()} ${theme.spacing(3)}`
|
|
71
|
+
},
|
|
72
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
73
|
+
padding: theme.spacing(2)
|
|
74
|
+
},
|
|
75
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
76
|
+
position: 'relative',
|
|
77
|
+
'&:before': {
|
|
78
|
+
content: '""',
|
|
79
|
+
display: 'block',
|
|
80
|
+
position: 'absolute',
|
|
81
|
+
bottom: -11,
|
|
82
|
+
width: 10,
|
|
83
|
+
height: 10,
|
|
84
|
+
transform: 'translateY(-50%) rotate(45deg)',
|
|
85
|
+
boxShadow: '0px -20px 20px 0px #CECECE',
|
|
86
|
+
zIndex: 0,
|
|
87
|
+
backgroundColor: theme.palette.common.white
|
|
88
|
+
},
|
|
89
|
+
'& .MuiButton-root': {
|
|
90
|
+
backgroundColor: theme.palette.primary.main,
|
|
91
|
+
color: theme.palette.common.white
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
'& .SCPlatformWidget-btnStep': {
|
|
95
|
+
borderRadius: 3
|
|
96
|
+
}
|
|
7
97
|
}),
|
|
8
98
|
skeletonRoot: ({ theme }) => ({
|
|
9
99
|
'& .SCPlatformWidget-skeleton-content': {
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -8172,7 +8172,97 @@ declare const theme: {
|
|
|
8172
8172
|
SCPlatformWidget: {
|
|
8173
8173
|
styleOverrides: {
|
|
8174
8174
|
root: ({ theme }: any) => {
|
|
8175
|
-
|
|
8175
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
8176
|
+
position: string;
|
|
8177
|
+
zIndex: any;
|
|
8178
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
8179
|
+
padding: number;
|
|
8180
|
+
};
|
|
8181
|
+
};
|
|
8182
|
+
'& .SCPlatformWidget-title': {
|
|
8183
|
+
display: string;
|
|
8184
|
+
justifyContent: string;
|
|
8185
|
+
marginBottom: any;
|
|
8186
|
+
};
|
|
8187
|
+
'& .SCPlatformWidget-content': {
|
|
8188
|
+
padding: string;
|
|
8189
|
+
backgroundColor: string;
|
|
8190
|
+
};
|
|
8191
|
+
'& .SCPlatformWidget-actions': {
|
|
8192
|
+
display: string;
|
|
8193
|
+
paddingBottom: number;
|
|
8194
|
+
boxShadow: string;
|
|
8195
|
+
WebkitOverflowScrolling: string;
|
|
8196
|
+
overflowX: string;
|
|
8197
|
+
overflowY: string;
|
|
8198
|
+
scrollbarWidth: string;
|
|
8199
|
+
MsOverflowStyle: string;
|
|
8200
|
+
'&::-webkit-scrollbar': {
|
|
8201
|
+
display: string;
|
|
8202
|
+
};
|
|
8203
|
+
};
|
|
8204
|
+
'& .SCPlatformWidget-action': {
|
|
8205
|
+
padding: string;
|
|
8206
|
+
display: string;
|
|
8207
|
+
flexGrow: number;
|
|
8208
|
+
justifyContent: string;
|
|
8209
|
+
'& .MuiButton-root': {
|
|
8210
|
+
color: any;
|
|
8211
|
+
backgroundColor: any;
|
|
8212
|
+
'&:hover': {
|
|
8213
|
+
color: any;
|
|
8214
|
+
backgroundColor: any;
|
|
8215
|
+
};
|
|
8216
|
+
};
|
|
8217
|
+
};
|
|
8218
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
8219
|
+
width: string;
|
|
8220
|
+
};
|
|
8221
|
+
'& .SCPlatformWidget-divider': {
|
|
8222
|
+
paddingTop: any;
|
|
8223
|
+
};
|
|
8224
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
8225
|
+
position: string;
|
|
8226
|
+
fontWeight: number;
|
|
8227
|
+
fontSize: number;
|
|
8228
|
+
padding: string;
|
|
8229
|
+
};
|
|
8230
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
8231
|
+
position: string;
|
|
8232
|
+
top: any;
|
|
8233
|
+
right: any;
|
|
8234
|
+
};
|
|
8235
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
8236
|
+
fontSize: number;
|
|
8237
|
+
fontWeight: number;
|
|
8238
|
+
color: any;
|
|
8239
|
+
padding: string;
|
|
8240
|
+
};
|
|
8241
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
8242
|
+
padding: any;
|
|
8243
|
+
};
|
|
8244
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
8245
|
+
position: string;
|
|
8246
|
+
'&:before': {
|
|
8247
|
+
content: string;
|
|
8248
|
+
display: string;
|
|
8249
|
+
position: string;
|
|
8250
|
+
bottom: number;
|
|
8251
|
+
width: number;
|
|
8252
|
+
height: number;
|
|
8253
|
+
transform: string;
|
|
8254
|
+
boxShadow: string;
|
|
8255
|
+
zIndex: number;
|
|
8256
|
+
backgroundColor: any;
|
|
8257
|
+
};
|
|
8258
|
+
'& .MuiButton-root': {
|
|
8259
|
+
backgroundColor: any;
|
|
8260
|
+
color: any;
|
|
8261
|
+
};
|
|
8262
|
+
};
|
|
8263
|
+
'& .SCPlatformWidget-btnStep': {
|
|
8264
|
+
borderRadius: number;
|
|
8265
|
+
};
|
|
8176
8266
|
};
|
|
8177
8267
|
skeletonRoot: ({ theme }: any) => {
|
|
8178
8268
|
'& .SCPlatformWidget-skeleton-content': {
|
|
@@ -3,9 +3,7 @@ const Component = {
|
|
|
3
3
|
styleOverrides: {
|
|
4
4
|
root: ({ theme }) => ({
|
|
5
5
|
'& .MuiDialog-paper': {
|
|
6
|
-
boxShadow: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5
|
|
7
|
-
? '0px 0px 2px 2px rgba(0 0 0 / 50%)'
|
|
8
|
-
: '0px 0px 1px 1px rgba(255 255 255 / 50%)',
|
|
6
|
+
boxShadow: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? '0px 0px 30px 10px rgba(0, 0, 0, 0.5)' : undefined,
|
|
9
7
|
[theme.breakpoints.down('md')]: {
|
|
10
8
|
height: '100%'
|
|
11
9
|
},
|
|
@@ -25,7 +23,7 @@ const Component = {
|
|
|
25
23
|
flexDirection: 'row',
|
|
26
24
|
justifyContent: 'space-between',
|
|
27
25
|
alignItems: 'center',
|
|
28
|
-
borderBottom: `1px solid ${theme.palette.grey[400]}`,
|
|
26
|
+
borderBottom: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? undefined : `1px solid ${theme.palette.grey[400]}`,
|
|
29
27
|
zIndex: 2,
|
|
30
28
|
backgroundColor: theme.palette.background.paper,
|
|
31
29
|
'& .MuiTypography-root': {
|
|
@@ -83,7 +81,7 @@ const Component = {
|
|
|
83
81
|
justifyContent: 'space-between',
|
|
84
82
|
zIndex: 1,
|
|
85
83
|
backgroundColor: theme.palette.background.paper,
|
|
86
|
-
borderTop: `1px solid ${theme.palette.grey[400]}`,
|
|
84
|
+
borderTop: getContrastRatio(theme.palette.background.paper, theme.palette.common.white) > 4.5 ? undefined : `1px solid ${theme.palette.grey[400]}`,
|
|
87
85
|
'& .SCComposer-selected-action': {
|
|
88
86
|
display: 'flex',
|
|
89
87
|
alignItems: 'center',
|
|
@@ -1,7 +1,97 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
|
|
4
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
5
|
+
position: string;
|
|
6
|
+
zIndex: any;
|
|
7
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
8
|
+
padding: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
'& .SCPlatformWidget-title': {
|
|
12
|
+
display: string;
|
|
13
|
+
justifyContent: string;
|
|
14
|
+
marginBottom: any;
|
|
15
|
+
};
|
|
16
|
+
'& .SCPlatformWidget-content': {
|
|
17
|
+
padding: string;
|
|
18
|
+
backgroundColor: string;
|
|
19
|
+
};
|
|
20
|
+
'& .SCPlatformWidget-actions': {
|
|
21
|
+
display: string;
|
|
22
|
+
paddingBottom: number;
|
|
23
|
+
boxShadow: string;
|
|
24
|
+
WebkitOverflowScrolling: string;
|
|
25
|
+
overflowX: string;
|
|
26
|
+
overflowY: string;
|
|
27
|
+
scrollbarWidth: string;
|
|
28
|
+
MsOverflowStyle: string;
|
|
29
|
+
'&::-webkit-scrollbar': {
|
|
30
|
+
display: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .SCPlatformWidget-action': {
|
|
34
|
+
padding: string;
|
|
35
|
+
display: string;
|
|
36
|
+
flexGrow: number;
|
|
37
|
+
justifyContent: string;
|
|
38
|
+
'& .MuiButton-root': {
|
|
39
|
+
color: any;
|
|
40
|
+
backgroundColor: any;
|
|
41
|
+
'&:hover': {
|
|
42
|
+
color: any;
|
|
43
|
+
backgroundColor: any;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
48
|
+
width: string;
|
|
49
|
+
};
|
|
50
|
+
'& .SCPlatformWidget-divider': {
|
|
51
|
+
paddingTop: any;
|
|
52
|
+
};
|
|
53
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
54
|
+
position: string;
|
|
55
|
+
fontWeight: number;
|
|
56
|
+
fontSize: number;
|
|
57
|
+
padding: string;
|
|
58
|
+
};
|
|
59
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
60
|
+
position: string;
|
|
61
|
+
top: any;
|
|
62
|
+
right: any;
|
|
63
|
+
};
|
|
64
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
65
|
+
fontSize: number;
|
|
66
|
+
fontWeight: number;
|
|
67
|
+
color: any;
|
|
68
|
+
padding: string;
|
|
69
|
+
};
|
|
70
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
71
|
+
padding: any;
|
|
72
|
+
};
|
|
73
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
74
|
+
position: string;
|
|
75
|
+
'&:before': {
|
|
76
|
+
content: string;
|
|
77
|
+
display: string;
|
|
78
|
+
position: string;
|
|
79
|
+
bottom: number;
|
|
80
|
+
width: number;
|
|
81
|
+
height: number;
|
|
82
|
+
transform: string;
|
|
83
|
+
boxShadow: string;
|
|
84
|
+
zIndex: number;
|
|
85
|
+
backgroundColor: any;
|
|
86
|
+
};
|
|
87
|
+
'& .MuiButton-root': {
|
|
88
|
+
backgroundColor: any;
|
|
89
|
+
color: any;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
'& .SCPlatformWidget-btnStep': {
|
|
93
|
+
borderRadius: number;
|
|
94
|
+
};
|
|
5
95
|
};
|
|
6
96
|
skeletonRoot: ({ theme }: any) => {
|
|
7
97
|
'& .SCPlatformWidget-skeleton-content': {
|
|
@@ -1,7 +1,97 @@
|
|
|
1
1
|
const Component = {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
|
-
|
|
4
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
5
|
+
position: 'relative',
|
|
6
|
+
zIndex: theme.zIndex.drawer + 2,
|
|
7
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
8
|
+
padding: 0
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
'& .SCPlatformWidget-title': {
|
|
12
|
+
display: 'flex',
|
|
13
|
+
justifyContent: 'center',
|
|
14
|
+
marginBottom: theme.spacing(1)
|
|
15
|
+
},
|
|
16
|
+
'& .SCPlatformWidget-content': {
|
|
17
|
+
padding: `${theme.spacing(2)} 0 0`,
|
|
18
|
+
backgroundColor: 'rgba(255, 255, 255, 0.2)'
|
|
19
|
+
},
|
|
20
|
+
'& .SCPlatformWidget-actions': {
|
|
21
|
+
display: 'flex',
|
|
22
|
+
paddingBottom: 0,
|
|
23
|
+
boxShadow: 'inset -1px -3px 7px -4px #CECECE',
|
|
24
|
+
WebkitOverflowScrolling: 'touch',
|
|
25
|
+
overflowX: 'auto',
|
|
26
|
+
overflowY: 'hidden',
|
|
27
|
+
scrollbarWidth: 'none' /* Firefox */,
|
|
28
|
+
MsOverflowStyle: 'none' /* IE and Edge */,
|
|
29
|
+
'&::-webkit-scrollbar': {
|
|
30
|
+
display: 'none'
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
'& .SCPlatformWidget-action': {
|
|
34
|
+
padding: `0 2px ${theme.spacing(2)} 2px`,
|
|
35
|
+
display: 'flex',
|
|
36
|
+
flexGrow: 1,
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
'& .MuiButton-root': {
|
|
39
|
+
color: theme.palette.getContrastText(theme.palette.common.white),
|
|
40
|
+
backgroundColor: theme.palette.common.white,
|
|
41
|
+
'&:hover': {
|
|
42
|
+
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
43
|
+
backgroundColor: theme.palette.primary.main
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
48
|
+
width: '100%'
|
|
49
|
+
},
|
|
50
|
+
'& .SCPlatformWidget-divider': {
|
|
51
|
+
paddingTop: theme.spacing()
|
|
52
|
+
},
|
|
53
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
54
|
+
position: 'relative',
|
|
55
|
+
fontWeight: 700,
|
|
56
|
+
fontSize: 15,
|
|
57
|
+
padding: `${theme.spacing(3)} ${theme.spacing()} ${theme.spacing()} ${theme.spacing(3)}`
|
|
58
|
+
},
|
|
59
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
60
|
+
position: 'absolute',
|
|
61
|
+
top: theme.spacing(3),
|
|
62
|
+
right: theme.spacing(3)
|
|
63
|
+
},
|
|
64
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
65
|
+
fontSize: 14,
|
|
66
|
+
fontWeight: 500,
|
|
67
|
+
color: theme.palette.grey[700],
|
|
68
|
+
padding: `0 ${theme.spacing(3)} ${theme.spacing()} ${theme.spacing(3)}`
|
|
69
|
+
},
|
|
70
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
71
|
+
padding: theme.spacing(2)
|
|
72
|
+
},
|
|
73
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
74
|
+
position: 'relative',
|
|
75
|
+
'&:before': {
|
|
76
|
+
content: '""',
|
|
77
|
+
display: 'block',
|
|
78
|
+
position: 'absolute',
|
|
79
|
+
bottom: -11,
|
|
80
|
+
width: 10,
|
|
81
|
+
height: 10,
|
|
82
|
+
transform: 'translateY(-50%) rotate(45deg)',
|
|
83
|
+
boxShadow: '0px -20px 20px 0px #CECECE',
|
|
84
|
+
zIndex: 0,
|
|
85
|
+
backgroundColor: theme.palette.common.white
|
|
86
|
+
},
|
|
87
|
+
'& .MuiButton-root': {
|
|
88
|
+
backgroundColor: theme.palette.primary.main,
|
|
89
|
+
color: theme.palette.common.white
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
'& .SCPlatformWidget-btnStep': {
|
|
93
|
+
borderRadius: 3
|
|
94
|
+
}
|
|
5
95
|
}),
|
|
6
96
|
skeletonRoot: ({ theme }) => ({
|
|
7
97
|
'& .SCPlatformWidget-skeleton-content': {
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -8172,7 +8172,97 @@ declare const theme: {
|
|
|
8172
8172
|
SCPlatformWidget: {
|
|
8173
8173
|
styleOverrides: {
|
|
8174
8174
|
root: ({ theme }: any) => {
|
|
8175
|
-
|
|
8175
|
+
'&.SCPlatformWidget-tutorialOpen': {
|
|
8176
|
+
position: string;
|
|
8177
|
+
zIndex: any;
|
|
8178
|
+
'& .SCPlatformWidget-.tutorial': {
|
|
8179
|
+
padding: number;
|
|
8180
|
+
};
|
|
8181
|
+
};
|
|
8182
|
+
'& .SCPlatformWidget-title': {
|
|
8183
|
+
display: string;
|
|
8184
|
+
justifyContent: string;
|
|
8185
|
+
marginBottom: any;
|
|
8186
|
+
};
|
|
8187
|
+
'& .SCPlatformWidget-content': {
|
|
8188
|
+
padding: string;
|
|
8189
|
+
backgroundColor: string;
|
|
8190
|
+
};
|
|
8191
|
+
'& .SCPlatformWidget-actions': {
|
|
8192
|
+
display: string;
|
|
8193
|
+
paddingBottom: number;
|
|
8194
|
+
boxShadow: string;
|
|
8195
|
+
WebkitOverflowScrolling: string;
|
|
8196
|
+
overflowX: string;
|
|
8197
|
+
overflowY: string;
|
|
8198
|
+
scrollbarWidth: string;
|
|
8199
|
+
MsOverflowStyle: string;
|
|
8200
|
+
'&::-webkit-scrollbar': {
|
|
8201
|
+
display: string;
|
|
8202
|
+
};
|
|
8203
|
+
};
|
|
8204
|
+
'& .SCPlatformWidget-action': {
|
|
8205
|
+
padding: string;
|
|
8206
|
+
display: string;
|
|
8207
|
+
flexGrow: number;
|
|
8208
|
+
justifyContent: string;
|
|
8209
|
+
'& .MuiButton-root': {
|
|
8210
|
+
color: any;
|
|
8211
|
+
backgroundColor: any;
|
|
8212
|
+
'&:hover': {
|
|
8213
|
+
color: any;
|
|
8214
|
+
backgroundColor: any;
|
|
8215
|
+
};
|
|
8216
|
+
};
|
|
8217
|
+
};
|
|
8218
|
+
'& .SCPlatformWidget-tutorialContent': {
|
|
8219
|
+
width: string;
|
|
8220
|
+
};
|
|
8221
|
+
'& .SCPlatformWidget-divider': {
|
|
8222
|
+
paddingTop: any;
|
|
8223
|
+
};
|
|
8224
|
+
'& .SCPlatformWidget-tutorialTitle': {
|
|
8225
|
+
position: string;
|
|
8226
|
+
fontWeight: number;
|
|
8227
|
+
fontSize: number;
|
|
8228
|
+
padding: string;
|
|
8229
|
+
};
|
|
8230
|
+
'& .SCPlatformWidget-tutorialTitleClose': {
|
|
8231
|
+
position: string;
|
|
8232
|
+
top: any;
|
|
8233
|
+
right: any;
|
|
8234
|
+
};
|
|
8235
|
+
'& .SCPlatformWidget-tutorialDesc': {
|
|
8236
|
+
fontSize: number;
|
|
8237
|
+
fontWeight: number;
|
|
8238
|
+
color: any;
|
|
8239
|
+
padding: string;
|
|
8240
|
+
};
|
|
8241
|
+
'& .SCPlatformWidget-tutorialControls': {
|
|
8242
|
+
padding: any;
|
|
8243
|
+
};
|
|
8244
|
+
'& .SCPlatformWidget-actionHighlighted': {
|
|
8245
|
+
position: string;
|
|
8246
|
+
'&:before': {
|
|
8247
|
+
content: string;
|
|
8248
|
+
display: string;
|
|
8249
|
+
position: string;
|
|
8250
|
+
bottom: number;
|
|
8251
|
+
width: number;
|
|
8252
|
+
height: number;
|
|
8253
|
+
transform: string;
|
|
8254
|
+
boxShadow: string;
|
|
8255
|
+
zIndex: number;
|
|
8256
|
+
backgroundColor: any;
|
|
8257
|
+
};
|
|
8258
|
+
'& .MuiButton-root': {
|
|
8259
|
+
backgroundColor: any;
|
|
8260
|
+
color: any;
|
|
8261
|
+
};
|
|
8262
|
+
};
|
|
8263
|
+
'& .SCPlatformWidget-btnStep': {
|
|
8264
|
+
borderRadius: number;
|
|
8265
|
+
};
|
|
8176
8266
|
};
|
|
8177
8267
|
skeletonRoot: ({ theme }: any) => {
|
|
8178
8268
|
'& .SCPlatformWidget-skeleton-content': {
|