@selfcommunity/react-theme-default 0.2.0-alpha.22 → 0.2.0-alpha.24

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 (22) hide show
  1. package/lib/cjs/components/SCFeed.d.ts +8 -0
  2. package/lib/cjs/components/SCFeed.js +8 -0
  3. package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +42 -0
  4. package/lib/cjs/components/SCNavigationMenuDrawer.js +45 -0
  5. package/lib/cjs/components/SCNavigationMenuIconButton.d.ts +0 -37
  6. package/lib/cjs/components/SCNavigationMenuIconButton.js +1 -39
  7. package/lib/cjs/components/SCOnBoardingWidget.d.ts +12 -2
  8. package/lib/cjs/components/SCOnBoardingWidget.js +12 -2
  9. package/lib/cjs/index.d.ts +29 -7
  10. package/lib/cjs/index.js +2 -0
  11. package/lib/esm/components/SCFeed.d.ts +8 -0
  12. package/lib/esm/components/SCFeed.js +8 -0
  13. package/lib/esm/components/SCNavigationMenuDrawer.d.ts +42 -0
  14. package/lib/esm/components/SCNavigationMenuDrawer.js +43 -0
  15. package/lib/esm/components/SCNavigationMenuIconButton.d.ts +0 -37
  16. package/lib/esm/components/SCNavigationMenuIconButton.js +1 -39
  17. package/lib/esm/components/SCOnBoardingWidget.d.ts +12 -2
  18. package/lib/esm/components/SCOnBoardingWidget.js +12 -2
  19. package/lib/esm/index.d.ts +29 -7
  20. package/lib/esm/index.js +2 -0
  21. package/lib/umd/react-theme-default.js +2 -2
  22. package/package.json +4 -4
package/lib/cjs/components/SCFeed.d.ts CHANGED
@@ -32,6 +32,14 @@ declare const Component: {
32
32
  padding: number;
33
33
  marginBottom: any;
34
34
  };
35
+ '& .SCFeed-header-item': {
36
+ animation: string;
37
+ '@keyframes pulse-animation': {
38
+ '0%': {
39
+ opacity: number;
40
+ };
41
+ };
42
+ };
35
43
  };
