@matteoaliano/forest-ui 0.2.11 → 0.3.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.
- package/README.md +123 -0
- package/dist/{chunk-6W3RIXXY.mjs → chunk-GZ6FQWHG.mjs} +1317 -607
- package/dist/chunk-GZ6FQWHG.mjs.map +1 -0
- package/dist/{index-DJDmMb_c.d.mts → index-CSpNzZHg.d.mts} +350 -223
- package/dist/{index-DJDmMb_c.d.ts → index-CSpNzZHg.d.ts} +350 -223
- package/dist/index.d.mts +36 -11
- package/dist/index.d.ts +36 -11
- package/dist/index.js +1286 -644
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +87 -16
- package/dist/index.mjs.map +1 -1
- package/dist/theme.d.mts +1 -1
- package/dist/theme.d.ts +1 -1
- package/dist/theme.js +1324 -606
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1 -1
- package/fonts/alkemy-beta/AlkemyBETA-Medium.otf +0 -0
- package/fonts/alkemy-beta/alkemy-beta.css +10 -0
- package/guidelines/FOREST_BE_GUIDELINES.md +1 -1
- package/guidelines/FOREST_FE_GUIDELINES.md +1 -1
- package/guidelines/FOREST_UI_GUIDELINES.md +1 -1
- package/package.json +20 -6
- package/dist/chunk-6W3RIXXY.mjs.map +0 -1
|
@@ -1,183 +1,308 @@
|
|
|
1
1
|
import * as _mui_material from '@mui/material';
|
|
2
|
-
import { PaletteOptions, TypographyVariantsOptions, Components,
|
|
2
|
+
import { Theme, ThemeOptions, PaletteOptions, TypographyVariantsOptions, Components, Shadows } from '@mui/material/styles';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Design tokens extracted from Figma.
|
|
6
6
|
* These are the primitive values that the semantic theme references.
|
|
7
7
|
*/
|
|
8
|
-
declare const
|
|
9
|
-
readonly
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
readonly
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
readonly
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
readonly
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
readonly
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
readonly
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
readonly 700: "#067647";
|
|
80
|
-
readonly 800: "#085d3a";
|
|
81
|
-
readonly 900: "#074d31";
|
|
82
|
-
readonly 950: "#053321";
|
|
83
|
-
};
|
|
84
|
-
readonly blue: {
|
|
85
|
-
readonly 25: "#f5faff";
|
|
86
|
-
readonly 50: "#eff8ff";
|
|
87
|
-
readonly 100: "#d1e9ff";
|
|
88
|
-
readonly 200: "#b2ddff";
|
|
89
|
-
readonly 300: "#84caff";
|
|
90
|
-
readonly 400: "#53b1fd";
|
|
91
|
-
readonly 500: "#2e90fa";
|
|
92
|
-
readonly 600: "#1570ef";
|
|
93
|
-
readonly 700: "#175cd3";
|
|
94
|
-
readonly 800: "#1849a9";
|
|
95
|
-
readonly 900: "#194185";
|
|
96
|
-
readonly 950: "#102a56";
|
|
97
|
-
};
|
|
8
|
+
declare const violet: {
|
|
9
|
+
readonly 25: "#faf8ff";
|
|
10
|
+
readonly 50: "#f5f0ff";
|
|
11
|
+
readonly 100: "#ebe0ff";
|
|
12
|
+
readonly 200: "#d6c0ff";
|
|
13
|
+
readonly 300: "#b090ff";
|
|
14
|
+
readonly 400: "#9D5FFF";
|
|
15
|
+
readonly 500: "#7c4de6";
|
|
16
|
+
readonly 600: "#5b3acc";
|
|
17
|
+
readonly 700: "#3a1aad";
|
|
18
|
+
readonly 800: "#190a8a";
|
|
19
|
+
readonly 900: "#000066";
|
|
20
|
+
readonly 950: "#000033";
|
|
21
|
+
};
|
|
22
|
+
declare const magenta: {
|
|
23
|
+
readonly 25: "#fff8fd";
|
|
24
|
+
readonly 50: "#fff0fa";
|
|
25
|
+
readonly 100: "#ffe0f5";
|
|
26
|
+
readonly 200: "#ffc0eb";
|
|
27
|
+
readonly 300: "#ff90d8";
|
|
28
|
+
readonly 400: "#FF78F3";
|
|
29
|
+
readonly 500: "#e650d4";
|
|
30
|
+
readonly 600: "#cc28b5";
|
|
31
|
+
readonly 700: "#a3008c";
|
|
32
|
+
readonly 800: "#7a0066";
|
|
33
|
+
readonly 900: "#520044";
|
|
34
|
+
readonly 950: "#290022";
|
|
35
|
+
};
|
|
36
|
+
declare const gray: {
|
|
37
|
+
readonly 25: "#fdfcfc";
|
|
38
|
+
readonly 50: "#faf9f8";
|
|
39
|
+
readonly 100: "#f5f3f1";
|
|
40
|
+
readonly 200: "#e8e5e3";
|
|
41
|
+
readonly 300: "#d8d8dc";
|
|
42
|
+
readonly 400: "#a0a0a6";
|
|
43
|
+
readonly 500: "#71717a";
|
|
44
|
+
readonly 600: "#52525b";
|
|
45
|
+
readonly 700: "#3f3f46";
|
|
46
|
+
readonly 800: "#27272a";
|
|
47
|
+
readonly 900: "#18181b";
|
|
48
|
+
readonly 950: "#09090b";
|
|
49
|
+
};
|
|
50
|
+
declare const red: {
|
|
51
|
+
readonly 25: "#fff8f7";
|
|
52
|
+
readonly 50: "#fff0ee";
|
|
53
|
+
readonly 100: "#ffe0dd";
|
|
54
|
+
readonly 200: "#ffc0bb";
|
|
55
|
+
readonly 300: "#ff9090";
|
|
56
|
+
readonly 400: "#FF2821";
|
|
57
|
+
readonly 500: "#e61a1a";
|
|
58
|
+
readonly 600: "#cc1010";
|
|
59
|
+
readonly 700: "#a30808";
|
|
60
|
+
readonly 800: "#7a0000";
|
|
61
|
+
readonly 900: "#520000";
|
|
62
|
+
readonly 950: "#290000";
|
|
63
|
+
};
|
|
64
|
+
declare const info: {
|
|
65
|
+
readonly 25: "#f5faff";
|
|
66
|
+
readonly 50: "#eff8ff";
|
|
67
|
+
readonly 100: "#d1e9ff";
|
|
68
|
+
readonly 200: "#b2ddff";
|
|
69
|
+
readonly 300: "#84caff";
|
|
70
|
+
readonly 400: "#53b1fd";
|
|
71
|
+
readonly 500: "#2e90fa";
|
|
72
|
+
readonly 600: "#1570ef";
|
|
73
|
+
readonly 700: "#175cd3";
|
|
74
|
+
readonly 800: "#1849a9";
|
|
75
|
+
readonly 900: "#194185";
|
|
76
|
+
readonly 950: "#102a56";
|
|
77
|
+
};
|
|
78
|
+
declare const misc: {
|
|
98
79
|
readonly teal: {
|
|
80
|
+
readonly 25: "#f6fefc";
|
|
99
81
|
readonly 50: "#f0fdf9";
|
|
100
82
|
readonly 100: "#ccfbef";
|
|
101
83
|
readonly 200: "#99f6e0";
|
|
102
84
|
readonly 300: "#5fe9d0";
|
|
103
85
|
readonly 400: "#2ed3b7";
|
|
86
|
+
readonly 500: "#15b79e";
|
|
104
87
|
readonly 600: "#0e9384";
|
|
105
88
|
readonly 700: "#107569";
|
|
89
|
+
readonly 800: "#125d56";
|
|
90
|
+
readonly 900: "#134e48";
|
|
91
|
+
readonly 950: "#0a2926";
|
|
106
92
|
};
|
|
107
93
|
readonly orange: {
|
|
94
|
+
readonly 25: "#fefaf5";
|
|
95
|
+
readonly 50: "#fef6ee";
|
|
108
96
|
readonly 100: "#fdead7";
|
|
109
97
|
readonly 200: "#f9dbaf";
|
|
110
98
|
readonly 300: "#f7b27a";
|
|
111
99
|
readonly 400: "#f38744";
|
|
100
|
+
readonly 500: "#ef6820";
|
|
112
101
|
readonly 600: "#e04f16";
|
|
113
102
|
readonly 700: "#b93815";
|
|
103
|
+
readonly 800: "#932f19";
|
|
104
|
+
readonly 900: "#772917";
|
|
105
|
+
readonly 950: "#511c10";
|
|
114
106
|
};
|
|
115
107
|
readonly purple: {
|
|
108
|
+
readonly 25: "#fafaff";
|
|
109
|
+
readonly 50: "#f4f3ff";
|
|
116
110
|
readonly 100: "#ebe9fe";
|
|
117
111
|
readonly 200: "#d9d6fe";
|
|
112
|
+
readonly 300: "#bdb4fe";
|
|
113
|
+
readonly 400: "#9b8afb";
|
|
114
|
+
readonly 500: "#7a5af8";
|
|
118
115
|
readonly 600: "#6938ef";
|
|
119
116
|
readonly 700: "#5925dc";
|
|
117
|
+
readonly 800: "#4a1fb8";
|
|
118
|
+
readonly 900: "#3e1c96";
|
|
119
|
+
readonly 950: "#27115f";
|
|
120
120
|
};
|
|
121
121
|
readonly pink: {
|
|
122
|
+
readonly 25: "#fef6fb";
|
|
123
|
+
readonly 50: "#fdf2fa";
|
|
122
124
|
readonly 100: "#fce7f6";
|
|
123
125
|
readonly 200: "#fcceee";
|
|
126
|
+
readonly 300: "#faa7e0";
|
|
124
127
|
readonly 400: "#f670c7";
|
|
125
128
|
readonly 500: "#ee46bc";
|
|
126
129
|
readonly 600: "#dd2590";
|
|
127
130
|
readonly 700: "#c11574";
|
|
131
|
+
readonly 800: "#9e165f";
|
|
132
|
+
readonly 900: "#851651";
|
|
133
|
+
readonly 950: "#4e0d30";
|
|
128
134
|
};
|
|
129
135
|
readonly fuchsia: {
|
|
136
|
+
readonly 25: "#fefaff";
|
|
137
|
+
readonly 50: "#fdf4ff";
|
|
130
138
|
readonly 100: "#fbe8ff";
|
|
131
139
|
readonly 200: "#f6d0fe";
|
|
140
|
+
readonly 300: "#eeaafd";
|
|
132
141
|
readonly 400: "#e478fa";
|
|
133
142
|
readonly 500: "#d444f1";
|
|
134
143
|
readonly 600: "#ba24d5";
|
|
135
144
|
readonly 700: "#9f1ab1";
|
|
145
|
+
readonly 800: "#821890";
|
|
146
|
+
readonly 900: "#6f1877";
|
|
147
|
+
readonly 950: "#47104c";
|
|
136
148
|
};
|
|
137
149
|
readonly orangeDark: {
|
|
150
|
+
readonly 25: "#fff9f5";
|
|
151
|
+
readonly 50: "#fff4ed";
|
|
138
152
|
readonly 100: "#ffe6d5";
|
|
139
153
|
readonly 200: "#ffd6ae";
|
|
154
|
+
readonly 300: "#ff9c66";
|
|
140
155
|
readonly 400: "#ff692e";
|
|
141
156
|
readonly 500: "#ff4405";
|
|
142
157
|
readonly 600: "#e62e05";
|
|
143
158
|
readonly 700: "#bc1b06";
|
|
159
|
+
readonly 800: "#97180c";
|
|
160
|
+
readonly 900: "#771a0d";
|
|
161
|
+
readonly 950: "#57130a";
|
|
144
162
|
};
|
|
145
163
|
readonly green: {
|
|
164
|
+
readonly 25: "#f6fef9";
|
|
165
|
+
readonly 50: "#edfcf2";
|
|
146
166
|
readonly 100: "#d3f8df";
|
|
147
167
|
readonly 200: "#aaf0c4";
|
|
168
|
+
readonly 300: "#73e2a3";
|
|
169
|
+
readonly 400: "#3ccb7f";
|
|
148
170
|
readonly 500: "#16b364";
|
|
149
171
|
readonly 600: "#099250";
|
|
150
172
|
readonly 700: "#087443";
|
|
173
|
+
readonly 800: "#095c37";
|
|
174
|
+
readonly 900: "#084c2e";
|
|
175
|
+
readonly 950: "#052e1c";
|
|
151
176
|
};
|
|
152
177
|
readonly indigo: {
|
|
178
|
+
readonly 25: "#f5f8ff";
|
|
179
|
+
readonly 50: "#eef4ff";
|
|
153
180
|
readonly 100: "#e0eaff";
|
|
154
181
|
readonly 200: "#c7d7fe";
|
|
182
|
+
readonly 300: "#a4bcfd";
|
|
183
|
+
readonly 400: "#8098f9";
|
|
184
|
+
readonly 500: "#6172f3";
|
|
155
185
|
readonly 600: "#444ce7";
|
|
156
186
|
readonly 700: "#3538cd";
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
readonly
|
|
160
|
-
readonly 200: "#ddd6fe";
|
|
161
|
-
readonly 500: "#875bf7";
|
|
162
|
-
readonly 600: "#7839ee";
|
|
187
|
+
readonly 800: "#2d31a6";
|
|
188
|
+
readonly 900: "#2d3282";
|
|
189
|
+
readonly 950: "#1f235b";
|
|
163
190
|
};
|
|
164
191
|
readonly rose: {
|
|
192
|
+
readonly 25: "#fff5f6";
|
|
193
|
+
readonly 50: "#fff1f3";
|
|
165
194
|
readonly 100: "#ffe4e8";
|
|
166
195
|
readonly 200: "#fecdd6";
|
|
196
|
+
readonly 300: "#fea3b4";
|
|
167
197
|
readonly 400: "#fd6f8e";
|
|
168
198
|
readonly 500: "#f63d68";
|
|
199
|
+
readonly 600: "#e31b54";
|
|
200
|
+
readonly 700: "#c01048";
|
|
201
|
+
readonly 800: "#a11043";
|
|
202
|
+
readonly 900: "#89123e";
|
|
203
|
+
readonly 950: "#510b24";
|
|
169
204
|
};
|
|
170
205
|
readonly blueLight: {
|
|
206
|
+
readonly 25: "#f5fbff";
|
|
207
|
+
readonly 50: "#f0f9ff";
|
|
171
208
|
readonly 100: "#e0f2fe";
|
|
172
209
|
readonly 200: "#b9e6fe";
|
|
210
|
+
readonly 300: "#7cd4fd";
|
|
173
211
|
readonly 400: "#36bffa";
|
|
174
212
|
readonly 500: "#0ba5ec";
|
|
213
|
+
readonly 600: "#0086c9";
|
|
214
|
+
readonly 700: "#026aa2";
|
|
215
|
+
readonly 800: "#065986";
|
|
216
|
+
readonly 900: "#0b4a6f";
|
|
217
|
+
readonly 950: "#062c41";
|
|
175
218
|
};
|
|
176
219
|
readonly cyan: {
|
|
220
|
+
readonly 25: "#f5feff";
|
|
221
|
+
readonly 50: "#ecfdff";
|
|
177
222
|
readonly 100: "#cff9fe";
|
|
178
223
|
readonly 200: "#a5f0fc";
|
|
224
|
+
readonly 300: "#67e3f9";
|
|
225
|
+
readonly 400: "#22ccee";
|
|
226
|
+
readonly 500: "#06aed4";
|
|
179
227
|
readonly 600: "#088ab2";
|
|
180
228
|
readonly 700: "#0e7090";
|
|
229
|
+
readonly 800: "#155b75";
|
|
230
|
+
readonly 900: "#164c63";
|
|
231
|
+
readonly 950: "#0d2d3a";
|
|
232
|
+
};
|
|
233
|
+
};
|
|
234
|
+
declare const radiusSharp: {
|
|
235
|
+
readonly xxs: 1;
|
|
236
|
+
readonly xs: 2;
|
|
237
|
+
readonly sm: 3;
|
|
238
|
+
readonly md: 4;
|
|
239
|
+
readonly lg: 5;
|
|
240
|
+
readonly xl: 6;
|
|
241
|
+
readonly "2xl": 8;
|
|
242
|
+
readonly "3xl": 10;
|
|
243
|
+
readonly "4xl": 12;
|
|
244
|
+
};
|
|
245
|
+
declare const colors: {
|
|
246
|
+
readonly base: {
|
|
247
|
+
readonly white: "#ffffff";
|
|
248
|
+
readonly black: "#000000";
|
|
249
|
+
readonly transparent: "#ffffff00";
|
|
250
|
+
};
|
|
251
|
+
readonly error: {
|
|
252
|
+
readonly 25: "#fffbfa";
|
|
253
|
+
readonly 50: "#fef3f2";
|
|
254
|
+
readonly 100: "#fee4e2";
|
|
255
|
+
readonly 200: "#fecdca";
|
|
256
|
+
readonly 300: "#fda29b";
|
|
257
|
+
readonly 400: "#f97066";
|
|
258
|
+
readonly 500: "#f04438";
|
|
259
|
+
readonly 600: "#d92d20";
|
|
260
|
+
readonly 700: "#b42318";
|
|
261
|
+
readonly 800: "#912018";
|
|
262
|
+
readonly 900: "#7a271a";
|
|
263
|
+
readonly 950: "#55160c";
|
|
264
|
+
};
|
|
265
|
+
readonly warning: {
|
|
266
|
+
readonly 25: "#fffcf5";
|
|
267
|
+
readonly 50: "#fffaeb";
|
|
268
|
+
readonly 100: "#fef0c7";
|
|
269
|
+
readonly 200: "#fedf89";
|
|
270
|
+
readonly 300: "#fec84b";
|
|
271
|
+
readonly 400: "#fdb022";
|
|
272
|
+
readonly 500: "#f79009";
|
|
273
|
+
readonly 600: "#dc6803";
|
|
274
|
+
readonly 700: "#b54708";
|
|
275
|
+
readonly 800: "#93370d";
|
|
276
|
+
readonly 900: "#7a2e0e";
|
|
277
|
+
readonly 950: "#4e1d09";
|
|
278
|
+
};
|
|
279
|
+
readonly success: {
|
|
280
|
+
readonly 25: "#f6fef9";
|
|
281
|
+
readonly 50: "#ecfdf3";
|
|
282
|
+
readonly 100: "#dcfae6";
|
|
283
|
+
readonly 200: "#abefc6";
|
|
284
|
+
readonly 300: "#75e0a7";
|
|
285
|
+
readonly 400: "#47cd89";
|
|
286
|
+
readonly 500: "#17b26a";
|
|
287
|
+
readonly 600: "#079455";
|
|
288
|
+
readonly 700: "#067647";
|
|
289
|
+
readonly 800: "#085d3a";
|
|
290
|
+
readonly 900: "#074d31";
|
|
291
|
+
readonly 950: "#053321";
|
|
292
|
+
};
|
|
293
|
+
readonly info: {
|
|
294
|
+
readonly 25: "#f5faff";
|
|
295
|
+
readonly 50: "#eff8ff";
|
|
296
|
+
readonly 100: "#d1e9ff";
|
|
297
|
+
readonly 200: "#b2ddff";
|
|
298
|
+
readonly 300: "#84caff";
|
|
299
|
+
readonly 400: "#53b1fd";
|
|
300
|
+
readonly 500: "#2e90fa";
|
|
301
|
+
readonly 600: "#1570ef";
|
|
302
|
+
readonly 700: "#175cd3";
|
|
303
|
+
readonly 800: "#1849a9";
|
|
304
|
+
readonly 900: "#194185";
|
|
305
|
+
readonly 950: "#102a56";
|
|
181
306
|
};
|
|
182
307
|
};
|
|
183
308
|
declare const spacing: {
|
|
@@ -222,12 +347,12 @@ declare const shadows$1: {
|
|
|
222
347
|
readonly "3xl": "0px 32px 64px -12px #10182824";
|
|
223
348
|
};
|
|
224
349
|
declare const focusRings: {
|
|
225
|
-
readonly brand: "0px 0px 0px 4px #
|
|
226
|
-
readonly brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #
|
|
227
|
-
readonly brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #
|
|
228
|
-
readonly gray: "0px 0px 0px 4px #
|
|
229
|
-
readonly grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #
|
|
230
|
-
readonly grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #
|
|
350
|
+
readonly brand: "0px 0px 0px 4px #7c4de63d";
|
|
351
|
+
readonly brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #7c4de63d";
|
|
352
|
+
readonly brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #7c4de63d";
|
|
353
|
+
readonly gray: "0px 0px 0px 4px #a0a0a624";
|
|
354
|
+
readonly grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624";
|
|
355
|
+
readonly grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624";
|
|
231
356
|
readonly error: "0px 0px 0px 4px #f044383d";
|
|
232
357
|
readonly errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d";
|
|
233
358
|
};
|
|
@@ -303,51 +428,51 @@ declare const widths: {
|
|
|
303
428
|
readonly "6xl": 1920;
|
|
304
429
|
};
|
|
305
430
|
declare const text: {
|
|
306
|
-
readonly primary: "#
|
|
307
|
-
readonly secondary: "#
|
|
308
|
-
readonly secondaryHover: "#
|
|
309
|
-
readonly tertiary: "#
|
|
310
|
-
readonly tertiaryHover: "#
|
|
311
|
-
readonly quaternary: "#
|
|
312
|
-
readonly disabled: "#
|
|
313
|
-
readonly placeholder: "#
|
|
314
|
-
readonly placeholderSubtle: "#
|
|
431
|
+
readonly primary: "#18181b";
|
|
432
|
+
readonly secondary: "#3f3f46";
|
|
433
|
+
readonly secondaryHover: "#27272a";
|
|
434
|
+
readonly tertiary: "#52525b";
|
|
435
|
+
readonly tertiaryHover: "#3f3f46";
|
|
436
|
+
readonly quaternary: "#71717a";
|
|
437
|
+
readonly disabled: "#71717a";
|
|
438
|
+
readonly placeholder: "#71717a";
|
|
439
|
+
readonly placeholderSubtle: "#d8d8dc";
|
|
315
440
|
readonly white: "#ffffff";
|
|
316
|
-
readonly brandPrimary: "#
|
|
317
|
-
readonly brandSecondary: "#
|
|
318
|
-
readonly brandTertiary: "#
|
|
319
|
-
readonly brandTertiaryAlt: "#
|
|
441
|
+
readonly brandPrimary: "#000066";
|
|
442
|
+
readonly brandSecondary: "#3a1aad";
|
|
443
|
+
readonly brandTertiary: "#5b3acc";
|
|
444
|
+
readonly brandTertiaryAlt: "#5b3acc";
|
|
320
445
|
readonly primaryOnBrand: "#ffffff";
|
|
321
|
-
readonly secondaryOnBrand: "#
|
|
322
|
-
readonly tertiaryOnBrand: "#
|
|
323
|
-
readonly quaternaryOnBrand: "#
|
|
446
|
+
readonly secondaryOnBrand: "#d6c0ff";
|
|
447
|
+
readonly tertiaryOnBrand: "#d6c0ff";
|
|
448
|
+
readonly quaternaryOnBrand: "#b090ff";
|
|
324
449
|
readonly errorPrimary: "#d92d20";
|
|
325
450
|
readonly warningPrimary: "#dc6803";
|
|
326
451
|
readonly successPrimary: "#079455";
|
|
327
452
|
};
|
|
328
453
|
declare const bg: {
|
|
329
|
-
readonly primary: "#
|
|
330
|
-
readonly primaryAlt: "#
|
|
331
|
-
readonly primaryHover: "#
|
|
332
|
-
readonly primarySolid: "#
|
|
454
|
+
readonly primary: "#faf9f8";
|
|
455
|
+
readonly primaryAlt: "#faf9f8";
|
|
456
|
+
readonly primaryHover: "#f5f3f1";
|
|
457
|
+
readonly primarySolid: "#09090b";
|
|
333
458
|
readonly secondary: "#ffffff";
|
|
334
459
|
readonly secondaryAlt: "#ffffff";
|
|
335
|
-
readonly secondarySubtle: "#
|
|
336
|
-
readonly secondaryHover: "#
|
|
337
|
-
readonly secondarySolid: "#
|
|
338
|
-
readonly tertiary: "#
|
|
339
|
-
readonly quaternary: "#
|
|
340
|
-
readonly active: "#
|
|
341
|
-
readonly disabled: "#
|
|
342
|
-
readonly disabledSubtle: "#
|
|
343
|
-
readonly overlay: "#
|
|
344
|
-
readonly brandPrimary: "#
|
|
345
|
-
readonly brandPrimaryAlt: "#
|
|
346
|
-
readonly brandSecondary: "#
|
|
347
|
-
readonly brandSolid: "#
|
|
348
|
-
readonly brandSolidHover: "#
|
|
349
|
-
readonly brandSection: "#
|
|
350
|
-
readonly brandSectionSubtle: "#
|
|
460
|
+
readonly secondarySubtle: "#fdfcfc";
|
|
461
|
+
readonly secondaryHover: "#faf9f8";
|
|
462
|
+
readonly secondarySolid: "#52525b";
|
|
463
|
+
readonly tertiary: "#f5f3f1";
|
|
464
|
+
readonly quaternary: "#e8e5e3";
|
|
465
|
+
readonly active: "#e8e5e3";
|
|
466
|
+
readonly disabled: "#f5f3f1";
|
|
467
|
+
readonly disabledSubtle: "#faf9f8";
|
|
468
|
+
readonly overlay: "#09090b";
|
|
469
|
+
readonly brandPrimary: "#f5f0ff";
|
|
470
|
+
readonly brandPrimaryAlt: "#f5f0ff";
|
|
471
|
+
readonly brandSecondary: "#ebe0ff";
|
|
472
|
+
readonly brandSolid: "#5b3acc";
|
|
473
|
+
readonly brandSolidHover: "#3a1aad";
|
|
474
|
+
readonly brandSection: "#190a8a";
|
|
475
|
+
readonly brandSectionSubtle: "#3a1aad";
|
|
351
476
|
readonly errorPrimary: "#fef3f2";
|
|
352
477
|
readonly errorSecondary: "#fee4e2";
|
|
353
478
|
readonly errorSolid: "#d92d20";
|
|
@@ -359,22 +484,22 @@ declare const bg: {
|
|
|
359
484
|
readonly successSolid: "#079455";
|
|
360
485
|
};
|
|
361
486
|
declare const fg: {
|
|
362
|
-
readonly primary: "#
|
|
363
|
-
readonly secondary: "#
|
|
364
|
-
readonly secondaryHover: "#
|
|
365
|
-
readonly tertiary: "#
|
|
366
|
-
readonly tertiaryHover: "#
|
|
367
|
-
readonly quaternary: "#
|
|
368
|
-
readonly quaternaryHover: "#
|
|
369
|
-
readonly quinary: "#
|
|
370
|
-
readonly quinaryHover: "#
|
|
371
|
-
readonly senary: "#
|
|
487
|
+
readonly primary: "#18181b";
|
|
488
|
+
readonly secondary: "#3f3f46";
|
|
489
|
+
readonly secondaryHover: "#27272a";
|
|
490
|
+
readonly tertiary: "#52525b";
|
|
491
|
+
readonly tertiaryHover: "#3f3f46";
|
|
492
|
+
readonly quaternary: "#71717a";
|
|
493
|
+
readonly quaternaryHover: "#52525b";
|
|
494
|
+
readonly quinary: "#a0a0a6";
|
|
495
|
+
readonly quinaryHover: "#71717a";
|
|
496
|
+
readonly senary: "#d8d8dc";
|
|
372
497
|
readonly white: "#ffffff";
|
|
373
|
-
readonly disabled: "#
|
|
374
|
-
readonly disabledSubtle: "#
|
|
375
|
-
readonly brandPrimary: "#
|
|
376
|
-
readonly brandPrimaryAlt: "#
|
|
377
|
-
readonly brandSecondary: "#
|
|
498
|
+
readonly disabled: "#a0a0a6";
|
|
499
|
+
readonly disabledSubtle: "#d8d8dc";
|
|
500
|
+
readonly brandPrimary: "#5b3acc";
|
|
501
|
+
readonly brandPrimaryAlt: "#5b3acc";
|
|
502
|
+
readonly brandSecondary: "#7c4de6";
|
|
378
503
|
readonly errorPrimary: "#d92d20";
|
|
379
504
|
readonly errorSecondary: "#f04438";
|
|
380
505
|
readonly warningPrimary: "#dc6803";
|
|
@@ -383,51 +508,51 @@ declare const fg: {
|
|
|
383
508
|
readonly successSecondary: "#17b26a";
|
|
384
509
|
};
|
|
385
510
|
declare const border: {
|
|
386
|
-
readonly primary: "#
|
|
387
|
-
readonly secondary: "#
|
|
388
|
-
readonly tertiary: "#
|
|
389
|
-
readonly disabled: "#
|
|
390
|
-
readonly disabledSubtle: "#
|
|
391
|
-
readonly brand: "#
|
|
392
|
-
readonly brandSolid: "#
|
|
393
|
-
readonly brandSolidAlt: "#
|
|
511
|
+
readonly primary: "#d8d8dc";
|
|
512
|
+
readonly secondary: "#e8e5e3";
|
|
513
|
+
readonly tertiary: "#f5f3f1";
|
|
514
|
+
readonly disabled: "#d8d8dc";
|
|
515
|
+
readonly disabledSubtle: "#e8e5e3";
|
|
516
|
+
readonly brand: "#b090ff";
|
|
517
|
+
readonly brandSolid: "#5b3acc";
|
|
518
|
+
readonly brandSolidAlt: "#5b3acc";
|
|
394
519
|
readonly error: "#fda29b";
|
|
395
520
|
readonly errorSolid: "#d92d20";
|
|
396
521
|
};
|
|
397
522
|
declare const buttonColors: {
|
|
398
523
|
readonly primary: {
|
|
399
|
-
readonly bg: "#
|
|
400
|
-
readonly bgHover: "#
|
|
524
|
+
readonly bg: "#5b3acc";
|
|
525
|
+
readonly bgHover: "#3a1aad";
|
|
401
526
|
readonly fg: "#ffffff";
|
|
402
527
|
readonly fgHover: "#ffffff";
|
|
403
|
-
readonly border: "#
|
|
404
|
-
readonly borderHover: "#
|
|
528
|
+
readonly border: "#5b3acc";
|
|
529
|
+
readonly borderHover: "#3a1aad";
|
|
405
530
|
};
|
|
406
531
|
readonly secondary: {
|
|
407
532
|
readonly bg: "#ffffff";
|
|
408
|
-
readonly bgHover: "#
|
|
409
|
-
readonly fg: "#
|
|
410
|
-
readonly fgHover: "#
|
|
411
|
-
readonly border: "#
|
|
412
|
-
readonly borderHover: "#
|
|
533
|
+
readonly bgHover: "#faf9f8";
|
|
534
|
+
readonly fg: "#3f3f46";
|
|
535
|
+
readonly fgHover: "#27272a";
|
|
536
|
+
readonly border: "#d8d8dc";
|
|
537
|
+
readonly borderHover: "#d8d8dc";
|
|
413
538
|
};
|
|
414
539
|
readonly secondaryColor: {
|
|
415
540
|
readonly bg: "#ffffff";
|
|
416
|
-
readonly bgHover: "#
|
|
417
|
-
readonly fg: "#
|
|
418
|
-
readonly fgHover: "#
|
|
419
|
-
readonly border: "#
|
|
420
|
-
readonly borderHover: "#
|
|
541
|
+
readonly bgHover: "#f5f0ff";
|
|
542
|
+
readonly fg: "#3a1aad";
|
|
543
|
+
readonly fgHover: "#190a8a";
|
|
544
|
+
readonly border: "#b090ff";
|
|
545
|
+
readonly borderHover: "#b090ff";
|
|
421
546
|
};
|
|
422
547
|
readonly tertiary: {
|
|
423
|
-
readonly fg: "#
|
|
424
|
-
readonly fgHover: "#
|
|
425
|
-
readonly bgHover: "#
|
|
548
|
+
readonly fg: "#52525b";
|
|
549
|
+
readonly fgHover: "#3f3f46";
|
|
550
|
+
readonly bgHover: "#faf9f8";
|
|
426
551
|
};
|
|
427
552
|
readonly tertiaryColor: {
|
|
428
|
-
readonly fg: "#
|
|
429
|
-
readonly fgHover: "#
|
|
430
|
-
readonly bgHover: "#
|
|
553
|
+
readonly fg: "#3a1aad";
|
|
554
|
+
readonly fgHover: "#190a8a";
|
|
555
|
+
readonly bgHover: "#f5f0ff";
|
|
431
556
|
};
|
|
432
557
|
readonly primaryError: {
|
|
433
558
|
readonly bg: "#d92d20";
|
|
@@ -452,27 +577,27 @@ declare const buttonColors: {
|
|
|
452
577
|
};
|
|
453
578
|
};
|
|
454
579
|
declare const avatarColors: {
|
|
455
|
-
readonly bg: "#
|
|
580
|
+
readonly bg: "#f5f3f1";
|
|
456
581
|
readonly contrastBorder: "#00000014";
|
|
457
582
|
readonly profilePhotoBorder: "#ffffff";
|
|
458
|
-
readonly focusBorder: "#
|
|
583
|
+
readonly focusBorder: "#a0a0a624";
|
|
459
584
|
};
|
|
460
585
|
declare const breadcrumbColors: {
|
|
461
|
-
readonly fg: "#
|
|
462
|
-
readonly fgHover: "#
|
|
463
|
-
readonly bgHover: "#
|
|
464
|
-
readonly brandBgHover: "#
|
|
465
|
-
readonly brandFgHover: "#
|
|
466
|
-
readonly iconFg: "#
|
|
467
|
-
readonly iconFgHover: "#
|
|
468
|
-
readonly brandIconFgHover: "#
|
|
586
|
+
readonly fg: "#52525b";
|
|
587
|
+
readonly fgHover: "#3f3f46";
|
|
588
|
+
readonly bgHover: "#faf9f8";
|
|
589
|
+
readonly brandBgHover: "#f5f0ff";
|
|
590
|
+
readonly brandFgHover: "#3a1aad";
|
|
591
|
+
readonly iconFg: "#71717a";
|
|
592
|
+
readonly iconFgHover: "#3f3f46";
|
|
593
|
+
readonly brandIconFgHover: "#3a1aad";
|
|
469
594
|
};
|
|
470
595
|
declare const iconColors: {
|
|
471
|
-
readonly fgBrand: "#
|
|
472
|
-
readonly fgBrandOnBrand: "#
|
|
473
|
-
readonly featuredModernBorder: "#
|
|
474
|
-
readonly featuredLightFgBrand: "#
|
|
475
|
-
readonly featuredLightFgGray: "#
|
|
596
|
+
readonly fgBrand: "#5b3acc";
|
|
597
|
+
readonly fgBrandOnBrand: "#d6c0ff";
|
|
598
|
+
readonly featuredModernBorder: "#e8e5e3";
|
|
599
|
+
readonly featuredLightFgBrand: "#5b3acc";
|
|
600
|
+
readonly featuredLightFgGray: "#71717a";
|
|
476
601
|
readonly featuredLightFgError: "#d92d20";
|
|
477
602
|
readonly featuredLightFgWarning: "#dc6803";
|
|
478
603
|
readonly featuredLightFgSuccess: "#079455";
|
|
@@ -483,34 +608,34 @@ declare const iconColors: {
|
|
|
483
608
|
readonly featuredDarkFgSuccess: "#ffffff";
|
|
484
609
|
};
|
|
485
610
|
declare const navColors: {
|
|
486
|
-
readonly itemIconFg: "#
|
|
487
|
-
readonly itemIconFgActive: "#
|
|
488
|
-
readonly itemButtonIconFg: "#
|
|
489
|
-
readonly itemButtonIconFgActive: "#
|
|
611
|
+
readonly itemIconFg: "#71717a";
|
|
612
|
+
readonly itemIconFgActive: "#3f3f46";
|
|
613
|
+
readonly itemButtonIconFg: "#71717a";
|
|
614
|
+
readonly itemButtonIconFgActive: "#3f3f46";
|
|
490
615
|
};
|
|
491
616
|
declare const sliderColors: {
|
|
492
|
-
readonly handleBorder: "#
|
|
617
|
+
readonly handleBorder: "#5b3acc";
|
|
493
618
|
readonly handleBg: "#ffffff";
|
|
494
619
|
};
|
|
495
620
|
declare const toggleColors: {
|
|
496
|
-
readonly buttonFgDisabled: "#
|
|
621
|
+
readonly buttonFgDisabled: "#faf9f8";
|
|
497
622
|
};
|
|
498
623
|
declare const chartColors: {
|
|
499
|
-
readonly axisFg: "#
|
|
500
|
-
readonly gridlineFg: "#
|
|
501
|
-
readonly labelFg: "#
|
|
502
|
-
readonly labelFgEmphasis: "#
|
|
624
|
+
readonly axisFg: "#f5f3f1";
|
|
625
|
+
readonly gridlineFg: "#f5f3f1";
|
|
626
|
+
readonly labelFg: "#52525b";
|
|
627
|
+
readonly labelFgEmphasis: "#3f3f46";
|
|
503
628
|
readonly bg: "#ffffff";
|
|
504
|
-
readonly bgAlt: "#
|
|
505
|
-
readonly tooltipBg: "#
|
|
629
|
+
readonly bgAlt: "#faf9f8";
|
|
630
|
+
readonly tooltipBg: "#09090b";
|
|
506
631
|
readonly tooltipFg: "#ffffff";
|
|
507
|
-
readonly crosshairFg: "#
|
|
508
|
-
readonly legendFg: "#
|
|
632
|
+
readonly crosshairFg: "#71717a";
|
|
633
|
+
readonly legendFg: "#52525b";
|
|
509
634
|
readonly series: readonly [{
|
|
510
|
-
readonly fg: "#
|
|
511
|
-
readonly fgHover: "#
|
|
512
|
-
readonly bg: "#
|
|
513
|
-
readonly bgHover: "#
|
|
635
|
+
readonly fg: "#7a5af8";
|
|
636
|
+
readonly fgHover: "#6938ef";
|
|
637
|
+
readonly bg: "#ebe9fe";
|
|
638
|
+
readonly bgHover: "#d9d6fe";
|
|
514
639
|
}, {
|
|
515
640
|
readonly fg: "#ff692e";
|
|
516
641
|
readonly fgHover: "#ff4405";
|
|
@@ -642,6 +767,11 @@ interface ThemePreset {
|
|
|
642
767
|
variants: Record<string, PresetVariantConfig>;
|
|
643
768
|
}
|
|
644
769
|
|
|
770
|
+
/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
|
|
771
|
+
declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
|
|
772
|
+
/** Create a fully resolved MUI Theme from a full set of design tokens. */
|
|
773
|
+
declare function buildTheme(tokens: DesignTokens): Theme;
|
|
774
|
+
|
|
645
775
|
declare module "@mui/material/styles" {
|
|
646
776
|
interface Palette {
|
|
647
777
|
chart: DesignTokens["chartColors"];
|
|
@@ -658,14 +788,11 @@ declare const components: Components<Theme>;
|
|
|
658
788
|
|
|
659
789
|
declare const shadows: Shadows;
|
|
660
790
|
|
|
661
|
-
|
|
662
|
-
declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
|
|
663
|
-
/** Create a fully resolved MUI Theme from a full set of design tokens. */
|
|
664
|
-
declare function buildTheme(tokens: DesignTokens): Theme;
|
|
791
|
+
declare const forestExternalPreset: ThemePreset;
|
|
665
792
|
|
|
666
|
-
declare const
|
|
793
|
+
declare const forestAgencyPreset: ThemePreset;
|
|
667
794
|
|
|
668
|
-
declare const
|
|
795
|
+
declare const forestInternalPreset: ThemePreset;
|
|
669
796
|
|
|
670
797
|
/** Get a preset by name. Returns `undefined` if not found. */
|
|
671
798
|
declare function getPreset(name: string): ThemePreset | undefined;
|
|
@@ -674,7 +801,7 @@ declare function registerPreset(preset: ThemePreset): void;
|
|
|
674
801
|
/** List all registered preset names. */
|
|
675
802
|
declare function getAvailablePresets(): string[];
|
|
676
803
|
|
|
677
|
-
declare const forestThemeOptions: ThemeOptions;
|
|
678
804
|
declare const forestTheme: _mui_material.Theme;
|
|
805
|
+
declare const forestThemeOptions: ThemeOptions;
|
|
679
806
|
|
|
680
|
-
export {
|
|
807
|
+
export { navColors as A, radius as B, registerPreset as C, type DesignTokens as D, sliderColors as E, spacing as F, text as G, toggleColors as H, shadows$1 as I, widths as J, components as K, gray as L, info as M, magenta as N, misc as O, type PresetVariantConfig as P, palette as Q, radiusSharp as R, red as S, type ThemePreset as T, shadows as U, typography as V, violet as W, alpha as a, avatarColors as b, bg as c, border as d, breadcrumbColors as e, buildTheme as f, buildThemeOptions as g, buttonColors as h, chartColors as i, colors as j, container as k, display as l, fg as m, focusRings as n, fontFamily as o, fontSize as p, fontWeight as q, forestAgencyPreset as r, forestExternalPreset as s, forestInternalPreset as t, forestTheme as u, forestThemeOptions as v, getAvailablePresets as w, getPreset as x, iconColors as y, lineHeight as z };
|