@selfcommunity/react-theme-default 0.4.2-courses.184 → 0.4.2-courses.186

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.
@@ -18,6 +18,11 @@ declare const Component: {
18
18
  '& .MuiAccordionSummary-content': {
19
19
  justifyContent: string;
20
20
  margin: number;
21
+ '& .SCAccordionLessons-name-wrapper': {
22
+ flexDirection: string;
23
+ alignItems: string;
24
+ gap: string;
25
+ };
21
26
  };
22
27
  };
23
28
  '& .SCAccordionLessons-details': {
@@ -17,7 +17,12 @@ const Component = {
17
17
  backgroundColor: theme.palette.grey['200'],
18
18
  '& .MuiAccordionSummary-content': {
19
19
  justifyContent: 'space-between',
20
- margin: 0
20
+ margin: 0,
21
+ '& .SCAccordionLessons-name-wrapper': {
22
+ flexDirection: 'row',
23
+ alignItems: 'center',
24
+ gap: '5px'
25
+ }
21
26
  }
22
27
  },
23
28
  '& .SCAccordionLessons-details': {
@@ -54,6 +54,14 @@ declare const Component: {
54
54
  flexDirection: string;
55
55
  alignItems: string;
56
56
  gap: any;
57
+ '& .SCCourseDashboard-header-button-popover': {
58
+ padding: number;
59
+ textDecoration: string;
60
+ '&:hover': {
61
+ backgroundColor: string;
62
+ textDecoration: string;
63
+ };
64
+ };
57
65
  };
58
66
  };
59
67
  };
@@ -54,7 +54,15 @@ const Component = {
54
54
  '& .SCCourseDashboard-header-icon-wrapper': {
55
55
  flexDirection: 'row',
56
56
  alignItems: 'center',
57
- gap: theme.spacing(1)
57
+ gap: theme.spacing(1),
58
+ '& .SCCourseDashboard-header-button-popover': {
59
+ padding: 0,
60
+ textDecoration: 'underline',
61
+ '&:hover': {
62
+ backgroundColor: 'unset',
63
+ textDecoration: 'underline'
64
+ }
65
+ }
58
66
  }
59
67
  }
60
68
  }
@@ -61,6 +61,14 @@ declare const Component: {
61
61
  paddingRight: any;
62
62
  };
63
63
  };
64
+ '& .SCEvent-finished-chip': {
65
+ backgroundColor: any;
66
+ position: string;
67
+ top: number;
68
+ right: number;
69
+ color: any;
70
+ boxShadow: string;
71
+ };
64
72
  };
65
73
  '& .SCEvent-preview-content': {
66
74
  padding: string;
@@ -117,6 +125,20 @@ declare const Component: {
117
125
  paddingRight: any;
118
126
  };
119
127
  };
128
+ '& .SCEvent-finished-chip': {
129
+ height: number;
130
+ backgroundColor: any;
131
+ position: string;
132
+ top: number;
133
+ right: number;
134
+ color: any;
135
+ boxShadow: string;
136
+ '& span': {
137
+ fontSize: string;
138
+ paddingLeft: any;
139
+ paddingRight: any;
140
+ };
141
+ };
120
142
  };
121
143
  '& .SCBaseItem-text': {
122
144
  fontSize: any;
@@ -62,6 +62,14 @@ const Component = {
62
62
  paddingLeft: theme.spacing(0.5),
63
63
  paddingRight: theme.spacing(0.5)
64
64
  }
65
+ },
66
+ '& .SCEvent-finished-chip': {
67
+ backgroundColor: theme.palette.common.black,
68
+ position: 'absolute',
69
+ top: 10,
70
+ right: 10,
71
+ color: theme.palette.common.white,
72
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
65
73
  }
66
74
  },
