@selfcommunity/react-theme-default 0.4.5-payments.219 → 0.4.5-payments.221

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.
@@ -8,6 +8,7 @@ declare const Component: {
8
8
  margin: string;
9
9
  width: string;
10
10
  position: string;
11
+ gap: any;
11
12
  '& .SCMediaFile-background': {
12
13
  backgroundSize: string;
13
14
  backgroundPosition: string;
@@ -91,10 +92,16 @@ declare const Component: {
91
92
  position: string;
92
93
  top: number;
93
94
  };
95
+ '& .SCMediaFile-docs-wrapper': {
96
+ gap: any;
97
+ };
94
98
  };
95
- lightboxRoot: ({ theme }: any) => {};
99
+ lightboxRoot: () => {};
96
100
  previewRoot: ({ theme }: any) => {
97
- '& > div': {
101
+ display: string;
102
+ flexDirection: string;
103
+ gap: any;
104
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
98
105
  display: string;
99
106
  flexDirection: string;
100
107
  flexWrap: string;
@@ -144,12 +151,58 @@ declare const Component: {
144
151
  };
145
152
  };
146
153
  };
154
+ '& .SCMediaFile-docs-wrapper': {
155
+ display: string;
156
+ flexDirection: string;
157
+ gap: any;
158
+ };
147
159
  };
148
- triggerRoot: ({ theme }: any) => {};
149
- triggerDrawerRoot: ({ theme }: any) => {
160
+ triggerRoot: () => {};
161
+ triggerDrawerRoot: () => {
150
162
  zIndex: number;
151
163
  };
152
- triggerMenuRoot: ({ theme }: any) => {};
164
+ triggerMenuRoot: () => {};
165
+ docRoot: ({ theme }: {
166
+ theme: any;
167
+ }) => {
168
+ borderRadius: string;
169
+ border: string;
170
+ padding: any;
171
+ flexDirection: string;
172
+ gap: string;
173
+ '& .SCMediaFile-image': {
174
+ width: string;
175
+ height: string;
176
+ flexShrink: number;
177
+ };
178
+ '& .SCMediaFile-text-wrapper': {
179
+ [x: number]: {
180
+ maxWidth: string;
181
+ };
182
+ gap: string;
183
+ '& .SCMediaFile-title': {
184
+ textAlign: string;
185
+ display: string;
186
+ '-webkit-line-clamp': string;
187
+ '-webkit-box-orient': string;
188
+ overflow: string;
189
+ };
190
+ '& .SCMediaFile-subtitle': {
191
+ textAlign: string;
192
+ color: any;
193
+ };
194
+ };
195
+ '& .SCMediaFile-action-wrapper': {
196
+ flexDirection: string;
197
+ gap: string;
198
+ marginLeft: string;
199
+ '& .SCMediaFile-action': {
200
+ '&:hover': {
201
+ backgroundColor: any;
202
+ };
203
+ };
204
+ };
205
+ };
153
206
  };
154
207
  };
155
208
  export default Component;
@@ -7,6 +7,7 @@ const Component = {
7
7
  margin: 'auto',
8
8
  width: '100%',
9
9
  position: 'relative',
10
+ gap: theme.spacing(2),
10
11
  [theme.breakpoints.down('md')]: {
11
12
  minHeight: 170
12
13
  },
@@ -92,11 +93,17 @@ const Component = {
92
93
  fontSize: 14,
93
94
  position: 'relative',
94
95
  top: 2
96
+ },
97
+ '& .SCMediaFile-docs-wrapper': {
98
+ gap: theme.spacing(2)
95
99
  }
96
100
  }),
97
- lightboxRoot: ({ theme }) => ({}),
101
+ lightboxRoot: () => ({}),
98
102
  previewRoot: ({ theme }) => ({
99
- '& > div': {
103
+ display: 'flex',
104
+ flexDirection: 'column',
105
+ gap: theme.spacing(2),
106
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
100
107
  display: 'flex',
101
108
  flexDirection: 'row',
102
109
  flexWrap: 'nowrap',
@@ -145,13 +152,57 @@ const Component = {
145
152
  maxWidth: 200
146
153
  }
147
154
  }
155
+ },
156
+ '& .SCMediaFile-docs-wrapper': {
157
+ display: 'flex',
158
+ flexDirection: 'column',
159
+ gap: theme.spacing(2)
148
160
  }
149
161
  }),
