@selfcommunity/react-theme-default 0.4.2-courses.101 → 0.4.2-courses.103

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 (18) hide show
  1. package/lib/cjs/components/SCCourse.d.ts +10 -39
  2. package/lib/cjs/components/SCCourse.js +12 -41
  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/index.d.ts +18 -46
  8. package/lib/cjs/index.js +2 -2
  9. package/lib/esm/components/SCCourse.d.ts +10 -39
  10. package/lib/esm/components/SCCourse.js +12 -41
  11. package/lib/esm/components/{SCLessonCompletedDialog.d.ts → SCCourseCompletedDialog.d.ts} +4 -4
  12. package/lib/esm/components/{SCLessonCompletedDialog.js → SCCourseCompletedDialog.js} +4 -4
  13. package/lib/esm/components/SCCourseParticipantsButton.d.ts +3 -2
  14. package/lib/esm/components/SCCourseParticipantsButton.js +3 -2
  15. package/lib/esm/index.d.ts +18 -46
  16. package/lib/esm/index.js +2 -2
  17. package/lib/umd/react-theme-default.js +1 -1
  18. package/package.json +2 -2
package/lib/cjs/components/SCCourse.d.ts CHANGED
@@ -90,7 +90,7 @@ declare const Component: {
90
90
  };
91
91
  };
