@appquality/unguess-design-system 2.12.81 → 2.12.83

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# v2.12.83 (Tue Mar 28 2023)
+
+#### 🐛 Bug Fix
+
+- Develop [#229](https://github.com/AppQuality/unguess-design-system/pull/229) ([@marcbon](https://github.com/marcbon))
+- fix(app-header): add zIndex front to prevent issues [#228](https://github.com/AppQuality/unguess-design-system/pull/228) ([@marcbon](https://github.com/marcbon))
+
+#### Authors: 1
+
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.12.82 (Wed Mar 22 2023)
+
+#### 🐛 Bug Fix
+
+- z-index fix [#227](https://github.com/AppQuality/unguess-design-system/pull/227) ([@iacopolea](https://github.com/iacopolea) [@marcbon](https://github.com/marcbon))
+- feat(nav): higher z-index to nav toggle [#226](https://github.com/AppQuality/unguess-design-system/pull/226) ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 2
+
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v2.12.81 (Thu Mar 09 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -3114,8 +3114,8 @@ const ChevronButton = styled__default["default"](IconButton) `
  * This can include navList Items, modal, profile settings.
  */
 const AppHeader = (_a) => {
-    var { brand, avatar, isLoading } = _a, args = __rest(_a, ["brand", "avatar", "isLoading"]);
-    return isLoading ? jsxRuntime.jsx(HeaderSkeleton, {}) : (jsxRuntime.jsxs(Header, Object.assign({}, args, { children: [jsxRuntime.jsx(BrandItem, Object.assign({}, brand, { toggleMenu: args.onSidebarMenuToggle })), args.hasChangelog && args.changelogItem && (jsxRuntime.jsx(HeaderItem, Object.assign({ style: { marginRight: "-" + theme.space.xs } }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: args.changelogItem }) }))), jsxRuntime.jsx(HeaderItem, Object.assign({ isRound: true, onClick: args.onProfileModalToggle }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, Object.assign({}, avatar)), jsxRuntime.jsx(ChevronButton, Object.assign({ size: "small", isRotated: args.isProfileModalOpen }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] }) }) }))] })));
+    var { brand, avatar, isLoading, style } = _a, args = __rest(_a, ["brand", "avatar", "isLoading", "style"]);
+    return isLoading ? (jsxRuntime.jsx(HeaderSkeleton, {})) : (jsxRuntime.jsxs(Header, Object.assign({}, args, { style: Object.assign(Object.assign({}, style), { zIndex: (style === null || style === void 0 ? void 0 : style.zIndex) || theme.levels.front }) }, { children: [jsxRuntime.jsx(BrandItem, Object.assign({}, brand, { toggleMenu: args.onSidebarMenuToggle })), args.hasChangelog && args.changelogItem && (jsxRuntime.jsx(HeaderItem, Object.assign({ style: { marginRight: "-" + theme.space.xs } }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: args.changelogItem }) }))), jsxRuntime.jsx(HeaderItem, Object.assign({ isRound: true, onClick: args.onProfileModalToggle }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, Object.assign({}, avatar)), jsxRuntime.jsx(ChevronButton, Object.assign({ size: "small", isRotated: args.isProfileModalOpen }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] }) }) }))] })));
 };
 
 const UgNav = styled__default["default"](reactChrome.Nav) `
@@ -3215,7 +3215,7 @@ const StyledToggle = styled__default["default"](IconButton) `
   top: ${({ theme }) => theme.space.base * 3}px;
   right: -${({ theme }) => theme.space.base * 3}px;
   background: ${({ theme }) => theme.gradients.dark}};
-  z-index: 1;
+  z-index: 3;
   @media (min-width: ${({ theme }) => theme.breakpoints.md}) {
     display: block;
   }

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

@@ -3,5 +3,5 @@ import { AppHeaderArgs } from "./_types";
  * An Header is a visual way to display general information.
  * This can include navList Items, modal, profile settings.
  */
-declare const AppHeader: ({ brand, avatar, isLoading, ...args }: AppHeaderArgs) => JSX.Element;
+declare const AppHeader: ({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element;
 export { AppHeader };

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

@@ -2,5 +2,5 @@ import { ComponentMeta, Story } from "@storybook/react";
 import { AppHeaderArgs } from "./_types";
 export declare const Default: Story<AppHeaderArgs>;
 export declare const MultipleWorkspaces: Story<AppHeaderArgs>;
-declare const _default: ComponentMeta<({ brand, avatar, isLoading, ...args }: AppHeaderArgs) => JSX.Element>;
+declare const _default: ComponentMeta<({ brand, avatar, isLoading, style, ...args }: AppHeaderArgs) => JSX.Element>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.81",
+  "version": "2.12.83",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",