@selfcommunity/react-theme-default 0.4.2-courses.189 → 0.4.2-courses.190

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 (20) hide show
  1. package/lib/cjs/components/SCCourseDashboard.d.ts +3 -5
  2. package/lib/cjs/components/SCCourseDashboard.js +3 -5
  3. package/lib/cjs/components/SCCourseForm.d.ts +7 -0
  4. package/lib/cjs/components/SCCourseForm.js +8 -1
  5. package/lib/cjs/components/SCCourseUsersTable.d.ts +4 -2
  6. package/lib/cjs/components/SCCourseUsersTable.js +4 -2
  7. package/lib/cjs/components/SCEditCourse.d.ts +128 -109
  8. package/lib/cjs/components/SCEditCourse.js +133 -114
  9. package/lib/cjs/index.d.ts +142 -116
  10. package/lib/esm/components/SCCourseDashboard.d.ts +3 -5
  11. package/lib/esm/components/SCCourseDashboard.js +3 -5
  12. package/lib/esm/components/SCCourseForm.d.ts +7 -0
  13. package/lib/esm/components/SCCourseForm.js +8 -1
  14. package/lib/esm/components/SCCourseUsersTable.d.ts +4 -2
  15. package/lib/esm/components/SCCourseUsersTable.js +4 -2
  16. package/lib/esm/components/SCEditCourse.d.ts +128 -109
  17. package/lib/esm/components/SCEditCourse.js +133 -114
  18. package/lib/esm/index.d.ts +142 -116
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -103,13 +103,12 @@ declare const Component: {
103
103
  };
