@monolith-forensics/monolith-ui 1.2.99 → 1.2.101
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.
|
@@ -2,131 +2,7 @@ import { DefaultTheme } from "styled-components";
|
|
|
2
2
|
export { styled, useTheme, createGlobalStyle, css } from "styled-components";
|
|
3
3
|
import { Themes } from "../theme";
|
|
4
4
|
import React from "react";
|
|
5
|
-
|
|
6
|
-
export interface MonolithDefaultTheme extends DefaultTheme {
|
|
7
|
-
name?: Themes;
|
|
8
|
-
typography?: typeof typography;
|
|
9
|
-
palette: {
|
|
10
|
-
mode: Themes;
|
|
11
|
-
primary: {
|
|
12
|
-
main: string;
|
|
13
|
-
contrastText: string;
|
|
14
|
-
};
|
|
15
|
-
error: {
|
|
16
|
-
main: string;
|
|
17
|
-
contrastText: string;
|
|
18
|
-
};
|
|
19
|
-
secondary: {
|
|
20
|
-
main: string;
|
|
21
|
-
contrastText: string;
|
|
22
|
-
};
|
|
23
|
-
third: {
|
|
24
|
-
main: string;
|
|
25
|
-
contrastText: string;
|
|
26
|
-
};
|
|
27
|
-
fourth: {
|
|
28
|
-
main: string;
|
|
29
|
-
contrastText: string;
|
|
30
|
-
};
|
|
31
|
-
background: {
|
|
32
|
-
default: string;
|
|
33
|
-
paper: string;
|
|
34
|
-
alt: string;
|
|
35
|
-
secondary: string;
|
|
36
|
-
gradient: string;
|
|
37
|
-
};
|
|
38
|
-
menu: {
|
|
39
|
-
background: string;
|
|
40
|
-
};
|
|
41
|
-
signature: {
|
|
42
|
-
penColor: string;
|
|
43
|
-
borderColor: string;
|
|
44
|
-
backgroundColor: string;
|
|
45
|
-
};
|
|
46
|
-
text: {
|
|
47
|
-
primary: string;
|
|
48
|
-
secondary: string;
|
|
49
|
-
};
|
|
50
|
-
input: {
|
|
51
|
-
background: string;
|
|
52
|
-
border: string;
|
|
53
|
-
borderHover: string;
|
|
54
|
-
borderFocus: string;
|
|
55
|
-
borderError: string;
|
|
56
|
-
borderDisabled: string;
|
|
57
|
-
text: string;
|
|
58
|
-
textDisabled: string;
|
|
59
|
-
placeholder: string;
|
|
60
|
-
};
|
|
61
|
-
textArea: {
|
|
62
|
-
background: string;
|
|
63
|
-
border: string;
|
|
64
|
-
borderHover: string;
|
|
65
|
-
borderFocus: string;
|
|
66
|
-
borderError: string;
|
|
67
|
-
borderDisabled: string;
|
|
68
|
-
text: string;
|
|
69
|
-
textDisabled: string;
|
|
70
|
-
placeholder: string;
|
|
71
|
-
};
|
|
72
|
-
dataGrid: {
|
|
73
|
-
hover: string;
|
|
74
|
-
};
|
|
75
|
-
action: {
|
|
76
|
-
hover: string;
|
|
77
|
-
};
|
|
78
|
-
divider: string;
|
|
79
|
-
};
|
|
80
|
-
header: {
|
|
81
|
-
color: string;
|
|
82
|
-
background: string;
|
|
83
|
-
search: {
|
|
84
|
-
color: string;
|
|
85
|
-
};
|
|
86
|
-
indicator: {
|
|
87
|
-
background: string;
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
footer: {
|
|
91
|
-
color: string;
|
|
92
|
-
background: string;
|
|
93
|
-
};
|
|
94
|
-
sidebar: {
|
|
95
|
-
color: string;
|
|
96
|
-
background: string;
|
|
97
|
-
active: string;
|
|
98
|
-
header: {
|
|
99
|
-
color: string;
|
|
100
|
-
background: string;
|
|
101
|
-
brand: {
|
|
102
|
-
color: string;
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
footer: {
|
|
106
|
-
color: string;
|
|
107
|
-
background: string;
|
|
108
|
-
online: {
|
|
109
|
-
background: string;
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
badge: {
|
|
113
|
-
color: string;
|
|
114
|
-
background: string;
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
scrollbar: {
|
|
118
|
-
track: string;
|
|
119
|
-
thumb: string;
|
|
120
|
-
thumbHover: string;
|
|
121
|
-
};
|
|
122
|
-
mfBorder: {
|
|
123
|
-
primary: string;
|
|
124
|
-
secondary: string;
|
|
125
|
-
};
|
|
126
|
-
zIndex: {
|
|
127
|
-
snackbar: number;
|
|
128
|
-
};
|
|
129
|
-
}
|
|
5
|
+
export type MonolithDefaultTheme = DefaultTheme;
|
|
130
6
|
export interface MonolithUIContextType {
|
|
131
7
|
theme: MonolithDefaultTheme;
|
|
132
8
|
Themes: typeof Themes;
|
package/dist/theme/getTheme.d.ts
CHANGED
package/dist/theme/variants.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DefaultTheme } from "styled-components";
|
|
2
2
|
export declare enum THEMES {
|
|
3
3
|
DARK = "DARK",
|
|
4
4
|
LIGHT = "LIGHT",
|
|
5
5
|
DEFAULT = "DEFAULT"
|
|
6
6
|
}
|
|
7
|
-
declare const variants:
|
|
7
|
+
declare const variants: DefaultTheme[];
|
|
8
8
|
export default variants;
|
package/dist/theme/variants.js
CHANGED
|
@@ -55,6 +55,7 @@ const lightVariant = {
|
|
|
55
55
|
error: {
|
|
56
56
|
main: "#f44336",
|
|
57
57
|
contrastText: "#FFF",
|
|
58
|
+
light: "#ffcdd2",
|
|
58
59
|
},
|
|
59
60
|
secondary: {
|
|
60
61
|
main: "#FFF",
|
|
@@ -86,6 +87,7 @@ const lightVariant = {
|
|
|
86
87
|
text: {
|
|
87
88
|
primary: "rgba(0, 0, 0, 0.95)",
|
|
88
89
|
secondary: "rgba(0, 0, 0, 0.75)",
|
|
90
|
+
disabled: "rgba(0, 0, 0, 0.38)",
|
|
89
91
|
},
|
|
90
92
|
input: {
|
|
91
93
|
background: "#fff",
|
|
@@ -175,10 +177,25 @@ const darkVariant = merge(lightVariant, {
|
|
|
175
177
|
action: {
|
|
176
178
|
hover: "rgba(255, 255, 255, 0.05)",
|
|
177
179
|
},
|
|
180
|
+
success: {
|
|
181
|
+
light: "#4caf50",
|
|
182
|
+
main: "#32CD32",
|
|
183
|
+
},
|
|
184
|
+
warning: {
|
|
185
|
+
main: "#ff9800",
|
|
186
|
+
},
|
|
187
|
+
info: {
|
|
188
|
+
main: "#2196f3",
|
|
189
|
+
},
|
|
178
190
|
primary: {
|
|
179
191
|
main: customBlue[500],
|
|
180
192
|
contrastText: "#FFF",
|
|
181
193
|
},
|
|
194
|
+
error: {
|
|
195
|
+
main: "#f44336",
|
|
196
|
+
contrastText: "#FFF",
|
|
197
|
+
light: "#ffcdd2",
|
|
198
|
+
},
|
|
182
199
|
secondary: {
|
|
183
200
|
main: "#3f3f3f",
|
|
184
201
|
contrastText: "#FFF",
|
|
@@ -196,6 +213,7 @@ const darkVariant = merge(lightVariant, {
|
|
|
196
213
|
text: {
|
|
197
214
|
primary: "rgba(255, 255, 255, 0.95)",
|
|
198
215
|
secondary: "rgba(255, 255, 255, 0.6)",
|
|
216
|
+
disabled: "rgba(255, 255, 255, 0.38)",
|
|
199
217
|
},
|
|
200
218
|
signature: {
|
|
201
219
|
penColor: "#eeeeee",
|