@selfcommunity/react-theme-default 0.1.50-events.111 → 0.1.50-events.112

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.
@@ -7,6 +7,14 @@ declare const Component: {
7
7
  '& .SCEvent-detail-image': {
8
8
  height: string;
9
9
  };
10
+ '& .SCEvent-detail-in-progress': {
11
+ backgroundColor: any;
12
+ position: string;
13
+ top: number;
14
+ right: number;
15
+ color: any;
16
+ boxShadow: string;
17
+ };
10
18
  };
11
19
  '& .SCEvent-detail-content': {
12
20
  padding: string;
@@ -39,6 +47,14 @@ declare const Component: {
39
47
  '& .SCEvent-preview-image': {
40
48
  height: string;
41
49
  };
50
+ '& .SCEvent-preview-in-progress': {
51
+ backgroundColor: any;
52
+ position: string;
53
+ top: number;
54
+ right: number;
55
+ color: any;
56
+ boxShadow: string;
57
+ };
42
58
  };
43
59
  '& .SCEvent-preview-content': {
44
60
  padding: string;
@@ -79,6 +95,22 @@ declare const Component: {
79
95
  };
80
96
  };
81
97
  };
98
+ '& .SCEvent-snippet-image': {
99
+ position: string;
100
+ '& .SCEvent-snippet-in-progress': {
101
+ height: number;
102
+ backgroundColor: any;
103
+ position: string;
104
+ top: number;
105
+ right: number;
106
+ color: any;
107
+ boxShadow: string;
108
+ '& span': {
109
+ fontSize: string;
110
+ padding: any;
111
+ };
112
+ };
113
+ };
82
114
  '& .SCBaseItem-text': {
83
115
  fontSize: any;
84
116
  '& .SCEvent-snippet-primary': {
@@ -8,6 +8,14 @@ const Component = {
8
8
  position: 'relative',
9
9
  '& .SCEvent-detail-image': {
10
10
  height: '170px'
11
+ },
12
+ '& .SCEvent-detail-in-progress': {
13
+ backgroundColor: theme.palette.secondary.main,
14
+ position: 'absolute',
15
+ top: 10,
16
+ right: 10,
17
+ color: theme.palette.common.white,
18
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
11
19
  }
12
20
  },
13
21
  '& .SCEvent-detail-content': {
@@ -40,13 +48,21 @@ const Component = {
40
48
  position: 'relative',
41
49
  '& .SCEvent-preview-image': {
42
50
  height: '80px'
51
+ },
52
+ '& .SCEvent-preview-in-progress': {
53
+ backgroundColor: theme.palette.secondary.main,
54
+ position: 'absolute',
55
+ top: 7,
56
+ right: 7,
57
+ color: theme.palette.common.white,
58
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
43
59
  }
44
60
  },
45
61
  '& .SCEvent-preview-content': {
46
62
  padding: `${theme.spacing()} !important`,
47
63
  '& .SCEventInfoDetails-icon-text-wrapper': {
48
64
  '& .MuiTypography-root': {
49
- fontSize: '0.75rem'
65
+ fontSize: '0.8rem'
50
66
  }
51
67
  },
52
68
  '& .SCEvent-detail-user': {
@@ -81,6 +97,22 @@ const Component = {
81
97
  }
82
98
  }
83
99
  },
100
+ '& .SCEvent-snippet-image': {
101
+ position: 'relative',
102
+ '& .SCEvent-snippet-in-progress': {
103
+ height: 18,
104
+ backgroundColor: theme.palette.secondary.main,
105
+ position: 'absolute',
106
+ top: 5,
107
+ right: 3,
108
+ color: theme.palette.common.white,
109
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
110
+ '& span': {
111
+ fontSize: '0.8rem',
112
+ padding: theme.spacing()
113
+ }
114
+ }
115
+ },
84
116
  '& .SCBaseItem-text': {
85
117
  fontSize: theme.typography.fontSize,
86
118
  '& .SCEvent-snippet-primary': {
@@ -25,7 +25,7 @@ declare const Component: {
25
25
  '-webkit-box-orient': string;
26
26
  };
27
27
  };
28
- '& .SCEventInfoDetails-live': {
28
+ '& .SCEventInfoDetails-in-progress': {
29
29
  width: string;
30
30
  height: string;
31
31
  borderRadius: string;
@@ -7,7 +7,7 @@ const Component = {
7
7
  '& .SCEventInfoDetails-icon-text-wrapper': {
8
8
  flexDirection: 'row',
9
9
  alignItems: 'center',
10
- gap: theme.spacing(1),
10
+ gap: theme.spacing(0.75),
11
11
  '& > p': {
12
12
  textTransform: 'capitalize'
13
13
  },
@@ -25,7 +25,7 @@ const Component = {
25
25
  '-webkit-box-orient': 'vertical'
26
26
  }
27
27
  },
28
- '& .SCEventInfoDetails-live': {
28
+ '& .SCEventInfoDetails-in-progress': {
29
29
  width: '6px',
30
30
  height: '6px',
31
31
  borderRadius: '9999px',
@@ -25,6 +25,7 @@ declare const Component: {
25
25
  overflow: string;
26
26
  };
27
27
  '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ gap: any;
28
29
  '& .community-icons': {
29
30
  fontSize: string;
30
31
  };
@@ -25,12 +25,13 @@ const Component = {
25
25
  overflow: 'hidden'
26
26
  },
27
27
  '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ gap: theme.spacing(0.5),
28
29
  '& .community-icons': {
29
30
  fontSize: '0.9rem'
30
31
  },
31
32
  '& p': {
32
33
  marginTop: 1,
33
- fontSize: '0.57rem'
34
+ fontSize: '0.60rem'
34
35
  }
35
36
  }
36
37
  }
@@ -6826,6 +6826,14 @@ declare const theme: {
6826
6826
  '& .SCEvent-detail-image': {
6827
6827
  height: string;
6828
6828
  };
6829
+ '& .SCEvent-detail-in-progress': {
6830
+ backgroundColor: any;
6831
+ position: string;
6832
+ top: number;
6833
+ right: number;
6834
+ color: any;
6835
+ boxShadow: string;
6836
+ };
6829
6837
  };
6830
6838
  '& .SCEvent-detail-content': {
6831
6839
  padding: string;
@@ -6858,6 +6866,14 @@ declare const theme: {
6858
6866
  '& .SCEvent-preview-image': {
6859
6867
  height: string;
6860
6868
  };
6869
+ '& .SCEvent-preview-in-progress': {
6870
+ backgroundColor: any;
6871
+ position: string;
6872
+ top: number;
6873
+ right: number;
6874
+ color: any;
6875
+ boxShadow: string;
6876
+ };
6861
6877
  };
6862
6878
  '& .SCEvent-preview-content': {
6863
6879
  padding: string;
@@ -6898,6 +6914,22 @@ declare const theme: {
6898
6914
  };
6899
6915
  };
6900
6916
  };
6917
+ '& .SCEvent-snippet-image': {
6918
+ position: string;
6919
+ '& .SCEvent-snippet-in-progress': {
6920
+ height: number;
6921
+ backgroundColor: any;
6922
+ position: string;
6923
+ top: number;
6924
+ right: number;
6925
+ color: any;
6926
+ boxShadow: string;
6927
+ '& span': {
6928
+ fontSize: string;
6929
+ padding: any;
6930
+ };
6931
+ };
6932
+ };
6901
6933
  '& .SCBaseItem-text': {
6902
6934
  fontSize: any;
6903
6935
  '& .SCEvent-snippet-primary': {
@@ -7369,7 +7401,7 @@ declare const theme: {
7369
7401
  '-webkit-box-orient': string;
7370
7402
  };
7371
7403
  };
7372
- '& .SCEventInfoDetails-live': {
7404
+ '& .SCEventInfoDetails-in-progress': {
7373
7405
  width: string;
7374
7406
  height: string;
7375
7407
  borderRadius: string;
@@ -7653,6 +7685,7 @@ declare const theme: {
7653
7685
  overflow: string;
7654
7686
  };
7655
7687
  '& .SCEventInfoDetails-icon-text-wrapper': {
7688
+ gap: any;
7656
7689
  '& .community-icons': {
7657
7690
  fontSize: string;
7658
7691
  };
@@ -7,6 +7,14 @@ declare const Component: {
7
7
  '& .SCEvent-detail-image': {
8
8
  height: string;
9
9
  };
10
+ '& .SCEvent-detail-in-progress': {
11
+ backgroundColor: any;
12
+ position: string;
13
+ top: number;
14
+ right: number;
15
+ color: any;
16
+ boxShadow: string;
17
+ };
10
18
  };
11
19
  '& .SCEvent-detail-content': {
12
20
  padding: string;
@@ -39,6 +47,14 @@ declare const Component: {
39
47
  '& .SCEvent-preview-image': {
40
48
  height: string;
41
49
  };
50
+ '& .SCEvent-preview-in-progress': {
51
+ backgroundColor: any;
52
+ position: string;
53
+ top: number;
54
+ right: number;
55
+ color: any;
56
+ boxShadow: string;
57
+ };
42
58
  };
43
59
  '& .SCEvent-preview-content': {
44
60
  padding: string;
@@ -79,6 +95,22 @@ declare const Component: {
79
95
  };
80
96
  };
81
97
  };
98
+ '& .SCEvent-snippet-image': {
99
+ position: string;
100
+ '& .SCEvent-snippet-in-progress': {
101
+ height: number;
102
+ backgroundColor: any;
103
+ position: string;
104
+ top: number;
105
+ right: number;
106
+ color: any;
107
+ boxShadow: string;
108
+ '& span': {
109
+ fontSize: string;
110
+ padding: any;
111
+ };
112
+ };
113
+ };
82
114
  '& .SCBaseItem-text': {
83
115
  fontSize: any;
84
116
  '& .SCEvent-snippet-primary': {
@@ -6,6 +6,14 @@ const Component = {
6
6
  position: 'relative',
7
7
  '& .SCEvent-detail-image': {
8
8
  height: '170px'
9
+ },
10
+ '& .SCEvent-detail-in-progress': {
11
+ backgroundColor: theme.palette.secondary.main,
12
+ position: 'absolute',
13
+ top: 10,
14
+ right: 10,
15
+ color: theme.palette.common.white,
16
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
9
17
  }
10
18
  },
11
19
  '& .SCEvent-detail-content': {
@@ -38,13 +46,21 @@ const Component = {
38
46
  position: 'relative',
39
47
  '& .SCEvent-preview-image': {
40
48
  height: '80px'
49
+ },
50
+ '& .SCEvent-preview-in-progress': {
51
+ backgroundColor: theme.palette.secondary.main,
52
+ position: 'absolute',
53
+ top: 7,
54
+ right: 7,
55
+ color: theme.palette.common.white,
56
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
41
57
  }
42
58
  },
43
59
  '& .SCEvent-preview-content': {
44
60
  padding: `${theme.spacing()} !important`,
45
61
  '& .SCEventInfoDetails-icon-text-wrapper': {
46
62
  '& .MuiTypography-root': {
47
- fontSize: '0.75rem'
63
+ fontSize: '0.8rem'
48
64
  }
49
65
  },
50
66
  '& .SCEvent-detail-user': {
@@ -79,6 +95,22 @@ const Component = {
79
95
  }
80
96
  }
81
97
  },
98
+ '& .SCEvent-snippet-image': {
99
+ position: 'relative',
100
+ '& .SCEvent-snippet-in-progress': {
101
+ height: 18,
102
+ backgroundColor: theme.palette.secondary.main,
103
+ position: 'absolute',
104
+ top: 5,
105
+ right: 3,
106
+ color: theme.palette.common.white,
107
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
108
+ '& span': {
109
+ fontSize: '0.8rem',
110
+ padding: theme.spacing()
111
+ }
112
+ }
113
+ },
82
114
  '& .SCBaseItem-text': {
83
115
  fontSize: theme.typography.fontSize,
84
116
  '& .SCEvent-snippet-primary': {
@@ -25,7 +25,7 @@ declare const Component: {
25
25
  '-webkit-box-orient': string;
26
26
  };
27
27
  };
28
- '& .SCEventInfoDetails-live': {
28
+ '& .SCEventInfoDetails-in-progress': {
29
29
  width: string;
30
30
  height: string;
31
31
  borderRadius: string;
@@ -5,7 +5,7 @@ const Component = {
5
5
  '& .SCEventInfoDetails-icon-text-wrapper': {
6
6
  flexDirection: 'row',
7
7
  alignItems: 'center',
8
- gap: theme.spacing(1),
8
+ gap: theme.spacing(0.75),
9
9
  '& > p': {
10
10
  textTransform: 'capitalize'
11
11
  },
@@ -23,7 +23,7 @@ const Component = {
23
23
  '-webkit-box-orient': 'vertical'
24
24
  }
25
25
  },
26
- '& .SCEventInfoDetails-live': {
26
+ '& .SCEventInfoDetails-in-progress': {
27
27
  width: '6px',
28
28
  height: '6px',
29
29
  borderRadius: '9999px',
@@ -25,6 +25,7 @@ declare const Component: {
25
25
  overflow: string;
26
26
  };
27
27
  '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ gap: any;
28
29
  '& .community-icons': {
29
30
  fontSize: string;
30
31
  };
@@ -23,12 +23,13 @@ const Component = {
23
23
  overflow: 'hidden'
24
24
  },
25
25
  '& .SCEventInfoDetails-icon-text-wrapper': {
26
+ gap: theme.spacing(0.5),
26
27
  '& .community-icons': {
27
28
  fontSize: '0.9rem'
28
29
  },
29
30
  '& p': {
30
31
  marginTop: 1,
31
- fontSize: '0.57rem'
32
+ fontSize: '0.60rem'
32
33
  }
33
34
  }
34
35
  }
@@ -6826,6 +6826,14 @@ declare const theme: {
6826
6826
  '& .SCEvent-detail-image': {
6827
6827
  height: string;
6828
6828
  };
6829
+ '& .SCEvent-detail-in-progress': {
6830
+ backgroundColor: any;
6831
+ position: string;
6832
+ top: number;
6833
+ right: number;
6834
+ color: any;
6835
+ boxShadow: string;
6836
+ };
6829
6837
  };
6830
6838
  '& .SCEvent-detail-content': {
6831
6839
  padding: string;
@@ -6858,6 +6866,14 @@ declare const theme: {
6858
6866
  '& .SCEvent-preview-image': {
6859
6867
  height: string;
6860
6868
  };
6869
+ '& .SCEvent-preview-in-progress': {
6870
+ backgroundColor: any;
6871
+ position: string;
6872
+ top: number;
6873
+ right: number;
6874
+ color: any;
6875
+ boxShadow: string;
6876
+ };
6861
6877
  };
6862
6878
  '& .SCEvent-preview-content': {
6863
6879
  padding: string;
@@ -6898,6 +6914,22 @@ declare const theme: {
6898
6914
  };
6899
6915
  };
6900
6916
  };
6917
+ '& .SCEvent-snippet-image': {
6918
+ position: string;
6919
+ '& .SCEvent-snippet-in-progress': {
6920
+ height: number;
6921
+ backgroundColor: any;
6922
+ position: string;
6923
+ top: number;
6924
+ right: number;
6925
+ color: any;
6926
+ boxShadow: string;
6927
+ '& span': {
6928
+ fontSize: string;
6929
+ padding: any;
6930
+ };
6931
+ };
6932
+ };
6901
6933
  '& .SCBaseItem-text': {
6902
6934
  fontSize: any;
6903
6935
  '& .SCEvent-snippet-primary': {
@@ -7369,7 +7401,7 @@ declare const theme: {
7369
7401
  '-webkit-box-orient': string;
7370
7402
  };
7371
7403
  };
7372
- '& .SCEventInfoDetails-live': {
7404
+ '& .SCEventInfoDetails-in-progress': {
7373
7405
  width: string;
7374
7406
  height: string;
7375
7407
  borderRadius: string;
@@ -7653,6 +7685,7 @@ declare const theme: {
7653
7685
  overflow: string;
7654
7686
  };
7655
7687
  '& .SCEventInfoDetails-icon-text-wrapper': {
7688
+ gap: any;
7656
7689
  '& .community-icons': {
7657
7690
  fontSize: string;
7658
7691
  };