36
44
  '& .SCFeed-end': {
37
45
  '& > .SCWidget-root': {
package/lib/cjs/components/SCFeed.js CHANGED
@@ -33,6 +33,14 @@ const Component = {
33
33
  '& > .SCWidget-root': {
34
34
  padding: 0,
35
35
  marginBottom: theme.spacing(2)
36
+ },
37
+ '& .SCFeed-header-item': {
38
+ animation: 'pulse-animation 2s ease-in-out',
39
+ '@keyframes pulse-animation': {
40
+ '0%': {
41
+ opacity: 0
42
+ }
43
+ }
36
44
  }
37
45
  },
38
46
  '& .SCFeed-end': {
package/lib/cjs/components/SCNavigationMenuDrawer.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ '& .MuiDrawer-paper': {
5
+ [x: number]: {
6
+ width: any;
7
+ };
8
+ width: string;
9
+ };
10
+ '& .SCNavigationMenuDrawer-drawer-header': {
11
+ minHeight: any;
12
+ padding: string;
13
+ display: string;
14
+ justifyContent: string;
15
+ '& > a:first-of-type': {
16
+ display: string;
17
+ justifyContent: string;
18
+ alignContent: string;
19
+ flexWrap: string;
20
+ };
21
+ '& img': {
22
+ maxHeight: number;
23
+ paddingLeft: any;
24
+ };
25
+ };
26
+ '& .MuiTypography-subtitle1': {
27
+ fontSize: string;
28
+ padding: any;
29
+ '& MuiButton-root': {
30
+ padding: any;
31
+ };
32
+ '& span:first-of-type': {
33
+ color: string;
34
+ };
35
+ };
36
+ '& .SCBaseItemButton-text ': {
37
+ maxWidth: string;
38
+ };
39
+ };
40
+ };
41
+ };
42
+ export default Component;
package/lib/cjs/components/SCNavigationMenuDrawer.js ADDED
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const system_1 = require("@mui/system");
4
+ const Component = {
5
+ styleOverrides: {
6
+ root: ({ theme }) => ({
7
+ '& .MuiDrawer-paper': {
8
+ width: '100%',
9
+ [theme.breakpoints.up('sm')]: {
10
+ width: theme.spacing(40)
11
+ }
12
+ },
13
+ '& .SCNavigationMenuDrawer-drawer-header': {
14
+ minHeight: theme.mixins.toolbar.minHeight,
15
+ padding: '1px',
16
+ display: 'flex',
17
+ justifyContent: 'space-between',
18
+ '& > a:first-of-type': {
19
+ display: 'flex',
20
+ justifyContent: 'center',
21
+ alignContent: 'center',
22
+ flexWrap: 'wrap'
23
+ },
24
+ '& img': {
25
+ maxHeight: theme.mixins.toolbar.minHeight - 20,
26
+ paddingLeft: theme.spacing(1.5)
27
+ }
28
+ },
29
+ '& .MuiTypography-subtitle1': {
30
+ fontSize: '1.286rem',
31
+ padding: theme.spacing(0, 2),
32
+ '& MuiButton-root': {
33
+ padding: theme.spacing(1, 1, 1, 2)
34
+ },
35
+ '& span:first-of-type': {
36
+ color: (0, system_1.darken)(theme.palette.text.primary, 0.5)
37
+ }
38
+ },
39
+ '& .SCBaseItemButton-text ': {
40
+ maxWidth: '80%'
41
+ }
42
+ })
43
+ }
44
+ };
45
+ exports.default = Component;
package/lib/cjs/components/SCNavigationMenuIconButton.d.ts CHANGED
@@ -1,43 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {};
4
- drawerRoot: ({ theme }: any) => {
5
- '& .MuiDrawer-paper': {
6
- [x: number]: {
7
- width: any;
8
- };
9
- width: string;
10
- };
11
- '& .SCNavigationMenuIconButton-drawer-header': {
12
- minHeight: any;
13
- padding: string;
14
- display: string;
15
- justifyContent: string;
16
- '& > a:first-of-type': {
17
- display: string;
18
- justifyContent: string;
19
- alignContent: string;
20
- flexWrap: string;
21
- };
22
- '& img': {
23
- maxHeight: number;
24
- paddingLeft: any;
25
- };
26
- };
27
- '& .MuiTypography-subtitle1': {
28
- fontSize: string;
29
- padding: any;
30
- '& MuiButton-root': {
31
- padding: any;
32
- };
33
- '& span:first-of-type': {
34
- color: string;
35
- };
36
- };
37
- '& .SCBaseItemButton-text ': {
38
- maxWidth: string;
39
- };
40
- };
41
4
  };
42
5
  };
43
6
  export default Component;
package/lib/cjs/components/SCNavigationMenuIconButton.js CHANGED
@@ -1,46 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const system_1 = require("@mui/system");
4
3
  const Component = {
5
4
  styleOverrides: {
6
- root: ({ theme }) => ({}),
7
- drawerRoot: ({ theme }) => ({
8
- '& .MuiDrawer-paper': {
9
- width: '100%',
10
- [theme.breakpoints.up('sm')]: {
11
- width: theme.spacing(40)
12
- }
13
- },
14
- '& .SCNavigationMenuIconButton-drawer-header': {
15
- minHeight: theme.mixins.toolbar.minHeight,
16
- padding: '1px',
17
- display: 'flex',
18
- justifyContent: 'space-between',
19
- '& > a:first-of-type': {
20
- display: 'flex',
21
- justifyContent: 'center',
22
- alignContent: 'center',
23
- flexWrap: 'wrap'
24
- },
25
- '& img': {
26
- maxHeight: theme.mixins.toolbar.minHeight - 20,
27
- paddingLeft: theme.spacing(1.5)
28
- }
29
- },
30
- '& .MuiTypography-subtitle1': {
31
- fontSize: '1.286rem',
32
- padding: theme.spacing(0, 2),
33
- '& MuiButton-root': {
34
- padding: theme.spacing(1, 1, 1, 2)
35
- },
36
- '& span:first-of-type': {
37
- color: (0, system_1.darken)(theme.palette.text.primary, 0.5)
38
- }
39
- },
40
- '& .SCBaseItemButton-text ': {
41
- maxWidth: '80%'
42
- }
43
- })
5
+ root: ({ theme }) => ({})
44
6
  }
45
7
  };
