@selfcommunity/react-theme-default 0.4.2-courses.100 → 0.4.2-courses.102

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.
Files changed (22) hide show
  1. package/lib/cjs/components/SCCourse.d.ts +19 -38
  2. package/lib/cjs/components/SCCourse.js +20 -39
  3. package/lib/cjs/components/{SCLessonCompletedDialog.d.ts → SCCourseCompletedDialog.d.ts} +4 -4
  4. package/lib/cjs/components/{SCLessonCompletedDialog.js → SCCourseCompletedDialog.js} +4 -4
  5. package/lib/cjs/components/SCCourseParticipantsButton.d.ts +3 -2
  6. package/lib/cjs/components/SCCourseParticipantsButton.js +3 -2
  7. package/lib/cjs/components/SCCourses.d.ts +1 -5
  8. package/lib/cjs/components/SCCourses.js +2 -6
  9. package/lib/cjs/index.d.ts +28 -50
  10. package/lib/cjs/index.js +2 -2
  11. package/lib/esm/components/SCCourse.d.ts +19 -38
  12. package/lib/esm/components/SCCourse.js +20 -39
  13. package/lib/esm/components/{SCLessonCompletedDialog.d.ts → SCCourseCompletedDialog.d.ts} +4 -4
  14. package/lib/esm/components/{SCLessonCompletedDialog.js → SCCourseCompletedDialog.js} +4 -4
  15. package/lib/esm/components/SCCourseParticipantsButton.d.ts +3 -2
  16. package/lib/esm/components/SCCourseParticipantsButton.js +3 -2
  17. package/lib/esm/components/SCCourses.d.ts +1 -5
  18. package/lib/esm/components/SCCourses.js +2 -6
  19. package/lib/esm/index.d.ts +28 -50
  20. package/lib/esm/index.js +2 -2
  21. package/lib/umd/react-theme-default.js +1 -1
  22. package/package.json +2 -2
package/lib/cjs/components/SCCourse.d.ts CHANGED
@@ -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,18 @@ 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;
112
+ lineHeight: number;
105
113
  };
106
114
  };
107
115
  '& .SCCourse-preview-info': {
116
+ height: any;
108
117
  display: string;
109
118
  alignItems: string;
110
119
  marginBottom: any;
@@ -147,20 +156,21 @@ declare const Component: {
147
156
  padding: any;
148
157
  };
149
158
  };
