@doist/reactist 30.1.2 → 30.1.3

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [30.1.3](https://github.com/Doist/reactist/compare/v30.1.2...v30.1.3) (2026-04-07)
+
+### Bug Fixes
+
+- Vertically center Banner text content when action or close button is present ([#1029](https://github.com/Doist/reactist/issues/1029)) ([6759976](https://github.com/Doist/reactist/commit/67599764ba151c480cb2a58c5366aac990525176))
+
 ## [30.1.2](https://github.com/Doist/reactist/compare/v30.1.1...v30.1.2) (2026-04-03)
 
 ### Bug Fixes

package/dist/reactist.cjs.development.js

@@ -1364,7 +1364,7 @@ function useId(providedId) {
   return ref.current;
 }
 
-var modules_afa80466 = {"banner":"_84addf6f","image":"_95759431","title":"_4103765b","description":"cf9f3361","secondary":"f4b524bc","icon":"_423bcd02","closeButton":"_0f89a4a4","copy":"_141483aa","inlineLink":"fd918521","actions":"e16490a8","topContent":"b1b4f510","content":"_105440c8"};
+var modules_afa80466 = {"banner":"b5b593b1","image":"_5f315350","title":"_6188ea80","description":"_68b258a0","secondary":"eddb9d77","typeIcon":"de88193f","iconCopy":"_701950c0","closeButton":"bb6407f3","copy":"_14c85d09","inlineLink":"_342d3997","actions":"_17b9ed33","topContent":"_6eb862f2","content":"_00ac3ae8"};
 
 const _excluded$n = ["id", "type", "title", "description", "children", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"],
   _excluded2$6 = ["label"],
@@ -1512,39 +1512,38 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref)
     t5 = $[20];
   }
   let t6;
-  if ($[21] !== closeButton || $[22] !== t5) {
+  if ($[21] !== t5) {
     t6 = /*#__PURE__*/React__namespace.createElement(Box$1, {
-      className: modules_afa80466.icon
-    }, t5, closeButton);
-    $[21] = closeButton;
-    $[22] = t5;
-    $[23] = t6;
+      className: modules_afa80466.typeIcon
+    }, t5);
+    $[21] = t5;
+    $[22] = t6;
   } else {
-    t6 = $[23];
+    t6 = $[22];
   }
   let t7;
-  if ($[24] !== title || $[25] !== titleId) {
+  if ($[23] !== title || $[24] !== titleId) {
     t7 = title ? /*#__PURE__*/React__namespace.createElement(Box$1, {
       id: titleId,
       className: modules_afa80466.title
     }, title) : null;
-    $[24] = title;
-    $[25] = titleId;
-    $[26] = t7;
+    $[23] = title;
+    $[24] = titleId;
+    $[25] = t7;
   } else {
-    t7 = $[26];
+    t7 = $[25];
   }
   const t8 = title ? modules_afa80466.secondary : null;
   let t9;
-  if ($[27] !== t8) {
+  if ($[26] !== t8) {
     t9 = [modules_afa80466.description, t8];
-    $[27] = t8;
-    $[28] = t9;
+    $[26] = t8;
+    $[27] = t9;
   } else {
-    t9 = $[28];
+    t9 = $[27];
   }
   let t10;
-  if ($[29] !== inlineLinks) {
+  if ($[28] !== inlineLinks) {
     t10 = inlineLinks?.map((t11, index) => {
       const {
           label
@@ -1556,89 +1555,96 @@ const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref)
         exceptionallySetClassName: modules_afa80466.inlineLink
       }), label), index < inlineLinks.length - 1 ? /*#__PURE__*/React__namespace.createElement("span", null, " \xB7 ") : "");
     });
-    $[29] = inlineLinks;
-    $[30] = t10;
+    $[28] = inlineLinks;
+    $[29] = t10;
   } else {
-    t10 = $[30];
+    t10 = $[29];
   }
   let t11;
