@selfcommunity/react-theme-default 0.2.1-alpha.3 → 0.3.0-alpha.0
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.
- package/lib/cjs/components/SCEventMediaWidget.d.ts +120 -0
- package/lib/cjs/components/SCEventMediaWidget.js +115 -0
- package/lib/cjs/index.d.ts +119 -3
- package/lib/cjs/index.js +3 -1
- package/lib/esm/components/SCEventMediaWidget.d.ts +120 -0
- package/lib/esm/components/SCEventMediaWidget.js +113 -0
- package/lib/esm/index.d.ts +119 -3
- package/lib/esm/index.js +3 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
package/lib/esm/index.d.ts
CHANGED
|
@@ -4905,9 +4905,6 @@ declare const theme: {
|
|
|
4905
4905
|
width: string;
|
|
4906
4906
|
'& .SCNotification-username': {
|
|
4907
4907
|
fontWeight: number;
|
|
4908
|
-
/**
|
|
4909
|
-
* Export default theme
|
|
4910
|
-
*/
|
|
4911
4908
|
'&:hover': {
|
|
4912
4909
|
textDecoration: string;
|
|
4913
4910
|
};
|
|
@@ -8206,6 +8203,125 @@ declare const theme: {
|
|
|
8206
8203
|
};
|
|
8207
8204
|
};
|
|
8208
8205
|
};
|
|
8206
|
+
SCEventMediaWidget: {
|
|
8207
|
+
styleOverrides: {
|
|
8208
|
+
root: ({ theme, showPadding }: {
|
|
8209
|
+
theme: any;
|
|
8210
|
+
showPadding: any;
|
|
8211
|
+
}) => {
|
|
8212
|
+
'& .SCEventMediaWidget-header': {
|
|
8213
|
+
padding: any;
|
|
8214
|
+
};
|
|
8215
|
+
'& .SCEventMediaWidget-content': {
|
|
8216
|
+
padding: any;
|
|
8217
|
+
'& .SCEventMediaWidget-grid': {
|
|
8218
|
+
display: string;
|
|
8219
|
+
gap: string;
|
|
8220
|
+
gridTemplateColumns: string;
|
|
8221
|
+
'& > .SCEventMediaWidget-media': {
|
|
8222
|
+
position: string;
|
|
8223
|
+
width: string;
|
|
8224
|
+
paddingBottom: string;
|
|
8225
|
+
backgroundSize: string;
|
|
8226
|
+
cursor: string;
|
|
8227
|
+
'& > .SCEventMediaWidget-media-layer': {
|
|
8228
|
+
position: string;
|
|
8229
|
+
inset: number;
|
|
8230
|
+
backgroundColor: string;
|
|
8231
|
+
opacity: number;
|
|
8232
|
+
};
|
|
8233
|
+
'& > .SCEventMediaWidget-count-hidden-media-wrapper': {
|
|
8234
|
+
position: string;
|
|
8235
|
+
top: string;
|
|
8236
|
+
left: string;
|
|
8237
|
+
transform: string;
|
|
8238
|
+
color: any;
|
|
8239
|
+
'& > .SCEventMediaWidget-count-hidden-media': {
|
|
8240
|
+
fontSize: string;
|
|
8241
|
+
};
|
|
8242
|
+
};
|
|
8243
|
+
};
|
|
8244
|
+
};
|
|
8245
|
+
};
|
|
8246
|
+
'& .SCEventMediaWidget-actions': {
|
|
8247
|
+
padding: any;
|
|
8248
|
+
justifyContent: string;
|
|
8249
|
+
};
|
|
8250
|
+
};
|
|
8251
|
+
skeletonRoot: ({}: {}) => {
|
|
8252
|
+
'& .SCEventMediaWidget-grid': {
|
|
8253
|
+
display: string;
|
|
8254
|
+
gap: string;
|
|
8255
|
+
gridTemplateColumns: string;
|
|
8256
|
+
'& > .SCEventMediaWidget-media': {
|
|
8257
|
+
paddingBottom: string;
|
|
8258
|
+
};
|
|
8259
|
+
};
|
|
8260
|
+
};
|
|
8261
|
+
dialogRoot: ({ theme }: {
|
|
8262
|
+
theme: any;
|
|
8263
|
+
}) => {
|
|
8264
|
+
'& .SCEventMediaWidget-grid': {
|
|
8265
|
+
display: string;
|
|
8266
|
+
gap: string;
|
|
8267
|
+
gridTemplateColumns: string;
|
|
8268
|
+
'& > .SCEventMediaWidget-media': {
|
|
8269
|
+
paddingBottom: string;
|
|
8270
|
+
};
|
|
8271
|
+
'& > .SCEventMediaWidget-dialog-media-wrapper': {
|
|
8272
|
+
position: string;
|
|
8273
|
+
width: string;
|
|
8274
|
+
paddingBottom: string;
|
|
8275
|
+
backgroundSize: string;
|
|
8276
|
+
'& > .SCEventMediaWidget-dialog-button-wrapper': {
|
|
8277
|
+
position: string;
|
|
8278
|
+
top: number;
|
|
8279
|
+
width: string;
|
|
8280
|
+
height: string;
|
|
8281
|
+
backgroundColor: any;
|
|
8282
|
+
opacity: number;
|
|
8283
|
+
flexDirection: string;
|
|
8284
|
+
justifyContent: string;
|
|
8285
|
+
alignItems: string;
|
|
8286
|
+
'& > .SCEventMediaWidget-dialog-loading-button': {
|
|
8287
|
+
padding: number;
|
|
8288
|
+
minWidth: string;
|
|
8289
|
+
'& > .MuiLoadingButton-loadingIndicatorCenter': {
|
|
8290
|
+
color: any;
|
|
8291
|
+
};
|
|
8292
|
+
};
|
|
8293
|
+
};
|
|
8294
|
+
};
|
|
8295
|
+
};
|
|
8296
|
+
};
|
|
8297
|
+
triggerRoot: ({ isSquare }: {
|
|
8298
|
+
isSquare: any;
|
|
8299
|
+
}) => {
|
|
8300
|
+
padding: 0;
|
|
8301
|
+
borderRadius: 0;
|
|
8302
|
+
backgroundColor: string;
|
|
8303
|
+
'&:hover': {
|
|
8304
|
+
backgroundColor: string;
|
|
8305
|
+
};
|
|
8306
|
+
'& > .SCEventMediaWidget-trigger-content': {
|
|
8307
|
+
position: string;
|
|
8308
|
+
width: string;
|
|
8309
|
+
padding: string;
|
|
8310
|
+
paddingBottom: string;
|
|
8311
|
+
flexDirection: string;
|
|
8312
|
+
gap: string;
|
|
8313
|
+
alignItems: string;
|
|
8314
|
+
justifyContent: string;
|
|
8315
|
+
'& > .SCEventMediaWidget-trigger-icon': {
|
|
8316
|
+
position: string;
|
|
8317
|
+
top: string;
|
|
8318
|
+
transform: string;
|
|
8319
|
+
fontSize: string;
|
|
8320
|
+
};
|
|
8321
|
+
};
|
|
8322
|
+
};
|
|
8323
|
+
};
|
|
8324
|
+
};
|
|
8209
8325
|
};
|
|
8210
8326
|
selfcommunity: {
|
|
8211
8327
|
user: {
|
package/lib/esm/index.js
CHANGED
|
@@ -69,6 +69,7 @@ import SCEventInfoDetails from './components/SCEventInfoDetails';
|
|
|
69
69
|
import SCEventInfoWidget from './components/SCEventInfoWidget';
|
|
70
70
|
import SCEventInviteButton from './components/SCEventInviteButton';
|
|
71
71
|
import SCEventLocationWidget from './components/SCEventLocationWidget';
|
|
72
|
+
import SCEventMediaWidget from './components/SCEventMediaWidget';
|
|
72
73
|
import SCEventMembersWidget from './components/SCEventMembersWidget';
|
|
73
74
|
import SCEventParticipantsButton from './components/SCEventParticipantsButton';
|
|
74
75
|
import SCEvents from './components/SCEvents';
|
|
@@ -384,7 +385,8 @@ const theme = {
|
|
|
384
385
|
SCRelatedEventsWidget,
|
|
385
386
|
SCVoteAudienceButton,
|
|
386
387
|
SCVoteButton,
|
|
387
|
-
SCWidget
|
|
388
|
+
SCWidget,
|
|
389
|
+
SCEventMediaWidget
|
|
388
390
|
},
|
|
389
391
|
selfcommunity: {
|
|
390
392
|
user: {
|