@selfcommunity/react-theme-default 0.1.50-events.54 → 0.1.50-events.56

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 (16) hide show
  1. package/lib/cjs/components/SCEventForm.d.ts +0 -1
  2. package/lib/cjs/components/SCEventForm.js +1 -2
  3. package/lib/cjs/components/SCEventHeader.d.ts +2 -0
  4. package/lib/cjs/components/SCEventHeader.js +2 -0
  5. package/lib/cjs/components/SCEvents.d.ts +12 -2
  6. package/lib/cjs/components/SCEvents.js +14 -4
  7. package/lib/cjs/index.d.ts +14 -3
  8. package/lib/esm/components/SCEventForm.d.ts +0 -1
  9. package/lib/esm/components/SCEventForm.js +1 -2
  10. package/lib/esm/components/SCEventHeader.d.ts +2 -0
  11. package/lib/esm/components/SCEventHeader.js +2 -0
  12. package/lib/esm/components/SCEvents.d.ts +12 -2
  13. package/lib/esm/components/SCEvents.js +14 -4
  14. package/lib/esm/index.d.ts +14 -3
  15. package/lib/umd/react-theme-default.js +2 -2
  16. package/package.json +4 -4
package/lib/cjs/components/SCEventForm.d.ts CHANGED
@@ -91,7 +91,6 @@ declare const Component: {
91
91
  };
92
92
  };
93
93
  '& .SCEventForm-event-address-tab': {
94
- minHeight: number;
95
94
  textTransform: string;
96
95
  };
