orcs-design-system 3.3.7 → 3.3.8

package/es/components/Header/Header.stories.js

@@ -13,7 +13,7 @@ export default {
   component: Header,
   decorators: [storyFn => /*#__PURE__*/_jsx(Box, {
     height: "350px",
-    bg: "greyLightest",
+    bg: "white",
     p: "r",
     children: storyFn()
   })]
@@ -61,6 +61,7 @@ const UserMenuContent = () => {
 export const defaultHeader = () => /*#__PURE__*/_jsx(Header, {
   appName: "Powercorp directory",
   logo: dummyLogo,
+  showLogoSeparator: true,
   userName: "Michael Jenkins (michael.jenkins@powercorp.com)",
   avatarSource: "https://api.dicebear.com/7.x/personas/svg?seed=mike",
   avatarAlt: "Avatar for Michael",

package/es/components/Header/index.js

@@ -7,7 +7,7 @@ import UserMenu from "./UserMenu";
 /**
  * Header component for top of app.
  **/
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Header = _ref => {
   let {
     appName,
@@ -19,19 +19,14 @@ const Header = _ref => {
     dataTestId,
     currentWorkspace,
     logo,
-    userMenuContent
+    userMenuContent,
+    showLogoSeparator = false
   } = _ref;
   return /*#__PURE__*/_jsxs(Bar, {
     dataTestId: dataTestId,
     children: [/*#__PURE__*/_jsxs(AppName, {
-      children: [logo && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Flex, {
-          alignItems: "center",
-          justifyContent: "center",
-          children: logo
-        }), /*#__PURE__*/_jsx(Separator, {
-          display: ["none", "none", "none", "block"]
-        })]
+      children: [logo, showLogoSeparator && /*#__PURE__*/_jsx(Separator, {
+        display: ["none", "none", "none", "block"]
       }), /*#__PURE__*/_jsxs(Flex, {
         flexDirection: "column",
         children: [appName && /*#__PURE__*/_jsx(FlexItem, {
@@ -81,7 +76,9 @@ Header.propTypes = {
   /** Allows for use of the `data-testid` attribute for testing. */
   dataTestId: PropTypes.string,
   /** Allows you to pass in child components to user dropdown menu */
-  userMenuContent: PropTypes.node
+  userMenuContent: PropTypes.node,
+  /** use this to apply separator if logo and appName or currentWorkspace exists */
+  showLogoSeparator: PropTypes.bool
 };
 
 /** @component */
@@ -90,6 +87,17 @@ Header.__docgenInfo = {
   "methods": [],
   "displayName": "Header",
   "props": {
+    "showLogoSeparator": {
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      },
+      "description": "use this to apply separator if logo and appName or currentWorkspace exists",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "logo": {
       "description": "Logo for app. Preferably an svg logo",
       "type": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "engines": {
     "node": "20.12.2"
   },
@@ -99,7 +99,7 @@
     "@storybook/mdx1-csf": "^1.0.0",
     "@storybook/preset-create-react-app": "^8.3.3",
     "@storybook/react": "^8.1.7",
-    "@storybook/react-webpack5": "^8.2.9",
+    "@storybook/react-webpack5": "^8.3.7",
     "@storybook/storybook-deployer": "2.8.16",
     "@storybook/theming": "^8.1.7",
     "@testing-library/jest-dom": "^5.11.6",
@@ -131,6 +131,7 @@
     "nodemon": "^3.1.0",
     "npm-run-all": "^4.1.5",
     "playroom": "^0.32.1",
+    "postcss": "8.5.2",
     "prettier": "^2.2.1",
     "react": "^18.3.1",
     "react-docgen": "^7.0.3",
@@ -149,7 +150,7 @@
     "jest": "$jest",
     "nth-check": "2.1.0",
     "parse-url": "8.1.0",
-    "postcss": "^8.4.31",
+    "postcss": "8.5.2",
     "react-scripts": "5.0.1",
     "remark-parse": "10.0.2",
     "react": "^18.3.1",
@@ -158,7 +159,7 @@
     "webpack-dev-middleware": "6.1.2",
     "ws": "8.17.1",
     "express": {
-      "path-to-regexp": "0.1.10"
+      "path-to-regexp": "0.1.12"
     },
     "send": "0.19.0",
     "redux": "4.2.1",