92
92
  '& .SCCourse-preview-content': {
93
- padding: string;
93
+ padding: any;
94
94
  '& .SCCourse-preview-creator': {
95
95
  paddingTop: number;
96
96
  marginBottom: any;
@@ -109,6 +109,7 @@ declare const Component: {
109
109
  overflow: string;
110
110
  WebkitLineClamp: string;
111
111
  WebkitBoxOrient: string;
112
+ lineHeight: number;
112
113
  };
113
114
  };
114
115
  '& .SCCourse-preview-info': {
@@ -155,21 +156,21 @@ declare const Component: {
155
156
  padding: any;
156
157
  };
157
158
  };
158
- placeholderRoot: ({ theme }: any) => {
159
+ createPlaceholderRoot: ({ theme }: any) => {
159
160
  minHeight: string;
160
- '& .SCCourse-placeholder-image-wrapper': {
161
+ '& .SCCourse-create-placeholder-image-wrapper': {
161
162
  position: string;
162
- '& .SCCourse-placeholder-image': {
163
+ '& .SCCourse-create-placeholder-image': {
163
164
  height: string;
164
165
  };
165
- '& .SCCourse-placeholder-icon': {
166
+ '& .SCCourse-create-placeholder-icon': {
166
167
  position: string;
167
168
  top: string;
168
169
  left: string;
169
170
  transform: string;
170
171
  color: any;
171
172
  };
172
- '& .SCCourse-placeholder-chip': {
173
+ '& .SCCourse-create-placeholder-chip': {
173
174
  backgroundColor: any;
174
175
  position: string;
175
176
  top: any;
@@ -181,7 +182,7 @@ declare const Component: {
181
182
  padding: any;
182
183
  };
183
184
  };
184
- '& .SCCourse-placeholder-avatar': {
185
+ '& .SCCourse-create-placeholder-avatar': {
185
186
  position: string;
186
187
  bottom: any;
187
188
  left: any;
@@ -190,40 +191,10 @@ declare const Component: {
190
191
  border: string;
191
192
  };
192
193
  };
193
- '& .SCCourse-placeholder-content': {
194
- [x: number]: {
195
- height: any;
196
- };
197
- padding: string;
198
- '& .SCCourse-placeholder-creator': {
199
- fontSize: string;
200
- marginBottom: any;
201
- };
202
- '& .SCCourse-placeholder-name-wrapper': {
203
- textDecoration: string;
204
- color: string;
205
- '& .SCCourse-placeholder-name': {
206
- fontSize: string;
207
- marginBottom: any;
208
- };
209
- };
210
- '& .SCCourse-placeholder-info': {
211
- display: string;
212
- alignItems: string;
213
- marginBottom: any;
214
- };
215
- };
216
- '& .SCCourse-placeholder-actions': {
217
- '& .MuiIcon-root': {
218
- marginRight: any;
219
- };
220
- padding: any;
221
- };
222
- '& .SCCourse-placeholder-create-button': {
194
+ '& .SCCourse-create-placeholder-actions': {
223
195
  display: string;
224
196
  justifyContent: string;
225
- marginTop: any;
226
- marginBottom: any;
197
+ height: string;
227
198
  };
228
199
  };
229
200
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/components/SCCourse.js CHANGED
@@ -92,7 +92,7 @@ const Component = {
92
92
  }
93
93
  },
94
94
  '& .SCCourse-preview-content': {
95
- padding: `16px ${theme.spacing(2)} 0 !important`,
95
+ padding: theme.spacing(2),
96
96
  '& .SCCourse-preview-creator': {
97
97
  paddingTop: 0,
98
98
  marginBottom: theme.spacing(1)
@@ -105,12 +105,13 @@ const Component = {
105
105
  },
106
106
  '& .SCCourse-preview-name': {
107
107
  display: '-webkit-box',
108
- height: theme.spacing(5),
108
+ height: theme.spacing(4),
109
109
  marginBottom: theme.spacing(0.5),
110
110
  textOverflow: 'ellipsis',
111
111
  overflow: 'hidden',
112
112
  WebkitLineClamp: '2',
113
- WebkitBoxOrient: 'vertical'
113
+ WebkitBoxOrient: 'vertical',
114
+ lineHeight: 1.2
114
115
  }
115
116
  },
116
117
  '& .SCCourse-preview-info': {
@@ -157,21 +158,21 @@ const Component = {
157
158
  padding: theme.spacing(2)
158
159
  }
159
160
  }),
160
- placeholderRoot: ({ theme }) => ({
161
+ createPlaceholderRoot: ({ theme }) => ({
161
162
  minHeight: '290px',
162
- '& .SCCourse-placeholder-image-wrapper': {
163
+ '& .SCCourse-create-placeholder-image-wrapper': {
163
164
  position: 'relative',
164
- '& .SCCourse-placeholder-image': {
165
+ '& .SCCourse-create-placeholder-image': {
165
166
  height: '110px'
166
167
  },
167
- '& .SCCourse-placeholder-icon': {
168
+ '& .SCCourse-create-placeholder-icon': {
168
169
  position: 'absolute',
169
170
  top: '50%',
170
171
  left: '50%',
171
172
  transform: 'translate(-50%, -50%)',
172
173
  color: theme.palette.common.white
173
174
  },
174
- '& .SCCourse-placeholder-chip': {
175
+ '& .SCCourse-create-placeholder-chip': {
175
176
  backgroundColor: theme.palette.grey['600'],
176
177
  position: 'absolute',
177
178
  top: theme.spacing(2),
@@ -183,7 +184,7 @@ const Component = {
183
184
  padding: theme.spacing(0.5)
184
185
  }
185
186
  },
186
- '& .SCCourse-placeholder-avatar': {
187
+ '& .SCCourse-create-placeholder-avatar': {
187
188
  position: 'absolute',
188
189
  bottom: theme.spacing(-2),
189
190
  left: theme.spacing(1.5),
@@ -192,40 +193,10 @@ const Component = {
192
193
  border: `#FFF solid ${theme.spacing(0.2)}`
193
194
  }
194
195
  },
195
- '& .SCCourse-placeholder-content': {
196
- padding: `16px ${theme.spacing(2)} 0 !important`,
197
- '& .SCCourse-placeholder-creator': {
198
- fontSize: '0.875rem',
199
- marginBottom: theme.spacing(0.5)
200
- },
201
- '& .SCCourse-placeholder-name-wrapper': {
202
- textDecoration: 'none',
203
- color: 'inherit',
204
- '& .SCCourse-placeholder-name': {
205
- fontSize: '1rem',
206
- marginBottom: theme.spacing(0.5)
207
- }
208
- },
209
- '& .SCCourse-placeholder-info': {
210
- display: 'flex',
211
- alignItems: 'center',
212
- marginBottom: theme.spacing(1)
213
- },
214
- [theme.breakpoints.up('sm')]: {
215
- height: theme.spacing(20.5)
216
- }
217
- },
218
- '& .SCCourse-placeholder-actions': {
219
- '& .MuiIcon-root': {
220
- marginRight: theme.spacing(1)
221
- },
222
- padding: theme.spacing(2)
223
- },
224
- '& .SCCourse-placeholder-create-button': {
196
+ '& .SCCourse-create-placeholder-actions': {
225
197
  display: 'flex',
226
198
  justifyContent: 'center',
227
- marginTop: theme.spacing(10.25),
228
- marginBottom: theme.spacing(10.25)
199
+ height: '230px'
229
200
  }
230
201
  }),
231
202
  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/index.d.ts CHANGED
@@ -1784,7 +1784,7 @@ declare const theme: {
1784
1784
  };
1785
1785
  };
1786
1786
  '& .SCCourse-preview-content': {
1787
- padding: string;
1787
+ padding: any;
1788
1788
  '& .SCCourse-preview-creator': {
1789
1789
  paddingTop: number;
1790
1790
  marginBottom: any;
@@ -1803,6 +1803,7 @@ declare const theme: {
1803
1803
  overflow: string;
1804
1804
  WebkitLineClamp: string;
1805
1805
  WebkitBoxOrient: string;
1806
+ lineHeight: number;
1806
1807
  };
1807
1808
  };
1808
1809
  '& .SCCourse-preview-info': {
@@ -1849,21 +1850,21 @@ declare const theme: {
1849
1850
  padding: any;
1850
1851
  };
1851
1852
  };
1852
- placeholderRoot: ({ theme }: any) => {
1853
+ createPlaceholderRoot: ({ theme }: any) => {
1853
1854
  minHeight: string;
1854
- '& .SCCourse-placeholder-image-wrapper': {
1855
+ '& .SCCourse-create-placeholder-image-wrapper': {
1855
1856
  position: string;
1856
- '& .SCCourse-placeholder-image': {
1857
+ '& .SCCourse-create-placeholder-image': {
1857
1858
  height: string;
1858
1859
  };
1859
- '& .SCCourse-placeholder-icon': {
1860
+ '& .SCCourse-create-placeholder-icon': {
1860
1861
  position: string;
1861
1862
  top: string;
1862
1863
  left: string;
1863
1864
  transform: string;
1864
1865
  color: any;
1865
1866
  };
1866
- '& .SCCourse-placeholder-chip': {
1867
+ '& .SCCourse-create-placeholder-chip': {
1867
1868
  backgroundColor: any;
1868
1869
  position: string;
1869
1870
  top: any;
@@ -1875,7 +1876,7 @@ declare const theme: {
1875
1876
  padding: any;
1876
1877
  };
1877
1878
  };
1878
- '& .SCCourse-placeholder-avatar': {
1879
+ '& .SCCourse-create-placeholder-avatar': {
1879
1880
  position: string;
1880
1881
  bottom: any;
1881
1882
  left: any;
@@ -1884,40 +1885,10 @@ declare const theme: {
1884
1885
  border: string;
1885
1886
  };
1886
1887
  };
1887
- '& .SCCourse-placeholder-content': {
1888
- [x: number]: {
1889
- height: any;
1890
- };
1891
- padding: string;
1892
- '& .SCCourse-placeholder-creator': {
1893
- fontSize: string;
1894
- marginBottom: any;
1895
- };
1896
- '& .SCCourse-placeholder-name-wrapper': {
1897
- textDecoration: string;
1898
- color: string;
1899
- '& .SCCourse-placeholder-name': {
1900
- fontSize: string;
1901
- marginBottom: any;
1902
- };
1903
- };
1904
- '& .SCCourse-placeholder-info': {
1905
- display: string;
1906
- alignItems: string;
1907
- marginBottom: any;
1908
- };
1909
- };
1910
- '& .SCCourse-placeholder-actions': {
1911
- '& .MuiIcon-root': {
1912
- marginRight: any;
1913
- };
1914
- padding: any;
1915
- };
1916
- '& .SCCourse-placeholder-create-button': {
1888
+ '& .SCCourse-create-placeholder-actions': {
1917
1889
  display: string;
1918
1890
  justifyContent: string;
1919
- marginTop: any;
1920
- marginBottom: any;
1891
+ height: string;
1921
1892
  };
1922
1893
  };
1923
1894
  skeletonRoot: ({ theme }: any) => {
@@ -2482,10 +2453,11 @@ declare const theme: {
2482
2453
  };
2483
2454
  SCCourseParticipantsButton: {
2484
2455
  styleOverrides: {
2485
- root: ({ theme, followers }: {
2456
+ root: ({ theme, enrolled }: {
2486
2457
  theme: any;
2487
- followers: any;
2458
+ enrolled: any;
2488
2459
  }) => {
2460
+ padding: number;
2489
2461
  gap: any;
2490
2462
  marginTop: string;
2491
2463
  minWidth: string;
@@ -5263,19 +5235,19 @@ declare const theme: {
5263
5235
  };
5264
5236
  };
5265
5237
  };
5266
- SCLessonCompletedDialog: {
5238
+ SCCourseCompletedDialog: {
5267
5239
  styleOverrides: {
5268
5240
  root: () => {
5269
- '& .SCLessonCompletedDialog-wrapper': {
5241
+ '& .SCCourseCompletedDialog-wrapper': {
5270
5242
  alignItems: string;
5271
- '& .SCLessonCompletedDialog-title': {
5243
+ '& .SCCourseCompletedDialog-title': {
5272
5244
  marginTop: string;
5273
5245
  marginBottom: string;
5274
5246
  };
5275
- '& .SCLessonCompletedDialog-description-pt1': {
5247
+ '& .SCCourseCompletedDialog-description-pt1': {
5276
5248
  marginTop: string;
5277
5249
  };
5278
- '& .SCLessonCompletedDialog-description-pt2': {
5250
+ '& .SCCourseCompletedDialog-description-pt2': {
5279
5251
  marginTop: string;
5280
5252
  marginBottom: string;
5281
5253
  };
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
@@ -90,7 +90,7 @@ declare const Component: {
90
90
  };
91
91
  };
92
92
  '& .SCCourse-preview-content': {
93
- padding: string;
93
+ padding: any;
94
94
  '& .SCCourse-preview-creator': {
95
95
  paddingTop: number;
96
96
  marginBottom: any;
@@ -109,6 +109,7 @@ declare const Component: {
109
109
  overflow: string;
110
110
  WebkitLineClamp: string;
111
111
  WebkitBoxOrient: string;
112
+ lineHeight: number;
112
113
  };
113
114
  };
114
115
  '& .SCCourse-preview-info': {
@@ -155,21 +156,21 @@ declare const Component: {
155
156
  padding: any;
156
157
  };
157
158
  };
158
- placeholderRoot: ({ theme }: any) => {
159
+ createPlaceholderRoot: ({ theme }: any) => {
159
160
  minHeight: string;
160
- '& .SCCourse-placeholder-image-wrapper': {
161
+ '& .SCCourse-create-placeholder-image-wrapper': {
161
162
  position: string;
162
- '& .SCCourse-placeholder-image': {
163
+ '& .SCCourse-create-placeholder-image': {
163
164
  height: string;
164
165
  };
165
- '& .SCCourse-placeholder-icon': {
166
+ '& .SCCourse-create-placeholder-icon': {
166
167
  position: string;
167
168
  top: string;
168
169
  left: string;
169
170
  transform: string;
170
171
  color: any;
171
172
  };
172
- '& .SCCourse-placeholder-chip': {
173
+ '& .SCCourse-create-placeholder-chip': {
173
174
  backgroundColor: any;
174
175
  position: string;
175
176
  top: any;
@@ -181,7 +182,7 @@ declare const Component: {
181
182
  padding: any;
182
183
  };
183
184
  };
184
- '& .SCCourse-placeholder-avatar': {
185
+ '& .SCCourse-create-placeholder-avatar': {
185
186
  position: string;
186
187
  bottom: any;
187
188
  left: any;
@@ -190,40 +191,10 @@ declare const Component: {
190
191
  border: string;
191
192
  };
192
193
  };
193
- '& .SCCourse-placeholder-content': {
194
- [x: number]: {
195
- height: any;
196
- };
197
- padding: string;
198
- '& .SCCourse-placeholder-creator': {
199
- fontSize: string;
200
- marginBottom: any;
201
- };
202
- '& .SCCourse-placeholder-name-wrapper': {
203
- textDecoration: string;
204
- color: string;
205
- '& .SCCourse-placeholder-name': {
206
- fontSize: string;
207
- marginBottom: any;
208
- };
209
- };
210
- '& .SCCourse-placeholder-info': {
211
- display: string;
212
- alignItems: string;
213
- marginBottom: any;
214
- };
215
- };
216
- '& .SCCourse-placeholder-actions': {
217
- '& .MuiIcon-root': {
218
- marginRight: any;
219
- };
220
- padding: any;
221
- };
222
- '& .SCCourse-placeholder-create-button': {
194
+ '& .SCCourse-create-placeholder-actions': {
223
195
  display: string;
224
196
  justifyContent: string;
225
- marginTop: any;
226
- marginBottom: any;
197
+ height: string;
227
198
  };
228
199
  };
229
200
  skeletonRoot: ({ theme }: any) => {
package/lib/esm/components/SCCourse.js CHANGED
@@ -90,7 +90,7 @@ const Component = {
90
90
  }
91
91
  },
92
92
  '& .SCCourse-preview-content': {
93
- padding: `16px ${theme.spacing(2)} 0 !important`,
93
+ padding: theme.spacing(2),
94
94
  '& .SCCourse-preview-creator': {
95
95
  paddingTop: 0,
96
96
  marginBottom: theme.spacing(1)
@@ -103,12 +103,13 @@ const Component = {
103
103
  },
104
104
  '& .SCCourse-preview-name': {
105
105
  display: '-webkit-box',
106
- height: theme.spacing(5),
106
+ height: theme.spacing(4),
107
107
  marginBottom: theme.spacing(0.5),
108
108
  textOverflow: 'ellipsis',
109
109
  overflow: 'hidden',
110
110
  WebkitLineClamp: '2',
111
- WebkitBoxOrient: 'vertical'
111
+ WebkitBoxOrient: 'vertical',
112
+ lineHeight: 1.2
112
113
  }
113
114
  },
114
115
  '& .SCCourse-preview-info': {
@@ -155,21 +156,21 @@ const Component = {
155
156
  padding: theme.spacing(2)
156
157
  }
157
158
  }),
158
- placeholderRoot: ({ theme }) => ({
159
+ createPlaceholderRoot: ({ theme }) => ({
159
160
  minHeight: '290px',
160
- '& .SCCourse-placeholder-image-wrapper': {
161
+ '& .SCCourse-create-placeholder-image-wrapper': {
161
162
  position: 'relative',
162
- '& .SCCourse-placeholder-image': {
163
+ '& .SCCourse-create-placeholder-image': {
163
164
  height: '110px'
164
165
  },
165
- '& .SCCourse-placeholder-icon': {
166
+ '& .SCCourse-create-placeholder-icon': {
166
167
  position: 'absolute',
167
168
  top: '50%',
168
169
  left: '50%',
169
170
  transform: 'translate(-50%, -50%)',
170
171
  color: theme.palette.common.white
171
172
  },
172
- '& .SCCourse-placeholder-chip': {
173
+ '& .SCCourse-create-placeholder-chip': {
173
174
  backgroundColor: theme.palette.grey['600'],
174
175
  position: 'absolute',
175
176
  top: theme.spacing(2),
@@ -181,7 +182,7 @@ const Component = {
181
182
  padding: theme.spacing(0.5)
182
183
  }
183
184
  },
184
- '& .SCCourse-placeholder-avatar': {
185
+ '& .SCCourse-create-placeholder-avatar': {
185
186
  position: 'absolute',
186
187
  bottom: theme.spacing(-2),
187
188
  left: theme.spacing(1.5),
@@ -190,40 +191,10 @@ const Component = {
190
191
  border: `#FFF solid ${theme.spacing(0.2)}`
191
192
  }
192
193
  },
193
- '& .SCCourse-placeholder-content': {
194
- padding: `16px ${theme.spacing(2)} 0 !important`,
195
- '& .SCCourse-placeholder-creator': {
196
- fontSize: '0.875rem',
197
- marginBottom: theme.spacing(0.5)
198
- },
199
- '& .SCCourse-placeholder-name-wrapper': {
200
- textDecoration: 'none',
201
- color: 'inherit',
202
- '& .SCCourse-placeholder-name': {
203
- fontSize: '1rem',
204
- marginBottom: theme.spacing(0.5)
205
- }
206
- },
207
- '& .SCCourse-placeholder-info': {
208
- display: 'flex',
209
- alignItems: 'center',
210
- marginBottom: theme.spacing(1)
211
- },
212
- [theme.breakpoints.up('sm')]: {
213
- height: theme.spacing(20.5)
214
- }
215
- },
216
- '& .SCCourse-placeholder-actions': {
217
- '& .MuiIcon-root': {
218
- marginRight: theme.spacing(1)
219
- },
220
- padding: theme.spacing(2)
221
- },
222
- '& .SCCourse-placeholder-create-button': {
194
+ '& .SCCourse-create-placeholder-actions': {
223
195
  display: 'flex',
224
196
  justifyContent: 'center',
225
- marginTop: theme.spacing(10.25),
226
- marginBottom: theme.spacing(10.25)
197
+ height: '230px'
227
198
  }
228
199
  }),
229
200
  skeletonRoot: ({ theme }) => ({
package/lib/esm/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
  };