@selfcommunity/react-theme-default 0.2.0-alpha.2 → 0.2.0-alpha.21
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/MuiAppBar.js +4 -3
- package/lib/cjs/components/SCBottomNavigation.js +5 -4
- package/lib/cjs/components/SCEventForm.d.ts +8 -0
- package/lib/cjs/components/SCEventForm.js +10 -2
- package/lib/cjs/components/SCEventHeader.js +1 -1
- package/lib/cjs/components/SCFeed.d.ts +1 -3
- package/lib/cjs/components/SCFeed.js +1 -3
- package/lib/cjs/components/SCGroupActionsMenu.d.ts +26 -0
- package/lib/cjs/components/SCGroupActionsMenu.js +28 -0
- package/lib/cjs/components/SCGroupHeader.d.ts +5 -2
- package/lib/cjs/components/SCGroupHeader.js +5 -2
- package/lib/cjs/components/SCMediaLink.d.ts +47 -1
- package/lib/cjs/components/SCMediaLink.js +52 -2
- package/lib/cjs/components/SCNavigationToolbar.d.ts +3 -1
- package/lib/cjs/components/SCNavigationToolbar.js +68 -62
- package/lib/cjs/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/cjs/components/SCOnBoardingWidget.js +8 -6
- package/lib/cjs/components/SCSearchAutocomplete.d.ts +4 -0
- package/lib/cjs/components/SCSearchAutocomplete.js +29 -21
- package/lib/cjs/index.d.ts +102 -14
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/MuiAppBar.js +4 -3
- package/lib/esm/components/SCBottomNavigation.js +5 -4
- package/lib/esm/components/SCEventForm.d.ts +8 -0
- package/lib/esm/components/SCEventForm.js +10 -2
- package/lib/esm/components/SCEventHeader.js +1 -1
- package/lib/esm/components/SCFeed.d.ts +1 -3
- package/lib/esm/components/SCFeed.js +1 -3
- package/lib/esm/components/SCGroupActionsMenu.d.ts +26 -0
- package/lib/esm/components/SCGroupActionsMenu.js +26 -0
- package/lib/esm/components/SCGroupHeader.d.ts +5 -2
- package/lib/esm/components/SCGroupHeader.js +5 -2
- package/lib/esm/components/SCMediaLink.d.ts +47 -1
- package/lib/esm/components/SCMediaLink.js +52 -2
- package/lib/esm/components/SCNavigationToolbar.d.ts +3 -1
- package/lib/esm/components/SCNavigationToolbar.js +68 -62
- package/lib/esm/components/SCOnBoardingWidget.d.ts +5 -4
- package/lib/esm/components/SCOnBoardingWidget.js +8 -6
- package/lib/esm/components/SCSearchAutocomplete.d.ts +4 -0
- package/lib/esm/components/SCSearchAutocomplete.js +29 -21
- package/lib/esm/index.d.ts +102 -14
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -12,6 +12,33 @@ const Component = {
|
|
|
12
12
|
margin: '10px 0px',
|
|
13
13
|
height: 360
|
|
14
14
|
},
|
|
15
|
+
'& .SCMediaLink-html-wrap': {
|
|
16
|
+
position: 'relative',
|
|
17
|
+
marginLeft: theme.spacing(),
|
|
18
|
+
marginRight: theme.spacing(),
|
|
19
|
+
'& .SCMediaLink-html': {
|
|
20
|
+
width: '100%',
|
|
21
|
+
position: 'absolute',
|
|
22
|
+
top: 0,
|
|
23
|
+
// zIndex: 2,
|
|
24
|
+
'& iframe': {
|
|
25
|
+
width: '100%',
|
|
26
|
+
margin: '0px auto'
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
'& .SCMediaLink-html-placeholder': {
|
|
30
|
+
width: '100%',
|
|
31
|
+
position: 'relative',
|
|
32
|
+
top: 0,
|
|
33
|
+
// zIndex: 1,
|
|
34
|
+
'& .SCMediaLink-html-loading': {
|
|
35
|
+
position: 'absolute',
|
|
36
|
+
display: 'none',
|
|
37
|
+
top: '38%',
|
|
38
|
+
left: '50%'
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
15
42
|
'& .SCMediaLink-thumbnail': {
|
|
16
43
|
border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
|
|
17
44
|
borderRadius: theme.shape.borderRadius * 0.75,
|
|
@@ -52,12 +79,35 @@ const Component = {
|
|
|
52
79
|
previewRoot: ({ theme }) => ({
|
|
53
80
|
'& .SCMediaLink-media': {
|
|
54
81
|
position: 'relative',
|
|
55
|
-
|
|
82
|
+
'& .SCMediaLink-html-wrap': {
|
|
83
|
+
'& .SCMediaLink-html': {
|
|
84
|
+
width: '100%',
|
|
85
|
+
position: 'absolute',
|
|
86
|
+
// zIndex: 2,
|
|
87
|
+
'& iframe': {
|
|
88
|
+
width: '100%',
|
|
89
|
+
margin: '0px auto'
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
'& .SCMediaLink-html-placeholder': {
|
|
93
|
+
width: '100%',
|
|
94
|
+
position: 'absolute',
|
|
95
|
+
top: 0,
|
|
96
|
+
// zIndex: 1,
|
|
97
|
+
'& .SCMediaLink-html-loading': {
|
|
98
|
+
position: 'absolute',
|
|
99
|
+
display: 'none',
|
|
100
|
+
top: '40%',
|
|
101
|
+
left: '50%'
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
56
105
|
'& .SCMediaLink-delete': {
|
|
57
106
|
background: theme.palette.common.white,
|
|
58
107
|
position: 'absolute',
|
|
59
108
|
right: theme.spacing(0.5),
|
|
60
|
-
top: theme.spacing(0.5)
|
|
109
|
+
top: theme.spacing(0.5),
|
|
110
|
+
zIndex: 3
|
|
61
111
|
},
|
|
62
112
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
63
113
|
background: theme.palette.common.white,
|
|
@@ -27,7 +27,6 @@ declare const Component: {
|
|
|
27
27
|
paddingRight: any;
|
|
28
28
|
paddingBottom: number;
|
|
29
29
|
margin: any;
|
|
30
|
-
color: any;
|
|
31
30
|
borderRadius: number;
|
|
32
31
|
borderBottom: string;
|
|
33
32
|
'&.SCNavigationToolbar-active, &:hover': {
|
|
@@ -67,6 +66,9 @@ declare const Component: {
|
|
|
67
66
|
'& .SCNavigationToolbar-settings': {
|
|
68
67
|
marginLeft: number;
|
|
69
68
|
};
|
|
69
|
+
'& .SCNavigationToolbar-composer:hover': {
|
|
70
|
+
color: any;
|
|
71
|
+
};
|
|
70
72
|
'& .MuiIconButton-root': {
|
|
71
73
|
color: any;
|
|
72
74
|
};
|
|
@@ -1,76 +1,82 @@
|
|
|
1
|
+
import { getContrastRatio } from '@mui/material/styles';
|
|
1
2
|
const Component = {
|
|
2
3
|
styleOverrides: {
|
|
3
|
-
root: ({ theme }) =>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
'&
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
root: ({ theme }) => {
|
|
5
|
+
var _a, _b;
|
|
6
|
+
return ({
|
|
7
|
+
padding: theme.spacing(0, 1),
|
|
8
|
+
'& .SCNavigationToolbar-logo, & .SCNavigationToolbar-custom-item': {
|
|
9
|
+
marginRight: theme.spacing(2),
|
|
10
|
+
'& img': {
|
|
11
|
+
verticalAlign: 'middle',
|
|
12
|
+
maxHeight: theme.mixins.toolbar.minHeight - 20
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
'& .SCNavigationToolbar-navigation': {
|
|
16
|
+
flexGrow: 1,
|
|
17
|
+
textAlign: 'center',
|
|
18
|
+
alignSelf: 'end',
|
|
19
|
+
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
|
|
20
|
+
paddingTop: 12,
|
|
21
|
+
paddingLeft: theme.spacing(1),
|
|
22
|
+
paddingRight: theme.spacing(1),
|
|
23
|
+
paddingBottom: 11,
|
|
24
|
+
margin: theme.spacing(0, 1),
|
|
25
|
+
borderRadius: 0,
|
|
26
|
+
borderBottom: `2px solid transparent`,
|
|
27
|
+
'&.SCNavigationToolbar-active, &:hover': {
|
|
28
|
+
color: theme.palette.secondary.main,
|
|
29
|
+
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
'& .SCNavigationToolbar-search': {
|
|
34
|
+
flexGrow: 1,
|
|
35
|
+
textAlign: 'right',
|
|
36
|
+
marginRight: theme.spacing(1.5),
|
|
37
|
+
'& .MuiFormControl-root': {
|
|
38
|
+
width: 190,
|
|
39
|
+
[theme.breakpoints.up('lg')]: {
|
|
40
|
+
width: 300
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
'& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
45
|
+
margin: theme.spacing(0, 0.5)
|
|
46
|
+
},
|
|
47
|
+
'& .SCNavigationToolbar-profile .MuiAvatar-root': {
|
|
48
|
+
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
49
|
+
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
50
|
+
},
|
|
51
|
+
'& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
17
52
|
paddingTop: 12,
|
|
18
|
-
|
|
19
|
-
paddingRight: theme.spacing(1),
|
|
20
|
-
paddingBottom: 11,
|
|
21
|
-
margin: theme.spacing(0, 1),
|
|
22
|
-
color: theme.palette.primary.main,
|
|
53
|
+
paddingBottom: 9,
|
|
23
54
|
borderRadius: 0,
|
|
24
55
|
borderBottom: `2px solid transparent`,
|
|
25
56
|
'&.SCNavigationToolbar-active, &:hover': {
|
|
26
57
|
color: theme.palette.secondary.main,
|
|
27
58
|
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
28
59
|
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
'& .SCNavigationToolbar-profile .MuiAvatar-root': {
|
|
46
|
-
width: theme.selfcommunity.user.avatar.sizeMedium,
|
|
47
|
-
height: theme.selfcommunity.user.avatar.sizeMedium
|
|
48
|
-
},
|
|
49
|
-
'& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
|
|
50
|
-
paddingTop: 12,
|
|
51
|
-
paddingBottom: 9,
|
|
52
|
-
borderRadius: 0,
|
|
53
|
-
borderBottom: `2px solid transparent`,
|
|
54
|
-
'&.SCNavigationToolbar-active, &:hover': {
|
|
55
|
-
color: theme.palette.secondary.main,
|
|
56
|
-
borderBottom: `2px solid ${theme.palette.secondary.main}`
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
'& .SCNavigationToolbar-settings': {
|
|
60
|
-
marginLeft: 0
|
|
61
|
-
},
|
|
62
|
-
'& .MuiIconButton-root': {
|
|
63
|
-
color: theme.palette.primary.main
|
|
64
|
-
},
|
|
65
|
-
[theme.breakpoints.up(950)]: {
|
|
66
|
-
padding: theme.spacing(0, 2),
|
|
67
|
-
'& .SCNavigationToolbar-navigation': {
|
|
68
|
-
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
|
|
69
|
-
margin: theme.spacing(0, 2)
|
|
60
|
+
},
|
|
61
|
+
'& .SCNavigationToolbar-settings': {
|
|
62
|
+
marginLeft: 0
|
|
63
|
+
},
|
|
64
|
+
'& .SCNavigationToolbar-composer:hover': {
|
|
65
|
+
color: theme.palette.secondary.main
|
|
66
|
+
},
|
|
67
|
+
'& .MuiIconButton-root': {
|
|
68
|
+
color: 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
|
|
69
|
+
},
|
|
70
|
+
[theme.breakpoints.up(950)]: {
|
|
71
|
+
padding: theme.spacing(0, 2),
|
|
72
|
+
'& .SCNavigationToolbar-navigation': {
|
|
73
|
+
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
|
|
74
|
+
margin: theme.spacing(0, 2)
|
|
75
|
+
}
|
|
70
76
|
}
|
|
71
77
|
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
78
|
+
});
|
|
79
|
+
},
|
|
74
80
|
skeletonRoot: ({ theme }) => ({
|
|
75
81
|
'& .SCNavigationToolbar-logo': {
|
|
76
82
|
width: 100,
|
|
@@ -317,17 +317,16 @@ declare const Component: {
|
|
|
317
317
|
borderRadius: number;
|
|
318
318
|
background: string;
|
|
319
319
|
boxShadow: string;
|
|
320
|
+
display: string;
|
|
321
|
+
flexDirection: string;
|
|
320
322
|
};
|
|
321
323
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
322
324
|
alignSelf: string;
|
|
323
325
|
};
|
|
324
326
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
325
|
-
|
|
326
|
-
top: number;
|
|
327
|
-
};
|
|
327
|
+
position: string;
|
|
328
328
|
top: number;
|
|
329
329
|
display: string;
|
|
330
|
-
position: string;
|
|
331
330
|
marginLeft: any;
|
|
332
331
|
'& > .MuiBadge-root > img': {
|
|
333
332
|
height: any;
|
|
@@ -348,9 +347,11 @@ declare const Component: {
|
|
|
348
347
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
349
348
|
[x: number]: {
|
|
350
349
|
top: number;
|
|
350
|
+
left: number;
|
|
351
351
|
};
|
|
352
352
|
top: number;
|
|
353
353
|
left: number;
|
|
354
|
+
height: number;
|
|
354
355
|
position: string;
|
|
355
356
|
display: string;
|
|
356
357
|
marginLeft: any;
|
|
@@ -316,16 +316,17 @@ const Component = {
|
|
|
316
316
|
boxShadow: 'unset',
|
|
317
317
|
[theme.breakpoints.up('md')]: {
|
|
318
318
|
borderRadius: theme.spacing(0, 0, 2.5, 2.5)
|
|
319
|
-
}
|
|
319
|
+
},
|
|
320
|
+
display: 'flex',
|
|
321
|
+
flexDirection: 'row'
|
|
320
322
|
},
|
|
321
323
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
322
324
|
alignSelf: 'end'
|
|
323
325
|
},
|
|
324
326
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
327
|
+
position: 'relative',
|
|
325
328
|
top: 100,
|
|
326
|
-
[theme.breakpoints.up('sm')]: { top: 150 },
|
|
327
329
|
display: 'block',
|
|
328
|
-
position: 'absolute',
|
|
329
330
|
marginLeft: theme.spacing(2),
|
|
330
331
|
'& > .MuiBadge-root > img': {
|
|
331
332
|
height: theme.selfcommunity.user.avatar.sizeXLarge,
|
|
@@ -344,9 +345,10 @@ const Component = {
|
|
|
344
345
|
}
|
|
345
346
|
},
|
|
346
347
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
347
|
-
top:
|
|
348
|
-
|
|
349
|
-
left:
|
|
348
|
+
[theme.breakpoints.down('sm')]: { top: 167, left: -45 },
|
|
349
|
+
top: 165,
|
|
350
|
+
left: -40,
|
|
351
|
+
height: 28,
|
|
350
352
|
position: 'relative',
|
|
351
353
|
display: 'flex',
|
|
352
354
|
marginLeft: theme.spacing(2)
|
|
@@ -1,29 +1,37 @@
|
|
|
1
1
|
import { alpha } from '@mui/system';
|
|
2
|
+
import { getContrastRatio } from '@mui/material/styles';
|
|
2
3
|
const Component = {
|
|
3
4
|
styleOverrides: {
|
|
4
|
-
root: ({ theme }) =>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
borderColor: alpha(theme.palette.primary.main, theme.palette.action.disabledOpacity)
|
|
15
|
-
},
|
|
16
|
-
'&:hover fieldset': {
|
|
17
|
-
borderColor: theme.palette.primary.main
|
|
18
|
-
},
|
|
19
|
-
'&.Mui-focused fieldset': {
|
|
20
|
-
borderColor: theme.palette.secondary.main
|
|
5
|
+
root: ({ theme }) => {
|
|
6
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
7
|
+
return ({
|
|
8
|
+
'& .SCSearchAutocomplete-input': {
|
|
9
|
+
padding: theme.spacing(0, 2),
|
|
10
|
+
borderRadius: theme.shape.borderRadius,
|
|
11
|
+
'& .MuiAutocomplete-input': {
|
|
12
|
+
padding: theme.spacing(0.5, 1),
|
|
13
|
+
color: 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
|
|
14
|
+
}
|
|
21
15
|
},
|
|
22
|
-
'
|
|
23
|
-
|
|
16
|
+
'& .MuiInputBase-root': {
|
|
17
|
+
'& .MuiIcon-root': {
|
|
18
|
+
color: 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
|
|
19
|
+
},
|
|
20
|
+
'& fieldset': {
|
|
21
|
+
borderColor: alpha(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)
|
|
22
|
+
},
|
|
23
|
+
'&:hover fieldset': {
|
|
24
|
+
borderColor: 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
|
|
25
|
+
},
|
|
26
|
+
'&.Mui-focused fieldset': {
|
|
27
|
+
borderColor: 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
|
|
28
|
+
},
|
|
29
|
+
'&.Mui-focused .SCSearchAutocomplete-icon': {
|
|
30
|
+
color: 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
|
|
31
|
+
}
|
|
24
32
|
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
33
|
+
});
|
|
34
|
+
}
|
|
27
35
|
}
|
|
28
36
|
};
|
|
29
37
|
export default Component;
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -2042,9 +2042,7 @@ declare const theme: {
|
|
|
2042
2042
|
padding: any;
|
|
2043
2043
|
};
|
|
2044
2044
|
};
|
|
2045
|
-
'& .SCFeed-refresh': {
|
|
2046
|
-
textAlign: string;
|
|
2047
|
-
};
|
|
2045
|
+
'& .SCFeed-refresh': {};
|
|
2048
2046
|
'& .SCFeed-pagination-link': {
|
|
2049
2047
|
display: string;
|
|
2050
2048
|
};
|
|
@@ -2399,9 +2397,7 @@ declare const theme: {
|
|
|
2399
2397
|
fontWeight: any;
|
|
2400
2398
|
marginTop: any;
|
|
2401
2399
|
marginBottom: number;
|
|
2402
|
-
color: any;
|
|
2403
|
-
* Export default theme
|
|
2404
|
-
*/
|
|
2400
|
+
color: any;
|
|
2405
2401
|
'&:hover': {
|
|
2406
2402
|
color: string;
|
|
2407
2403
|
};
|
|
@@ -2912,6 +2908,31 @@ declare const theme: {
|
|
|
2912
2908
|
skeletonRoot: ({ theme }: any) => {};
|
|
2913
2909
|
};
|
|
2914
2910
|
};
|
|
2911
|
+
SCGroupActionsMenu: {
|
|
2912
|
+
styleOverrides: {
|
|
2913
|
+
root: ({ theme }: any) => {};
|
|
2914
|
+
menuRoot: ({ theme }: any) => {
|
|
2915
|
+
'& .MuiDivider-root': {
|
|
2916
|
+
margin: any;
|
|
2917
|
+
};
|
|
2918
|
+
'& .MuiIcon-root': {
|
|
2919
|
+
fontSize: string;
|
|
2920
|
+
};
|
|
2921
|
+
};
|
|
2922
|
+
drawerRoot: ({ theme }: any) => {
|
|
2923
|
+
'& .SCGroupActionsMenu-item': {
|
|
2924
|
+
paddingTop: number;
|
|
2925
|
+
paddingBottom: number;
|
|
2926
|
+
};
|
|
2927
|
+
'& .MuiDivider-root': {
|
|
2928
|
+
margin: any;
|
|
2929
|
+
};
|
|
2930
|
+
'& .MuiIcon-root': {
|
|
2931
|
+
fontSize: string;
|
|
2932
|
+
};
|
|
2933
|
+
};
|
|
2934
|
+
};
|
|
2935
|
+
};
|
|
2915
2936
|
SCGroupAutocomplete: {
|
|
2916
2937
|
styleOverrides: {
|
|
2917
2938
|
root: ({ theme }: any) => {};
|
|
@@ -3062,10 +3083,13 @@ declare const theme: {
|
|
|
3062
3083
|
gap: any;
|
|
3063
3084
|
};
|
|
3064
3085
|
};
|
|
3065
|
-
'& .
|
|
3086
|
+
'& .SCGroupHeader-multi-actions': {
|
|
3087
|
+
display: string;
|
|
3066
3088
|
marginLeft: string;
|
|
3067
3089
|
marginTop: any;
|
|
3068
|
-
|
|
3090
|
+
'& .SCEditGroupButton-root': {
|
|
3091
|
+
marginRight: any;
|
|
3092
|
+
};
|
|
3069
3093
|
};
|
|
3070
3094
|
'& .SCGroupSubscribeButton-root': {
|
|
3071
3095
|
marginTop: any;
|
|
@@ -4171,6 +4195,31 @@ declare const theme: {
|
|
|
4171
4195
|
margin: string;
|
|
4172
4196
|
height: number;
|
|
4173
4197
|
};
|
|
4198
|
+
'& .SCMediaLink-html-wrap': {
|
|
4199
|
+
position: string;
|
|
4200
|
+
marginLeft: any;
|
|
4201
|
+
marginRight: any;
|
|
4202
|
+
'& .SCMediaLink-html': {
|
|
4203
|
+
width: string;
|
|
4204
|
+
position: string;
|
|
4205
|
+
top: number;
|
|
4206
|
+
'& iframe': {
|
|
4207
|
+
width: string;
|
|
4208
|
+
margin: string;
|
|
4209
|
+
};
|
|
4210
|
+
};
|
|
4211
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4212
|
+
width: string;
|
|
4213
|
+
position: string;
|
|
4214
|
+
top: number;
|
|
4215
|
+
'& .SCMediaLink-html-loading': {
|
|
4216
|
+
position: string;
|
|
4217
|
+
display: string;
|
|
4218
|
+
top: string;
|
|
4219
|
+
left: string;
|
|
4220
|
+
};
|
|
4221
|
+
};
|
|
4222
|
+
};
|
|
4174
4223
|
'& .SCMediaLink-thumbnail': {
|
|
4175
4224
|
[x: number]: {
|
|
4176
4225
|
maxWidth: number;
|
|
@@ -4211,12 +4260,33 @@ declare const theme: {
|
|
|
4211
4260
|
previewRoot: ({ theme }: any) => {
|
|
4212
4261
|
'& .SCMediaLink-media': {
|
|
4213
4262
|
position: string;
|
|
4214
|
-
|
|
4263
|
+
'& .SCMediaLink-html-wrap': {
|
|
4264
|
+
'& .SCMediaLink-html': {
|
|
4265
|
+
width: string;
|
|
4266
|
+
position: string;
|
|
4267
|
+
'& iframe': {
|
|
4268
|
+
width: string;
|
|
4269
|
+
margin: string;
|
|
4270
|
+
};
|
|
4271
|
+
};
|
|
4272
|
+
'& .SCMediaLink-html-placeholder': {
|
|
4273
|
+
width: string;
|
|
4274
|
+
position: string;
|
|
4275
|
+
top: number;
|
|
4276
|
+
'& .SCMediaLink-html-loading': {
|
|
4277
|
+
position: string;
|
|
4278
|
+
display: string;
|
|
4279
|
+
top: string;
|
|
4280
|
+
left: string;
|
|
4281
|
+
};
|
|
4282
|
+
};
|
|
4283
|
+
};
|
|
4215
4284
|
'& .SCMediaLink-delete': {
|
|
4216
4285
|
background: any;
|
|
4217
4286
|
position: string;
|
|
4218
4287
|
right: any;
|
|
4219
4288
|
top: any;
|
|
4289
|
+
zIndex: number;
|
|
4220
4290
|
};
|
|
4221
4291
|
'&.SCMediaLink-media-video .SCMediaLink-delete': {
|
|
4222
4292
|
background: any;
|
|
@@ -4322,7 +4392,6 @@ declare const theme: {
|
|
|
4322
4392
|
paddingRight: any;
|
|
4323
4393
|
paddingBottom: number;
|
|
4324
4394
|
margin: any;
|
|
4325
|
-
color: any;
|
|
4326
4395
|
borderRadius: number;
|
|
4327
4396
|
borderBottom: string;
|
|
4328
4397
|
'&.SCNavigationToolbar-active, &:hover': {
|
|
@@ -4362,6 +4431,9 @@ declare const theme: {
|
|
|
4362
4431
|
'& .SCNavigationToolbar-settings': {
|
|
4363
4432
|
marginLeft: number;
|
|
4364
4433
|
};
|
|
4434
|
+
'& .SCNavigationToolbar-composer:hover': {
|
|
4435
|
+
color: any;
|
|
4436
|
+
};
|
|
4365
4437
|
'& .MuiIconButton-root': {
|
|
4366
4438
|
color: any;
|
|
4367
4439
|
};
|
|
@@ -5211,17 +5283,16 @@ declare const theme: {
|
|
|
5211
5283
|
borderRadius: number;
|
|
5212
5284
|
background: string;
|
|
5213
5285
|
boxShadow: string;
|
|
5286
|
+
display: string;
|
|
5287
|
+
flexDirection: string;
|
|
5214
5288
|
};
|
|
5215
5289
|
'& .SCOnBoardingWidget-profile-icon': {
|
|
5216
5290
|
alignSelf: string;
|
|
5217
5291
|
};
|
|
5218
5292
|
'& .SCOnBoardingWidget-profile-avatar': {
|
|
5219
|
-
|
|
5220
|
-
top: number;
|
|
5221
|
-
};
|
|
5293
|
+
position: string;
|
|
5222
5294
|
top: number;
|
|
5223
5295
|
display: string;
|
|
5224
|
-
position: string;
|
|
5225
5296
|
marginLeft: any;
|
|
5226
5297
|
'& > .MuiBadge-root > img': {
|
|
5227
5298
|
height: any;
|
|
@@ -5233,6 +5304,9 @@ declare const theme: {
|
|
|
5233
5304
|
'& .MuiBadge-badge': {
|
|
5234
5305
|
right: any;
|
|
5235
5306
|
top: any;
|
|
5307
|
+
/**
|
|
5308
|
+
* Export default theme
|
|
5309
|
+
*/
|
|
5236
5310
|
'& .SCUserAvatar-badge-content': {
|
|
5237
5311
|
width: number;
|
|
5238
5312
|
height: number;
|
|
@@ -5242,9 +5316,11 @@ declare const theme: {
|
|
|
5242
5316
|
'& .SCOnBoardingWidget-profile-change-picture': {
|
|
5243
5317
|
[x: number]: {
|
|
5244
5318
|
top: number;
|
|
5319
|
+
left: number;
|
|
5245
5320
|
};
|
|
5246
5321
|
top: number;
|
|
5247
5322
|
left: number;
|
|
5323
|
+
height: number;
|
|
5248
5324
|
position: string;
|
|
5249
5325
|
display: string;
|
|
5250
5326
|
marginLeft: any;
|
|
@@ -6147,9 +6223,13 @@ declare const theme: {
|
|
|
6147
6223
|
borderRadius: any;
|
|
6148
6224
|
'& .MuiAutocomplete-input': {
|
|
6149
6225
|
padding: any;
|
|
6226
|
+
color: any;
|
|
6150
6227
|
};
|
|
6151
6228
|
};
|
|
6152
6229
|
'& .MuiInputBase-root': {
|
|
6230
|
+
'& .MuiIcon-root': {
|
|
6231
|
+
color: any;
|
|
6232
|
+
};
|
|
6153
6233
|
'& fieldset': {
|
|
6154
6234
|
borderColor: string;
|
|
6155
6235
|
};
|
|
@@ -6705,6 +6785,10 @@ declare const theme: {
|
|
|
6705
6785
|
'& .SCEventForm-form': {
|
|
6706
6786
|
'& .SCEventForm-picker': {
|
|
6707
6787
|
width: string;
|
|
6788
|
+
'& .MuiFormHelperText-root': {
|
|
6789
|
+
height: number;
|
|
6790
|
+
marginTop: number;
|
|
6791
|
+
};
|
|
6708
6792
|
};
|
|
6709
6793
|
'& .MuiTextField-root, .SCEventForm-frequency': {
|
|
6710
6794
|
marginBottom: any;
|
|
@@ -6722,6 +6806,9 @@ declare const theme: {
|
|
|
6722
6806
|
alignItems: string;
|
|
6723
6807
|
justifyContent: string;
|
|
6724
6808
|
gap: any;
|
|
6809
|
+
'& .MuiInputBase-root': {
|
|
6810
|
+
paddingLeft: any;
|
|
6811
|
+
};
|
|
6725
6812
|
};
|
|
6726
6813
|
'& .SCEventForm-error': {
|
|
6727
6814
|
color: any;
|
|
@@ -6767,6 +6854,7 @@ declare const theme: {
|
|
|
6767
6854
|
};
|
|
6768
6855
|
};
|
|
6769
6856
|
'& .SCEventForm-event-address-root': {
|
|
6857
|
+
marginTop: any;
|
|
6770
6858
|
backgroundColor: any;
|
|
6771
6859
|
borderRadius: number;
|
|
6772
6860
|
'& .SCEventForm-event-address-tabs': {
|
package/lib/esm/index.js
CHANGED
|
@@ -81,6 +81,7 @@ import SCFeedObjectMediaPreview from './components/SCFeedObjectMediaPreview';
|
|
|
81
81
|
import SCFeedUpdatesWidget from './components/SCFeedUpdatesWidget';
|
|
82
82
|
import SCFooter from './components/SCFooter';
|
|
83
83
|
import SCGroup from './components/SCGroup';
|
|
84
|
+
import SCGroupActionsMenu from './components/SCGroupActionsMenu';
|
|
84
85
|
import SCGroupAutocomplete from './components/SCGroupAutocomplete';
|
|
85
86
|
import SCGroupFeedTemplate from './components/SCGroupFeedTemplate';
|
|
86
87
|
import SCGroupForm from './components/SCGroupForm';
|
|
@@ -290,6 +291,7 @@ const theme = {
|
|
|
290
291
|
SCFeedUpdatesWidget,
|
|
291
292
|
SCFooter,
|
|
292
293
|
SCGroup,
|
|
294
|
+
SCGroupActionsMenu,
|
|
293
295
|
SCGroupAutocomplete,
|
|
294
296
|
SCGroupFeedTemplate,
|
|
295
297
|
SCGroupForm,
|