@ttoss/react-auth 1.3.37 → 1.4.0

package/dist/esm/index.js

@@ -81,7 +81,7 @@ import { Auth as AmplifyAuth } from "aws-amplify";
 
 // src/AuthCard.tsx
 import * as React2 from "react";
-import { Button, Card, Flex, Link, Text } from "@ttoss/ui";
+import { Box, Button, Flex, Link, Text } from "@ttoss/ui";
 import { useNotifications } from "@ttoss/react-notifications";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var LogoContext = /*#__PURE__*/React2.createContext({});
@@ -106,14 +106,14 @@ var AuthCard = ({
   const {
     isLoading
   } = useNotifications();
-  return /* @__PURE__ */jsx2(Card, {
+  return /* @__PURE__ */jsx2(Box, {
     sx: {
       maxWidth: "564px"
     },
     children: /* @__PURE__ */jsxs(Flex, {
       sx: {
         flexDirection: "column",
-        gap: 3
+        gap: "md"
       },
       children: [logo && /* @__PURE__ */jsx2(Flex, {
         sx: {
@@ -122,17 +122,16 @@ var AuthCard = ({
         },
         children: logo
       }), /* @__PURE__ */jsx2(Text, {
-        variant: "title",
         sx: {
           alignSelf: "center",
-          marginY: 4,
-          fontSize: 5
+          marginY: "md",
+          fontSize: "xl"
         },
         children: title
       }), children, /* @__PURE__ */jsx2(Flex, {
         sx: {
           justifyContent: "space-between",
-          marginTop: 3
+          marginTop: "md"
         },
         children: /* @__PURE__ */jsx2(Button, {
           type: "submit",
@@ -148,8 +147,8 @@ var AuthCard = ({
         sx: {
           justifyContent: "space-between",
           flexDirection: "column",
-          gap: 3,
-          marginTop: 4,
+          gap: "sm",
+          marginTop: "md",
           color: "text"
         },
         children: links.map(link => {
@@ -287,7 +286,6 @@ var createAuthTemplate = ({
     Resources: {
       [CognitoUserPoolLogicalId]: {
         Type: "AWS::Cognito::UserPool",
-        DeletionPolicy: "Retain",
         Properties: {
           AutoVerifiedAttributes,
           Policies: {

package/dist/index.js

@@ -150,14 +150,14 @@ var AuthCard = ({
   const {
     isLoading
   } = (0, import_react_notifications.useNotifications)();
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Card, {
+  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Box, {
     sx: {
       maxWidth: "564px"
     },
     children: /* @__PURE__ */(0, import_jsx_runtime2.jsxs)(import_ui.Flex, {
       sx: {
         flexDirection: "column",
-        gap: 3
+        gap: "md"
       },
       children: [logo && /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Flex, {
         sx: {
@@ -166,17 +166,16 @@ var AuthCard = ({
         },
         children: logo
       }), /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Text, {
-        variant: "title",
         sx: {
           alignSelf: "center",
-          marginY: 4,
-          fontSize: 5
+          marginY: "md",
+          fontSize: "xl"
         },
         children: title
       }), children, /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Flex, {
         sx: {
           justifyContent: "space-between",
-          marginTop: 3
+          marginTop: "md"
         },
         children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui.Button, {
           type: "submit",
@@ -192,8 +191,8 @@ var AuthCard = ({
         sx: {
           justifyContent: "space-between",
           flexDirection: "column",
-          gap: 3,
-          marginTop: 4,
+          gap: "sm",
+          marginTop: "md",
           color: "text"
         },
         children: links.map(link => {
@@ -331,7 +330,6 @@ var createAuthTemplate = ({
     Resources: {
       [CognitoUserPoolLogicalId]: {
         Type: "AWS::Cognito::UserPool",
-        DeletionPolicy: "Retain",
         Properties: {
           AutoVerifiedAttributes,
           Policies: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth",
-  "version": "1.3.37",
+  "version": "1.4.0",
   "description": "ttoss authentication module for React apps.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -23,9 +23,9 @@
   "sideEffects": false,
   "typings": "./dist/index.d.ts",
   "dependencies": {
-    "@ttoss/forms": "^0.15.14",
-    "@xstate/react": "^3.0.1",
-    "xstate": "^4.35.0"
+    "@ttoss/forms": "^0.16.0",
+    "@xstate/react": "^3.2.2",
+    "xstate": "^4.37.2"
   },
   "peerDependencies": {
     "@ttoss/react-i18n": "^",
@@ -35,14 +35,14 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/cloud-auth": "^0.8.10",
-    "@ttoss/config": "^1.29.5",
-    "@ttoss/i18n-cli": "^0.4.6",
-    "@ttoss/react-i18n": "^1.20.0",
-    "@ttoss/react-notifications": "^1.20.43",
-    "@ttoss/test-utils": "^1.21.5",
-    "@ttoss/ui": "^1.34.1",
-    "@types/react": "^18.0.37",
+    "@ttoss/cloud-auth": "^0.9.0",
+    "@ttoss/config": "^1.30.0",
+    "@ttoss/i18n-cli": "^0.5.0",
+    "@ttoss/react-i18n": "^1.21.0",
+    "@ttoss/react-notifications": "^1.21.0",
+    "@ttoss/test-utils": "^1.22.0",
+    "@ttoss/ui": "^1.35.0",
+    "@types/react": "^18.2.0",
     "aws-amplify": "^5.0.25",
     "jest": "^29.5.0",
     "tsup": "^6.7.0"
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b473ec0322fbe1a459d81339aab3de60d6bebc9a"
+  "gitHead": "33dbd7f434af69ce6e6bac1b618cb9dc1103f387"
 }

package/src/AuthCard.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button, Card, Flex, Link, Text } from '@ttoss/ui';
+import { Box, Button, Flex, Link, Text } from '@ttoss/ui';
 import { useNotifications } from '@ttoss/react-notifications';
 
 export type LogoContextProps = {
@@ -36,19 +36,16 @@ export const AuthCard = ({
   const { isLoading } = useNotifications();
 
   return (
-    <Card sx={{ maxWidth: '564px' }}>
-      <Flex sx={{ flexDirection: 'column', gap: 3 }}>
+    <Box sx={{ maxWidth: '564px' }}>
+      <Flex sx={{ flexDirection: 'column', gap: 'md' }}>
         {logo && (
           <Flex sx={{ width: '100%', justifyContent: 'center' }}>{logo}</Flex>
         )}
-        <Text
-          variant="title"
-          sx={{ alignSelf: 'center', marginY: 4, fontSize: 5 }}
-        >
+        <Text sx={{ alignSelf: 'center', marginY: 'md', fontSize: 'xl' }}>
           {title}
         </Text>
         {children}
-        <Flex sx={{ justifyContent: 'space-between', marginTop: 3 }}>
+        <Flex sx={{ justifyContent: 'space-between', marginTop: 'md' }}>
           <Button
             type="submit"
             aria-label="submit-login"
@@ -64,8 +61,8 @@ export const AuthCard = ({
           sx={{
             justifyContent: 'space-between',
             flexDirection: 'column',
-            gap: 3,
-            marginTop: 4,
+            gap: 'sm',
+            marginTop: 'md',
             color: 'text',
           }}
         >
@@ -80,6 +77,6 @@ export const AuthCard = ({
           })}
         </Flex>
       </Flex>
-    </Card>
+    </Box>
   );
 };