xladmin 0.3.4 → 0.3.6
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/index.js +16 -15
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1064,7 +1064,7 @@ import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
|
|
|
1064
1064
|
import { Box, Paper, Portal, Stack, Typography } from "@mui/material";
|
|
1065
1065
|
import { alpha, useTheme } from "@mui/material/styles";
|
|
1066
1066
|
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
1067
|
-
var DEFAULT_DURATION_MS =
|
|
1067
|
+
var DEFAULT_DURATION_MS = 5e3;
|
|
1068
1068
|
var EXIT_DURATION_MS = 220;
|
|
1069
1069
|
var defaultAdminMessageApi = {
|
|
1070
1070
|
show: () => -1,
|
|
@@ -1180,8 +1180,9 @@ function AdminMessageBubble({
|
|
|
1180
1180
|
borderRadius: "11px",
|
|
1181
1181
|
px: 1.5,
|
|
1182
1182
|
py: 1.125,
|
|
1183
|
-
border: `1px solid ${appearance.borderColor}`,
|
|
1184
1183
|
backgroundColor: appearance.backgroundColor,
|
|
1184
|
+
backdropFilter: "blur(14px)",
|
|
1185
|
+
WebkitBackdropFilter: "blur(14px)",
|
|
1185
1186
|
boxShadow: `0 14px 32px ${alpha("#000000", 0.22)}`,
|
|
1186
1187
|
transform: item.leaving ? "translateX(24px) scale(0.98)" : "translateX(0) scale(1)",
|
|
1187
1188
|
opacity: item.leaving ? 0 : 1,
|
|
@@ -1223,7 +1224,7 @@ function AdminMessageBubble({
|
|
|
1223
1224
|
fontSize: 14,
|
|
1224
1225
|
lineHeight: 1.35,
|
|
1225
1226
|
fontWeight: 500,
|
|
1226
|
-
color:
|
|
1227
|
+
color: appearance.textColor,
|
|
1227
1228
|
wordBreak: "break-word",
|
|
1228
1229
|
flex: 1,
|
|
1229
1230
|
display: "flex",
|
|
@@ -1241,27 +1242,27 @@ function getBubbleAppearance(theme, kind) {
|
|
|
1241
1242
|
if (kind === "success") {
|
|
1242
1243
|
return {
|
|
1243
1244
|
icon: CheckCircleOutlineIcon,
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1245
|
+
backgroundColor: alpha(theme.palette.success.main, 0.6),
|
|
1246
|
+
iconColor: theme.palette.common.white,
|
|
1247
|
+
iconBackgroundColor: alpha(theme.palette.common.white, 0.14),
|
|
1248
|
+
textColor: theme.palette.common.white
|
|
1248
1249
|
};
|
|
1249
1250
|
}
|
|
1250
1251
|
if (kind === "error") {
|
|
1251
1252
|
return {
|
|
1252
1253
|
icon: ErrorOutlineIcon,
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1254
|
+
backgroundColor: alpha(theme.palette.error.main, 0.6),
|
|
1255
|
+
iconColor: theme.palette.common.white,
|
|
1256
|
+
iconBackgroundColor: alpha(theme.palette.common.white, 0.14),
|
|
1257
|
+
textColor: theme.palette.common.white
|
|
1257
1258
|
};
|
|
1258
1259
|
}
|
|
1259
1260
|
return {
|
|
1260
1261
|
icon: InfoOutlinedIcon,
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1262
|
+
backgroundColor: alpha(theme.palette.info.main, 0.6),
|
|
1263
|
+
iconColor: theme.palette.common.white,
|
|
1264
|
+
iconBackgroundColor: alpha(theme.palette.common.white, 0.14),
|
|
1265
|
+
textColor: theme.palette.common.white
|
|
1265
1266
|
};
|
|
1266
1267
|
}
|
|
1267
1268
|
|