150
- triggerRoot: ({ theme }) => ({}),
151
- triggerDrawerRoot: ({ theme }) => ({
162
+ triggerRoot: () => ({}),
163
+ triggerDrawerRoot: () => ({
152
164
  zIndex: 1300
153
165
  }),
154
- triggerMenuRoot: ({ theme }) => ({})
166
+ triggerMenuRoot: () => ({}),
167
+ docRoot: ({ theme }) => ({
168
+ borderRadius: '10px',
169
+ border: '1px solid #DDD',
170
+ padding: theme.spacing(1),
171
+ flexDirection: 'row',
172
+ gap: '8px',
173
+ '& .SCMediaFile-image': {
174
+ width: '50px',
175
+ height: '50px',
176
+ flexShrink: 0
177
+ },
178
+ '& .SCMediaFile-text-wrapper': {
179
+ gap: '4px',
180
+ [theme.breakpoints.down('sm')]: {
181
+ maxWidth: '57%'
182
+ },
183
+ '& .SCMediaFile-title': {
184
+ textAlign: 'left',
185
+ display: '-webkit-box',
186
+ '-webkit-line-clamp': '1',
187
+ '-webkit-box-orient': 'vertical',
188
+ overflow: 'hidden'
189
+ },
190
+ '& .SCMediaFile-subtitle': {
191
+ textAlign: 'left',
192
+ color: theme.palette.grey['600']
193
+ }
194
+ },
195
+ '& .SCMediaFile-action-wrapper': {
196
+ flexDirection: 'row',
197
+ gap: '8px',
198
+ marginLeft: 'auto',
199
+ '& .SCMediaFile-action': {
200
+ '&:hover': {
201
+ backgroundColor: theme.palette.common.white
202
+ }
203
+ }
204
+ }
205
+ })
155
206
  }
156
207
  };
157
208
  exports.default = Component;
@@ -6458,6 +6458,7 @@ declare const theme: {
6458
6458
  margin: string;
6459
6459
  width: string;
6460
6460
  position: string;
6461
+ gap: any;
6461
6462
  '& .SCMediaFile-background': {
6462
6463
  backgroundSize: string;
6463
6464
  backgroundPosition: string;
@@ -6541,10 +6542,16 @@ declare const theme: {
6541
6542
  position: string;
6542
6543
  top: number;
6543
6544
  };
6545
+ '& .SCMediaFile-docs-wrapper': {
6546
+ gap: any;
6547
+ };
6544
6548
  };
6545
- lightboxRoot: ({ theme }: any) => {};
6549
+ lightboxRoot: () => {};
6546
6550
  previewRoot: ({ theme }: any) => {
6547
- '& > div': {
6551
+ display: string;
6552
+ flexDirection: string;
6553
+ gap: any;
6554
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
6548
6555
  display: string;
6549
6556
  flexDirection: string;
6550
6557
  flexWrap: string;
@@ -6594,12 +6601,58 @@ declare const theme: {
6594
6601
  };
6595
6602
  };
6596
6603
  };
6604
+ '& .SCMediaFile-docs-wrapper': {
6605
+ display: string;
6606
+ flexDirection: string;
6607
+ gap: any;
6608
+ };
6597
6609
  };
6598
- triggerRoot: ({ theme }: any) => {};
6599
- triggerDrawerRoot: ({ theme }: any) => {
6610
+ triggerRoot: () => {};
6611
+ triggerDrawerRoot: () => {
6600
6612
  zIndex: number;
6601
6613
  };
6602
- triggerMenuRoot: ({ theme }: any) => {};
6614
+ triggerMenuRoot: () => {};
6615
+ docRoot: ({ theme }: {
6616
+ theme: any;
6617
+ }) => {
6618
+ borderRadius: string;
6619
+ border: string;
6620
+ padding: any;
6621
+ flexDirection: string;
6622
+ gap: string;
6623
+ '& .SCMediaFile-image': {
6624
+ width: string;
6625
+ height: string;
6626
+ flexShrink: number;
6627
+ };
6628
+ '& .SCMediaFile-text-wrapper': {
6629
+ [x: number]: {
6630
+ maxWidth: string;
6631
+ };
6632
+ gap: string;
6633
+ '& .SCMediaFile-title': {
6634
+ textAlign: string;
6635
+ display: string;
6636
+ '-webkit-line-clamp': string;
6637
+ '-webkit-box-orient': string;
6638
+ overflow: string;
6639
+ };
6640
+ '& .SCMediaFile-subtitle': {
6641
+ textAlign: string;
6642
+ color: any;
6643
+ };
6644
+ };
6645
+ '& .SCMediaFile-action-wrapper': {
6646
+ flexDirection: string;
6647
+ gap: string;
6648
+ marginLeft: string;
6649
+ '& .SCMediaFile-action': {
6650
+ '&:hover': {
6651
+ backgroundColor: any;
6652
+ };
6653
+ };
6654
+ };
6655
+ };
6603
6656
  };
6604
6657
  };
