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

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 (8) hide show
  1. package/lib/cjs/components/SCCourseForm.d.ts +33 -18
  2. package/lib/cjs/components/SCCourseForm.js +33 -18
  3. package/lib/cjs/index.d.ts +33 -18
  4. package/lib/esm/components/SCCourseForm.d.ts +33 -18
  5. package/lib/esm/components/SCCourseForm.js +33 -18
  6. package/lib/esm/index.d.ts +33 -18
  7. package/lib/umd/react-theme-default.js +1 -1
  8. package/package.json +2 -2
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -27,16 +27,18 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
- [x: number]: {
30
+ '&.SCCourseForm-step-customization': {
31
+ [x: number]: {
32
+ padding: any;
33
+ };
34
+ backgroundColor: any;
35
+ border: string;
36
+ borderBottom: string;
37
+ borderRadius: string;
38
+ borderBottomLeftRadius: string;
39
+ borderBottomRightRadius: string;
31
40
  padding: any;
32
41
  };
33
- border: string;
34
- borderBottom: string;
35
- borderRadius: string;
36
- borderBottomLeftRadius: string;
37
- borderBottomRightRadius: string;
38
- backgroundColor: any;
39
- padding: any;
40
42
  '& .SCCourseForm-name': {
41
43
  marginTop: any;
42
44
  };
@@ -116,6 +118,10 @@ declare const Component: {
116
118
  backgroundColor: string;
117
119
  };
118
120
  };
121
+ '& .SCCourseForm-disabled': {
122
+ pointerEvents: string;
123
+ opacity: number;
124
+ };
119
125
  '& .MuiCard-root': {
120
126
  boxShadow: string;
121
127
  border: string;
@@ -130,6 +136,13 @@ declare const Component: {
130
136
  '& .MuiTypography-body2': {
131
137
  whiteSpace: string;
132
138
  };
139
+ '& .SCCourseForm-card-title': {
140
+ display: string;
141
+ justifyContent: string;
142
+ '& .MuiChip-root': {
143
+ borderRadius: number;
144
+ };
145
+ };
133
146
  };
134
147
  };
135
148
  };
@@ -137,19 +150,21 @@ declare const Component: {
137
150
  color: any;
138
151
  };
139
152
  '& .SCCourseForm-actions': {
140
- [x: number]: {
141
- padding: any;
142
- };
143
- border: string;
144
- borderTop: string;
145
- borderRadius: string;
146
- borderTopLeftRadius: string;
147
- borderTopRightRadius: string;
148
- backgroundColor: any;
149
- padding: any;
150
153
  display: string;
151
154
  justifyContent: string;
152
155
  gap: any;
156
+ '&.SCCourseForm-step-customization': {
157
+ [x: number]: {
158
+ padding: any;
159
+ };
160
+ backgroundColor: any;
161
+ border: string;
162
+ borderTop: string;
163
+ borderRadius: string;
164
+ borderTopLeftRadius: string;
165
+ borderTopRightRadius: string;
166
+ padding: any;
167
+ };
153
168
  '& button': {
154
169
  width: string;
155
170
  };
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -28,15 +28,17 @@ const Component = {
28
28
  padding: theme.spacing(1)
29
29
  },
30
30
  '& .SCCourseForm-form': {
31
- border: `1px solid ${theme.palette.grey['300']}`,
32
- borderBottom: 'unset',
33
- borderRadius: '5px',
34
- borderBottomLeftRadius: 'unset',
35
- borderBottomRightRadius: 'unset',
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)
31
+ '&.SCCourseForm-step-customization': {
32
+ backgroundColor: theme.palette.common.white,
33
+ border: `1px solid ${theme.palette.grey['300']}`,
34
+ borderBottom: 'unset',
35
+ borderRadius: '5px',
36
+ borderBottomLeftRadius: 'unset',
37
+ borderBottomRightRadius: 'unset',
38
+ padding: theme.spacing(1, 1, 0),
39
+ [theme.breakpoints.up('sm')]: {
40
+ padding: theme.spacing(2, 2, 0)
41
+ }
40
42
  },
41
43
  '& .SCCourseForm-name': {
42
44
  marginTop: theme.spacing(3)
@@ -117,6 +119,10 @@ const Component = {
117
119
  backgroundColor: (0, material_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity)
118
120
  }
119
121
  },
122
+ '& .SCCourseForm-disabled': {
123
+ pointerEvents: 'none',
124
+ opacity: 0.5
125
+ },
120
126
  '& .MuiCard-root': {
121
127
  boxShadow: 'none',
122
128
  border: `1px solid ${theme.palette.grey[300]}`,
@@ -130,6 +136,13 @@ const Component = {
130
136
  },
131
137
  '& .MuiTypography-body2': {
132
138
  whiteSpace: 'pre-line'
139
+ },
140
+ '& .SCCourseForm-card-title': {
141
+ display: 'flex',
142
+ justifyContent: 'space-between',
143
+ '& .MuiChip-root': {
144
+ borderRadius: 0
145
+ }
133
146
  }
134
147
  }
135
148
  }
