@selfcommunity/react-theme-default 0.1.50-events.44 → 0.1.50-events.46

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.
@@ -0,0 +1,56 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCCreateEventWidget-image': {
7
+ height: string;
8
+ };
9
+ '& .SCCreateEventWidget-calendar': {
10
+ position: string;
11
+ top: string;
12
+ left: string;
13
+ transform: string;
14
+ color: any;
15
+ };
16
+ '& .SCCreateEventWidget-content': {
17
+ padding: string;
18
+ '& .SCCreateEventWidget-title': {
19
+ textAlign: string;
20
+ marginBottom: any;
21
+ };
22
+ '& .SCCreateEventWidget-spacing': {
23
+ marginBottom: any;
24
+ };
25
+ };
26
+ '& .SCCreateEventWidget-actions': {
27
+ padding: string;
28
+ justifyContent: string;
29
+ };
30
+ };
31
+ skeletonRoot: ({ theme }: {
32
+ theme: any;
33
+ }) => {
34
+ '& .SCCreateEventWidget-calendar': {
35
+ position: string;
36
+ top: string;
37
+ left: string;
38
+ transform: string;
39
+ };
40
+ '& .SCCreateEventWidget-content': {
41
+ padding: string;
42
+ '& .SCCreateEventWidget-title': {
43
+ textAlign: string;
44
+ };
45
+ '& .SCCreateEventWidget-spacing': {
46
+ marginBottom: any;
47
+ };
48
+ };
49
+ '& .SCCreateEventWidget-actions': {
50
+ padding: string;
51
+ justifyContent: string;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ export default Component;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCCreateEventWidget-image': {
7
+ height: '110px'
8
+ },
9
+ '& .SCCreateEventWidget-calendar': {
10
+ position: 'absolute',
11
+ top: '50%',
12
+ left: '50%',
13
+ transform: 'translate(-50%, -50%)',
14
+ color: theme.palette.common.white
15
+ },
16
+ '& .SCCreateEventWidget-content': {
17
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
18
+ '& .SCCreateEventWidget-title': {
19
+ textAlign: 'center',
20
+ marginBottom: theme.spacing(2)
21
+ },
22
+ '& .SCCreateEventWidget-spacing': {
23
+ marginBottom: theme.spacing(2)
24
+ }
25
+ },
26
+ '& .SCCreateEventWidget-actions': {
27
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
28
+ justifyContent: 'center'
29
+ }
30
+ }),
31
+ skeletonRoot: ({ theme }) => ({
32
+ '& .SCCreateEventWidget-calendar': {
33
+ position: 'absolute',
34
+ top: '50%',
35
+ left: '50%',
36
+ transform: 'translate(-50%, -50%)'
37
+ },
38
+ '& .SCCreateEventWidget-content': {
39
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
40
+ '& .SCCreateEventWidget-title': {
41
+ textAlign: 'center'
42
+ },
43
+ '& .SCCreateEventWidget-spacing': {
44
+ marginBottom: theme.spacing(2)
45
+ }
46
+ },
47
+ '& .SCCreateEventWidget-actions': {
48
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
49
+ justifyContent: 'center'
50
+ }
51
+ })
52
+ }
53
+ };
54
+ exports.default = Component;
@@ -32,6 +32,33 @@ declare const Component: {
32
32
  };
33
33
  };
34
34
  };
35
+ skeletonRoot: ({ theme }: {
36
+ theme: any;
37
+ }) => {
38
+ '& .SCMyEventsWidget-calendar': {
39
+ position: string;
40
+ bottom: string;
41
+ left: string;
42
+ boxShadow: string;
43
+ };
44
+ '& .SCMyEventsWidget-content': {
45
+ padding: string;
46
+ '& .SCMyEventsWidget-first-divider': {
47
+ marginTop: string;
48
+ marginBottom: any;
49
+ };
50
+ '& .SCMyEventsWidget-second-divider': {
51
+ marginTop: any;
52
+ marginBottom: string;
53
+ };
54
+ };
55
+ '& .SCMyEventsWidget-actions': {
56
+ height: string;
57
+ padding: string;
58
+ justifyContent: string;
59
+ gap: string;
60
+ };
61
+ };
35
62
  };
