@selfcommunity/react-theme-default 0.1.50-events.88 → 0.1.50-events.90

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 (12) hide show
  1. package/lib/cjs/components/SCEventHeader.d.ts +4 -1
  2. package/lib/cjs/components/SCEventHeader.js +4 -1
  3. package/lib/cjs/components/SCOnBoardingWidget.d.ts +15 -15
  4. package/lib/cjs/components/SCOnBoardingWidget.js +19 -19
  5. package/lib/cjs/index.d.ts +19 -16
  6. package/lib/esm/components/SCEventHeader.d.ts +4 -1
  7. package/lib/esm/components/SCEventHeader.js +4 -1
  8. package/lib/esm/components/SCOnBoardingWidget.d.ts +15 -15
  9. package/lib/esm/components/SCOnBoardingWidget.js +19 -19
  10. package/lib/esm/index.d.ts +19 -16
  11. package/lib/umd/react-theme-default.js +2 -2
  12. package/package.json +4 -4
package/lib/cjs/components/SCEventHeader.d.ts CHANGED
@@ -39,7 +39,10 @@ declare const Component: {
39
39
  };
40
40
  '& .SCEventHeader-chip': {
41
41
  marginLeft: any;
42
- color: any;
42
+ marginBottom: string;
43
+ '& .SCEventHeader-chip-icon': {
44
+ marginLeft: any;
45
+ };
43
46
  };