67
75
  '& .SCEvent-preview-content': {
@@ -118,6 +126,20 @@ const Component = {
118
126
  paddingLeft: theme.spacing(0.5),
119
127
  paddingRight: theme.spacing(0.5)
120
128
  }
129
+ },
130
+ '& .SCEvent-finished-chip': {
131
+ height: 18,
132
+ backgroundColor: theme.palette.common.black,
133
+ position: 'absolute',
134
+ top: 5,
135
+ right: 3,
136
+ color: theme.palette.common.white,
137
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
138
+ '& span': {
139
+ fontSize: '0.8rem',
140
+ paddingLeft: theme.spacing(0.5),
141
+ paddingRight: theme.spacing(0.5)
142
+ }
121
143
  }
122
144
  },
123
145
  '& .SCBaseItem-text': {
@@ -1,6 +1,16 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCEvents-section-title': {
5
+ marginTop: any;
6
+ marginBottom: any;
7
+ color: any;
8
+ fontWeight: number;
9
+ fontSize: number;
10
+ };
11
+ '& .SCEvents-divider': {
12
+ marginBottom: any;
13
+ };
4
14
  '& .SCEvents-filters': {
5
15
  alignItems: string;
6
16
  marginTop: any;
@@ -78,7 +88,7 @@ declare const Component: {
78
88
  };
79
89
  };
80
90
  };
81
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
91
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
82
92
  height: any;
83
93
  borderRadius: any;
84
94
  color: any;
@@ -3,6 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ '& .SCEvents-section-title': {
7
+ marginTop: theme.spacing(4),
8
+ marginBottom: theme.spacing(1),
9
+ color: theme.palette.primary.main,
10
+ fontWeight: 500,
11
+ fontSize: 18
12
+ },
13
+ '& .SCEvents-divider': {
14
+ marginBottom: theme.spacing(2)
15
+ },
6
16
  '& .SCEvents-filters': {
7
17
  alignItems: 'center',
8
18
  marginTop: theme.spacing(),
@@ -80,10 +90,10 @@ const Component = {
80
90
  }
81
91
  }
82
92
  }),
83
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
93
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({
84
94
  height: theme.spacing(4.75),
85
95
  borderRadius: theme.spacing(0.5),
86
- color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
96
+ color: showFollowed || showPastEvents || showOngoingEvents ? theme.palette.common.white : theme.palette.text.primary,
87
97
  '& .MuiIcon-root': {
88
98
  fontSize: '1rem',
89
99
  color: theme.palette.common.white
@@ -30,7 +30,6 @@ declare const Component: {
30
30
  };
31
31
  };
32
32
  '& .SCLessonObject-medias-section': {
33
- display: string;
34
33
  '& .SCLessonFilePreview-root': {
35
34
  marginBottom: any;
36
35
  };
@@ -32,7 +32,6 @@ const Component = {
32
32
  }
33
33
  },
34
34
  '& .SCLessonObject-medias-section': {
35
- display: 'flex',
36
35
  '& .SCLessonFilePreview-root': {
37
36
  marginBottom: theme.spacing(1)
38
37
  },
@@ -253,6 +253,11 @@ declare const theme: {
253
253
  '& .MuiAccordionSummary-content': {
254
254
  justifyContent: string;
255
255
  margin: number;
256
+ '& .SCAccordionLessons-name-wrapper': {
257
+ flexDirection: string;
258
+ alignItems: string;
259
+ gap: string;
260
+ };
256
261
  };
257
262
  };
258
263
  '& .SCAccordionLessons-details': {
@@ -2103,6 +2108,14 @@ declare const theme: {
2103
2108
  flexDirection: string;
2104
2109
  alignItems: string;
2105
2110
  gap: any;
2111
+ '& .SCCourseDashboard-header-button-popover': {
2112
+ padding: number;
2113
+ textDecoration: string;
2114
+ '&:hover': {
2115
+ backgroundColor: string;
2116
+ textDecoration: string;
2117
+ };
2118
+ };
2106
2119
  };
2107
2120
  };
2108
2121
  };
@@ -5705,7 +5718,6 @@ declare const theme: {
5705
5718
  };
5706
5719
  };
5707
5720
  '& .SCLessonObject-medias-section': {
5708
- display: string;
5709
5721
  '& .SCLessonFilePreview-root': {
5710
5722
  marginBottom: any;
5711
5723
  };
@@ -9289,6 +9301,14 @@ declare const theme: {
9289
9301
  paddingRight: any;
9290
9302
  };
9291
9303
  };
9304
+ '& .SCEvent-finished-chip': {
9305
+ backgroundColor: any;
9306
+ position: string;
9307
+ top: number;
9308
+ right: number;
9309
+ color: any;
9310
+ boxShadow: string;
9311
+ };
9292
9312
  };
