@selfcommunity/react-theme-default 1.2.4 → 1.2.5-alpha.1
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/SCCourse.js +3 -3
- package/lib/cjs/components/SCCourseDashboard.d.ts +3 -0
- package/lib/cjs/components/SCCourseDashboard.js +3 -0
- package/lib/cjs/components/SCDefaultDrawerContent.d.ts +3 -0
- package/lib/cjs/components/SCDefaultDrawerContent.js +3 -0
- package/lib/cjs/components/SCEvent.js +2 -2
- package/lib/cjs/components/SCFeedObject.d.ts +6 -0
- package/lib/cjs/components/SCFeedObject.js +8 -2
- package/lib/cjs/components/SCFooter.d.ts +1 -0
- package/lib/cjs/components/SCFooter.js +2 -1
- package/lib/cjs/components/SCLiveStream.js +1 -1
- package/lib/cjs/components/SCLoyaltyProgramWidget.js +1 -1
- package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +4 -3
- package/lib/cjs/components/SCNavigationMenuDrawer.js +4 -3
- package/lib/cjs/components/SCNavigationToolbar.d.ts +5 -0
- package/lib/cjs/components/SCNavigationToolbar.js +5 -0
- package/lib/cjs/components/SCSearchAutocomplete.d.ts +9 -0
- package/lib/cjs/components/SCSearchAutocomplete.js +19 -6
- package/lib/cjs/components/SCWidget.d.ts +1 -1
- package/lib/cjs/components/SCWidget.js +1 -1
- package/lib/cjs/index.d.ts +35 -7
- package/lib/esm/components/SCCourse.js +3 -3
- package/lib/esm/components/SCCourseDashboard.d.ts +3 -0
- package/lib/esm/components/SCCourseDashboard.js +3 -0
- package/lib/esm/components/SCDefaultDrawerContent.d.ts +3 -0
- package/lib/esm/components/SCDefaultDrawerContent.js +3 -0
- package/lib/esm/components/SCEvent.js +2 -2
- package/lib/esm/components/SCFeedObject.d.ts +6 -0
- package/lib/esm/components/SCFeedObject.js +8 -2
- package/lib/esm/components/SCFooter.d.ts +1 -0
- package/lib/esm/components/SCFooter.js +2 -1
- package/lib/esm/components/SCLiveStream.js +1 -1
- package/lib/esm/components/SCLoyaltyProgramWidget.js +1 -1
- package/lib/esm/components/SCNavigationMenuDrawer.d.ts +4 -3
- package/lib/esm/components/SCNavigationMenuDrawer.js +4 -3
- package/lib/esm/components/SCNavigationToolbar.d.ts +5 -0
- package/lib/esm/components/SCNavigationToolbar.js +5 -0
- package/lib/esm/components/SCSearchAutocomplete.d.ts +9 -0
- package/lib/esm/components/SCSearchAutocomplete.js +19 -6
- package/lib/esm/components/SCWidget.d.ts +1 -1
- package/lib/esm/components/SCWidget.js +1 -1
- package/lib/esm/index.d.ts +35 -7
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -12,6 +12,7 @@ declare const Component: {
|
|
|
12
12
|
padding: string;
|
|
13
13
|
display: string;
|
|
14
14
|
justifyContent: string;
|
|
15
|
+
alignItems: string;
|
|
15
16
|
'& > a:first-of-type': {
|
|
16
17
|
display: string;
|
|
17
18
|
justifyContent: string;
|
|
@@ -22,9 +23,9 @@ declare const Component: {
|
|
|
22
23
|
maxHeight: number;
|
|
23
24
|
paddingLeft: any;
|
|
24
25
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
'& button': {
|
|
27
|
+
height: number;
|
|
28
|
+
};
|
|
28
29
|
};
|
|
29
30
|
'& .MuiTypography-subtitle1': {
|
|
30
31
|
fontSize: string;
|
|
@@ -13,6 +13,7 @@ const Component = {
|
|
|
13
13
|
padding: '1px',
|
|
14
14
|
display: 'flex',
|
|
15
15
|
justifyContent: 'space-between',
|
|
16
|
+
alignItems: 'center',
|
|
16
17
|
'& > a:first-of-type': {
|
|
17
18
|
display: 'flex',
|
|
18
19
|
justifyContent: 'center',
|
|
@@ -22,11 +23,11 @@ const Component = {
|
|
|
22
23
|
'& img': {
|
|
23
24
|
maxHeight: theme.mixins.toolbar.minHeight - 20,
|
|
24
25
|
paddingLeft: theme.spacing(1.5)
|
|
26
|
+
},
|
|
27
|
+
'& button': {
|
|
28
|
+
height: theme.mixins.toolbar.minHeight - 9
|
|
25
29
|
}
|
|
26
30
|
},
|
|
27
|
-
'& .SCNavigationMenuDrawer-drawer-content': {
|
|
28
|
-
paddingTop: 0
|
|
29
|
-
},
|
|
30
31
|
'& .MuiTypography-subtitle1': {
|
|
31
32
|
fontSize: '1.286rem',
|
|
32
33
|
padding: theme.spacing(0, 2),
|
|
@@ -4,6 +4,15 @@ declare const Component: {
|
|
|
4
4
|
'& .SCSearchAutocomplete-input': {
|
|
5
5
|
padding: any;
|
|
6
6
|
borderRadius: any;
|
|
7
|
+
flexGrow: number;
|
|
8
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9
|
+
borderColor: string;
|
|
10
|
+
borderWidth: number;
|
|
11
|
+
};
|
|
12
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
13
|
+
outline: string;
|
|
14
|
+
outlineOffset: number;
|
|
15
|
+
};
|
|
7
16
|
'& .MuiAutocomplete-input': {
|
|
8
17
|
padding: any;
|
|
9
18
|
color: any;
|
|
@@ -8,26 +8,39 @@ const Component = {
|
|
|
8
8
|
'& .SCSearchAutocomplete-input': {
|
|
9
9
|
padding: theme.spacing(0, 2),
|
|
10
10
|
borderRadius: theme.shape.borderRadius,
|
|
11
|
+
flexGrow: 1,
|
|
12
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
13
|
+
borderColor: 'primary.main',
|
|
14
|
+
borderWidth: 2
|
|
15
|
+
},
|
|
16
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
17
|
+
outline: '3px solid currentColor',
|
|
18
|
+
outlineOffset: 2
|
|
19
|
+
},
|
|
11
20
|
'& .MuiAutocomplete-input': {
|
|
12
21
|
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,
|
|
22
|
+
color: getContrastRatio((_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.navbar) === null || _b === void 0 ? void 0 : _b.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
14
23
|
}
|
|
15
24
|
},
|
|
16
25
|
'& .MuiInputBase-root': {
|
|
17
26
|
'& .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,
|
|
27
|
+
color: getContrastRatio((_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.navbar) === null || _d === void 0 ? void 0 : _d.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
19
28
|
},
|
|
20
29
|
'& 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,
|
|
30
|
+
borderColor: alpha(getContrastRatio((_f = (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.navbar) === null || _f === void 0 ? void 0 : _f.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main, theme.palette.action.disabledOpacity)
|
|
22
31
|
},
|
|
23
32
|
'&: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,
|
|
33
|
+
borderColor: getContrastRatio((_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.navbar) === null || _h === void 0 ? void 0 : _h.main, theme.palette.common.white) > 4.5 ? theme.palette.common.white : theme.palette.primary.main
|
|
25
34
|
},
|
|
26
35
|
'&.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,
|
|
36
|
+
borderColor: getContrastRatio((_k = (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.navbar) === null || _k === void 0 ? void 0 : _k.main, theme.palette.common.white) > 4.5
|
|
37
|
+
? theme.palette.common.white
|
|
38
|
+
: theme.palette.secondary.main
|
|
28
39
|
},
|
|
29
40
|
'&.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,
|
|
41
|
+
color: getContrastRatio((_m = (_l = theme.palette) === null || _l === void 0 ? void 0 : _l.navbar) === null || _m === void 0 ? void 0 : _m.main, theme.palette.common.white) > 4.5
|
|
42
|
+
? theme.palette.common.white
|
|
43
|
+
: theme.palette.secondary.main
|
|
31
44
|
}
|
|
32
45
|
}
|
|
33
46
|
});
|
|
@@ -29,7 +29,7 @@ const Component = {
|
|
|
29
29
|
},
|
|
30
30
|
'& .MuiCardContent-root': {
|
|
31
31
|
padding: theme.spacing(2.2),
|
|
32
|
-
'&
|
|
32
|
+
'& h2': {
|
|
33
33
|
fontFamily: theme.typography.fontFamily,
|
|
34
34
|
fontWeight: theme.typography.fontWeightBold,
|
|
35
35
|
color: theme.palette.getContrastText(theme.palette.background.default),
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -2180,6 +2180,9 @@ declare const theme: {
|
|
|
2180
2180
|
'& .SCCourseDashboard-paper-contrast-color': {
|
|
2181
2181
|
color: any;
|
|
2182
2182
|
};
|
|
2183
|
+
'& .SCCourseDashboard-secondary-contrast-color': {
|
|
2184
|
+
color: any;
|
|
2185
|
+
};
|
|
2183
2186
|
'& .SCCourseDashboard-header': {
|
|
2184
2187
|
[x: number]: {
|
|
2185
2188
|
paddingLeft: string;
|
|
@@ -3264,6 +3267,9 @@ declare const theme: {
|
|
|
3264
3267
|
paddingTop: number;
|
|
3265
3268
|
};
|
|
3266
3269
|
};
|
|
3270
|
+
'& .SCDefaultDrawerContent-items': {
|
|
3271
|
+
paddingTop: number;
|
|
3272
|
+
};
|
|
3267
3273
|
};
|
|
3268
3274
|
};
|
|
3269
3275
|
};
|
|
@@ -4152,6 +4158,9 @@ declare const theme: {
|
|
|
4152
4158
|
textDecoration: string;
|
|
4153
4159
|
color: string;
|
|
4154
4160
|
marginTop: number;
|
|
4161
|
+
minHeight: number;
|
|
4162
|
+
minWidth: number;
|
|
4163
|
+
padding: string;
|
|
4155
4164
|
};
|
|
4156
4165
|
'& .SCFeedObject-deleted': {
|
|
4157
4166
|
opacity: number;
|
|
@@ -4205,6 +4214,9 @@ declare const theme: {
|
|
|
4205
4214
|
};
|
|
4206
4215
|
'& .SCFeedObject-username': {
|
|
4207
4216
|
fontWeight: any;
|
|
4217
|
+
minHeight: number;
|
|
4218
|
+
minWidth: number;
|
|
4219
|
+
padding: string;
|
|
4208
4220
|
};
|
|
4209
4221
|
'& .MuiCardHeader-subheader': {
|
|
4210
4222
|
fontSize: string;
|
|
@@ -4458,6 +4470,9 @@ declare const theme: {
|
|
|
4458
4470
|
};
|
|
4459
4471
|
'& .SCCommentObject-root': {
|
|
4460
4472
|
marginTop: number;
|
|
4473
|
+
/**
|
|
4474
|
+
* Export default theme
|
|
4475
|
+
*/
|
|
4461
4476
|
marginBottom: number;
|
|
4462
4477
|
paddingTop: number;
|
|
4463
4478
|
paddingBottom: number;
|
|
@@ -4684,9 +4699,6 @@ declare const theme: {
|
|
|
4684
4699
|
};
|
|
4685
4700
|
'& .SCFeedObject-poll-object-voters, & .SCFeedObject-poll-object-votes': {
|
|
4686
4701
|
display: string;
|
|
4687
|
-
/**
|
|
4688
|
-
* Style assets - Exports - Start
|
|
4689
|
-
*/
|
|
4690
4702
|
margin: any;
|
|
4691
4703
|
alignItems: string;
|
|
4692
4704
|
justifyContent: string;
|
|
@@ -4890,6 +4902,7 @@ declare const theme: {
|
|
|
4890
4902
|
'& .SCFooter-item': {
|
|
4891
4903
|
padding: any;
|
|
4892
4904
|
color: any;
|
|
4905
|
+
textDecoration: string;
|
|
4893
4906
|
};
|
|
4894
4907
|
};
|
|
4895
4908
|
};
|
|
@@ -6969,6 +6982,7 @@ declare const theme: {
|
|
|
6969
6982
|
padding: string;
|
|
6970
6983
|
display: string;
|
|
6971
6984
|
justifyContent: string;
|
|
6985
|
+
alignItems: string;
|
|
6972
6986
|
'& > a:first-of-type': {
|
|
6973
6987
|
display: string;
|
|
6974
6988
|
justifyContent: string;
|
|
@@ -6979,9 +6993,9 @@ declare const theme: {
|
|
|
6979
6993
|
maxHeight: number;
|
|
6980
6994
|
paddingLeft: any;
|
|
6981
6995
|
};
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6996
|
+
'& button': {
|
|
6997
|
+
height: number;
|
|
6998
|
+
};
|
|
6985
6999
|
};
|
|
6986
7000
|
'& .MuiTypography-subtitle1': {
|
|
6987
7001
|
fontSize: string;
|
|
@@ -7105,6 +7119,11 @@ declare const theme: {
|
|
|
7105
7119
|
'& .MuiIconButton-root': {
|
|
7106
7120
|
color: any;
|
|
7107
7121
|
};
|
|
7122
|
+
'& .SCNavigationToolbar-link': {
|
|
7123
|
+
'&:hover': {
|
|
7124
|
+
textDecoration: string;
|
|
7125
|
+
};
|
|
7126
|
+
};
|
|
7108
7127
|
};
|
|
7109
7128
|
skeletonRoot: ({ theme }: any) => {
|
|
7110
7129
|
'& .SCNavigationToolbar-logo': {
|
|
@@ -9060,6 +9079,15 @@ declare const theme: {
|
|
|
9060
9079
|
'& .SCSearchAutocomplete-input': {
|
|
9061
9080
|
padding: any;
|
|
9062
9081
|
borderRadius: any;
|
|
9082
|
+
flexGrow: number;
|
|
9083
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9084
|
+
borderColor: string;
|
|
9085
|
+
borderWidth: number;
|
|
9086
|
+
};
|
|
9087
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
9088
|
+
outline: string;
|
|
9089
|
+
outlineOffset: number;
|
|
9090
|
+
};
|
|
9063
9091
|
'& .MuiAutocomplete-input': {
|
|
9064
9092
|
padding: any;
|
|
9065
9093
|
color: any;
|
|
@@ -11112,7 +11140,7 @@ declare const theme: {
|
|
|
11112
11140
|
};
|
|
11113
11141
|
'& .MuiCardContent-root': {
|
|
11114
11142
|
padding: any;
|
|
11115
|
-
'&
|
|
11143
|
+
'& h2': {
|
|
11116
11144
|
fontFamily: any;
|
|
11117
11145
|
fontWeight: any;
|
|
11118
11146
|
color: any;
|