@matteoaliano/forest-ui 0.4.3 → 0.5.0

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.
@@ -1,6 +1,5 @@
1
- import { createTheme } from '@mui/material/styles';
2
-
3
1
  // src/theme/buildTheme.ts
2
+ import { createTheme } from "@mui/material/styles";
4
3
 
5
4
  // src/theme/tokens.ts
6
5
  var violet = {
@@ -626,7 +625,7 @@ var alpha = {
626
625
  // src/theme/palette.ts
627
626
  function buildPalette(tokens) {
628
627
  var _a;
629
- const { base: base2, error: error2, warning: warning2, success: success2, info: info2, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
628
+ const { base: base2, error: error2, warning: warning2, success: success2, info: info2, text: text6, bg: bg6, fg: fg6, border: border6 } = tokens;
630
629
  return {
631
630
  primary: {
632
631
  main: tokens.bg.brandSolid,
@@ -665,21 +664,21 @@ function buildPalette(tokens) {
665
664
  contrastText: tokens.base.white
666
665
  },
667
666
  background: {
668
- default: bg5.primary,
669
- paper: bg5.secondary
667
+ default: bg6.primary,
668
+ paper: bg6.secondary
670
669
  },
671
670
  text: {
672
- primary: text5.primary,
673
- secondary: text5.secondary,
674
- disabled: text5.disabled
671
+ primary: text6.primary,
672
+ secondary: text6.secondary,
673
+ disabled: text6.disabled
675
674
  },
676
- divider: border5.secondary,
675
+ divider: border6.secondary,
677
676
  action: {
678
- active: fg5.tertiary,
679
- hover: bg5.primaryHover,
680
- selected: bg5.brandPrimary,
681
- disabled: fg5.disabled,
682
- disabledBackground: bg5.disabled
677
+ active: fg6.tertiary,
678
+ hover: bg6.primaryHover,
679
+ selected: bg6.brandPrimary,
680
+ disabled: fg6.disabled,
681
+ disabledBackground: bg6.disabled
683
682
  },
684
683
  chart: (_a = tokens.chartColors) != null ? _a : chartColors
685
684
  };
@@ -833,15 +832,17 @@ function buildComponents(tokens) {
833
832
  warning: warning2,
834
833
  success: success2,
835
834
  info: info2,
836
- radius: radius5,
837
- focusRings: focusRings5,
835
+ radius: radius6,
836
+ focusRings: focusRings6,
838
837
  shadows: tokenShadows,
839
- text: text5,
840
- bg: bg5,
841
- fg: fg5,
842
- border: border5,
843
- buttonColors: buttonColors5,
844
- sliderColors: sliderColors5
838
+ text: text6,
839
+ bg: bg6,
840
+ fg: fg6,
841
+ border: border6,
842
+ buttonColors: buttonColors6,
843
+ sliderColors: sliderColors6,
844
+ avatarColors: avatarColors6,
845
+ breadcrumbColors: breadcrumbColors6
845
846
  } = tokens;
846
847
  return {
847
848
  // ─── Button ─────────────────────────────────────────────────────
@@ -851,7 +852,7 @@ function buildComponents(tokens) {
851
852
  },
852
853
  styleOverrides: {
853
854
  root: {
854
- borderRadius: radius5.md,
855
+ borderRadius: radius6.md,
855
856
  fontWeight: 600,
856
857
  boxShadow: tokenShadows.xs,
857
858
  height: 32,
@@ -859,39 +860,39 @@ function buildComponents(tokens) {
859
860
  fontSize: 14,
860
861
  lineHeight: "20px",
861
862
  "&:focus-visible": {
862
- boxShadow: focusRings5.brandShadowXs
863
+ boxShadow: focusRings6.brandShadowXs
863
864
  }
864
865
  },
865
866
  containedPrimary: {
866
- backgroundColor: buttonColors5.primary.bg,
867
+ backgroundColor: buttonColors6.primary.bg,
867
868
  "&:hover": {
868
- backgroundColor: buttonColors5.primary.bgHover
869
+ backgroundColor: buttonColors6.primary.bgHover
869
870
  }
870
871
  },
871
872
  outlinedPrimary: {
872
- borderColor: buttonColors5.secondaryColor.border,
873
- color: buttonColors5.secondaryColor.fg,
873
+ borderColor: buttonColors6.secondaryColor.border,
874
+ color: buttonColors6.secondaryColor.fg,
874
875
  "&:hover": {
875
- backgroundColor: buttonColors5.secondaryColor.bgHover,
876
- borderColor: buttonColors5.secondaryColor.borderHover
876
+ backgroundColor: buttonColors6.secondaryColor.bgHover,
877
+ borderColor: buttonColors6.secondaryColor.borderHover
877
878
  }
878
879
  },
879
880
  containedSecondary: {
880
- backgroundColor: buttonColors5.secondary.bg,
881
- color: buttonColors5.secondary.fg,
882
- border: `1px solid ${buttonColors5.secondary.border}`,
881
+ backgroundColor: buttonColors6.secondary.bg,
882
+ color: buttonColors6.secondary.fg,
883
+ border: `1px solid ${buttonColors6.secondary.border}`,
883
884
  "&:hover": {
884
- backgroundColor: buttonColors5.secondary.bgHover,
885
- borderColor: buttonColors5.secondary.borderHover
885
+ backgroundColor: buttonColors6.secondary.bgHover,
886
+ borderColor: buttonColors6.secondary.borderHover
886
887
  }
887
888
  },
888
889
  text: {
889
890
  boxShadow: "none"
890
891
  },
891
892
  textPrimary: {
892
- color: buttonColors5.tertiaryColor.fg,
893
+ color: buttonColors6.tertiaryColor.fg,
893
894
  "&:hover": {
894
- backgroundColor: buttonColors5.tertiaryColor.bgHover
895
+ backgroundColor: buttonColors6.tertiaryColor.bgHover
895
896
  }
896
897
  }
897
898
  }
@@ -903,11 +904,11 @@ function buildComponents(tokens) {
903
904
  },
904
905
  styleOverrides: {
905
906
  root: {
906
- borderRadius: radius5.md
907
+ borderRadius: radius6.md
907
908
  },
908
909
  grouped: {
909
910
  "&:not(:last-of-type)": {
910
- borderRight: `1px solid ${buttonColors5.primary.borderHover}`
911
+ borderRight: `1px solid ${buttonColors6.primary.borderHover}`
911
912
  }
912
913
  }
913
914
  }
@@ -916,7 +917,7 @@ function buildComponents(tokens) {
916
917
  MuiIconButton: {
917
918
  styleOverrides: {
918
919
  root: {
919
- borderRadius: radius5.md,
920
+ borderRadius: radius6.md,
920
921
  padding: 6,
921
922
  "& .MuiSvgIcon-root": {
922
923
  fontSize: 20
@@ -933,13 +934,13 @@ function buildComponents(tokens) {
933
934
  boxShadow: tokenShadows.lg
934
935
  },
935
936
  "&:focus-visible": {
936
- boxShadow: focusRings5.brandShadowSm
937
+ boxShadow: focusRings6.brandShadowSm
937
938
  }
938
939
  },
939
940
  primary: {
940
- backgroundColor: buttonColors5.primary.bg,
941
+ backgroundColor: buttonColors6.primary.bg,
941
942
  "&:hover": {
942
- backgroundColor: buttonColors5.primary.bgHover
943
+ backgroundColor: buttonColors6.primary.bgHover
943
944
  }
944
945
  }
945
946
  }
@@ -963,8 +964,8 @@ function buildComponents(tokens) {
963
964
  styleOverrides: {
964
965
  input: {
965
966
  "&::placeholder": {
966
- color: text5.placeholder,
967
- WebkitTextFillColor: text5.placeholder,
967
+ color: text6.placeholder,
968
+ WebkitTextFillColor: text6.placeholder,
968
969
  fontWeight: 400,
969
970
  opacity: 1
970
971
  }
@@ -974,33 +975,33 @@ function buildComponents(tokens) {
974
975
  MuiOutlinedInput: {
975
976
  styleOverrides: {
976
977
  root: {
977
- borderRadius: radius5.md,
978
+ borderRadius: radius6.md,
978
979
  boxShadow: tokenShadows.xs,
979
980
  "&&:hover:not(.Mui-focused):not(.Mui-disabled) .MuiOutlinedInput-notchedOutline": {
980
- borderColor: border5.brand
981
+ borderColor: border6.brand
981
982
  },
982
983
  "&&.Mui-focused .MuiOutlinedInput-notchedOutline": {
983
- borderColor: border5.brandSolid,
984
+ borderColor: border6.brandSolid,
984
985
  borderWidth: 1,
985
986
  boxShadow: "none"
986
987
  },
987
988
  "&&.Mui-error:not(.Mui-focused) .MuiOutlinedInput-notchedOutline": {
988
- borderColor: border5.error
989
+ borderColor: border6.error
989
990
  },
990
991
  "&&.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline": {
991
- borderColor: border5.errorSolid,
992
+ borderColor: border6.errorSolid,
992
993
  boxShadow: "none"
993
994
  },
994
995
  "& .MuiInputAdornment-root .MuiIconButton-root": {
995
- color: fg5.quaternary,
996
+ color: fg6.quaternary,
996
997
  "&:hover": {
997
- backgroundColor: bg5.primaryHover,
998
- color: fg5.brandPrimary
998
+ backgroundColor: bg6.primaryHover,
999
+ color: fg6.brandPrimary
999
1000
  }
1000
1001
  }
1001
1002
  },
1002
1003
  notchedOutline: {
1003
- borderColor: border5.primary
1004
+ borderColor: border6.primary
1004
1005
  },
1005
1006
  input: {
1006
1007
  padding: "6px 12px",
@@ -1012,12 +1013,12 @@ function buildComponents(tokens) {
1012
1013
  MuiFormLabel: {
1013
1014
  styleOverrides: {
1014
1015
  root: {
1015
- color: text5.placeholder,
1016
+ color: text6.placeholder,
1016
1017
  "&.Mui-focused": {
1017
- color: text5.placeholder
1018
+ color: text6.placeholder
1018
1019
  },
1019
1020
  "&.Mui-error": {
1020
- color: text5.errorPrimary
1021
+ color: text6.errorPrimary
1021
1022
  }
1022
1023
  }
1023
1024
  }
@@ -1027,12 +1028,12 @@ function buildComponents(tokens) {
1027
1028
  root: {
1028
1029
  fontSize: 14,
1029
1030
  fontWeight: 500,
1030
- color: text5.placeholder,
1031
+ color: text6.placeholder,
1031
1032
  "&.Mui-focused": {
1032
- color: text5.placeholder
1033
+ color: text6.placeholder
1033
1034
  },
1034
1035
  "&.Mui-error": {
1035
- color: text5.errorPrimary
1036
+ color: text6.errorPrimary
1036
1037
  }
1037
1038
  },
1038
1039
  outlined: {
@@ -1051,7 +1052,7 @@ function buildComponents(tokens) {
1051
1052
  marginTop: 6,
1052
1053
  marginLeft: 0,
1053
1054
  "&.Mui-error": {
1054
- color: text5.errorPrimary
1055
+ color: text6.errorPrimary
1055
1056
  }
1056
1057
  }
1057
1058
  }
@@ -1081,7 +1082,7 @@ function buildComponents(tokens) {
1081
1082
  }
1082
1083
  },
1083
1084
  icon: {
1084
- color: text5.placeholder,
1085
+ color: text6.placeholder,
1085
1086
  right: 8
1086
1087
  }
1087
1088
  }
@@ -1089,11 +1090,11 @@ function buildComponents(tokens) {
1089
1090
  MuiMenuItem: {
1090
1091
  styleOverrides: {
1091
1092
  root: {
1092
- borderRadius: radius5.md,
1093
+ borderRadius: radius6.md,
1093
1094
  padding: "6px 8px",
1094
1095
  gap: 4,
1095
1096
  "&:hover": {
1096
- backgroundColor: bg5.primaryHover
1097
+ backgroundColor: bg6.primaryHover
1097
1098
  }
1098
1099
  }
1099
1100
  }
@@ -1102,9 +1103,9 @@ function buildComponents(tokens) {
1102
1103
  MuiAutocomplete: {
1103
1104
  styleOverrides: {
1104
1105
  paper: {
1105
- borderRadius: radius5.md,
1106
+ borderRadius: radius6.md,
1106
1107
  boxShadow: tokenShadows.lg,
1107
- border: `1px solid ${border5.secondary}`,
1108
+ border: `1px solid ${border6.secondary}`,
1108
1109
  marginTop: 4
1109
1110
  },
1110
1111
  inputRoot: {
@@ -1121,10 +1122,10 @@ function buildComponents(tokens) {
1121
1122
  lineHeight: "20px",
1122
1123
  padding: "6px 12px",
1123
1124
  "&.Mui-focused": {
1124
- backgroundColor: bg5.primaryHover
1125
+ backgroundColor: bg6.primaryHover
1125
1126
  },
1126
1127
  '&[aria-selected="true"]': {
1127
- backgroundColor: bg5.brandPrimary
1128
+ backgroundColor: bg6.brandPrimary
1128
1129
  }
1129
1130
  },
1130
1131
  listbox: {
@@ -1139,28 +1140,28 @@ function buildComponents(tokens) {
1139
1140
  },
1140
1141
  styleOverrides: {
1141
1142
  root: {
1142
- color: border5.primary,
1143
- borderRadius: radius5.xs,
1143
+ color: border6.primary,
1144
+ borderRadius: radius6.xs,
1144
1145
  padding: 0,
1145
1146
  width: 20,
1146
1147
  height: 20,
1147
1148
  "&:hover": {
1148
1149
  backgroundColor: "transparent",
1149
- color: fg5.brandPrimary
1150
+ color: fg6.brandPrimary
1150
1151
  },
1151
1152
  "&.Mui-checked": {
1152
- color: fg5.brandPrimary
1153
+ color: fg6.brandPrimary
1153
1154
  },
1154
1155
  "&.Mui-checked:hover": {
1155
- color: buttonColors5.primary.bgHover
1156
+ color: buttonColors6.primary.bgHover
1156
1157
  },
1157
1158
  "&.Mui-focusVisible": {
1158
1159
  outline: "none",
1159
- boxShadow: focusRings5.brand,
1160
- borderRadius: radius5.xs
1160
+ boxShadow: focusRings6.brand,
1161
+ borderRadius: radius6.xs
1161
1162
  },
1162
1163
  "&.Mui-disabled": {
1163
- color: border5.primary
1164
+ color: border6.primary
1164
1165
  }
1165
1166
  }
1166
1167
  }
@@ -1172,25 +1173,25 @@ function buildComponents(tokens) {
1172
1173
  },
1173
1174
  styleOverrides: {
1174
1175
  root: {
1175
- color: border5.primary,
1176
+ color: border6.primary,
1176
1177
  padding: 0,
1177
1178
  "&:hover": {
1178
1179
  backgroundColor: "transparent",
1179
- color: fg5.brandPrimary
1180
+ color: fg6.brandPrimary
1180
1181
  },
1181
1182
  "&.Mui-checked": {
1182
- color: fg5.brandPrimary
1183
+ color: fg6.brandPrimary
1183
1184
  },
1184
1185
  "&.Mui-checked:hover": {
1185
- color: buttonColors5.primary.bgHover
1186
+ color: buttonColors6.primary.bgHover
1186
1187
  },
1187
1188
  "&.Mui-focusVisible": {
1188
1189
  outline: "none",
1189
- boxShadow: focusRings5.brand,
1190
- borderRadius: radius5.full
1190
+ boxShadow: focusRings6.brand,
1191
+ borderRadius: radius6.full
1191
1192
  },
1192
1193
  "&.Mui-disabled": {
1193
- color: border5.primary
1194
+ color: border6.primary
1194
1195
  }
1195
1196
  }
1196
1197
  }
@@ -1210,20 +1211,20 @@ function buildComponents(tokens) {
1210
1211
  padding: 2,
1211
1212
  "&.Mui-checked": {
1212
1213
  transform: "translateX(20px)",
1213
- color: fg5.white,
1214
+ color: fg6.white,
1214
1215
  "& + .MuiSwitch-track": {
1215
- backgroundColor: fg5.brandPrimary,
1216
+ backgroundColor: fg6.brandPrimary,
1216
1217
  opacity: 1
1217
1218
  }
1218
1219
  },
1219
1220
  "&.Mui-checked:hover + .MuiSwitch-track": {
1220
- backgroundColor: buttonColors5.primary.bgHover
1221
+ backgroundColor: buttonColors6.primary.bgHover
1221
1222
  },
1222
1223
  "&.Mui-focusVisible .MuiSwitch-thumb": {
1223
- boxShadow: focusRings5.brand
1224
+ boxShadow: focusRings6.brand
1224
1225
  },
1225
1226
  "&.Mui-disabled .MuiSwitch-thumb": {
1226
- color: bg5.disabled
1227
+ color: bg6.disabled
1227
1228
  },
1228
1229
  "&.Mui-disabled + .MuiSwitch-track": {
1229
1230
  opacity: 0.5
@@ -1235,8 +1236,8 @@ function buildComponents(tokens) {
1235
1236
  boxShadow: "0px 1px 2px 0px #1018280d"
1236
1237
  },
1237
1238
  track: {
1238
- borderRadius: radius5.full,
1239
- backgroundColor: border5.secondary,
1239
+ borderRadius: radius6.full,
1240
+ backgroundColor: border6.secondary,
1240
1241
  opacity: 1
1241
1242
  }
1242
1243
  }
@@ -1245,8 +1246,8 @@ function buildComponents(tokens) {
1245
1246
  MuiToggleButton: {
1246
1247
  styleOverrides: {
1247
1248
  root: {
1248
- borderColor: border5.primary,
1249
- color: text5.secondary,
1249
+ borderColor: border6.primary,
1250
+ color: text6.secondary,
1250
1251
  fontSize: 14,
1251
1252
  fontWeight: 600,
1252
1253
  lineHeight: "20px",
@@ -1254,19 +1255,19 @@ function buildComponents(tokens) {
1254
1255
  padding: "6px 12px",
1255
1256
  textTransform: "none",
1256
1257
  "&:hover": {
1257
- backgroundColor: bg5.primaryHover,
1258
- borderColor: border5.primary
1258
+ backgroundColor: bg6.primaryHover,
1259
+ borderColor: border6.primary
1259
1260
  },
1260
1261
  "&.Mui-selected": {
1261
- backgroundColor: bg5.brandPrimary,
1262
- color: buttonColors5.secondaryColor.fg,
1263
- borderColor: border5.brandSolid,
1262
+ backgroundColor: bg6.brandPrimary,
1263
+ color: buttonColors6.secondaryColor.fg,
1264
+ borderColor: border6.brandSolid,
1264
1265
  "&:hover": {
1265
- backgroundColor: bg5.brandSecondary
1266
+ backgroundColor: bg6.brandSecondary
1266
1267
  }
1267
1268
  },
1268
1269
  "&:focus-visible": {
1269
- boxShadow: focusRings5.brandShadowXs
1270
+ boxShadow: focusRings6.brandShadowXs
1270
1271
  }
1271
1272
  }
1272
1273
  }
@@ -1274,7 +1275,7 @@ function buildComponents(tokens) {
1274
1275
  MuiToggleButtonGroup: {
1275
1276
  styleOverrides: {
1276
1277
  root: {
1277
- borderRadius: radius5.md,
1278
+ borderRadius: radius6.md,
1278
1279
  overflow: "hidden"
1279
1280
  },
1280
1281
  grouped: {
@@ -1283,12 +1284,12 @@ function buildComponents(tokens) {
1283
1284
  marginLeft: -1
1284
1285
  },
1285
1286
  "&:first-of-type": {
1286
- borderTopLeftRadius: radius5.md,
1287
- borderBottomLeftRadius: radius5.md
1287
+ borderTopLeftRadius: radius6.md,
1288
+ borderBottomLeftRadius: radius6.md
1288
1289
  },
1289
1290
  "&:last-of-type": {
1290
- borderTopRightRadius: radius5.md,
1291
- borderBottomRightRadius: radius5.md
1291
+ borderTopRightRadius: radius6.md,
1292
+ borderBottomRightRadius: radius6.md
1292
1293
  }
1293
1294
  }
1294
1295
  }
@@ -1297,8 +1298,8 @@ function buildComponents(tokens) {
1297
1298
  MuiDrawer: {
1298
1299
  styleOverrides: {
1299
1300
  paper: {
1300
- backgroundColor: bg5.primary,
1301
- borderRight: `1px solid ${border5.secondary}`
1301
+ backgroundColor: bg6.primary,
1302
+ borderRight: `1px solid ${border6.secondary}`
1302
1303
  }
1303
1304
  }
1304
1305
  },
@@ -1309,9 +1310,9 @@ function buildComponents(tokens) {
1309
1310
  },
1310
1311
  styleOverrides: {
1311
1312
  root: {
1312
- borderRadius: radius5.xl,
1313
- border: `1px solid ${border5.secondary}`,
1314
- backgroundColor: bg5.primary,
1313
+ borderRadius: radius6.xl,
1314
+ border: `1px solid ${border6.secondary}`,
1315
+ backgroundColor: bg6.primary,
1315
1316
  boxShadow: tokenShadows.xs,
1316
1317
  overflow: "hidden"
1317
1318
  }
@@ -1358,35 +1359,35 @@ function buildComponents(tokens) {
1358
1359
  backgroundImage: "none"
1359
1360
  },
1360
1361
  rounded: {
1361
- borderRadius: radius5.lg
1362
+ borderRadius: radius6.lg
1362
1363
  },
1363
1364
  elevation1: {
1364
1365
  boxShadow: tokenShadows.xs,
1365
- border: `1px solid ${border5.secondary}`
1366
+ border: `1px solid ${border6.secondary}`
1366
1367
  },
1367
1368
  elevation2: {
1368
1369
  boxShadow: tokenShadows.sm,
1369
- border: `1px solid ${border5.secondary}`
1370
+ border: `1px solid ${border6.secondary}`
1370
1371
  },
1371
1372
  elevation3: {
1372
1373
  boxShadow: tokenShadows.md,
1373
- border: `1px solid ${border5.secondary}`
1374
+ border: `1px solid ${border6.secondary}`
1374
1375
  },
1375
1376
  elevation4: {
1376
1377
  boxShadow: tokenShadows.lg,
1377
- border: `1px solid ${border5.secondary}`
1378
+ border: `1px solid ${border6.secondary}`
1378
1379
  },
1379
1380
  elevation8: {
1380
1381
  boxShadow: tokenShadows.xl,
1381
- border: `1px solid ${border5.secondary}`
1382
+ border: `1px solid ${border6.secondary}`
1382
1383
  },
1383
1384
  elevation16: {
1384
1385
  boxShadow: tokenShadows["2xl"],
1385
- border: `1px solid ${border5.secondary}`
1386
+ border: `1px solid ${border6.secondary}`
1386
1387
  },
1387
1388
  elevation24: {
1388
1389
  boxShadow: tokenShadows["3xl"],
1389
- border: `1px solid ${border5.secondary}`
1390
+ border: `1px solid ${border6.secondary}`
1390
1391
  }
1391
1392
  }
1392
1393
  },
@@ -1398,8 +1399,8 @@ function buildComponents(tokens) {
1398
1399
  },
1399
1400
  styleOverrides: {
1400
1401
  root: {
1401
- border: `1px solid ${border5.secondary}`,
1402
- borderRadius: radius5.lg,
1402
+ border: `1px solid ${border6.secondary}`,
1403
+ borderRadius: radius6.lg,
1403
1404
  "&:not(:last-child)": {
1404
1405
  marginBottom: 8
1405
1406
  },
@@ -1409,7 +1410,7 @@ function buildComponents(tokens) {
1409
1410
  "&.Mui-expanded": {
1410
1411
  margin: 0,
1411
1412
  marginBottom: 8,
1412
- borderRadius: radius5.lg
1413
+ borderRadius: radius6.lg
1413
1414
  }
1414
1415
  }
1415
1416
  }
@@ -1421,7 +1422,7 @@ function buildComponents(tokens) {
1421
1422
  minHeight: 56,
1422
1423
  "&.Mui-expanded": {
1423
1424
  minHeight: 56,
1424
- borderBottom: `1px solid ${border5.secondary}`
1425
+ borderBottom: `1px solid ${border6.secondary}`
1425
1426
  }
1426
1427
  },
1427
1428
  content: {
@@ -1447,8 +1448,8 @@ function buildComponents(tokens) {
1447
1448
  },
1448
1449
  styleOverrides: {
1449
1450
  root: {
1450
- borderBottom: `1px solid ${border5.secondary}`,
1451
- backgroundColor: bg5.primary
1451
+ borderBottom: `1px solid ${border6.secondary}`,
1452
+ backgroundColor: bg6.primary
1452
1453
  }
1453
1454
  }
1454
1455
  },
@@ -1475,7 +1476,7 @@ function buildComponents(tokens) {
1475
1476
  minHeight: 48
1476
1477
  },
1477
1478
  indicator: {
1478
- backgroundColor: fg5.brandPrimary,
1479
+ backgroundColor: fg6.brandPrimary,
1479
1480
  height: 2
1480
1481
  }
1481
1482
  }
@@ -1490,14 +1491,14 @@ function buildComponents(tokens) {
1490
1491
  fontWeight: 600,
1491
1492
  lineHeight: "20px",
1492
1493
  textTransform: "none",
1493
- color: text5.tertiary,
1494
- borderRadius: `${radius5.md}px ${radius5.md}px 0 0`,
1494
+ color: text6.tertiary,
1495
+ borderRadius: `${radius6.md}px ${radius6.md}px 0 0`,
1495
1496
  "&:hover": {
1496
- backgroundColor: bg5.primaryHover
1497
+ backgroundColor: bg6.primaryHover
1497
1498
  },
1498
1499
  "&.Mui-selected": {
1499
- color: fg5.brandPrimary,
1500
- backgroundColor: bg5.brandPrimary
1500
+ color: fg6.brandPrimary,
1501
+ backgroundColor: bg6.brandPrimary
1501
1502
  }
1502
1503
  }
1503
1504
  }
@@ -1506,7 +1507,7 @@ function buildComponents(tokens) {
1506
1507
  MuiChip: {
1507
1508
  styleOverrides: {
1508
1509
  root: {
1509
- borderRadius: radius5.md
1510
+ borderRadius: radius6.md
1510
1511
  },
1511
1512
  label: {
1512
1513
  fontWeight: 500
@@ -1582,7 +1583,7 @@ function buildComponents(tokens) {
1582
1583
  fontSize: 14,
1583
1584
  lineHeight: "20px",
1584
1585
  fontWeight: 500,
1585
- color: text5.secondary
1586
+ color: text6.secondary
1586
1587
  }
1587
1588
  }
1588
1589
  },
@@ -1598,30 +1599,30 @@ function buildComponents(tokens) {
1598
1599
  MuiTableCell: {
1599
1600
  styleOverrides: {
1600
1601
  root: {
1601
- borderBottom: `1px solid ${border5.secondary}`,
1602
+ borderBottom: `1px solid ${border6.secondary}`,
1602
1603
  padding: "16px 24px",
1603
1604
  fontSize: 14,
1604
1605
  lineHeight: "20px",
1605
- color: fg5.tertiary
1606
+ color: fg6.tertiary
1606
1607
  },
1607
1608
  head: {
1608
- backgroundColor: bg5.secondary,
1609
- color: fg5.tertiary,
1609
+ backgroundColor: bg6.secondary,
1610
+ color: fg6.tertiary,
1610
1611
  fontWeight: 500,
1611
1612
  fontSize: 12,
1612
1613
  lineHeight: "18px"
1613
1614
  },
1614
1615
  body: {
1615
- color: fg5.tertiary
1616
+ color: fg6.tertiary
1616
1617
  }
1617
1618
  }
1618
1619
  },
1619
1620
  MuiTableHead: {
1620
1621
  styleOverrides: {
1621
1622
  root: {
1622
- backgroundColor: bg5.secondary,
1623
+ backgroundColor: bg6.secondary,
1623
1624
  "& .MuiTableRow-root:last-child .MuiTableCell-root": {
1624
- borderBottom: `1px solid ${border5.secondary}`
1625
+ borderBottom: `1px solid ${border6.secondary}`
1625
1626
  }
1626
1627
  }
1627
1628
  }
@@ -1629,17 +1630,17 @@ function buildComponents(tokens) {
1629
1630
  MuiTableRow: {
1630
1631
  styleOverrides: {
1631
1632
  root: {
1632
- backgroundColor: bg5.secondary,
1633
+ backgroundColor: bg6.secondary,
1633
1634
  "&:last-child td, &:last-child th": {
1634
1635
  border: 0
1635
1636
  },
1636
1637
  "&:hover": {
1637
- backgroundColor: bg5.primaryHover
1638
+ backgroundColor: bg6.primaryHover
1638
1639
  },
1639
1640
  "&.Mui-selected": {
1640
- backgroundColor: bg5.brandPrimary,
1641
+ backgroundColor: bg6.brandPrimary,
1641
1642
  "&:hover": {
1642
- backgroundColor: bg5.brandPrimary
1643
+ backgroundColor: bg6.brandPrimary
1643
1644
  }
1644
1645
  }
1645
1646
  }
@@ -1648,8 +1649,8 @@ function buildComponents(tokens) {
1648
1649
  MuiTableContainer: {
1649
1650
  styleOverrides: {
1650
1651
  root: {
1651
- borderRadius: radius5.xl,
1652
- border: `1px solid ${border5.secondary}`,
1652
+ borderRadius: radius6.xl,
1653
+ border: `1px solid ${border6.secondary}`,
1653
1654
  boxShadow: "none"
1654
1655
  }
1655
1656
  }
@@ -1663,24 +1664,24 @@ function buildComponents(tokens) {
1663
1664
  lineHeight: "18px",
1664
1665
  minWidth: 20,
1665
1666
  height: 20,
1666
- borderRadius: radius5.full
1667
+ borderRadius: radius6.full
1667
1668
  },
1668
1669
  colorPrimary: {
1669
- backgroundColor: bg5.brandSolid
1670
+ backgroundColor: bg6.brandSolid
1670
1671
  },
1671
1672
  colorError: {
1672
- backgroundColor: bg5.errorSolid
1673
+ backgroundColor: bg6.errorSolid
1673
1674
  },
1674
1675
  colorSuccess: {
1675
- backgroundColor: bg5.successSolid
1676
+ backgroundColor: bg6.successSolid
1676
1677
  },
1677
1678
  colorWarning: {
1678
- backgroundColor: bg5.warningSolid
1679
+ backgroundColor: bg6.warningSolid
1679
1680
  },
1680
1681
  dot: {
1681
1682
  minWidth: 8,
1682
1683
  height: 8,
1683
- borderRadius: radius5.full
1684
+ borderRadius: radius6.full
1684
1685
  }
1685
1686
  }
1686
1687
  },
@@ -1688,7 +1689,7 @@ function buildComponents(tokens) {
1688
1689
  MuiDivider: {
1689
1690
  styleOverrides: {
1690
1691
  root: {
1691
- borderColor: border5.secondary
1692
+ borderColor: border6.secondary
1692
1693
  }
1693
1694
  }
1694
1695
  },
@@ -1703,16 +1704,16 @@ function buildComponents(tokens) {
1703
1704
  MuiListItemButton: {
1704
1705
  styleOverrides: {
1705
1706
  root: {
1706
- borderRadius: radius5.sm,
1707
+ borderRadius: radius6.sm,
1707
1708
  padding: "8px 12px",
1708
1709
  "&:hover": {
1709
- backgroundColor: bg5.primaryHover
1710
+ backgroundColor: bg6.primaryHover
1710
1711
  },
1711
1712
  "&.Mui-selected": {
1712
- backgroundColor: bg5.brandPrimary,
1713
- color: buttonColors5.secondaryColor.fg,
1713
+ backgroundColor: bg6.brandPrimary,
1714
+ color: buttonColors6.secondaryColor.fg,
1714
1715
  "&:hover": {
1715
- backgroundColor: bg5.brandSecondary
1716
+ backgroundColor: bg6.brandSecondary
1716
1717
  }
1717
1718
  }
1718
1719
  }
@@ -1722,7 +1723,7 @@ function buildComponents(tokens) {
1722
1723
  styleOverrides: {
1723
1724
  root: {
1724
1725
  minWidth: 36,
1725
- color: fg5.quaternary
1726
+ color: fg6.quaternary
1726
1727
  }
1727
1728
  }
1728
1729
  },
@@ -1732,12 +1733,12 @@ function buildComponents(tokens) {
1732
1733
  fontSize: 14,
1733
1734
  lineHeight: "20px",
1734
1735
  fontWeight: 500,
1735
- color: text5.secondary
1736
+ color: text6.secondary
1736
1737
  },
1737
1738
  secondary: {
1738
1739
  fontSize: 14,
1739
1740
  lineHeight: "20px",
1740
- color: text5.quaternary
1741
+ color: text6.quaternary
1741
1742
  }
1742
1743
  }
1743
1744
  },
@@ -1745,17 +1746,17 @@ function buildComponents(tokens) {
1745
1746
  MuiTooltip: {
1746
1747
  styleOverrides: {
1747
1748
  tooltip: {
1748
- backgroundColor: bg5.primarySolid,
1749
- color: text5.white,
1749
+ backgroundColor: bg6.primarySolid,
1750
+ color: text6.white,
1750
1751
  fontSize: 12,
1751
1752
  lineHeight: "18px",
1752
1753
  fontWeight: 600,
1753
1754
  padding: "8px 12px",
1754
- borderRadius: radius5.md,
1755
+ borderRadius: radius6.md,
1755
1756
  boxShadow: tokenShadows.lg
1756
1757
  },
1757
1758
  arrow: {
1758
- color: bg5.primarySolid
1759
+ color: bg6.primarySolid
1759
1760
  }
1760
1761
  }
1761
1762
  },
@@ -1766,34 +1767,34 @@ function buildComponents(tokens) {
1766
1767
  },
1767
1768
  styleOverrides: {
1768
1769
  root: {
1769
- borderRadius: radius5.xl,
1770
+ borderRadius: radius6.xl,
1770
1771
  fontSize: 14,
1771
1772
  lineHeight: "20px",
1772
1773
  padding: "12px 16px",
1773
1774
  alignItems: "center"
1774
1775
  },
1775
1776
  standardError: {
1776
- backgroundColor: bg5.errorPrimary,
1777
+ backgroundColor: bg6.errorPrimary,
1777
1778
  color: error2[700],
1778
- border: `1px solid ${border5.error}`,
1779
+ border: `1px solid ${border6.error}`,
1779
1780
  "& .MuiAlert-icon": {
1780
- color: fg5.errorPrimary
1781
+ color: fg6.errorPrimary
1781
1782
  }
1782
1783
  },
1783
1784
  standardWarning: {
1784
- backgroundColor: bg5.warningPrimary,
1785
+ backgroundColor: bg6.warningPrimary,
1785
1786
  color: warning2[700],
1786
1787
  border: `1px solid ${warning2[300]}`,
1787
1788
  "& .MuiAlert-icon": {
1788
- color: fg5.warningPrimary
1789
+ color: fg6.warningPrimary
1789
1790
  }
1790
1791
  },
1791
1792
  standardSuccess: {
1792
- backgroundColor: bg5.successPrimary,
1793
+ backgroundColor: bg6.successPrimary,
1793
1794
  color: success2[700],
1794
1795
  border: `1px solid ${success2[300]}`,
1795
1796
  "& .MuiAlert-icon": {
1796
- color: fg5.successPrimary
1797
+ color: fg6.successPrimary
1797
1798
  }
1798
1799
  },
1799
1800
  standardInfo: {
@@ -1832,7 +1833,7 @@ function buildComponents(tokens) {
1832
1833
  MuiDialog: {
1833
1834
  styleOverrides: {
1834
1835
  paper: {
1835
- borderRadius: radius5.xl,
1836
+ borderRadius: radius6.xl,
1836
1837
  boxShadow: tokenShadows.xl,
1837
1838
  padding: 0
1838
1839
  }
@@ -1844,7 +1845,7 @@ function buildComponents(tokens) {
1844
1845
  fontSize: 18,
1845
1846
  lineHeight: "28px",
1846
1847
  fontWeight: 600,
1847
- color: text5.primary,
1848
+ color: text6.primary,
1848
1849
  padding: "24px 24px 0"
1849
1850
  }
1850
1851
  }
@@ -1855,7 +1856,7 @@ function buildComponents(tokens) {
1855
1856
  padding: "20px 24px",
1856
1857
  fontSize: 14,
1857
1858
  lineHeight: "20px",
1858
- color: text5.tertiary
1859
+ color: text6.tertiary
1859
1860
  }
1860
1861
  }
1861
1862
  },
@@ -1871,27 +1872,27 @@ function buildComponents(tokens) {
1871
1872
  MuiLinearProgress: {
1872
1873
  styleOverrides: {
1873
1874
  root: {
1874
- borderRadius: radius5.full,
1875
+ borderRadius: radius6.full,
1875
1876
  height: 8,
1876
- backgroundColor: border5.secondary
1877
+ backgroundColor: border6.secondary
1877
1878
  },
1878
1879
  barColorPrimary: {
1879
- backgroundColor: fg5.brandPrimary,
1880
- borderRadius: radius5.full
1880
+ backgroundColor: fg6.brandPrimary,
1881
+ borderRadius: radius6.full
1881
1882
  },
1882
1883
  barColorSecondary: {
1883
- backgroundColor: bg5.secondarySolid,
1884
- borderRadius: radius5.full
1884
+ backgroundColor: bg6.secondarySolid,
1885
+ borderRadius: radius6.full
1885
1886
  }
1886
1887
  }
1887
1888
  },
1888
1889
  MuiCircularProgress: {
1889
1890
  styleOverrides: {
1890
1891
  colorPrimary: {
1891
- color: fg5.brandPrimary
1892
+ color: fg6.brandPrimary
1892
1893
  },
1893
1894
  colorSecondary: {
1894
- color: bg5.secondarySolid
1895
+ color: bg6.secondarySolid
1895
1896
  }
1896
1897
  }
1897
1898
  },
@@ -1902,13 +1903,13 @@ function buildComponents(tokens) {
1902
1903
  },
1903
1904
  styleOverrides: {
1904
1905
  root: {
1905
- backgroundColor: bg5.tertiary
1906
+ backgroundColor: bg6.tertiary
1906
1907
  },
1907
1908
  rounded: {
1908
- borderRadius: radius5.md
1909
+ borderRadius: radius6.md
1909
1910
  },
1910
1911
  circular: {
1911
- borderRadius: radius5.full
1912
+ borderRadius: radius6.full
1912
1913
  }
1913
1914
  }
1914
1915
  },
@@ -1916,9 +1917,9 @@ function buildComponents(tokens) {
1916
1917
  MuiSnackbarContent: {
1917
1918
  styleOverrides: {
1918
1919
  root: {
1919
- backgroundColor: bg5.primarySolid,
1920
- color: text5.white,
1921
- borderRadius: radius5.xl,
1920
+ backgroundColor: bg6.primarySolid,
1921
+ color: text6.white,
1922
+ borderRadius: radius6.xl,
1922
1923
  boxShadow: tokenShadows.lg,
1923
1924
  fontSize: 14,
1924
1925
  lineHeight: "20px",
@@ -1946,27 +1947,447 @@ function buildComponents(tokens) {
1946
1947
  }
1947
1948
  }
1948
1949
  },
1950
+ // ─── Slider ─────────────────────────────────────────────────────
1951
+ MuiSlider: {
1952
+ styleOverrides: {
1953
+ root: {
1954
+ color: fg6.brandPrimary,
1955
+ height: 8,
1956
+ "&.Mui-disabled": {
1957
+ color: border6.secondary
1958
+ }
1959
+ },
1960
+ thumb: {
1961
+ width: 20,
1962
+ height: 20,
1963
+ backgroundColor: sliderColors6.handleBg,
1964
+ border: `2px solid ${sliderColors6.handleBorder}`,
1965
+ boxShadow: tokenShadows.xs,
1966
+ "&:hover, &.Mui-focusVisible": {
1967
+ boxShadow: focusRings6.brandShadowXs
1968
+ },
1969
+ "&.Mui-active": {
1970
+ boxShadow: focusRings6.brandShadowSm
1971
+ }
1972
+ },
1973
+ track: {
1974
+ borderRadius: radius6.full,
1975
+ border: "none"
1976
+ },
1977
+ rail: {
1978
+ backgroundColor: border6.secondary,
1979
+ borderRadius: radius6.full,
1980
+ opacity: 1
1981
+ },
1982
+ valueLabel: {
1983
+ backgroundColor: bg6.primarySolid,
1984
+ borderRadius: radius6.md,
1985
+ fontSize: 12,
1986
+ fontWeight: 600,
1987
+ padding: "4px 8px"
1988
+ },
1989
+ mark: {
1990
+ backgroundColor: border6.secondary,
1991
+ width: 4,
1992
+ height: 4,
1993
+ borderRadius: radius6.full
1994
+ },
1995
+ markActive: {
1996
+ backgroundColor: fg6.brandPrimary
1997
+ },
1998
+ markLabel: {
1999
+ fontSize: 12,
2000
+ color: text6.tertiary
2001
+ }
2002
+ }
2003
+ },
2004
+ // ─── Rating ─────────────────────────────────────────────────────
2005
+ MuiRating: {
2006
+ styleOverrides: {
2007
+ root: {
2008
+ color: fg6.brandPrimary,
2009
+ gap: 4
2010
+ },
2011
+ iconEmpty: {
2012
+ color: border6.secondary
2013
+ },
2014
+ iconFilled: {
2015
+ color: fg6.brandPrimary
2016
+ },
2017
+ iconHover: {
2018
+ color: buttonColors6.primary.bgHover
2019
+ }
2020
+ }
2021
+ },
2022
+ // ─── Pagination ─────────────────────────────────────────────────
2023
+ MuiPagination: {
2024
+ defaultProps: {
2025
+ shape: "rounded"
2026
+ }
2027
+ },
2028
+ MuiPaginationItem: {
2029
+ styleOverrides: {
2030
+ root: {
2031
+ borderRadius: radius6.md,
2032
+ fontSize: 14,
2033
+ fontWeight: 500,
2034
+ color: text6.secondary,
2035
+ "&:hover": {
2036
+ backgroundColor: bg6.primaryHover
2037
+ },
2038
+ "&.Mui-selected": {
2039
+ backgroundColor: fg6.brandPrimary,
2040
+ color: base2.white,
2041
+ "&:hover": {
2042
+ backgroundColor: buttonColors6.primary.bgHover
2043
+ }
2044
+ },
2045
+ "&.Mui-focusVisible": {
2046
+ boxShadow: focusRings6.brandShadowXs
2047
+ }
2048
+ },
2049
+ outlined: {
2050
+ border: `1px solid ${border6.primary}`,
2051
+ "&.Mui-selected": {
2052
+ backgroundColor: fg6.brandPrimary,
2053
+ color: base2.white,
2054
+ borderColor: fg6.brandPrimary
2055
+ }
2056
+ }
2057
+ }
2058
+ },
2059
+ // ─── Avatar ─────────────────────────────────────────────────────
2060
+ MuiAvatar: {
2061
+ styleOverrides: {
2062
+ root: {
2063
+ backgroundColor: avatarColors6.bg,
2064
+ fontSize: 14,
2065
+ fontWeight: 600,
2066
+ border: `1.5px solid ${avatarColors6.contrastBorder}`
2067
+ },
2068
+ rounded: {
2069
+ borderRadius: radius6.md
2070
+ }
2071
+ }
2072
+ },
2073
+ MuiAvatarGroup: {
2074
+ styleOverrides: {
2075
+ avatar: {
2076
+ border: `2px solid ${avatarColors6.profilePhotoBorder}`,
2077
+ width: 32,
2078
+ height: 32,
2079
+ fontSize: 13,
2080
+ fontWeight: 600
2081
+ }
2082
+ }
2083
+ },
2084
+ // ─── BottomNavigation ───────────────────────────────────────────
2085
+ MuiBottomNavigation: {
2086
+ styleOverrides: {
2087
+ root: {
2088
+ backgroundColor: bg6.primary,
2089
+ borderTop: `1px solid ${border6.secondary}`
2090
+ }
2091
+ }
2092
+ },
2093
+ MuiBottomNavigationAction: {
2094
+ styleOverrides: {
2095
+ root: {
2096
+ color: fg6.quaternary,
2097
+ "&.Mui-selected": {
2098
+ color: fg6.brandPrimary
2099
+ }
2100
+ },
2101
+ label: {
2102
+ fontSize: 12,
2103
+ fontWeight: 500,
2104
+ "&.Mui-selected": {
2105
+ fontSize: 12,
2106
+ fontWeight: 600
2107
+ }
2108
+ }
2109
+ }
2110
+ },
2111
+ // ─── SpeedDial ──────────────────────────────────────────────────
2112
+ MuiSpeedDial: {
2113
+ styleOverrides: {
2114
+ fab: {
2115
+ backgroundColor: fg6.brandPrimary,
2116
+ color: base2.white,
2117
+ boxShadow: tokenShadows.md,
2118
+ "&:hover": {
2119
+ backgroundColor: buttonColors6.primary.bgHover
2120
+ }
2121
+ }
2122
+ }
2123
+ },
2124
+ MuiSpeedDialAction: {
2125
+ styleOverrides: {
2126
+ fab: {
2127
+ backgroundColor: bg6.primary,
2128
+ color: fg6.secondary,
2129
+ boxShadow: tokenShadows.sm,
2130
+ border: `1px solid ${border6.secondary}`,
2131
+ "&:hover": {
2132
+ backgroundColor: bg6.primaryHover
2133
+ }
2134
+ },
2135
+ staticTooltipLabel: {
2136
+ backgroundColor: bg6.primarySolid,
2137
+ color: text6.white,
2138
+ fontSize: 12,
2139
+ fontWeight: 600,
2140
+ borderRadius: radius6.md,
2141
+ whiteSpace: "nowrap"
2142
+ }
2143
+ }
2144
+ },
2145
+ // ─── Stepper ────────────────────────────────────────────────────
2146
+ MuiStepper: {
2147
+ styleOverrides: {
2148
+ root: {
2149
+ padding: 0
2150
+ }
2151
+ }
2152
+ },
2153
+ MuiStepLabel: {
2154
+ styleOverrides: {
2155
+ label: {
2156
+ fontSize: 14,
2157
+ fontWeight: 500,
2158
+ color: text6.tertiary,
2159
+ "&.Mui-active": {
2160
+ color: text6.primary,
2161
+ fontWeight: 600
2162
+ },
2163
+ "&.Mui-completed": {
2164
+ color: text6.primary,
2165
+ fontWeight: 500
2166
+ }
2167
+ }
2168
+ }
2169
+ },
2170
+ MuiStepIcon: {
2171
+ styleOverrides: {
2172
+ root: {
2173
+ color: border6.secondary,
2174
+ "&.Mui-active": {
2175
+ color: fg6.brandPrimary
2176
+ },
2177
+ "&.Mui-completed": {
2178
+ color: fg6.brandPrimary
2179
+ }
2180
+ },
2181
+ text: {
2182
+ fontSize: 12,
2183
+ fontWeight: 600
2184
+ }
2185
+ }
2186
+ },
2187
+ MuiStepConnector: {
2188
+ styleOverrides: {
2189
+ line: {
2190
+ borderColor: border6.secondary
2191
+ },
2192
+ lineHorizontal: {
2193
+ borderTopWidth: 2
2194
+ },
2195
+ lineVertical: {
2196
+ borderLeftWidth: 2
2197
+ }
2198
+ }
2199
+ },
2200
+ // ─── MobileStepper ──────────────────────────────────────────────
2201
+ MuiMobileStepper: {
2202
+ styleOverrides: {
2203
+ root: {
2204
+ backgroundColor: "transparent",
2205
+ padding: "8px 0"
2206
+ },
2207
+ dot: {
2208
+ backgroundColor: border6.secondary,
2209
+ width: 8,
2210
+ height: 8
2211
+ },
2212
+ dotActive: {
2213
+ backgroundColor: fg6.brandPrimary
2214
+ },
2215
+ progress: {
2216
+ width: "100%",
2217
+ backgroundColor: border6.secondary,
2218
+ borderRadius: radius6.full,
2219
+ "& .MuiLinearProgress-bar": {
2220
+ backgroundColor: fg6.brandPrimary,
2221
+ borderRadius: radius6.full
2222
+ }
2223
+ }
2224
+ }
2225
+ },
2226
+ // ─── Breadcrumbs ────────────────────────────────────────────────
2227
+ MuiBreadcrumbs: {
2228
+ styleOverrides: {
2229
+ root: {
2230
+ fontSize: 14,
2231
+ lineHeight: "20px"
2232
+ },
2233
+ separator: {
2234
+ color: breadcrumbColors6.iconFg,
2235
+ marginLeft: 4,
2236
+ marginRight: 4
2237
+ },
2238
+ li: {
2239
+ "& a": {
2240
+ color: breadcrumbColors6.fg,
2241
+ textDecoration: "none",
2242
+ fontWeight: 500,
2243
+ "&:hover": {
2244
+ color: breadcrumbColors6.fgHover
2245
+ }
2246
+ }
2247
+ }
2248
+ }
2249
+ },
2250
+ // ─── Link ───────────────────────────────────────────────────────
2251
+ MuiLink: {
2252
+ styleOverrides: {
2253
+ root: {
2254
+ color: fg6.brandPrimary,
2255
+ fontWeight: 500,
2256
+ "&:hover": {
2257
+ color: buttonColors6.primary.bgHover
2258
+ }
2259
+ }
2260
+ }
2261
+ },
2262
+ // ─── Popover ────────────────────────────────────────────────────
2263
+ MuiPopover: {
2264
+ styleOverrides: {
2265
+ paper: {
2266
+ borderRadius: radius6.lg,
2267
+ boxShadow: tokenShadows.lg,
2268
+ border: `1px solid ${border6.secondary}`
2269
+ }
2270
+ }
2271
+ },
2272
+ // ─── Snackbar ───────────────────────────────────────────────────
2273
+ MuiSnackbar: {
2274
+ defaultProps: {
2275
+ anchorOrigin: { vertical: "bottom", horizontal: "center" }
2276
+ }
2277
+ },
2278
+ // ─── CardActionArea ─────────────────────────────────────────────
2279
+ MuiCardActionArea: {
2280
+ styleOverrides: {
2281
+ root: {
2282
+ "&:hover .MuiCardActionArea-focusHighlight": {
2283
+ opacity: 0.04
2284
+ },
2285
+ "&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
2286
+ opacity: 0.08
2287
+ }
2288
+ }
2289
+ }
2290
+ },
2291
+ // ─── FilledInput ────────────────────────────────────────────────
2292
+ MuiFilledInput: {
2293
+ styleOverrides: {
2294
+ root: {
2295
+ borderRadius: `${radius6.md}px ${radius6.md}px 0 0`,
2296
+ backgroundColor: bg6.secondary,
2297
+ "&:hover": {
2298
+ backgroundColor: bg6.secondaryHover
2299
+ },
2300
+ "&.Mui-focused": {
2301
+ backgroundColor: bg6.secondary
2302
+ },
2303
+ "&:after": {
2304
+ borderBottomColor: fg6.brandPrimary
2305
+ }
2306
+ },
2307
+ input: {
2308
+ padding: "6px 12px",
2309
+ fontSize: 14,
2310
+ lineHeight: "20px"
2311
+ }
2312
+ }
2313
+ },
2314
+ // ─── TablePagination ────────────────────────────────────────────
2315
+ MuiTablePagination: {
2316
+ styleOverrides: {
2317
+ root: {
2318
+ fontSize: 14,
2319
+ color: text6.tertiary
2320
+ },
2321
+ selectLabel: {
2322
+ fontSize: 14,
2323
+ color: text6.tertiary
2324
+ },
2325
+ displayedRows: {
2326
+ fontSize: 14,
2327
+ color: text6.tertiary
2328
+ },
2329
+ select: {
2330
+ fontSize: 14
2331
+ },
2332
+ actions: {
2333
+ "& .MuiIconButton-root": {
2334
+ color: fg6.quaternary,
2335
+ "&:hover": {
2336
+ backgroundColor: bg6.primaryHover,
2337
+ color: fg6.brandPrimary
2338
+ }
2339
+ }
2340
+ }
2341
+ }
2342
+ },
2343
+ // ─── TableSortLabel ─────────────────────────────────────────────
2344
+ MuiTableSortLabel: {
2345
+ styleOverrides: {
2346
+ root: {
2347
+ "&:hover": {
2348
+ color: fg6.secondary
2349
+ },
2350
+ "&.Mui-active": {
2351
+ color: fg6.secondary,
2352
+ "& .MuiTableSortLabel-icon": {
2353
+ color: fg6.brandPrimary
2354
+ }
2355
+ }
2356
+ }
2357
+ }
2358
+ },
2359
+ // ─── TabScrollButton ────────────────────────────────────────────
2360
+ MuiTabScrollButton: {
2361
+ styleOverrides: {
2362
+ root: {
2363
+ color: fg6.quaternary,
2364
+ "&:hover": {
2365
+ color: fg6.brandPrimary
2366
+ }
2367
+ }
2368
+ }
2369
+ },
1949
2370
  // ─── DataGrid (@mui/x-data-grid) ──────────────────────────────
1950
2371
  // Not part of MUI core's Components<Theme> type, so we merge via assertion.
1951
2372
  ...{
1952
2373
  MuiDataGrid: {
1953
2374
  styleOverrides: {
1954
2375
  root: {
1955
- border: `1px solid ${border5.secondary}`,
1956
- borderRadius: radius5.xl,
2376
+ border: `1px solid ${border6.secondary}`,
2377
+ borderRadius: radius6.xl,
1957
2378
  fontFamily: "inherit",
1958
2379
  "& .MuiDataGrid-withBorderColor": {
1959
- borderColor: border5.secondary
2380
+ borderColor: border6.secondary
1960
2381
  }
1961
2382
  },
1962
2383
  columnHeaders: {
1963
- backgroundColor: bg5.secondary
2384
+ backgroundColor: bg6.secondary
1964
2385
  },
1965
2386
  columnHeader: {
1966
2387
  fontSize: 12,
1967
2388
  lineHeight: "18px",
1968
2389
  fontWeight: 500,
1969
- color: fg5.tertiary,
2390
+ color: fg6.tertiary,
1970
2391
  "&:focus, &:focus-within": {
1971
2392
  outline: "none"
1972
2393
  }
@@ -1979,28 +2400,28 @@ function buildComponents(tokens) {
1979
2400
  alignItems: "center",
1980
2401
  fontSize: 14,
1981
2402
  lineHeight: "20px",
1982
- color: fg5.tertiary,
2403
+ color: fg6.tertiary,
1983
2404
  "&:focus, &:focus-within": {
1984
2405
  outline: "none"
1985
2406
  }
1986
2407
  },
1987
2408
  row: {
1988
- backgroundColor: bg5.secondary,
2409
+ backgroundColor: bg6.secondary,
1989
2410
  "&:hover": {
1990
- backgroundColor: bg5.primaryHover
2411
+ backgroundColor: bg6.primaryHover
1991
2412
  },
1992
2413
  "&.Mui-selected": {
1993
- backgroundColor: bg5.brandPrimary,
2414
+ backgroundColor: bg6.brandPrimary,
1994
2415
  "&:hover": {
1995
- backgroundColor: bg5.brandPrimary
2416
+ backgroundColor: bg6.brandPrimary
1996
2417
  }
1997
2418
  }
1998
2419
  },
1999
2420
  footerContainer: {
2000
- borderTop: `1px solid ${border5.secondary}`
2421
+ borderTop: `1px solid ${border6.secondary}`
2001
2422
  },
2002
2423
  columnSeparator: {
2003
- color: border5.secondary
2424
+ color: border6.secondary
2004
2425
  }
2005
2426
  }
2006
2427
  }
@@ -2015,7 +2436,7 @@ function buildComponents(tokens) {
2015
2436
  root: {
2016
2437
  "& .MuiInputBase-root": {
2017
2438
  height: 32,
2018
- borderRadius: radius5.md,
2439
+ borderRadius: radius6.md,
2019
2440
  boxShadow: tokenShadows.xs,
2020
2441
  fontSize: 14,
2021
2442
  lineHeight: "20px"
@@ -2026,21 +2447,21 @@ function buildComponents(tokens) {
2026
2447
  lineHeight: "20px"
2027
2448
  },
2028
2449
  "& .MuiOutlinedInput-notchedOutline": {
2029
- borderColor: border5.primary
2450
+ borderColor: border6.primary
2030
2451
  },
2031
2452
  "&:hover:not(:has(.Mui-disabled)) .MuiOutlinedInput-notchedOutline": {
2032
- borderColor: border5.brand
2453
+ borderColor: border6.brand
2033
2454
  },
2034
2455
  "& .Mui-focused .MuiOutlinedInput-notchedOutline": {
2035
- borderColor: border5.brandSolid,
2456
+ borderColor: border6.brandSolid,
2036
2457
  borderWidth: 1,
2037
2458
  boxShadow: "none"
2038
2459
  },
2039
2460
  "& .MuiInputAdornment-root .MuiIconButton-root": {
2040
- color: fg5.quaternary,
2461
+ color: fg6.quaternary,
2041
2462
  "&:hover": {
2042
- backgroundColor: bg5.primaryHover,
2043
- color: fg5.brandPrimary
2463
+ backgroundColor: bg6.primaryHover,
2464
+ color: fg6.brandPrimary
2044
2465
  }
2045
2466
  }
2046
2467
  }
@@ -2050,9 +2471,9 @@ function buildComponents(tokens) {
2050
2471
  MuiPickersPopper: {
2051
2472
  styleOverrides: {
2052
2473
  paper: {
2053
- borderRadius: radius5.xl,
2474
+ borderRadius: radius6.xl,
2054
2475
  boxShadow: tokenShadows.lg,
2055
- border: `1px solid ${border5.secondary}`,
2476
+ border: `1px solid ${border6.secondary}`,
2056
2477
  marginTop: 4
2057
2478
  }
2058
2479
  }
@@ -2077,19 +2498,19 @@ function buildComponents(tokens) {
2077
2498
  label: {
2078
2499
  fontSize: 14,
2079
2500
  fontWeight: 600,
2080
- color: text5.primary
2501
+ color: text6.primary
2081
2502
  },
2082
2503
  switchViewButton: {
2083
- color: fg5.quaternary,
2084
- "&:hover": { backgroundColor: bg5.primaryHover, color: fg5.brandPrimary }
2504
+ color: fg6.quaternary,
2505
+ "&:hover": { backgroundColor: bg6.primaryHover, color: fg6.brandPrimary }
2085
2506
  }
2086
2507
  }
2087
2508
  },
2088
2509
  MuiPickersArrowSwitcher: {
2089
2510
  styleOverrides: {
2090
2511
  button: {
2091
- color: fg5.quaternary,
2092
- "&:hover": { backgroundColor: bg5.primaryHover, color: fg5.brandPrimary }
2512
+ color: fg6.quaternary,
2513
+ "&:hover": { backgroundColor: bg6.primaryHover, color: fg6.brandPrimary }
2093
2514
  }
2094
2515
  }
2095
2516
  },
@@ -2099,7 +2520,7 @@ function buildComponents(tokens) {
2099
2520
  weekDayLabel: {
2100
2521
  fontSize: 12,
2101
2522
  fontWeight: 500,
2102
- color: text5.tertiary,
2523
+ color: text6.tertiary,
2103
2524
  width: 32,
2104
2525
  height: 32
2105
2526
  },
@@ -2119,39 +2540,39 @@ function buildComponents(tokens) {
2119
2540
  fontWeight: 400,
2120
2541
  width: 32,
2121
2542
  height: 32,
2122
- borderRadius: radius5.md,
2123
- color: text5.primary,
2543
+ borderRadius: radius6.md,
2544
+ color: text6.primary,
2124
2545
  backgroundColor: "transparent",
2125
2546
  "&:hover": {
2126
- backgroundColor: bg5.primaryHover
2547
+ backgroundColor: bg6.primaryHover
2127
2548
  },
2128
2549
  "&.Mui-selected": {
2129
- backgroundColor: fg5.brandPrimary,
2550
+ backgroundColor: fg6.brandPrimary,
2130
2551
  color: base2.white,
2131
2552
  fontWeight: 600,
2132
2553
  "&:hover": {
2133
- backgroundColor: buttonColors5.primary.bgHover
2554
+ backgroundColor: buttonColors6.primary.bgHover
2134
2555
  },
2135
2556
  "&:focus": {
2136
- backgroundColor: fg5.brandPrimary
2557
+ backgroundColor: fg6.brandPrimary
2137
2558
  }
2138
2559
  },
2139
2560
  "&.MuiPickersDay-today": {
2140
- border: `1px solid ${border5.brandSolid}`,
2141
- color: fg5.brandPrimary,
2561
+ border: `1px solid ${border6.brandSolid}`,
2562
+ color: fg6.brandPrimary,
2142
2563
  backgroundColor: "transparent",
2143
2564
  fontWeight: 600,
2144
2565
  "&.Mui-selected": {
2145
- backgroundColor: fg5.brandPrimary,
2566
+ backgroundColor: fg6.brandPrimary,
2146
2567
  color: base2.white,
2147
2568
  border: "none"
2148
2569
  }
2149
2570
  },
2150
2571
  "&.Mui-focusVisible": {
2151
- boxShadow: focusRings5.brand
2572
+ boxShadow: focusRings6.brand
2152
2573
  },
2153
2574
  "&.Mui-disabled": {
2154
- color: text5.disabled
2575
+ color: text6.disabled
2155
2576
  }
2156
2577
  }
2157
2578
  }
@@ -2161,12 +2582,12 @@ function buildComponents(tokens) {
2161
2582
  styleOverrides: {
2162
2583
  yearButton: {
2163
2584
  fontSize: 13,
2164
- borderRadius: radius5.md,
2165
- "&:hover": { backgroundColor: bg5.primaryHover },
2585
+ borderRadius: radius6.md,
2586
+ "&:hover": { backgroundColor: bg6.primaryHover },
2166
2587
  "&.Mui-selected": {
2167
- backgroundColor: fg5.brandPrimary,
2588
+ backgroundColor: fg6.brandPrimary,
2168
2589
  color: base2.white,
2169
- "&:hover": { backgroundColor: buttonColors5.primary.bgHover }
2590
+ "&:hover": { backgroundColor: buttonColors6.primary.bgHover }
2170
2591
  }
2171
2592
  }
2172
2593
  }
@@ -2176,12 +2597,12 @@ function buildComponents(tokens) {
2176
2597
  styleOverrides: {
2177
2598
  monthButton: {
2178
2599
  fontSize: 13,
2179
- borderRadius: radius5.md,
2180
- "&:hover": { backgroundColor: bg5.primaryHover },
2600
+ borderRadius: radius6.md,
2601
+ "&:hover": { backgroundColor: bg6.primaryHover },
2181
2602
  "&.Mui-selected": {
2182
- backgroundColor: fg5.brandPrimary,
2603
+ backgroundColor: fg6.brandPrimary,
2183
2604
  color: base2.white,
2184
- "&:hover": { backgroundColor: buttonColors5.primary.bgHover }
2605
+ "&:hover": { backgroundColor: buttonColors6.primary.bgHover }
2185
2606
  }
2186
2607
  }
2187
2608
  }
@@ -2492,6 +2913,11 @@ var forestExternalPreset = {
2492
2913
 
2493
2914
  // src/theme/presets/forest-agency.ts
2494
2915
  var colors = {
2916
+ base,
2917
+ error,
2918
+ warning,
2919
+ success,
2920
+ info,
2495
2921
  brand: {
2496
2922
  25: gray[25],
2497
2923
  50: gray[50],
@@ -2507,7 +2933,10 @@ var colors = {
2507
2933
  800: gray[950],
2508
2934
  900: gray[950],
2509
2935
  950: gray[950]
2510
- }};
2936
+ },
2937
+ accent: red,
2938
+ gray
2939
+ };
2511
2940
  var radius3 = {
2512
2941
  ...radius,
2513
2942
  xxs: 1,
@@ -3075,11 +3504,321 @@ var forestInternalPreset = {
3075
3504
  }
3076
3505
  };
3077
3506
 
3507
+ // src/theme/presets/forest-alkemy-plus.ts
3508
+ var colors2 = {
3509
+ base,
3510
+ error,
3511
+ warning,
3512
+ success,
3513
+ info,
3514
+ brand: {
3515
+ 25: gray[25],
3516
+ 50: gray[50],
3517
+ 100: gray[100],
3518
+ 200: gray[200],
3519
+ 300: gray[300],
3520
+ 400: gray[400],
3521
+ 500: gray[500],
3522
+ 600: gray[900],
3523
+ // #18181b - dark brand
3524
+ 700: gray[950],
3525
+ // #09090b - primary brand
3526
+ 800: gray[950],
3527
+ 900: gray[950],
3528
+ 950: gray[950]
3529
+ },
3530
+ accent: red,
3531
+ gray
3532
+ };
3533
+ var radius5 = {
3534
+ ...radius,
3535
+ xxs: 1,
3536
+ xs: 2,
3537
+ sm: 3,
3538
+ md: 4,
3539
+ lg: 5,
3540
+ xl: 6,
3541
+ "2xl": 8,
3542
+ "3xl": 10,
3543
+ "4xl": 12
3544
+ };
3545
+ var text5 = {
3546
+ primary: gray[900],
3547
+ secondary: gray[700],
3548
+ secondaryHover: gray[800],
3549
+ tertiary: gray[600],
3550
+ tertiaryHover: gray[700],
3551
+ quaternary: gray[500],
3552
+ disabled: gray[500],
3553
+ placeholder: gray[500],
3554
+ placeholderSubtle: gray[300],
3555
+ white: base.white,
3556
+ brandPrimary: colors2.brand[900],
3557
+ brandSecondary: colors2.brand[700],
3558
+ brandTertiary: colors2.brand[600],
3559
+ brandTertiaryAlt: colors2.brand[600],
3560
+ primaryOnBrand: base.white,
3561
+ secondaryOnBrand: colors2.brand[200],
3562
+ tertiaryOnBrand: colors2.brand[200],
3563
+ quaternaryOnBrand: colors2.brand[300],
3564
+ errorPrimary: error[600],
3565
+ warningPrimary: warning[600],
3566
+ successPrimary: success[600]
3567
+ };
3568
+ var bg5 = {
3569
+ primary: gray[50],
3570
+ primaryAlt: gray[50],
3571
+ primaryHover: gray[100],
3572
+ primarySolid: gray[950],
3573
+ secondary: base.white,
3574
+ secondaryAlt: base.white,
3575
+ secondarySubtle: gray[25],
3576
+ secondaryHover: gray[50],
3577
+ secondarySolid: gray[600],
3578
+ tertiary: gray[100],
3579
+ quaternary: gray[200],
3580
+ active: gray[200],
3581
+ disabled: gray[100],
3582
+ disabledSubtle: gray[50],
3583
+ overlay: gray[950],
3584
+ brandPrimary: colors2.brand[50],
3585
+ brandPrimaryAlt: colors2.brand[50],
3586
+ brandSecondary: colors2.brand[100],
3587
+ brandSolid: colors2.brand[600],
3588
+ brandSolidHover: colors2.brand[700],
3589
+ brandSection: colors2.brand[800],
3590
+ brandSectionSubtle: colors2.brand[700],
3591
+ errorPrimary: error[50],
3592
+ errorSecondary: error[100],
3593
+ errorSolid: error[600],
3594
+ warningPrimary: warning[50],
3595
+ warningSecondary: warning[100],
3596
+ warningSolid: warning[600],
3597
+ successPrimary: success[50],
3598
+ successSecondary: success[100],
3599
+ successSolid: success[600]
3600
+ };
3601
+ var fg5 = {
3602
+ primary: gray[900],
3603
+ secondary: gray[700],
3604
+ secondaryHover: gray[800],
3605
+ tertiary: gray[600],
3606
+ tertiaryHover: gray[700],
3607
+ quaternary: gray[500],
3608
+ quaternaryHover: gray[600],
3609
+ quinary: gray[400],
3610
+ quinaryHover: gray[500],
3611
+ senary: gray[300],
3612
+ white: base.white,
3613
+ disabled: gray[400],
3614
+ disabledSubtle: gray[300],
3615
+ brandPrimary: colors2.brand[600],
3616
+ brandPrimaryAlt: colors2.brand[600],
3617
+ brandSecondary: colors2.brand[500],
3618
+ errorPrimary: error[600],
3619
+ errorSecondary: error[500],
3620
+ warningPrimary: warning[600],
3621
+ warningSecondary: warning[500],
3622
+ successPrimary: success[600],
3623
+ successSecondary: success[500]
3624
+ };
3625
+ var border5 = {
3626
+ primary: gray[300],
3627
+ secondary: gray[200],
3628
+ tertiary: gray[100],
3629
+ disabled: gray[300],
3630
+ disabledSubtle: gray[200],
3631
+ brand: gray[400],
3632
+ brandSolid: colors2.brand[600],
3633
+ brandSolidAlt: colors2.brand[600],
3634
+ error: error[300],
3635
+ errorSolid: error[600]
3636
+ };
3637
+ var buttonColors5 = {
3638
+ primary: {
3639
+ bg: colors2.brand[700],
3640
+ bgHover: colors2.brand[800],
3641
+ fg: base.white,
3642
+ fgHover: base.white,
3643
+ border: colors2.brand[700],
3644
+ borderHover: colors2.brand[800]
3645
+ },
3646
+ secondary: {
3647
+ bg: gray[900],
3648
+ bgHover: gray[950],
3649
+ fg: base.white,
3650
+ fgHover: base.white,
3651
+ border: gray[900],
3652
+ borderHover: gray[950]
3653
+ },
3654
+ secondaryColor: {
3655
+ bg: base.white,
3656
+ bgHover: colors2.brand[50],
3657
+ fg: colors2.brand[700],
3658
+ fgHover: colors2.brand[800],
3659
+ border: colors2.brand[300],
3660
+ borderHover: colors2.brand[300]
3661
+ },
3662
+ tertiary: {
3663
+ fg: gray[600],
3664
+ fgHover: gray[700],
3665
+ bgHover: gray[50]
3666
+ },
3667
+ tertiaryColor: {
3668
+ fg: colors2.brand[700],
3669
+ fgHover: colors2.brand[800],
3670
+ bgHover: colors2.brand[50]
3671
+ },
3672
+ primaryError: {
3673
+ bg: error[600],
3674
+ bgHover: error[700],
3675
+ fg: base.white,
3676
+ fgHover: base.white,
3677
+ border: error[600],
3678
+ borderHover: error[700]
3679
+ },
3680
+ secondaryError: {
3681
+ bg: base.white,
3682
+ bgHover: error[50],
3683
+ fg: error[700],
3684
+ fgHover: error[800],
3685
+ border: error[300],
3686
+ borderHover: error[300]
3687
+ },
3688
+ tertiaryError: {
3689
+ fg: error[700],
3690
+ fgHover: error[800],
3691
+ bgHover: error[50]
3692
+ }
3693
+ };
3694
+ var avatarColors5 = {
3695
+ bg: gray[100],
3696
+ contrastBorder: "#00000014",
3697
+ profilePhotoBorder: base.white,
3698
+ focusBorder: "#a0a0a624"
3699
+ // gray[400] + 14% alpha
3700
+ };
3701
+ var breadcrumbColors5 = {
3702
+ fg: gray[600],
3703
+ fgHover: gray[700],
3704
+ bgHover: gray[50],
3705
+ brandBgHover: colors2.brand[50],
3706
+ brandFgHover: colors2.brand[700],
3707
+ iconFg: gray[500],
3708
+ iconFgHover: gray[700],
3709
+ brandIconFgHover: colors2.brand[700]
3710
+ };
3711
+ var iconColors5 = {
3712
+ fgBrand: colors2.brand[600],
3713
+ fgBrandOnBrand: colors2.brand[200],
3714
+ featuredModernBorder: gray[200],
3715
+ featuredLightFgBrand: colors2.brand[600],
3716
+ featuredLightFgGray: gray[500],
3717
+ featuredLightFgError: error[600],
3718
+ featuredLightFgWarning: warning[600],
3719
+ featuredLightFgSuccess: success[600],
3720
+ featuredDarkFgBrand: base.white,
3721
+ featuredDarkFgGray: base.white,
3722
+ featuredDarkFgError: base.white,
3723
+ featuredDarkFgWarning: base.white,
3724
+ featuredDarkFgSuccess: base.white
3725
+ };
3726
+ var navColors5 = {
3727
+ itemIconFg: gray[500],
3728
+ itemIconFgActive: gray[700],
3729
+ itemButtonIconFg: gray[500],
3730
+ itemButtonIconFgActive: gray[700]
3731
+ };
3732
+ var sliderColors5 = {
3733
+ handleBorder: colors2.brand[600],
3734
+ handleBg: base.white
3735
+ };
3736
+ var toggleColors5 = {
3737
+ buttonFgDisabled: gray[50]
3738
+ };
3739
+ var chartColors5 = {
3740
+ axisFg: gray[100],
3741
+ gridlineFg: gray[100],
3742
+ labelFg: gray[600],
3743
+ labelFgEmphasis: gray[700],
3744
+ bg: base.white,
3745
+ bgAlt: gray[50],
3746
+ tooltipBg: gray[950],
3747
+ tooltipFg: base.white,
3748
+ crosshairFg: gray[500],
3749
+ legendFg: text5.tertiary,
3750
+ series: [
3751
+ { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
3752
+ { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
3753
+ { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
3754
+ { fg: warning[400], fgHover: warning[500], bg: warning[100], bgHover: warning[200] },
3755
+ { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
3756
+ { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
3757
+ { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
3758
+ { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
3759
+ { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
3760
+ { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
3761
+ { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
3762
+ { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
3763
+ ]
3764
+ };
3765
+ var focusRings5 = {
3766
+ brand: "0px 0px 0px 4px #4040403d",
3767
+ brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #4040403d",
3768
+ brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #4040403d",
3769
+ gray: "0px 0px 0px 4px #a0a0a624",
3770
+ grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624",
3771
+ grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624",
3772
+ error: "0px 0px 0px 4px #f044383d",
3773
+ errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
3774
+ };
3775
+ var forestAlkemyPlusPreset = {
3776
+ name: "forest-alkemy+",
3777
+ defaultVariant: "light",
3778
+ variants: {
3779
+ light: {
3780
+ tokens: {
3781
+ base,
3782
+ error,
3783
+ warning,
3784
+ success,
3785
+ info,
3786
+ spacing,
3787
+ radius: radius5,
3788
+ shadows,
3789
+ focusRings: focusRings5,
3790
+ fontFamily: '"Aeonik", sans-serif',
3791
+ fontFamilyMono: '"Aeonik Mono", monospace',
3792
+ fontSize,
3793
+ lineHeight,
3794
+ fontWeight,
3795
+ display,
3796
+ container,
3797
+ widths,
3798
+ text: text5,
3799
+ bg: bg5,
3800
+ fg: fg5,
3801
+ border: border5,
3802
+ buttonColors: buttonColors5,
3803
+ avatarColors: avatarColors5,
3804
+ breadcrumbColors: breadcrumbColors5,
3805
+ iconColors: iconColors5,
3806
+ navColors: navColors5,
3807
+ sliderColors: sliderColors5,
3808
+ toggleColors: toggleColors5,
3809
+ chartColors: chartColors5,
3810
+ alpha
3811
+ }
3812
+ }
3813
+ }
3814
+ };
3815
+
3078
3816
  // src/theme/presets/index.ts
3079
3817
  var presetRegistry = /* @__PURE__ */ new Map();
3080
3818
  presetRegistry.set(forestExternalPreset.name, forestExternalPreset);
3081
3819
  presetRegistry.set(forestAgencyPreset.name, forestAgencyPreset);
3082
3820
  presetRegistry.set(forestInternalPreset.name, forestInternalPreset);
3821
+ presetRegistry.set(forestAlkemyPlusPreset.name, forestAlkemyPlusPreset);
3083
3822
  function getPreset(name) {
3084
3823
  return presetRegistry.get(name);
3085
3824
  }
@@ -3095,6 +3834,52 @@ var agencyTokens = forestAgencyPreset.variants.light.tokens;
3095
3834
  var forestTheme = buildTheme(agencyTokens);
3096
3835
  var forestThemeOptions = buildThemeOptions(agencyTokens);
3097
3836
 
3098
- export { alpha, avatarColors, base, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, container, display, error, fg, focusRings, fontFamily, fontFamilyMono, fontSize, fontWeight, forestAgencyPreset, forestExternalPreset, forestInternalPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, gray, iconColors, info, lineHeight, magenta, misc, navColors, radius, red, registerPreset, shadows, sliderColors, spacing, success, text, toggleColors, violet, warning, widths };
3099
- //# sourceMappingURL=chunk-IWYN6REP.mjs.map
3100
- //# sourceMappingURL=chunk-IWYN6REP.mjs.map
3837
+ export {
3838
+ violet,
3839
+ magenta,
3840
+ gray,
3841
+ red,
3842
+ misc,
3843
+ base,
3844
+ error,
3845
+ warning,
3846
+ success,
3847
+ info,
3848
+ spacing,
3849
+ radius,
3850
+ shadows,
3851
+ focusRings,
3852
+ fontFamily,
3853
+ fontFamilyMono,
3854
+ fontSize,
3855
+ lineHeight,
3856
+ fontWeight,
3857
+ display,
3858
+ container,
3859
+ widths,
3860
+ text,
3861
+ bg,
3862
+ fg,
3863
+ border,
3864
+ buttonColors,
3865
+ avatarColors,
3866
+ breadcrumbColors,
3867
+ iconColors,
3868
+ navColors,
3869
+ sliderColors,
3870
+ toggleColors,
3871
+ chartColors,
3872
+ alpha,
3873
+ buildThemeOptions,
3874
+ buildTheme,
3875
+ forestExternalPreset,
3876
+ forestAgencyPreset,
3877
+ forestInternalPreset,
3878
+ forestAlkemyPlusPreset,
3879
+ getPreset,
3880
+ registerPreset,
3881
+ getAvailablePresets,
3882
+ forestTheme,
3883
+ forestThemeOptions
3884
+ };
3885
+ //# sourceMappingURL=chunk-TECEHFAG.mjs.map