36
63
  };
37
64
  export default Component;
@@ -31,6 +31,31 @@ const Component = {
31
31
  textDecoration: 'none'
32
32
  }
33
33
  }
34
+ }),
35
+ skeletonRoot: ({ theme }) => ({
36
+ '& .SCMyEventsWidget-calendar': {
37
+ position: 'absolute',
38
+ bottom: '-36px',
39
+ left: '24px',
40
+ boxShadow: '0px 3px 8px #00000040'
41
+ },
42
+ '& .SCMyEventsWidget-content': {
43
+ padding: `52px ${theme.spacing(3)} 0 !important`,
44
+ '& .SCMyEventsWidget-first-divider': {
45
+ marginTop: '18px',
46
+ marginBottom: theme.spacing(2)
47
+ },
48
+ '& .SCMyEventsWidget-second-divider': {
49
+ marginTop: theme.spacing(2),
50
+ marginBottom: '18px'
51
+ }
52
+ },
53
+ '& .SCMyEventsWidget-actions': {
54
+ height: '50px',
55
+ padding: `0 ${theme.spacing(3)} 18px`,
56
+ justifyContent: 'center',
57
+ gap: '56px'
58
+ }
34
59
  })
35
60
  }
36
61
  };
@@ -6866,6 +6866,33 @@ declare const theme: {
6866
6866
  };
6867
6867
  };
6868
6868
  };
6869
+ skeletonRoot: ({ theme }: {
6870
+ theme: any;
6871
+ }) => {
6872
+ '& .SCMyEventsWidget-calendar': {
6873
+ position: string;
6874
+ bottom: string;
6875
+ left: string;
6876
+ boxShadow: string;
6877
+ };
6878
+ '& .SCMyEventsWidget-content': {
6879
+ padding: string;
6880
+ '& .SCMyEventsWidget-first-divider': {
6881
+ marginTop: string;
6882
+ marginBottom: any;
6883
+ };
6884
+ '& .SCMyEventsWidget-second-divider': {
6885
+ marginTop: any;
6886
+ marginBottom: string;
6887
+ };
6888
+ };
6889
+ '& .SCMyEventsWidget-actions': {
6890
+ height: string;
6891
+ padding: string;
6892
+ justifyContent: string;
6893
+ gap: string;
6894
+ };
6895
+ };
6869
6896
  };
6870
6897
  };
6871
6898
  SCCalendar: {
@@ -6894,6 +6921,64 @@ declare const theme: {
6894
6921
  };
6895
6922
  };
6896
6923
  };
6924
+ SCCreateEventWidget: {
6925
+ styleOverrides: {
6926
+ root: ({ theme }: {
6927
+ theme: any;
6928
+ }) => {
6929
+ /**
6930
+ * Style fragments - Imports - Start
6931
+ */
6932
+ '& .SCCreateEventWidget-image': {
6933
+ height: string;
6934
+ };
6935
+ '& .SCCreateEventWidget-calendar': {
6936
+ position: string;
6937
+ top: string;
6938
+ left: string;
6939
+ transform: string;
6940
+ color: any;
6941
+ };
6942
+ '& .SCCreateEventWidget-content': {
6943
+ padding: string;
6944
+ '& .SCCreateEventWidget-title': {
6945
+ textAlign: string;
6946
+ marginBottom: any;
6947
+ };
6948
+ '& .SCCreateEventWidget-spacing': {
6949
+ marginBottom: any;
6950
+ };
6951
+ };
6952
+ '& .SCCreateEventWidget-actions': {
6953
+ padding: string;
6954
+ justifyContent: string;
6955
+ };
6956
+ };
6957
+ skeletonRoot: ({ theme }: {
6958
+ theme: any;
6959
+ }) => {
6960
+ '& .SCCreateEventWidget-calendar': {
6961
+ position: string;
6962
+ top: string;
6963
+ left: string;
6964
+ transform: string;
6965
+ };
6966
+ '& .SCCreateEventWidget-content': {
6967
+ padding: string;
6968
+ '& .SCCreateEventWidget-title': {
6969
+ textAlign: string;
6970
+ };
6971
+ '& .SCCreateEventWidget-spacing': {
6972
+ marginBottom: any;
6973
+ };
6974
+ };
6975
+ '& .SCCreateEventWidget-actions': {
6976
+ padding: string;
6977
+ justifyContent: string;
6978
+ };
6979
+ };
6980
+ };
6981
+ };
6897
6982
  };
