@appquality/unguess-design-system 3.1.47 → 3.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # v3.1.48 (Mon Sep 11 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - 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))
6
+ - Fixes-post-release [#267](https://github.com/AppQuality/unguess-design-system/pull/267) ([@marcbon](https://github.com/marcbon))
7
+
8
+ #### Authors: 2
9
+
10
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
11
+ - Marco Bonomo ([@marcbon](https://github.com/marcbon))
12
+
13
+ ---
14
+
1
15
  # v3.1.47 (Mon Sep 04 2023)
2
16
 
3
17
  #### 🐛 Bug Fix
package/build/index.js CHANGED
@@ -2095,6 +2095,7 @@ const Point = styled__default["default"].g `
2095
2095
  const ScrollingContainer$1 = styled__default["default"].div `
2096
2096
  width: 100%;
2097
2097
  overflow-x: scroll;
2098
+ -webkit-overflow-scrolling: touch;
2098
2099
  `;
2099
2100
  const SentimentContainer = styled__default["default"](ChartContainer) `
2100
2101
  /* Show dotted lines */
@@ -2161,7 +2162,7 @@ const formatAxisX = (value) => {
2161
2162
  if (!value || value === "start" || value === "end")
2162
2163
  return "";
2163
2164
  //Print only the first 10 characters
2164
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [value.toString().length > 15 ? value.toString().substring(0, 15) + "..." : value.toString(), jsxRuntime.jsx("title", { children: value })] }));
2165
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [value.toString().length > 20 ? value.toString().substring(0, 20) + "..." : value.toString(), jsxRuntime.jsx("title", { children: value })] }));
2165
2166
  };
2166
2167
  const SentimentChart = ({ data, width, height, margin, tooltip, i18n, }) => {
2167
2168
  var _a;
@@ -3312,6 +3313,12 @@ const UgModalBody = styled__default["default"](reactModals.Body) `
3312
3313
  `;
3313
3314
  const UgModal = styled__default["default"](reactModals.Modal) `
3314
3315
  ${({ isExtraLarge }) => isExtraLarge && "height: 90%; width: 90%;"}
3316
+
3317
+ @media (max-width: ${({ theme }) => theme.breakpoints.sm}) {
3318
+ top: 0;
3319
+ height: 100%;
3320
+ width: 100%;
3321
+ }
3315
3322
  `;
3316
3323
  const ModalComponent = React.forwardRef((props, ref) => (jsxRuntime.jsx(UgModal, Object.assign({ ref: ref }, props))));
3317
3324
  const Modal = ModalComponent;
@@ -4225,6 +4232,7 @@ const UgNotification = styled__default["default"](reactNotifications.Notificatio
4225
4232
  align-items: center;
4226
4233
  justify-content: space-between;
4227
4234
  padding-right: ${({ theme }) => theme.space.md};
4235
+ white-space: pre;
4228
4236
 
4229
4237
  ${UgAnchor} {
4230
4238
  flex-shrink: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appquality/unguess-design-system",
3
- "version": "3.1.47",
3
+ "version": "3.1.48",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "types": "build/index.d.ts",