46
8
  exports.default = Component;
package/lib/cjs/components/SCOnBoardingWidget.d.ts CHANGED
@@ -260,8 +260,18 @@ declare const Component: {
260
260
  display: string;
261
261
  flexDirection: string;
262
262
  };
263
- '& .SCOnBoardingWidget-appearance-color': {
264
- margin: any;
263
+ '& .SCOnBoardingWidget-appearance-color-container': {
264
+ position: string;
265
+ display: string;
266
+ '& .SCOnBoardingWidget-appearance-color': {
267
+ margin: any;
268
+ };
269
+ '& .SCOnBoardingWidget-appearance-color-progress': {
270
+ position: string;
271
+ top: string;
272
+ marginTop: any;
273
+ marginLeft: any;
274
+ };
265
275
  };
266
276
  '& .SCOnBoardingWidget-appearance-logo-container': {
267
277
  position: string;
package/lib/cjs/components/SCOnBoardingWidget.js CHANGED
@@ -262,8 +262,18 @@ const Component = {
262
262
  display: 'flex',
263
263
  flexDirection: 'column'
264
264
  },
265
- '& .SCOnBoardingWidget-appearance-color': {
266
- margin: theme.spacing(1, 0, 2, 0)
265
+ '& .SCOnBoardingWidget-appearance-color-container': {
266
+ position: 'relative',
267
+ display: 'inline-block',
268
+ '& .SCOnBoardingWidget-appearance-color': {
269
+ margin: theme.spacing(1, 0, 2, 0)
270
+ },
271
+ '& .SCOnBoardingWidget-appearance-color-progress': {
272
+ position: 'absolute',
273
+ top: '50%',
274
+ marginTop: theme.spacing(-2),
275
+ marginLeft: theme.spacing(-4.5)
276
+ }
267
277
  },
268
278
  '& .SCOnBoardingWidget-appearance-logo-container': {
269
279
  position: 'relative',
package/lib/cjs/index.d.ts CHANGED
@@ -2029,6 +2029,14 @@ declare const theme: {
2029
2029
  padding: number;
2030
2030
  marginBottom: any;
2031
2031
  };
2032
+ '& .SCFeed-header-item': {
2033
+ animation: string;
2034
+ '@keyframes pulse-animation': {
2035
+ '0%': {
2036
+ opacity: number;
2037
+ };
2038
+ };
2039
+ };
2032
2040
  };
2033
2041
  '& .SCFeed-end': {
2034
2042
  '& > .SCWidget-root': {
@@ -4311,14 +4319,18 @@ declare const theme: {
4311
4319
  SCNavigationMenuIconButton: {
4312
4320
  styleOverrides: {
4313
4321
  root: ({ theme }: any) => {};
4314
- drawerRoot: ({ theme }: any) => {
4322
+ };
4323
+ };
4324
+ SCNavigationMenuDrawer: {
4325
+ styleOverrides: {
4326
+ root: ({ theme }: any) => {
4315
4327
  '& .MuiDrawer-paper': {
4316
4328
  [x: number]: {
4317
4329
  width: any;
4318
4330
  };
4319
4331
  width: string;
4320
4332
  };
4321
- '& .SCNavigationMenuIconButton-drawer-header': {
4333
+ '& .SCNavigationMenuDrawer-drawer-header': {
4322
4334
  minHeight: any;
4323
4335
  padding: string;
4324
4336
  display: string;
@@ -4867,6 +4879,9 @@ declare const theme: {
4867
4879
  width: string;
4868
4880
  '& .SCNotification-username': {
4869
4881
  fontWeight: number;
4882
+ /**
4883
+ * Export default theme
4884
+ */
4870
4885
  '&:hover': {
4871
4886
  textDecoration: string;
4872
4887
  };
@@ -5226,8 +5241,18 @@ declare const theme: {
5226
5241
  display: string;
5227
5242
  flexDirection: string;
5228
5243
  };
5229
- '& .SCOnBoardingWidget-appearance-color': {
5230
- margin: any;
5244
+ '& .SCOnBoardingWidget-appearance-color-container': {
5245
+ position: string;
5246
+ display: string;
5247
+ '& .SCOnBoardingWidget-appearance-color': {
5248
+ margin: any;
5249
+ };
5250
+ '& .SCOnBoardingWidget-appearance-color-progress': {
5251
+ position: string;
5252
+ top: string;
5253
+ marginTop: any;
5254
+ marginLeft: any;
5255
+ };
5231
5256
  };
5232
5257
  '& .SCOnBoardingWidget-appearance-logo-container': {
5233
5258
  position: string;
@@ -5304,9 +5329,6 @@ declare const theme: {
5304
5329
  '& .MuiBadge-badge': {
5305
5330
  right: any;
5306
5331
  top: any;
5307
- /**
5308
- * Export default theme
5309
- */
5310
5332
  '& .SCUserAvatar-badge-content': {
5311
5333
  width: number;
5312
5334
  height: number;
package/lib/cjs/index.js CHANGED
@@ -113,6 +113,7 @@ const SCMediaLink_1 = tslib_1.__importDefault(require("./components/SCMediaLink"
113
113
  const SCMediaShare_1 = tslib_1.__importDefault(require("./components/SCMediaShare"));
114
114
  const SCMyEventsWidget_1 = tslib_1.__importDefault(require("./components/SCMyEventsWidget"));
115
115
  const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
116
+ const SCNavigationMenuDrawer_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuDrawer"));
116
117
  const SCNavigationSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationSettingsIconButton"));
117
118
  const SCNavigationToolbar_1 = tslib_1.__importDefault(require("./components/SCNavigationToolbar"));
118
119
  const SCNavigationToolbarMobile_1 = tslib_1.__importDefault(require("./components/SCNavigationToolbarMobile"));
@@ -322,6 +323,7 @@ const theme = {
322
323
  SCMediaLink: SCMediaLink_1.default,
323
324
  SCMediaShare: SCMediaShare_1.default,
324
325
  SCNavigationMenuIconButton: SCNavigationMenuIconButton_1.default,
326
+ SCNavigationMenuDrawer: SCNavigationMenuDrawer_1.default,
325
327
  SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
326
328
  SCNavigationToolbar: SCNavigationToolbar_1.default,
327
329
  SCNavigationToolbarMobile: SCNavigationToolbarMobile_1.default,
package/lib/esm/components/SCFeed.d.ts CHANGED
@@ -32,6 +32,14 @@ declare const Component: {
32
32
  padding: number;
33
33
  marginBottom: any;
34
34
  };
35
+ '& .SCFeed-header-item': {
36
+ animation: string;
37
+ '@keyframes pulse-animation': {
38
+ '0%': {
39
+ opacity: number;
40
+ };
41
+ };
42
+ };
35
43
  };
36
44
  '& .SCFeed-end': {
37
45
  '& > .SCWidget-root': {
package/lib/esm/components/SCFeed.js CHANGED
@@ -31,6 +31,14 @@ const Component = {
31
31
  '& > .SCWidget-root': {
32
32
  padding: 0,
33
33
  marginBottom: theme.spacing(2)
34
+ },
35
+ '& .SCFeed-header-item': {
36
+ animation: 'pulse-animation 2s ease-in-out',
37
+ '@keyframes pulse-animation': {
38
+ '0%': {
39
+ opacity: 0
40
+ }
41
+ }
34
42
  }
35
43
  },
36
44
  '& .SCFeed-end': {
package/lib/esm/components/SCNavigationMenuDrawer.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ '& .MuiDrawer-paper': {
5
+ [x: number]: {
6
+ width: any;
7
+ };
8
+ width: string;
9
+ };
10
+ '& .SCNavigationMenuDrawer-drawer-header': {
11
+ minHeight: any;
12
+ padding: string;
13
+ display: string;
14
+ justifyContent: string;
15
+ '& > a:first-of-type': {
16
+ display: string;
17
+ justifyContent: string;
18
+ alignContent: string;
19
+ flexWrap: string;
20
+ };
21
+ '& img': {
22
+ maxHeight: number;
23
+ paddingLeft: any;
24
+ };
25
+ };
26
+ '& .MuiTypography-subtitle1': {
27
+ fontSize: string;
28
+ padding: any;
29
+ '& MuiButton-root': {
30
+ padding: any;
31
+ };
32
+ '& span:first-of-type': {
33
+ color: string;
34
+ };
35
+ };
36
+ '& .SCBaseItemButton-text ': {
37
+ maxWidth: string;
38
+ };
39
+ };
40
+ };
41
+ };
42
+ export default Component;
package/lib/esm/components/SCNavigationMenuDrawer.js ADDED
@@ -0,0 +1,43 @@
1
+ import { darken } from '@mui/system';
2
+ const Component = {
3
+ styleOverrides: {
4
+ root: ({ theme }) => ({
5
+ '& .MuiDrawer-paper': {
6
+ width: '100%',
7
+ [theme.breakpoints.up('sm')]: {
8
+ width: theme.spacing(40)
9
+ }
10
+ },
11
+ '& .SCNavigationMenuDrawer-drawer-header': {
12
+ minHeight: theme.mixins.toolbar.minHeight,
13
+ padding: '1px',
14
+ display: 'flex',
15
+ justifyContent: 'space-between',
16
+ '& > a:first-of-type': {
17
+ display: 'flex',
18
+ justifyContent: 'center',
19
+ alignContent: 'center',
20
+ flexWrap: 'wrap'
21
+ },
22
+ '& img': {
23
+ maxHeight: theme.mixins.toolbar.minHeight - 20,
24
+ paddingLeft: theme.spacing(1.5)
25
+ }
26
+ },
27
+ '& .MuiTypography-subtitle1': {
28
+ fontSize: '1.286rem',
29
+ padding: theme.spacing(0, 2),
30
+ '& MuiButton-root': {
31
+ padding: theme.spacing(1, 1, 1, 2)
32
+ },
33
+ '& span:first-of-type': {
34
+ color: darken(theme.palette.text.primary, 0.5)
35
+ }
36
+ },
37
+ '& .SCBaseItemButton-text ': {
38
+ maxWidth: '80%'
39
+ }
40
+ })
41
+ }
42
+ };
43
+ export default Component;
package/lib/esm/components/SCNavigationMenuIconButton.d.ts CHANGED
@@ -1,43 +1,6 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {};
4
- drawerRoot: ({ theme }: any) => {
5
- '& .MuiDrawer-paper': {
6
- [x: number]: {
7
- width: any;
8
- };
9
- width: string;
10
- };
11
- '& .SCNavigationMenuIconButton-drawer-header': {
12
- minHeight: any;
13
- padding: string;
14
- display: string;
15
- justifyContent: string;
16
- '& > a:first-of-type': {
17
- display: string;
18
- justifyContent: string;
19
- alignContent: string;
20
- flexWrap: string;
21
- };
22
- '& img': {
23
- maxHeight: number;
24
- paddingLeft: any;
25
- };
26
- };
27
- '& .MuiTypography-subtitle1': {
28
- fontSize: string;
29
- padding: any;
30
- '& MuiButton-root': {
31
- padding: any;
32
- };
33
- '& span:first-of-type': {
34
- color: string;
35
- };
36
- };
37
- '& .SCBaseItemButton-text ': {
38
- maxWidth: string;
39
- };
40
- };
41
4
  };
42
5
  };
43
6
  export default Component;
package/lib/esm/components/SCNavigationMenuIconButton.js CHANGED
@@ -1,44 +1,6 @@
1
- import { darken } from '@mui/system';
2
1
  const Component = {
3
2
  styleOverrides: {
4
- root: ({ theme }) => ({}),
5
- drawerRoot: ({ theme }) => ({
6
- '& .MuiDrawer-paper': {
7
- width: '100%',
8
- [theme.breakpoints.up('sm')]: {
9
- width: theme.spacing(40)
10
- }
11
- },
12
- '& .SCNavigationMenuIconButton-drawer-header': {
13
- minHeight: theme.mixins.toolbar.minHeight,
14
- padding: '1px',
15
- display: 'flex',
16
- justifyContent: 'space-between',
17
- '& > a:first-of-type': {
18
- display: 'flex',
19
- justifyContent: 'center',
20
- alignContent: 'center',
21
- flexWrap: 'wrap'
22
- },
23
- '& img': {
24
- maxHeight: theme.mixins.toolbar.minHeight - 20,
25
- paddingLeft: theme.spacing(1.5)
26
- }
27
- },
28
- '& .MuiTypography-subtitle1': {
29
- fontSize: '1.286rem',
30
- padding: theme.spacing(0, 2),
31
- '& MuiButton-root': {
32
- padding: theme.spacing(1, 1, 1, 2)
33
- },
34
- '& span:first-of-type': {
35
- color: darken(theme.palette.text.primary, 0.5)
36
- }
37
- },
38
- '& .SCBaseItemButton-text ': {
39
- maxWidth: '80%'
40
- }
41
- })
3
+ root: ({ theme }) => ({})
42
4
  }
43
5
  };
44
6
  export default Component;
package/lib/esm/components/SCOnBoardingWidget.d.ts CHANGED
@@ -260,8 +260,18 @@ declare const Component: {
260
260
  display: string;
261
261
  flexDirection: string;
262
262
  };
263
- '& .SCOnBoardingWidget-appearance-color': {
264
- margin: any;
263
+ '& .SCOnBoardingWidget-appearance-color-container': {
264
+ position: string;
265
+ display: string;
266
+ '& .SCOnBoardingWidget-appearance-color': {
267
+ margin: any;
268
+ };
269
+ '& .SCOnBoardingWidget-appearance-color-progress': {
270
+ position: string;
271
+ top: string;
272
+ marginTop: any;
273
+ marginLeft: any;
274
+ };
265
275
  };
266
276
  '& .SCOnBoardingWidget-appearance-logo-container': {
267
277
  position: string;
package/lib/esm/components/SCOnBoardingWidget.js CHANGED
@@ -260,8 +260,18 @@ const Component = {
260
260
  display: 'flex',
261
261
  flexDirection: 'column'
262
262
  },
263
- '& .SCOnBoardingWidget-appearance-color': {
264
- margin: theme.spacing(1, 0, 2, 0)
263
+ '& .SCOnBoardingWidget-appearance-color-container': {
264
+ position: 'relative',
265
+ display: 'inline-block',
266
+ '& .SCOnBoardingWidget-appearance-color': {
267
+ margin: theme.spacing(1, 0, 2, 0)
268
+ },
269
+ '& .SCOnBoardingWidget-appearance-color-progress': {
270
+ position: 'absolute',
271
+ top: '50%',
272
+ marginTop: theme.spacing(-2),
273
+ marginLeft: theme.spacing(-4.5)
274
+ }
265
275
  },
266
276
  '& .SCOnBoardingWidget-appearance-logo-container': {
267
277
  position: 'relative',