9293
9313
  '& .SCEvent-preview-content': {
9294
9314
  padding: string;
@@ -9345,6 +9365,20 @@ declare const theme: {
9345
9365
  paddingRight: any;
9346
9366
  };
9347
9367
  };
9368
+ '& .SCEvent-finished-chip': {
9369
+ height: number;
9370
+ backgroundColor: any;
9371
+ position: string;
9372
+ top: number;
9373
+ right: number;
9374
+ color: any;
9375
+ boxShadow: string;
9376
+ '& span': {
9377
+ fontSize: string;
9378
+ paddingLeft: any;
9379
+ paddingRight: any;
9380
+ };
9381
+ };
9348
9382
  };
9349
9383
  '& .SCBaseItem-text': {
9350
9384
  fontSize: any;
@@ -9470,6 +9504,16 @@ declare const theme: {
9470
9504
  SCEvents: {
9471
9505
  styleOverrides: {
9472
9506
  root: ({ theme }: any) => {
9507
+ '& .SCEvents-section-title': {
9508
+ marginTop: any;
9509
+ marginBottom: any;
9510
+ color: any;
9511
+ fontWeight: number;
9512
+ fontSize: number;
9513
+ };
9514
+ '& .SCEvents-divider': {
9515
+ marginBottom: any;
9516
+ };
9473
9517
  '& .SCEvents-filters': {
9474
9518
  alignItems: string;
9475
9519
  marginTop: any;
@@ -9547,7 +9591,7 @@ declare const theme: {
9547
9591
  };
9548
9592
  };
9549
9593
  };
9550
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
9594
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
9551
9595
  height: any;
9552
9596
  borderRadius: any;
9553
9597
  color: any;
@@ -18,6 +18,11 @@ declare const Component: {
18
18
  '& .MuiAccordionSummary-content': {
19
19
  justifyContent: string;
20
20
  margin: number;
21
+ '& .SCAccordionLessons-name-wrapper': {
22
+ flexDirection: string;
23
+ alignItems: string;
24
+ gap: string;
25
+ };
21
26
  };
22
27
  };
23
28
  '& .SCAccordionLessons-details': {
@@ -15,7 +15,12 @@ const Component = {
15
15
  backgroundColor: theme.palette.grey['200'],
16
16
  '& .MuiAccordionSummary-content': {
17
17
  justifyContent: 'space-between',
18
- margin: 0
18
+ margin: 0,
19
+ '& .SCAccordionLessons-name-wrapper': {
20
+ flexDirection: 'row',
21
+ alignItems: 'center',
22
+ gap: '5px'
23
+ }
19
24
  }
20
25
  },
21
26
  '& .SCAccordionLessons-details': {
@@ -54,6 +54,14 @@ declare const Component: {
54
54
  flexDirection: string;
55
55
  alignItems: string;
56
56
  gap: any;
57
+ '& .SCCourseDashboard-header-button-popover': {
58
+ padding: number;
59
+ textDecoration: string;
60
+ '&:hover': {
61
+ backgroundColor: string;
62
+ textDecoration: string;
63
+ };
64
+ };
57
65
  };
58
66
  };
59
67
  };
@@ -52,7 +52,15 @@ const Component = {
52
52
  '& .SCCourseDashboard-header-icon-wrapper': {
53
53
  flexDirection: 'row',
54
54
  alignItems: 'center',
55
- gap: theme.spacing(1)
55
+ gap: theme.spacing(1),
56
+ '& .SCCourseDashboard-header-button-popover': {
57
+ padding: 0,
58
+ textDecoration: 'underline',
59
+ '&:hover': {
60
+ backgroundColor: 'unset',
61
+ textDecoration: 'underline'
62
+ }
63
+ }
56
64
  }
57
65
  }
58
66
  }
@@ -61,6 +61,14 @@ declare const Component: {
61
61
  paddingRight: any;
62
62
  };
63
63
  };
64
+ '& .SCEvent-finished-chip': {
65
+ backgroundColor: any;
66
+ position: string;
67
+ top: number;
68
+ right: number;
69
+ color: any;
70
+ boxShadow: string;
71
+ };
64
72
  };
65
73
  '& .SCEvent-preview-content': {
66
74
  padding: string;
@@ -117,6 +125,20 @@ declare const Component: {
117
125
  paddingRight: any;
118
126
  };
119
127
  };
128
+ '& .SCEvent-finished-chip': {
129
+ height: number;
130
+ backgroundColor: any;
131
+ position: string;
132
+ top: number;
133
+ right: number;
134
+ color: any;
135
+ boxShadow: string;
136
+ '& span': {
137
+ fontSize: string;
138
+ paddingLeft: any;
139
+ paddingRight: any;
140
+ };
141
+ };
120
142
  };
