@verma-consulting/design-library 0.1.50 → 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 +2 -2
package/dist/index.mjs
CHANGED
|
@@ -858,10 +858,18 @@ var FormSnackBar = ({
|
|
|
858
858
|
}, []);
|
|
859
859
|
const typeStyles = (severity2) => {
|
|
860
860
|
const baseHex = severity2 === "success" ? DULL_SNACKBAR_COLORS.success : severity2 === "error" ? DULL_SNACKBAR_COLORS.error : severity2 === "warning" ? DULL_SNACKBAR_COLORS.warning : DULL_SNACKBAR_COLORS.info;
|
|
861
|
+
const isDark = theme.palette.mode === "dark";
|
|
862
|
+
const tint = alpha6(baseHex, isDark ? 0.42 : 0.075);
|
|
863
|
+
const paper = alpha6(theme.palette.background.paper, isDark ? 0.55 : 0.88);
|
|
864
|
+
const glassEdge = alpha6("#FFFFFF", isDark ? 0.14 : 0.65);
|
|
861
865
|
return {
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
icon: baseHex
|
|
866
|
+
background: isDark ? `linear-gradient(${tint}, ${tint}), ${alpha6(theme.palette.background.default, 0.35)}` : `linear-gradient(${tint}, ${tint}), ${paper}`,
|
|
867
|
+
color: isDark ? "rgba(255,255,255,0.96)" : theme.palette.text.primary,
|
|
868
|
+
icon: baseHex,
|
|
869
|
+
border: alpha6(baseHex, isDark ? 0.28 : 0.32),
|
|
870
|
+
glassEdge,
|
|
871
|
+
textShadow: isDark ? "0 1px 2px rgba(0,0,0,0.45)" : "none",
|
|
872
|
+
boxShadow: isDark ? `0 14px 44px ${alpha6("#000000", 0.42)}, 0 4px 16px ${alpha6("#000000", 0.28)}, inset 0 1px 0 ${glassEdge}` : `0 12px 36px ${alpha6("#000000", 0.1)}, 0 4px 14px ${alpha6("#000000", 0.06)}, inset 0 1px 0 ${glassEdge}`
|
|
865
873
|
};
|
|
866
874
|
};
|
|
867
875
|
return /* @__PURE__ */ jsx7(
|
|
@@ -895,14 +903,16 @@ var FormSnackBar = ({
|
|
|
895
903
|
px: { xs: 1.25, sm: 1.5 },
|
|
896
904
|
py: 0.875,
|
|
897
905
|
alignItems: "center",
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
906
|
+
background: colors.background,
|
|
907
|
+
color: colors.color,
|
|
908
|
+
textShadow: colors.textShadow,
|
|
909
|
+
border: `1px solid ${colors.border}`,
|
|
910
|
+
boxShadow: colors.boxShadow,
|
|
911
|
+
backdropFilter: "blur(14px) saturate(155%)",
|
|
912
|
+
WebkitBackdropFilter: "blur(14px) saturate(155%)",
|
|
904
913
|
"& .MuiAlert-icon": {
|
|
905
|
-
color: colors.icon
|
|
914
|
+
color: colors.icon,
|
|
915
|
+
filter: theme.palette.mode === "dark" ? "drop-shadow(0 1px 1px rgba(0,0,0,0.35))" : "none"
|
|
906
916
|
},
|
|
907
917
|
"& .MuiAlert-message": {
|
|
908
918
|
m: 0,
|