@appquality/unguess-design-system 2.8.19 → 2.8.22

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+# v2.8.22 (Fri Apr 15 2022)
+
+#### 🐛 Bug Fix
+
+- feat(app-header): add onclick to be used for logo item click [#37](https://github.com/AppQuality/unguess-design-system/pull/37) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.8.21 (Fri Apr 15 2022)
+
+#### 🐛 Bug Fix
+
+- fix(dropdown-menu): set auto width for dropdown menu list detached fr… [#36](https://github.com/AppQuality/unguess-design-system/pull/36) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.8.20 (Fri Apr 15 2022)
+
+#### 🐛 Bug Fix
+
+- fix(campaign-cards): add tag max-width [#35](https://github.com/AppQuality/unguess-design-system/pull/35) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v2.8.19 (Thu Apr 14 2022)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -594,7 +594,7 @@ var getTypeData = function (type) {
     }
 };
 var Wrapper = styled__default["default"](Card)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  border-radius: ", ";\n  padding: 1rem;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &:hover {\n    box-shadow: ", ";\n  }\n"], ["\n  border-radius: ", ";\n  padding: 1rem;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &:hover {\n    box-shadow: ", ";\n  }\n"])), theme.borderRadii.lg, theme.palette.grey["200"], theme.shadows.boxShadow(theme));
-var StyledTag$1 = styled__default["default"](Tag)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), theme.palette.grey["700"]);
+var StyledTag$1 = styled__default["default"](Tag)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  color: ", ";\n  max-width: 75%;\n"], ["\n  color: ", ";\n  max-width: 75%;\n"])), theme.palette.grey["700"]);
 var StyledTagNew = styled__default["default"](Tag)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  height: ", "px;\n  padding: ", "px ", "px;\n  color: ", ";\n"], ["\n  height: ", "px;\n  padding: ", "px ", "px;\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.space.base * 6;
@@ -602,7 +602,7 @@ var StyledTagNew = styled__default["default"](Tag)(templateObject_3$6 || (templa
     var theme = _a.theme;
     return theme.space.base * 2;
 }, theme.palette.white);
-var StyledLabel = styled__default["default"](Label)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", "\n"], ["\n  font-size: ", ";\n  color: ", "\n"])), theme.fontSizes.sm, theme.palette.grey["500"]);
+var StyledLabel = styled__default["default"](Label)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  color: ", ";\n"])), theme.fontSizes.sm, theme.palette.grey["500"]);
 var StyledTitleLabel = styled__default["default"](Label)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  word-wrap: break-word;\n"], ["\n  color: ", ";\n  font-size: ", ";\n  word-wrap: break-word;\n"])), theme.palette.blue["600"], theme.fontSizes.lg);
 var Divider = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  margin: ", " 0;\n  background-color: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  margin: ", " 0;\n  background-color: ", ";\n"])), theme.space.lg, theme.palette.grey["300"]);
 var CardHeader = styled__default["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n  height: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n  height: ", "px;\n"])), theme.space.base * 6);
@@ -883,7 +883,7 @@ var UgItem = styled__default["default"](reactDropdowns.Item)(templateObject_1$H
 var Item = function (props) { return jsxRuntime.jsx(UgItem, __assign({}, props)); };
 var templateObject_1$H;
 
-var UgMenu = styled__default["default"](reactDropdowns.Menu)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject([""], [""])));
+var UgMenu = styled__default["default"](reactDropdowns.Menu)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n   width: auto;\n   min-width: 100%;\n"], ["\n   width: auto;\n   min-width: 100%;\n"])));
 /**
    * A Menu is a wrapper for items elements
    **/

package/build/stories/navigation/app-header/_types.d.ts

@@ -11,8 +11,12 @@ export interface AppHeaderArgs extends HeaderArgs {
     brand?: BrandItemArgs;
     /** Set Avatar settings */
     avatar?: AvatarArgs;
+    /** Set the profile modal open flag */
     isProfileModalOpen?: boolean;
+    /** Callback when the Profile Modal is toggled */
     onProfileModalToggle?: () => void;
-    /** Toggle Sidebar */
+    /** Callback when the Sidebar is toggled */
     onSidebarMenuToggle?: () => void;
+    /** Callback when the Logo Item is clicked */
+    onLogoItemClick?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.8.19",
+  "version": "2.8.22",
   "dependencies": {
     "@zendeskgarden/react-accordions": "^8.49.0",
     "@zendeskgarden/react-avatars": "^8.49.0",