@appquality/unguess-design-system 3.1.62 → 3.1.64

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v3.1.64 (Mon Jan 08 2024)
+
+#### 🐛 Bug Fix
+
+- Chat colors minor changes [#293](https://github.com/AppQuality/unguess-design-system/pull/293) ([@iDome89](https://github.com/iDome89) [@cannarocks](https://github.com/cannarocks))
+- Chat box border fix [#292](https://github.com/AppQuality/unguess-design-system/pull/292) ([@cannarocks](https://github.com/cannarocks) [@iDome89](https://github.com/iDome89))
+
+#### Authors: 2
+
+- [@iDome89](https://github.com/iDome89)
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
+# v3.1.63 (Thu Jan 04 2024)
+
+#### 🐛 Bug Fix
+
+- Develop [#291](https://github.com/AppQuality/unguess-design-system/pull/291) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v3.1.62 (Tue Jan 02 2024)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -2317,6 +2317,7 @@ const MessagesContainer = styled__default["default"].div `
   gap: ${({ theme }) => theme.space.xs};
   background: ${({ chatBkg }) => chatBkg !== null && chatBkg !== void 0 ? chatBkg : `#fff`};
   overflow-y: auto;
+  border-top: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
 `;
 
 /**
@@ -2328,7 +2329,6 @@ const ChatTitle = styled__default["default"](Title$1) `
   color: ${({ theme }) => theme.palette.blue[600]};
   margin: ${({ theme }) => `0 -${theme.space.md}`};
   padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`};
-  border-bottom: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
 `;
 
 const editorStyle = styled.css `
@@ -2583,6 +2583,8 @@ const editorStyle = styled.css `
     pointer-events: none;
     height: 0;
   }
+
+  word-break: break-word;
 `;
 
 var _path$o;
@@ -2819,7 +2821,6 @@ const Header$1 = styled__default["default"].div `
   display: flex;
   flex-direction: column;
   padding: ${({ theme }) => theme.space.xs} ${({ theme }) => theme.space.md};
-  border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
 `;
 const Title = styled__default["default"](MD) `
   ${props => reactTheming.retrieveComponentStyles("text.primary", props)}
@@ -2954,9 +2955,12 @@ const Footer$2 = styled.styled.div `
   justify-content: flex-end;
   gap: ${({ theme }) => theme.space.xs};
 `;
+const CommentTitle = styled.styled(Title$1) `
+color: ${({ theme }) => theme.palette.blue[600]};
+`;
 const Comment = ({ author, message, children, date, }) => {
     var _a, _b;
-    return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Title$1, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(Editor, Object.assign({ editable: false }, { children: message })) })] })] }), jsxRuntime.jsx(Footer$2, { children: children })] }));
+    return (jsxRuntime.jsxs(CommentCard, { children: [jsxRuntime.jsxs(AuthorContainer, { children: [jsxRuntime.jsx(Avatar, Object.assign({ avatarType: (_a = author.avatarType) !== null && _a !== void 0 ? _a : "text", style: { flexShrink: 0 } }, { children: author.avatar })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(CommentTitle, { children: [(_b = author.name) !== null && _b !== void 0 ? _b : "User", jsxRuntime.jsx(CommentDate, { children: date })] }), jsxRuntime.jsx(ReadOnly, { children: jsxRuntime.jsx(Editor, Object.assign({ editable: false }, { children: message })) })] })] }), jsxRuntime.jsx(Footer$2, { children: children })] }));
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.62",
+  "version": "3.1.64",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",