@verma-consulting/design-library 0.1.51 → 0.1.52
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 +20 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -895,10 +895,18 @@ var FormSnackBar = ({
|
|
|
895
895
|
}, []);
|
|
896
896
|
const typeStyles = (severity2) => {
|
|
897
897
|
const baseHex = severity2 === "success" ? DULL_SNACKBAR_COLORS.success : severity2 === "error" ? DULL_SNACKBAR_COLORS.error : severity2 === "warning" ? DULL_SNACKBAR_COLORS.warning : DULL_SNACKBAR_COLORS.info;
|
|
898
|
+
const isDark = theme.palette.mode === "dark";
|
|
899
|
+
const tint = (0, import_styles6.alpha)(baseHex, isDark ? 0.42 : 0.075);
|
|
900
|
+
const paper = (0, import_styles6.alpha)(theme.palette.background.paper, isDark ? 0.55 : 0.88);
|
|
901
|
+
const glassEdge = (0, import_styles6.alpha)("#FFFFFF", isDark ? 0.14 : 0.65);
|
|
898
902
|
return {
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
icon: baseHex
|
|
903
|
+
background: isDark ? `linear-gradient(${tint}, ${tint}), ${(0, import_styles6.alpha)(theme.palette.background.default, 0.35)}` : `linear-gradient(${tint}, ${tint}), ${paper}`,
|
|
904
|
+
color: isDark ? "rgba(255,255,255,0.96)" : theme.palette.text.primary,
|
|
905
|
+
icon: baseHex,
|
|
906
|
+
border: (0, import_styles6.alpha)(baseHex, isDark ? 0.28 : 0.32),
|
|
907
|
+
glassEdge,
|
|
908
|
+
textShadow: isDark ? "0 1px 2px rgba(0,0,0,0.45)" : "none",
|
|
909
|
+
boxShadow: isDark ? `0 14px 44px ${(0, import_styles6.alpha)("#000000", 0.42)}, 0 4px 16px ${(0, import_styles6.alpha)("#000000", 0.28)}, inset 0 1px 0 ${glassEdge}` : `0 12px 36px ${(0, import_styles6.alpha)("#000000", 0.1)}, 0 4px 14px ${(0, import_styles6.alpha)("#000000", 0.06)}, inset 0 1px 0 ${glassEdge}`
|
|
902
910
|
};
|
|
903
911
|
};
|
|
904
912
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
@@ -932,14 +940,16 @@ var FormSnackBar = ({
|
|
|
932
940
|
px: { xs: 1.25, sm: 1.5 },
|
|
933
941
|
py: 0.875,
|
|
934
942
|
alignItems: "center",
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
943
|
+
background: colors.background,
|
|
944
|
+
color: colors.color,
|
|
945
|
+
textShadow: colors.textShadow,
|
|
946
|
+
border: `1px solid ${colors.border}`,
|
|
947
|
+
boxShadow: colors.boxShadow,
|
|
948
|
+
backdropFilter: "blur(14px) saturate(155%)",
|
|
949
|
+
WebkitBackdropFilter: "blur(14px) saturate(155%)",
|
|
941
950
|
"& .MuiAlert-icon": {
|
|
942
|
-
color: colors.icon
|
|
951
|
+
color: colors.icon,
|
|
952
|
+
filter: theme.palette.mode === "dark" ? "drop-shadow(0 1px 1px rgba(0,0,0,0.35))" : "none"
|
|
943
953
|
},
|
|
944
954
|
"& .MuiAlert-message": {
|
|
945
955
|
m: 0,
|