@selfcommunity/react-theme-default 0.4.2-courses.101 → 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 (18) hide show
  1. package/lib/cjs/components/SCCourse.d.ts +10 -38
  2. package/lib/cjs/components/SCCourse.js +12 -40
  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 -45
  8. package/lib/cjs/index.js +2 -2
  9. package/lib/esm/components/SCCourse.d.ts +10 -38
  10. package/lib/esm/components/SCCourse.js +12 -40
  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 -45
  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
@@ -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,11 @@ 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
+ padding: any;
198
+ height: string;
227
199
  };
228
200
  };
229
201
  skeletonRoot: ({ theme }: any) => {
package/lib/cjs/components/SCCourse.js CHANGED
@@ -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,11 @@ 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
+ padding: theme.spacing(3),
200
+ height: '200px'
229
201
  }
230
202
  }),
231
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/index.d.ts CHANGED
@@ -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,11 @@ 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
+ padding: any;
1892
+ height: string;
1921
1893
  };
1922
1894
  };
1923
1895
  skeletonRoot: ({ theme }: any) => {
@@ -2482,10 +2454,11 @@ declare const theme: {
2482
2454
  };
2483
2455
  SCCourseParticipantsButton: {
2484
2456
  styleOverrides: {
2485
- root: ({ theme, followers }: {
2457
+ root: ({ theme, enrolled }: {
2486
2458
  theme: any;
2487
- followers: any;
2459
+ enrolled: any;
2488
2460
  }) => {
2461
+ padding: number;
2489
2462
  gap: any;
2490
2463
  marginTop: string;
2491
2464
  minWidth: string;
@@ -5263,19 +5236,19 @@ declare const theme: {
5263
5236
  };
5264
5237
  };
5265
5238
  };
5266
- SCLessonCompletedDialog: {
5239
+ SCCourseCompletedDialog: {
5267
5240
  styleOverrides: {
5268
5241
  root: () => {
5269
- '& .SCLessonCompletedDialog-wrapper': {
5242
+ '& .SCCourseCompletedDialog-wrapper': {
5270
5243
  alignItems: string;
5271
- '& .SCLessonCompletedDialog-title': {
5244
+ '& .SCCourseCompletedDialog-title': {
5272
5245
  marginTop: string;
5273
5246
  marginBottom: string;
5274
5247
  };
5275
- '& .SCLessonCompletedDialog-description-pt1': {
5248
+ '& .SCCourseCompletedDialog-description-pt1': {
5276
5249
  marginTop: string;
5277
5250
  };
5278
- '& .SCLessonCompletedDialog-description-pt2': {
5251
+ '& .SCCourseCompletedDialog-description-pt2': {
5279
5252
  marginTop: string;
5280
5253
  marginBottom: string;
5281
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
@@ -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,11 @@ 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
+ padding: any;
198
+ height: string;
227
199
  };
228
200
  };
229
201
  skeletonRoot: ({ theme }: any) => {
package/lib/esm/components/SCCourse.js CHANGED
@@ -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,11 @@ 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
+ padding: theme.spacing(3),
198
+ height: '200px'
227
199
  }
228
200
  }),
229
201
  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
  };
package/lib/esm/components/{SCLessonCompletedDialog.js → SCCourseCompletedDialog.js} RENAMED
@@ -1,16 +1,16 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: () => ({
4
- '& .SCLessonCompletedDialog-wrapper': {
4
+ '& .SCCourseCompletedDialog-wrapper': {
5
5
  alignItems: 'center',
6
- '& .SCLessonCompletedDialog-title': {
6
+ '& .SCCourseCompletedDialog-title': {
7
7
  marginTop: '60px',
8
8
  marginBottom: '27px'
9
9
  },
10
- '& .SCLessonCompletedDialog-description-pt1': {
10
+ '& .SCCourseCompletedDialog-description-pt1': {
11
11
  marginTop: '27px'
12
12
  },
13
- '& .SCLessonCompletedDialog-description-pt2': {
13
+ '& .SCCourseCompletedDialog-description-pt2': {
14
14
  marginTop: '11px',
15
15
  marginBottom: '53px'
16
16
  }
package/lib/esm/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;