6898
6983
  selfcommunity: {
6899
6984
  user: {
package/lib/cjs/index.js CHANGED
@@ -55,6 +55,7 @@ const SCComposer_1 = tslib_1.__importDefault(require("./components/SCComposer"))
55
55
  const SCConsentSolution_1 = tslib_1.__importDefault(require("./components/SCConsentSolution"));
56
56
  const SCContributionActionsMenu_1 = tslib_1.__importDefault(require("./components/SCContributionActionsMenu"));
57
57
  const SCCreateEventButton_1 = tslib_1.__importDefault(require("./components/SCCreateEventButton"));
58
+ const SCCreateEventWidget_1 = tslib_1.__importDefault(require("./components/SCCreateEventWidget"));
58
59
  const SCCreateGroupButton_1 = tslib_1.__importDefault(require("./components/SCCreateGroupButton"));
59
60
  const SCCustomAdv_1 = tslib_1.__importDefault(require("./components/SCCustomAdv"));
60
61
  const SCCustomSnackMessage_1 = tslib_1.__importDefault(require("./components/SCCustomSnackMessage"));
@@ -367,7 +368,8 @@ const theme = {
367
368
  SCEventSubscribeButton: SCEventSubscribeButton_1.default,
368
369
  SCEventPartecipantsButton: SCEventPartecipantsButton_1.default,
369
370
  SCMyEventsWidget: SCMyEventsWidget_1.default,
370
- SCCalendar: SCCalendar_1.default
371
+ SCCalendar: SCCalendar_1.default,
372
+ SCCreateEventWidget: SCCreateEventWidget_1.default
371
373
  },
372
374
  selfcommunity: {
373
375
  user: {
@@ -0,0 +1,56 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '& .SCCreateEventWidget-image': {
7
+ height: string;
8
+ };
9
+ '& .SCCreateEventWidget-calendar': {
10
+ position: string;
11
+ top: string;
12
+ left: string;
13
+ transform: string;
14
+ color: any;
15
+ };
16
+ '& .SCCreateEventWidget-content': {
17
+ padding: string;
18
+ '& .SCCreateEventWidget-title': {
19
+ textAlign: string;
20
+ marginBottom: any;
21
+ };
22
+ '& .SCCreateEventWidget-spacing': {
23
+ marginBottom: any;
24
+ };
25
+ };
26
+ '& .SCCreateEventWidget-actions': {
27
+ padding: string;
28
+ justifyContent: string;
29
+ };
30
+ };
31
+ skeletonRoot: ({ theme }: {
32
+ theme: any;
33
+ }) => {
34
+ '& .SCCreateEventWidget-calendar': {
35
+ position: string;
36
+ top: string;
37
+ left: string;
38
+ transform: string;
39
+ };
40
+ '& .SCCreateEventWidget-content': {
41
+ padding: string;
42
+ '& .SCCreateEventWidget-title': {
43
+ textAlign: string;
44
+ };
45
+ '& .SCCreateEventWidget-spacing': {
46
+ marginBottom: any;
47
+ };
48
+ };
49
+ '& .SCCreateEventWidget-actions': {
50
+ padding: string;
51
+ justifyContent: string;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ export default Component;
@@ -0,0 +1,52 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCCreateEventWidget-image': {
5
+ height: '110px'
6
+ },
7
+ '& .SCCreateEventWidget-calendar': {
8
+ position: 'absolute',
9
+ top: '50%',
10
+ left: '50%',
11
+ transform: 'translate(-50%, -50%)',
12
+ color: theme.palette.common.white
13
+ },
14
+ '& .SCCreateEventWidget-content': {
15
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
16
+ '& .SCCreateEventWidget-title': {
17
+ textAlign: 'center',
18
+ marginBottom: theme.spacing(2)
19
+ },
20
+ '& .SCCreateEventWidget-spacing': {
21
+ marginBottom: theme.spacing(2)
22
+ }
23
+ },
24
+ '& .SCCreateEventWidget-actions': {
25
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
26
+ justifyContent: 'center'
27
+ }
28
+ }),
29
+ skeletonRoot: ({ theme }) => ({
30
+ '& .SCCreateEventWidget-calendar': {
31
+ position: 'absolute',
32
+ top: '50%',
33
+ left: '50%',
34
+ transform: 'translate(-50%, -50%)'
35
+ },
36
+ '& .SCCreateEventWidget-content': {
37
+ padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
38
+ '& .SCCreateEventWidget-title': {
39
+ textAlign: 'center'
40
+ },
41
+ '& .SCCreateEventWidget-spacing': {
42
+ marginBottom: theme.spacing(2)
43
+ }
44
+ },
45
+ '& .SCCreateEventWidget-actions': {
46
+ padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
47
+ justifyContent: 'center'
48
+ }
49
+ })
50
+ }
51
+ };
52
+ export default Component;
@@ -32,6 +32,33 @@ declare const Component: {
32
32
  };
