@kaizen/components 2.2.4 → 2.3.1

package/src/TitleBlock/subcomponents/SecondaryActions.tsx

@@ -5,6 +5,7 @@ import { Menu, MenuList } from '~components/MenuV1'
 import styles from '../TitleBlock.module.scss'
 import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants'
 import { type SecondaryActionsProps, type TitleBlockMenuItemProps } from '../types'
+import { convertSecondaryActionsToMenuItems } from '../utils'
 import { TitleBlockMenuItem } from './TitleBlockMenuItem'
 import { Toolbar } from './Toolbar'
 
@@ -18,25 +19,67 @@ const renderSecondaryOverflowMenu = (
   secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],
   reversed?: boolean,
 ): JSX.Element | undefined => {
-  if (!secondaryOverflowMenuItems) return undefined
+  if (!secondaryOverflowMenuItems || secondaryOverflowMenuItems.length === 0) return undefined
   return (
-    <Menu
-      align="right"
-      button={
-        <IconButton
-          label="Open secondary menu"
-          reversed={reversed}
-          icon={<Icon name="more_horiz" isPresentational />}
-          id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}
-        />
-      }
-    >
-      <MenuList>
-        {secondaryOverflowMenuItems.map((menuItem, i) => (
-          <TitleBlockMenuItem key={i} {...menuItem} />
-        ))}
-      </MenuList>
-    </Menu>
+    <div className={styles.secondaryOverflowMenu}>
+      <Menu
+        align="right"
+        button={
+          <Button
+            secondary
+            reversed={reversed}
+            label="Menu"
+            data-automation-id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}
+            data-testid={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}
+            icon={<Icon name="keyboard_arrow_down" isPresentational />}
+            iconPosition={'end'}
+          />
+        }
+      >
+        <MenuList>
+          {secondaryOverflowMenuItems.map((menuItem, i) => (
+            <TitleBlockMenuItem key={i} {...menuItem} />
+          ))}
+        </MenuList>
+      </Menu>
+    </div>
+  )
+}
+
+// New: combined overflow menu (secondary actions converted + overflow menu items)
+const renderCombinedSecondaryOverflowMenu = (
+  secondaryActions?: SecondaryActionsProps,
+  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],
+  reversed?: boolean,
+): JSX.Element | undefined => {
+  const secondaryConverted = secondaryActions
+    ? convertSecondaryActionsToMenuItems(secondaryActions)
+    : []
+  const overflowItems = secondaryOverflowMenuItems ?? []
+
+  if (secondaryConverted.length === 0 && overflowItems.length === 0) return undefined
+  const combined = [...secondaryConverted, ...overflowItems]
+
+  return (
+    <div className={styles.secondaryOverflowCombinedMenu}>
+      <Menu
+        align="right"
+        button={
+          <IconButton
+            label="Open combined secondary + overflow menu"
+            reversed={reversed}
+            icon={<Icon name="more_horiz" isPresentational />}
+            id={`${TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}__combined`}
+          />
+        }
+      >
+        <MenuList>
+          {combined.map((menuItem, i) => (
+            <TitleBlockMenuItem key={i} {...menuItem} />
+          ))}
+        </MenuList>
+      </Menu>
+    </div>
   )
 }
 
