@ttoss/react-notifications 1.24.2 → 1.24.4

package/dist/esm/index.js

@@ -144,8 +144,7 @@ var NotificationsBox = ({
 };
 
 // src/NotificationsModal.tsx
-import { Button as Button2 } from "@ttoss/ui";
-import { Icon } from "@ttoss/react-icons";
+import { CloseButton } from "@ttoss/ui";
 import { Modal } from "@ttoss/components";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var NotificationsModal = () => {
@@ -163,19 +162,15 @@ var NotificationsModal = () => {
         alignItems: "center"
       }
     },
-    children: [/* @__PURE__ */jsx3(Button2, {
-      placeholder: "Close",
-      style: {
+    children: [/* @__PURE__ */jsx3(CloseButton, {
+      sx: {
         alignSelf: "flex-end"
       },
       onClick: () => {
         setNotifications(void 0);
-      },
-      children: /* @__PURE__ */jsx3(Icon, {
-        icon: "close"
-      })
+      }
     }), /* @__PURE__ */jsx3(NotificationsBox, {
-      direction: "row"
+      direction: "column"
     })]
   });
 };

package/dist/index.js

@@ -190,7 +190,6 @@ var NotificationsBox = ({
 
 // src/NotificationsModal.tsx
 var import_ui3 = require("@ttoss/ui");
-var import_react_icons = require("@ttoss/react-icons");
 var import_components = require("@ttoss/components");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var NotificationsModal = () => {
@@ -208,19 +207,15 @@ var NotificationsModal = () => {
         alignItems: "center"
       }
     },
-    children: [/* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Button, {
-      placeholder: "Close",
-      style: {
+    children: [/* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.CloseButton, {
+      sx: {
         alignSelf: "flex-end"
       },
       onClick: () => {
         setNotifications(void 0);
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_icons.Icon, {
-        icon: "close"
-      })
+      }
     }), /* @__PURE__ */(0, import_jsx_runtime3.jsx)(NotificationsBox, {
-      direction: "row"
+      direction: "column"
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-notifications",
-  "version": "1.24.2",
+  "version": "1.24.4",
   "description": "ttoss notifications module for React apps.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -22,7 +22,7 @@
   "typings": "dist/index.d.ts",
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^1.29.12",
+    "@ttoss/components": "^1.29.13",
     "@ttoss/react-icons": "^0.1.1",
     "@ttoss/ui": "^3.1.1"
   },
@@ -31,7 +31,7 @@
     "jest": "^29.6.2",
     "react": "^18.2.0",
     "tsup": "^7.1.0",
-    "@ttoss/components": "^1.29.12",
+    "@ttoss/components": "^1.29.13",
     "@ttoss/config": "^1.30.6",
     "@ttoss/test-utils": "^1.23.7"
   },

package/src/NotificationsModal.tsx

@@ -1,5 +1,4 @@
-import { Button } from '@ttoss/ui';
-import { Icon } from '@ttoss/react-icons';
+import { CloseButton } from '@ttoss/ui';
 import { Modal } from '@ttoss/components';
 import { NotificationsBox } from './NotificationsBox';
 import { useNotifications } from './Provider';
@@ -19,16 +18,13 @@ export const NotificationsModal = () => {
         },
       }}
     >
-      <Button
-        placeholder="Close"
-        style={{ alignSelf: 'flex-end' }}
+      <CloseButton
+        sx={{ alignSelf: 'flex-end' }}
         onClick={() => {
           setNotifications(undefined);
         }}
-      >
-        <Icon icon={'close'}></Icon>
-      </Button>
-      <NotificationsBox direction="row" />
+      />
+      <NotificationsBox direction="column" />
     </Modal>
   );
 };