@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.
Files changed (22) hide show
  1. package/dist/{chunk-EULMNCHH.mjs → chunk-GZ6FQWHG.mjs} +451 -324
  2. package/dist/chunk-GZ6FQWHG.mjs.map +1 -0
  3. package/dist/{index-EkBIDmEu.d.mts → index-CSpNzZHg.d.mts} +340 -215
  4. package/dist/{index-EkBIDmEu.d.ts → index-CSpNzZHg.d.ts} +340 -215
  5. package/dist/index.d.mts +21 -12
  6. package/dist/index.d.ts +21 -12
  7. package/dist/index.js +382 -381
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +60 -45
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/theme.d.mts +1 -1
  12. package/dist/theme.d.ts +1 -1
  13. package/dist/theme.js +455 -321
  14. package/dist/theme.js.map +1 -1
  15. package/dist/theme.mjs +1 -1
  16. package/fonts/alkemy-beta/AlkemyBETA-Medium.otf +0 -0
  17. package/fonts/alkemy-beta/alkemy-beta.css +10 -0
  18. package/guidelines/FOREST_BE_GUIDELINES.md +1 -1
  19. package/guidelines/FOREST_FE_GUIDELINES.md +1 -1
  20. package/guidelines/FOREST_UI_GUIDELINES.md +1 -1
  21. package/package.json +9 -2
  22. package/dist/chunk-EULMNCHH.mjs.map +0 -1
package/dist/{chunk-EULMNCHH.mjs → chunk-GZ6FQWHG.mjs} RENAMED
@@ -3,181 +3,293 @@ import { createTheme } from '@mui/material/styles';
3
3
  // src/theme/buildTheme.ts
4
4
 
5
5
  // src/theme/tokens.ts
