@matteoaliano/forest-ui 0.4.4 → 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.
- package/dist/{chunk-IWYN6REP.mjs → chunk-TECEHFAG.mjs} +1023 -238
- package/dist/chunk-TECEHFAG.mjs.map +1 -0
- package/dist/index.d.mts +225 -4
- package/dist/index.d.ts +225 -4
- package/dist/index.js +2606 -721
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1245 -245
- package/dist/index.mjs.map +1 -1
- package/dist/theme.d.mts +3 -1
- package/dist/theme.d.ts +3 -1
- package/dist/theme.js +1093 -283
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +96 -2
- package/dist/theme.mjs.map +1 -1
- package/package.json +1 -1
- package/skills/forest-agency/SKILL.md +21 -9
- package/skills/forest-agency/references/components.md +156 -48
- package/skills/forest-agency/references/patterns.md +2 -5
- package/skills/forest-alkemy-plus/SKILL.md +94 -0
- package/skills/forest-alkemy-plus/references/components.md +202 -0
- package/skills/forest-alkemy-plus/references/patterns.md +326 -0
- package/skills/forest-external/SKILL.md +21 -9
- package/skills/forest-external/references/components.md +156 -48
- package/skills/forest-external/references/patterns.md +2 -5
- package/skills/forest-internal/SKILL.md +21 -9
- package/skills/forest-internal/references/components.md +156 -48
- package/skills/forest-internal/references/patterns.md +2 -5
- package/dist/chunk-IWYN6REP.mjs.map +0 -1
|
@@ -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:
|
|
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:
|
|
669
|
-
paper:
|
|
667
|
+
default: bg6.primary,
|
|
668
|
+
paper: bg6.secondary
|
|
670
669
|
},
|
|
671
670
|
text: {
|
|
672
|
-
primary:
|
|
673
|
-
secondary:
|
|
674
|
-
disabled:
|
|
671
|
+
primary: text6.primary,
|
|
672
|
+
secondary: text6.secondary,
|
|
673
|
+
disabled: text6.disabled
|
|
675
674
|
},
|
|
676
|
-
divider:
|
|
675
|
+
divider: border6.secondary,
|
|
677
676
|
action: {
|
|
678
|
-
active:
|
|
679
|
-
hover:
|
|
680
|
-
selected:
|
|
681
|
-
disabled:
|
|
682
|
-
disabledBackground:
|
|
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:
|
|
837
|
-
focusRings:
|
|
835
|
+
radius: radius6,
|
|
836
|
+
focusRings: focusRings6,
|
|
838
837
|
shadows: tokenShadows,
|
|
839
|
-
text:
|
|
840
|
-
bg:
|
|
841
|
-
fg:
|
|
842
|
-
border:
|
|
843
|
-
buttonColors:
|
|
844
|
-
sliderColors:
|
|
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:
|
|
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:
|
|
863
|
+
boxShadow: focusRings6.brandShadowXs
|
|
863
864
|
}
|
|
864
865
|
},
|
|
865
866
|
containedPrimary: {
|
|
866
|
-
backgroundColor:
|
|
867
|
+
backgroundColor: buttonColors6.primary.bg,
|
|
867
868
|
"&:hover": {
|
|
868
|
-
backgroundColor:
|
|
869
|
+
backgroundColor: buttonColors6.primary.bgHover
|
|
869
870
|
}
|
|
870
871
|
},
|
|
871
872
|
outlinedPrimary: {
|
|
872
|
-
borderColor:
|
|
873
|
-
color:
|
|
873
|
+
borderColor: buttonColors6.secondaryColor.border,
|
|
874
|
+
color: buttonColors6.secondaryColor.fg,
|
|
874
875
|
"&:hover": {
|
|
875
|
-
backgroundColor:
|
|
876
|
-
borderColor:
|
|
876
|
+
backgroundColor: buttonColors6.secondaryColor.bgHover,
|
|
877
|
+
borderColor: buttonColors6.secondaryColor.borderHover
|
|
877
878
|
}
|
|
878
879
|
},
|
|
879
880
|
containedSecondary: {
|
|
880
|
-
backgroundColor:
|
|
881
|
-
color:
|
|
882
|
-
border: `1px solid ${
|
|
881
|
+
backgroundColor: buttonColors6.secondary.bg,
|
|
882
|
+
color: buttonColors6.secondary.fg,
|
|
883
|
+
border: `1px solid ${buttonColors6.secondary.border}`,
|
|
883
884
|
"&:hover": {
|
|
884
|
-
backgroundColor:
|
|
885
|
-
borderColor:
|
|
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:
|
|
893
|
+
color: buttonColors6.tertiaryColor.fg,
|
|
893
894
|
"&:hover": {
|
|
894
|
-
backgroundColor:
|
|
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:
|
|
907
|
+
borderRadius: radius6.md
|
|
907
908
|
},
|
|
908
909
|
grouped: {
|
|
909
910
|
"&:not(:last-of-type)": {
|
|
910
|
-
borderRight: `1px solid ${
|
|
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:
|
|
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:
|
|
937
|
+
boxShadow: focusRings6.brandShadowSm
|
|
937
938
|
}
|
|
938
939
|
},
|
|
939
940
|
primary: {
|
|
940
|
-
backgroundColor:
|
|
941
|
+
backgroundColor: buttonColors6.primary.bg,
|
|
941
942
|
"&:hover": {
|
|
942
|
-
backgroundColor:
|
|
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:
|
|
967
|
-
WebkitTextFillColor:
|
|
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:
|
|
978
|
+
borderRadius: radius6.md,
|
|
978
979
|
boxShadow: tokenShadows.xs,
|
|
979
980
|
"&&:hover:not(.Mui-focused):not(.Mui-disabled) .MuiOutlinedInput-notchedOutline": {
|
|
980
|
-
borderColor:
|
|
981
|
+
borderColor: border6.brand
|
|
981
982
|
},
|
|
982
983
|
"&&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
983
|
-
borderColor:
|
|
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:
|
|
989
|
+
borderColor: border6.error
|
|
989
990
|
},
|
|
990
991
|
"&&.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
991
|
-
borderColor:
|
|
992
|
+
borderColor: border6.errorSolid,
|
|
992
993
|
boxShadow: "none"
|
|
993
994
|
},
|
|
994
995
|
"& .MuiInputAdornment-root .MuiIconButton-root": {
|
|
995
|
-
color:
|
|
996
|
+
color: fg6.quaternary,
|
|
996
997
|
"&:hover": {
|
|
997
|
-
backgroundColor:
|
|
998
|
-
color:
|
|
998
|
+
backgroundColor: bg6.primaryHover,
|
|
999
|
+
color: fg6.brandPrimary
|
|
999
1000
|
}
|
|
1000
1001
|
}
|
|
1001
1002
|
},
|
|
1002
1003
|
notchedOutline: {
|
|
1003
|
-
borderColor:
|
|
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:
|
|
1016
|
+
color: text6.placeholder,
|
|
1016
1017
|
"&.Mui-focused": {
|
|
1017
|
-
color:
|
|
1018
|
+
color: text6.placeholder
|
|
1018
1019
|
},
|
|
1019
1020
|
"&.Mui-error": {
|
|
1020
|
-
color:
|
|
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:
|
|
1031
|
+
color: text6.placeholder,
|
|
1031
1032
|
"&.Mui-focused": {
|
|
1032
|
-
color:
|
|
1033
|
+
color: text6.placeholder
|
|
1033
1034
|
},
|
|
1034
1035
|
"&.Mui-error": {
|
|
1035
|
-
color:
|
|
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:
|
|
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:
|
|
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:
|
|
1093
|
+
borderRadius: radius6.md,
|
|
1093
1094
|
padding: "6px 8px",
|
|
1094
1095
|
gap: 4,
|
|
1095
1096
|
"&:hover": {
|
|
1096
|
-
backgroundColor:
|
|
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:
|
|
1106
|
+
borderRadius: radius6.md,
|
|
1106
1107
|
boxShadow: tokenShadows.lg,
|
|
1107
|
-
border: `1px solid ${
|
|
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:
|
|
1125
|
+
backgroundColor: bg6.primaryHover
|
|
1125
1126
|
},
|
|
1126
1127
|
'&[aria-selected="true"]': {
|
|
1127
|
-
backgroundColor:
|
|
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:
|
|
1143
|
-
borderRadius:
|
|
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:
|
|
1150
|
+
color: fg6.brandPrimary
|
|
1150
1151
|
},
|
|
1151
1152
|
"&.Mui-checked": {
|
|
1152
|
-
color:
|
|
1153
|
+
color: fg6.brandPrimary
|
|
1153
1154
|
},
|
|
1154
1155
|
"&.Mui-checked:hover": {
|
|
1155
|
-
color:
|
|
1156
|
+
color: buttonColors6.primary.bgHover
|
|
1156
1157
|
},
|
|
1157
1158
|
"&.Mui-focusVisible": {
|
|
1158
1159
|
outline: "none",
|
|
1159
|
-
boxShadow:
|
|
1160
|
-
borderRadius:
|
|
1160
|
+
boxShadow: focusRings6.brand,
|
|
1161
|
+
borderRadius: radius6.xs
|
|
1161
1162
|
},
|
|
1162
1163
|
"&.Mui-disabled": {
|
|
1163
|
-
color:
|
|
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:
|
|
1176
|
+
color: border6.primary,
|
|
1176
1177
|
padding: 0,
|
|
1177
1178
|
"&:hover": {
|
|
1178
1179
|
backgroundColor: "transparent",
|
|
1179
|
-
color:
|
|
1180
|
+
color: fg6.brandPrimary
|
|
1180
1181
|
},
|
|
1181
1182
|
"&.Mui-checked": {
|
|
1182
|
-
color:
|
|
1183
|
+
color: fg6.brandPrimary
|
|
1183
1184
|
},
|
|
1184
1185
|
"&.Mui-checked:hover": {
|
|
1185
|
-
color:
|
|
1186
|
+
color: buttonColors6.primary.bgHover
|
|
1186
1187
|
},
|
|
1187
1188
|
"&.Mui-focusVisible": {
|
|
1188
1189
|
outline: "none",
|
|
1189
|
-
boxShadow:
|
|
1190
|
-
borderRadius:
|
|
1190
|
+
boxShadow: focusRings6.brand,
|
|
1191
|
+
borderRadius: radius6.full
|
|
1191
1192
|
},
|
|
1192
1193
|
"&.Mui-disabled": {
|
|
1193
|
-
color:
|
|
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:
|
|
1214
|
+
color: fg6.white,
|
|
1214
1215
|
"& + .MuiSwitch-track": {
|
|
1215
|
-
backgroundColor:
|
|
1216
|
+
backgroundColor: fg6.brandPrimary,
|
|
1216
1217
|
opacity: 1
|
|
1217
1218
|
}
|
|
1218
1219
|
},
|
|
1219
1220
|
"&.Mui-checked:hover + .MuiSwitch-track": {
|
|
1220
|
-
backgroundColor:
|
|
1221
|
+
backgroundColor: buttonColors6.primary.bgHover
|
|
1221
1222
|
},
|
|
1222
1223
|
"&.Mui-focusVisible .MuiSwitch-thumb": {
|
|
1223
|
-
boxShadow:
|
|
1224
|
+
boxShadow: focusRings6.brand
|
|
1224
1225
|
},
|
|
1225
1226
|
"&.Mui-disabled .MuiSwitch-thumb": {
|
|
1226
|
-
color:
|
|
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:
|
|
1239
|
-
backgroundColor:
|
|
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:
|
|
1249
|
-
color:
|
|
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:
|
|
1258
|
-
borderColor:
|
|
1258
|
+
backgroundColor: bg6.primaryHover,
|
|
1259
|
+
borderColor: border6.primary
|
|
1259
1260
|
},
|
|
1260
1261
|
"&.Mui-selected": {
|
|
1261
|
-
backgroundColor:
|
|
1262
|
-
color:
|
|
1263
|
-
borderColor:
|
|
1262
|
+
backgroundColor: bg6.brandPrimary,
|
|
1263
|
+
color: buttonColors6.secondaryColor.fg,
|
|
1264
|
+
borderColor: border6.brandSolid,
|
|
1264
1265
|
"&:hover": {
|
|
1265
|
-
backgroundColor:
|
|
1266
|
+
backgroundColor: bg6.brandSecondary
|
|
1266
1267
|
}
|
|
1267
1268
|
},
|
|
1268
1269
|
"&:focus-visible": {
|
|
1269
|
-
boxShadow:
|
|
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:
|
|
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:
|
|
1287
|
-
borderBottomLeftRadius:
|
|
1287
|
+
borderTopLeftRadius: radius6.md,
|
|
1288
|
+
borderBottomLeftRadius: radius6.md
|
|
1288
1289
|
},
|
|
1289
1290
|
"&:last-of-type": {
|
|
1290
|
-
borderTopRightRadius:
|
|
1291
|
-
borderBottomRightRadius:
|
|
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:
|
|
1301
|
-
borderRight: `1px solid ${
|
|
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:
|
|
1313
|
-
border: `1px solid ${
|
|
1314
|
-
backgroundColor:
|
|
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:
|
|
1362
|
+
borderRadius: radius6.lg
|
|
1362
1363
|
},
|
|
1363
1364
|
elevation1: {
|
|
1364
1365
|
boxShadow: tokenShadows.xs,
|
|
1365
|
-
border: `1px solid ${
|
|
1366
|
+
border: `1px solid ${border6.secondary}`
|
|
1366
1367
|
},
|
|
1367
1368
|
elevation2: {
|
|
1368
1369
|
boxShadow: tokenShadows.sm,
|
|
1369
|
-
border: `1px solid ${
|
|
1370
|
+
border: `1px solid ${border6.secondary}`
|
|
1370
1371
|
},
|
|
1371
1372
|
elevation3: {
|
|
1372
1373
|
boxShadow: tokenShadows.md,
|
|
1373
|
-
border: `1px solid ${
|
|
1374
|
+
border: `1px solid ${border6.secondary}`
|
|
1374
1375
|
},
|
|
1375
1376
|
elevation4: {
|
|
1376
1377
|
boxShadow: tokenShadows.lg,
|
|
1377
|
-
border: `1px solid ${
|
|
1378
|
+
border: `1px solid ${border6.secondary}`
|
|
1378
1379
|
},
|
|
1379
1380
|
elevation8: {
|
|
1380
1381
|
boxShadow: tokenShadows.xl,
|
|
1381
|
-
border: `1px solid ${
|
|
1382
|
+
border: `1px solid ${border6.secondary}`
|
|
1382
1383
|
},
|
|
1383
1384
|
elevation16: {
|
|
1384
1385
|
boxShadow: tokenShadows["2xl"],
|
|
1385
|
-
border: `1px solid ${
|
|
1386
|
+
border: `1px solid ${border6.secondary}`
|
|
1386
1387
|
},
|
|
1387
1388
|
elevation24: {
|
|
1388
1389
|
boxShadow: tokenShadows["3xl"],
|
|
1389
|
-
border: `1px solid ${
|
|
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 ${
|
|
1402
|
-
borderRadius:
|
|
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:
|
|
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 ${
|
|
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 ${
|
|
1451
|
-
backgroundColor:
|
|
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:
|
|
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:
|
|
1494
|
-
borderRadius: `${
|
|
1494
|
+
color: text6.tertiary,
|
|
1495
|
+
borderRadius: `${radius6.md}px ${radius6.md}px 0 0`,
|
|
1495
1496
|
"&:hover": {
|
|
1496
|
-
backgroundColor:
|
|
1497
|
+
backgroundColor: bg6.primaryHover
|
|
1497
1498
|
},
|
|
1498
1499
|
"&.Mui-selected": {
|
|
1499
|
-
color:
|
|
1500
|
-
backgroundColor:
|
|
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:
|
|
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:
|
|
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 ${
|
|
1602
|
+
borderBottom: `1px solid ${border6.secondary}`,
|
|
1602
1603
|
padding: "16px 24px",
|
|
1603
1604
|
fontSize: 14,
|
|
1604
1605
|
lineHeight: "20px",
|
|
1605
|
-
color:
|
|
1606
|
+
color: fg6.tertiary
|
|
1606
1607
|
},
|
|
1607
1608
|
head: {
|
|
1608
|
-
backgroundColor:
|
|
1609
|
-
color:
|
|
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:
|
|
1616
|
+
color: fg6.tertiary
|
|
1616
1617
|
}
|
|
1617
1618
|
}
|
|
1618
1619
|
},
|
|
1619
1620
|
MuiTableHead: {
|
|
1620
1621
|
styleOverrides: {
|
|
1621
1622
|
root: {
|
|
1622
|
-
backgroundColor:
|
|
1623
|
+
backgroundColor: bg6.secondary,
|
|
1623
1624
|
"& .MuiTableRow-root:last-child .MuiTableCell-root": {
|
|
1624
|
-
borderBottom: `1px solid ${
|
|
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:
|
|
1633
|
+
backgroundColor: bg6.secondary,
|
|
1633
1634
|
"&:last-child td, &:last-child th": {
|
|
1634
1635
|
border: 0
|
|
1635
1636
|
},
|
|
1636
1637
|
"&:hover": {
|
|
1637
|
-
backgroundColor:
|
|
1638
|
+
backgroundColor: bg6.primaryHover
|
|
1638
1639
|
},
|
|
1639
1640
|
"&.Mui-selected": {
|
|
1640
|
-
backgroundColor:
|
|
1641
|
+
backgroundColor: bg6.brandPrimary,
|
|
1641
1642
|
"&:hover": {
|
|
1642
|
-
backgroundColor:
|
|
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:
|
|
1652
|
-
border: `1px solid ${
|
|
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:
|
|
1667
|
+
borderRadius: radius6.full
|
|
1667
1668
|
},
|
|
1668
1669
|
colorPrimary: {
|
|
1669
|
-
backgroundColor:
|
|
1670
|
+
backgroundColor: bg6.brandSolid
|
|
1670
1671
|
},
|
|
1671
1672
|
colorError: {
|
|
1672
|
-
backgroundColor:
|
|
1673
|
+
backgroundColor: bg6.errorSolid
|
|
1673
1674
|
},
|
|
1674
1675
|
colorSuccess: {
|
|
1675
|
-
backgroundColor:
|
|
1676
|
+
backgroundColor: bg6.successSolid
|
|
1676
1677
|
},
|
|
1677
1678
|
colorWarning: {
|
|
1678
|
-
backgroundColor:
|
|
1679
|
+
backgroundColor: bg6.warningSolid
|
|
1679
1680
|
},
|
|
1680
1681
|
dot: {
|
|
1681
1682
|
minWidth: 8,
|
|
1682
1683
|
height: 8,
|
|
1683
|
-
borderRadius:
|
|
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:
|
|
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:
|
|
1707
|
+
borderRadius: radius6.sm,
|
|
1707
1708
|
padding: "8px 12px",
|
|
1708
1709
|
"&:hover": {
|
|
1709
|
-
backgroundColor:
|
|
1710
|
+
backgroundColor: bg6.primaryHover
|
|
1710
1711
|
},
|
|
1711
1712
|
"&.Mui-selected": {
|
|
1712
|
-
backgroundColor:
|
|
1713
|
-
color:
|
|
1713
|
+
backgroundColor: bg6.brandPrimary,
|
|
1714
|
+
color: buttonColors6.secondaryColor.fg,
|
|
1714
1715
|
"&:hover": {
|
|
1715
|
-
backgroundColor:
|
|
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:
|
|
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:
|
|
1736
|
+
color: text6.secondary
|
|
1736
1737
|
},
|
|
1737
1738
|
secondary: {
|
|
1738
1739
|
fontSize: 14,
|
|
1739
1740
|
lineHeight: "20px",
|
|
1740
|
-
color:
|
|
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:
|
|
1749
|
-
color:
|
|
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:
|
|
1755
|
+
borderRadius: radius6.md,
|
|
1755
1756
|
boxShadow: tokenShadows.lg
|
|
1756
1757
|
},
|
|
1757
1758
|
arrow: {
|
|
1758
|
-
color:
|
|
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:
|
|
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:
|
|
1777
|
+
backgroundColor: bg6.errorPrimary,
|
|
1777
1778
|
color: error2[700],
|
|
1778
|
-
border: `1px solid ${
|
|
1779
|
+
border: `1px solid ${border6.error}`,
|
|
1779
1780
|
"& .MuiAlert-icon": {
|
|
1780
|
-
color:
|
|
1781
|
+
color: fg6.errorPrimary
|
|
1781
1782
|
}
|
|
1782
1783
|
},
|
|
1783
1784
|
standardWarning: {
|
|
1784
|
-
backgroundColor:
|
|
1785
|
+
backgroundColor: bg6.warningPrimary,
|
|
1785
1786
|
color: warning2[700],
|
|
1786
1787
|
border: `1px solid ${warning2[300]}`,
|
|
1787
1788
|
"& .MuiAlert-icon": {
|
|
1788
|
-
color:
|
|
1789
|
+
color: fg6.warningPrimary
|
|
1789
1790
|
}
|
|
1790
1791
|
},
|
|
1791
1792
|
standardSuccess: {
|
|
1792
|
-
backgroundColor:
|
|
1793
|
+
backgroundColor: bg6.successPrimary,
|
|
1793
1794
|
color: success2[700],
|
|
1794
1795
|
border: `1px solid ${success2[300]}`,
|
|
1795
1796
|
"& .MuiAlert-icon": {
|
|
1796
|
-
color:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
1875
|
+
borderRadius: radius6.full,
|
|
1875
1876
|
height: 8,
|
|
1876
|
-
backgroundColor:
|
|
1877
|
+
backgroundColor: border6.secondary
|
|
1877
1878
|
},
|
|
1878
1879
|
barColorPrimary: {
|
|
1879
|
-
backgroundColor:
|
|
1880
|
-
borderRadius:
|
|
1880
|
+
backgroundColor: fg6.brandPrimary,
|
|
1881
|
+
borderRadius: radius6.full
|
|
1881
1882
|
},
|
|
1882
1883
|
barColorSecondary: {
|
|
1883
|
-
backgroundColor:
|
|
1884
|
-
borderRadius:
|
|
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:
|
|
1892
|
+
color: fg6.brandPrimary
|
|
1892
1893
|
},
|
|
1893
1894
|
colorSecondary: {
|
|
1894
|
-
color:
|
|
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:
|
|
1906
|
+
backgroundColor: bg6.tertiary
|
|
1906
1907
|
},
|
|
1907
1908
|
rounded: {
|
|
1908
|
-
borderRadius:
|
|
1909
|
+
borderRadius: radius6.md
|
|
1909
1910
|
},
|
|
1910
1911
|
circular: {
|
|
1911
|
-
borderRadius:
|
|
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:
|
|
1920
|
-
color:
|
|
1921
|
-
borderRadius:
|
|
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 ${
|
|
1956
|
-
borderRadius:
|
|
2376
|
+
border: `1px solid ${border6.secondary}`,
|
|
2377
|
+
borderRadius: radius6.xl,
|
|
1957
2378
|
fontFamily: "inherit",
|
|
1958
2379
|
"& .MuiDataGrid-withBorderColor": {
|
|
1959
|
-
borderColor:
|
|
2380
|
+
borderColor: border6.secondary
|
|
1960
2381
|
}
|
|
1961
2382
|
},
|
|
1962
2383
|
columnHeaders: {
|
|
1963
|
-
backgroundColor:
|
|
2384
|
+
backgroundColor: bg6.secondary
|
|
1964
2385
|
},
|
|
1965
2386
|
columnHeader: {
|
|
1966
2387
|
fontSize: 12,
|
|
1967
2388
|
lineHeight: "18px",
|
|
1968
2389
|
fontWeight: 500,
|
|
1969
|
-
color:
|
|
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:
|
|
2403
|
+
color: fg6.tertiary,
|
|
1983
2404
|
"&:focus, &:focus-within": {
|
|
1984
2405
|
outline: "none"
|
|
1985
2406
|
}
|
|
1986
2407
|
},
|
|
1987
2408
|
row: {
|
|
1988
|
-
backgroundColor:
|
|
2409
|
+
backgroundColor: bg6.secondary,
|
|
1989
2410
|
"&:hover": {
|
|
1990
|
-
backgroundColor:
|
|
2411
|
+
backgroundColor: bg6.primaryHover
|
|
1991
2412
|
},
|
|
1992
2413
|
"&.Mui-selected": {
|
|
1993
|
-
backgroundColor:
|
|
2414
|
+
backgroundColor: bg6.brandPrimary,
|
|
1994
2415
|
"&:hover": {
|
|
1995
|
-
backgroundColor:
|
|
2416
|
+
backgroundColor: bg6.brandPrimary
|
|
1996
2417
|
}
|
|
1997
2418
|
}
|
|
1998
2419
|
},
|
|
1999
2420
|
footerContainer: {
|
|
2000
|
-
borderTop: `1px solid ${
|
|
2421
|
+
borderTop: `1px solid ${border6.secondary}`
|
|
2001
2422
|
},
|
|
2002
2423
|
columnSeparator: {
|
|
2003
|
-
color:
|
|
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:
|
|
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:
|
|
2450
|
+
borderColor: border6.primary
|
|
2030
2451
|
},
|
|
2031
2452
|
"&:hover:not(:has(.Mui-disabled)) .MuiOutlinedInput-notchedOutline": {
|
|
2032
|
-
borderColor:
|
|
2453
|
+
borderColor: border6.brand
|
|
2033
2454
|
},
|
|
2034
2455
|
"& .Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
2035
|
-
borderColor:
|
|
2456
|
+
borderColor: border6.brandSolid,
|
|
2036
2457
|
borderWidth: 1,
|
|
2037
2458
|
boxShadow: "none"
|
|
2038
2459
|
},
|
|
2039
2460
|
"& .MuiInputAdornment-root .MuiIconButton-root": {
|
|
2040
|
-
color:
|
|
2461
|
+
color: fg6.quaternary,
|
|
2041
2462
|
"&:hover": {
|
|
2042
|
-
backgroundColor:
|
|
2043
|
-
color:
|
|
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:
|
|
2474
|
+
borderRadius: radius6.xl,
|
|
2054
2475
|
boxShadow: tokenShadows.lg,
|
|
2055
|
-
border: `1px solid ${
|
|
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:
|
|
2501
|
+
color: text6.primary
|
|
2081
2502
|
},
|
|
2082
2503
|
switchViewButton: {
|
|
2083
|
-
color:
|
|
2084
|
-
"&:hover": { backgroundColor:
|
|
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:
|
|
2092
|
-
"&:hover": { backgroundColor:
|
|
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:
|
|
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:
|
|
2123
|
-
color:
|
|
2543
|
+
borderRadius: radius6.md,
|
|
2544
|
+
color: text6.primary,
|
|
2124
2545
|
backgroundColor: "transparent",
|
|
2125
2546
|
"&:hover": {
|
|
2126
|
-
backgroundColor:
|
|
2547
|
+
backgroundColor: bg6.primaryHover
|
|
2127
2548
|
},
|
|
2128
2549
|
"&.Mui-selected": {
|
|
2129
|
-
backgroundColor:
|
|
2550
|
+
backgroundColor: fg6.brandPrimary,
|
|
2130
2551
|
color: base2.white,
|
|
2131
2552
|
fontWeight: 600,
|
|
2132
2553
|
"&:hover": {
|
|
2133
|
-
backgroundColor:
|
|
2554
|
+
backgroundColor: buttonColors6.primary.bgHover
|
|
2134
2555
|
},
|
|
2135
2556
|
"&:focus": {
|
|
2136
|
-
backgroundColor:
|
|
2557
|
+
backgroundColor: fg6.brandPrimary
|
|
2137
2558
|
}
|
|
2138
2559
|
},
|
|
2139
2560
|
"&.MuiPickersDay-today": {
|
|
2140
|
-
border: `1px solid ${
|
|
2141
|
-
color:
|
|
2561
|
+
border: `1px solid ${border6.brandSolid}`,
|
|
2562
|
+
color: fg6.brandPrimary,
|
|
2142
2563
|
backgroundColor: "transparent",
|
|
2143
2564
|
fontWeight: 600,
|
|
2144
2565
|
"&.Mui-selected": {
|
|
2145
|
-
backgroundColor:
|
|
2566
|
+
backgroundColor: fg6.brandPrimary,
|
|
2146
2567
|
color: base2.white,
|
|
2147
2568
|
border: "none"
|
|
2148
2569
|
}
|
|
2149
2570
|
},
|
|
2150
2571
|
"&.Mui-focusVisible": {
|
|
2151
|
-
boxShadow:
|
|
2572
|
+
boxShadow: focusRings6.brand
|
|
2152
2573
|
},
|
|
2153
2574
|
"&.Mui-disabled": {
|
|
2154
|
-
color:
|
|
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:
|
|
2165
|
-
"&:hover": { backgroundColor:
|
|
2585
|
+
borderRadius: radius6.md,
|
|
2586
|
+
"&:hover": { backgroundColor: bg6.primaryHover },
|
|
2166
2587
|
"&.Mui-selected": {
|
|
2167
|
-
backgroundColor:
|
|
2588
|
+
backgroundColor: fg6.brandPrimary,
|
|
2168
2589
|
color: base2.white,
|
|
2169
|
-
"&:hover": { backgroundColor:
|
|
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:
|
|
2180
|
-
"&:hover": { backgroundColor:
|
|
2600
|
+
borderRadius: radius6.md,
|
|
2601
|
+
"&:hover": { backgroundColor: bg6.primaryHover },
|
|
2181
2602
|
"&.Mui-selected": {
|
|
2182
|
-
backgroundColor:
|
|
2603
|
+
backgroundColor: fg6.brandPrimary,
|
|
2183
2604
|
color: base2.white,
|
|
2184
|
-
"&:hover": { backgroundColor:
|
|
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 {
|
|
3099
|
-
|
|
3100
|
-
|
|
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
|