@abstraks-dev/ui-library 1.2.1 → 1.2.3

package/README.md

@@ -57,6 +57,12 @@ npm run build-css:watch
 npm run build-css:compressed
 ```
 
+## Production Storybook
+
+You can view the latest production build of the UI Library Storybook here:
+
+[UI-Library Site](https://main.ddpmt4w9k9d7q.amplifyapp.com/?path=/docs/abstraks-ui-library--docs)
+
 ## Deployment
 
 This library supports both manual and automated deployment to npm using GitHub Actions.

package/dist/components/Header.js

@@ -226,22 +226,56 @@ const Header = exports.Header = /*#__PURE__*/(0, _react.forwardRef)(({
       onClick: handleMenuToggle,
       className: "mobile-menu-trigger"
     }, hamburgerIcon),
-    rightIconClose: /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      "aria-label": "Close menu",
-      onClick: handleMenuToggle,
-      className: "mobile-menu-close"
-    }, closeIcon),
-    menuItems: mapMenuItems,
-    navigation: navigation,
-    signInLink: signInLink,
-    signUpLink: signUpLink,
-    avatarSrc: avatarSrc,
-    ellipsesList: ellipsesList,
-    userMenuAriaLabel: userMenuAriaLabel,
-    isEllipsesOpen: isEllipsesOpen,
-    onEllipsesToggle: handleEllipsesToggle
-  }) : /*#__PURE__*/_react.default.createElement("nav", {
+    rightIconClose: closeIcon
+  }, /*#__PURE__*/_react.default.createElement("nav", {
+    className: "mobile-navigation",
+    role: "navigation",
+    "aria-label": menuAriaLabel
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "unordered-list",
+    role: "menubar"
+  }, mapMenuItems), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "unordered-list auth-menu",
+    role: "menubar"
+  }, hasAuth ? /*#__PURE__*/_react.default.createElement("li", {
+    className: "list-item",
+    role: "none"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "head"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "ellipses",
+    onClick: handleEllipsesToggle,
+    "aria-label": `${isEllipsesOpen ? 'Close' : 'Open'} ${userMenuAriaLabel.toLowerCase()}`,
+    "aria-expanded": isEllipsesOpen,
+    "aria-haspopup": "menu",
+    "aria-controls": "mobile-user-menu-dropdown",
+    id: "mobile-user-menu-button"
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+    dimensions: "50px",
+    source: avatarSrc,
+    alt: "User avatar"
+  }), isEllipsesOpen && /*#__PURE__*/_react.default.createElement("div", {
+    className: "ellipses-content",
+    role: "menu",
+    "aria-labelledby": "mobile-user-menu-button",
+    id: "mobile-user-menu-dropdown"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "unordered-list",
+    role: "none"
+  }, ellipsesList))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("li", {
+    className: "list-item",
+    role: "none"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "menuitem",
+    tabIndex: 0
+  }, signInLink)), /*#__PURE__*/_react.default.createElement("li", {
+    className: "list-item",
+    role: "none"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    role: "menuitem",
+    tabIndex: 0
+  }, signUpLink)))))) : /*#__PURE__*/_react.default.createElement("nav", {
     className: "navigation",
     "data-testid": "navigation",
     role: "navigation",

package/dist/index.js

@@ -17,6 +17,7 @@ var _exportNames = {
   DragAndDrop: true,
   Error: true,
   FileInput: true,
+  Footer: true,
   Form: true,
   Header: true,
   Heading: true,
@@ -228,6 +229,12 @@ Object.defineProperty(exports, "Filter", {
     return _Filter.Filter;
   }
 });
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function () {
+    return _Footer.Footer;
+  }
+});
 Object.defineProperty(exports, "Form", {
   enumerable: true,
   get: function () {
@@ -427,6 +434,7 @@ var _Crud = _interopRequireDefault(require("./components/Crud"));
 var _DragAndDrop = _interopRequireDefault(require("./components/DragAndDrop"));
 var _Error = _interopRequireDefault(require("./components/Error"));
 var _FileInput = _interopRequireDefault(require("./components/FileInput"));
+var _Footer = require("./components/Footer");
 var _Form = _interopRequireDefault(require("./components/Form"));
 var _Header = _interopRequireDefault(require("./components/Header"));
 var _Heading = _interopRequireDefault(require("./components/Heading"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abstraks-dev/ui-library",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "User Interface library",
   "main": "dist/index.js",
   "files": [