44
47
  '& .SCEventHeader-time': {
45
48
  textTransform: string;
package/lib/cjs/components/SCEventHeader.js CHANGED
@@ -42,7 +42,10 @@ const Component = {
42
42
  },
43
43
  '& .SCEventHeader-chip': {
44
44
  marginLeft: theme.spacing(2),
45
- color: theme.palette.grey[500]
45
+ marginBottom: '5px',
46
+ '& .SCEventHeader-chip-icon': {
47
+ marginLeft: theme.spacing(1)
48
+ }
46
49
  },
47
50
  '& .SCEventHeader-time': {
48
51
  textTransform: 'uppercase',
package/lib/cjs/components/SCOnBoardingWidget.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- borderRadius: any;
4
+ [x: number]: {
5
+ borderRadius: any;
6
+ };
5
7
  '& .SCOnBoardingWidget-step-content': {
6
8
  [x: number]: {
7
9
  width: string;
@@ -64,8 +66,7 @@ declare const Component: {
64
66
  accordionRoot: ({ theme, expanded }: any) => {
65
67
  boxShadow: string;
66
68
  '& .MuiAccordionDetails-root ': {
67
- paddingLeft: number;
68
- paddingRight: number;
69
+ padding: number;
69
70
  '& .SCOnBoardingWidget-content': {
70
71
  '& .MuiCardContent-root': {
71
72
  [x: number]: {
@@ -82,23 +83,27 @@ declare const Component: {
82
83
  };
83
84
  };
84
85
  '& .MuiAccordionSummary-root': {
85
- backgroundColor: any;
86
- borderRadius: any;
87
- borderBottomLeftRadius: any;
88
- borderBottomRightRadius: any;
86
+ [x: number]: {
87
+ borderRadius: any;
88
+ borderBottomLeftRadius: any;
89
+ borderBottomRightRadius: any;
90
+ };
91
+ borderBottom: string;
92
+ borderRadius: number;
89
93
  '& .MuiAccordionSummary-content': {
90
94
  [x: number]: {
91
95
  flexDirection: string;
96
+ paddingLeft: any;
92
97
  };
93
98
  '& h4, & h5': {
94
99
  fontWeight: any;
95
100
  };
96
101
  '& h4': {
97
102
  [x: number]: {
98
- display: string;
99
- justifyContent: string;
103
+ marginLeft: any;
100
104
  '& .MuiIcon-root': {
101
- marginRight: any;
105
+ position: string;
106
+ left: any;
102
107
  };
103
108
  };
104
109
  fontSize: string;
@@ -114,11 +119,6 @@ declare const Component: {
114
119
  '& h5': {
115
120
  marginBottom: any;
116
121
  };
117
- '& .MuiTypography-subtitle1': {
118
- [x: number]: {
119
- fontSize: string;
120
- };
121
- };
122
122
  };
123
123
  '& .MuiTypography-body1': {
124
124
  [x: number]: {
package/lib/cjs/components/SCOnBoardingWidget.js CHANGED
@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
- borderRadius: theme.shape.borderRadius,
6
+ [theme.breakpoints.up('md')]: {
7
+ borderRadius: theme.shape.borderRadius
8
+ },
7
9
  '& .SCOnBoardingWidget-step-content': {
8
10
  [theme.breakpoints.up('md')]: {
9
11
  width: '70%'
10
12
  },
11
- padding: theme.spacing(0, 2, 2, 2)
13
+ padding: theme.spacing(1, 2, 2, 2)
12
14
  },
13
15
  '& .SCOnBoardingWidget-logo': {
14
16
  width: 'auto'
@@ -66,8 +68,7 @@ const Component = {
66
68
  accordionRoot: ({ theme, expanded }) => ({
67
69
  boxShadow: 'none',
68
70
  '& .MuiAccordionDetails-root ': {
69
- paddingLeft: 0,
70
- paddingRight: 0,
71
+ padding: 0,
71
72
  '& .SCOnBoardingWidget-content': {
72
73
  '& .MuiCardContent-root': {
73
74
  padding: 0,
@@ -84,10 +85,13 @@ const Component = {
84
85
  }
85
86
  },
86
87
  '& .MuiAccordionSummary-root': {
87
- backgroundColor: theme.palette.grey[200],
88
- borderRadius: theme.shape.borderRadius,
89
- borderBottomLeftRadius: expanded ? 0 : theme.shape.borderRadius,
90
- borderBottomRightRadius: expanded ? 0 : theme.shape.borderRadius,
88
+ borderBottom: `1px solid ${theme.palette.grey[200]}`,
89
+ borderRadius: 0,
90
+ [theme.breakpoints.up('md')]: {
91
+ borderRadius: theme.shape.borderRadius,
92
+ borderBottomLeftRadius: expanded ? 0 : theme.shape.borderRadius,
93
+ borderBottomRightRadius: expanded ? 0 : theme.shape.borderRadius
94
+ },
91
95
  '& .MuiAccordionSummary-content': {
92
96
  '& h4, & h5': {
93
97
  fontWeight: theme.typography.fontWeightBold
@@ -95,10 +99,10 @@ const Component = {
95
99
  '& h4': {
96
100
  fontSize: '1.429rem',
97
101
  [theme.breakpoints.down('md')]: {
98
- display: 'flex',
99
- justifyContent: 'center',
102
+ marginLeft: theme.spacing(2),
100
103
  '& .MuiIcon-root': {
101
- marginRight: theme.spacing(1)
104
+ position: 'absolute',
105
+ left: theme.spacing(2)
102
106
  }
103
107
  }
104
108
  },
@@ -111,16 +115,12 @@ const Component = {
111
115
  '& .SCOnBoardingWidget-intro': {
112
116
  marginLeft: theme.spacing(2),
113
117
  '& h5': {
114
- marginBottom: theme.spacing(1)
115
- },
116
- '& .MuiTypography-subtitle1': {
117
- [theme.breakpoints.down('md')]: {
118
- fontSize: '14px'
119
- }
118
+ marginBottom: theme.spacing(0.5)
120
119
  }
121
120
  },
122
121
  [theme.breakpoints.down('md')]: {
123
- flexDirection: 'column'
122
+ flexDirection: 'column',
123
+ paddingLeft: expanded ? theme.spacing(2) : 0
124
124
  },
125
125
  '& .MuiTypography-body1': {
126
126
  display: expanded ? 'inherit' : 'flex',
@@ -138,7 +138,7 @@ const Component = {
138
138
  },
139
139
  alignItems: 'flex-start',
140
140
  '& .MuiAccordionSummary-expandIconWrapper': {
141
- marginTop: theme.spacing(2),
141
+ marginTop: theme.spacing(1.5),
142
142
  alignSelf: 'flex-start'
143
143
  }
144
144
  }
package/lib/cjs/index.d.ts CHANGED
@@ -4884,7 +4884,9 @@ declare const theme: {
4884
4884
  SCOnBoardingWidget: {
4885
4885
  styleOverrides: {
4886
4886
  root: ({ theme }: any) => {
4887
- borderRadius: any;
4887
+ [x: number]: {
4888
+ borderRadius: any;
4889
+ };
4888
4890
  '& .SCOnBoardingWidget-step-content': {
4889
4891
  [x: number]: {
4890
4892
  width: string;
@@ -4947,8 +4949,7 @@ declare const theme: {
4947
4949
  accordionRoot: ({ theme, expanded }: any) => {
4948
4950
  boxShadow: string;
4949
4951
  '& .MuiAccordionDetails-root ': {
4950
- paddingLeft: number;
4951
- paddingRight: number;
4952
+ padding: number;
4952
4953
  '& .SCOnBoardingWidget-content': {
4953
4954
  '& .MuiCardContent-root': {
4954
4955
  [x: number]: {
@@ -4965,23 +4966,27 @@ declare const theme: {
4965
4966
  };
4966
4967
  };
4967
4968
  '& .MuiAccordionSummary-root': {
4968
- backgroundColor: any;
4969
- borderRadius: any;
4970
- borderBottomLeftRadius: any;
4971
- borderBottomRightRadius: any;
4969
+ [x: number]: {
4970
+ borderRadius: any;
4971
+ borderBottomLeftRadius: any;
4972
+ borderBottomRightRadius: any;
4973
+ };
4974
+ borderBottom: string;
4975
+ borderRadius: number;
4972
4976
  '& .MuiAccordionSummary-content': {
4973
4977
  [x: number]: {
4974
4978
  flexDirection: string;
4979
+ paddingLeft: any;
4975
4980
  };
4976
4981
  '& h4, & h5': {
4977
4982
  fontWeight: any;
4978
4983
  };
4979
4984
  '& h4': {
4980
4985
  [x: number]: {
4981
- display: string;
4982
- justifyContent: string;
4986
+ marginLeft: any;
4983
4987
  '& .MuiIcon-root': {
4984
- marginRight: any;
4988
+ position: string;
4989
+ left: any;
4985
4990
  };
4986
4991
  };
4987
4992
  fontSize: string;
@@ -4997,11 +5002,6 @@ declare const theme: {
4997
5002
  '& h5': {
4998
5003
  marginBottom: any;
4999
5004
  };
5000
- '& .MuiTypography-subtitle1': {
5001
- [x: number]: {
5002
- fontSize: string;
5003
- };
5004
- };
5005
5005
  };
5006
5006
  '& .MuiTypography-body1': {
5007
5007
  [x: number]: {
@@ -7114,7 +7114,10 @@ declare const theme: {
7114
7114
  };
7115
7115
  '& .SCEventHeader-chip': {
7116
7116
  marginLeft: any;
7117
- color: any;
7117
+ marginBottom: string;
7118
+ '& .SCEventHeader-chip-icon': {
7119
+ marginLeft: any;
7120
+ };
7118
7121
  };
7119
7122
  '& .SCEventHeader-time': {
7120
7123
  textTransform: string;
package/lib/esm/components/SCEventHeader.d.ts CHANGED
@@ -39,7 +39,10 @@ declare const Component: {
39
39
  };
40
40
  '& .SCEventHeader-chip': {
41
41
  marginLeft: any;
42
- color: any;
42
+ marginBottom: string;
43
+ '& .SCEventHeader-chip-icon': {
44
+ marginLeft: any;
45
+ };
43
46
  };
44
47
  '& .SCEventHeader-time': {
45
48
  textTransform: string;
package/lib/esm/components/SCEventHeader.js CHANGED
@@ -40,7 +40,10 @@ const Component = {
40
40
  },
41
41
  '& .SCEventHeader-chip': {
42
42
  marginLeft: theme.spacing(2),
43
- color: theme.palette.grey[500]
43
+ marginBottom: '5px',
44
+ '& .SCEventHeader-chip-icon': {
45
+ marginLeft: theme.spacing(1)
46
+ }
44
47
  },
45
48
  '& .SCEventHeader-time': {
46
49
  textTransform: 'uppercase',
package/lib/esm/components/SCOnBoardingWidget.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
- borderRadius: any;
4
+ [x: number]: {
5
+ borderRadius: any;
6
+ };
5
7
  '& .SCOnBoardingWidget-step-content': {
6
8
  [x: number]: {
7
9
  width: string;
@@ -64,8 +66,7 @@ declare const Component: {
64
66
  accordionRoot: ({ theme, expanded }: any) => {
65
67
  boxShadow: string;
66
68
  '& .MuiAccordionDetails-root ': {
67
- paddingLeft: number;
68
- paddingRight: number;
69
+ padding: number;
69
70
  '& .SCOnBoardingWidget-content': {
70
71
  '& .MuiCardContent-root': {
71
72
  [x: number]: {
@@ -82,23 +83,27 @@ declare const Component: {
82
83
  };
83
84
  };
84
85
  '& .MuiAccordionSummary-root': {
85
- backgroundColor: any;
86
- borderRadius: any;
87
- borderBottomLeftRadius: any;
88
- borderBottomRightRadius: any;
86
+ [x: number]: {
87
+ borderRadius: any;
88
+ borderBottomLeftRadius: any;
89
+ borderBottomRightRadius: any;
90
+ };
91
+ borderBottom: string;
92
+ borderRadius: number;
89
93
  '& .MuiAccordionSummary-content': {
90
94
  [x: number]: {
91
95
  flexDirection: string;
96
+ paddingLeft: any;
92
97
  };
93
98
  '& h4, & h5': {
94
99
  fontWeight: any;
95
100
  };
96
101
  '& h4': {
97
102
  [x: number]: {
98
- display: string;
99
- justifyContent: string;
103
+ marginLeft: any;
100
104
  '& .MuiIcon-root': {
101
- marginRight: any;
105
+ position: string;
106
+ left: any;
102
107
  };
103
108
  };
104
109
  fontSize: string;
@@ -114,11 +119,6 @@ declare const Component: {
114
119
  '& h5': {
115
120
  marginBottom: any;
116
121
  };
117
- '& .MuiTypography-subtitle1': {
118
- [x: number]: {
119
- fontSize: string;
120
- };
121
- };
122
122
  };
123
123
  '& .MuiTypography-body1': {
124
124
  [x: number]: {
package/lib/esm/components/SCOnBoardingWidget.js CHANGED
@@ -1,12 +1,14 @@
1
1
  const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
- borderRadius: theme.shape.borderRadius,
4
+ [theme.breakpoints.up('md')]: {
5
+ borderRadius: theme.shape.borderRadius
6
+ },
5
7
  '& .SCOnBoardingWidget-step-content': {
6
8
  [theme.breakpoints.up('md')]: {
7
9
  width: '70%'
8
10
  },
9
- padding: theme.spacing(0, 2, 2, 2)
11
+ padding: theme.spacing(1, 2, 2, 2)
10
12
  },
11
13
  '& .SCOnBoardingWidget-logo': {
12
14
  width: 'auto'
@@ -64,8 +66,7 @@ const Component = {
64
66
  accordionRoot: ({ theme, expanded }) => ({
65
67
  boxShadow: 'none',
66
68
  '& .MuiAccordionDetails-root ': {
67
- paddingLeft: 0,
68
- paddingRight: 0,
69
+ padding: 0,
69
70
  '& .SCOnBoardingWidget-content': {
70
71
  '& .MuiCardContent-root': {
71
72
  padding: 0,
@@ -82,10 +83,13 @@ const Component = {
82
83
  }
83
84
  },
84
85
  '& .MuiAccordionSummary-root': {
85
- backgroundColor: theme.palette.grey[200],
86
- borderRadius: theme.shape.borderRadius,
87
- borderBottomLeftRadius: expanded ? 0 : theme.shape.borderRadius,
88
- borderBottomRightRadius: expanded ? 0 : theme.shape.borderRadius,
86
+ borderBottom: `1px solid ${theme.palette.grey[200]}`,
87
+ borderRadius: 0,
88
+ [theme.breakpoints.up('md')]: {
89
+ borderRadius: theme.shape.borderRadius,
90
+ borderBottomLeftRadius: expanded ? 0 : theme.shape.borderRadius,
91
+ borderBottomRightRadius: expanded ? 0 : theme.shape.borderRadius
92
+ },
89
93
  '& .MuiAccordionSummary-content': {
90
94
  '& h4, & h5': {
91
95
  fontWeight: theme.typography.fontWeightBold
@@ -93,10 +97,10 @@ const Component = {
93
97
  '& h4': {
94
98
  fontSize: '1.429rem',
95
99
  [theme.breakpoints.down('md')]: {
96
- display: 'flex',
97
- justifyContent: 'center',
100
+ marginLeft: theme.spacing(2),
98
101
  '& .MuiIcon-root': {
99
- marginRight: theme.spacing(1)
102
+ position: 'absolute',
103
+ left: theme.spacing(2)
100
104
  }
101
105
  }
102
106
  },
@@ -109,16 +113,12 @@ const Component = {
109
113
  '& .SCOnBoardingWidget-intro': {
110
114
  marginLeft: theme.spacing(2),
111
115
  '& h5': {
112
- marginBottom: theme.spacing(1)
113
- },
114
- '& .MuiTypography-subtitle1': {
115
- [theme.breakpoints.down('md')]: {
116
- fontSize: '14px'
117
- }
116
+ marginBottom: theme.spacing(0.5)
118
117
  }
119
118
  },
120
119
  [theme.breakpoints.down('md')]: {
121
- flexDirection: 'column'
120
+ flexDirection: 'column',
121
+ paddingLeft: expanded ? theme.spacing(2) : 0
122
122
  },
123
123
  '& .MuiTypography-body1': {
124
124
  display: expanded ? 'inherit' : 'flex',
@@ -136,7 +136,7 @@ const Component = {
136
136
  },
137
137
  alignItems: 'flex-start',
138
138
  '& .MuiAccordionSummary-expandIconWrapper': {
139
- marginTop: theme.spacing(2),
139
+ marginTop: theme.spacing(1.5),
140
140
  alignSelf: 'flex-start'
141
141
  }
142
142
  }
package/lib/esm/index.d.ts CHANGED
@@ -4884,7 +4884,9 @@ declare const theme: {
4884
4884
  SCOnBoardingWidget: {
4885
4885
  styleOverrides: {
4886
4886
  root: ({ theme }: any) => {
4887
- borderRadius: any;
4887
+ [x: number]: {
4888
+ borderRadius: any;
4889
+ };
4888
4890
  '& .SCOnBoardingWidget-step-content': {
4889
4891
  [x: number]: {
4890
4892
  width: string;
@@ -4947,8 +4949,7 @@ declare const theme: {
4947
4949
  accordionRoot: ({ theme, expanded }: any) => {
4948
4950
  boxShadow: string;
4949
4951
  '& .MuiAccordionDetails-root ': {
4950
- paddingLeft: number;
4951
- paddingRight: number;
4952
+ padding: number;
4952
4953
  '& .SCOnBoardingWidget-content': {
4953
4954
  '& .MuiCardContent-root': {
4954
4955
  [x: number]: {
@@ -4965,23 +4966,27 @@ declare const theme: {
4965
4966
  };
4966
4967
  };
4967
4968
  '& .MuiAccordionSummary-root': {
4968
- backgroundColor: any;
4969
- borderRadius: any;
4970
- borderBottomLeftRadius: any;
4971
- borderBottomRightRadius: any;
4969
+ [x: number]: {
4970
+ borderRadius: any;
4971
+ borderBottomLeftRadius: any;
4972
+ borderBottomRightRadius: any;
4973
+ };
4974
+ borderBottom: string;
4975
+ borderRadius: number;
4972
4976
  '& .MuiAccordionSummary-content': {
4973
4977
  [x: number]: {
4974
4978
  flexDirection: string;
4979
+ paddingLeft: any;
4975
4980
  };
4976
4981
  '& h4, & h5': {
4977
4982
  fontWeight: any;
4978
4983
  };
4979
4984
  '& h4': {
4980
4985
  [x: number]: {
4981
- display: string;
4982
- justifyContent: string;
4986
+ marginLeft: any;
4983
4987
  '& .MuiIcon-root': {
4984
- marginRight: any;
4988
+ position: string;
4989
+ left: any;
4985
4990
  };
4986
4991
  };
4987
4992
  fontSize: string;
@@ -4997,11 +5002,6 @@ declare const theme: {
4997
5002
  '& h5': {
4998
5003
  marginBottom: any;
4999
5004
  };
5000
- '& .MuiTypography-subtitle1': {
5001
- [x: number]: {
5002
- fontSize: string;
5003
- };
5004
- };
5005
5005
  };
5006
5006
  '& .MuiTypography-body1': {
5007
5007
  [x: number]: {
@@ -7114,7 +7114,10 @@ declare const theme: {
7114
7114
  };
7115
7115
  '& .SCEventHeader-chip': {
7116
7116
  marginLeft: any;
7117
- color: any;
7117
+ marginBottom: string;
7118
+ '& .SCEventHeader-chip-icon': {
7119
+ marginLeft: any;
7120
+ };
7118
7121
  };
7119
7122
  '& .SCEventHeader-time': {
7120
7123
  textTransform: string;