150
- placeholderRoot: ({ theme }: any) => {
151
- '& .SCCourse-placeholder-image-wrapper': {
159
+ createPlaceholderRoot: ({ theme }: any) => {
160
+ minHeight: string;
161
+ '& .SCCourse-create-placeholder-image-wrapper': {
152
162
  position: string;
153
- '& .SCCourse-placeholder-image': {
163
+ '& .SCCourse-create-placeholder-image': {
154
164
  height: string;
155
165
  };
156
- '& .SCCourse-placeholder-icon': {
166
+ '& .SCCourse-create-placeholder-icon': {
157
167
  position: string;
158
168
  top: string;
159
169
  left: string;
160
170
  transform: string;
161
171
  color: any;
162
172
  };
163
- '& .SCCourse-placeholder-chip': {
173
+ '& .SCCourse-create-placeholder-chip': {
164
174
  backgroundColor: any;
165
175
  position: string;
166
176
  top: any;
@@ -172,7 +182,7 @@ declare const Component: {
172
182
  padding: any;
173
183
  };
174
184
  };
175
- '& .SCCourse-placeholder-avatar': {
185
+ '& .SCCourse-create-placeholder-avatar': {
176
186
  position: string;
177
187
  bottom: any;
178
188
  left: any;
@@ -181,40 +191,11 @@ declare const Component: {
181
191
  border: string;
182
192
  };
183
193
  };
184
- '& .SCCourse-placeholder-content': {
185
- [x: number]: {
186
- height: any;
187
- };
188
- padding: string;
189
- '& .SCCourse-placeholder-creator': {
190
- fontSize: string;
191
- marginBottom: any;
192
- };
193
- '& .SCCourse-placeholder-name-wrapper': {
194
- textDecoration: string;
195
- color: string;
196
- '& .SCCourse-placeholder-name': {
197
- fontSize: string;
198
- marginBottom: any;
199
- };
200
- };
201
- '& .SCCourse-placeholder-info': {
202
- display: string;
203
- alignItems: string;
204
- marginBottom: any;
205
- };
206
- };
207
- '& .SCCourse-placeholder-actions': {
208
- '& .MuiIcon-root': {
209
- marginRight: any;
210
- };
211
- padding: any;
212
- };
213
- '& .SCCourse-placeholder-create-button': {
194
+ '& .SCCourse-create-placeholder-actions': {
214
195
  display: string;
215
196
  justifyContent: string;
216
- marginTop: any;
217
- marginBottom: any;
197
+ padding: any;
198
+ height: string;
218
199
  };
219
200
  };
220
201
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/components/SCCourse.js CHANGED
@@ -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,18 @@ const Component = {
103
104
  fontWeight: 700
104
105
  },
105
106
  '& .SCCourse-preview-name': {
106
- marginBottom: theme.spacing(0.5)
107
+ display: '-webkit-box',
108
+ height: theme.spacing(4),
109
+ marginBottom: theme.spacing(0.5),
110
+ textOverflow: 'ellipsis',
111
+ overflow: 'hidden',
112
+ WebkitLineClamp: '2',
113
+ WebkitBoxOrient: 'vertical',
114
+ lineHeight: 1.2
107
115
  }
108
116
  },
109
117
  '& .SCCourse-preview-info': {
118
+ height: theme.spacing(3),
110
119
  display: 'flex',
111
120
  alignItems: 'center',
112
121
  marginBottom: theme.spacing(1)
@@ -149,20 +158,21 @@ const Component = {
149
158
  padding: theme.spacing(2)
150
159
  }
151
160
  }),
152
- placeholderRoot: ({ theme }) => ({
153
- '& .SCCourse-placeholder-image-wrapper': {
161
+ createPlaceholderRoot: ({ theme }) => ({
162
+ minHeight: '290px',
163
+ '& .SCCourse-create-placeholder-image-wrapper': {
154
164
  position: 'relative',
155
- '& .SCCourse-placeholder-image': {
165
+ '& .SCCourse-create-placeholder-image': {
156
166
  height: '110px'
157
167
  },
158
- '& .SCCourse-placeholder-icon': {
168
+ '& .SCCourse-create-placeholder-icon': {
159
169
  position: 'absolute',
160
170
  top: '50%',
161
171
  left: '50%',
162
172
  transform: 'translate(-50%, -50%)',
163
173
  color: theme.palette.common.white
164
174
  },
165
- '& .SCCourse-placeholder-chip': {
175
+ '& .SCCourse-create-placeholder-chip': {
166
176
  backgroundColor: theme.palette.grey['600'],
167
177
  position: 'absolute',
168
178
  top: theme.spacing(2),
@@ -174,7 +184,7 @@ const Component = {
174
184
  padding: theme.spacing(0.5)
175
185
  }
176
186
  },
177
- '& .SCCourse-placeholder-avatar': {
187
+ '& .SCCourse-create-placeholder-avatar': {
178
188
  position: 'absolute',
179
189
  bottom: theme.spacing(-2),
180
190
  left: theme.spacing(1.5),
@@ -183,40 +193,11 @@ const Component = {
183
193
  border: `#FFF solid ${theme.spacing(0.2)}`
184
194
  }
185
195
  },
186
- '& .SCCourse-placeholder-content': {
187
- padding: `16px ${theme.spacing(2)} 0 !important`,
188
- '& .SCCourse-placeholder-creator': {
189
- fontSize: '0.875rem',
190
- marginBottom: theme.spacing(0.5)
191
- },
192
- '& .SCCourse-placeholder-name-wrapper': {
193
- textDecoration: 'none',
194
- color: 'inherit',
195
- '& .SCCourse-placeholder-name': {
196
- fontSize: '1rem',
197
- marginBottom: theme.spacing(0.5)
198
- }
199
- },
200
- '& .SCCourse-placeholder-info': {
201
- display: 'flex',
202
- alignItems: 'center',
203
- marginBottom: theme.spacing(1)
204
- },
205
- [theme.breakpoints.up('sm')]: {
206
- height: theme.spacing(20.5)
207
- }
208
- },
209
- '& .SCCourse-placeholder-actions': {
210
- '& .MuiIcon-root': {
211
- marginRight: theme.spacing(1)
212
- },
213
- padding: theme.spacing(2)
214
- },
215
- '& .SCCourse-placeholder-create-button': {
196
+ '& .SCCourse-create-placeholder-actions': {
216
197
  display: 'flex',
217
198
  justifyContent: 'center',
218
- marginTop: theme.spacing(10.25),
219
- marginBottom: theme.spacing(10.25)
199
+ padding: theme.spacing(3),
200
+ height: '200px'
220
201
  }
221
202
  }),
222
203
  skeletonRoot: ({ theme }) => ({
package/lib/cjs/components/{SCLessonCompletedDialog.d.ts → SCCourseCompletedDialog.d.ts} RENAMED
@@ -1,16 +1,16 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: () => {
4
- '& .SCLessonCompletedDialog-wrapper': {
4
+ '& .SCCourseCompletedDialog-wrapper': {
5
5
  alignItems: string;
6
- '& .SCLessonCompletedDialog-title': {
6
+ '& .SCCourseCompletedDialog-title': {
7
7
  marginTop: string;
8
8
  marginBottom: string;
9
9
  };
10
- '& .SCLessonCompletedDialog-description-pt1': {
10
+ '& .SCCourseCompletedDialog-description-pt1': {
11
11
  marginTop: string;
12
12
  };
13
- '& .SCLessonCompletedDialog-description-pt2': {
13
+ '& .SCCourseCompletedDialog-description-pt2': {
14
14
  marginTop: string;
15
15
  marginBottom: string;
16
16
  };
package/lib/cjs/components/{SCLessonCompletedDialog.js → SCCourseCompletedDialog.js} RENAMED
@@ -3,16 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: () => ({
6
- '& .SCLessonCompletedDialog-wrapper': {
6
+ '& .SCCourseCompletedDialog-wrapper': {
7
7
  alignItems: 'center',
8
- '& .SCLessonCompletedDialog-title': {
8
+ '& .SCCourseCompletedDialog-title': {
9
9
  marginTop: '60px',
10
10
  marginBottom: '27px'
11
11
  },
12
- '& .SCLessonCompletedDialog-description-pt1': {
12
+ '& .SCCourseCompletedDialog-description-pt1': {
13
13
  marginTop: '27px'
14
14
  },
15
- '& .SCLessonCompletedDialog-description-pt2': {
15
+ '& .SCCourseCompletedDialog-description-pt2': {
16
16
  marginTop: '11px',
17
17
  marginBottom: '53px'
18
18
  }
package/lib/cjs/components/SCCourseParticipantsButton.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme, followers }: {
3
+ root: ({ theme, enrolled }: {
4
4
  theme: any;
5
- followers: any;
5
+ enrolled: any;
6
6
  }) => {
7
+ padding: number;
7
8
  gap: any;
8
9
  marginTop: string;
9
10
  minWidth: string;
package/lib/cjs/components/SCCourseParticipantsButton.js CHANGED
@@ -2,7 +2,8 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
- root: ({ theme, followers }) => ({
5
+ root: ({ theme, enrolled }) => ({
6
+ padding: 0,
6
7
  gap: theme.spacing(1),
7
8
  marginTop: '0 !important',
8
9
  minWidth: 'auto',
@@ -25,7 +26,7 @@ const Component = {
25
26
  border: `1px solid ${theme.palette.common.white}`,
26
27
  fontSize: '0.7rem',
27
28
  '&:first-of-type': {
28
- width: followers > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
29
+ width: enrolled > 3 ? 'auto' : theme.selfcommunity.user.avatar.sizeSmall
29
30
  },
30
31
  '&:not(:first-of-type)': {
31
32
  width: theme.selfcommunity.user.avatar.sizeSmall
package/lib/cjs/components/SCCourses.d.ts CHANGED
@@ -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;
package/lib/cjs/components/SCCourses.js CHANGED
@@ -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,18 @@ 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;
1806
+ lineHeight: number;
1799
1807
  };
1800
1808
  };
1801
1809
  '& .SCCourse-preview-info': {
1810
+ height: any;
1802
1811
  display: string;
1803
1812
  alignItems: string;
1804
1813
  marginBottom: any;
@@ -1841,20 +1850,21 @@ declare const theme: {
1841
1850
  padding: any;
1842
1851
  };
1843
1852
  };
1844
- placeholderRoot: ({ theme }: any) => {
1845
- '& .SCCourse-placeholder-image-wrapper': {
1853
+ createPlaceholderRoot: ({ theme }: any) => {
1854
+ minHeight: string;
1855
+ '& .SCCourse-create-placeholder-image-wrapper': {
1846
1856
  position: string;
1847
- '& .SCCourse-placeholder-image': {
1857
+ '& .SCCourse-create-placeholder-image': {
1848
1858
  height: string;
1849
1859
  };
1850
- '& .SCCourse-placeholder-icon': {
1860
+ '& .SCCourse-create-placeholder-icon': {
1851
1861
  position: string;
1852
1862
  top: string;
1853
1863
  left: string;
1854
1864
  transform: string;
1855
1865
  color: any;
1856
1866
  };
1857
- '& .SCCourse-placeholder-chip': {
1867
+ '& .SCCourse-create-placeholder-chip': {
1858
1868
  backgroundColor: any;
1859
1869
  position: string;
1860
1870
  top: any;
@@ -1866,7 +1876,7 @@ declare const theme: {
1866
1876
  padding: any;
1867
1877
  };
1868
1878
  };
1869
- '& .SCCourse-placeholder-avatar': {
1879
+ '& .SCCourse-create-placeholder-avatar': {
1870
1880
  position: string;
1871
1881
  bottom: any;
1872
1882
  left: any;
@@ -1875,40 +1885,11 @@ declare const theme: {
1875
1885
  border: string;
1876
1886
  };
1877
1887
  };
1878
- '& .SCCourse-placeholder-content': {
1879
- [x: number]: {
1880
- height: any;
1881
- };
1882
- padding: string;
1883
- '& .SCCourse-placeholder-creator': {
1884
- fontSize: string;
1885
- marginBottom: any;
1886
- };
1887
- '& .SCCourse-placeholder-name-wrapper': {
1888
- textDecoration: string;
1889
- color: string;
1890
- '& .SCCourse-placeholder-name': {
1891
- fontSize: string;
1892
- marginBottom: any;
1893
- };
1894
- };
1895
- '& .SCCourse-placeholder-info': {
1896
- display: string;
1897
- alignItems: string;
1898
- marginBottom: any;
1899
- };
1900
- };
1901
- '& .SCCourse-placeholder-actions': {
1902
- '& .MuiIcon-root': {
1903
- marginRight: any;
1904
- };
1905
- padding: any;
1906
- };
1907
- '& .SCCourse-placeholder-create-button': {
1888
+ '& .SCCourse-create-placeholder-actions': {
1908
1889
  display: string;
1909
1890
  justifyContent: string;
1910
- marginTop: any;
1911
- marginBottom: any;
1891
+ padding: any;
1892
+ height: string;
1912
1893
  };
1913
1894
  };
1914
1895
  skeletonRoot: ({ theme }: any) => {
@@ -2295,9 +2276,6 @@ declare const theme: {
2295
2276
  width: string;
2296
2277
  };
2297
2278
  minWidth: string;
2298
- '& .SCCourse-placeholder-root': {
2299
- height: string;
2300
- };
2301
2279
  };
2302
2280
  };
2303
2281
  };
@@ -2310,14 +2288,13 @@ declare const theme: {
2310
2288
  };
2311
2289
  skeletonRoot: ({ theme }: any) => {
2312
2290
  '& .SCCourses-skeleton-courses': {
2313
- justifyContent: string;
2314
2291
  marginTop: any;
2315
2292
  '& .SCCourses-skeleton-item': {
2316
2293
  paddingTop: any;
2317
2294
  };
2318
2295
  };
2319
2296
  };
2320
- coursesChipRoot: ({ theme, showForMe }: any) => {
2297
+ coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
2321
2298
  height: any;
2322
2299
  borderRadius: any;
2323
2300
  color: any;
@@ -2477,10 +2454,11 @@ declare const theme: {
2477
2454
  };
2478
2455
  SCCourseParticipantsButton: {
2479
2456
  styleOverrides: {
2480
- root: ({ theme, followers }: {
2457
+ root: ({ theme, enrolled }: {
2481
2458
  theme: any;
2482
- followers: any;
2459
+ enrolled: any;
2483
2460
  }) => {
2461
+ padding: number;
2484
2462
  gap: any;
2485
2463
  marginTop: string;
2486
2464
  minWidth: string;
@@ -5258,19 +5236,19 @@ declare const theme: {
5258
5236
  };
5259
5237
  };
5260
5238
  };
5261
- SCLessonCompletedDialog: {
5239
+ SCCourseCompletedDialog: {
5262
5240
  styleOverrides: {
5263
5241
  root: () => {
5264
- '& .SCLessonCompletedDialog-wrapper': {
5242
+ '& .SCCourseCompletedDialog-wrapper': {
5265
5243
  alignItems: string;
5266
- '& .SCLessonCompletedDialog-title': {
5244
+ '& .SCCourseCompletedDialog-title': {
5267
5245
  marginTop: string;
5268
5246
  marginBottom: string;
5269
5247
  };
5270
- '& .SCLessonCompletedDialog-description-pt1': {
5248
+ '& .SCCourseCompletedDialog-description-pt1': {
5271
5249
  marginTop: string;
5272
5250
  };
5273
- '& .SCLessonCompletedDialog-description-pt2': {
5251
+ '& .SCCourseCompletedDialog-description-pt2': {
5274
5252
  marginTop: string;
5275
5253
  marginBottom: string;
5276
5254
  };
package/lib/cjs/index.js CHANGED
@@ -127,7 +127,7 @@ const SCLessonDrawer_1 = tslib_1.__importDefault(require("./components/SCLessonD
127
127
  const SCLessonCommentActionsMenu_1 = tslib_1.__importDefault(require("./components/SCLessonCommentActionsMenu"));
128
128
  const SCLessonCommentObject_1 = tslib_1.__importDefault(require("./components/SCLessonCommentObject"));
129
129
  const SCLessonCommentObjects_1 = tslib_1.__importDefault(require("./components/SCLessonCommentObjects"));
130
- const SCLessonCompletedDialog_1 = tslib_1.__importDefault(require("./components/SCLessonCompletedDialog"));
130
+ const SCCourseCompletedDialog_1 = tslib_1.__importDefault(require("./components/SCCourseCompletedDialog"));
131
131
  const SCLessonEditForm_1 = tslib_1.__importDefault(require("./components/SCLessonEditForm"));
132
132
  const SCLessonTemplate_1 = tslib_1.__importDefault(require("./components/SCLessonTemplate"));
133
133
  const SCLessonObject_1 = tslib_1.__importDefault(require("./components/SCLessonObject"));
@@ -393,7 +393,7 @@ const theme = {
393
393
  SCLessonCommentActionsMenu: SCLessonCommentActionsMenu_1.default,
394
394
  SCLessonCommentObject: SCLessonCommentObject_1.default,
395
395
  SCLessonCommentObjects: SCLessonCommentObjects_1.default,
396
- SCLessonCompletedDialog: SCLessonCompletedDialog_1.default,
396
+ SCCourseCompletedDialog: SCCourseCompletedDialog_1.default,
397
397
  SCLessonEditForm: SCLessonEditForm_1.default,
398
398
  SCLessonTemplate: SCLessonTemplate_1.default,
399
399
  SCLessonObject: SCLessonObject_1.default,
package/lib/esm/components/SCCourse.d.ts CHANGED
@@ -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,18 @@ 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;
112
+ lineHeight: number;
105
113
  };
106
114
  };
107
115
  '& .SCCourse-preview-info': {
116
+ height: any;
108
117
  display: string;
109
118
  alignItems: string;
110
119
  marginBottom: any;
@@ -147,20 +156,21 @@ declare const Component: {
147
156
  padding: any;
148
157
  };
149
158
  };
150
- placeholderRoot: ({ theme }: any) => {
151
- '& .SCCourse-placeholder-image-wrapper': {
159
+ createPlaceholderRoot: ({ theme }: any) => {
160
+ minHeight: string;
161
+ '& .SCCourse-create-placeholder-image-wrapper': {
152
162
  position: string;
153
- '& .SCCourse-placeholder-image': {
163
+ '& .SCCourse-create-placeholder-image': {
154
164
  height: string;
155
165
  };
156
- '& .SCCourse-placeholder-icon': {
166
+ '& .SCCourse-create-placeholder-icon': {
157
167
  position: string;
158
168
  top: string;
159
169
  left: string;
160
170
  transform: string;
161
171
  color: any;
162
172
  };
163
- '& .SCCourse-placeholder-chip': {
173
+ '& .SCCourse-create-placeholder-chip': {
164
174
  backgroundColor: any;
165
175
  position: string;
166
176
  top: any;
@@ -172,7 +182,7 @@ declare const Component: {
172
182
  padding: any;
173
183
  };
174
184
  };
175
- '& .SCCourse-placeholder-avatar': {
185
+ '& .SCCourse-create-placeholder-avatar': {
176
186
  position: string;
177
187
  bottom: any;
178
188
  left: any;
@@ -181,40 +191,11 @@ declare const Component: {
181
191
  border: string;
182
192
  };
183
193
  };
184
- '& .SCCourse-placeholder-content': {
185
- [x: number]: {
186
- height: any;
187
- };
188
- padding: string;
189
- '& .SCCourse-placeholder-creator': {
190
- fontSize: string;
191
- marginBottom: any;
192
- };
193
- '& .SCCourse-placeholder-name-wrapper': {
194
- textDecoration: string;
195
- color: string;
196
- '& .SCCourse-placeholder-name': {
197
- fontSize: string;
198
- marginBottom: any;
199
- };
200
- };
201
- '& .SCCourse-placeholder-info': {
202
- display: string;
203
- alignItems: string;
204
- marginBottom: any;
205
- };
206
- };
207
- '& .SCCourse-placeholder-actions': {
208
- '& .MuiIcon-root': {
209
- marginRight: any;
210
- };
211
- padding: any;
212
- };
213
- '& .SCCourse-placeholder-create-button': {
194
+ '& .SCCourse-create-placeholder-actions': {
214
195
  display: string;
215
196
  justifyContent: string;
216
- marginTop: any;
217
- marginBottom: any;
197
+ padding: any;
198
+ height: string;
218
199
  };
219
200
  };
220
201
  skeletonRoot: ({ theme }: any) => {