33
33
  };
34
34
  };
35
+ skeletonRoot: ({ theme }: {
36
+ theme: any;
37
+ }) => {
38
+ '& .SCMyEventsWidget-calendar': {
39
+ position: string;
40
+ bottom: string;
41
+ left: string;
42
+ boxShadow: string;
43
+ };
44
+ '& .SCMyEventsWidget-content': {
45
+ padding: string;
46
+ '& .SCMyEventsWidget-first-divider': {
47
+ marginTop: string;
48
+ marginBottom: any;
49
+ };
50
+ '& .SCMyEventsWidget-second-divider': {
51
+ marginTop: any;
52
+ marginBottom: string;
53
+ };
54
+ };
55
+ '& .SCMyEventsWidget-actions': {
56
+ height: string;
57
+ padding: string;
58
+ justifyContent: string;
59
+ gap: string;
60
+ };
61
+ };
35
62
  };
36
63
  };
37
64
  export default Component;
@@ -29,6 +29,31 @@ const Component = {
29
29
  textDecoration: 'none'
30
30
  }
31
31
  }
32
+ }),
33
+ skeletonRoot: ({ theme }) => ({
34
+ '& .SCMyEventsWidget-calendar': {
35
+ position: 'absolute',
36
+ bottom: '-36px',
37
+ left: '24px',
38
+ boxShadow: '0px 3px 8px #00000040'
39
+ },
40
+ '& .SCMyEventsWidget-content': {
41
+ padding: `52px ${theme.spacing(3)} 0 !important`,
42
+ '& .SCMyEventsWidget-first-divider': {
43
+ marginTop: '18px',
44
+ marginBottom: theme.spacing(2)
45
+ },
46
+ '& .SCMyEventsWidget-second-divider': {
47
+ marginTop: theme.spacing(2),
48
+ marginBottom: '18px'
49
+ }
50
+ },
51
+ '& .SCMyEventsWidget-actions': {
52
+ height: '50px',
53
+ padding: `0 ${theme.spacing(3)} 18px`,
54
+ justifyContent: 'center',
55
+ gap: '56px'
56
+ }
32
57
  })
33
58
  }
34
59
  };
@@ -6866,6 +6866,33 @@ declare const theme: {
6866
6866
  };
6867
6867
  };
6868
6868
  };