121
143
  '& .SCBaseItem-text': {
122
144
  fontSize: any;
@@ -60,6 +60,14 @@ const Component = {
60
60
  paddingLeft: theme.spacing(0.5),
61
61
  paddingRight: theme.spacing(0.5)
62
62
  }
63
+ },
64
+ '& .SCEvent-finished-chip': {
65
+ backgroundColor: theme.palette.common.black,
66
+ position: 'absolute',
67
+ top: 10,
68
+ right: 10,
69
+ color: theme.palette.common.white,
70
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
63
71
  }
64
72
  },
65
73
  '& .SCEvent-preview-content': {
@@ -116,6 +124,20 @@ const Component = {
116
124
  paddingLeft: theme.spacing(0.5),
117
125
  paddingRight: theme.spacing(0.5)
118
126
  }
127
+ },
128
+ '& .SCEvent-finished-chip': {
129
+ height: 18,
130
+ backgroundColor: theme.palette.common.black,
131
+ position: 'absolute',
132
+ top: 5,
133
+ right: 3,
134
+ color: theme.palette.common.white,
135
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
136
+ '& span': {
137
+ fontSize: '0.8rem',
138
+ paddingLeft: theme.spacing(0.5),
139
+ paddingRight: theme.spacing(0.5)
140
+ }
119
141
  }
120
142
  },
121
143
  '& .SCBaseItem-text': {
@@ -1,6 +1,16 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCEvents-section-title': {
5
+ marginTop: any;
6
+ marginBottom: any;
7
+ color: any;
8
+ fontWeight: number;
9
+ fontSize: number;
10
+ };
11
+ '& .SCEvents-divider': {
12
+ marginBottom: any;
13
+ };
4
14
  '& .SCEvents-filters': {
5
15
  alignItems: string;
6
16
  marginTop: any;
@@ -78,7 +88,7 @@ declare const Component: {
78
88
  };
79
89
  };
80
90
  };
81
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
91
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
82
92
  height: any;
83
93
  borderRadius: any;
84
94
  color: any;
@@ -1,6 +1,16 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
+ '& .SCEvents-section-title': {
5
+ marginTop: theme.spacing(4),
6
+ marginBottom: theme.spacing(1),
7
+ color: theme.palette.primary.main,
8
+ fontWeight: 500,
9
+ fontSize: 18
10
+ },
11
+ '& .SCEvents-divider': {
12
+ marginBottom: theme.spacing(2)
13
+ },
4
14
  '& .SCEvents-filters': {
5
15
  alignItems: 'center',
6
16
  marginTop: theme.spacing(),
@@ -78,10 +88,10 @@ const Component = {
78
88
  }
79
89
  }
80
90
  }),
