@verifiedinc-public/shared-ui-elements 1.1.1-beta.1 → 1.1.1-beta.2

package/dist/components/Backdrop/index.d.ts

@@ -4,5 +4,5 @@ interface BackdropProps {
     sx?: SxProps;
     children?: React.ReactNode;
 }
-export declare const Backdrop: ({ open, sx, children, }: BackdropProps) => React.JSX.Element;
+export declare function Backdrop({ open, sx, children, }: BackdropProps): React.JSX.Element;
 export {};

package/dist/shared-ui-elements.mjs

@@ -19799,28 +19799,25 @@ function oM({
     }
   ) });
 }
-const iM = ({
+function iM({
   open: e,
   sx: n,
   children: o
-}) => {
+}) {
   const i = Po();
   return /* @__PURE__ */ m.jsx(
     Xv,
     {
       sx: {
         color: i.palette.primary.main,
-        zIndex: i.zIndex.drawer + 1,
-        ...n
+        zIndex: i.zIndex.drawer + 1
       },
       open: e,
-      children: /* @__PURE__ */ m.jsxs(Lt, { alignItems: "center", spacing: 3, children: [
-        /* @__PURE__ */ m.jsx(Jv, { color: "inherit" }),
-        o
-      ] })
+      children: /* @__PURE__ */ m.jsx(Lt, { alignItems: "center", spacing: 3, children: /* @__PURE__ */ m.jsx(Jv, { color: "inherit" }) })
     }
   );
-}, sA = "rgba(0,0,0,0.26)", xi = "#ffffff", aM = "#000000", Iu = "#0dbc3d", lA = "#5ef06d", J1 = "#008a01", Q1 = "#164fd6", e0 = "#657bff", t0 = "#0028a3", uA = "#eb0d28", cA = "#ff5952", fA = "#b00000", n0 = "#F5D328", sM = "#5ef06d", dA = "#bea008", lM = "#625410", pA = "#09225E", hA = "#F9F9FB", r0 = "#bdbdbd", gA = "#797979", mA = tc.grey[400], vA = tc.grey[500], bA = tc.grey[600], uM = ({ primaryFontFace: e }) => Qv({
+}
+const sA = "rgba(0,0,0,0.26)", xi = "#ffffff", aM = "#000000", Iu = "#0dbc3d", lA = "#5ef06d", J1 = "#008a01", Q1 = "#164fd6", e0 = "#657bff", t0 = "#0028a3", uA = "#eb0d28", cA = "#ff5952", fA = "#b00000", n0 = "#F5D328", sM = "#5ef06d", dA = "#bea008", lM = "#625410", pA = "#09225E", hA = "#F9F9FB", r0 = "#bdbdbd", gA = "#797979", mA = tc.grey[400], vA = tc.grey[500], bA = tc.grey[600], uM = ({ primaryFontFace: e }) => Qv({
   typography: {
     fontFamily: e.style.fontFamily
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "1.1.1-beta.1",
+  "version": "1.1.1-beta.2",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "keywords": [],

package/src/components/Backdrop/index.tsx

@@ -12,11 +12,11 @@ interface BackdropProps {
   children?: React.ReactNode;
 }
 
-export const Backdrop = ({
+export function Backdrop({
   open,
   sx,
   children,
-}: BackdropProps): React.JSX.Element => {
+}: BackdropProps): React.JSX.Element {
   const theme = useTheme();
 
   return (
@@ -24,14 +24,12 @@ export const Backdrop = ({
       sx={{
         color: theme.palette.primary.main,
         zIndex: theme.zIndex.drawer + 1,
-        ...sx,
       }}
       open={open}
     >
       <Stack alignItems='center' spacing={3}>
         <CircularProgress color='inherit' />
-        {children}
       </Stack>
     </MUIBackdrop>
   );
-};
+}