6869
+ skeletonRoot: ({ theme }: {
6870
+ theme: any;
6871
+ }) => {
6872
+ '& .SCMyEventsWidget-calendar': {
6873
+ position: string;
6874
+ bottom: string;
6875
+ left: string;
6876
+ boxShadow: string;
6877
+ };
6878
+ '& .SCMyEventsWidget-content': {
6879
+ padding: string;
6880
+ '& .SCMyEventsWidget-first-divider': {
6881
+ marginTop: string;
6882
+ marginBottom: any;
6883
+ };
6884
+ '& .SCMyEventsWidget-second-divider': {
6885
+ marginTop: any;
6886
+ marginBottom: string;
6887
+ };
6888
+ };
6889
+ '& .SCMyEventsWidget-actions': {
6890
+ height: string;
6891
+ padding: string;
6892
+ justifyContent: string;
6893
+ gap: string;
6894
+ };
6895
+ };
6869
6896
  };
6870
6897
  };
6871
6898
  SCCalendar: {
@@ -6894,6 +6921,64 @@ declare const theme: {
6894
6921
  };
6895
6922
  };
6896
6923
  };
6924
+ SCCreateEventWidget: {
6925
+ styleOverrides: {
6926
+ root: ({ theme }: {
6927
+ theme: any;
6928
+ }) => {
6929
+ /**
6930
+ * Style fragments - Imports - Start
6931
+ */
6932
+ '& .SCCreateEventWidget-image': {
6933
+ height: string;
6934
+ };
6935
+ '& .SCCreateEventWidget-calendar': {
6936
+ position: string;
6937
+ top: string;
6938
+ left: string;
6939
+ transform: string;
6940
+ color: any;
6941
+ };
6942
+ '& .SCCreateEventWidget-content': {
6943
+ padding: string;
6944
+ '& .SCCreateEventWidget-title': {
6945
+ textAlign: string;
6946
+ marginBottom: any;
6947
+ };
6948
+ '& .SCCreateEventWidget-spacing': {
6949
+ marginBottom: any;
6950
+ };
6951
+ };
6952
+ '& .SCCreateEventWidget-actions': {
6953
+ padding: string;
6954
+ justifyContent: string;
6955
+ };
6956
+ };
6957
+ skeletonRoot: ({ theme }: {
6958
+ theme: any;
6959
+ }) => {
6960
+ '& .SCCreateEventWidget-calendar': {
6961
+ position: string;
6962
+ top: string;
6963
+ left: string;
6964
+ transform: string;
6965
+ };
6966
+ '& .SCCreateEventWidget-content': {
6967
+ padding: string;
6968
+ '& .SCCreateEventWidget-title': {
6969
+ textAlign: string;
6970
+ };
6971
+ '& .SCCreateEventWidget-spacing': {
6972
+ marginBottom: any;
6973
+ };
6974
+ };
6975
+ '& .SCCreateEventWidget-actions': {
6976
+ padding: string;
6977
+ justifyContent: string;
6978
+ };
6979
+ };
6980
+ };
6981
+ };
6897
6982
  };
6898
6983
  selfcommunity: {
6899
6984
  user: {
package/lib/esm/index.js CHANGED
@@ -52,6 +52,7 @@ import SCComposer from './components/SCComposer';
52
52
  import SCConsentSolution from './components/SCConsentSolution';
53
53
  import SCContributionActionsMenu from './components/SCContributionActionsMenu';
54
54
  import SCCreateEventButton from './components/SCCreateEventButton';
55
+ import SCCreateEventWidget from './components/SCCreateEventWidget';
55
56
  import SCCreateGroupButton from './components/SCCreateGroupButton';
56
57
  import SCCustomAdv from './components/SCCustomAdv';
57
58
  import SCCustomSnackMessage from './components/SCCustomSnackMessage';
@@ -364,7 +365,8 @@ const theme = {
364
365
  SCEventSubscribeButton,
365
366
  SCEventPartecipantsButton,
366
367
  SCMyEventsWidget,
367
- SCCalendar
368
+ SCCalendar,
369
+ SCCreateEventWidget
368
370
  },
369
371
  selfcommunity: {
370
372
  user: {