104
104
  '& .SCCourseDashboard-comments-container': {
105
105
  [x: number]: {
106
- paddingLeft: string;
107
- paddingRight: string;
106
+ padding: any;
108
107
  };
109
108
  backgroundColor: any;
110
109
  border: string;
111
110
  borderRadius: string;
112
- padding: string;
111
+ padding: any;
113
112
  '& .SCCourseDashboard-outer-wrapper': {
114
113
  marginTop: string;
115
114
  marginBottom: string;
@@ -155,12 +154,11 @@ declare const Component: {
155
154
  alignItems: string;
156
155
  justifyContent: string;
157
156
  backgroundColor: any;
157
+ padding: string;
158
158
  '& .SCCourseDashboard-user': {
159
159
  flexDirection: string;
160
160
  alignItems: string;
161
161
  gap: string;
162
- marginTop: string;
163
- marginBottom: string;
164
162
  '& .SCCourseDashboard-avatar': {
165
163
  width: string;
166
164
  height: string;
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -103,10 +103,9 @@ const Component = {
103
103
  backgroundColor: theme.palette.common.white,
104
104
  border: `1px solid ${theme.palette.grey['300']}`,
105
105
  borderRadius: '5px',
106
- padding: '5px 0',
106
+ padding: theme.spacing(1),
107
107
  [theme.breakpoints.up('sm')]: {
108
- paddingLeft: '36px',
109
- paddingRight: '36px'
108
+ padding: theme.spacing(2)
110
109
  },
111
110
  '& .SCCourseDashboard-outer-wrapper': {
112
111
  marginTop: '15px',
@@ -153,12 +152,11 @@ const Component = {
153
152
  alignItems: 'center',
154
153
  justifyContent: 'space-between',
155
154
  backgroundColor: theme.palette.common.white,
155
+ padding: '6px',
156
156
  '& .SCCourseDashboard-user': {
157
157
  flexDirection: 'row',
158
158
  alignItems: 'center',
159
159
  gap: '4px',
160
- marginTop: '6px',
161
- marginBottom: '6px',
162
160
  '& .SCCourseDashboard-avatar': {
163
161
  width: '36px',
164
162
  height: '36px'
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -27,12 +27,16 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
+ [x: number]: {
31
+ padding: any;
32
+ };
30
33
  border: string;
31
34
  borderBottom: string;
32
35
  borderRadius: string;
33
36
  borderBottomLeftRadius: string;
34
37
  borderBottomRightRadius: string;
35
38
  backgroundColor: any;
39
+ padding: any;
36
40
  '& .SCCourseForm-name': {
37
41
  marginTop: any;
38
42
  };
@@ -133,6 +137,9 @@ declare const Component: {
133
137
  color: any;
134
138
  };
135
139
  '& .SCCourseForm-actions': {
140
+ [x: number]: {
141
+ padding: any;
142
+ };
136
143
  border: string;
137
144
  borderTop: string;
138
145
  borderRadius: string;
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -34,6 +34,10 @@ const Component = {
34
34
  borderBottomLeftRadius: 'unset',
35
35
  borderBottomRightRadius: 'unset',
36
36
  backgroundColor: theme.palette.common.white,
37
+ padding: theme.spacing(1, 1, 0),
38
+ [theme.breakpoints.up('sm')]: {
39
+ padding: theme.spacing(2, 2, 0)
40
+ },
37
41
  '& .SCCourseForm-name': {
38
42
  marginTop: theme.spacing(3)
39
43
  },
@@ -140,10 +144,13 @@ const Component = {
140
144
  borderTopLeftRadius: 'unset',
141
145
  borderTopRightRadius: 'unset',
142
146
  backgroundColor: theme.palette.common.white,
143
- padding: theme.spacing(2, 0),
147
+ padding: theme.spacing(0, 1, 1),
144
148
  display: 'flex',
145
149
  justifyContent: 'flex-end',
146
150
  gap: theme.spacing(2),
151
+ [theme.breakpoints.up('sm')]: {
152
+ padding: theme.spacing(0, 2, 2)
153
+ },
147
154
  '& button': {
148
155
  width: 'fit-content'
149
156
  }
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,10 +3,12 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ padding: any;
8
+ };
6
9
  border: string;
7
- borderTop: string;
8
10
  borderRadius: string;
9
- paddingBottom: string;
11
+ padding: any;
10
12
  backgroundColor: any;
11
13
  '& .SCCourseUsersTable-search': {
12
14
  '& > .MuiInputBase-root': {
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -4,10 +4,12 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  border: `1px solid ${theme.palette.grey['300']}`,
7
- borderTop: 'unset',
8
7
  borderRadius: '5px',
9
- paddingBottom: '5px',
8
+ padding: theme.spacing(1),
10
9
  backgroundColor: theme.palette.common.white,
10
+ [theme.breakpoints.up('sm')]: {
11
+ padding: theme.spacing(2)
12
+ },
11
13
  '& .SCCourseUsersTable-search': {
12
14
  '& > .MuiInputBase-root': {
13
15
  borderBottomLeftRadius: 'unset',
package/lib/cjs/components/SCEditCourse.d.ts CHANGED
@@ -70,112 +70,121 @@ declare const Component: {
70
70
  '& .SCEditCourse-empty-status-button': {
71
71
  marginTop: string;
72
72
  };
73
- '& .SCEditCourse-lessons-sections-wrapper': {
74
- flexDirection: string;
75
- alignItems: string;
76
- justifyContent: string;
77
- marginTop: string;
78
- padding: any;
73
+ '& .SCEditCourse-lessons-inner-wrapper': {
74
+ [x: number]: {
75
+ padding: any;
76
+ };
79
77
  border: string;
80
- borderBottom: string;
81
- borderTopLeftRadius: string;
82
- borderTopRightRadius: string;
78
+ borderRadius: string;
83
79
  backgroundColor: any;
84
- '& .SCEditCourse-lessons-sections': {
80
+ marginTop: string;
81
+ padding: any;
82
+ '& .SCEditCourse-lessons-sections-wrapper': {
85
83
  flexDirection: string;
86
84
  alignItems: string;
87
- gap: string;
88
- '& .SCEditCourse-circle': {
89
- width: string;
90
- height: string;
91
- borderRadius: number;
92
- backgroundColor: any;
93
- };
94
- };
95
- '& .SCEditCourse-section-button': {
96
- alignItems: string;
97
- '& .SCEditCourse-section-button-typography': {
98
- textTransform: string;
99
- };
100
- };
101
- };
102
- '& .SCEditCourse-table-container': {
103
- width: string;
104
- border: string;
105
- borderBottomLeftRadius: string;
106
- borderBottomRightRadius: string;
107
- backgroundColor: any;
108
- '& .SCEditCourse-table': {
109
- '& .SCEditCourse-cell-width': {
110
- width: string;
111
- };
112
- '& .SCEditCourse-cell-align-center': {
113
- textAlign: string;
114
- };
115
- '& .SCEditCourse-cell-align-right': {
116
- textAlign: string;
117
- };
118
- '& .SCEditCourse-cell-padding': {
119
- paddingRight: number;
120
- };
121
- '& .MuiTableCell-root': {
122
- textWrapMode: string;
85
+ justifyContent: string;
86
+ padding: any;
87
+ border: string;
88
+ borderBottom: string;
89
+ borderTopLeftRadius: string;
90
+ borderTopRightRadius: string;
91
+ backgroundColor: any;
92
+ '& .SCEditCourse-lessons-sections': {
93
+ flexDirection: string;
94
+ alignItems: string;
95
+ gap: string;
96
+ '& .SCEditCourse-circle': {
97
+ width: string;
98
+ height: string;
99
+ borderRadius: number;
100
+ backgroundColor: any;
101
+ };
123
102
  };
124
- '& .SCEditCourse-table-header': {
125
- '& .SCEditCourse-table-header-typography': {
103
+ '& .SCEditCourse-section-button': {
104
+ alignItems: string;
105
+ '& .SCEditCourse-section-button-typography': {
126
106
  textTransform: string;
127
107
  };
128
108
  };
129
- '& .SCEditCourse-table-body': {
130
- '& .SCEditCourse-table-body-icon-wrapper': {
131
- flexDirection: string;
132
- alignItems: string;
133
- gap: string;
109
+ };
110
+ '& .SCEditCourse-table-container': {
111
+ width: string;
112
+ border: string;
113
+ borderBottomLeftRadius: string;
114
+ borderBottomRightRadius: string;
115
+ backgroundColor: any;
116
+ '& .SCEditCourse-table': {
117
+ '& .SCEditCourse-cell-width': {
118
+ width: string;
134
119
  };
135
- '& .SCEditCourse-table-body-accordion': {
136
- backgroundColor: any;
120
+ '& .SCEditCourse-cell-align-center': {
121
+ textAlign: string;
137
122
  };
138
- '& .SCEditCourse-edit-mode-wrapper': {
139
- flexDirection: string;
140
- alignItems: string;
141
- gap: string;
142
- '& .SCEditCourse-edit-mode-save-button': {
143
- minWidth: string;
144
- borderRadius: string;
145
- padding: string;
146
- };
147
- '& .SCEditCourse-edit-mode-close-button': {
148
- border: string;
149
- borderRadius: string;
150
- padding: string;
123
+ '& .SCEditCourse-cell-align-right': {
124
+ textAlign: string;
125
+ };
126
+ '& .SCEditCourse-cell-padding': {
127
+ paddingRight: number;
128
+ };
129
+ '& .MuiTableCell-root': {
130
+ textWrapMode: string;
131
+ };
132
+ '& .SCEditCourse-table-header': {
133
+ '& .SCEditCourse-table-header-typography': {
134
+ textTransform: string;
151
135
  };
152
136
  };
153
- '& .SCEditCourse-actions-wrapper': {
154
- [x: number]: {
137
+ '& .SCEditCourse-table-body': {
138
+ '& .SCEditCourse-table-body-icon-wrapper': {
139
+ flexDirection: string;
140
+ alignItems: string;
155
141
  gap: string;
156
142
  };
157
- display: string;
158
- flexDirection: string;
159
- alignItems: string;
160
- gap: string;
161
- '& .SCEditCourse-change-lesson-status-published-wrapper': {
162
- color: any;
143
+ '& .SCEditCourse-table-body-accordion': {
163
144
  backgroundColor: any;
164
- '& .MuiIcon-root': {
145
+ };
146
+ '& .SCEditCourse-edit-mode-wrapper': {
147
+ flexDirection: string;
148
+ alignItems: string;
149
+ gap: string;
150
+ '& .SCEditCourse-edit-mode-save-button': {
151
+ minWidth: string;
152
+ borderRadius: string;
153
+ padding: string;
154
+ };
155
+ '& .SCEditCourse-edit-mode-close-button': {
156
+ border: string;
157
+ borderRadius: string;
158
+ padding: string;
159
+ };
160
+ };
161
+ '& .SCEditCourse-actions-wrapper': {
162
+ [x: number]: {
163
+ gap: string;
164
+ };
165
+ display: string;
166
+ flexDirection: string;
167
+ alignItems: string;
168
+ gap: string;
169
+ '& .SCEditCourse-change-lesson-status-published-wrapper': {
165
170
  color: any;
171
+ backgroundColor: any;
172
+ '& .MuiIcon-root': {
173
+ color: any;
174
+ };
175
+ };
176
+ '& .SCEditCourse-change-lesson-status-icon-draft': {
177
+ width: string;
178
+ height: string;
179
+ borderRadius: number;
180
+ backgroundColor: any;
166
181
  };
167
182
  };
168
- '& .SCEditCourse-change-lesson-status-icon-draft': {
169
- width: string;
170
- height: string;
171
- borderRadius: number;
172
- backgroundColor: any;
183
+ '& .SCEditCourse-table-body-collapse-wrapper': {
184
+ padding: number;
185
+ border: number;
173
186
  };
174
187
  };
175
- '& .SCEditCourse-table-body-collapse-wrapper': {
176
- padding: number;
177
- border: number;
178
- };
179
188
  };
180
189
  };
181
190
  };
@@ -188,9 +197,12 @@ declare const Component: {
188
197
  marginBottom: any;
189
198
  };
190
199
  '& .SCEditCourse-options-container': {
200
+ [x: number]: {
201
+ padding: any;
202
+ };
191
203
  border: string;
192
204
  borderRadius: string;
193
- padding: string;
205
+ padding: any;
194
206
  backgroundColor: any;
195
207
  '& .SCEditCourse-options-wrapper': {
196
208
  gap: any;
@@ -204,7 +216,7 @@ declare const Component: {
204
216
  '& .SCEditCourse-options-button-wrapper': {
205
217
  alignItems: string;
206
218
  maxWidth: string;
207
- margin: string;
219
+ margin: any;
208
220
  };
209
221
  };
210
222
  };
@@ -246,32 +258,39 @@ declare const Component: {
246
258
  gap: any;
247
259
  };
248
260
  };
249
- '& .SCEditCourse-lessons-sections-wrapper': {
250
- flexDirection: string;
251
- alignItems: string;
252
- justifyContent: string;
253
- marginTop: string;
254
- padding: any;
261
+ '& .SCEditCourse-lessons-inner-wrapper': {
262
+ [x: number]: {
263
+ padding: any;
264
+ };
255
265
  border: string;
256
266
  borderRadius: string;
257
267
  backgroundColor: any;
258
- };
259
- '& .SCEditCourse-table-container': {
260
- width: string;
261
- border: string;
262
- borderBottomLeftRadius: string;
263
- borderBottomRightRadius: string;
264
- backgroundColor: any;
265
- '& .SCEditCourse-margin': {
266
- margin: string;
267
- };
268
- '& .SCEditCourse-margin-left': {
269
- marginLeft: string;
270
- };
271
- '& .SCEditCourse-actions-wrapper': {
268
+ marginTop: string;
269
+ padding: any;
270
+ '& .SCEditCourse-lessons-sections-wrapper': {
272
271
  flexDirection: string;
272
+ alignItems: string;
273
273
  justifyContent: string;
274
- gap: string;
274
+ padding: any;
275
+ border: string;
276
+ borderRadius: string;
277
+ };
278
+ '& .SCEditCourse-table-container': {
279
+ width: string;
280
+ border: string;
281
+ borderBottomLeftRadius: string;
282
+ borderBottomRightRadius: string;
283
+ '& .SCEditCourse-margin': {
284
+ margin: string;
285
+ };
286
+ '& .SCEditCourse-margin-left': {
287
+ marginLeft: string;
288
+ };
289
+ '& .SCEditCourse-actions-wrapper': {
290
+ flexDirection: string;
291
+ justifyContent: string;
292
+ gap: string;
293
+ };
275
294
  };
276
295
  };
277
296
  '& .SCEditCourse-users-status-wrapper': {