@m4l/styles 0.0.18 → 0.0.20

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 (18) hide show
  1. package/index.js +17 -17
  2. package/package.json +2 -2
  3. package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.dd98806d.js} +5 -5
  4. package/theme/index.7512919c.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +220 -1
  6. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +40 -8
  7. package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.ead1a06a.js} +60 -27
  8. package/theme/overrides/{index.6b7aec0f.js → index.0d219399.js} +1 -1
  9. package/theme/{palette.95c4f9c8.js → palette.6e480083.js} +111 -111
  10. package/theme/palette.d.ts +6 -6
  11. package/theme/{shadows.354bbb03.js → shadows.0d04d424.js} +1 -1
  12. package/theme/{typography.61f909b7.js → typography.8b60719b.js} +4 -4
  13. package/types/types.d.ts +1 -1
  14. package/utils/getColorPresets.4a88b0ed.js +70 -0
  15. package/utils/getColorPresets.d.ts +1 -1
  16. package/utils/{getColorState.bde51cf7.js → getColorState.1cdd7909.js} +61 -60
  17. package/theme/index.efa44d2d.js +0 -7
  18. package/utils/getColorPresets.d73f30ad.js +0 -70
package/utils/getColorPresets.4a88b0ed.js ADDED
@@ -0,0 +1,70 @@
1
+ import { P as e } from "../theme/palette.6e480083.js";
2
+ const r = [
3
+ {
4
+ name: "patronus",
5
+ lighter: e.patronusBlue[60],
6
+ light: e.patronusBlue[40],
7
+ main: e.patronusBlue[50],
8
+ dark: e.patronusBlue[30],
9
+ darker: e.patronusBlue[10],
10
+ contrastText: e.marbleLight[10]
11
+ },
12
+ {
13
+ name: "turqui",
14
+ lighter: e.turquiBlue[70],
15
+ light: e.turquiBlue[40],
16
+ main: e.turquiBlue[50],
17
+ dark: e.turquiBlue[30],
18
+ darker: e.turquiBlue[10],
19
+ contrastText: e.marbleLight[10]
20
+ },
21
+ {
22
+ name: "grass",
23
+ lighter: e.grassGreen[70],
24
+ light: e.grassGreen[60],
25
+ main: e.grassGreen[50],
26
+ dark: e.grassGreen[40],
27
+ darker: e.grassGreen[10],
28
+ contrastText: e.marbleLight[10]
29
+ },
30
+ {
31
+ name: "desert",
32
+ lighter: e.desertBeige[70],
33
+ light: e.desertBeige[60],
34
+ main: e.desertBeige[50],
35
+ dark: e.desertBeige[40],
36
+ darker: e.desertBeige[10],
37
+ contrastText: e.marbleLight[10]
38
+ },
39
+ {
40
+ name: "blaze",
41
+ lighter: e.blazeOrange[70],
42
+ light: e.blazeOrange[60],
43
+ main: e.blazeOrange[50],
44
+ dark: e.blazeOrange[30],
45
+ darker: e.blazeOrange[10],
46
+ contrastText: e.marbleLight[10]
47
+ }
48
+ ], t = r[0], s = r[1], n = r[2], l = r[3], u = r[4];
49
+ function o(a) {
50
+ try {
51
+ return {
52
+ patronus: t,
53
+ turqui: s,
54
+ grass: n,
55
+ desert: l,
56
+ blaze: u
57
+ }[a];
58
+ } catch {
59
+ }
60
+ return t;
61
+ }
62
+ export {
63
+ n as a,
64
+ l as b,
65
+ r as c,
66
+ t as d,
67
+ u as e,
68
+ o as g,
69
+ s as t
70
+ };
package/utils/getColorPresets.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare const grass: {
44
44
  darker: string;
45
45
  contrastText: string;
46
46
  };
