@ttoss/components 2.2.32 → 2.3.0

package/dist/esm/NotificationCard/index.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { NotificationCard } from "../chunk-MUZOQ5WS.js";
+import { NotificationCard } from "../chunk-Q4MJKM2X.js";
 export { NotificationCard };

package/dist/esm/NotificationsMenu/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Icon, NotificationCard } from "../chunk-MUZOQ5WS.js";
+import { Icon, NotificationCard } from "../chunk-Q4MJKM2X.js";
 
 // src/components/NotificationsMenu/NotificationsMenu.tsx
 import { Box, Button, Card, Flex, IconButton, Text } from "@ttoss/ui";
@@ -127,8 +127,8 @@ var NotificationsMenu = ({
             top: "calc(100% + 8px)",
             left: openToLeft ? "auto" : 0,
             right: openToLeft ? 0 : "auto",
-            width: ["90vw", "550px"],
-            maxHeight: "400px",
+            width: notifications.length === 0 ? ["60vw", "300px"] : ["90vw", "600px"],
+            maxHeight: "550px",
             overflowY: "auto",
             zIndex: "modal",
             padding: 0,
@@ -174,12 +174,13 @@ var NotificationsMenu = ({
                   onClick: onClearAll,
                   children: [/* @__PURE__ */jsx(Icon, {
                     icon: "delete",
-                    width: 18,
-                    height: 18
+                    width: 16,
+                    height: 16
                   }), /* @__PURE__ */jsx(Text, {
                     sx: {
                       ml: -1,
-                      marginTop: -0.4
+                      marginTop: -0.4,
+                      fontSize: "sm"
                     },
                     children: "Limpar Tudo"
                   })]

package/dist/esm/{chunk-MUZOQ5WS.js → chunk-Q4MJKM2X.js}

@@ -2125,19 +2125,34 @@ var NotificationCard = props => {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "center",
-        fontSize: "xl"
+        fontSize: ["md", "xl"],
+        paddingY: ["1", "2", "4"],
+        paddingX: ["2", "4", "8"]
       },
       children: [/* @__PURE__ */jsxs(Text, {
         sx: {
           display: "inline-flex",
-          alignItems: "center",
-          gap: "2"
+          alignItems: "flex-start",
+          gap: "2",
+          flexDirection: "row",
+          flexWrap: "wrap"
         },
-        children: [/* @__PURE__ */jsx2(Icon2, {
-          icon: icon[props.type]
-        }), props.title, props.tags && /* @__PURE__ */jsx2(Tag, {
+        children: [/* @__PURE__ */jsxs(Box, {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: "2"
+          },
+          children: [/* @__PURE__ */jsx2(Icon2, {
+            icon: icon[props.type]
+          }), props.title]
+        }), props.tags && (Array.isArray(props.tags) ? props.tags.length > 0 : true) && (Array.isArray(props.tags) ? props.tags.map((tag, index) => {
+          return /* @__PURE__ */jsx2(Tag, {
+            children: tag
+          }, index);
+        }) : /* @__PURE__ */jsx2(Tag, {
           children: props.tags
-        })]
+        }))]
       }), props.onClose && /* @__PURE__ */jsx2(Box, {
         sx: {
           marginLeft: "auto"
@@ -2151,7 +2166,9 @@ var NotificationCard = props => {
         ...sxMap[props.type].card,
         display: "flex",
         flexDirection: "column",
-        gap: "2"
+        gap: "2",
+        paddingY: ["1", "2", "4"],
+        paddingX: ["2", "4", "8"]
       },
       children: [/* @__PURE__ */jsx2(Box, {
         sx: {
@@ -2166,7 +2183,12 @@ var NotificationCard = props => {
           sx: {
             flex: 1
           },
-          children: props.message
+          children: /* @__PURE__ */jsx2(Text, {
+            sx: {
+              fontSize: ["sm", "md"]
+            },
+            children: props.message
+          })
         })
       }), props.actions && props.actions.length > 0 && /* @__PURE__ */jsx2(Box, {
         sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.2.32",
+  "version": "2.3.0",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -108,10 +108,10 @@
     "tsup": "^8.5.0",
     "tsx": "^4.19.2",
     "@ttoss/config": "^1.35.6",
-    "@ttoss/react-hooks": "^2.1.2",
     "@ttoss/react-icons": "^0.4.15",
+    "@ttoss/test-utils": "^2.1.26",
     "@ttoss/ui": "^5.9.3",
-    "@ttoss/test-utils": "^2.1.26"
+    "@ttoss/react-hooks": "^2.1.2"
   },
   "keywords": [
     "React",