@selfcommunity/react-theme-default 0.1.50-events.41 → 0.1.50-events.44
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/MuiAutocomplete.js +3 -4
- package/lib/cjs/components/MuiSelect.js +2 -3
- package/lib/cjs/components/SCCalendar.d.ts +24 -0
- package/lib/cjs/components/SCCalendar.js +24 -0
- package/lib/cjs/components/SCEventInfoWidget.d.ts +7 -1
- package/lib/cjs/components/SCEventInfoWidget.js +5 -1
- package/lib/cjs/components/SCEventPartecipantsButton.d.ts +11 -0
- package/lib/cjs/components/SCEventPartecipantsButton.js +11 -0
- package/lib/cjs/components/SCEvents.d.ts +3 -1
- package/lib/cjs/components/SCEvents.js +3 -1
- package/lib/cjs/components/SCMyEventsWidget.d.ts +37 -0
- package/lib/cjs/components/SCMyEventsWidget.js +37 -0
- package/lib/cjs/index.d.ts +94 -2
- package/lib/cjs/index.js +7 -3
- package/lib/esm/components/MuiAutocomplete.js +3 -3
- package/lib/esm/components/MuiSelect.js +2 -2
- package/lib/esm/components/SCCalendar.d.ts +24 -0
- package/lib/esm/components/SCCalendar.js +22 -0
- package/lib/esm/components/SCEventInfoWidget.d.ts +7 -1
- package/lib/esm/components/SCEventInfoWidget.js +5 -1
- package/lib/esm/components/SCEventPartecipantsButton.d.ts +11 -0
- package/lib/esm/components/SCEventPartecipantsButton.js +9 -0
- package/lib/esm/components/SCEvents.d.ts +3 -1
- package/lib/esm/components/SCEvents.js +3 -1
- package/lib/esm/components/SCMyEventsWidget.d.ts +37 -0
- package/lib/esm/components/SCMyEventsWidget.js +35 -0
- package/lib/esm/index.d.ts +94 -2
- package/lib/esm/index.js +7 -3
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
5
|
const Component = {
|
|
7
6
|
defaultProps: {
|
|
8
|
-
clearIcon:
|
|
9
|
-
popupIcon:
|
|
7
|
+
clearIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "close" }),
|
|
8
|
+
popupIcon: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" })
|
|
10
9
|
}
|
|
11
10
|
};
|
|
12
11
|
exports.default = Component;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
5
|
const Component = {
|
|
7
6
|
defaultProps: {
|
|
8
|
-
IconComponent: ({ className }) =>
|
|
7
|
+
IconComponent: ({ className }) => (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ className: className }, { children: "expand_more" }))
|
|
9
8
|
}
|
|
10
9
|
};
|
|
11
10
|
exports.default = Component;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
gap: string;
|
|
7
|
+
position: string;
|
|
8
|
+
bottom: string;
|
|
9
|
+
left: string;
|
|
10
|
+
width: string;
|
|
11
|
+
height: string;
|
|
12
|
+
borderRadius: string;
|
|
13
|
+
boxShadow: string;
|
|
14
|
+
backgroundColor: any;
|
|
15
|
+
overflow: string;
|
|
16
|
+
'& .SCCalendar-header': {
|
|
17
|
+
width: string;
|
|
18
|
+
height: string;
|
|
19
|
+
backgroundColor: any;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default Component;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
gap: '7px',
|
|
7
|
+
position: 'absolute',
|
|
8
|
+
bottom: '-36px',
|
|
9
|
+
left: '24px',
|
|
10
|
+
width: '60px',
|
|
11
|
+
height: '60px',
|
|
12
|
+
borderRadius: '5px',
|
|
13
|
+
boxShadow: '0px 3px 8px #00000040',
|
|
14
|
+
backgroundColor: theme.palette.common.white,
|
|
15
|
+
overflow: 'hidden',
|
|
16
|
+
'& .SCCalendar-header': {
|
|
17
|
+
width: '100%',
|
|
18
|
+
height: '16px',
|
|
19
|
+
backgroundColor: theme.palette.error.dark
|
|
20
|
+
}
|
|
21
|
+
})
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
exports.default = Component;
|
|
@@ -4,7 +4,6 @@ declare const Component: {
|
|
|
4
4
|
theme: any;
|
|
5
5
|
}) => {
|
|
6
6
|
'& .SCEventInfoWidget-content': {
|
|
7
|
-
position: string;
|
|
8
7
|
padding: string;
|
|
9
8
|
'& .SCEventInfoWidget-title-wrapper': {
|
|
10
9
|
flexDirection: string;
|
|
@@ -26,6 +25,13 @@ declare const Component: {
|
|
|
26
25
|
};
|
|
27
26
|
};
|
|
28
27
|
};
|
|
28
|
+
skeletonRoot: ({ theme }: {
|
|
29
|
+
theme: any;
|
|
30
|
+
}) => {
|
|
31
|
+
'& .SCEventInfoWidget-skeleton-content': {
|
|
32
|
+
padding: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
29
35
|
};
|
|
30
36
|
};
|
|
31
37
|
export default Component;
|
|
@@ -4,7 +4,6 @@ const Component = {
|
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
'& .SCEventInfoWidget-content': {
|
|
7
|
-
position: 'relative',
|
|
8
7
|
padding: `${theme.spacing(2)} ${theme.spacing(2)} 13px !important`,
|
|
9
8
|
'& .SCEventInfoWidget-title-wrapper': {
|
|
10
9
|
flexDirection: 'row',
|
|
@@ -25,6 +24,11 @@ const Component = {
|
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
26
|
}
|
|
27
|
+
}),
|
|
28
|
+
skeletonRoot: ({ theme }) => ({
|
|
29
|
+
'& .SCEventInfoWidget-skeleton-content': {
|
|
30
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} 13px !important`
|
|
31
|
+
}
|
|
28
32
|
})
|
|
29
33
|
}
|
|
30
34
|
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCMyEventsWidget-title-wrapper': {
|
|
7
|
+
padding: string;
|
|
8
|
+
};
|
|
9
|
+
'& .SCMyEventsWidget-content': {
|
|
10
|
+
padding: string;
|
|
11
|
+
'& .SCMyEventsWidget-first-divider': {
|
|
12
|
+
marginTop: string;
|
|
13
|
+
marginBottom: string;
|
|
14
|
+
};
|
|
15
|
+
'& .SCMyEventsWidget-second-divider': {
|
|
16
|
+
marginTop: string;
|
|
17
|
+
marginBottom: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
'& .SCMyEventsWidget-actions': {
|
|
21
|
+
padding: string;
|
|
22
|
+
justifyContent: string;
|
|
23
|
+
gap: string;
|
|
24
|
+
'& .SCMyEventsWidget-arrows': {
|
|
25
|
+
width: string;
|
|
26
|
+
height: string;
|
|
27
|
+
color: any;
|
|
28
|
+
};
|
|
29
|
+
'& .SCMyEventsWidget-action-button': {
|
|
30
|
+
color: any;
|
|
31
|
+
textDecoration: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default Component;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCMyEventsWidget-title-wrapper': {
|
|
7
|
+
padding: `12px ${theme.spacing(2)}`
|
|
8
|
+
},
|
|
9
|
+
'& .SCMyEventsWidget-content': {
|
|
10
|
+
padding: `52px ${theme.spacing(3)} 0 !important`,
|
|
11
|
+
'& .SCMyEventsWidget-first-divider': {
|
|
12
|
+
marginTop: '18px',
|
|
13
|
+
marginBottom: '16px'
|
|
14
|
+
},
|
|
15
|
+
'& .SCMyEventsWidget-second-divider': {
|
|
16
|
+
marginTop: '16px',
|
|
17
|
+
marginBottom: '18px'
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
'& .SCMyEventsWidget-actions': {
|
|
21
|
+
padding: `0 ${theme.spacing(3)} 18px`,
|
|
22
|
+
justifyContent: 'center',
|
|
23
|
+
gap: '56px',
|
|
24
|
+
'& .SCMyEventsWidget-arrows': {
|
|
25
|
+
width: '24px',
|
|
26
|
+
height: '24px',
|
|
27
|
+
color: theme.palette.primary.main
|
|
28
|
+
},
|
|
29
|
+
'& .SCMyEventsWidget-action-button': {
|
|
30
|
+
color: theme.palette.primary.main,
|
|
31
|
+
textDecoration: 'none'
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
})
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
exports.default = Component;
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -6482,7 +6482,9 @@ declare const theme: {
|
|
|
6482
6482
|
};
|
|
6483
6483
|
'& .SCEvents-events': {
|
|
6484
6484
|
marginTop: any;
|
|
6485
|
-
'& .SCEvents-item': {
|
|
6485
|
+
'& .SCEvents-item': {
|
|
6486
|
+
paddingTop: any;
|
|
6487
|
+
};
|
|
6486
6488
|
'& .SCEvent-skeleton-root': {
|
|
6487
6489
|
padding: any;
|
|
6488
6490
|
};
|
|
@@ -6675,8 +6677,10 @@ declare const theme: {
|
|
|
6675
6677
|
root: ({ theme }: {
|
|
6676
6678
|
theme: any;
|
|
6677
6679
|
}) => {
|
|
6680
|
+
/**
|
|
6681
|
+
* Style fragments - Imports - Start
|
|
6682
|
+
*/
|
|
6678
6683
|
'& .SCEventInfoWidget-content': {
|
|
6679
|
-
position: string;
|
|
6680
6684
|
padding: string;
|
|
6681
6685
|
'& .SCEventInfoWidget-title-wrapper': {
|
|
6682
6686
|
flexDirection: string;
|
|
@@ -6698,6 +6702,13 @@ declare const theme: {
|
|
|
6698
6702
|
};
|
|
6699
6703
|
};
|
|
6700
6704
|
};
|
|
6705
|
+
skeletonRoot: ({ theme }: {
|
|
6706
|
+
theme: any;
|
|
6707
|
+
}) => {
|
|
6708
|
+
'& .SCEventInfoWidget-skeleton-content': {
|
|
6709
|
+
padding: string;
|
|
6710
|
+
};
|
|
6711
|
+
};
|
|
6701
6712
|
};
|
|
6702
6713
|
};
|
|
6703
6714
|
SCEventInfoDetails: {
|
|
@@ -6705,6 +6716,9 @@ declare const theme: {
|
|
|
6705
6716
|
root: ({ theme }: {
|
|
6706
6717
|
theme: any;
|
|
6707
6718
|
}) => {
|
|
6719
|
+
/**
|
|
6720
|
+
* Style fragments - Imports - Start
|
|
6721
|
+
*/
|
|
6708
6722
|
gap: any;
|
|
6709
6723
|
'& .SCEventInfoDetails-icon-text-wrapper': {
|
|
6710
6724
|
flexDirection: string;
|
|
@@ -6802,6 +6816,84 @@ declare const theme: {
|
|
|
6802
6816
|
};
|
|
6803
6817
|
};
|
|
6804
6818
|
};
|
|
6819
|
+
SCEventPartecipantsButton: {
|
|
6820
|
+
styleOverrides: {
|
|
6821
|
+
root: ({ theme }: {
|
|
6822
|
+
theme: any;
|
|
6823
|
+
}) => {
|
|
6824
|
+
/**
|
|
6825
|
+
* Style fragments - Imports - Start
|
|
6826
|
+
*/
|
|
6827
|
+
gap: any;
|
|
6828
|
+
};
|
|
6829
|
+
dialogRoot: () => {};
|
|
6830
|
+
};
|
|
6831
|
+
};
|
|
6832
|
+
SCMyEventsWidget: {
|
|
6833
|
+
styleOverrides: {
|
|
6834
|
+
root: ({ theme }: {
|
|
6835
|
+
theme: any;
|
|
6836
|
+
}) => {
|
|
6837
|
+
/**
|
|
6838
|
+
* Style fragments - Imports - Start
|
|
6839
|
+
*/
|
|
6840
|
+
'& .SCMyEventsWidget-title-wrapper': {
|
|
6841
|
+
padding: string;
|
|
6842
|
+
};
|
|
6843
|
+
'& .SCMyEventsWidget-content': {
|
|
6844
|
+
padding: string;
|
|
6845
|
+
'& .SCMyEventsWidget-first-divider': {
|
|
6846
|
+
marginTop: string;
|
|
6847
|
+
marginBottom: string;
|
|
6848
|
+
};
|
|
6849
|
+
'& .SCMyEventsWidget-second-divider': {
|
|
6850
|
+
marginTop: string;
|
|
6851
|
+
marginBottom: string;
|
|
6852
|
+
};
|
|
6853
|
+
};
|
|
6854
|
+
'& .SCMyEventsWidget-actions': {
|
|
6855
|
+
padding: string;
|
|
6856
|
+
justifyContent: string;
|
|
6857
|
+
gap: string;
|
|
6858
|
+
'& .SCMyEventsWidget-arrows': {
|
|
6859
|
+
width: string;
|
|
6860
|
+
height: string;
|
|
6861
|
+
color: any;
|
|
6862
|
+
};
|
|
6863
|
+
'& .SCMyEventsWidget-action-button': {
|
|
6864
|
+
color: any;
|
|
6865
|
+
textDecoration: string;
|
|
6866
|
+
};
|
|
6867
|
+
};
|
|
6868
|
+
};
|
|
6869
|
+
};
|
|
6870
|
+
};
|
|
6871
|
+
SCCalendar: {
|
|
6872
|
+
styleOverrides: {
|
|
6873
|
+
root: ({ theme }: {
|
|
6874
|
+
theme: any;
|
|
6875
|
+
}) => {
|
|
6876
|
+
/**
|
|
6877
|
+
* Style fragments - Imports - Start
|
|
6878
|
+
*/
|
|
6879
|
+
gap: string;
|
|
6880
|
+
position: string;
|
|
6881
|
+
bottom: string;
|
|
6882
|
+
left: string;
|
|
6883
|
+
width: string;
|
|
6884
|
+
height: string;
|
|
6885
|
+
borderRadius: string;
|
|
6886
|
+
boxShadow: string;
|
|
6887
|
+
backgroundColor: any;
|
|
6888
|
+
overflow: string;
|
|
6889
|
+
'& .SCCalendar-header': {
|
|
6890
|
+
width: string;
|
|
6891
|
+
height: string;
|
|
6892
|
+
backgroundColor: any;
|
|
6893
|
+
};
|
|
6894
|
+
};
|
|
6895
|
+
};
|
|
6896
|
+
};
|
|
6805
6897
|
};
|
|
6806
6898
|
selfcommunity: {
|
|
6807
6899
|
user: {
|
package/lib/cjs/index.js
CHANGED
|
@@ -30,6 +30,7 @@ const SCBaseItemButton_1 = tslib_1.__importDefault(require("./components/SCBaseI
|
|
|
30
30
|
const SCBottomNavigation_1 = tslib_1.__importDefault(require("./components/SCBottomNavigation"));
|
|
31
31
|
const SCBroadcastMessages_1 = tslib_1.__importDefault(require("./components/SCBroadcastMessages"));
|
|
32
32
|
const SCBullet_1 = tslib_1.__importDefault(require("./components/SCBullet"));
|
|
33
|
+
const SCCalendar_1 = tslib_1.__importDefault(require("./components/SCCalendar"));
|
|
33
34
|
const SCCategories_1 = tslib_1.__importDefault(require("./components/SCCategories"));
|
|
34
35
|
const SCCategoriesPopularWidget_1 = tslib_1.__importDefault(require("./components/SCCategoriesPopularWidget"));
|
|
35
36
|
const SCCategoriesSuggestionWidget_1 = tslib_1.__importDefault(require("./components/SCCategoriesSuggestionWidget"));
|
|
@@ -69,6 +70,7 @@ const SCEventInfoDetails_1 = tslib_1.__importDefault(require("./components/SCEve
|
|
|
69
70
|
const SCEventInfoWidget_1 = tslib_1.__importDefault(require("./components/SCEventInfoWidget"));
|
|
70
71
|
const SCEventInviteButton_1 = tslib_1.__importDefault(require("./components/SCEventInviteButton"));
|
|
71
72
|
const SCEventLocationWidget_1 = tslib_1.__importDefault(require("./components/SCEventLocationWidget"));
|
|
73
|
+
const SCEventPartecipantsButton_1 = tslib_1.__importDefault(require("./components/SCEventPartecipantsButton"));
|
|
72
74
|
const SCEvents_1 = tslib_1.__importDefault(require("./components/SCEvents"));
|
|
73
75
|
const SCEventSubscribeButton_1 = tslib_1.__importDefault(require("./components/SCEventSubscribeButton"));
|
|
74
76
|
const SCExploreFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCExploreFeedTemplate"));
|
|
@@ -104,7 +106,7 @@ const SCLoyaltyProgramWidget_1 = tslib_1.__importDefault(require("./components/S
|
|
|
104
106
|
const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
|
|
105
107
|
const SCMediaFile_1 = tslib_1.__importDefault(require("./components/SCMediaFile"));
|
|
106
108
|
const SCMediaLink_1 = tslib_1.__importDefault(require("./components/SCMediaLink"));
|
|
107
|
-
|
|
109
|
+
const SCMyEventsWidget_1 = tslib_1.__importDefault(require("./components/SCMyEventsWidget"));
|
|
108
110
|
const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
|
|
109
111
|
const SCNavigationSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationSettingsIconButton"));
|
|
110
112
|
const SCNavigationToolbar_1 = tslib_1.__importDefault(require("./components/SCNavigationToolbar"));
|
|
@@ -275,7 +277,6 @@ const theme = {
|
|
|
275
277
|
SCLoyaltyProgramDetailTemplate: SCLoyaltyProgramDetailTemplate_1.default,
|
|
276
278
|
SCMediaFile: SCMediaFile_1.default,
|
|
277
279
|
SCMediaLink: SCMediaLink_1.default,
|
|
278
|
-
// SCMyEventsWidget,
|
|
279
280
|
SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
|
|
280
281
|
SCDefaultHeaderContent: SCDefaultHeaderContent_1.default,
|
|
281
282
|
SCNavigationToolbar: SCNavigationToolbar_1.default,
|
|
@@ -363,7 +364,10 @@ const theme = {
|
|
|
363
364
|
SCEventHeader: SCEventHeader_1.default,
|
|
364
365
|
SCEventInfoWidget: SCEventInfoWidget_1.default,
|
|
365
366
|
SCEventInfoDetails: SCEventInfoDetails_1.default,
|
|
366
|
-
SCEventSubscribeButton: SCEventSubscribeButton_1.default
|
|
367
|
+
SCEventSubscribeButton: SCEventSubscribeButton_1.default,
|
|
368
|
+
SCEventPartecipantsButton: SCEventPartecipantsButton_1.default,
|
|
369
|
+
SCMyEventsWidget: SCMyEventsWidget_1.default,
|
|
370
|
+
SCCalendar: SCCalendar_1.default
|
|
367
371
|
},
|
|
368
372
|
selfcommunity: {
|
|
369
373
|
user: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { Icon } from '@mui/material';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
const Component = {
|
|
4
4
|
defaultProps: {
|
|
5
|
-
clearIcon:
|
|
6
|
-
popupIcon:
|
|
5
|
+
clearIcon: _jsx(Icon, { children: "close" }),
|
|
6
|
+
popupIcon: _jsx(Icon, { children: "expand_more" })
|
|
7
7
|
}
|
|
8
8
|
};
|
|
9
9
|
export default Component;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import { Icon } from '@mui/material';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
const Component = {
|
|
4
4
|
defaultProps: {
|
|
5
|
-
IconComponent: ({ className }) =>
|
|
5
|
+
IconComponent: ({ className }) => _jsx(Icon, Object.assign({ className: className }, { children: "expand_more" }))
|
|
6
6
|
}
|
|
7
7
|
};
|
|
8
8
|
export default Component;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
gap: string;
|
|
7
|
+
position: string;
|
|
8
|
+
bottom: string;
|
|
9
|
+
left: string;
|
|
10
|
+
width: string;
|
|
11
|
+
height: string;
|
|
12
|
+
borderRadius: string;
|
|
13
|
+
boxShadow: string;
|
|
14
|
+
backgroundColor: any;
|
|
15
|
+
overflow: string;
|
|
16
|
+
'& .SCCalendar-header': {
|
|
17
|
+
width: string;
|
|
18
|
+
height: string;
|
|
19
|
+
backgroundColor: any;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default Component;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
gap: '7px',
|
|
5
|
+
position: 'absolute',
|
|
6
|
+
bottom: '-36px',
|
|
7
|
+
left: '24px',
|
|
8
|
+
width: '60px',
|
|
9
|
+
height: '60px',
|
|
10
|
+
borderRadius: '5px',
|
|
11
|
+
boxShadow: '0px 3px 8px #00000040',
|
|
12
|
+
backgroundColor: theme.palette.common.white,
|
|
13
|
+
overflow: 'hidden',
|
|
14
|
+
'& .SCCalendar-header': {
|
|
15
|
+
width: '100%',
|
|
16
|
+
height: '16px',
|
|
17
|
+
backgroundColor: theme.palette.error.dark
|
|
18
|
+
}
|
|
19
|
+
})
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default Component;
|
|
@@ -4,7 +4,6 @@ declare const Component: {
|
|
|
4
4
|
theme: any;
|
|
5
5
|
}) => {
|
|
6
6
|
'& .SCEventInfoWidget-content': {
|
|
7
|
-
position: string;
|
|
8
7
|
padding: string;
|
|
9
8
|
'& .SCEventInfoWidget-title-wrapper': {
|
|
10
9
|
flexDirection: string;
|
|
@@ -26,6 +25,13 @@ declare const Component: {
|
|
|
26
25
|
};
|
|
27
26
|
};
|
|
28
27
|
};
|
|
28
|
+
skeletonRoot: ({ theme }: {
|
|
29
|
+
theme: any;
|
|
30
|
+
}) => {
|
|
31
|
+
'& .SCEventInfoWidget-skeleton-content': {
|
|
32
|
+
padding: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
29
35
|
};
|
|
30
36
|
};
|
|
31
37
|
export default Component;
|
|
@@ -2,7 +2,6 @@ const Component = {
|
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }) => ({
|
|
4
4
|
'& .SCEventInfoWidget-content': {
|
|
5
|
-
position: 'relative',
|
|
6
5
|
padding: `${theme.spacing(2)} ${theme.spacing(2)} 13px !important`,
|
|
7
6
|
'& .SCEventInfoWidget-title-wrapper': {
|
|
8
7
|
flexDirection: 'row',
|
|
@@ -23,6 +22,11 @@ const Component = {
|
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
24
|
}
|
|
25
|
+
}),
|
|
26
|
+
skeletonRoot: ({ theme }) => ({
|
|
27
|
+
'& .SCEventInfoWidget-skeleton-content': {
|
|
28
|
+
padding: `${theme.spacing(2)} ${theme.spacing(2)} 13px !important`
|
|
29
|
+
}
|
|
26
30
|
})
|
|
27
31
|
}
|
|
28
32
|
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCMyEventsWidget-title-wrapper': {
|
|
7
|
+
padding: string;
|
|
8
|
+
};
|
|
9
|
+
'& .SCMyEventsWidget-content': {
|
|
10
|
+
padding: string;
|
|
11
|
+
'& .SCMyEventsWidget-first-divider': {
|
|
12
|
+
marginTop: string;
|
|
13
|
+
marginBottom: string;
|
|
14
|
+
};
|
|
15
|
+
'& .SCMyEventsWidget-second-divider': {
|
|
16
|
+
marginTop: string;
|
|
17
|
+
marginBottom: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
'& .SCMyEventsWidget-actions': {
|
|
21
|
+
padding: string;
|
|
22
|
+
justifyContent: string;
|
|
23
|
+
gap: string;
|
|
24
|
+
'& .SCMyEventsWidget-arrows': {
|
|
25
|
+
width: string;
|
|
26
|
+
height: string;
|
|
27
|
+
color: any;
|
|
28
|
+
};
|
|
29
|
+
'& .SCMyEventsWidget-action-button': {
|
|
30
|
+
color: any;
|
|
31
|
+
textDecoration: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default Component;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
'& .SCMyEventsWidget-title-wrapper': {
|
|
5
|
+
padding: `12px ${theme.spacing(2)}`
|
|
6
|
+
},
|
|
7
|
+
'& .SCMyEventsWidget-content': {
|
|
8
|
+
padding: `52px ${theme.spacing(3)} 0 !important`,
|
|
9
|
+
'& .SCMyEventsWidget-first-divider': {
|
|
10
|
+
marginTop: '18px',
|
|
11
|
+
marginBottom: '16px'
|
|
12
|
+
},
|
|
13
|
+
'& .SCMyEventsWidget-second-divider': {
|
|
14
|
+
marginTop: '16px',
|
|
15
|
+
marginBottom: '18px'
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
'& .SCMyEventsWidget-actions': {
|
|
19
|
+
padding: `0 ${theme.spacing(3)} 18px`,
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
gap: '56px',
|
|
22
|
+
'& .SCMyEventsWidget-arrows': {
|
|
23
|
+
width: '24px',
|
|
24
|
+
height: '24px',
|
|
25
|
+
color: theme.palette.primary.main
|
|
26
|
+
},
|
|
27
|
+
'& .SCMyEventsWidget-action-button': {
|
|
28
|
+
color: theme.palette.primary.main,
|
|
29
|
+
textDecoration: 'none'
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
})
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
export default Component;
|