@@ -55,26 +98,28 @@ export const SecondaryActions = ({
     ? secondaryActions.map((action, i) => {
         if ('menuItems' in action) {
           return {
-            key: `${i}`, // We shouldn't use an index here, see note above
+            key: `titleblock_secondary_action_${i}`,
             node: (
-              <Menu
-                align="right"
-                button={
-                  <Button
-                    secondary
-                    label={action.label}
-                    reversed={reversed}
-                    icon={<Icon name="keyboard_arrow_down" isPresentational />}
-                    iconPosition="end"
-                  />
-                }
-              >
-                <MenuList>
-                  {action.menuItems.map((menuItem, i2) => (
-                    <TitleBlockMenuItem key={i2} {...menuItem} />
-                  ))}
-                </MenuList>
-              </Menu>
+              <div className={styles.secondaryButtonContainer}>
+                <Menu
+                  align="right"
+                  button={
+                    <Button
+                      secondary
+                      label={action.label}
+                      reversed={reversed}
+                      icon={<Icon name="keyboard_arrow_down" isPresentational />}
+                      iconPosition="end"
+                    />
+                  }
+                >
+                  <MenuList>
+                    {action.menuItems.map((menuItem, i2) => (
+                      <TitleBlockMenuItem key={i2} {...menuItem} />
+                    ))}
+                  </MenuList>
+                </Menu>
+              </div>
             ),
           }
         } else {
@@ -86,15 +131,17 @@ export const SecondaryActions = ({
             )
           }
           return {
-            key: `${i}`, // We shouldn't use an index here, see note above
+            key: `${i}`,
             node: (
-              <Button
-                secondary
-                reversed={reversed}
-                {...action}
-                data-automation-id="title-block-secondary-actions-button"
-                data-testid="title-block-secondary-actions-button"
-              />
+              <div className={styles.secondaryButtonContainer}>
+                <Button
+                  secondary
+                  reversed={reversed}
+                  {...action}
+                  data-automation-id="title-block-secondary-actions-button"
+                  data-testid="title-block-secondary-actions-button"
+                />
+              </div>
             ),
           }
         }
@@ -102,6 +149,11 @@ export const SecondaryActions = ({
     : []
 
   const overflowMenu = renderSecondaryOverflowMenu(secondaryOverflowMenuItems, reversed)
+  const combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(
+    secondaryActions,
+    secondaryOverflowMenuItems,
+    reversed,
+  )
 
   const toolbarItems = [
     ...secondaryActionsAsToolbarItems,
@@ -113,6 +165,14 @@ export const SecondaryActions = ({
           },
         ]
       : []),
+    ...(combinedOverflowMenu
+      ? [
+          {
+            key: 'combinedOverflowMenu',
+            node: combinedOverflowMenu,
+          },
+        ]
+      : []),
   ]
 
   return (

package/src/TitleBlock/subcomponents/Toolbar.tsx

@@ -21,6 +21,7 @@ export const Toolbar = ({ items, noGap = false, automationId }: ToolbarProps): J
   if (!items || items?.length === 0) {
     return <></>
   }
+
   return (
     <div className={styles.toolbar} data-automation-id={automationId} data-testid={automationId}>
       {items.map((item) => (

package/dist/cjs/src/MenuV1/subcomponents/MenuHeading/MenuHeading.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var Heading = require('../../../Heading/Heading.cjs');
-var MenuHeading_module = require('./MenuHeading.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var MenuHeading = function (_a) {
-  var id = _a.id,
-    classNameOverride = _a.classNameOverride,
-    restProps = tslib.__rest(_a, ["id", "classNameOverride"]);
-  return React__default.default.createElement(Heading.Heading, tslib.__assign({
-    id: id,
-    variant: "heading-6",
-    tag: "span",
-    classNameOverride: classnames__default.default(MenuHeading_module.heading, classNameOverride)
-  }, restProps));
-};
-MenuHeading.displayName = 'MenuHeading';
-exports.MenuHeading = MenuHeading;

package/dist/cjs/src/MenuV1/subcomponents/MenuHeading/MenuHeading.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "heading": "MenuHeading-module_heading__hrHGy"
-};
-module.exports = styles;

package/dist/cjs/src/TitleBlock/subcomponents/MobileActions.cjs

@@ -1,306 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var reactFocusOn = require('react-focus-on');
-var Icon = require('../../Icon/Icon.cjs');
-var index = require('../../MenuV1/index.cjs');
-var constants = require('../constants.cjs');
-var utils = require('../utils.cjs');
-var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
-var MobileActions_module = require('./MobileActions.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-var menuItemIsLink = function (item) {
-  return 'href' in item;
-};
-var defaultActionIsLink = function (action) {
-  return 'href' in action;
-};
-var defaultActionIsButton = function (action) {
-  return !('href' in action) && 'onClick' in action || 'component' in action;
-};
-var filterActions = function (menuItems, filterType) {
-  return menuItems.filter(function (item) {
-    return filterType === 'link' ? menuItemIsLink(item) : !menuItemIsLink(item);
-  });
-};
-/** Returns a filtered array of TitleBlockMenuItem based on actionType
- * This is use to sort a selectively render the action into a specifc order
- */
-var renderPrimaryActionDrawerContent = function (primaryAction, actionType) {
-  if (!primaryAction) return null;
-  if (utils.isMenuGroupNotButton(primaryAction)) {
-    var filteredActions = filterActions(primaryAction.menuItems, actionType);
-    return filteredActions.map(function (item, idx) {
-      var itemType = menuItemIsLink(item) ? 'link' : 'action';
-      return React__default.default.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
-        key: "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
-        "data-automation-id": "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
-        "data-testid": "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx)
-      }));
-    });
-  }
-  return null;
-};
-var renderDefaultLink = function (defaultAction) {
-  if (!defaultActionIsLink(defaultAction)) return;
-  if ('component' in defaultAction) {
-    return React__default.default.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
-      key: "title-block-mobile-actions-default-link",
-      "data-automation-id": "title-block-mobile-actions-default-link",
-      "data-testid": "title-block-mobile-actions-default-link"
-    }));
-  }
-  return React__default.default.createElement(index.MenuItem, {
-    href: defaultAction.href,
-    label: defaultAction.label,
-    icon: defaultAction.icon,
-    disabled: defaultAction.disabled,
-    key: "title-block-mobile-actions-default-link",
-    "data-automation-id": "title-block-mobile-actions-default-link",
-    "data-testid": "title-block-mobile-actions-default-link",
-    id: defaultAction.id
-  });
-};
-var renderDefaultAction = function (defaultAction) {
-  if (!defaultActionIsLink(defaultAction)) {
-    return React__default.default.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
-      key: "title-block-mobile-actions-default-action",
-      "data-automation-id": "title-block-mobile-actions-default-action",
-      "data-testid": "title-block-mobile-actions-default-action"
-    }));
-  }
-  return null;
-};
-var renderSecondaryActions = function (secondaryActions) {
-  if (!secondaryActions) return null;
-  var secondaryActionMenuItems = utils.convertSecondaryActionsToMenuItems(secondaryActions);
-  return secondaryActionMenuItems.map(function (item, idx) {
-    return React__default.default.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
-      key: "title-block-mobile-actions-secondary-action-".concat(idx),
-      "data-testid": "title-block-mobile-actions-secondary-action"
-    }));
-  });
-};
-var renderSecondaryOverflowMenuItems = function (secondaryOverflowMenuItems) {
-  return secondaryOverflowMenuItems.map(function (item, idx) {
-    return React__default.default.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
-      key: "title-block-mobile-actions-overflow-menu-item-".concat(idx),
-      "data-testid": "title-block-mobile-actions-overflow-menu-item"
-    }));
-  });
-};
-var DrawerMenuContent = function (_a) {
-  var _b, _c, _d;
-  var primaryAction = _a.primaryAction,
-    defaultAction = _a.defaultAction,
-    secondaryActions = _a.secondaryActions,
-    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
-  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== void 0 ? _b : secondaryActions) !== null && _c !== void 0 ? _c : secondaryOverflowMenuItems;
-  return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(index.MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && React__default.default.createElement(index.MenuList, {
-    heading: showOtherActionsHeading ? React__default.default.createElement(index.MenuHeading, null, "Other actions") : undefined
-  }, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)));
-};
-var renderDrawerHandleLabel = function (label, icon, drawerHandleLabelIconPosition) {
-  if (drawerHandleLabelIconPosition === 'end') {
-    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("span", {
-      className: MobileActions_module.drawerHandleLabelText,
-      "data-testid": "drawer-handle-lable-text"
-    }, label), React__default.default.createElement(React__default.default.Fragment, null, icon && React__default.default.createElement("span", {
-      className: MobileActions_module.drawerHandleIcon
-    }, icon)));
-  } else {
-    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(React__default.default.Fragment, null, icon && React__default.default.createElement("span", {
-      className: MobileActions_module.drawerHandleIcon
-    }, icon)), React__default.default.createElement("span", {
-      className: MobileActions_module.drawerHandleLabelText,
-      "data-testid": "drawer-handle-lable-text"
-    }, label));
-  }
-};
-var ButtonOrLink = function (_a) {
-  var action = _a.action,
-    children = _a.children;
-  if (typeof action === 'object' && 'onClick' in action && 'href' in action) {
-    return React__default.default.createElement("a", {
-      onClick: action.onClick,
-      href: action.href,
-      className: classnames__default.default(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
-      "data-testid": "title-block-mobile-actions-primary-button"
-    }, children);
-  }
-  if (typeof action === 'function') {
-    return React__default.default.createElement("button", {
-      type: "button",
-      onClick: action,
-      className: classnames__default.default(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
-      "data-testid": "title-block-mobile-actions-primary-button"
-    }, children);
-  }
-  if (typeof action === 'string') {
-    return React__default.default.createElement("a", {
-      href: action,
-      className: classnames__default.default(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
-      "data-testid": "title-block-mobile-actions-primary-button"
-    }, children);
-  }
-  // when there's no action (e.g. primary button is disabled)
-  return React__default.default.createElement("button", {
-    type: "button",
-    className: classnames__default.default(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
-    "data-testid": "title-block-mobile-actions-primary-button"
-  }, children);
-};
-var getAction = function (primaryAction) {
-  if (primaryAction && !primaryAction.disabled) {
-    if (primaryAction.onClick && primaryAction.href) {
-      return {
-        href: primaryAction.href,
-        onClick: primaryAction.onClick
-      };
-    }
-    if (primaryAction.onClick) {
-      return primaryAction.onClick;
-    }
-    if (primaryAction.href) {
-      return primaryAction.href;
-    }
-  }
-  return undefined;
-};
-var DrawerHandle = function (_a) {
-  var _b;
-  var primaryAction = _a.primaryAction,
-    secondaryActions = _a.secondaryActions,
-    defaultAction = _a.defaultAction,
-    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-    drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
-    toggleDisplay = _a.toggleDisplay,
-    isOpen = _a.isOpen;
-  var showDrawer = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems;
-  if (primaryAction) {
-    // If the primary action is a menu
-    if (utils.isMenuGroupNotButton(primaryAction)) {
-      return React__default.default.createElement("div", {
-        className: classnames__default.default(MobileActions_module.mobileActionsTopRow, MobileActions_module.mobileActionsTopRowSingleButton),
-        "data-testid": "title-block-mobile-actions-drawer-handle"
-      }, React__default.default.createElement("button", {
-        type: "button",
-        className: classnames__default.default(MobileActions_module.mobileActionsExpandButton, MobileActions_module.mobileActionsPrimaryLabel),
-        onClick: toggleDisplay,
-        "aria-expanded": isOpen
-      }, primaryAction.label, React__default.default.createElement("span", {
-        className: MobileActions_module.mobileActionsChevronSquare
-      }, React__default.default.createElement(Icon.Icon, {
-        name: isOpen ? 'keyboard_arrow_down' : 'keyboard_arrow_up',
-        isPresentational: true
-      }))));
-    }
-    // If the primary action is a button, or has no onClick/href/action
-    return React__default.default.createElement("div", {
-      className: classnames__default.default(MobileActions_module.mobileActionsTopRow, !showDrawer && MobileActions_module.mobileActionsTopRowSingleButton),
-      "data-testid": "title-block-mobile-actions-drawer-handle"
-    }, 'component' in primaryAction ? React__default.default.createElement(primaryAction.component, tslib.__assign({
-      className: classnames__default.default(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton)
-    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition)) : React__default.default.createElement(ButtonOrLink, {
-      action: getAction(primaryAction)
-    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition)), showDrawer && React__default.default.createElement("button", {
-      type: "button",
-      className: MobileActions_module.mobileActionsExpandButton,
-      onClick: toggleDisplay,
-      "aria-expanded": isOpen,
-      id: constants.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID,
-      "aria-label": "Other actions"
-    }, React__default.default.createElement(Icon.Icon, {
-      name: isOpen ? 'keyboard_arrow_down' : 'keyboard_arrow_up',
-      isPresentational: true
-    })));
-  }
-  // if there are default/secondary actions but no primary action
-  if (showDrawer) {
-    return React__default.default.createElement("div", {
-      className: classnames__default.default(MobileActions_module.mobileActionsTopRow, MobileActions_module.mobileActionsTopRowSingleButton),
-      "data-testid": "title-block-mobile-actions-drawer-handle"
-    }, React__default.default.createElement("button", {
-      type: "button",
-      className: classnames__default.default(MobileActions_module.mobileActionsExpandButton, MobileActions_module.mobileActionsPrimaryLabel),
-      onClick: toggleDisplay,
-      "aria-expanded": isOpen,
-      id: constants.TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID
-    }, renderDrawerHandleLabel('Other actions'), React__default.default.createElement("span", {
-      className: MobileActions_module.mobileActionsChevronSquare
-    }, React__default.default.createElement(Icon.Icon, {
-      name: isOpen ? 'keyboard_arrow_down' : 'keyboard_arrow_up',
-      isPresentational: true
-    }))));
-  }
-  return null;
-};
-var MobileActions = function (_a) {
-  var _b, _c;
-  var primaryAction = _a.primaryAction,
-    defaultAction = _a.defaultAction,
-    secondaryActions = _a.secondaryActions,
-    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-    drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
-    _d = _a.autoHide,
-    autoHide = _d === void 0 ? false : _d;
-  var _e = React.useState(false),
-    isOpen = _e[0],
-    setIsOpen = _e[1];
-  var menuContent = React__default.default.createRef();
-  var toggleDisplay = function () {
-    setIsOpen(!isOpen);
-  };
-  // This callback handler will not run when autoHide === "off"
-  var handleDocumentClickForAutoHide = React.useCallback(function (e) {
-    var _a;
-    if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-      setIsOpen(false);
-    }
-  },
-  // @todo: Fix if possible - avoiding breaking in eslint upgrade
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [menuContent]);
-  React.useEffect(function () {
-    if (autoHide) {
-      document.addEventListener('click', handleDocumentClickForAutoHide, true);
-    }
-    return function () {
-      if (autoHide) {
-        document.removeEventListener('click', handleDocumentClickForAutoHide, true);
-      }
-    };
-  }, [autoHide, handleDocumentClickForAutoHide]);
-  return React__default.default.createElement("div", {
-    className: classnames__default.default(MobileActions_module.mobileActionsContainer, isOpen && MobileActions_module.isOpen)
-  }, React__default.default.createElement(reactFocusOn.FocusOn, {
-    enabled: isOpen,
-    scrollLock: false
-  }, React__default.default.createElement(DrawerHandle, {
-    primaryAction: primaryAction,
-    secondaryActions: secondaryActions,
-    defaultAction: defaultAction,
-    secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-    drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
-    toggleDisplay: toggleDisplay,
-    isOpen: isOpen
-  }), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && utils.isMenuGroupNotButton(primaryAction)) && React__default.default.createElement("div", {
-    ref: menuContent,
-    className: MobileActions_module.mobileActionsMenuContainer
-  }, React__default.default.createElement(DrawerMenuContent, {
-    primaryAction: primaryAction,
-    defaultAction: defaultAction,
-    secondaryActions: secondaryActions,
-    secondaryOverflowMenuItems: secondaryOverflowMenuItems
-  }))));
-};
-MobileActions.displayName = 'MobileActions';
-exports.MobileActions = MobileActions;

package/dist/cjs/src/TitleBlock/subcomponents/MobileActions.module.scss.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var styles = {
-  "mobileActionsContainer": "MobileActions-module_mobileActionsContainer__XoepA",
-  "isOpen": "MobileActions-module_isOpen__D40v5",
-  "mobileActionsMenuContainer": "MobileActions-module_mobileActionsMenuContainer__x--Eb",
-  "mobileActionsTopRow": "MobileActions-module_mobileActionsTopRow__RXNFZ",
-  "mobileActionsTopRowSingleButton": "MobileActions-module_mobileActionsTopRowSingleButton__5EjiI",
-  "drawerHandleIcon": "MobileActions-module_drawerHandleIcon__q9ewm",
-  "drawerHandleLabelText": "MobileActions-module_drawerHandleLabelText__MwJTA",
-  "mobileActionsPrimaryLabel": "MobileActions-module_mobileActionsPrimaryLabel__8yfuH",
-  "mobileActionsPrimaryButton": "MobileActions-module_mobileActionsPrimaryButton__Xsvo-",
-  "mobileActionsExpandButton": "MobileActions-module_mobileActionsExpandButton__XuHNU",
-  "mobileActionsChevronSquare": "MobileActions-module_mobileActionsChevronSquare__SPIsI"
-};
-module.exports = styles;

package/dist/esm/src/MenuV1/subcomponents/MenuHeading/MenuHeading.mjs

@@ -1,21 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Heading } from '../../../Heading/Heading.mjs';
-import styles from './MenuHeading.module.scss.mjs';
-const MenuHeading = /*#__PURE__*/function () {
-  const MenuHeading = function (_a) {
-    var id = _a.id,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["id", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement(Heading, __assign({
-      id: id,
-      variant: "heading-6",
-      tag: "span",
-      classNameOverride: classnames(styles.heading, classNameOverride)
-    }, restProps));
-  };
-  MenuHeading.displayName = 'MenuHeading';
-  return MenuHeading;
-}();
-export { MenuHeading };

package/dist/esm/src/MenuV1/subcomponents/MenuHeading/MenuHeading.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "heading": "MenuHeading-module_heading__hrHGy"
-};
-export { styles as default };