6605
6658
  SCMediaLink: {
@@ -8,6 +8,7 @@ declare const Component: {
8
8
  margin: string;
9
9
  width: string;
10
10
  position: string;
11
+ gap: any;
11
12
  '& .SCMediaFile-background': {
12
13
  backgroundSize: string;
13
14
  backgroundPosition: string;
@@ -91,10 +92,16 @@ declare const Component: {
91
92
  position: string;
92
93
  top: number;
93
94
  };
95
+ '& .SCMediaFile-docs-wrapper': {
96
+ gap: any;
97
+ };
94
98
  };
95
- lightboxRoot: ({ theme }: any) => {};
99
+ lightboxRoot: () => {};
96
100
  previewRoot: ({ theme }: any) => {
97
- '& > div': {
101
+ display: string;
102
+ flexDirection: string;
103
+ gap: any;
104
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
98
105
  display: string;
99
106
  flexDirection: string;
100
107
  flexWrap: string;
@@ -144,12 +151,58 @@ declare const Component: {
144
151
  };
145
152
  };
146
153
  };
154
+ '& .SCMediaFile-docs-wrapper': {
155
+ display: string;
156
+ flexDirection: string;
157
+ gap: any;
158
+ };
147
159
  };
148
- triggerRoot: ({ theme }: any) => {};
149
- triggerDrawerRoot: ({ theme }: any) => {
160
+ triggerRoot: () => {};
161
+ triggerDrawerRoot: () => {
150
162
  zIndex: number;
151
163
  };
152
- triggerMenuRoot: ({ theme }: any) => {};
164
+ triggerMenuRoot: () => {};
165
+ docRoot: ({ theme }: {
166
+ theme: any;
167
+ }) => {
168
+ borderRadius: string;
169
+ border: string;
170
+ padding: any;
171
+ flexDirection: string;
172
+ gap: string;
173
+ '& .SCMediaFile-image': {
174
+ width: string;
175
+ height: string;
176
+ flexShrink: number;
177
+ };
178
+ '& .SCMediaFile-text-wrapper': {
179
+ [x: number]: {
180
+ maxWidth: string;
181
+ };
182
+ gap: string;
183
+ '& .SCMediaFile-title': {
184
+ textAlign: string;
185
+ display: string;
186
+ '-webkit-line-clamp': string;
187
+ '-webkit-box-orient': string;
188
+ overflow: string;
189
+ };
190
+ '& .SCMediaFile-subtitle': {
191
+ textAlign: string;
192
+ color: any;
193
+ };
194
+ };
195
+ '& .SCMediaFile-action-wrapper': {
196
+ flexDirection: string;
197
+ gap: string;
198
+ marginLeft: string;
199
+ '& .SCMediaFile-action': {
200
+ '&:hover': {
201
+ backgroundColor: any;
202
+ };
203
+ };
204
+ };
205
+ };
153
206
  };
154
207
  };
155
208
  export default Component;
@@ -5,6 +5,7 @@ const Component = {
5
5
  margin: 'auto',
6
6
  width: '100%',
7
7
  position: 'relative',
8
+ gap: theme.spacing(2),
8
9
  [theme.breakpoints.down('md')]: {
9
10
  minHeight: 170
10
11
  },
@@ -90,11 +91,17 @@ const Component = {
90
91
  fontSize: 14,
91
92
  position: 'relative',
92
93
  top: 2
94
+ },
95
+ '& .SCMediaFile-docs-wrapper': {
96
+ gap: theme.spacing(2)
93
97
  }
94
98
  }),
95
- lightboxRoot: ({ theme }) => ({}),
99
+ lightboxRoot: () => ({}),
96
100
  previewRoot: ({ theme }) => ({
97
- '& > div': {
101
+ display: 'flex',
102
+ flexDirection: 'column',
103
+ gap: theme.spacing(2),
104
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
98
105
  display: 'flex',
99
106
  flexDirection: 'row',
100
107
  flexWrap: 'nowrap',
@@ -143,13 +150,57 @@ const Component = {
143
150
  maxWidth: 200
144
151
  }
145
152
  }
153
+ },
154
+ '& .SCMediaFile-docs-wrapper': {
155
+ display: 'flex',
156
+ flexDirection: 'column',
157
+ gap: theme.spacing(2)
146
158
  }
147
159
  }),
