@appquality/unguess-design-system 3.1.47 → 3.1.49

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v3.1.49 (Wed Sep 13 2023)
+
+#### 🐛 Bug Fix
+
+- Modal responsive improvements [#270](https://github.com/AppQuality/unguess-design-system/pull/270) ([@marcbon](https://github.com/marcbon) [@cannarocks](https://github.com/cannarocks))
+- 🐛 fix(modals/index.tsx): adjust styles for isExtraLarge prop in UgModal component [#269](https://github.com/AppQuality/unguess-design-system/pull/269) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 2
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v3.1.48 (Mon Sep 11 2023)
+
+#### 🐛 Bug Fix
+
+- Responsive improvements on sentiment charts and modals [#268](https://github.com/AppQuality/unguess-design-system/pull/268) ([@marcbon](https://github.com/marcbon) [@cannarocks](https://github.com/cannarocks))
+- Fixes-post-release [#267](https://github.com/AppQuality/unguess-design-system/pull/267) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 2
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v3.1.47 (Mon Sep 04 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -2095,6 +2095,7 @@ const Point = styled__default["default"].g `
 const ScrollingContainer$1 = styled__default["default"].div `
   width: 100%;
   overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
 `;
 const SentimentContainer = styled__default["default"](ChartContainer) `
   /* Show dotted lines */
@@ -2161,7 +2162,7 @@ const formatAxisX = (value) => {
     if (!value || value === "start" || value === "end")
         return "";
     //Print only the first 10 characters
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [value.toString().length > 15 ? value.toString().substring(0, 15) + "..." : value.toString(), jsxRuntime.jsx("title", { children: value })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [value.toString().length > 20 ? value.toString().substring(0, 20) + "..." : value.toString(), jsxRuntime.jsx("title", { children: value })] }));
 };
 const SentimentChart = ({ data, width, height, margin, tooltip, i18n, }) => {
     var _a;
@@ -3311,7 +3312,15 @@ const UgModalBody = styled__default["default"](reactModals.Body) `
   color: ${({ theme }) => theme.palette.grey["800"]};
 `;
 const UgModal = styled__default["default"](reactModals.Modal) `
-  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; width: 90%;"}
+  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; max-height: 90%; width: 90%;"}
+
+  @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+  }
 `;
 const ModalComponent = React.forwardRef((props, ref) => (jsxRuntime.jsx(UgModal, Object.assign({ ref: ref }, props))));
 const Modal = ModalComponent;
@@ -4225,6 +4234,7 @@ const UgNotification = styled__default["default"](reactNotifications.Notificatio
   align-items: center;
   justify-content: space-between;
   padding-right: ${({ theme }) => theme.space.md};
+  white-space: pre;
 
   ${UgAnchor} {
     flex-shrink: 0;

package/package.json

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