@matteoaliano/forest-ui 0.3.0 → 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.
@@ -5,179 +5,304 @@ import { Theme, ThemeOptions, PaletteOptions, TypographyVariantsOptions, Compone
5
5
  * Design tokens extracted from Figma.
6
6
  * These are the primitive values that the semantic theme references.
7
7
  */
8
- declare const colors: {
9
- readonly base: {
10
- readonly white: "#ffffff";
11
- readonly black: "#000000";
12
- readonly transparent: "#ffffff00";
13
- };
14
- readonly brand: {
15
- readonly 25: "#fcfaff";
16
- readonly 50: "#f9f5ff";
17
- readonly 100: "#f4ebff";
18
- readonly 200: "#e9d7fe";
19
- readonly 300: "#d6bbfb";
20
- readonly 400: "#b692f6";
21
- readonly 500: "#9e77ed";
22
- readonly 600: "#7f56d9";
23
- readonly 700: "#6941c6";
24
- readonly 800: "#53389e";
25
- readonly 900: "#42307d";
26
- readonly 950: "#2c1c5f";
27
- };
28
- readonly gray: {
29
- readonly 25: "#fcfcfd";
30
- readonly 50: "#f9fafb";
31
- readonly 100: "#f2f4f7";
32
- readonly 200: "#eaecf0";
33
- readonly 300: "#d0d5dd";
34
- readonly 400: "#98a2b3";
35
- readonly 500: "#667085";
36
- readonly 600: "#475467";
37
- readonly 700: "#344054";
38
- readonly 800: "#182230";
39
- readonly 900: "#101828";
40
- readonly 950: "#0c111d";
41
- };
42
- readonly error: {
43
- readonly 25: "#fffbfa";
44
- readonly 50: "#fef3f2";
45
- readonly 100: "#fee4e2";
46
- readonly 200: "#fecdca";
47
- readonly 300: "#fda29b";
48
- readonly 400: "#f97066";
49
- readonly 500: "#f04438";
50
- readonly 600: "#d92d20";
51
- readonly 700: "#b42318";
52
- readonly 800: "#912018";
53
- readonly 900: "#7a271a";
54
- readonly 950: "#55160c";
55
- };
56
- readonly warning: {
57
- readonly 25: "#fffcf5";
58
- readonly 50: "#fffaeb";
59
- readonly 100: "#fef0c7";
60
- readonly 200: "#fedf89";
61
- readonly 300: "#fec84b";
62
- readonly 400: "#fdb022";
63
- readonly 500: "#f79009";
64
- readonly 600: "#dc6803";
65
- readonly 700: "#b54708";
66
- readonly 800: "#93370d";
67
- readonly 900: "#7a2e0e";
68
- readonly 950: "#4e1d09";
69
- };
70
- readonly success: {
71
- readonly 25: "#f6fef9";
72
- readonly 50: "#ecfdf3";
73
- readonly 100: "#dcfae6";
74
- readonly 200: "#abefc6";
75
- readonly 300: "#75e0a7";
76
- readonly 400: "#47cd89";
77
- readonly 500: "#17b26a";
78
- readonly 600: "#079455";
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
- readonly violet: {
159
- readonly 100: "#ece9fe";
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 #9e77ed3d";
226
- readonly brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #9e77ed3d";
227
- readonly brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #9e77ed3d";
228
- readonly gray: "0px 0px 0px 4px #98a2b324";
229
- readonly grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #98a2b324";
230
- readonly grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #98a2b324";
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: "#101828";
307
- readonly secondary: "#344054";
308
- readonly secondaryHover: "#182230";
309
- readonly tertiary: "#475467";
310
- readonly tertiaryHover: "#344054";
311
- readonly quaternary: "#667085";
312
- readonly disabled: "#667085";
313
- readonly placeholder: "#667085";
314
- readonly placeholderSubtle: "#d0d5dd";
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: "#42307d";
317
- readonly brandSecondary: "#6941c6";
318
- readonly brandTertiary: "#7f56d9";
319
- readonly brandTertiaryAlt: "#7f56d9";
441
+ readonly brandPrimary: "#000066";
442
+ readonly brandSecondary: "#3a1aad";
443
+ readonly brandTertiary: "#5b3acc";
444
+ readonly brandTertiaryAlt: "#5b3acc";
320
445
  readonly primaryOnBrand: "#ffffff";
321
- readonly secondaryOnBrand: "#e9d7fe";
322
- readonly tertiaryOnBrand: "#e9d7fe";
323
- readonly quaternaryOnBrand: "#d6bbfb";
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: "#f9fafb";
330
- readonly primaryAlt: "#f9fafb";
331
- readonly primaryHover: "#f2f4f7";
332
- readonly primarySolid: "#0c111d";
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: "#fcfcfd";
336
- readonly secondaryHover: "#f9fafb";
337
- readonly secondarySolid: "#475467";
338
- readonly tertiary: "#f2f4f7";
339
- readonly quaternary: "#eaecf0";
340
- readonly active: "#eaecf0";
341
- readonly disabled: "#f2f4f7";
342
- readonly disabledSubtle: "#f9fafb";
343
- readonly overlay: "#0c111d";
344
- readonly brandPrimary: "#f9f5ff";
345
- readonly brandPrimaryAlt: "#f9f5ff";
346
- readonly brandSecondary: "#f4ebff";
347
- readonly brandSolid: "#7f56d9";
348
- readonly brandSolidHover: "#6941c6";
349
- readonly brandSection: "#53389e";
350
- readonly brandSectionSubtle: "#6941c6";
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: "#101828";
363
- readonly secondary: "#344054";
364
- readonly secondaryHover: "#182230";
365
- readonly tertiary: "#475467";
366
- readonly tertiaryHover: "#344054";
367
- readonly quaternary: "#667085";
368
- readonly quaternaryHover: "#475467";
369
- readonly quinary: "#98a2b3";
370
- readonly quinaryHover: "#667085";
371
- readonly senary: "#d0d5dd";
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: "#98a2b3";
374
- readonly disabledSubtle: "#d0d5dd";
375
- readonly brandPrimary: "#7f56d9";
376
- readonly brandPrimaryAlt: "#7f56d9";
377
- readonly brandSecondary: "#9e77ed";
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: "#d0d5dd";
387
- readonly secondary: "#eaecf0";
388
- readonly tertiary: "#f2f4f7";
389
- readonly disabled: "#d0d5dd";
390
- readonly disabledSubtle: "#eaecf0";
391
- readonly brand: "#d6bbfb";
392
- readonly brandSolid: "#7f56d9";
393
- readonly brandSolidAlt: "#7f56d9";
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: "#7f56d9";
400
- readonly bgHover: "#6941c6";
524
+ readonly bg: "#5b3acc";
525
+ readonly bgHover: "#3a1aad";
401
526
  readonly fg: "#ffffff";
402
527
  readonly fgHover: "#ffffff";
403
- readonly border: "#7f56d9";
404
- readonly borderHover: "#6941c6";
528
+ readonly border: "#5b3acc";
529
+ readonly borderHover: "#3a1aad";
405
530
  };
406
531
  readonly secondary: {
407
532
  readonly bg: "#ffffff";
408
- readonly bgHover: "#f9fafb";
409
- readonly fg: "#344054";
410
- readonly fgHover: "#182230";
411
- readonly border: "#d0d5dd";
412
- readonly borderHover: "#d0d5dd";
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: "#f9f5ff";
417
- readonly fg: "#6941c6";
418
- readonly fgHover: "#53389e";
419
- readonly border: "#d6bbfb";
420
- readonly borderHover: "#d6bbfb";
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: "#475467";
424
- readonly fgHover: "#344054";
425
- readonly bgHover: "#f9fafb";
548
+ readonly fg: "#52525b";
549
+ readonly fgHover: "#3f3f46";
550
+ readonly bgHover: "#faf9f8";
426
551
  };
427
552
  readonly tertiaryColor: {
428
- readonly fg: "#6941c6";
429
- readonly fgHover: "#53389e";
430
- readonly bgHover: "#f9f5ff";
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: "#f2f4f7";
580
+ readonly bg: "#f5f3f1";
456
581
  readonly contrastBorder: "#00000014";
457
582
  readonly profilePhotoBorder: "#ffffff";
458
- readonly focusBorder: "#98a2b324";
583
+ readonly focusBorder: "#a0a0a624";
459
584
  };
460
585
  declare const breadcrumbColors: {
461
- readonly fg: "#475467";
462
- readonly fgHover: "#344054";
463
- readonly bgHover: "#f9fafb";
464
- readonly brandBgHover: "#f9f5ff";
465
- readonly brandFgHover: "#6941c6";
466
- readonly iconFg: "#667085";
467
- readonly iconFgHover: "#344054";
468
- readonly brandIconFgHover: "#6941c6";
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: "#7f56d9";
472
- readonly fgBrandOnBrand: "#e9d7fe";
473
- readonly featuredModernBorder: "#eaecf0";
474
- readonly featuredLightFgBrand: "#7f56d9";
475
- readonly featuredLightFgGray: "#667085";
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: "#667085";
487
- readonly itemIconFgActive: "#344054";
488
- readonly itemButtonIconFg: "#667085";
489
- readonly itemButtonIconFgActive: "#344054";
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: "#7f56d9";
617
+ readonly handleBorder: "#5b3acc";
493
618
  readonly handleBg: "#ffffff";
494
619
  };
495
620
  declare const toggleColors: {
496
- readonly buttonFgDisabled: "#f9fafb";
621
+ readonly buttonFgDisabled: "#faf9f8";
497
622
  };
498
623
  declare const chartColors: {
499
- readonly axisFg: "#f2f4f7";
500
- readonly gridlineFg: "#f2f4f7";
501
- readonly labelFg: "#475467";
502
- readonly labelFgEmphasis: "#344054";
624
+ readonly axisFg: "#f5f3f1";
625
+ readonly gridlineFg: "#f5f3f1";
626
+ readonly labelFg: "#52525b";
627
+ readonly labelFgEmphasis: "#3f3f46";
503
628
  readonly bg: "#ffffff";
504
- readonly bgAlt: "#f9fafb";
505
- readonly tooltipBg: "#0c111d";
629
+ readonly bgAlt: "#faf9f8";
630
+ readonly tooltipBg: "#09090b";
506
631
  readonly tooltipFg: "#ffffff";
507
- readonly crosshairFg: "#667085";
508
- readonly legendFg: "#475467";
632
+ readonly crosshairFg: "#71717a";
633
+ readonly legendFg: "#52525b";
509
634
  readonly series: readonly [{
510
- readonly fg: "#875bf7";
511
- readonly fgHover: "#7839ee";
512
- readonly bg: "#ece9fe";
513
- readonly bgHover: "#ddd6fe";
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";
@@ -679,4 +804,4 @@ declare function getAvailablePresets(): string[];
679
804
  declare const forestTheme: _mui_material.Theme;
680
805
  declare const forestThemeOptions: ThemeOptions;
681
806
 
682
- 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, palette as L, shadows as M, typography as N, type PresetVariantConfig as P, type ThemePreset as T, 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 };
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 };