81
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
91
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({
82
92
  height: theme.spacing(4.75),
83
93
  borderRadius: theme.spacing(0.5),
84
- color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
94
+ color: showFollowed || showPastEvents || showOngoingEvents ? theme.palette.common.white : theme.palette.text.primary,
85
95
  '& .MuiIcon-root': {
86
96
  fontSize: '1rem',
87
97
  color: theme.palette.common.white
@@ -30,7 +30,6 @@ declare const Component: {
30
30
  };
31
31
  };
32
32
  '& .SCLessonObject-medias-section': {
33
- display: string;
34
33
  '& .SCLessonFilePreview-root': {
35
34
  marginBottom: any;
36
35
  };
@@ -30,7 +30,6 @@ const Component = {
30
30
  }
31
31
  },
32
32
  '& .SCLessonObject-medias-section': {
33
- display: 'flex',
34
33
  '& .SCLessonFilePreview-root': {
35
34
  marginBottom: theme.spacing(1)
36
35
  },
@@ -253,6 +253,11 @@ declare const theme: {
253
253
  '& .MuiAccordionSummary-content': {
254
254
  justifyContent: string;
255
255
  margin: number;
256
+ '& .SCAccordionLessons-name-wrapper': {
257
+ flexDirection: string;
258
+ alignItems: string;
259
+ gap: string;
260
+ };
256
261
  };
257
262
  };
258
263
  '& .SCAccordionLessons-details': {
@@ -2103,6 +2108,14 @@ declare const theme: {
2103
2108
  flexDirection: string;
2104
2109
  alignItems: string;
2105
2110
  gap: any;
2111
+ '& .SCCourseDashboard-header-button-popover': {
2112
+ padding: number;
2113
+ textDecoration: string;
2114
+ '&:hover': {
2115
+ backgroundColor: string;
2116
+ textDecoration: string;
2117
+ };
2118
+ };
2106
2119
  };
2107
2120
  };
2108
2121
  };
@@ -5705,7 +5718,6 @@ declare const theme: {
5705
5718
  };
5706
5719
  };
5707
5720
  '& .SCLessonObject-medias-section': {
5708
- display: string;
5709
5721
  '& .SCLessonFilePreview-root': {
5710
5722
  marginBottom: any;
5711
5723
  };
@@ -9289,6 +9301,14 @@ declare const theme: {
9289
9301
  paddingRight: any;
9290
9302
  };
9291
9303
  };
9304
+ '& .SCEvent-finished-chip': {
9305
+ backgroundColor: any;
9306
+ position: string;
9307
+ top: number;
9308
+ right: number;
9309
+ color: any;
9310
+ boxShadow: string;
9311
+ };
9292
9312
  };
9293
9313
  '& .SCEvent-preview-content': {
9294
9314
  padding: string;
@@ -9345,6 +9365,20 @@ declare const theme: {
9345
9365
  paddingRight: any;
9346
9366
  };
9347
9367
  };
9368
+ '& .SCEvent-finished-chip': {
9369
+ height: number;
9370
+ backgroundColor: any;
9371
+ position: string;
9372
+ top: number;
9373
+ right: number;
9374
+ color: any;
9375
+ boxShadow: string;
9376
+ '& span': {
9377
+ fontSize: string;
9378
+ paddingLeft: any;
9379
+ paddingRight: any;
9380
+ };
9381
+ };
9348
9382
  };
9349
9383
  '& .SCBaseItem-text': {
9350
9384
  fontSize: any;
@@ -9470,6 +9504,16 @@ declare const theme: {
9470
9504
  SCEvents: {
9471
9505
  styleOverrides: {
9472
9506
  root: ({ theme }: any) => {
9507
+ '& .SCEvents-section-title': {
9508
+ marginTop: any;
9509
+ marginBottom: any;
9510
+ color: any;
9511
+ fontWeight: number;
9512
+ fontSize: number;
9513
+ };
9514
+ '& .SCEvents-divider': {
9515
+ marginBottom: any;
9516
+ };
9473
9517
  '& .SCEvents-filters': {
9474
9518
  alignItems: string;
9475
9519
  marginTop: any;
@@ -9547,7 +9591,7 @@ declare const theme: {
9547
9591
  };
9548
9592
  };
9549
9593
  };
9550
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
9594
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
9551
9595
  height: any;
9552
9596
  borderRadius: any;
9553
9597
  color: any;