6
- var colors = {
7
- base: {
8
- white: "#ffffff",
9
- black: "#000000",
10
- transparent: "#ffffff00"
11
- },
12
- brand: {
13
- 25: "#fcfaff",
14
- 50: "#f9f5ff",
15
- 100: "#f4ebff",
16
- 200: "#e9d7fe",
17
- 300: "#d6bbfb",
18
- 400: "#b692f6",
19
- 500: "#9e77ed",
20
- 600: "#7f56d9",
21
- 700: "#6941c6",
22
- 800: "#53389e",
23
- 900: "#42307d",
24
- 950: "#2c1c5f"
25
- },
26
- gray: {
27
- 25: "#fcfcfd",
28
- 50: "#f9fafb",
29
- 100: "#f2f4f7",
30
- 200: "#eaecf0",
31
- 300: "#d0d5dd",
32
- 400: "#98a2b3",
33
- 500: "#667085",
34
- 600: "#475467",
35
- 700: "#344054",
36
- 800: "#182230",
37
- 900: "#101828",
38
- 950: "#0c111d"
39
- },
40
- error: {
41
- 25: "#fffbfa",
42
- 50: "#fef3f2",
43
- 100: "#fee4e2",
44
- 200: "#fecdca",
45
- 300: "#fda29b",
46
- 400: "#f97066",
47
- 500: "#f04438",
48
- 600: "#d92d20",
49
- 700: "#b42318",
50
- 800: "#912018",
51
- 900: "#7a271a",
52
- 950: "#55160c"
53
- },
54
- warning: {
55
- 25: "#fffcf5",
56
- 50: "#fffaeb",
57
- 100: "#fef0c7",
58
- 200: "#fedf89",
59
- 300: "#fec84b",
60
- 400: "#fdb022",
61
- 500: "#f79009",
62
- 600: "#dc6803",
63
- 700: "#b54708",
64
- 800: "#93370d",
65
- 900: "#7a2e0e",
66
- 950: "#4e1d09"
67
- },
68
- success: {
69
- 25: "#f6fef9",
70
- 50: "#ecfdf3",
71
- 100: "#dcfae6",
72
- 200: "#abefc6",
73
- 300: "#75e0a7",
74
- 400: "#47cd89",
75
- 500: "#17b26a",
76
- 600: "#079455",
77
- 700: "#067647",
78
- 800: "#085d3a",
79
- 900: "#074d31",
80
- 950: "#053321"
81
- },
82
- blue: {
83
- 25: "#f5faff",
84
- 50: "#eff8ff",
85
- 100: "#d1e9ff",
86
- 200: "#b2ddff",
87
- 300: "#84caff",
88
- 400: "#53b1fd",
89
- 500: "#2e90fa",
90
- 600: "#1570ef",
91
- 700: "#175cd3",
92
- 800: "#1849a9",
93
- 900: "#194185",
94
- 950: "#102a56"
95
- },
6
+ var violet = {
7
+ 25: "#faf8ff",
8
+ 50: "#f5f0ff",
9
+ 100: "#ebe0ff",
10
+ 200: "#d6c0ff",
11
+ 300: "#b090ff",
12
+ 400: "#9D5FFF",
13
+ 500: "#7c4de6",
14
+ 600: "#5b3acc",
15
+ 700: "#3a1aad",
16
+ 800: "#190a8a",
17
+ 900: "#000066",
18
+ 950: "#000033"
19
+ };
20
+ var magenta = {
21
+ 25: "#fff8fd",
22
+ 50: "#fff0fa",
23
+ 100: "#ffe0f5",
24
+ 200: "#ffc0eb",
25
+ 300: "#ff90d8",
26
+ 400: "#FF78F3",
27
+ 500: "#e650d4",
28
+ 600: "#cc28b5",
29
+ 700: "#a3008c",
30
+ 800: "#7a0066",
31
+ 900: "#520044",
32
+ 950: "#290022"
33
+ };
34
+ var gray = {
35
+ 25: "#fdfcfc",
36
+ 50: "#faf9f8",
37
+ 100: "#f5f3f1",
38
+ 200: "#e8e5e3",
39
+ 300: "#d8d8dc",
40
+ 400: "#a0a0a6",
41
+ 500: "#71717a",
42
+ 600: "#52525b",
43
+ 700: "#3f3f46",
44
+ 800: "#27272a",
45
+ 900: "#18181b",
46
+ 950: "#09090b"
47
+ };
48
+ var red = {
49
+ 25: "#fff8f7",
50
+ 50: "#fff0ee",
51
+ 100: "#ffe0dd",
52
+ 200: "#ffc0bb",
53
+ 300: "#ff9090",
54
+ 400: "#FF2821",
55
+ 500: "#e61a1a",
56
+ 600: "#cc1010",
57
+ 700: "#a30808",
58
+ 800: "#7a0000",
59
+ 900: "#520000",
60
+ 950: "#290000"
61
+ };
62
+ var info = {
63
+ 25: "#f5faff",
64
+ 50: "#eff8ff",
65
+ 100: "#d1e9ff",
66
+ 200: "#b2ddff",
67
+ 300: "#84caff",
68
+ 400: "#53b1fd",
69
+ 500: "#2e90fa",
70
+ 600: "#1570ef",
71
+ 700: "#175cd3",
72
+ 800: "#1849a9",
73
+ 900: "#194185",
74
+ 950: "#102a56"
75
+ };
76
+ var misc = {
96
77
  teal: {
78
+ 25: "#f6fefc",
97
79
  50: "#f0fdf9",
98
80
  100: "#ccfbef",
99
81
  200: "#99f6e0",
100
82
  300: "#5fe9d0",
101
83
  400: "#2ed3b7",
84
+ 500: "#15b79e",
102
85
  600: "#0e9384",
103
- 700: "#107569"
86
+ 700: "#107569",
87
+ 800: "#125d56",
88
+ 900: "#134e48",
89
+ 950: "#0a2926"
104
90
  },
105
91
  orange: {
92
+ 25: "#fefaf5",
93
+ 50: "#fef6ee",
106
94
  100: "#fdead7",
107
95
  200: "#f9dbaf",
108
96
  300: "#f7b27a",
109
97
  400: "#f38744",
98
+ 500: "#ef6820",
110
99
  600: "#e04f16",
111
- 700: "#b93815"
100
+ 700: "#b93815",
101
+ 800: "#932f19",
102
+ 900: "#772917",
103
+ 950: "#511c10"
112
104
  },
113
105
  purple: {
106
+ 25: "#fafaff",
107
+ 50: "#f4f3ff",
114
108
  100: "#ebe9fe",
115
109
  200: "#d9d6fe",
110
+ 300: "#bdb4fe",
111
+ 400: "#9b8afb",
112
+ 500: "#7a5af8",
116
113
  600: "#6938ef",
117
- 700: "#5925dc"
114
+ 700: "#5925dc",
115
+ 800: "#4a1fb8",
116
+ 900: "#3e1c96",
117
+ 950: "#27115f"
118
118
  },
119
119
  pink: {
120
+ 25: "#fef6fb",
121
+ 50: "#fdf2fa",
120
122
  100: "#fce7f6",
121
123
  200: "#fcceee",
124
+ 300: "#faa7e0",
122
125
  400: "#f670c7",
123
126
  500: "#ee46bc",
124
127
  600: "#dd2590",
125
- 700: "#c11574"
128
+ 700: "#c11574",
129
+ 800: "#9e165f",
130
+ 900: "#851651",
131
+ 950: "#4e0d30"
126
132
  },
127
133
  fuchsia: {
134
+ 25: "#fefaff",
135
+ 50: "#fdf4ff",
128
136
  100: "#fbe8ff",
129
137
  200: "#f6d0fe",
138
+ 300: "#eeaafd",
130
139
  400: "#e478fa",
131
140
  500: "#d444f1",
132
141
  600: "#ba24d5",
133
- 700: "#9f1ab1"
142
+ 700: "#9f1ab1",
143
+ 800: "#821890",
144
+ 900: "#6f1877",
145
+ 950: "#47104c"
134
146
  },
135
147
  orangeDark: {
148
+ 25: "#fff9f5",
149
+ 50: "#fff4ed",
136
150
  100: "#ffe6d5",
137
151
  200: "#ffd6ae",
152
+ 300: "#ff9c66",
138
153
  400: "#ff692e",
139
154
  500: "#ff4405",
140
155
  600: "#e62e05",
141
- 700: "#bc1b06"
156
+ 700: "#bc1b06",
157
+ 800: "#97180c",
158
+ 900: "#771a0d",
159
+ 950: "#57130a"
142
160
  },
143
161
  green: {
162
+ 25: "#f6fef9",
163
+ 50: "#edfcf2",
144
164
  100: "#d3f8df",
145
165
  200: "#aaf0c4",
166
+ 300: "#73e2a3",
167
+ 400: "#3ccb7f",
146
168
  500: "#16b364",
147
169
  600: "#099250",
148
- 700: "#087443"
170
+ 700: "#087443",
171
+ 800: "#095c37",
172
+ 900: "#084c2e",
173
+ 950: "#052e1c"
149
174
  },
150
175
  indigo: {
176
+ 25: "#f5f8ff",
177
+ 50: "#eef4ff",
151
178
  100: "#e0eaff",
152
179
  200: "#c7d7fe",
180
+ 300: "#a4bcfd",
181
+ 400: "#8098f9",
182
+ 500: "#6172f3",
153
183
  600: "#444ce7",
154
- 700: "#3538cd"
155
- },
156
- violet: {
157
- 100: "#ece9fe",
158
- 200: "#ddd6fe",
159
- 500: "#875bf7",
160
- 600: "#7839ee"
184
+ 700: "#3538cd",
185
+ 800: "#2d31a6",
186
+ 900: "#2d3282",
187
+ 950: "#1f235b"
161
188
  },
162
189
  rose: {
190
+ 25: "#fff5f6",
191
+ 50: "#fff1f3",
163
192
  100: "#ffe4e8",
164
193
  200: "#fecdd6",
194
+ 300: "#fea3b4",
165
195
  400: "#fd6f8e",
166
- 500: "#f63d68"
196
+ 500: "#f63d68",
197
+ 600: "#e31b54",
198
+ 700: "#c01048",
199
+ 800: "#a11043",
200
+ 900: "#89123e",
201
+ 950: "#510b24"
167
202
  },
168
203
  blueLight: {
204
+ 25: "#f5fbff",
205
+ 50: "#f0f9ff",
169
206
  100: "#e0f2fe",
170
207
  200: "#b9e6fe",
208
+ 300: "#7cd4fd",
171
209
  400: "#36bffa",
172
- 500: "#0ba5ec"
210
+ 500: "#0ba5ec",
211
+ 600: "#0086c9",
212
+ 700: "#026aa2",
213
+ 800: "#065986",
214
+ 900: "#0b4a6f",
215
+ 950: "#062c41"
173
216
  },
174
217
  cyan: {
218
+ 25: "#f5feff",
219
+ 50: "#ecfdff",
175
220
  100: "#cff9fe",
176
221
  200: "#a5f0fc",
222
+ 300: "#67e3f9",
223
+ 400: "#22ccee",
224
+ 500: "#06aed4",
177
225
  600: "#088ab2",
178
- 700: "#0e7090"
226
+ 700: "#0e7090",
227
+ 800: "#155b75",
228
+ 900: "#164c63",
229
+ 950: "#0d2d3a"
179
230
  }
180
231
  };
232
+ var radiusSharp = {
233
+ xxs: 1,
234
+ xs: 2,
235
+ sm: 3,
236
+ md: 4,
237
+ lg: 5,
238
+ xl: 6,
239
+ "2xl": 8,
240
+ "3xl": 10,
241
+ "4xl": 12
242
+ };
243
+ var colors = {
244
+ base: {
245
+ white: "#ffffff",
246
+ black: "#000000",
247
+ transparent: "#ffffff00"
248
+ },
249
+ error: {
250
+ 25: "#fffbfa",
251
+ 50: "#fef3f2",
252
+ 100: "#fee4e2",
253
+ 200: "#fecdca",
254
+ 300: "#fda29b",
255
+ 400: "#f97066",
256
+ 500: "#f04438",
257
+ 600: "#d92d20",
258
+ 700: "#b42318",
259
+ 800: "#912018",
260
+ 900: "#7a271a",
261
+ 950: "#55160c"
262
+ },
263
+ warning: {
264
+ 25: "#fffcf5",
265
+ 50: "#fffaeb",
266
+ 100: "#fef0c7",
267
+ 200: "#fedf89",
268
+ 300: "#fec84b",
269
+ 400: "#fdb022",
270
+ 500: "#f79009",
271
+ 600: "#dc6803",
272
+ 700: "#b54708",
273
+ 800: "#93370d",
274
+ 900: "#7a2e0e",
275
+ 950: "#4e1d09"
276
+ },
277
+ success: {
278
+ 25: "#f6fef9",
279
+ 50: "#ecfdf3",
280
+ 100: "#dcfae6",
281
+ 200: "#abefc6",
282
+ 300: "#75e0a7",
283
+ 400: "#47cd89",
284
+ 500: "#17b26a",
285
+ 600: "#079455",
286
+ 700: "#067647",
287
+ 800: "#085d3a",
288
+ 900: "#074d31",
289
+ 950: "#053321"
290
+ },
291
+ info
292
+ };
181
293
  var spacing = {
182
294
  none: 0,
183
295
  xxs: 2,
@@ -220,12 +332,12 @@ var shadows = {
220
332
  "3xl": "0px 32px 64px -12px #10182824"
221
333
  };
222
334
  var focusRings = {
223
- brand: "0px 0px 0px 4px #9e77ed3d",
224
- brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #9e77ed3d",
225
- brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #9e77ed3d",
226
- gray: "0px 0px 0px 4px #98a2b324",
227
- grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #98a2b324",
228
- grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #98a2b324",
335
+ brand: "0px 0px 0px 4px #7c4de63d",
336
+ brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #7c4de63d",
337
+ brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #7c4de63d",
338
+ gray: "0px 0px 0px 4px #a0a0a624",
339
+ grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624",
340
+ grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624",
229
341
  error: "0px 0px 0px 4px #f044383d",
230
342
  errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
231
343
  };
@@ -279,51 +391,51 @@ var widths = {
279
391
  "6xl": 1920
280
392
  };
281
393
  var text = {
282
- primary: colors.gray[900],
283
- secondary: colors.gray[700],
284
- secondaryHover: colors.gray[800],
285
- tertiary: colors.gray[600],
286
- tertiaryHover: colors.gray[700],
287
- quaternary: colors.gray[500],
288
- disabled: colors.gray[500],
289
- placeholder: colors.gray[500],
290
- placeholderSubtle: colors.gray[300],
394
+ primary: gray[900],
395
+ secondary: gray[700],
396
+ secondaryHover: gray[800],
397
+ tertiary: gray[600],
398
+ tertiaryHover: gray[700],
399
+ quaternary: gray[500],
400
+ disabled: gray[500],
401
+ placeholder: gray[500],
402
+ placeholderSubtle: gray[300],
291
403
  white: colors.base.white,
292
- brandPrimary: colors.brand[900],
293
- brandSecondary: colors.brand[700],
294
- brandTertiary: colors.brand[600],
295
- brandTertiaryAlt: colors.brand[600],
404
+ brandPrimary: violet[900],
405
+ brandSecondary: violet[700],
406
+ brandTertiary: violet[600],
407
+ brandTertiaryAlt: violet[600],
296
408
  primaryOnBrand: colors.base.white,
297
- secondaryOnBrand: colors.brand[200],
298
- tertiaryOnBrand: colors.brand[200],
299
- quaternaryOnBrand: colors.brand[300],
409
+ secondaryOnBrand: violet[200],
410
+ tertiaryOnBrand: violet[200],
411
+ quaternaryOnBrand: violet[300],
300
412
  errorPrimary: colors.error[600],
301
413
  warningPrimary: colors.warning[600],
302
414
  successPrimary: colors.success[600]
303
415
  };
304
416
  var bg = {
305
- primary: colors.gray[50],
306
- primaryAlt: colors.gray[50],
307
- primaryHover: colors.gray[100],
308
- primarySolid: colors.gray[950],
417
+ primary: gray[50],
418
+ primaryAlt: gray[50],
419
+ primaryHover: gray[100],
420
+ primarySolid: gray[950],
309
421
  secondary: colors.base.white,
310
422
  secondaryAlt: colors.base.white,
311
- secondarySubtle: colors.gray[25],
312
- secondaryHover: colors.gray[50],
313
- secondarySolid: colors.gray[600],
314
- tertiary: colors.gray[100],
315
- quaternary: colors.gray[200],
316
- active: colors.gray[200],
317
- disabled: colors.gray[100],
318
- disabledSubtle: colors.gray[50],
319
- overlay: colors.gray[950],
320
- brandPrimary: colors.brand[50],
321
- brandPrimaryAlt: colors.brand[50],
322
- brandSecondary: colors.brand[100],
323
- brandSolid: colors.brand[600],
324
- brandSolidHover: colors.brand[700],
325
- brandSection: colors.brand[800],
326
- brandSectionSubtle: colors.brand[700],
423
+ secondarySubtle: gray[25],
424
+ secondaryHover: gray[50],
425
+ secondarySolid: gray[600],
426
+ tertiary: gray[100],
427
+ quaternary: gray[200],
428
+ active: gray[200],
429
+ disabled: gray[100],
430
+ disabledSubtle: gray[50],
431
+ overlay: gray[950],
432
+ brandPrimary: violet[50],
433
+ brandPrimaryAlt: violet[50],
434
+ brandSecondary: violet[100],
435
+ brandSolid: violet[600],
436
+ brandSolidHover: violet[700],
437
+ brandSection: violet[800],
438
+ brandSectionSubtle: violet[700],
327
439
  errorPrimary: colors.error[50],
328
440
  errorSecondary: colors.error[100],
329
441
  errorSolid: colors.error[600],
@@ -335,22 +447,22 @@ var bg = {
335
447
  successSolid: colors.success[600]
336
448
  };
337
449
  var fg = {
338
- primary: colors.gray[900],
339
- secondary: colors.gray[700],
340
- secondaryHover: colors.gray[800],
341
- tertiary: colors.gray[600],
342
- tertiaryHover: colors.gray[700],
343
- quaternary: colors.gray[500],
344
- quaternaryHover: colors.gray[600],
345
- quinary: colors.gray[400],
346
- quinaryHover: colors.gray[500],
347
- senary: colors.gray[300],
450
+ primary: gray[900],
451
+ secondary: gray[700],
452
+ secondaryHover: gray[800],
453
+ tertiary: gray[600],
454
+ tertiaryHover: gray[700],
455
+ quaternary: gray[500],
456
+ quaternaryHover: gray[600],
457
+ quinary: gray[400],
458
+ quinaryHover: gray[500],
459
+ senary: gray[300],
348
460
  white: colors.base.white,
349
- disabled: colors.gray[400],
350
- disabledSubtle: colors.gray[300],
351
- brandPrimary: colors.brand[600],
352
- brandPrimaryAlt: colors.brand[600],
353
- brandSecondary: colors.brand[500],
461
+ disabled: gray[400],
462
+ disabledSubtle: gray[300],
463
+ brandPrimary: violet[600],
464
+ brandPrimaryAlt: violet[600],
465
+ brandSecondary: violet[500],
354
466
  errorPrimary: colors.error[600],
355
467
  errorSecondary: colors.error[500],
356
468
  warningPrimary: colors.warning[600],
@@ -359,51 +471,51 @@ var fg = {
359
471
  successSecondary: colors.success[500]
360
472
  };
361
473
  var border = {
362
- primary: colors.gray[300],
363
- secondary: colors.gray[200],
364
- tertiary: colors.gray[100],
365
- disabled: colors.gray[300],
366
- disabledSubtle: colors.gray[200],
367
- brand: colors.brand[300],
368
- brandSolid: colors.brand[600],
369
- brandSolidAlt: colors.brand[600],
474
+ primary: gray[300],
475
+ secondary: gray[200],
476
+ tertiary: gray[100],
477
+ disabled: gray[300],
478
+ disabledSubtle: gray[200],
479
+ brand: violet[300],
480
+ brandSolid: violet[600],
481
+ brandSolidAlt: violet[600],
370
482
  error: colors.error[300],
371
483
  errorSolid: colors.error[600]
372
484
  };
373
485
  var buttonColors = {
374
486
  primary: {
375
- bg: colors.brand[600],
376
- bgHover: colors.brand[700],
487
+ bg: violet[600],
488
+ bgHover: violet[700],
377
489
  fg: colors.base.white,
378
490
  fgHover: colors.base.white,
379
- border: colors.brand[600],
380
- borderHover: colors.brand[700]
491
+ border: violet[600],
492
+ borderHover: violet[700]
381
493
  },
382
494
  secondary: {
383
495
  bg: colors.base.white,
384
- bgHover: colors.gray[50],
385
- fg: colors.gray[700],
386
- fgHover: colors.gray[800],
387
- border: colors.gray[300],
388
- borderHover: colors.gray[300]
496
+ bgHover: gray[50],
497
+ fg: gray[700],
498
+ fgHover: gray[800],
499
+ border: gray[300],
500
+ borderHover: gray[300]
389
501
  },
390
502
  secondaryColor: {
391
503
  bg: colors.base.white,
392
- bgHover: colors.brand[50],
393
- fg: colors.brand[700],
394
- fgHover: colors.brand[800],
395
- border: colors.brand[300],
396
- borderHover: colors.brand[300]
504
+ bgHover: violet[50],
505
+ fg: violet[700],
506
+ fgHover: violet[800],
507
+ border: violet[300],
508
+ borderHover: violet[300]
397
509
  },
398
510
  tertiary: {
399
- fg: colors.gray[600],
400
- fgHover: colors.gray[700],
401
- bgHover: colors.gray[50]
511
+ fg: gray[600],
512
+ fgHover: gray[700],
513
+ bgHover: gray[50]
402
514
  },
403
515
  tertiaryColor: {
404
- fg: colors.brand[700],
405
- fgHover: colors.brand[800],
406
- bgHover: colors.brand[50]
516
+ fg: violet[700],
517
+ fgHover: violet[800],
518
+ bgHover: violet[50]
407
519
  },
408
520
  primaryError: {
409
521
  bg: colors.error[600],
@@ -428,27 +540,27 @@ var buttonColors = {
428
540
  }
429
541
  };
430
542
  var avatarColors = {
431
- bg: colors.gray[100],
543
+ bg: gray[100],
432
544
  contrastBorder: "#00000014",
433
545
  profilePhotoBorder: colors.base.white,
434
- focusBorder: "#98a2b324"
546
+ focusBorder: "#a0a0a624"
435
547
  };
436
548
  var breadcrumbColors = {
437
- fg: colors.gray[600],
438
- fgHover: colors.gray[700],
439
- bgHover: colors.gray[50],
440
- brandBgHover: colors.brand[50],
441
- brandFgHover: colors.brand[700],
442
- iconFg: colors.gray[500],
443
- iconFgHover: colors.gray[700],
444
- brandIconFgHover: colors.brand[700]
549
+ fg: gray[600],
550
+ fgHover: gray[700],
551
+ bgHover: gray[50],
552
+ brandBgHover: violet[50],
553
+ brandFgHover: violet[700],
554
+ iconFg: gray[500],
555
+ iconFgHover: gray[700],
556
+ brandIconFgHover: violet[700]
445
557
  };
446
558
  var iconColors = {
447
- fgBrand: colors.brand[600],
448
- fgBrandOnBrand: colors.brand[200],
449
- featuredModernBorder: colors.gray[200],
450
- featuredLightFgBrand: colors.brand[600],
451
- featuredLightFgGray: colors.gray[500],
559
+ fgBrand: violet[600],
560
+ fgBrandOnBrand: violet[200],
561
+ featuredModernBorder: gray[200],
562
+ featuredLightFgBrand: violet[600],
563
+ featuredLightFgGray: gray[500],
452
564
  featuredLightFgError: colors.error[600],
453
565
  featuredLightFgWarning: colors.warning[600],
454
566
  featuredLightFgSuccess: colors.success[600],
@@ -459,42 +571,42 @@ var iconColors = {
459
571
  featuredDarkFgSuccess: colors.base.white
460
572
  };
461
573
  var navColors = {
462
- itemIconFg: colors.gray[500],
463
- itemIconFgActive: colors.gray[700],
464
- itemButtonIconFg: colors.gray[500],
465
- itemButtonIconFgActive: colors.gray[700]
574
+ itemIconFg: gray[500],
575
+ itemIconFgActive: gray[700],
576
+ itemButtonIconFg: gray[500],
577
+ itemButtonIconFgActive: gray[700]
466
578
  };
467
579
  var sliderColors = {
468
- handleBorder: colors.brand[600],
580
+ handleBorder: violet[600],
469
581
  handleBg: colors.base.white
470
582
  };
471
583
  var toggleColors = {
472
- buttonFgDisabled: colors.gray[50]
584
+ buttonFgDisabled: gray[50]
473
585
  };
474
586
  var chartColors = {
475
- axisFg: colors.gray[100],
476
- gridlineFg: colors.gray[100],
477
- labelFg: colors.gray[600],
478
- labelFgEmphasis: colors.gray[700],
587
+ axisFg: gray[100],
588
+ gridlineFg: gray[100],
589
+ labelFg: gray[600],
590
+ labelFgEmphasis: gray[700],
479
591
  bg: colors.base.white,
480
- bgAlt: colors.gray[50],
481
- tooltipBg: colors.gray[950],
592
+ bgAlt: gray[50],
593
+ tooltipBg: gray[950],
482
594
  tooltipFg: colors.base.white,
483
- crosshairFg: colors.gray[500],
595
+ crosshairFg: gray[500],
484
596
  legendFg: text.tertiary,
485
597
  series: [
486
- { fg: colors.violet[500], fgHover: colors.violet[600], bg: colors.violet[100], bgHover: colors.violet[200] },
487
- { fg: colors.orangeDark[400], fgHover: colors.orangeDark[500], bg: colors.orangeDark[100], bgHover: colors.orangeDark[200] },
488
- { fg: colors.teal[300], fgHover: colors.teal[400], bg: colors.teal[50], bgHover: colors.teal[100] },
598
+ { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
599
+ { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
600
+ { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
489
601
  { fg: colors.warning[400], fgHover: colors.warning[500], bg: colors.warning[100], bgHover: colors.warning[200] },
490
- { fg: colors.rose[400], fgHover: colors.rose[500], bg: colors.rose[100], bgHover: colors.rose[200] },
491
- { fg: colors.blueLight[400], fgHover: colors.blueLight[500], bg: colors.blueLight[100], bgHover: colors.blueLight[200] },
492
- { fg: colors.orange[300], fgHover: colors.orange[400], bg: colors.orange[100], bgHover: colors.orange[200] },
493
- { fg: colors.cyan[600], fgHover: colors.cyan[700], bg: colors.cyan[100], bgHover: colors.cyan[200] },
494
- { fg: colors.green[500], fgHover: colors.green[600], bg: colors.green[100], bgHover: colors.green[200] },
495
- { fg: colors.pink[400], fgHover: colors.pink[500], bg: colors.pink[100], bgHover: colors.pink[200] },
496
- { fg: colors.fuchsia[400], fgHover: colors.fuchsia[500], bg: colors.fuchsia[100], bgHover: colors.fuchsia[200] },
497
- { fg: colors.teal[600], fgHover: colors.teal[700], bg: colors.teal[100], bgHover: colors.teal[200] }
602
+ { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
603
+ { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
604
+ { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
605
+ { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
606
+ { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
607
+ { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
608
+ { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
609
+ { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
498
610
  ]
499
611
  };
500
612
  var alpha = {
@@ -530,16 +642,16 @@ function buildPalette(tokens) {
530
642
  const { colors: colors5, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
531
643
  return {
532
644
  primary: {
533
- main: colors5.brand[600],
534
- light: colors5.brand[400],
535
- dark: colors5.brand[700],
536
- contrastText: colors5.base.white
645
+ main: violet[600],
646
+ light: violet[400],
647
+ dark: violet[700],
648
+ contrastText: tokens.colors.base.white
537
649
  },
538
650
  secondary: {
539
- main: colors5.gray[600],
540
- light: colors5.gray[400],
541
- dark: colors5.gray[700],
542
- contrastText: colors5.base.white
651
+ main: gray[600],
652
+ light: gray[400],
653
+ dark: gray[700],
654
+ contrastText: tokens.colors.base.white
543
655
  },
544
656
  error: {
545
657
  main: colors5.error[600],
@@ -560,10 +672,10 @@ function buildPalette(tokens) {
560
672
  contrastText: colors5.base.white
561
673
  },
562
674
  info: {
563
- main: colors5.blue[600],
564
- light: colors5.blue[300],
565
- dark: colors5.blue[700],
566
- contrastText: colors5.base.white
675
+ main: tokens.colors.info[600],
676
+ light: tokens.colors.info[300],
677
+ dark: tokens.colors.info[700],
678
+ contrastText: tokens.colors.base.white
567
679
  },
568
680
  background: {
569
681
  default: bg5.primary,
@@ -1034,7 +1146,7 @@ function buildComponents(tokens) {
1034
1146
  color: fg5.brandPrimary
1035
1147
  },
1036
1148
  "&.Mui-checked:hover": {
1037
- color: colors5.brand[700]
1149
+ color: violet[700]
1038
1150
  },
1039
1151
  "&.Mui-focusVisible": {
1040
1152
  outline: "none",
@@ -1064,7 +1176,7 @@ function buildComponents(tokens) {
1064
1176
  color: fg5.brandPrimary
1065
1177
  },
1066
1178
  "&.Mui-checked:hover": {
1067
- color: colors5.brand[700]
1179
+ color: violet[700]
1068
1180
  },
1069
1181
  "&.Mui-focusVisible": {
1070
1182
  outline: "none",
@@ -1099,7 +1211,7 @@ function buildComponents(tokens) {
1099
1211
  }
1100
1212
  },
1101
1213
  "&.Mui-checked:hover + .MuiSwitch-track": {
1102
- backgroundColor: colors5.brand[700]
1214
+ backgroundColor: violet[700]
1103
1215
  },
1104
1216
  "&.Mui-focusVisible .MuiSwitch-thumb": {
1105
1217
  boxShadow: focusRings5.brand
@@ -1370,23 +1482,23 @@ function buildComponents(tokens) {
1370
1482
  },
1371
1483
  colorDefault: {
1372
1484
  "&.MuiChip-filled": {
1373
- backgroundColor: colors5.gray[50],
1374
- color: colors5.gray[700],
1375
- "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
1485
+ backgroundColor: gray[50],
1486
+ color: gray[700],
1487
+ "& .MuiChip-deleteIcon": { color: gray[400] }
1376
1488
  }
1377
1489
  },
1378
1490
  colorPrimary: {
1379
1491
  "&.MuiChip-filled": {
1380
- backgroundColor: colors5.brand[50],
1381
- color: colors5.brand[700],
1382
- "& .MuiChip-deleteIcon": { color: colors5.brand[400] }
1492
+ backgroundColor: violet[50],
1493
+ color: violet[700],
1494
+ "& .MuiChip-deleteIcon": { color: violet[400] }
1383
1495
  }
1384
1496
  },
1385
1497
  colorSecondary: {
1386
1498
  "&.MuiChip-filled": {
1387
- backgroundColor: colors5.gray[50],
1388
- color: colors5.gray[700],
1389
- "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
1499
+ backgroundColor: gray[50],
1500
+ color: gray[700],
1501
+ "& .MuiChip-deleteIcon": { color: gray[400] }
1390
1502
  }
1391
1503
  },
1392
1504
  colorError: {
@@ -1412,9 +1524,9 @@ function buildComponents(tokens) {
1412
1524
  },
1413
1525
  colorInfo: {
1414
1526
  "&.MuiChip-filled": {
1415
- backgroundColor: colors5.blue[50],
1416
- color: colors5.blue[700],
1417
- "& .MuiChip-deleteIcon": { color: colors5.blue[400] }
1527
+ backgroundColor: info[50],
1528
+ color: info[700],
1529
+ "& .MuiChip-deleteIcon": { color: info[400] }
1418
1530
  }
1419
1531
  }
1420
1532
  }
@@ -1642,11 +1754,11 @@ function buildComponents(tokens) {
1642
1754
  }
1643
1755
  },
1644
1756
  standardInfo: {
1645
- backgroundColor: colors5.blue[50],
1646
- color: colors5.blue[700],
1647
- border: `1px solid ${colors5.blue[300]}`,
1757
+ backgroundColor: info[50],
1758
+ color: info[700],
1759
+ border: `1px solid ${info[300]}`,
1648
1760
  "& .MuiAlert-icon": {
1649
- color: colors5.blue[600]
1761
+ color: info[600]
1650
1762
  }
1651
1763
  },
1652
1764
  icon: {
@@ -1879,20 +1991,20 @@ function buildTheme(tokens) {
1879
1991
  // src/theme/presets/forest-external.ts
1880
1992
  var colors2 = {
1881
1993
  ...colors,
1882
- /** Brand scale — black-based for primary actions */
1994
+ /** Brand scale — purple for client-facing products (#9D5FFF) */
1883
1995
  brand: {
1884
- 25: "#fafafa",
1885
- 50: "#f5f5f5",
1886
- 100: "#ebebeb",
1887
- 200: "#d6d6d6",
1888
- 300: "#b0b0b0",
1889
- 400: "#737373",
1890
- 500: "#404040",
1891
- 600: "#1a1a1a",
1892
- 700: "#0d0d0d",
1893
- 800: "#050505",
1894
- 900: "#000000",
1895
- 950: "#000000"
1996
+ 25: "#faf8ff",
1997
+ 50: "#f5f0ff",
1998
+ 100: "#ebe0ff",
1999
+ 200: "#d6c0ff",
2000
+ 300: "#b090ff",
2001
+ 400: "#9D5FFF",
2002
+ 500: "#7c4de6",
2003
+ 600: "#5b3acc",
2004
+ 700: "#3a1aad",
2005
+ 800: "#190a8a",
2006
+ 900: "#000066",
2007
+ 950: "#000033"
1896
2008
  },
1897
2009
  /** Warm-neutral gray scale */
1898
2010
  gray: {
@@ -2128,18 +2240,18 @@ var chartColors2 = {
2128
2240
  crosshairFg: colors2.gray[500],
2129
2241
  legendFg: text2.tertiary,
2130
2242
  series: [
2131
- { fg: colors2.violet[500], fgHover: colors2.violet[600], bg: colors2.violet[100], bgHover: colors2.violet[200] },
2132
- { fg: colors2.orangeDark[400], fgHover: colors2.orangeDark[500], bg: colors2.orangeDark[100], bgHover: colors2.orangeDark[200] },
2133
- { fg: colors2.teal[300], fgHover: colors2.teal[400], bg: colors2.teal[50], bgHover: colors2.teal[100] },
2243
+ { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
2244
+ { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
2245
+ { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
2134
2246
  { fg: colors2.warning[400], fgHover: colors2.warning[500], bg: colors2.warning[100], bgHover: colors2.warning[200] },
2135
- { fg: colors2.rose[400], fgHover: colors2.rose[500], bg: colors2.rose[100], bgHover: colors2.rose[200] },
2136
- { fg: colors2.blueLight[400], fgHover: colors2.blueLight[500], bg: colors2.blueLight[100], bgHover: colors2.blueLight[200] },
2137
- { fg: colors2.orange[300], fgHover: colors2.orange[400], bg: colors2.orange[100], bgHover: colors2.orange[200] },
2138
- { fg: colors2.cyan[600], fgHover: colors2.cyan[700], bg: colors2.cyan[100], bgHover: colors2.cyan[200] },
2139
- { fg: colors2.green[500], fgHover: colors2.green[600], bg: colors2.green[100], bgHover: colors2.green[200] },
2140
- { fg: colors2.pink[400], fgHover: colors2.pink[500], bg: colors2.pink[100], bgHover: colors2.pink[200] },
2141
- { fg: colors2.fuchsia[400], fgHover: colors2.fuchsia[500], bg: colors2.fuchsia[100], bgHover: colors2.fuchsia[200] },
2142
- { fg: colors2.teal[600], fgHover: colors2.teal[700], bg: colors2.teal[100], bgHover: colors2.teal[200] }
2247
+ { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
2248
+ { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
2249
+ { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
2250
+ { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
2251
+ { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
2252
+ { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
2253
+ { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
2254
+ { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
2143
2255
  ]
2144
2256
  };
2145
2257
  var focusRings2 = {
@@ -2206,6 +2318,21 @@ var colors3 = {
2206
2318
  900: "#000000",
2207
2319
  950: "#000000"
2208
2320
  },
2321
+ /** Accent color — red/orange sparingly used (#FF2821) */
2322
+ accent: {
2323
+ 25: "#fff8f7",
2324
+ 50: "#fff0ee",
2325
+ 100: "#ffe0dd",
2326
+ 200: "#ffc0bb",
2327
+ 300: "#ff9090",
2328
+ 400: "#FF2821",
2329
+ 500: "#e61a1a",
2330
+ 600: "#cc1010",
2331
+ 700: "#a30808",
2332
+ 800: "#7a0000",
2333
+ 900: "#520000",
2334
+ 950: "#290000"
2335
+ },
2209
2336
  /** Warm-neutral gray scale */
2210
2337
  gray: {
2211
2338
  25: "#fdfcfc",
@@ -2440,18 +2567,18 @@ var chartColors3 = {
2440
2567
  crosshairFg: colors3.gray[500],
2441
2568
  legendFg: text3.tertiary,
2442
2569
  series: [
2443
- { fg: colors3.violet[500], fgHover: colors3.violet[600], bg: colors3.violet[100], bgHover: colors3.violet[200] },
2444
- { fg: colors3.orangeDark[400], fgHover: colors3.orangeDark[500], bg: colors3.orangeDark[100], bgHover: colors3.orangeDark[200] },
2445
- { fg: colors3.teal[300], fgHover: colors3.teal[400], bg: colors3.teal[50], bgHover: colors3.teal[100] },
2570
+ { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
2571
+ { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
2572
+ { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
2446
2573
  { fg: colors3.warning[400], fgHover: colors3.warning[500], bg: colors3.warning[100], bgHover: colors3.warning[200] },
2447
- { fg: colors3.rose[400], fgHover: colors3.rose[500], bg: colors3.rose[100], bgHover: colors3.rose[200] },
2448
- { fg: colors3.blueLight[400], fgHover: colors3.blueLight[500], bg: colors3.blueLight[100], bgHover: colors3.blueLight[200] },
2449
- { fg: colors3.orange[300], fgHover: colors3.orange[400], bg: colors3.orange[100], bgHover: colors3.orange[200] },
2450
- { fg: colors3.cyan[600], fgHover: colors3.cyan[700], bg: colors3.cyan[100], bgHover: colors3.cyan[200] },
2451
- { fg: colors3.green[500], fgHover: colors3.green[600], bg: colors3.green[100], bgHover: colors3.green[200] },
2452
- { fg: colors3.pink[400], fgHover: colors3.pink[500], bg: colors3.pink[100], bgHover: colors3.pink[200] },
2453
- { fg: colors3.fuchsia[400], fgHover: colors3.fuchsia[500], bg: colors3.fuchsia[100], bgHover: colors3.fuchsia[200] },
2454
- { fg: colors3.teal[600], fgHover: colors3.teal[700], bg: colors3.teal[100], bgHover: colors3.teal[200] }
2574
+ { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
2575
+ { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
2576
+ { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
2577
+ { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
2578
+ { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
2579
+ { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
2580
+ { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
2581
+ { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
2455
2582
  ]
2456
2583
  };
2457
2584
  var focusRings3 = {
@@ -2503,20 +2630,20 @@ var forestAgencyPreset = {
2503
2630
  // src/theme/presets/forest-internal.ts
2504
2631
  var colors4 = {
2505
2632
  ...colors,
2506
- /** Brand scale — black-based for primary actions */
2633
+ /** Brand scale — pink/magenta for internal tools (#FF78F3) */
2507
2634
  brand: {
2508
- 25: "#fafafa",
2509
- 50: "#f5f5f5",
2510
- 100: "#ebebeb",
2511
- 200: "#d6d6d6",
2512
- 300: "#b0b0b0",
2513
- 400: "#737373",
2514
- 500: "#404040",
2515
- 600: "#1a1a1a",
2516
- 700: "#0d0d0d",
2517
- 800: "#050505",
2518
- 900: "#000000",
2519
- 950: "#000000"
2635
+ 25: "#fff8fd",
2636
+ 50: "#fff0fa",
2637
+ 100: "#ffe0f5",
2638
+ 200: "#ffc0eb",
2639
+ 300: "#ff90d8",
2640
+ 400: "#FF78F3",
2641
+ 500: "#e650d4",
2642
+ 600: "#cc28b5",
2643
+ 700: "#a3008c",
2644
+ 800: "#7a0066",
2645
+ 900: "#520044",
2646
+ 950: "#290022"
2520
2647
  },
2521
2648
  /** Warm-neutral gray scale */
2522
2649
  gray: {
@@ -2752,18 +2879,18 @@ var chartColors4 = {
2752
2879
  crosshairFg: colors4.gray[500],
2753
2880
  legendFg: text4.tertiary,
2754
2881
  series: [
2755
- { fg: colors4.violet[500], fgHover: colors4.violet[600], bg: colors4.violet[100], bgHover: colors4.violet[200] },
2756
- { fg: colors4.orangeDark[400], fgHover: colors4.orangeDark[500], bg: colors4.orangeDark[100], bgHover: colors4.orangeDark[200] },
2757
- { fg: colors4.teal[300], fgHover: colors4.teal[400], bg: colors4.teal[50], bgHover: colors4.teal[100] },
2882
+ { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
2883
+ { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
2884
+ { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
2758
2885
  { fg: colors4.warning[400], fgHover: colors4.warning[500], bg: colors4.warning[100], bgHover: colors4.warning[200] },
2759
- { fg: colors4.rose[400], fgHover: colors4.rose[500], bg: colors4.rose[100], bgHover: colors4.rose[200] },
2760
- { fg: colors4.blueLight[400], fgHover: colors4.blueLight[500], bg: colors4.blueLight[100], bgHover: colors4.blueLight[200] },
2761
- { fg: colors4.orange[300], fgHover: colors4.orange[400], bg: colors4.orange[100], bgHover: colors4.orange[200] },
2762
- { fg: colors4.cyan[600], fgHover: colors4.cyan[700], bg: colors4.cyan[100], bgHover: colors4.cyan[200] },
2763
- { fg: colors4.green[500], fgHover: colors4.green[600], bg: colors4.green[100], bgHover: colors4.green[200] },
2764
- { fg: colors4.pink[400], fgHover: colors4.pink[500], bg: colors4.pink[100], bgHover: colors4.pink[200] },
2765
- { fg: colors4.fuchsia[400], fgHover: colors4.fuchsia[500], bg: colors4.fuchsia[100], bgHover: colors4.fuchsia[200] },
2766
- { fg: colors4.teal[600], fgHover: colors4.teal[700], bg: colors4.teal[100], bgHover: colors4.teal[200] }
2886
+ { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
2887
+ { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
2888
+ { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
2889
+ { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
2890
+ { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
2891
+ { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
2892
+ { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
2893
+ { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
2767
2894
  ]
2768
2895
  };
2769
2896
  var focusRings4 = {
@@ -2832,6 +2959,6 @@ var agencyTokens = forestAgencyPreset.variants.light.tokens;
2832
2959
  var forestTheme = buildTheme(agencyTokens);
2833
2960
  var forestThemeOptions = buildThemeOptions(agencyTokens);
2834
2961
 
2835
- export { alpha, avatarColors, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, colors, components, container, display, fg, focusRings, fontFamily, fontSize, fontWeight, forestAgencyPreset, forestExternalPreset, forestInternalPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, lineHeight, navColors, palette, radius, registerPreset, shadows, shadows2, sliderColors, spacing, text, toggleColors, typography, widths };
2836
- //# sourceMappingURL=chunk-EULMNCHH.mjs.map
2837
- //# sourceMappingURL=chunk-EULMNCHH.mjs.map
2962
+ export { alpha, avatarColors, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, colors, components, container, display, fg, focusRings, fontFamily, fontSize, fontWeight, forestAgencyPreset, forestExternalPreset, forestInternalPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, gray, iconColors, info, lineHeight, magenta, misc, navColors, palette, radius, radiusSharp, red, registerPreset, shadows, shadows2, sliderColors, spacing, text, toggleColors, typography, violet, widths };
2963
+ //# sourceMappingURL=chunk-GZ6FQWHG.mjs.map
2964
+ //# sourceMappingURL=chunk-GZ6FQWHG.mjs.map