148
- triggerRoot: ({ theme }) => ({}),
149
- triggerDrawerRoot: ({ theme }) => ({
160
+ triggerRoot: () => ({}),
161
+ triggerDrawerRoot: () => ({
150
162
  zIndex: 1300
151
163
  }),
152
- triggerMenuRoot: ({ theme }) => ({})
164
+ triggerMenuRoot: () => ({}),
165
+ docRoot: ({ theme }) => ({
166
+ borderRadius: '10px',
167
+ border: '1px solid #DDD',
168
+ padding: theme.spacing(1),
169
+ flexDirection: 'row',
170
+ gap: '8px',
171
+ '& .SCMediaFile-image': {
172
+ width: '50px',
173
+ height: '50px',
174
+ flexShrink: 0
175
+ },
176
+ '& .SCMediaFile-text-wrapper': {
177
+ gap: '4px',
178
+ [theme.breakpoints.down('sm')]: {
179
+ maxWidth: '57%'
180
+ },
181
+ '& .SCMediaFile-title': {
182
+ textAlign: 'left',
183
+ display: '-webkit-box',
184
+ '-webkit-line-clamp': '1',
185
+ '-webkit-box-orient': 'vertical',
186
+ overflow: 'hidden'
187
+ },
188
+ '& .SCMediaFile-subtitle': {
189
+ textAlign: 'left',
190
+ color: theme.palette.grey['600']
191
+ }
192
+ },
193
+ '& .SCMediaFile-action-wrapper': {
194
+ flexDirection: 'row',
195
+ gap: '8px',
196
+ marginLeft: 'auto',
197
+ '& .SCMediaFile-action': {
198
+ '&:hover': {
199
+ backgroundColor: theme.palette.common.white
200
+ }
201
+ }
202
+ }
203
+ })
153
204
  }
154
205
  };
155
206
  export default Component;
@@ -6458,6 +6458,7 @@ declare const theme: {
6458
6458
  margin: string;
6459
6459
  width: string;
6460
6460
  position: string;
6461
+ gap: any;
6461
6462
  '& .SCMediaFile-background': {
6462
6463
  backgroundSize: string;
6463
6464
  backgroundPosition: string;
@@ -6541,10 +6542,16 @@ declare const theme: {
6541
6542
  position: string;
6542
6543
  top: number;
6543
6544
  };
6545
+ '& .SCMediaFile-docs-wrapper': {
6546
+ gap: any;
6547
+ };
6544
6548
  };
6545
- lightboxRoot: ({ theme }: any) => {};
6549
+ lightboxRoot: () => {};
6546
6550
  previewRoot: ({ theme }: any) => {
6547
- '& > div': {
6551
+ display: string;
6552
+ flexDirection: string;
6553
+ gap: any;
6554
+ '& > div:not(.SCMediaFile-docs-wrapper)': {
6548
6555
  display: string;
6549
6556
  flexDirection: string;
6550
6557
  flexWrap: string;
@@ -6594,12 +6601,58 @@ declare const theme: {
6594
6601
  };
6595
6602
  };
6596
6603
  };
6604
+ '& .SCMediaFile-docs-wrapper': {
6605
+ display: string;
6606
+ flexDirection: string;
6607
+ gap: any;
6608
+ };
6597
6609
  };
6598
- triggerRoot: ({ theme }: any) => {};
6599
- triggerDrawerRoot: ({ theme }: any) => {
6610
+ triggerRoot: () => {};
6611
+ triggerDrawerRoot: () => {
6600
6612
  zIndex: number;
6601
6613
  };
6602
- triggerMenuRoot: ({ theme }: any) => {};
6614
+ triggerMenuRoot: () => {};
6615
+ docRoot: ({ theme }: {
6616
+ theme: any;
6617
+ }) => {
6618
+ borderRadius: string;
6619
+ border: string;
6620
+ padding: any;
6621
+ flexDirection: string;
6622
+ gap: string;
6623
+ '& .SCMediaFile-image': {
6624
+ width: string;
6625
+ height: string;
6626
+ flexShrink: number;
6627
+ };
6628
+ '& .SCMediaFile-text-wrapper': {
6629
+ [x: number]: {
6630
+ maxWidth: string;
6631
+ };
6632
+ gap: string;
6633
+ '& .SCMediaFile-title': {
6634
+ textAlign: string;
6635
+ display: string;
6636
+ '-webkit-line-clamp': string;
6637
+ '-webkit-box-orient': string;
6638
+ overflow: string;
6639
+ };
6640
+ '& .SCMediaFile-subtitle': {
6641
+ textAlign: string;
6642
+ color: any;
6643
+ };
6644
+ };
6645
+ '& .SCMediaFile-action-wrapper': {
6646
+ flexDirection: string;
6647
+ gap: string;
6648
+ marginLeft: string;
6649
+ '& .SCMediaFile-action': {
6650
+ '&:hover': {
6651
+ backgroundColor: any;
6652
+ };
6653
+ };
6654
+ };
6655
+ };
6603
6656
  };
6604
6657
  };
6605
6658
  SCMediaLink: {