@ttoss/components 2.2.27 → 2.2.29

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-QIWMC6WC.js";
+import { NotificationCard } from "../chunk-6FMJ6F7R.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-QIWMC6WC.js";
+import { Icon, NotificationCard } from "../chunk-6FMJ6F7R.js";
 
 // src/components/NotificationsMenu/NotificationsMenu.tsx
 import { Box, Button, Card, Flex, IconButton, Text } from "@ttoss/ui";

package/dist/esm/{chunk-QIWMC6WC.js → chunk-6FMJ6F7R.js}

@@ -2109,6 +2109,12 @@ var NotificationCard = props => {
     info: "info",
     neutral: "info"
   };
+  const hasCaption = Boolean(props.caption);
+  const hasActions = Boolean(props.actions && props.actions.length > 0);
+  const hasTitle = Boolean(props.title);
+  const shouldCenterVerticallyWithoutTitle = !hasCaption && !hasActions && !hasTitle;
+  const shouldCenterVerticallyWithTitle = !hasCaption && !hasActions && hasTitle;
+  const shouldAddMinHeight = !hasCaption && !hasActions;
   return /* @__PURE__ */jsxs(Card, {
     sx: {
       ...sxMap[props.type].card,
@@ -2151,13 +2157,17 @@ var NotificationCard = props => {
         sx: {
           display: "flex",
           justifyContent: "space-between",
-          alignItems: "flex-end",
+          alignItems: "flex-start",
           width: "100%",
           gap: "4"
         },
         children: /* @__PURE__ */jsx2(Box, {
           sx: {
-            flex: 1
+            flex: 1,
+            minHeight: shouldAddMinHeight ? "40px" : "auto",
+            display: "flex",
+            alignItems: shouldCenterVerticallyWithoutTitle ? "center" : shouldCenterVerticallyWithTitle ? "center" : "flex-start",
+            textAlign: "left"
           },
           children: props.message
         })
@@ -2180,12 +2190,12 @@ var NotificationCard = props => {
             children: action.label || "Acessar"
           }, index) : null;
         })
-      }), /* @__PURE__ */jsx2(Box, {
+      }), props.caption && /* @__PURE__ */jsx2(Box, {
         sx: {
           whiteSpace: "nowrap",
           mt: 6
         },
-        children: props.caption && /* @__PURE__ */jsx2(Text, {
+        children: /* @__PURE__ */jsx2(Text, {
           sx: {
             fontSize: "xs",
             color: "text.secondary"

package/package.json

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