@deix/rossini-core 0.5.4 → 0.6.1

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 (21) hide show
  1. package/lib/package.json +1 -1
  2. package/lib/src/components/buttons/Avatar/Avatar.d.ts +1 -1
  3. package/lib/src/components/buttons/Avatar/Avatar.js +8 -8
  4. package/lib/src/components/buttons/LanguageSelect/LanguageSelect.d.ts +2 -2
  5. package/lib/src/components/buttons/LanguageSelect/LanguageSelect.d.ts.map +1 -1
  6. package/lib/src/components/buttons/LanguageSelect/LanguageSelect.js +13 -12
  7. package/lib/src/components/layout/components/Sidebar/Sidebar.d.ts +3 -3
  8. package/lib/src/components/layout/components/Sidebar/Sidebar.js +52 -52
  9. package/lib/src/components/layout/components/Topbar/Topbar.d.ts +5 -3
  10. package/lib/src/components/layout/components/Topbar/Topbar.d.ts.map +1 -1
  11. package/lib/src/components/layout/components/Topbar/Topbar.js +8 -8
  12. package/lib/src/types/palette.d.ts +3 -3
  13. package/lib/src/types/palette.d.ts.map +1 -1
  14. package/lib/src/utils/hooks/usePersistedState.d.ts +2 -1
  15. package/lib/src/utils/hooks/usePersistedState.d.ts.map +1 -1
  16. package/lib/src/utils/hooks/usePersistedState.js +31 -7
  17. package/lib/src/utils/theme/palette/index.d.ts +2 -2
  18. package/lib/src/utils/theme/palette/index.d.ts.map +1 -1
  19. package/lib/src/utils/theme/palette/index.js +45 -35
  20. package/lib/tsconfig.tsbuildinfo +1 -1
  21. package/package.json +1 -1
package/lib/src/utils/theme/palette/index.js CHANGED
@@ -1,82 +1,92 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.adaptivePalette = exports.defaultDarkPalette = exports.defaultLightPalette = exports.DEFAULT_THEME = void 0;
4
- exports.DEFAULT_THEME = 'light';
4
+ exports.DEFAULT_THEME = "light";
5
5
  exports.defaultLightPalette = {
6
- mode: 'light',
6
+ mode: "light",
7
7
  gradient: {
8
8
  main: `linear-gradient(90deg, #008080, #00283D)`,
9
9
  },
10
10
  primary: {
11
- main: '#008080',
11
+ main: "#008080",
12
12
  },
13
13
  secondary: {
14
- main: '#E2634E',
14
+ main: "#E2634E",
15
15
  },
16
16
  success: {
17
- main: '#26B540',
17
+ main: "#26B540",
18
18
  },
19
19
  info: {
20
- main: '#2466F4',
20
+ main: "#2466F4",
21
21
  },
22
22
  warning: {
23
- main: '#EA8A04',
23
+ main: "#EA8A04",
24
24
  },
25
25
  error: {
26
- main: '#D3343F',
26
+ main: "#D3343F",
27
27
  },
28
28
  background: {
29
- default: '#fafafa',
30
- paper: '#ffffff',
29
+ default: "#fafafa",
30
+ paper: "#ffffff",
31
31
  },
32
32
  text: {
33
- secondary: 'rgba(0,0,0,0.54)',
34
- primary: 'rgba(0,0,0,0.87)',
35
- disabled: 'rgba(0,0,0,0.38)',
33
+ secondary: "rgba(0,0,0,0.54)",
34
+ primary: "rgba(0,0,0,0.87)",
35
+ disabled: "rgba(0,0,0,0.38)",
36
36
  },
37
- divider: 'rgba(0,0,0,0.12)',
37
+ divider: "rgba(0,0,0,0.12)",
38
38
  linkNotActive: {
39
- main: '#afafaf',
39
+ main: "#afafaf",
40
40
  },
41
- sidebar: { main: '#fafafa' },
42
- topbar: { main: '#fafafa' },
41
+ sidebar: {
42
+ main: "#fafafa",
43
+ contrastText: "#008080",
44
+ light: "#afafaf",
45
+ dark: "#00283D",
46
+ },
47
+ topbar: { main: "#fafafa", contrastText: "#008080" },
43
48
  };
44
49
  exports.defaultDarkPalette = {
45
- mode: 'dark',
50
+ mode: "dark",
46
51
  gradient: {
47
52
  main: `linear-gradient(90deg, #2CB2A7, #C6F8E7)`,
48
53
  },
49
54
  primary: {
50
- main: '#2CB2A7',
55
+ main: "#2CB2A7",
51
56
  },
52
57
  secondary: {
53
- main: '#E2634E',
58
+ main: "#E2634E",
54
59
  },
55
60
  success: {
56
- main: '#26B540',
61
+ main: "#26B540",
57
62
  },
58
63
  info: {
59
- main: '#2466F4',
64
+ main: "#2466F4",
60
65
  },
61
66
  warning: {
62
- main: '#EA8A04',
67
+ main: "#EA8A04",
63
68
  },
64
69
  error: {
65
- main: '#D3343F',
70
+ main: "#D3343F",
66
71
  },
67
72
  background: {
68
- default: '#303030',
69
- paper: '#424242',
73
+ default: "#303030",
74
+ paper: "#424242",
70
75
  },
71
76
  text: {
72
- primary: '#ffffff',
73
- secondary: 'rgba(255,255,255,0.7)',
74
- disabled: 'rgba(255,255,255,0.5)',
75
- },
76
- divider: 'rgba(255,255,255,0.12)',
77
- linkNotActive: { main: '#afafaf' },
78
- sidebar: { main: '#303030' },
79
- topbar: { main: '#303030' },
77
+ primary: "#ffffff",
78
+ secondary: "rgba(255,255,255,0.7)",
79
+ disabled: "rgba(255,255,255,0.5)",
80
+ },
81
+ divider: "rgba(255,255,255,0.12)",
82
+ linkNotActive: { main: "#afafaf" },
83
+ sidebar: {
84
+ main: "#303030",
85
+ contrastText: "#2CB2A7",
86
+ dark: "#000000",
87
+ light: "#afafaf",
88
+ },
89
+ topbar: { main: "#303030", contrastText: "#ffffff" },
80
90
  };
81
91
  const adaptivePalette = (mode, lightPalette, darkPalette) => {
82
92
  let light = exports.defaultLightPalette;
@@ -85,6 +95,6 @@ const adaptivePalette = (mode, lightPalette, darkPalette) => {
85
95
  light = lightPalette;
86
96
  dark = darkPalette;
87
97
  }
88
- return mode === 'light' ? light : dark;
98
+ return mode === "light" ? light : dark;
89
99
  };
90
100
  exports.adaptivePalette = adaptivePalette;