refine-mantine 1.6.0 → 1.6.1

package/dist/index.js

@@ -1969,44 +1969,40 @@ const UpdatePasswordPage = (p) => {
 	});
 };
 
-//#endregion
-//#region src/pages/NotFound.module.css
-var NotFound_module_default = {};
-
 //#endregion
 //#region src/pages/NotFound.tsx
 const NotFound = ({ returnTo }) => {
 	const t = useTranslate();
-	return /* @__PURE__ */ jsxs(Container, {
-		className: NotFound_module_default.root,
+	return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Stack, {
+		h: "100vh",
+		align: "center",
+		justify: "center",
+		gap: "xl",
 		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: NotFound_module_default.label,
+			/* @__PURE__ */ jsx(Title, {
+				fw: 500,
 				children: t("pages.notFound.label", "404")
 			}),
 			/* @__PURE__ */ jsx(Title, {
-				className: NotFound_module_default.title,
+				fw: 500,
 				children: t("pages.notFound.title", "You have found a secret place.")
 			}),
 			/* @__PURE__ */ jsx(Text, {
 				c: "dimmed",
 				size: "lg",
 				ta: "center",
-				className: NotFound_module_default.description,
+				maw: 500,
 				children: t("pages.notFound.description", "Unfortunately, this is only a 404 page. You may have mistyped the address, or the page has been moved to another URL.")
 			}),
-			/* @__PURE__ */ jsx(Group, {
-				justify: "center",
-				children: /* @__PURE__ */ jsx(Button, {
-					component: Link,
-					to: returnTo,
-					variant: "subtle",
-					size: "md",
-					children: t("pages.notFound.button", "Take me back to home page")
-				})
+			/* @__PURE__ */ jsx(Button, {
+				component: Link,
+				to: returnTo,
+				variant: "subtle",
+				size: "md",
+				children: t("pages.notFound.button", "Take me back to home page")
 			})
 		]
-	});
+	}) });
 };
 
 //#endregion

package/package.json

@@ -93,5 +93,5 @@
   "dependencies": {
     "@refinedev/ui-types": "^2.0.1"
   },
-  "version": "1.6.0"
+  "version": "1.6.1"
 }

package/src/pages/NotFound.tsx

@@ -1,6 +1,5 @@
-import { Button, Container, Group, Text, Title } from '@mantine/core';
+import { Button, Container, Stack, Text, Title } from '@mantine/core';
 import { Link, useTranslate } from '@refinedev/core';
-import classes from './NotFound.module.css';
 
 interface NotFoundProps {
   returnTo: string;
@@ -12,22 +11,22 @@ export const NotFound: React.FC<NotFoundProps> = ({
   const t = useTranslate();
   
   return (
-    <Container className={classes.root}>
-      <div className={classes.label}>
-        {t("pages.notFound.label", "404")}
-      </div>
-      <Title className={classes.title}>
-        {t("pages.notFound.title", "You have found a secret place.")}
-      </Title>
-      <Text c="dimmed" size="lg" ta="center" className={classes.description}>
-        {t(
-          "pages.notFound.description",
-          "Unfortunately, this is only a 404 page. You may have mistyped the address, or the page has been moved to another URL."
-        )}
-      </Text>
-      <Group justify="center">
+    <Container>
+      <Stack h="100vh" align="center" justify="center" gap="xl">
+        <Title fw={500}>
+          {t("pages.notFound.label", "404")}
+        </Title>
+        <Title fw={500}>
+          {t("pages.notFound.title", "You have found a secret place.")}
+        </Title>
+        <Text c="dimmed" size="lg" ta="center" maw={500}>
+          {t(
+            "pages.notFound.description",
+            "Unfortunately, this is only a 404 page. You may have mistyped the address, or the page has been moved to another URL."
+          )}
+        </Text>
         <Button
-          component={Link as  React.FC<{ to: string }>}
+          component={Link as React.FC<{ to: string }>}
           to={returnTo}
           variant="subtle"
           size="md"
@@ -37,7 +36,7 @@ export const NotFound: React.FC<NotFoundProps> = ({
             "Take me back to home page"
           )}
         </Button>
-      </Group>
+      </Stack>
     </Container>
   );
 }

package/dist/index.css

@@ -1,35 +0,0 @@
-.root {
-  padding-top: 80px;
-  padding-bottom: 80px;
-}
-
-.label {
-  text-align: center;
-  font-weight: 500;
-  font-size: 38px;
-  line-height: 1;
-  margin-bottom: calc(1.5 * var(--mantine-spacing-xl));
-  color: var(--mantine-color-gray-2);
-
-  @media (max-width: $mantine-breakpoint-sm) {
-    font-size: 32px;
-  }
-}
-
-.description {
-  max-width: 500px;
-  margin: auto;
-  margin-top: var(--mantine-spacing-xl);
-  margin-bottom: calc(1.5 * var(--mantine-spacing-xl));
-}
-
-.title {
-  font-family: 'Outfit', var(--mantine-font-family);
-  text-align: center;
-  font-weight: 500;
-  font-size: 38px;
-
-  @media (max-width: $mantine-breakpoint-sm) {
-    font-size: 32px;
-  }
-}

package/src/pages/NotFound.module.css

@@ -1,35 +0,0 @@
-.root {
-  padding-top: 80px;
-  padding-bottom: 80px;
-}
-
-.label {
-  text-align: center;
-  font-weight: 500;
-  font-size: 38px;
-  line-height: 1;
-  margin-bottom: calc(1.5 * var(--mantine-spacing-xl));
-  color: var(--mantine-color-gray-2);
-
-  @media (max-width: $mantine-breakpoint-sm) {
-    font-size: 32px;
-  }
-}
-
-.description {
-  max-width: 500px;
-  margin: auto;
-  margin-top: var(--mantine-spacing-xl);
-  margin-bottom: calc(1.5 * var(--mantine-spacing-xl));
-}
-
-.title {
-  font-family: 'Outfit', var(--mantine-font-family);
-  text-align: center;
-  font-weight: 500;
-  font-size: 38px;
-
-  @media (max-width: $mantine-breakpoint-sm) {
-    font-size: 32px;
-  }
-}