-  if ($[31] !== description || $[32] !== descriptionId || $[33] !== t10 || $[34] !== t9) {
+  if ($[30] !== description || $[31] !== descriptionId || $[32] !== t10 || $[33] !== t9) {
     t11 = /*#__PURE__*/React__namespace.createElement(Box$1, {
       id: descriptionId,
       className: t9
     }, description, t10);
-    $[31] = description;
-    $[32] = descriptionId;
-    $[33] = t10;
-    $[34] = t9;
-    $[35] = t11;
+    $[30] = description;
+    $[31] = descriptionId;
+    $[32] = t10;
+    $[33] = t9;
+    $[34] = t11;
   } else {
-    t11 = $[35];
+    t11 = $[34];
   }
   let t12;
-  if ($[36] !== t11 || $[37] !== t7) {
+  if ($[35] !== t11 || $[36] !== t7) {
     t12 = /*#__PURE__*/React__namespace.createElement(Box$1, {
       className: modules_afa80466.copy,
       display: "flex",
       flexDirection: "column",
       flexGrow: 1
     }, t7, t11);
-    $[36] = t11;
-    $[37] = t7;
-    $[38] = t12;
+    $[35] = t11;
+    $[36] = t7;
+    $[37] = t12;
   } else {
-    t12 = $[38];
+    t12 = $[37];
   }
   let t13;
-  if ($[39] !== action || $[40] !== closeButton) {
-    t13 = action || closeButton ? /*#__PURE__*/React__namespace.createElement(Box$1, {
-      className: modules_afa80466.actions,
+  if ($[38] !== closeButton || $[39] !== t12 || $[40] !== t6) {
+    t13 = /*#__PURE__*/React__namespace.createElement(Box$1, {
+      className: modules_afa80466.iconCopy,
       display: "flex",
-      gap: "small"
-    }, action ? isActionObject$1(action) ? action.type === "button" ? /*#__PURE__*/React__namespace.createElement(ActionButton, action) : /*#__PURE__*/React__namespace.createElement(ActionLink, action) : action : null, closeButton) : null;
-    $[39] = action;
-    $[40] = closeButton;
+      gap: "small",
+      alignItems: "flexStart",
+      flexGrow: 1
+    }, t6, t12, closeButton);
+    $[38] = closeButton;
+    $[39] = t12;
+    $[40] = t6;
     $[41] = t13;
   } else {
     t13 = $[41];
   }
   let t14;
-  if ($[42] !== t12 || $[43] !== t13) {
-    t14 = /*#__PURE__*/React__namespace.createElement(Box$1, {
-      className: modules_afa80466.topContent,
+  if ($[42] !== action || $[43] !== closeButton) {
+    t14 = action || closeButton ? /*#__PURE__*/React__namespace.createElement(Box$1, {
+      className: modules_afa80466.actions,
       display: "flex",
-      gap: "small",
-      alignItems: "flexStart"
-    }, t12, t13);
-    $[42] = t12;
-    $[43] = t13;
+      gap: "small"
+    }, action ? isActionObject$1(action) ? action.type === "button" ? /*#__PURE__*/React__namespace.createElement(ActionButton, action) : /*#__PURE__*/React__namespace.createElement(ActionLink, action) : action : null, closeButton) : null;
+    $[42] = action;
+    $[43] = closeButton;
     $[44] = t14;
   } else {
     t14 = $[44];
   }
   let t15;
-  if ($[45] !== children || $[46] !== t14) {
+  if ($[45] !== t13 || $[46] !== t14) {
     t15 = /*#__PURE__*/React__namespace.createElement(Box$1, {
+      className: modules_afa80466.topContent,
       display: "flex",
-      flexDirection: "column",
       gap: "small",
-      flexGrow: 1
-    }, t14, children);
-    $[45] = children;
+      alignItems: "center"
+    }, t13, t14);
+    $[45] = t13;
     $[46] = t14;
     $[47] = t15;
   } else {
     t15 = $[47];
   }
   let t16;
-  if ($[48] !== t15 || $[49] !== t6) {
+  if ($[48] !== children || $[49] !== t15) {
     t16 = /*#__PURE__*/React__namespace.createElement(Box$1, {
       className: modules_afa80466.content,
       display: "flex",
       gap: "small"
-    }, t6, t15);
-    $[48] = t15;
-    $[49] = t6;
+    }, /*#__PURE__*/React__namespace.createElement(Box$1, {
+      display: "flex",
+      flexDirection: "column",
+      gap: "small",
+      flexGrow: 1
+    }, t15, children));
+    $[48] = children;
+    $[49] = t15;
     $[50] = t16;
   } else {
     t16 = $[50];