@monolith-forensics/monolith-ui 1.2.101 → 1.2.106
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.
- package/dist/Button/Button.js +7 -3
- package/dist/MonolithUIProvider/MonolithUIProvider.d.ts +264 -3
- package/dist/MonolithUIProvider/MonolithUIProvider.js +7 -2
- package/dist/theme/getTheme.d.ts +1 -1
- package/dist/theme/variants.d.ts +2 -2
- package/dist/theme/variants.js +2 -18
- package/package.json +1 -1
package/dist/Button/Button.js
CHANGED
|
@@ -311,9 +311,13 @@ const StyledLoader = styled.span `
|
|
|
311
311
|
svg {
|
|
312
312
|
width: 16px;
|
|
313
313
|
height: 16px;
|
|
314
|
-
color: ${({ theme, color }) =>
|
|
315
|
-
|
|
316
|
-
|
|
314
|
+
color: ${({ theme, color }) => {
|
|
315
|
+
var _a;
|
|
316
|
+
return color
|
|
317
|
+
? ((_a = theme.palette[color]) === null || _a === void 0 ? void 0 : _a.main) ||
|
|
318
|
+
colors[color]
|
|
319
|
+
: theme.palette.primary;
|
|
320
|
+
}};
|
|
317
321
|
|
|
318
322
|
animation: spin 0.75s linear infinite;
|
|
319
323
|
|
|
@@ -1,8 +1,133 @@
|
|
|
1
|
-
|
|
2
|
-
export { styled, useTheme, createGlobalStyle, css } from "styled-components";
|
|
1
|
+
export { createGlobalStyle, css } from "styled-components";
|
|
3
2
|
import { Themes } from "../theme";
|
|
4
3
|
import React from "react";
|
|
5
|
-
|
|
4
|
+
import typography from "../theme/typography";
|
|
5
|
+
export interface MonolithDefaultTheme {
|
|
6
|
+
name: Themes;
|
|
7
|
+
typography: typeof typography;
|
|
8
|
+
palette: {
|
|
9
|
+
mode: Themes;
|
|
10
|
+
primary: {
|
|
11
|
+
main: string;
|
|
12
|
+
contrastText: string;
|
|
13
|
+
};
|
|
14
|
+
error: {
|
|
15
|
+
main: string;
|
|
16
|
+
contrastText: string;
|
|
17
|
+
light: 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
|
+
disabled: string;
|
|
50
|
+
};
|
|
51
|
+
input: {
|
|
52
|
+
background: string;
|
|
53
|
+
border: string;
|
|
54
|
+
borderHover: string;
|
|
55
|
+
borderFocus: string;
|
|
56
|
+
borderError: string;
|
|
57
|
+
borderDisabled: string;
|
|
58
|
+
text: string;
|
|
59
|
+
textDisabled: string;
|
|
60
|
+
placeholder: string;
|
|
61
|
+
};
|
|
62
|
+
textArea: {
|
|
63
|
+
background: string;
|
|
64
|
+
border: string;
|
|
65
|
+
borderHover: string;
|
|
66
|
+
borderFocus: string;
|
|
67
|
+
borderError: string;
|
|
68
|
+
borderDisabled: string;
|
|
69
|
+
text: string;
|
|
70
|
+
textDisabled: string;
|
|
71
|
+
placeholder: string;
|
|
72
|
+
};
|
|
73
|
+
dataGrid: {
|
|
74
|
+
hover: string;
|
|
75
|
+
};
|
|
76
|
+
action: {
|
|
77
|
+
hover: string;
|
|
78
|
+
};
|
|
79
|
+
divider: string;
|
|
80
|
+
};
|
|
81
|
+
header: {
|
|
82
|
+
color: string;
|
|
83
|
+
background: string;
|
|
84
|
+
search: {
|
|
85
|
+
color: string;
|
|
86
|
+
};
|
|
87
|
+
indicator: {
|
|
88
|
+
background: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
footer: {
|
|
92
|
+
color: string;
|
|
93
|
+
background: string;
|
|
94
|
+
};
|
|
95
|
+
sidebar: {
|
|
96
|
+
color: string;
|
|
97
|
+
background: string;
|
|
98
|
+
active: string;
|
|
99
|
+
header: {
|
|
100
|
+
color: string;
|
|
101
|
+
background: string;
|
|
102
|
+
brand: {
|
|
103
|
+
color: string;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
footer: {
|
|
107
|
+
color: string;
|
|
108
|
+
background: string;
|
|
109
|
+
online: {
|
|
110
|
+
background: string;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
badge: {
|
|
114
|
+
color: string;
|
|
115
|
+
background: string;
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
scrollbar: {
|
|
119
|
+
track: string;
|
|
120
|
+
thumb: string;
|
|
121
|
+
thumbHover: string;
|
|
122
|
+
};
|
|
123
|
+
mfBorder: {
|
|
124
|
+
primary: string;
|
|
125
|
+
secondary: string;
|
|
126
|
+
};
|
|
127
|
+
zIndex: {
|
|
128
|
+
snackbar: number;
|
|
129
|
+
};
|
|
130
|
+
}
|
|
6
131
|
export interface MonolithUIContextType {
|
|
7
132
|
theme: MonolithDefaultTheme;
|
|
8
133
|
Themes: typeof Themes;
|
|
@@ -18,3 +143,139 @@ interface MonolithUIProviderProps {
|
|
|
18
143
|
colorScheme?: Themes;
|
|
19
144
|
}
|
|
20
145
|
export declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, colorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
146
|
+
export declare const useTheme: () => MonolithDefaultTheme;
|
|
147
|
+
export declare const styled: (<Target extends import("styled-components").WebTarget, InjectedProps extends object = import("styled-components/dist/types").BaseObject>(tag: Target) => import("styled-components").StyledInstance<"web", Target, Target extends import("styled-components/dist/types").KnownTarget ? React.ComponentPropsWithRef<Target> & InjectedProps : InjectedProps, import("styled-components/dist/types").BaseObject>) & {
|
|
148
|
+
object: import("styled-components").StyledInstance<"web", "object", React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, import("styled-components/dist/types").BaseObject>;
|
|
149
|
+
g: import("styled-components").StyledInstance<"web", "g", React.SVGProps<SVGGElement>, import("styled-components/dist/types").BaseObject>;
|
|
150
|
+
map: import("styled-components").StyledInstance<"web", "map", React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, import("styled-components/dist/types").BaseObject>;
|
|
151
|
+
big: import("styled-components").StyledInstance<"web", "big", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
152
|
+
link: import("styled-components").StyledInstance<"web", "link", React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, import("styled-components/dist/types").BaseObject>;
|
|
153
|
+
small: import("styled-components").StyledInstance<"web", "small", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
154
|
+
sub: import("styled-components").StyledInstance<"web", "sub", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
155
|
+
sup: import("styled-components").StyledInstance<"web", "sup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
156
|
+
a: import("styled-components").StyledInstance<"web", "a", React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("styled-components/dist/types").BaseObject>;
|
|
157
|
+
abbr: import("styled-components").StyledInstance<"web", "abbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
158
|
+
address: import("styled-components").StyledInstance<"web", "address", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
159
|
+
area: import("styled-components").StyledInstance<"web", "area", React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, import("styled-components/dist/types").BaseObject>;
|
|
160
|
+
article: import("styled-components").StyledInstance<"web", "article", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
161
|
+
aside: import("styled-components").StyledInstance<"web", "aside", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
162
|
+
audio: import("styled-components").StyledInstance<"web", "audio", React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, import("styled-components/dist/types").BaseObject>;
|
|
163
|
+
b: import("styled-components").StyledInstance<"web", "b", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
164
|
+
base: import("styled-components").StyledInstance<"web", "base", React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, import("styled-components/dist/types").BaseObject>;
|
|
165
|
+
bdi: import("styled-components").StyledInstance<"web", "bdi", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
166
|
+
bdo: import("styled-components").StyledInstance<"web", "bdo", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
167
|
+
blockquote: import("styled-components").StyledInstance<"web", "blockquote", React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject>;
|
|
168
|
+
body: import("styled-components").StyledInstance<"web", "body", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, import("styled-components/dist/types").BaseObject>;
|
|
169
|
+
br: import("styled-components").StyledInstance<"web", "br", React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, import("styled-components/dist/types").BaseObject>;
|
|
170
|
+
button: import("styled-components").StyledInstance<"web", "button", React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("styled-components/dist/types").BaseObject>;
|
|
171
|
+
canvas: import("styled-components").StyledInstance<"web", "canvas", React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, import("styled-components/dist/types").BaseObject>;
|
|
172
|
+
caption: import("styled-components").StyledInstance<"web", "caption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
173
|
+
cite: import("styled-components").StyledInstance<"web", "cite", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
174
|
+
code: import("styled-components").StyledInstance<"web", "code", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
175
|
+
col: import("styled-components").StyledInstance<"web", "col", React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject>;
|
|
176
|
+
colgroup: import("styled-components").StyledInstance<"web", "colgroup", React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, import("styled-components/dist/types").BaseObject>;
|
|
177
|
+
data: import("styled-components").StyledInstance<"web", "data", React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, import("styled-components/dist/types").BaseObject>;
|
|
178
|
+
datalist: import("styled-components").StyledInstance<"web", "datalist", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, import("styled-components/dist/types").BaseObject>;
|
|
179
|
+
dd: import("styled-components").StyledInstance<"web", "dd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
180
|
+
del: import("styled-components").StyledInstance<"web", "del", React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject>;
|
|
181
|
+
details: import("styled-components").StyledInstance<"web", "details", React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, import("styled-components/dist/types").BaseObject>;
|
|
182
|
+
dfn: import("styled-components").StyledInstance<"web", "dfn", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
183
|
+
dialog: import("styled-components").StyledInstance<"web", "dialog", React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, import("styled-components/dist/types").BaseObject>;
|
|
184
|
+
div: import("styled-components").StyledInstance<"web", "div", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("styled-components/dist/types").BaseObject>;
|
|
185
|
+
dl: import("styled-components").StyledInstance<"web", "dl", React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, import("styled-components/dist/types").BaseObject>;
|
|
186
|
+
dt: import("styled-components").StyledInstance<"web", "dt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
187
|
+
em: import("styled-components").StyledInstance<"web", "em", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
188
|
+
embed: import("styled-components").StyledInstance<"web", "embed", React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, import("styled-components/dist/types").BaseObject>;
|
|
189
|
+
fieldset: import("styled-components").StyledInstance<"web", "fieldset", React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("styled-components/dist/types").BaseObject>;
|
|
190
|
+
figcaption: import("styled-components").StyledInstance<"web", "figcaption", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
191
|
+
figure: import("styled-components").StyledInstance<"web", "figure", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
192
|
+
footer: import("styled-components").StyledInstance<"web", "footer", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
193
|
+
form: import("styled-components").StyledInstance<"web", "form", React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("styled-components/dist/types").BaseObject>;
|
|
194
|
+
h1: import("styled-components").StyledInstance<"web", "h1", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
195
|
+
h2: import("styled-components").StyledInstance<"web", "h2", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
196
|
+
h3: import("styled-components").StyledInstance<"web", "h3", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
197
|
+
h4: import("styled-components").StyledInstance<"web", "h4", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
198
|
+
h5: import("styled-components").StyledInstance<"web", "h5", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
199
|
+
h6: import("styled-components").StyledInstance<"web", "h6", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, import("styled-components/dist/types").BaseObject>;
|
|
200
|
+
header: import("styled-components").StyledInstance<"web", "header", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
201
|
+
hgroup: import("styled-components").StyledInstance<"web", "hgroup", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
202
|
+
hr: import("styled-components").StyledInstance<"web", "hr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, import("styled-components/dist/types").BaseObject>;
|
|
203
|
+
html: import("styled-components").StyledInstance<"web", "html", React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, import("styled-components/dist/types").BaseObject>;
|
|
204
|
+
i: import("styled-components").StyledInstance<"web", "i", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
205
|
+
iframe: import("styled-components").StyledInstance<"web", "iframe", React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, import("styled-components/dist/types").BaseObject>;
|
|
206
|
+
img: import("styled-components").StyledInstance<"web", "img", React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, import("styled-components/dist/types").BaseObject>;
|
|
207
|
+
input: import("styled-components").StyledInstance<"web", "input", React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("styled-components/dist/types").BaseObject>;
|
|
208
|
+
ins: import("styled-components").StyledInstance<"web", "ins", React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>, import("styled-components/dist/types").BaseObject>;
|
|
209
|
+
kbd: import("styled-components").StyledInstance<"web", "kbd", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
210
|
+
keygen: import("styled-components").StyledInstance<"web", "keygen", React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
211
|
+
label: import("styled-components").StyledInstance<"web", "label", React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("styled-components/dist/types").BaseObject>;
|
|
212
|
+
legend: import("styled-components").StyledInstance<"web", "legend", React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("styled-components/dist/types").BaseObject>;
|
|
213
|
+
li: import("styled-components").StyledInstance<"web", "li", React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("styled-components/dist/types").BaseObject>;
|
|
214
|
+
main: import("styled-components").StyledInstance<"web", "main", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
215
|
+
mark: import("styled-components").StyledInstance<"web", "mark", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
216
|
+
menu: import("styled-components").StyledInstance<"web", "menu", React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
217
|
+
menuitem: import("styled-components").StyledInstance<"web", "menuitem", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
218
|
+
meta: import("styled-components").StyledInstance<"web", "meta", React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, import("styled-components/dist/types").BaseObject>;
|
|
219
|
+
meter: import("styled-components").StyledInstance<"web", "meter", React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, import("styled-components/dist/types").BaseObject>;
|
|
220
|
+
nav: import("styled-components").StyledInstance<"web", "nav", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
221
|
+
noscript: import("styled-components").StyledInstance<"web", "noscript", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
222
|
+
ol: import("styled-components").StyledInstance<"web", "ol", React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, import("styled-components/dist/types").BaseObject>;
|
|
223
|
+
optgroup: import("styled-components").StyledInstance<"web", "optgroup", React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, import("styled-components/dist/types").BaseObject>;
|
|
224
|
+
option: import("styled-components").StyledInstance<"web", "option", React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, import("styled-components/dist/types").BaseObject>;
|
|
225
|
+
output: import("styled-components").StyledInstance<"web", "output", React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, import("styled-components/dist/types").BaseObject>;
|
|
226
|
+
p: import("styled-components").StyledInstance<"web", "p", React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("styled-components/dist/types").BaseObject>;
|
|
227
|
+
param: import("styled-components").StyledInstance<"web", "param", React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, import("styled-components/dist/types").BaseObject>;
|
|
228
|
+
picture: import("styled-components").StyledInstance<"web", "picture", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
229
|
+
pre: import("styled-components").StyledInstance<"web", "pre", React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, import("styled-components/dist/types").BaseObject>;
|
|
230
|
+
progress: import("styled-components").StyledInstance<"web", "progress", React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, import("styled-components/dist/types").BaseObject>;
|
|
231
|
+
q: import("styled-components").StyledInstance<"web", "q", React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, import("styled-components/dist/types").BaseObject>;
|
|
232
|
+
rp: import("styled-components").StyledInstance<"web", "rp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
233
|
+
rt: import("styled-components").StyledInstance<"web", "rt", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
234
|
+
ruby: import("styled-components").StyledInstance<"web", "ruby", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
235
|
+
s: import("styled-components").StyledInstance<"web", "s", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
236
|
+
samp: import("styled-components").StyledInstance<"web", "samp", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
237
|
+
script: import("styled-components").StyledInstance<"web", "script", React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, import("styled-components/dist/types").BaseObject>;
|
|
238
|
+
section: import("styled-components").StyledInstance<"web", "section", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
239
|
+
select: import("styled-components").StyledInstance<"web", "select", React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, import("styled-components/dist/types").BaseObject>;
|
|
240
|
+
source: import("styled-components").StyledInstance<"web", "source", React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, import("styled-components/dist/types").BaseObject>;
|
|
241
|
+
span: import("styled-components").StyledInstance<"web", "span", React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("styled-components/dist/types").BaseObject>;
|
|
242
|
+
strong: import("styled-components").StyledInstance<"web", "strong", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
243
|
+
style: import("styled-components").StyledInstance<"web", "style", React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, import("styled-components/dist/types").BaseObject>;
|
|
244
|
+
summary: import("styled-components").StyledInstance<"web", "summary", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
245
|
+
table: import("styled-components").StyledInstance<"web", "table", React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, import("styled-components/dist/types").BaseObject>;
|
|
246
|
+
tbody: import("styled-components").StyledInstance<"web", "tbody", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
|
|
247
|
+
td: import("styled-components").StyledInstance<"web", "td", React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, import("styled-components/dist/types").BaseObject>;
|
|
248
|
+
textarea: import("styled-components").StyledInstance<"web", "textarea", React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, import("styled-components/dist/types").BaseObject>;
|
|
249
|
+
tfoot: import("styled-components").StyledInstance<"web", "tfoot", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
|
|
250
|
+
th: import("styled-components").StyledInstance<"web", "th", React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, import("styled-components/dist/types").BaseObject>;
|
|
251
|
+
thead: import("styled-components").StyledInstance<"web", "thead", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, import("styled-components/dist/types").BaseObject>;
|
|
252
|
+
time: import("styled-components").StyledInstance<"web", "time", React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, import("styled-components/dist/types").BaseObject>;
|
|
253
|
+
tr: import("styled-components").StyledInstance<"web", "tr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("styled-components/dist/types").BaseObject>;
|
|
254
|
+
track: import("styled-components").StyledInstance<"web", "track", React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, import("styled-components/dist/types").BaseObject>;
|
|
255
|
+
u: import("styled-components").StyledInstance<"web", "u", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
256
|
+
ul: import("styled-components").StyledInstance<"web", "ul", React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("styled-components/dist/types").BaseObject>;
|
|
257
|
+
var: import("styled-components").StyledInstance<"web", "var", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
258
|
+
video: import("styled-components").StyledInstance<"web", "video", React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, import("styled-components/dist/types").BaseObject>;
|
|
259
|
+
wbr: import("styled-components").StyledInstance<"web", "wbr", React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, import("styled-components/dist/types").BaseObject>;
|
|
260
|
+
svg: import("styled-components").StyledInstance<"web", "svg", React.SVGProps<SVGSVGElement>, import("styled-components/dist/types").BaseObject>;
|
|
261
|
+
circle: import("styled-components").StyledInstance<"web", "circle", React.SVGProps<SVGCircleElement>, import("styled-components/dist/types").BaseObject>;
|
|
262
|
+
clipPath: import("styled-components").StyledInstance<"web", "clipPath", React.SVGProps<SVGClipPathElement>, import("styled-components/dist/types").BaseObject>;
|
|
263
|
+
defs: import("styled-components").StyledInstance<"web", "defs", React.SVGProps<SVGDefsElement>, import("styled-components/dist/types").BaseObject>;
|
|
264
|
+
ellipse: import("styled-components").StyledInstance<"web", "ellipse", React.SVGProps<SVGEllipseElement>, import("styled-components/dist/types").BaseObject>;
|
|
265
|
+
foreignObject: import("styled-components").StyledInstance<"web", "foreignObject", React.SVGProps<SVGForeignObjectElement>, import("styled-components/dist/types").BaseObject>;
|
|
266
|
+
image: import("styled-components").StyledInstance<"web", "image", React.SVGProps<SVGImageElement>, import("styled-components/dist/types").BaseObject>;
|
|
267
|
+
line: import("styled-components").StyledInstance<"web", "line", React.SVGLineElementAttributes<SVGLineElement>, import("styled-components/dist/types").BaseObject>;
|
|
268
|
+
linearGradient: import("styled-components").StyledInstance<"web", "linearGradient", React.SVGProps<SVGLinearGradientElement>, import("styled-components/dist/types").BaseObject>;
|
|
269
|
+
marker: import("styled-components").StyledInstance<"web", "marker", React.SVGProps<SVGMarkerElement>, import("styled-components/dist/types").BaseObject>;
|
|
270
|
+
mask: import("styled-components").StyledInstance<"web", "mask", React.SVGProps<SVGMaskElement>, import("styled-components/dist/types").BaseObject>;
|
|
271
|
+
path: import("styled-components").StyledInstance<"web", "path", React.SVGProps<SVGPathElement>, import("styled-components/dist/types").BaseObject>;
|
|
272
|
+
pattern: import("styled-components").StyledInstance<"web", "pattern", React.SVGProps<SVGPatternElement>, import("styled-components/dist/types").BaseObject>;
|
|
273
|
+
polygon: import("styled-components").StyledInstance<"web", "polygon", React.SVGProps<SVGPolygonElement>, import("styled-components/dist/types").BaseObject>;
|
|
274
|
+
polyline: import("styled-components").StyledInstance<"web", "polyline", React.SVGProps<SVGPolylineElement>, import("styled-components/dist/types").BaseObject>;
|
|
275
|
+
radialGradient: import("styled-components").StyledInstance<"web", "radialGradient", React.SVGProps<SVGRadialGradientElement>, import("styled-components/dist/types").BaseObject>;
|
|
276
|
+
rect: import("styled-components").StyledInstance<"web", "rect", React.SVGProps<SVGRectElement>, import("styled-components/dist/types").BaseObject>;
|
|
277
|
+
stop: import("styled-components").StyledInstance<"web", "stop", React.SVGProps<SVGStopElement>, import("styled-components/dist/types").BaseObject>;
|
|
278
|
+
text: import("styled-components").StyledInstance<"web", "text", React.SVGTextElementAttributes<SVGTextElement>, import("styled-components/dist/types").BaseObject>;
|
|
279
|
+
tspan: import("styled-components").StyledInstance<"web", "tspan", React.SVGProps<SVGTSpanElement>, import("styled-components/dist/types").BaseObject>;
|
|
280
|
+
use: import("styled-components").StyledInstance<"web", "use", React.SVGProps<SVGUseElement>, import("styled-components/dist/types").BaseObject>;
|
|
281
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import merge from "deepmerge";
|
|
3
|
-
import { ThemeProvider } from "styled-components";
|
|
4
|
-
export {
|
|
3
|
+
import { ThemeProvider, useTheme as useStyledTheme, styled as styledStyled, } from "styled-components";
|
|
4
|
+
export { createGlobalStyle, css } from "styled-components";
|
|
5
5
|
import { Themes, getTheme } from "../theme";
|
|
6
6
|
import { createContext, useEffect, useState } from "react";
|
|
7
7
|
import GlobalStyle from "./GlobalStyle";
|
|
@@ -28,3 +28,8 @@ export const MonolithUIProvider = ({ children, theme, defaultColorScheme = local
|
|
|
28
28
|
setColorScheme: setColorSchemeState,
|
|
29
29
|
}, children: _jsxs(ThemeProvider, { theme: _theme, children: [_jsx(GlobalStyle, { theme: _theme }), children] }) }));
|
|
30
30
|
};
|
|
31
|
+
// Custom typed useTheme hook
|
|
32
|
+
export const useTheme = () => {
|
|
33
|
+
return useStyledTheme();
|
|
34
|
+
};
|
|
35
|
+
export const styled = styledStyled;
|
package/dist/theme/getTheme.d.ts
CHANGED
package/dist/theme/variants.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MonolithDefaultTheme } from "../MonolithUIProvider/MonolithUIProvider";
|
|
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: MonolithDefaultTheme[];
|
|
8
8
|
export default variants;
|
package/dist/theme/variants.js
CHANGED
|
@@ -55,7 +55,7 @@ const lightVariant = {
|
|
|
55
55
|
error: {
|
|
56
56
|
main: "#f44336",
|
|
57
57
|
contrastText: "#FFF",
|
|
58
|
-
light: "#
|
|
58
|
+
light: "#f44336",
|
|
59
59
|
},
|
|
60
60
|
secondary: {
|
|
61
61
|
main: "#FFF",
|
|
@@ -87,7 +87,7 @@ const lightVariant = {
|
|
|
87
87
|
text: {
|
|
88
88
|
primary: "rgba(0, 0, 0, 0.95)",
|
|
89
89
|
secondary: "rgba(0, 0, 0, 0.75)",
|
|
90
|
-
disabled: "rgba(0, 0, 0, 0.
|
|
90
|
+
disabled: "rgba(0, 0, 0, 0.5)",
|
|
91
91
|
},
|
|
92
92
|
input: {
|
|
93
93
|
background: "#fff",
|
|
@@ -177,25 +177,10 @@ const darkVariant = merge(lightVariant, {
|
|
|
177
177
|
action: {
|
|
178
178
|
hover: "rgba(255, 255, 255, 0.05)",
|
|
179
179
|
},
|
|
180
|
-
success: {
|
|
181
|
-
light: "#4caf50",
|
|
182
|
-
main: "#32CD32",
|
|
183
|
-
},
|
|
184
|
-
warning: {
|
|
185
|
-
main: "#ff9800",
|
|
186
|
-
},
|
|
187
|
-
info: {
|
|
188
|
-
main: "#2196f3",
|
|
189
|
-
},
|
|
190
180
|
primary: {
|
|
191
181
|
main: customBlue[500],
|
|
192
182
|
contrastText: "#FFF",
|
|
193
183
|
},
|
|
194
|
-
error: {
|
|
195
|
-
main: "#f44336",
|
|
196
|
-
contrastText: "#FFF",
|
|
197
|
-
light: "#ffcdd2",
|
|
198
|
-
},
|
|
199
184
|
secondary: {
|
|
200
185
|
main: "#3f3f3f",
|
|
201
186
|
contrastText: "#FFF",
|
|
@@ -213,7 +198,6 @@ const darkVariant = merge(lightVariant, {
|
|
|
213
198
|
text: {
|
|
214
199
|
primary: "rgba(255, 255, 255, 0.95)",
|
|
215
200
|
secondary: "rgba(255, 255, 255, 0.6)",
|
|
216
|
-
disabled: "rgba(255, 255, 255, 0.38)",
|
|
217
201
|
},
|
|
218
202
|
signature: {
|
|
219
203
|
penColor: "#eeeeee",
|