@zauru-sdk/components 2.2.0 → 2.3.1

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.3.1](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.3.0...v2.3.1) (2025-06-27)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
+# [2.3.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.2.0...v2.3.0) (2025-06-27)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 # [2.2.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.1.1...v2.2.0) (2025-06-26)
 
 

package/dist/esm/Containers/Container.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 export const Container = (props) => {
     const { title, description, children, className = "", rightContent } = props;
     const titleInfo = (_jsxs(_Fragment, { children: [title && (_jsx("h3", { className: "text-3xl font-bold leading-8 text-gray-900", children: title })), description && (_jsx("p", { className: "mt-1 text-md text-gray-600", children: description }))] }));
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: `mx-2 ${className}`, children: [rightContent && (_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("div", { children: titleInfo }), _jsx("div", { children: rightContent })] })), !rightContent && titleInfo, _jsx("div", { className: "mt-5 space-y-5", children: children })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: `mx-2 ${className}`, children: [rightContent && (_jsxs("div", { className: "flex flex-col sm:flex-row sm:justify-between sm:items-start gap-4", children: [_jsx("div", { className: "max-w-3xl", children: titleInfo }), _jsx("div", { className: "flex-shrink-0", children: rightContent })] })), !rightContent && titleInfo, _jsx("div", { className: "mt-5 space-y-5", children: children })] }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
@@ -35,11 +35,11 @@
     "@rails/activestorage": "^8.0.200",
     "@reduxjs/toolkit": "^2.2.1",
     "@remix-run/react": "^2.8.1",
-    "@zauru-sdk/common": "^2.2.0",
-    "@zauru-sdk/hooks": "^2.2.0",
+    "@zauru-sdk/common": "^2.3.1",
+    "@zauru-sdk/hooks": "^2.3.1",
     "@zauru-sdk/icons": "^2.0.188",
-    "@zauru-sdk/types": "^2.2.0",
-    "@zauru-sdk/utils": "^2.2.0",
+    "@zauru-sdk/types": "^2.3.1",
+    "@zauru-sdk/utils": "^2.3.1",
     "browser-image-compression": "^2.0.2",
     "framer-motion": "^11.7.0",
     "jsonwebtoken": "^9.0.2",
@@ -52,5 +52,5 @@
     "styled-components": "^5.3.5",
     "zod": "^3.23.8"
   },
-  "gitHead": "eaa293691510bcff7233d44098944210bf109bdb"
+  "gitHead": "149a6e42d2a40f20a7714392e3ef17b6f24be360"
 }

package/src/Containers/Container.tsx

@@ -26,9 +26,9 @@ export const Container = (props: Props) => {
     <>
       <div className={`mx-2 ${className}`}>
         {rightContent && (
-          <div className="flex justify-between items-center">
-            <div>{titleInfo}</div>
-            <div>{rightContent}</div>
+          <div className="flex flex-col sm:flex-row sm:justify-between sm:items-start gap-4">
+            <div className="max-w-3xl">{titleInfo}</div>
+            <div className="flex-shrink-0">{rightContent}</div>
           </div>
         )}
         {!rightContent && titleInfo}