@@ -138,18 +151,20 @@ const Component = {
138
151
  color: theme.palette.error.main
139
152
  },
140
153
  '& .SCCourseForm-actions': {
141
- border: `1px solid ${theme.palette.grey['300']}`,
142
- borderTop: 'unset',
143
- borderRadius: '5px',
144
- borderTopLeftRadius: 'unset',
145
- borderTopRightRadius: 'unset',
146
- backgroundColor: theme.palette.common.white,
147
- padding: theme.spacing(0, 1, 1),
148
154
  display: 'flex',
149
155
  justifyContent: 'flex-end',
150
156
  gap: theme.spacing(2),
151
- [theme.breakpoints.up('sm')]: {
152
- padding: theme.spacing(0, 2, 2)
157
+ '&.SCCourseForm-step-customization': {
158
+ backgroundColor: theme.palette.common.white,
159
+ border: `1px solid ${theme.palette.grey['300']}`,
160
+ borderTop: 'unset',
161
+ borderRadius: '5px',
162
+ borderTopLeftRadius: 'unset',
163
+ borderTopRightRadius: 'unset',
164
+ padding: theme.spacing(0, 1, 1),
165
+ [theme.breakpoints.up('sm')]: {
166
+ padding: theme.spacing(0, 2, 2)
167
+ }
153
168
  },
154
169
  '& button': {
155
170
  width: 'fit-content'
package/lib/cjs/index.d.ts CHANGED
@@ -2587,16 +2587,18 @@ declare const theme: {
2587
2587
  padding: any;
2588
2588
  };
2589
2589
  '& .SCCourseForm-form': {
2590
- [x: number]: {
2590
+ '&.SCCourseForm-step-customization': {
2591
+ [x: number]: {
2592
+ padding: any;
2593
+ };
2594
+ backgroundColor: any;
2595
+ border: string;
2596
+ borderBottom: string;
2597
+ borderRadius: string;
2598
+ borderBottomLeftRadius: string;
2599
+ borderBottomRightRadius: string;
2591
2600
  padding: any;
2592
2601
  };
2593
- border: string;
2594
- borderBottom: string;
2595
- borderRadius: string;
2596
- borderBottomLeftRadius: string;
2597
- borderBottomRightRadius: string;
2598
- backgroundColor: any;
2599
- padding: any;
2600
2602
  '& .SCCourseForm-name': {
2601
2603
  marginTop: any;
2602
2604
  };
@@ -2676,6 +2678,10 @@ declare const theme: {
2676
2678
  backgroundColor: string;
2677
2679
  };
2678
2680
  };
2681
+ '& .SCCourseForm-disabled': {
2682
+ pointerEvents: string;
2683
+ opacity: number;
2684
+ };
2679
2685
  '& .MuiCard-root': {
2680
2686
  boxShadow: string;
2681
2687
  border: string;
@@ -2690,6 +2696,13 @@ declare const theme: {
2690
2696
  '& .MuiTypography-body2': {
2691
2697
  whiteSpace: string;
2692
2698
  };
2699
+ '& .SCCourseForm-card-title': {
2700
+ display: string;
2701
+ justifyContent: string;
2702
+ '& .MuiChip-root': {
2703
+ borderRadius: number;
2704
+ };
2705
+ };
2693
2706
  };
2694
2707
  };
2695
2708
  };
@@ -2697,19 +2710,21 @@ declare const theme: {
2697
2710
  color: any;
2698
2711
  };
2699
2712
  '& .SCCourseForm-actions': {
2700
- [x: number]: {
2701
- padding: any;
2702
- };
2703
- border: string;
2704
- borderTop: string;
2705
- borderRadius: string;
2706
- borderTopLeftRadius: string;
2707
- borderTopRightRadius: string;
2708
- backgroundColor: any;
2709
- padding: any;
2710
2713
  display: string;
2711
2714
  justifyContent: string;
2712
2715
  gap: any;
2716
+ '&.SCCourseForm-step-customization': {
2717
+ [x: number]: {
2718
+ padding: any;
2719
+ };
2720
+ backgroundColor: any;
2721
+ border: string;
2722
+ borderTop: string;
2723
+ borderRadius: string;
2724
+ borderTopLeftRadius: string;
2725
+ borderTopRightRadius: string;
2726
+ padding: any;
2727
+ };
2713
2728
  '& button': {
2714
2729
  width: string;
2715
2730
  };
package/lib/esm/components/SCCourseForm.d.ts CHANGED
@@ -27,16 +27,18 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
- [x: number]: {
30
+ '&.SCCourseForm-step-customization': {
31
+ [x: number]: {
32
+ padding: any;
33
+ };
34
+ backgroundColor: any;
35
+ border: string;
36
+ borderBottom: string;
37
+ borderRadius: string;
38
+ borderBottomLeftRadius: string;
39
+ borderBottomRightRadius: string;
31
40
  padding: any;
32
41
  };
33
- border: string;
34
- borderBottom: string;
35
- borderRadius: string;
36
- borderBottomLeftRadius: string;
37
- borderBottomRightRadius: string;
38
- backgroundColor: any;
39
- padding: any;
40
42
  '& .SCCourseForm-name': {
41
43
  marginTop: any;
42
44
  };
@@ -116,6 +118,10 @@ declare const Component: {
116
118
  backgroundColor: string;
117
119
  };
118
120
  };
121
+ '& .SCCourseForm-disabled': {
122
+ pointerEvents: string;
123
+ opacity: number;
124
+ };
119
125
  '& .MuiCard-root': {
120
126
  boxShadow: string;
121
127
  border: string;
@@ -130,6 +136,13 @@ declare const Component: {
130
136
  '& .MuiTypography-body2': {
131
137
  whiteSpace: string;
132
138
  };
139
+ '& .SCCourseForm-card-title': {
140
+ display: string;
141
+ justifyContent: string;
142
+ '& .MuiChip-root': {
143
+ borderRadius: number;
144
+ };
145
+ };
133
146
  };
134
147
  };
135
148
  };
@@ -137,19 +150,21 @@ declare const Component: {
137
150
  color: any;
138
151
  };
139
152
  '& .SCCourseForm-actions': {
140
- [x: number]: {
141
- padding: any;
142
- };
143
- border: string;
144
- borderTop: string;
145
- borderRadius: string;
146
- borderTopLeftRadius: string;
147
- borderTopRightRadius: string;
148
- backgroundColor: any;
149
- padding: any;
150
153
  display: string;
151
154
  justifyContent: string;
152
155
  gap: any;
156
+ '&.SCCourseForm-step-customization': {
157
+ [x: number]: {
158
+ padding: any;
159
+ };
160
+ backgroundColor: any;
161
+ border: string;
162
+ borderTop: string;
163
+ borderRadius: string;
164
+ borderTopLeftRadius: string;
165
+ borderTopRightRadius: string;
166
+ padding: any;
167
+ };
153
168
  '& button': {
154
169
  width: string;
155
170
  };
package/lib/esm/components/SCCourseForm.js CHANGED
@@ -26,15 +26,17 @@ const Component = {
26
26
  padding: theme.spacing(1)
27
27
  },
28
28
  '& .SCCourseForm-form': {
29
- border: `1px solid ${theme.palette.grey['300']}`,
30
- borderBottom: 'unset',
31
- borderRadius: '5px',
32
- borderBottomLeftRadius: 'unset',
33
- borderBottomRightRadius: 'unset',
34
- backgroundColor: theme.palette.common.white,
35
- padding: theme.spacing(1, 1, 0),
36
- [theme.breakpoints.up('sm')]: {
37
- padding: theme.spacing(2, 2, 0)
29
+ '&.SCCourseForm-step-customization': {
30
+ backgroundColor: theme.palette.common.white,
31
+ border: `1px solid ${theme.palette.grey['300']}`,
32
+ borderBottom: 'unset',
33
+ borderRadius: '5px',
34
+ borderBottomLeftRadius: 'unset',
35
+ borderBottomRightRadius: 'unset',
36
+ padding: theme.spacing(1, 1, 0),
37
+ [theme.breakpoints.up('sm')]: {
38
+ padding: theme.spacing(2, 2, 0)
39
+ }
38
40
  },
39
41
  '& .SCCourseForm-name': {
40
42
  marginTop: theme.spacing(3)
@@ -115,6 +117,10 @@ const Component = {
115
117
  backgroundColor: alpha(theme.palette.success.main, theme.palette.action.selectedOpacity)
116
118
  }
117
119
  },
120
+ '& .SCCourseForm-disabled': {
121
+ pointerEvents: 'none',
122
+ opacity: 0.5
123
+ },
118
124
  '& .MuiCard-root': {
119
125
  boxShadow: 'none',
120
126
  border: `1px solid ${theme.palette.grey[300]}`,
@@ -128,6 +134,13 @@ const Component = {
128
134
  },
129
135
  '& .MuiTypography-body2': {
130
136
  whiteSpace: 'pre-line'
137
+ },
138
+ '& .SCCourseForm-card-title': {
139
+ display: 'flex',
140
+ justifyContent: 'space-between',
141
+ '& .MuiChip-root': {
142
+ borderRadius: 0
143
+ }
131
144
  }
132
145
  }
133
146
  }
@@ -136,18 +149,20 @@ const Component = {
136
149
  color: theme.palette.error.main
137
150
  },
138
151
  '& .SCCourseForm-actions': {
139
- border: `1px solid ${theme.palette.grey['300']}`,
140
- borderTop: 'unset',
141
- borderRadius: '5px',
142
- borderTopLeftRadius: 'unset',
143
- borderTopRightRadius: 'unset',
144
- backgroundColor: theme.palette.common.white,
145
- padding: theme.spacing(0, 1, 1),
146
152
  display: 'flex',
147
153
  justifyContent: 'flex-end',
148
154
  gap: theme.spacing(2),
149
- [theme.breakpoints.up('sm')]: {
150
- padding: theme.spacing(0, 2, 2)
155
+ '&.SCCourseForm-step-customization': {
156
+ backgroundColor: theme.palette.common.white,
157
+ border: `1px solid ${theme.palette.grey['300']}`,
158
+ borderTop: 'unset',
159
+ borderRadius: '5px',
160
+ borderTopLeftRadius: 'unset',
161
+ borderTopRightRadius: 'unset',
162
+ padding: theme.spacing(0, 1, 1),
163
+ [theme.breakpoints.up('sm')]: {
164
+ padding: theme.spacing(0, 2, 2)
165
+ }
151
166
  },
152
167
  '& button': {
153
168
  width: 'fit-content'
package/lib/esm/index.d.ts CHANGED
@@ -2587,16 +2587,18 @@ declare const theme: {
2587
2587
  padding: any;
2588
2588
  };
2589
2589
  '& .SCCourseForm-form': {
2590
- [x: number]: {
2590
+ '&.SCCourseForm-step-customization': {
2591
+ [x: number]: {
2592
+ padding: any;
2593
+ };
2594
+ backgroundColor: any;
2595
+ border: string;
2596
+ borderBottom: string;
2597
+ borderRadius: string;
2598
+ borderBottomLeftRadius: string;
2599
+ borderBottomRightRadius: string;
2591
2600
  padding: any;
2592
2601
  };
2593
- border: string;
2594
- borderBottom: string;
2595
- borderRadius: string;
2596
- borderBottomLeftRadius: string;
2597
- borderBottomRightRadius: string;
2598
- backgroundColor: any;
2599
- padding: any;
2600
2602
  '& .SCCourseForm-name': {
2601
2603
  marginTop: any;
2602
2604
  };
@@ -2676,6 +2678,10 @@ declare const theme: {
2676
2678
  backgroundColor: string;
2677
2679
  };
2678
2680
  };
2681
+ '& .SCCourseForm-disabled': {
2682
+ pointerEvents: string;
2683
+ opacity: number;
2684
+ };
2679
2685
  '& .MuiCard-root': {
2680
2686
  boxShadow: string;
2681
2687
  border: string;
@@ -2690,6 +2696,13 @@ declare const theme: {
2690
2696
  '& .MuiTypography-body2': {
2691
2697
  whiteSpace: string;
2692
2698
  };
2699
+ '& .SCCourseForm-card-title': {
2700
+ display: string;
2701
+ justifyContent: string;
2702
+ '& .MuiChip-root': {
2703
+ borderRadius: number;
2704
+ };
2705
+ };
2693
2706
  };
2694
2707
  };
2695
2708
  };
@@ -2697,19 +2710,21 @@ declare const theme: {
2697
2710
  color: any;
2698
2711
  };
2699
2712
  '& .SCCourseForm-actions': {
2700
- [x: number]: {
2701
- padding: any;
2702
- };
2703
- border: string;
2704
- borderTop: string;
2705
- borderRadius: string;
2706
- borderTopLeftRadius: string;
2707
- borderTopRightRadius: string;
2708
- backgroundColor: any;
2709
- padding: any;
2710
2713
  display: string;
2711
2714
  justifyContent: string;
2712
2715
  gap: any;
2716
+ '&.SCCourseForm-step-customization': {
2717
+ [x: number]: {
2718
+ padding: any;
2719
+ };
2720
+ backgroundColor: any;
2721
+ border: string;
2722
+ borderTop: string;
2723
+ borderRadius: string;
2724
+ borderTopLeftRadius: string;
2725
+ borderTopRightRadius: string;
2726
+ padding: any;
2727
+ };
2713
2728
  '& button': {
2714
2729
  width: string;
2715
2730
  };