@xyo-network/os-react-runtime 6.0.2 → 6.0.3

package/dist/browser/index.mjs

@@ -4539,301 +4539,8 @@ var WidgetCardExamples = /* @__PURE__ */ __name(() => {
 
 // src/settings/Theme/ThemeProvider.tsx
 import { ThemeProvider } from "@mui/material";
+import { XyosTheme } from "@xylabs/react-theme";
 import React55, { useMemo as useMemo20 } from "react";
-
-// src/settings/Theme/ThemeCssVars.ts
-import { createTheme, darken, lighten } from "@mui/material";
-import { alphaCss as alphaCss9 } from "@xylabs/react-theme";
-var defaultIconBackground = "#A060E0";
-var defaultIconBackgroundHover = "#bdade8";
-var DynamicIconBgGradientBuilder = {
-  iconBgGradientBuilder: /* @__PURE__ */ __name((baseColor) => `linear-gradient(148deg, ${baseColor} 0%, ${darken(baseColor, 0.3)} 100%);`, "iconBgGradientBuilder"),
-  iconBgHoverGradientBuilder: /* @__PURE__ */ __name((baseColor) => `linear-gradient(148deg, ${lighten(baseColor, 0.5)} 0%, ${lighten(baseColor, 0.2)} 100%);`, "iconBgHoverGradientBuilder")
-};
-var StaticIconBgGradient = {
-  iconGradient: `linear-gradient(148deg, ${defaultIconBackground} 0%, ${darken(defaultIconBackground, 0.35)} 100%);`,
-  iconGradientHover: `linear-gradient(148deg, ${defaultIconBackgroundHover} 0%, ${darken(defaultIconBackgroundHover, 0.35)} 100%);`
-};
-var lightPalette = {
-  background: {
-    default: "#F4F4F4",
-    paper: "#FFFFFF"
-  },
-  error: {
-    dark: "#AA0E0E",
-    light: "#F15555",
-    main: "#D81111"
-  },
-  ...DynamicIconBgGradientBuilder,
-  ...StaticIconBgGradient,
-  primary: {
-    main: "#463dc6",
-    light: "#b2adfb"
-  },
-  secondary: {
-    main: "#186ecc"
-  },
-  success: {
-    dark: "#347f21",
-    light: "#94dd80",
-    main: "#62bc50"
-  },
-  text: {
-    disabled: "#49454D",
-    primary: "#0d0d47",
-    secondary: "#49454D"
-  },
-  warning: {
-    main: "#ffc805"
-  }
-};
-var darkPalette = {
-  background: {
-    default: "#020223",
-    paper: "#19193F"
-  },
-  error: {
-    main: "#f6594e"
-  },
-  success: {
-    main: "#7efc81",
-    contrastText: "#011e01"
-  },
-  ...DynamicIconBgGradientBuilder,
-  ...StaticIconBgGradient,
-  primary: {
-    main: "#5658F3",
-    light: "#7c72ff"
-  },
-  secondary: {
-    main: "#66caf7",
-    contrastText: "#020223"
-  },
-  warning: {
-    main: "#f7d866"
-  },
-  text: {
-    disabled: "#a5acdb",
-    primary: "#E3E4EB",
-    secondary: "#e3e4eba3"
-  }
-};
-var ThemeCssVars = createTheme({
-  colorSchemes: {
-    dark: {
-      palette: darkPalette
-    },
-    light: {
-      palette: lightPalette
-    }
-  },
-  components: {
-    MuiAccordion: {
-      styleOverrides: {
-        root: {
-          "&.Mui-expanded": {
-            "&$expanded": {
-              margin: "4px 0"
-            }
-          },
-          "boxShadow": "none"
-        }
-      }
-    },
-    MuiAccordionSummary: {
-      styleOverrides: {
-        root: {
-          boxShadow: "none"
-        }
-      }
-    },
-    MuiAppBar: {
-      styleOverrides: {
-        root: /* @__PURE__ */ __name(({ theme }) => ({
-          WebkitBackdropFilter: "blur(20px)",
-          backdropFilter: "blur(20px)",
-          backgroundColor: alphaCss9(theme.vars?.palette.background.paper ?? "#000", 0.2),
-          boxShadow: "none",
-          color: "#16163D",
-          ...theme.applyStyles("dark", {
-            color: "#CBC4CE"
-          })
-        }), "root")
-      }
-    },
-    MuiCard: {
-      defaultProps: {
-        elevation: 0
-      },
-      styleOverrides: {
-        root: /* @__PURE__ */ __name(({ theme }) => ({
-          WebkitBackdropFilter: "blur(20px)",
-          backdropFilter: "blur(20px)",
-          backgroundColor: alphaCss9(theme.vars?.palette.background.paper ?? "#000", 0.7),
-          display: "flex",
-          flexDirection: "column",
-          justifyContent: "space-between"
-        }), "root")
-      }
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          // This is to get rid of the extra padding at the end of Card Content that misaligns padding when there's only 1 item
-          "&:last-child": {
-            paddingBottom: "16px"
-          }
-        }
-      }
-    },
-    MuiCardHeader: {
-      styleOverrides: {
-        content: {
-          display: "flex",
-          flexDirection: "column",
-          overflow: "hidden"
-        }
-      }
-    },
-    MuiChip: {
-      styleOverrides: {
-        root: {
-          borderRadius: 4,
-          fontWeight: 400
-        }
-      }
-    },
-    MuiContainer: {
-      styleOverrides: {
-        root: {
-          maxWidth: "xl"
-        }
-      }
-    },
-    MuiDrawer: {
-      styleOverrides: {
-        root: /* @__PURE__ */ __name(({ theme }) => ({
-          "& .MuiTypography-root, & .MuiButton-root": {
-            color: "#FFFFFF"
-          },
-          "paperProps": {
-            backgroundColor: "#19193F"
-          },
-          ...theme.applyStyles("dark", {
-            color: theme.vars?.palette.secondary.main
-          })
-        }), "root")
-      }
-    },
-    MuiFilledInput: {
-      defaultProps: {
-        disableUnderline: true
-      },
-      styleOverrides: {
-        root: /* @__PURE__ */ __name(({ theme }) => ({
-          "&.Mui-error": {
-            border: `${theme.vars?.palette.error.main} 1px solid`
-          },
-          "border": "transparent 1px solid",
-          "borderRadius": theme.shape.borderRadius
-        }), "root")
-      }
-    },
-    MuiLink: {
-      defaultProps: {
-        underline: "none"
-      },
-      styleOverrides: {
-        root: {
-          "&:hover": {
-            filter: "brightness(75%)"
-          }
-        }
-      }
-    },
-    MuiPaper: {
-      defaultProps: {
-        elevation: 0
-      }
-    },
-    MuiTableCell: {
-      styleOverrides: {
-        body: {
-          fontFamily: "monospace",
-          whiteSpace: "nowrap"
-        },
-        head: {
-          fontWeight: 700,
-          whiteSpace: "nowrap"
-        }
-      }
-    },
-    MuiTooltip: {
-      styleOverrides: {
-        tooltip: /* @__PURE__ */ __name(({ theme }) => ({
-          ...theme.typography.body1,
-          color: "inherit",
-          maxWidth: 250,
-          border: `1px solid ${theme.vars?.palette.background.default}`,
-          backgroundColor: theme.vars?.palette.background.paper,
-          padding: theme.spacing(1),
-          boxShadow: "rgba(17, 12, 46, 0.15) 0px 48px 100px 0px"
-        }), "tooltip")
-      }
-    }
-  },
-  shape: {
-    borderRadius: 6
-  },
-  spacing: 12,
-  typography: {
-    allVariants: {
-      fontFamily: [
-        "Manrope",
-        "san-serif"
-      ].join(",")
-    },
-    body1: {
-      fontSize: "16px"
-    },
-    button: {
-      fontSize: "1rem",
-      textTransform: "capitalize"
-    },
-    fontWeightBold: 700,
-    fontWeightLight: 300,
-    fontWeightMedium: 600,
-    fontWeightRegular: 500,
-    h1: {
-      fontSize: "3.2rem"
-    },
-    h2: {
-      fontSize: "2.7rem"
-    },
-    h3: {
-      fontSize: "2.24rem"
-    },
-    h4: {
-      fontSize: "2rem"
-    },
-    h5: {
-      fontSize: "1.5rem"
-    },
-    h6: {
-      fontSize: "1.2rem"
-    },
-    subtitle1: {
-      fontWeight: 300,
-      opacity: "50%",
-      textTransform: "uppercase"
-    },
-    subtitle2: {
-      opacity: "50%"
-    }
-  }
-});
-
-// src/settings/Theme/ThemeProvider.tsx
 var AppOsThemeProvider = /* @__PURE__ */ __name(({ children }) => {
   const initialValue = useMemo20(() => {
     const validValues = [
@@ -4845,7 +4552,7 @@ var AppOsThemeProvider = /* @__PURE__ */ __name(({ children }) => {
     return "system";
   }, []);
   return /* @__PURE__ */ React55.createElement(ThemeProvider, {
-    theme: ThemeCssVars,
+    theme: XyosTheme,
     defaultMode: initialValue
   }, children);
 }, "AppOsThemeProvider");