47
- export declare const candy: {
47
+ export declare const desert: {
48
48
  name: string;
49
49
  lighter: string;
50
50
  light: string;
package/utils/{getColorState.bde51cf7.js → getColorState.1cdd7909.js} RENAMED
@@ -1,153 +1,154 @@
1
1
  import { alpha as r } from "@mui/system";
2
- import "../theme/defaultThemeOptions.d67fe64c.js";
3
- import "../theme/shadows.354bbb03.js";
4
- import { P as e, S as a } from "../theme/palette.95c4f9c8.js";
5
- import "../theme/typography.61f909b7.js";
2
+ import "../theme/defaultThemeOptions.dd98806d.js";
3
+ import "../theme/shadows.0d04d424.js";
4
+ import { P as e, S as t } from "../theme/palette.6e480083.js";
5
+ import "../theme/typography.8b60719b.js";
6
6
  import "@mui/material";
7
7
  import "@mui/material/styles";
8
- const b = (t, l) => {
8
+ const v = (a, l) => {
9
9
  let o = {};
10
- switch (t) {
10
+ switch (a) {
11
11
  case "patronus":
12
12
  o = {
13
13
  light: {
14
- active12: r(e?.patronusBlue[50], 0.12),
14
+ active12: r(e?.patronusBlue[50], 0.08),
15
15
  active: e?.patronusBlue[50],
16
- focus: e?.patronusBlue[70],
16
+ focus: e?.patronusBlue[60],
17
17
  hover: e?.patronusBlue[60],
18
18
  overdefoult: r(e?.coolGrey[70], 0.1),
19
19
  default: r(e?.coolGrey[70], 0.04),
20
- borderDefault: r(e?.coolGrey[70], 0.24),
21
- ...a
20
+ borderDefault: e?.coolGrey[40],
21
+ ...t
22
22
  },
23
23
  dark: {
24
- active12: r(e?.patronusBlue[50], 0.12),
24
+ active12: r(e?.patronusBlue[50], 0.08),
25
25
  active: e?.patronusBlue[50],
26
26
  focus: e?.patronusBlue[30],
27
- hover: e?.patronusBlue[40],
27
+ hover: e?.patronusBlue[30],
28
28
  overdefoult: r(e?.marbleLight[10], 0.1),
29
29
  default: r(e?.marbleLight[10], 0.04),
30
- borderDefault: r(e?.coolGrey[70], 0.6),
31
- ...a
30
+ borderDefault: e?.coolGrey[20],
31
+ ...t
32
32
  }
33
33
  };
34
34
  break;
35
35
  case "turqui":
36
36
  o = {
37
37
  light: {
38
- active12: r(e?.turquiBlue[50], 0.12),
38
+ active12: r(e?.turquiBlue[50], 0.08),
39
39
  active: e?.turquiBlue[50],
40
40
  focus: e?.turquiBlue[70],
41
- hover: e?.turquiBlue[60],
41
+ hover: e?.turquiBlue[70],
42
42
  overdefoult: r(e?.coolGrey[70], 0.1),
43
43
  default: r(e?.coolGrey[70], 0.04),
44
- borderDefault: r(e?.coolGrey[70], 0.24),
45
- ...a
44
+ borderDefault: e?.coolGrey[40],
45
+ ...t
46
46
  },
47
47
  dark: {
48
- active12: r(e?.turquiBlue[50], 0.12),
48
+ active12: r(e?.turquiBlue[50], 0.08),
49
49
  active: e?.turquiBlue[50],
50
50
  focus: e?.turquiBlue[30],
51
- hover: e?.turquiBlue[40],
51
+ hover: e?.turquiBlue[30],
52
52
  overdefoult: r(e?.marbleLight[10], 0.1),
53
53
  default: r(e?.marbleLight[10], 0.04),
54
- borderDefault: r(e?.coolGrey[70], 0.6),
55
- ...a
54
+ borderDefault: e?.coolGrey[20],
55
+ ...t
56
56
  }
57
57
  };
58
58
  break;
59
59
  case "grass":
60
60
  o = {
61
61
  light: {
62
- active12: r(e?.grassGreen[50], 0.12),
62
+ active12: r(e?.grassGreen[50], 0.08),
63
63
  active: e?.grassGreen[50],
64
64
  focus: e?.grassGreen[70],
65
- hover: e?.grassGreen[60],
65
+ hover: e?.grassGreen[70],
66
66
  overdefoult: r(e?.coolGrey[70], 0.1),
67
67
  default: r(e?.coolGrey[70], 0.04),
68
- borderDefault: r(e?.coolGrey[70], 0.24),
69
- ...a
68
+ borderDefault: e?.coolGrey[40],
69
+ ...t
70
70
  },
71
71
  dark: {
72
- active12: r(e?.grassGreen[50], 0.12),
72
+ active12: r(e?.grassGreen[50], 0.08),
73
73
  active: e?.grassGreen[50],
74
- focus: e?.grassGreen[30],
74
+ focus: e?.grassGreen[40],
75
75
  hover: e?.grassGreen[40],
76
76
  overdefoult: r(e?.marbleLight[10], 0.1),
77
77
  default: r(e?.marbleLight[10], 0.04),
78
- borderDefault: r(e?.coolGrey[70], 0.6),
79
- ...a
78
+ borderDefault: e?.coolGrey[20],
79
+ ...t
80
80
  }
81
81
  };
82
82
  break;
83
- case "candy":
83
+ case "desert":
84
84
  o = {
85
85
  light: {
86
- active12: r(e?.candyRed[50], 0.12),
87
- active: e?.candyRed[50],
88
- focus: e?.candyRed[70],
89
- hover: e?.candyRed[60],
86
+ active12: r(e?.desertBeige[50], 0.08),
87
+ active: e?.desertBeige[50],
88
+ focus: e?.desertBeige[70],
89
+ hover: e?.desertBeige[70],
90
+ overdefoult: r(e?.marbleLight[70], 0.1),
90
91
  default: r(e?.coolGrey[70], 0.04),
91
- borderDefault: r(e?.coolGrey[70], 0.24),
92
- ...a
92
+ borderDefault: e?.coolGrey[40],
93
+ ...t
93
94
  },
94
95
  dark: {
95
- active12: r(e?.candyRed[50], 0.12),
96
- active: e?.candyRed[50],
97
- focus: e?.candyRed[30],
98
- hover: e?.candyRed[40],
96
+ active12: r(e?.desertBeige[50], 0.08),
97
+ active: e?.desertBeige[50],
98
+ focus: e?.desertBeige[40],
99
+ hover: e?.desertBeige[40],
99
100
  overdefoult: r(e?.marbleLight[10], 0.1),
100
101
  default: r(e?.marbleLight[10], 0.04),
101
- borderDefault: r(e?.coolGrey[70], 0.6),
102
- ...a
102
+ borderDefault: e?.coolGrey[20],
103
+ ...t
103
104
  }
104
105
  };
105
106
  break;
106
107
  case "blaze":
107
108
  o = {
108
109
  light: {
109
- active12: r(e?.blazeOrange[50], 0.12),
110
+ active12: r(e?.blazeOrange[50], 0.08),
110
111
  active: e?.blazeOrange[50],
111
112
  focus: e?.blazeOrange[70],
112
- hover: e?.blazeOrange[60],
113
+ hover: e?.blazeOrange[70],
113
114
  overdefoult: r(e?.coolGrey[70], 0.1),
114
115
  default: r(e?.coolGrey[70], 0.04),
115
- borderDefault: r(e?.coolGrey[70], 0.24),
116
- ...a
116
+ borderDefault: e?.coolGrey[40],
117
+ ...t
117
118
  },
118
119
  dark: {
119
- active12: r(e?.blazeOrange[50], 0.12),
120
+ active12: r(e?.blazeOrange[50], 0.08),
120
121
  active: e?.blazeOrange[50],
121
122
  focus: e?.blazeOrange[30],
122
- hover: e?.blazeOrange[40],
123
+ hover: e?.blazeOrange[30],
123
124
  overdefoult: r(e?.marbleLight[10], 0.1),
124
125
  default: r(e?.marbleLight[10], 0.04),
125
- borderDefault: r(e?.coolGrey[70], 0.6),
126
- ...a
126
+ borderDefault: e?.coolGrey[20],
127
+ ...t
127
128
  }
128
129
  };
129
130
  break;
130
131
  default:
131
132
  o = {
132
133
  light: {
133
- active12: r(e?.turquiBlue[50], 0.12),
134
+ active12: r(e?.turquiBlue[50], 0.08),
134
135
  active: e?.turquiBlue[50],
135
136
  focus: e?.turquiBlue[70],
136
- hover: e?.turquiBlue[60],
137
+ hover: e?.turquiBlue[70],
137
138
  overdefoult: r(e?.coolGrey[70], 0.1),
138
139
  default: r(e?.coolGrey[70], 0.04),
139
- borderDefault: r(e?.coolGrey[70], 0.24),
140
- ...a
140
+ borderDefault: e?.coolGrey[40],
141
+ ...t
141
142
  },
142
143
  dark: {
143
- active12: r(e?.turquiBlue[50], 0.12),
144
+ active12: r(e?.turquiBlue[50], 0.08),
144
145
  active: e?.turquiBlue[50],
145
146
  focus: e?.turquiBlue[30],
146
- hover: e?.turquiBlue[40],
147
+ hover: e?.turquiBlue[30],
147
148
  overdefoult: r(e?.marbleLight[10], 0.1),
148
149
  default: r(e?.marbleLight[10], 0.04),
149
- borderDefault: r(e?.coolGrey[70], 0.6),
150
- ...a
150
+ borderDefault: e?.coolGrey[20],
151
+ ...t
151
152
  }
152
153
  };
153
154
  break;
@@ -155,5 +156,5 @@ const b = (t, l) => {
155
156
  return l === "light" ? { ...o.light } : { ...o.dark };
156
157
  };
157
158
  export {
158
- b as g
159
+ v as g
159
160
  };
package/theme/index.efa44d2d.js DELETED
@@ -1,7 +0,0 @@
1
- import "./defaultThemeOptions.d67fe64c.js";
2
- import "./shadows.354bbb03.js";
3
- import "./palette.95c4f9c8.js";
4
- import "./typography.61f909b7.js";
5
- import "@mui/material";
6
- import "@mui/material/styles";
7
- import "@mui/system";
package/utils/getColorPresets.d73f30ad.js DELETED
@@ -1,70 +0,0 @@
1
- import { P as r } from "../theme/palette.95c4f9c8.js";
2
- const e = [
3
- {
4
- name: "patronus",
5
- lighter: r.patronusBlue[70],
6
- light: r.patronusBlue[60],
7
- main: r.patronusBlue[50],
8
- dark: r.patronusBlue[40],
9
- darker: r.patronusBlue[20],
10
- contrastText: r.marbleLight[10]
11
- },
12
- {
13
- name: "turqui",
14
- lighter: r.turquiBlue[80],
15
- light: r.turquiBlue[60],
16
- main: r.turquiBlue[40],
17
- dark: r.turquiBlue[50],
18
- darker: r.turquiBlue[20],
19
- contrastText: r.marbleLight[10]
20
- },
21
- {
22
- name: "grass",
23
- lighter: r.grassGreen[80],
24
- light: r.grassGreen[50],
25
- main: r.grassGreen[60],
26
- dark: r.grassGreen[40],
27
- darker: r.grassGreen[20],
28
- contrastText: r.marbleLight[10]
29
- },
30
- {
31
- name: "candy",
32
- lighter: r.candyRed[70],
33
- light: r.candyRed[60],
34
- main: r.candyRed[50],
35
- dark: r.candyRed[40],
36
- darker: r.candyRed[30],
37
- contrastText: r.marbleLight[10]
38
- },
39
- {
40
- name: "blaze",
41
- lighter: r.blazeOrange[80],
42
- light: r.blazeOrange[50],
43
- main: r.blazeOrange[60],
44
- dark: r.blazeOrange[40],
45
- darker: r.blazeOrange[20],
46
- contrastText: r.marbleLight[10]
47
- }
48
- ], a = e[0], n = e[1], s = e[2], l = e[3], u = e[4];
49
- function o(t) {
50
- try {
51
- return {
52
- patronus: a,
53
- turqui: n,
54
- grass: s,
55
- candy: l,
56
- blaze: u
57
- }[t];
58
- } catch {
59
- }
60
- return a;
61
- }
62
- export {
63
- s as a,
64
- l as b,
65
- e as c,
66
- a as d,
67
- u as e,
68
- o as g,
69
- n as t
70
- };