@selfcommunity/react-theme-default 1.2.4-alpha.1 → 1.2.5-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/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 +3 -0
- package/lib/cjs/components/SCFooter.js +4 -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 +37 -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 +3 -0
- package/lib/esm/components/SCFooter.js +4 -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 +37 -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,9 @@ declare const theme: {
|
|
|
4890
4902
|
'& .SCFooter-item': {
|
|
4891
4903
|
padding: any;
|
|
4892
4904
|
color: any;
|
|
4905
|
+
'&:hover': {
|
|
4906
|
+
textDecoration: string;
|
|
4907
|
+
};
|
|
4893
4908
|
};
|
|
4894
4909
|
};
|
|
4895
4910
|
};
|
|
@@ -6969,6 +6984,7 @@ declare const theme: {
|
|
|
6969
6984
|
padding: string;
|
|
6970
6985
|
display: string;
|
|
6971
6986
|
justifyContent: string;
|
|
6987
|
+
alignItems: string;
|
|
6972
6988
|
'& > a:first-of-type': {
|
|
6973
6989
|
display: string;
|
|
6974
6990
|
justifyContent: string;
|
|
@@ -6979,9 +6995,9 @@ declare const theme: {
|
|
|
6979
6995
|
maxHeight: number;
|
|
6980
6996
|
paddingLeft: any;
|
|
6981
6997
|
};
|
|
6982
|
-
|
|
6983
|
-
|
|
6984
|
-
|
|
6998
|
+
'& button': {
|
|
6999
|
+
height: number;
|
|
7000
|
+
};
|
|
6985
7001
|
};
|
|
6986
7002
|
'& .MuiTypography-subtitle1': {
|
|
6987
7003
|
fontSize: string;
|
|
@@ -7105,6 +7121,11 @@ declare const theme: {
|
|
|
7105
7121
|
'& .MuiIconButton-root': {
|
|
7106
7122
|
color: any;
|
|
7107
7123
|
};
|
|
7124
|
+
'& .SCNavigationToolbar-link': {
|
|
7125
|
+
'&:hover': {
|
|
7126
|
+
textDecoration: string;
|
|
7127
|
+
};
|
|
7128
|
+
};
|
|
7108
7129
|
};
|
|
7109
7130
|
skeletonRoot: ({ theme }: any) => {
|
|
7110
7131
|
'& .SCNavigationToolbar-logo': {
|
|
@@ -9060,6 +9081,15 @@ declare const theme: {
|
|
|
9060
9081
|
'& .SCSearchAutocomplete-input': {
|
|
9061
9082
|
padding: any;
|
|
9062
9083
|
borderRadius: any;
|
|
9084
|
+
flexGrow: number;
|
|
9085
|
+
'& .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline': {
|
|
9086
|
+
borderColor: string;
|
|
9087
|
+
borderWidth: number;
|
|
9088
|
+
};
|
|
9089
|
+
'& .MuiInputBase-input:focus-visible': {
|
|
9090
|
+
outline: string;
|
|
9091
|
+
outlineOffset: number;
|
|
9092
|
+
};
|
|
9063
9093
|
'& .MuiAutocomplete-input': {
|
|
9064
9094
|
padding: any;
|
|
9065
9095
|
color: any;
|
|
@@ -11112,7 +11142,7 @@ declare const theme: {
|
|
|
11112
11142
|
};
|
|
11113
11143
|
'& .MuiCardContent-root': {
|
|
11114
11144
|
padding: any;
|
|
11115
|
-
'&
|
|
11145
|
+
'& h2': {
|
|
11116
11146
|
fontFamily: any;
|
|
11117
11147
|
fontWeight: any;
|
|
11118
11148
|
color: any;
|