@selfcommunity/react-theme-default 0.4.2-courses.100 → 0.4.2-courses.101
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.d.ts +9 -0
- package/lib/cjs/components/SCCourse.js +10 -1
- package/lib/cjs/components/SCCourses.d.ts +1 -5
- package/lib/cjs/components/SCCourses.js +2 -6
- package/lib/cjs/index.d.ts +10 -5
- package/lib/esm/components/SCCourse.d.ts +9 -0
- package/lib/esm/components/SCCourse.js +10 -1
- package/lib/esm/components/SCCourses.d.ts +1 -5
- package/lib/esm/components/SCCourses.js +2 -6
- package/lib/esm/index.d.ts +10 -5
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +2 -2
|
@@ -62,6 +62,7 @@ declare const Component: {
|
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
previewRoot: ({ theme }: any) => {
|
|
65
|
+
minHeight: string;
|
|
65
66
|
'& .SCCourse-preview-image-wrapper': {
|
|
66
67
|
position: string;
|
|
67
68
|
'& .SCCourse-preview-image': {
|
|
@@ -101,10 +102,17 @@ declare const Component: {
|
|
|
101
102
|
fontWeight: number;
|
|
102
103
|
};
|
|
103
104
|
'& .SCCourse-preview-name': {
|
|
105
|
+
display: string;
|
|
106
|
+
height: any;
|
|
104
107
|
marginBottom: any;
|
|
108
|
+
textOverflow: string;
|
|
109
|
+
overflow: string;
|
|
110
|
+
WebkitLineClamp: string;
|
|
111
|
+
WebkitBoxOrient: string;
|
|
105
112
|
};
|
|
106
113
|
};
|
|
107
114
|
'& .SCCourse-preview-info': {
|
|
115
|
+
height: any;
|
|
108
116
|
display: string;
|
|
109
117
|
alignItems: string;
|
|
110
118
|
marginBottom: any;
|
|
@@ -148,6 +156,7 @@ declare const Component: {
|
|
|
148
156
|
};
|
|
149
157
|
};
|
|
150
158
|
placeholderRoot: ({ theme }: any) => {
|
|
159
|
+
minHeight: string;
|
|
151
160
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
152
161
|
position: string;
|
|
153
162
|
'& .SCCourse-placeholder-image': {
|
|
@@ -64,6 +64,7 @@ const Component = {
|
|
|
64
64
|
}
|
|
65
65
|
}),
|
|
66
66
|
previewRoot: ({ theme }) => ({
|
|
67
|
+
minHeight: '290px',
|
|
67
68
|
'& .SCCourse-preview-image-wrapper': {
|
|
68
69
|
position: 'relative',
|
|
69
70
|
'& .SCCourse-preview-image': {
|
|
@@ -103,10 +104,17 @@ const Component = {
|
|
|
103
104
|
fontWeight: 700
|
|
104
105
|
},
|
|
105
106
|
'& .SCCourse-preview-name': {
|
|
106
|
-
|
|
107
|
+
display: '-webkit-box',
|
|
108
|
+
height: theme.spacing(5),
|
|
109
|
+
marginBottom: theme.spacing(0.5),
|
|
110
|
+
textOverflow: 'ellipsis',
|
|
111
|
+
overflow: 'hidden',
|
|
112
|
+
WebkitLineClamp: '2',
|
|
113
|
+
WebkitBoxOrient: 'vertical'
|
|
107
114
|
}
|
|
108
115
|
},
|
|
109
116
|
'& .SCCourse-preview-info': {
|
|
117
|
+
height: theme.spacing(3),
|
|
110
118
|
display: 'flex',
|
|
111
119
|
alignItems: 'center',
|
|
112
120
|
marginBottom: theme.spacing(1)
|
|
@@ -150,6 +158,7 @@ const Component = {
|
|
|
150
158
|
}
|
|
151
159
|
}),
|
|
152
160
|
placeholderRoot: ({ theme }) => ({
|
|
161
|
+
minHeight: '290px',
|
|
153
162
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
154
163
|
position: 'relative',
|
|
155
164
|
'& .SCCourse-placeholder-image': {
|
|
@@ -101,9 +101,6 @@ declare const Component: {
|
|
|
101
101
|
width: string;
|
|
102
102
|
};
|
|
103
103
|
minWidth: string;
|
|
104
|
-
'& .SCCourse-placeholder-root': {
|
|
105
|
-
height: string;
|
|
106
|
-
};
|
|
107
104
|
};
|
|
108
105
|
};
|
|
109
106
|
};
|
|
@@ -116,14 +113,13 @@ declare const Component: {
|
|
|
116
113
|
};
|
|
117
114
|
skeletonRoot: ({ theme }: any) => {
|
|
118
115
|
'& .SCCourses-skeleton-courses': {
|
|
119
|
-
justifyContent: string;
|
|
120
116
|
marginTop: any;
|
|
121
117
|
'& .SCCourses-skeleton-item': {
|
|
122
118
|
paddingTop: any;
|
|
123
119
|
};
|
|
124
120
|
};
|
|
125
121
|
};
|
|
126
|
-
coursesChipRoot: ({ theme, showForMe }: any) => {
|
|
122
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
|
|
127
123
|
height: any;
|
|
128
124
|
borderRadius: any;
|
|
129
125
|
color: any;
|
|
@@ -102,9 +102,6 @@ const Component = {
|
|
|
102
102
|
minWidth: '250px',
|
|
103
103
|
[theme.breakpoints.down('md')]: {
|
|
104
104
|
width: '100%'
|
|
105
|
-
},
|
|
106
|
-
'& .SCCourse-placeholder-root': {
|
|
107
|
-
height: '250px'
|
|
108
105
|
}
|
|
109
106
|
}
|
|
110
107
|
}
|
|
@@ -118,17 +115,16 @@ const Component = {
|
|
|
118
115
|
}),
|
|
119
116
|
skeletonRoot: ({ theme }) => ({
|
|
120
117
|
'& .SCCourses-skeleton-courses': {
|
|
121
|
-
justifyContent: 'center',
|
|
122
118
|
marginTop: theme.spacing(2),
|
|
123
119
|
'& .SCCourses-skeleton-item': {
|
|
124
120
|
paddingTop: theme.spacing(2)
|
|
125
121
|
}
|
|
126
122
|
}
|
|
127
123
|
}),
|
|
128
|
-
coursesChipRoot: ({ theme, showForMe }) => ({
|
|
124
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }) => ({
|
|
129
125
|
height: theme.spacing(5.25),
|
|
130
126
|
borderRadius: theme.spacing(0.5),
|
|
131
|
-
color: showForMe ? theme.palette.common.white : theme.palette.text.primary,
|
|
127
|
+
color: showForMe || showMyCourses ? theme.palette.common.white : theme.palette.text.primary,
|
|
132
128
|
'& .MuiIcon-root': {
|
|
133
129
|
fontSize: '1rem',
|
|
134
130
|
color: theme.palette.common.white
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -1756,6 +1756,7 @@ declare const theme: {
|
|
|
1756
1756
|
};
|
|
1757
1757
|
};
|
|
1758
1758
|
previewRoot: ({ theme }: any) => {
|
|
1759
|
+
minHeight: string;
|
|
1759
1760
|
'& .SCCourse-preview-image-wrapper': {
|
|
1760
1761
|
position: string;
|
|
1761
1762
|
'& .SCCourse-preview-image': {
|
|
@@ -1795,10 +1796,17 @@ declare const theme: {
|
|
|
1795
1796
|
fontWeight: number;
|
|
1796
1797
|
};
|
|
1797
1798
|
'& .SCCourse-preview-name': {
|
|
1799
|
+
display: string;
|
|
1800
|
+
height: any;
|
|
1798
1801
|
marginBottom: any;
|
|
1802
|
+
textOverflow: string;
|
|
1803
|
+
overflow: string;
|
|
1804
|
+
WebkitLineClamp: string;
|
|
1805
|
+
WebkitBoxOrient: string;
|
|
1799
1806
|
};
|
|
1800
1807
|
};
|
|
1801
1808
|
'& .SCCourse-preview-info': {
|
|
1809
|
+
height: any;
|
|
1802
1810
|
display: string;
|
|
1803
1811
|
alignItems: string;
|
|
1804
1812
|
marginBottom: any;
|
|
@@ -1842,6 +1850,7 @@ declare const theme: {
|
|
|
1842
1850
|
};
|
|
1843
1851
|
};
|
|
1844
1852
|
placeholderRoot: ({ theme }: any) => {
|
|
1853
|
+
minHeight: string;
|
|
1845
1854
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
1846
1855
|
position: string;
|
|
1847
1856
|
'& .SCCourse-placeholder-image': {
|
|
@@ -2295,9 +2304,6 @@ declare const theme: {
|
|
|
2295
2304
|
width: string;
|
|
2296
2305
|
};
|
|
2297
2306
|
minWidth: string;
|
|
2298
|
-
'& .SCCourse-placeholder-root': {
|
|
2299
|
-
height: string;
|
|
2300
|
-
};
|
|
2301
2307
|
};
|
|
2302
2308
|
};
|
|
2303
2309
|
};
|
|
@@ -2310,14 +2316,13 @@ declare const theme: {
|
|
|
2310
2316
|
};
|
|
2311
2317
|
skeletonRoot: ({ theme }: any) => {
|
|
2312
2318
|
'& .SCCourses-skeleton-courses': {
|
|
2313
|
-
justifyContent: string;
|
|
2314
2319
|
marginTop: any;
|
|
2315
2320
|
'& .SCCourses-skeleton-item': {
|
|
2316
2321
|
paddingTop: any;
|
|
2317
2322
|
};
|
|
2318
2323
|
};
|
|
2319
2324
|
};
|
|
2320
|
-
coursesChipRoot: ({ theme, showForMe }: any) => {
|
|
2325
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
|
|
2321
2326
|
height: any;
|
|
2322
2327
|
borderRadius: any;
|
|
2323
2328
|
color: any;
|
|
@@ -62,6 +62,7 @@ declare const Component: {
|
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
previewRoot: ({ theme }: any) => {
|
|
65
|
+
minHeight: string;
|
|
65
66
|
'& .SCCourse-preview-image-wrapper': {
|
|
66
67
|
position: string;
|
|
67
68
|
'& .SCCourse-preview-image': {
|
|
@@ -101,10 +102,17 @@ declare const Component: {
|
|
|
101
102
|
fontWeight: number;
|
|
102
103
|
};
|
|
103
104
|
'& .SCCourse-preview-name': {
|
|
105
|
+
display: string;
|
|
106
|
+
height: any;
|
|
104
107
|
marginBottom: any;
|
|
108
|
+
textOverflow: string;
|
|
109
|
+
overflow: string;
|
|
110
|
+
WebkitLineClamp: string;
|
|
111
|
+
WebkitBoxOrient: string;
|
|
105
112
|
};
|
|
106
113
|
};
|
|
107
114
|
'& .SCCourse-preview-info': {
|
|
115
|
+
height: any;
|
|
108
116
|
display: string;
|
|
109
117
|
alignItems: string;
|
|
110
118
|
marginBottom: any;
|
|
@@ -148,6 +156,7 @@ declare const Component: {
|
|
|
148
156
|
};
|
|
149
157
|
};
|
|
150
158
|
placeholderRoot: ({ theme }: any) => {
|
|
159
|
+
minHeight: string;
|
|
151
160
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
152
161
|
position: string;
|
|
153
162
|
'& .SCCourse-placeholder-image': {
|
|
@@ -62,6 +62,7 @@ const Component = {
|
|
|
62
62
|
}
|
|
63
63
|
}),
|
|
64
64
|
previewRoot: ({ theme }) => ({
|
|
65
|
+
minHeight: '290px',
|
|
65
66
|
'& .SCCourse-preview-image-wrapper': {
|
|
66
67
|
position: 'relative',
|
|
67
68
|
'& .SCCourse-preview-image': {
|
|
@@ -101,10 +102,17 @@ const Component = {
|
|
|
101
102
|
fontWeight: 700
|
|
102
103
|
},
|
|
103
104
|
'& .SCCourse-preview-name': {
|
|
104
|
-
|
|
105
|
+
display: '-webkit-box',
|
|
106
|
+
height: theme.spacing(5),
|
|
107
|
+
marginBottom: theme.spacing(0.5),
|
|
108
|
+
textOverflow: 'ellipsis',
|
|
109
|
+
overflow: 'hidden',
|
|
110
|
+
WebkitLineClamp: '2',
|
|
111
|
+
WebkitBoxOrient: 'vertical'
|
|
105
112
|
}
|
|
106
113
|
},
|
|
107
114
|
'& .SCCourse-preview-info': {
|
|
115
|
+
height: theme.spacing(3),
|
|
108
116
|
display: 'flex',
|
|
109
117
|
alignItems: 'center',
|
|
110
118
|
marginBottom: theme.spacing(1)
|
|
@@ -148,6 +156,7 @@ const Component = {
|
|
|
148
156
|
}
|
|
149
157
|
}),
|
|
150
158
|
placeholderRoot: ({ theme }) => ({
|
|
159
|
+
minHeight: '290px',
|
|
151
160
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
152
161
|
position: 'relative',
|
|
153
162
|
'& .SCCourse-placeholder-image': {
|
|
@@ -101,9 +101,6 @@ declare const Component: {
|
|
|
101
101
|
width: string;
|
|
102
102
|
};
|
|
103
103
|
minWidth: string;
|
|
104
|
-
'& .SCCourse-placeholder-root': {
|
|
105
|
-
height: string;
|
|
106
|
-
};
|
|
107
104
|
};
|
|
108
105
|
};
|
|
109
106
|
};
|
|
@@ -116,14 +113,13 @@ declare const Component: {
|
|
|
116
113
|
};
|
|
117
114
|
skeletonRoot: ({ theme }: any) => {
|
|
118
115
|
'& .SCCourses-skeleton-courses': {
|
|
119
|
-
justifyContent: string;
|
|
120
116
|
marginTop: any;
|
|
121
117
|
'& .SCCourses-skeleton-item': {
|
|
122
118
|
paddingTop: any;
|
|
123
119
|
};
|
|
124
120
|
};
|
|
125
121
|
};
|
|
126
|
-
coursesChipRoot: ({ theme, showForMe }: any) => {
|
|
122
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
|
|
127
123
|
height: any;
|
|
128
124
|
borderRadius: any;
|
|
129
125
|
color: any;
|
|
@@ -100,9 +100,6 @@ const Component = {
|
|
|
100
100
|
minWidth: '250px',
|
|
101
101
|
[theme.breakpoints.down('md')]: {
|
|
102
102
|
width: '100%'
|
|
103
|
-
},
|
|
104
|
-
'& .SCCourse-placeholder-root': {
|
|
105
|
-
height: '250px'
|
|
106
103
|
}
|
|
107
104
|
}
|
|
108
105
|
}
|
|
@@ -116,17 +113,16 @@ const Component = {
|
|
|
116
113
|
}),
|
|
117
114
|
skeletonRoot: ({ theme }) => ({
|
|
118
115
|
'& .SCCourses-skeleton-courses': {
|
|
119
|
-
justifyContent: 'center',
|
|
120
116
|
marginTop: theme.spacing(2),
|
|
121
117
|
'& .SCCourses-skeleton-item': {
|
|
122
118
|
paddingTop: theme.spacing(2)
|
|
123
119
|
}
|
|
124
120
|
}
|
|
125
121
|
}),
|
|
126
|
-
coursesChipRoot: ({ theme, showForMe }) => ({
|
|
122
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }) => ({
|
|
127
123
|
height: theme.spacing(5.25),
|
|
128
124
|
borderRadius: theme.spacing(0.5),
|
|
129
|
-
color: showForMe ? theme.palette.common.white : theme.palette.text.primary,
|
|
125
|
+
color: showForMe || showMyCourses ? theme.palette.common.white : theme.palette.text.primary,
|
|
130
126
|
'& .MuiIcon-root': {
|
|
131
127
|
fontSize: '1rem',
|
|
132
128
|
color: theme.palette.common.white
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -1756,6 +1756,7 @@ declare const theme: {
|
|
|
1756
1756
|
};
|
|
1757
1757
|
};
|
|
1758
1758
|
previewRoot: ({ theme }: any) => {
|
|
1759
|
+
minHeight: string;
|
|
1759
1760
|
'& .SCCourse-preview-image-wrapper': {
|
|
1760
1761
|
position: string;
|
|
1761
1762
|
'& .SCCourse-preview-image': {
|
|
@@ -1795,10 +1796,17 @@ declare const theme: {
|
|
|
1795
1796
|
fontWeight: number;
|
|
1796
1797
|
};
|
|
1797
1798
|
'& .SCCourse-preview-name': {
|
|
1799
|
+
display: string;
|
|
1800
|
+
height: any;
|
|
1798
1801
|
marginBottom: any;
|
|
1802
|
+
textOverflow: string;
|
|
1803
|
+
overflow: string;
|
|
1804
|
+
WebkitLineClamp: string;
|
|
1805
|
+
WebkitBoxOrient: string;
|
|
1799
1806
|
};
|
|
1800
1807
|
};
|
|
1801
1808
|
'& .SCCourse-preview-info': {
|
|
1809
|
+
height: any;
|
|
1802
1810
|
display: string;
|
|
1803
1811
|
alignItems: string;
|
|
1804
1812
|
marginBottom: any;
|
|
@@ -1842,6 +1850,7 @@ declare const theme: {
|
|
|
1842
1850
|
};
|
|
1843
1851
|
};
|
|
1844
1852
|
placeholderRoot: ({ theme }: any) => {
|
|
1853
|
+
minHeight: string;
|
|
1845
1854
|
'& .SCCourse-placeholder-image-wrapper': {
|
|
1846
1855
|
position: string;
|
|
1847
1856
|
'& .SCCourse-placeholder-image': {
|
|
@@ -2295,9 +2304,6 @@ declare const theme: {
|
|
|
2295
2304
|
width: string;
|
|
2296
2305
|
};
|
|
2297
2306
|
minWidth: string;
|
|
2298
|
-
'& .SCCourse-placeholder-root': {
|
|
2299
|
-
height: string;
|
|
2300
|
-
};
|
|
2301
2307
|
};
|
|
2302
2308
|
};
|
|
2303
2309
|
};
|
|
@@ -2310,14 +2316,13 @@ declare const theme: {
|
|
|
2310
2316
|
};
|
|
2311
2317
|
skeletonRoot: ({ theme }: any) => {
|
|
2312
2318
|
'& .SCCourses-skeleton-courses': {
|
|
2313
|
-
justifyContent: string;
|
|
2314
2319
|
marginTop: any;
|
|
2315
2320
|
'& .SCCourses-skeleton-item': {
|
|
2316
2321
|
paddingTop: any;
|
|
2317
2322
|
};
|
|
2318
2323
|
};
|
|
2319
2324
|
};
|
|
2320
|
-
coursesChipRoot: ({ theme, showForMe }: any) => {
|
|
2325
|
+
coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
|
|
2321
2326
|
height: any;
|
|
2322
2327
|
borderRadius: any;
|
|
2323
2328
|
color: any;
|