@selfcommunity/react-theme-default 0.4.5-alpha.17 → 0.4.5-alpha.19

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.
@@ -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
@@ -97,11 +97,18 @@ declare const Component: {
97
97
  };
98
98
  '& .lk-settings-menu-modal': {
99
99
  minWidth: number;
100
+ paddingTop: any;
101
+ '& .lk-settings-menu-modal-icon-close': {
102
+ color: any;
103
+ position: string;
104
+ top: number;
105
+ right: number;
106
+ };
100
107
  '& .MuiFormControlLabel-root': {
101
108
  marginLeft: number;
102
109
  };
103
- '& div.MuiTypography-body1': {
104
- color: any;
110
+ '& .MuiTypography-body1': {
111
+ color: string;
105
112
  };
106
113
  '& .MuiSwitch-track': {
107
114
  backgroundColor: any;
@@ -98,12 +98,19 @@ const Component = {
98
98
  }
99
99
  },
100
100
  '& .lk-settings-menu-modal': {
101
- minWidth: 250,
101
+ minWidth: 290,
102
+ paddingTop: theme.spacing(3),
103
+ '& .lk-settings-menu-modal-icon-close': {
104
+ color: theme.palette.common.white,
105
+ position: 'absolute',
106
+ top: 3,
107
+ right: 2
108
+ },
102
109
  '& .MuiFormControlLabel-root': {
103
110
  marginLeft: 0
104
111
  },
105
- '& div.MuiTypography-body1': {
106
- color: theme.palette.common.white
112
+ '& .MuiTypography-body1': {
113
+ color: '#FFF !important'
107
114
  },
108
115
  '& .MuiSwitch-track': {
109
116
  backgroundColor: theme.palette.grey['300']
@@ -7249,6 +7249,14 @@ declare const theme: {
7249
7249
  paddingRight: any;
7250
7250
  };
7251
7251
  };
7252
+ '& .SCEvent-finished-chip': {
7253
+ backgroundColor: any;
7254
+ position: string;
7255
+ top: number;
7256
+ right: number;
7257
+ color: any;
7258
+ boxShadow: string;
7259
+ };
7252
7260
  };
7253
7261
  '& .SCEvent-preview-content': {
7254
7262
  padding: string;
@@ -7305,6 +7313,20 @@ declare const theme: {
7305
7313
  paddingRight: any;
7306
7314
  };
7307
7315
  };
7316
+ '& .SCEvent-finished-chip': {
7317
+ height: number;
7318
+ backgroundColor: any;
7319
+ position: string;
7320
+ top: number;
7321
+ right: number;
7322
+ color: any;
7323
+ boxShadow: string;
7324
+ '& span': {
7325
+ fontSize: string;
7326
+ paddingLeft: any;
7327
+ paddingRight: any;
7328
+ };
7329
+ };
7308
7330
  };
7309
7331
  '& .SCBaseItem-text': {
7310
7332
  fontSize: any;
@@ -7430,6 +7452,16 @@ declare const theme: {
7430
7452
  SCEvents: {
7431
7453
  styleOverrides: {
7432
7454
  root: ({ theme }: any) => {
7455
+ '& .SCEvents-section-title': {
7456
+ marginTop: any;
7457
+ marginBottom: any;
7458
+ color: any;
7459
+ fontWeight: number;
7460
+ fontSize: number;
7461
+ };
7462
+ '& .SCEvents-divider': {
7463
+ marginBottom: any;
7464
+ };
7433
7465
  '& .SCEvents-filters': {
7434
7466
  alignItems: string;
7435
7467
  marginTop: any;
@@ -7507,7 +7539,7 @@ declare const theme: {
7507
7539
  };
7508
7540
  };
7509
7541
  };
7510
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
7542
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
7511
7543
  height: any;
7512
7544
  borderRadius: any;
7513
7545
  color: any;
@@ -9193,11 +9225,18 @@ declare const theme: {
9193
9225
  };
9194
9226
  '& .lk-settings-menu-modal': {
9195
9227
  minWidth: number;
9228
+ paddingTop: any;
9229
+ '& .lk-settings-menu-modal-icon-close': {
9230
+ color: any;
9231
+ position: string;
9232
+ top: number;
9233
+ right: number;
9234
+ };
9196
9235
  '& .MuiFormControlLabel-root': {
9197
9236
  marginLeft: number;
9198
9237
  };
9199
- '& div.MuiTypography-body1': {
9200
- color: any;
9238
+ '& .MuiTypography-body1': {
9239
+ color: string;
9201
9240
  };
9202
9241
  '& .MuiSwitch-track': {
9203
9242
  backgroundColor: any;
@@ -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
@@ -97,11 +97,18 @@ declare const Component: {
97
97
  };
98
98
  '& .lk-settings-menu-modal': {
99
99
  minWidth: number;
100
+ paddingTop: any;
101
+ '& .lk-settings-menu-modal-icon-close': {
102
+ color: any;
103
+ position: string;
104
+ top: number;
105
+ right: number;
106
+ };
100
107
  '& .MuiFormControlLabel-root': {
101
108
  marginLeft: number;
102
109
  };
103
- '& div.MuiTypography-body1': {
104
- color: any;
110
+ '& .MuiTypography-body1': {
111
+ color: string;
105
112
  };
106
113
  '& .MuiSwitch-track': {
107
114
  backgroundColor: any;
@@ -96,12 +96,19 @@ const Component = {
96
96
  }
97
97
  },
98
98
  '& .lk-settings-menu-modal': {
99
- minWidth: 250,
99
+ minWidth: 290,
100
+ paddingTop: theme.spacing(3),
101
+ '& .lk-settings-menu-modal-icon-close': {
102
+ color: theme.palette.common.white,
103
+ position: 'absolute',
104
+ top: 3,
105
+ right: 2
106
+ },
100
107
  '& .MuiFormControlLabel-root': {
101
108
  marginLeft: 0
102
109
  },
103
- '& div.MuiTypography-body1': {
104
- color: theme.palette.common.white
110
+ '& .MuiTypography-body1': {
111
+ color: '#FFF !important'
105
112
  },
106
113
  '& .MuiSwitch-track': {
107
114
  backgroundColor: theme.palette.grey['300']
@@ -7249,6 +7249,14 @@ declare const theme: {
7249
7249
  paddingRight: any;
7250
7250
  };
7251
7251
  };
7252
+ '& .SCEvent-finished-chip': {
7253
+ backgroundColor: any;
7254
+ position: string;
7255
+ top: number;
7256
+ right: number;
7257
+ color: any;
7258
+ boxShadow: string;
7259
+ };
7252
7260
  };
7253
7261
  '& .SCEvent-preview-content': {
7254
7262
  padding: string;
@@ -7305,6 +7313,20 @@ declare const theme: {
7305
7313
  paddingRight: any;
7306
7314
  };
7307
7315
  };
7316
+ '& .SCEvent-finished-chip': {
7317
+ height: number;
7318
+ backgroundColor: any;
7319
+ position: string;
7320
+ top: number;
7321
+ right: number;
7322
+ color: any;
7323
+ boxShadow: string;
7324
+ '& span': {
7325
+ fontSize: string;
7326
+ paddingLeft: any;
7327
+ paddingRight: any;
7328
+ };
7329
+ };
7308
7330
  };
7309
7331
  '& .SCBaseItem-text': {
7310
7332
  fontSize: any;
@@ -7430,6 +7452,16 @@ declare const theme: {
7430
7452
  SCEvents: {
7431
7453
  styleOverrides: {
7432
7454
  root: ({ theme }: any) => {
7455
+ '& .SCEvents-section-title': {
7456
+ marginTop: any;
7457
+ marginBottom: any;
7458
+ color: any;
7459
+ fontWeight: number;
7460
+ fontSize: number;
7461
+ };
7462
+ '& .SCEvents-divider': {
7463
+ marginBottom: any;
7464
+ };
7433
7465
  '& .SCEvents-filters': {
7434
7466
  alignItems: string;
7435
7467
  marginTop: any;
@@ -7507,7 +7539,7 @@ declare const theme: {
7507
7539
  };
7508
7540
  };
7509
7541
  };
7510
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
7542
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
7511
7543
  height: any;
7512
7544
  borderRadius: any;
7513
7545
  color: any;
@@ -9193,11 +9225,18 @@ declare const theme: {
9193
9225
  };
9194
9226
  '& .lk-settings-menu-modal': {
9195
9227
  minWidth: number;
9228
+ paddingTop: any;
9229
+ '& .lk-settings-menu-modal-icon-close': {
9230
+ color: any;
9231
+ position: string;
9232
+ top: number;
9233
+ right: number;
9234
+ };
9196
9235
  '& .MuiFormControlLabel-root': {
9197
9236
  marginLeft: number;
9198
9237
  };
9199
- '& div.MuiTypography-body1': {
9200
- color: any;
9238
+ '& .MuiTypography-body1': {
9239
+ color: string;
9201
9240
  };
9202
9241
  '& .MuiSwitch-track': {
9203
9242
  backgroundColor: any;