97
96
  '& .SCEventForm-event-address-tab-content': {
package/lib/cjs/components/SCEventForm.js CHANGED
@@ -88,13 +88,12 @@ const Component = {
88
88
  backgroundColor: theme.palette.grey['A200'],
89
89
  borderRadius: 5,
90
90
  '& .SCEventForm-event-address-tabs': {
91
- padding: theme.spacing(2, 2, 0, 2),
91
+ padding: theme.spacing(0, 2, 0, 2),
92
92
  '& .MuiTabs-indicator': {
93
93
  bottom: theme.spacing(1.5)
94
94
  }
95
95
  },
96
96
  '& .SCEventForm-event-address-tab': {
97
- minHeight: 0,
98
97
  textTransform: 'none'
99
98
  },
100
99
  '& .SCEventForm-event-address-tab-content': {
package/lib/cjs/components/SCEventHeader.d.ts CHANGED
@@ -18,6 +18,8 @@ declare const Component: {
18
18
  color: any;
19
19
  };
20
20
  '& .SCEventHeader-info': {
21
+ paddingRight: any;
22
+ paddingLeft: any;
21
23
  marginTop: any;
22
24
  '& .SCEventHeader-name': {
23
25
  fontSize: string;
package/lib/cjs/components/SCEventHeader.js CHANGED
@@ -21,6 +21,8 @@ const Component = {
21
21
  color: theme.palette.text.secondary
22
22
  },
23
23
  '& .SCEventHeader-info': {
24
+ paddingRight: theme.spacing(2),
25
+ paddingLeft: theme.spacing(2),
24
26
  marginTop: theme.spacing(6),
25
27
  '& .SCEventHeader-name': {
26
28
  fontSize: '1.857rem',
package/lib/cjs/components/SCEvents.d.ts CHANGED
@@ -14,15 +14,25 @@ declare const Component: {
14
14
  '& .SCEvent-skeleton-root': {
15
15
  padding: any;
16
16
  };
17
+ '& .SCBaseItem-root': {
18
+ display: string;
19
+ justifyContent: string;
20
+ };
21
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
+ maxWidth: string;
23
+ };
17
24
  };
18
25
  '& .SCEvents-no-results': {
19
- maxWidth: string;
20
26
  marginTop: any;
21
27
  display: string;
22
28
  flexDirection: string;
23
29
  alignItems: string;
24
30
  '& .SCEvent-skeleton-root': {
25
31
  marginBottom: any;
32
+ minWidth: string;
33
+ };
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: string;
26
36
  };
27
37
  '& .MuiTypography-body1': {
28
38
  fontWeight: any;
@@ -43,7 +53,7 @@ declare const Component: {
43
53
  marginTop: any;
44
54
  };
45
55
  };
46
- chipRoot: ({ theme, selected }: any) => {
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
47
57
  height: any;
48
58
  borderRadius: any;
49
59
  color: any;
package/lib/cjs/components/SCEvents.js CHANGED
@@ -15,16 +15,26 @@ const Component = {
15
15
  },
16
16
  '& .SCEvent-skeleton-root': {
17
17
  padding: theme.spacing(0.5, 0, 0.5, 0)
18
+ },
19
+ '& .SCBaseItem-root': {
20
+ display: 'flex',
21
+ justifyContent: 'space-between'
22
+ },
23
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
24
+ maxWidth: '70%'
18
25
  }
19
26
  },
20
27
  '& .SCEvents-no-results': {
21
- maxWidth: '50%',
22
28
  marginTop: theme.spacing(3),
23
29
  display: 'flex',
24
30
  flexDirection: 'column',
25
31
  alignItems: 'flex-start',
26
32
  '& .SCEvent-skeleton-root': {
27
- marginBottom: theme.spacing(2)
33
+ marginBottom: theme.spacing(2),
34
+ minWidth: '50%'
35
+ },
36
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
37
+ maxWidth: '70%'
28
38
  },
29
39
  '& .MuiTypography-body1': {
30
40
  fontWeight: theme.typography.fontWeightMedium,
@@ -45,10 +55,10 @@ const Component = {
45
55
  marginTop: theme.spacing(3)
46
56
  }
47
57
  }),
48
- chipRoot: ({ theme, selected }) => ({
58
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
49
59
  height: theme.spacing(4.75),
50
60
  borderRadius: theme.spacing(0.5),
51
- color: selected ? theme.palette.common.white : theme.palette.text.primary,
61
+ color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
52
62
  '& .MuiIcon-root': {
53
63
  fontSize: '1rem',
54
64
  color: theme.palette.common.white
package/lib/cjs/index.d.ts CHANGED
@@ -6390,7 +6390,6 @@ declare const theme: {
6390
6390
  };
6391
6391
  };
6392
6392
  '& .SCEventForm-event-address-tab': {
6393
- minHeight: number;
6394
6393
  textTransform: string;
6395
6394
  };
6396
6395
  '& .SCEventForm-event-address-tab-content': {
@@ -6648,15 +6647,25 @@ declare const theme: {
6648
6647
  '& .SCEvent-skeleton-root': {
6649
6648
  padding: any;
6650
6649
  };
6650
+ '& .SCBaseItem-root': {
6651
+ display: string;
6652
+ justifyContent: string;
6653
+ };
6654
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6655
+ maxWidth: string;
6656
+ };
6651
6657
  };
6652
6658
  '& .SCEvents-no-results': {
6653
- maxWidth: string;
6654
6659
  marginTop: any;
6655
6660
  display: string;
6656
6661
  flexDirection: string;
6657
6662
  alignItems: string;
6658
6663
  '& .SCEvent-skeleton-root': {
6659
6664
  marginBottom: any;
6665
+ minWidth: string;
6666
+ };
6667
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6668
+ maxWidth: string;
6660
6669
  };
6661
6670
  '& .MuiTypography-body1': {
6662
6671
  fontWeight: any;
@@ -6677,7 +6686,7 @@ declare const theme: {
6677
6686
  marginTop: any;
6678
6687
  };
6679
6688
  };
6680
- chipRoot: ({ theme, selected }: any) => {
6689
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
6681
6690
  height: any;
6682
6691
  borderRadius: any;
6683
6692
  color: any;
@@ -6761,6 +6770,8 @@ declare const theme: {
6761
6770
  color: any;
6762
6771
  };
6763
6772
  '& .SCEventHeader-info': {
6773
+ paddingRight: any;
6774
+ paddingLeft: any;
6764
6775
  marginTop: any;
6765
6776
  '& .SCEventHeader-name': {
6766
6777
  fontSize: string;
package/lib/esm/components/SCEventForm.d.ts CHANGED
@@ -91,7 +91,6 @@ declare const Component: {
91
91
  };
92
92
  };
93
93
  '& .SCEventForm-event-address-tab': {
94
- minHeight: number;
95
94
  textTransform: string;
96
95
  };
97
96
  '& .SCEventForm-event-address-tab-content': {
package/lib/esm/components/SCEventForm.js CHANGED
@@ -86,13 +86,12 @@ const Component = {
86
86
  backgroundColor: theme.palette.grey['A200'],
87
87
  borderRadius: 5,
88
88
  '& .SCEventForm-event-address-tabs': {
89
- padding: theme.spacing(2, 2, 0, 2),
89
+ padding: theme.spacing(0, 2, 0, 2),
90
90
  '& .MuiTabs-indicator': {
91
91
  bottom: theme.spacing(1.5)
92
92
  }
93
93
  },
94
94
  '& .SCEventForm-event-address-tab': {
95
- minHeight: 0,
96
95
  textTransform: 'none'
97
96
  },
98
97
  '& .SCEventForm-event-address-tab-content': {
package/lib/esm/components/SCEventHeader.d.ts CHANGED
@@ -18,6 +18,8 @@ declare const Component: {
18
18
  color: any;
19
19
  };
20
20
  '& .SCEventHeader-info': {
21
+ paddingRight: any;
22
+ paddingLeft: any;
21
23
  marginTop: any;
22
24
  '& .SCEventHeader-name': {
23
25
  fontSize: string;
package/lib/esm/components/SCEventHeader.js CHANGED
@@ -19,6 +19,8 @@ const Component = {
19
19
  color: theme.palette.text.secondary
20
20
  },
21
21
  '& .SCEventHeader-info': {
22
+ paddingRight: theme.spacing(2),
23
+ paddingLeft: theme.spacing(2),
22
24
  marginTop: theme.spacing(6),
23
25
  '& .SCEventHeader-name': {
24
26
  fontSize: '1.857rem',
package/lib/esm/components/SCEvents.d.ts CHANGED
@@ -14,15 +14,25 @@ declare const Component: {
14
14
  '& .SCEvent-skeleton-root': {
15
15
  padding: any;
16
16
  };
17
+ '& .SCBaseItem-root': {
18
+ display: string;
19
+ justifyContent: string;
20
+ };
21
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
+ maxWidth: string;
23
+ };
17
24
  };
18
25
  '& .SCEvents-no-results': {
19
- maxWidth: string;
20
26
  marginTop: any;
21
27
  display: string;
22
28
  flexDirection: string;
23
29
  alignItems: string;
24
30
  '& .SCEvent-skeleton-root': {
25
31
  marginBottom: any;
32
+ minWidth: string;
33
+ };
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: string;
26
36
  };
27
37
  '& .MuiTypography-body1': {
28
38
  fontWeight: any;
@@ -43,7 +53,7 @@ declare const Component: {
43
53
  marginTop: any;
44
54
  };
45
55
  };
46
- chipRoot: ({ theme, selected }: any) => {
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
47
57
  height: any;
48
58
  borderRadius: any;
49
59
  color: any;
package/lib/esm/components/SCEvents.js CHANGED
@@ -13,16 +13,26 @@ const Component = {
13
13
  },
14
14
  '& .SCEvent-skeleton-root': {
15
15
  padding: theme.spacing(0.5, 0, 0.5, 0)
16
+ },
17
+ '& .SCBaseItem-root': {
18
+ display: 'flex',
19
+ justifyContent: 'space-between'
20
+ },
21
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
22
+ maxWidth: '70%'
16
23
  }
17
24
  },
18
25
  '& .SCEvents-no-results': {
19
- maxWidth: '50%',
20
26
  marginTop: theme.spacing(3),
21
27
  display: 'flex',
22
28
  flexDirection: 'column',
23
29
  alignItems: 'flex-start',
24
30
  '& .SCEvent-skeleton-root': {
25
- marginBottom: theme.spacing(2)
31
+ marginBottom: theme.spacing(2),
32
+ minWidth: '50%'
33
+ },
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: '70%'
26
36
  },
27
37
  '& .MuiTypography-body1': {
28
38
  fontWeight: theme.typography.fontWeightMedium,
@@ -43,10 +53,10 @@ const Component = {
43
53
  marginTop: theme.spacing(3)
44
54
  }
45
55
  }),
46
- chipRoot: ({ theme, selected }) => ({
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
47
57
  height: theme.spacing(4.75),
48
58
  borderRadius: theme.spacing(0.5),
49
- color: selected ? theme.palette.common.white : theme.palette.text.primary,
59
+ color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
50
60
  '& .MuiIcon-root': {
51
61
  fontSize: '1rem',
52
62
  color: theme.palette.common.white
package/lib/esm/index.d.ts CHANGED
@@ -6390,7 +6390,6 @@ declare const theme: {
6390
6390
  };
6391
6391
  };
6392
6392
  '& .SCEventForm-event-address-tab': {
6393
- minHeight: number;
6394
6393
  textTransform: string;
6395
6394
  };
6396
6395
  '& .SCEventForm-event-address-tab-content': {
@@ -6648,15 +6647,25 @@ declare const theme: {
6648
6647
  '& .SCEvent-skeleton-root': {
6649
6648
  padding: any;
6650
6649
  };
6650
+ '& .SCBaseItem-root': {
6651
+ display: string;
6652
+ justifyContent: string;
6653
+ };
6654
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6655
+ maxWidth: string;
6656
+ };
6651
6657
  };
6652
6658
  '& .SCEvents-no-results': {
6653
- maxWidth: string;
6654
6659
  marginTop: any;
6655
6660
  display: string;
6656
6661
  flexDirection: string;
6657
6662
  alignItems: string;
6658
6663
  '& .SCEvent-skeleton-root': {
6659
6664
  marginBottom: any;
6665
+ minWidth: string;
6666
+ };
6667
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6668
+ maxWidth: string;
6660
6669
  };
6661
6670
  '& .MuiTypography-body1': {
6662
6671
  fontWeight: any;
@@ -6677,7 +6686,7 @@ declare const theme: {
6677
6686
  marginTop: any;
6678
6687
  };
6679
6688
  };
6680
- chipRoot: ({ theme, selected }: any) => {
6689
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
6681
6690
  height: any;
6682
6691
  borderRadius: any;
6683
6692
  color: any;
@@ -6761,6 +6770,8 @@ declare const theme: {
6761
6770
  color: any;
6762
6771
  };
6763
6772
  '& .SCEventHeader-info': {
6773
+ paddingRight: any;
6774
+ paddingLeft: any;
6764
6775
  marginTop: any;
6765
6776
  '& .SCEventHeader-name': {
6766
6777
  fontSize: string;