carbon-react 111.0.1 → 111.0.3

package/esm/components/content/content.component.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { StyledContentProps, StyledContentTitleProps, StyledContentBodyProps } from "./content.style";
+export interface ContentProps extends StyledContentProps, StyledContentTitleProps, StyledContentBodyProps {
+    /** The body of the content component */
+    children?: React.ReactNode;
+    /** The title of the content component */
+    title?: React.ReactNode;
+}
+export declare const Content: {
+    ({ variant, children, title, inline, align, titleWidth, bodyFullWidth, ...rest }: ContentProps): JSX.Element;
+    displayName: string;
+};
+export default Content;

package/esm/components/content/content.component.js

@@ -2,10 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
-import { StyledContent, StyledContentTitle, StyledContentBody } from "./content.style.js";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
+import { StyledContent, StyledContentTitle, StyledContentBody } from "./content.style";
 
 const Content = ({
   variant = "primary",
@@ -16,48 +13,191 @@ const Content = ({
   titleWidth,
   bodyFullWidth = false,
   ...rest
-}) => /*#__PURE__*/React.createElement(StyledContent, _extends({
-  align: align,
-  bodyFullWidth: bodyFullWidth
-}, rest, {
-  "data-component": "content"
-}), /*#__PURE__*/React.createElement(StyledContentTitle, {
-  variant: variant,
-  inline: inline,
-  "data-element": "content-title",
-  titleWidth: titleWidth,
-  align: align
-}, title), /*#__PURE__*/React.createElement(StyledContentBody, {
-  variant: variant,
-  inline: inline,
-  "data-element": "content-body",
-  bodyFullWidth: bodyFullWidth,
-  titleWidth: titleWidth,
-  align: align
-}, children));
-
-Content.propTypes = { ...marginPropTypes,
-
-  /** Applies a theme to the Content Value: primary, secondary */
-  variant: PropTypes.oneOf(["primary", "secondary"]),
-
-  /** The body of the content component */
-  children: PropTypes.node,
-
-  /** The title of the content component */
-  title: PropTypes.node,
-
-  /** Displays the content inline with the title */
-  inline: PropTypes.bool,
-
-  /** Aligns the content (left, center or right) */
-  align: PropTypes.oneOf(["left", "center", "right"]),
-
-  /** Sets a custom width for the title element */
-  titleWidth: PropTypes.string,
+}) => {
+  return /*#__PURE__*/React.createElement(StyledContent, _extends({
+    align: align,
+    bodyFullWidth: bodyFullWidth
+  }, rest, {
+    "data-component": "content"
+  }), /*#__PURE__*/React.createElement(StyledContentTitle, {
+    variant: variant,
+    inline: inline,
+    "data-element": "content-title",
+    titleWidth: titleWidth,
+    align: align
+  }, title), /*#__PURE__*/React.createElement(StyledContentBody, {
+    variant: variant,
+    inline: inline,
+    "data-element": "content-body",
+    bodyFullWidth: bodyFullWidth,
+    titleWidth: titleWidth,
+    align: align
+  }, children));
+};
 
-  /** Over-rides the calculation of body width based on titleWidth.
-   * Sometimes we need the body to be full width while keeping a title width similar to other widths */
-  bodyFullWidth: PropTypes.bool
+Content.propTypes = {
+  "align": PropTypes.oneOf(["center", "left", "right"]),
+  "bodyFullWidth": PropTypes.bool,
+  "children": PropTypes.node,
+  "inline": PropTypes.bool,
+  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "title": PropTypes.node,
+  "titleWidth": PropTypes.string,
+  "variant": PropTypes.oneOf(["primary", "secondary"])
 };
+export { Content };
+Content.displayName = "Content";
 export default Content;

package/esm/components/content/content.style.d.ts

@@ -0,0 +1,41 @@
+import { MarginProps } from "styled-system";
+export declare type AlignOptions = "left" | "center" | "right";
+export declare type VariantOptions = "primary" | "secondary";
+export interface StyledContentProps extends MarginProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /**
+     * Over-rides the calculation of body width based on titleWidth.
+     * Sometimes we need the body to be full width while keeping a title width similar to other widths
+     */
+    bodyFullWidth?: boolean;
+}
+declare const StyledContent: import("styled-components").StyledComponent<"div", any, StyledContentProps, never>;
+export interface StyledContentTitleProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /** Displays the content inline with the title */
+    inline?: boolean;
+    /** Sets a custom width for the title element */
+    titleWidth?: string;
+    /** Applies a theme to the Content Value: primary, secondary */
+    variant?: VariantOptions;
+}
+declare const StyledContentTitle: import("styled-components").StyledComponent<"div", any, StyledContentTitleProps, never>;
+export interface StyledContentBodyProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /**
+     * Over-rides the calculation of body width based on titleWidth.
+     * Sometimes we need the body to be full width while keeping a title width similar to other widths
+     */
+    bodyFullWidth?: boolean;
+    /** Displays the content inline with the title */
+    inline?: boolean;
+    /** Sets a custom width for the title element */
+    titleWidth?: string;
+    /** Applies a theme to the Content Value: primary, secondary */
+    variant?: VariantOptions;
+}
+declare const StyledContentBody: import("styled-components").StyledComponent<"div", any, StyledContentBodyProps, never>;
+export { StyledContent, StyledContentTitle, StyledContentBody };

package/esm/components/content/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./content";
-export * from "./content";
+export { default } from "./content.component";
+export type { ContentProps } from "./content.component";

package/esm/components/content/index.js

@@ -1 +1 @@
-export { default } from "./content.component.js";
+export { default } from "./content.component";

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -176,6 +176,12 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
         setCharacterString("");
       }
 
+      if (Events.isEnterKey(event)) {
+        /* timeout enforces that the "closeSubmenu" method will be run after 
+          the browser navigates to the specified href of the menu-item. */
+        setTimeout(() => closeSubmenu());
+      }
+
       if (href && index === undefined) {
         if (Events.isEnterKey(event) || Events.isTabKey(event) && Events.isShiftKey(event)) {
           closeSubmenu();

package/esm/components/select/multi-select/multi-select.component.js

@@ -409,7 +409,6 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
 
   const selectList = /*#__PURE__*/React.createElement(FilterableSelectList, {
     ref: listboxRef,
-    "aria-multiselectable": true,
     id: selectListId.current,
     labelId: labelId.current,
     anchorElement: textboxRef && textboxRef.parentElement,

package/esm/components/select/option-row/option-row.component.js

@@ -20,10 +20,16 @@ const OptionRow = /*#__PURE__*/React.forwardRef(({
   };
 
   const selectListContext = useContext(SelectListContext);
+  let isSelected = selectListContext.currentOptionsListIndex === index;
+
+  if (selectListContext.multiselectValues) {
+    isSelected = selectListContext.multiselectValues.includes(value);
+  }
+
   return /*#__PURE__*/React.createElement(StyledOptionRow, {
     id: id,
     ref: ref,
-    "aria-selected": selectListContext.currentOptionsListIndex === index,
+    "aria-selected": isSelected,
     "data-component": "option-row",
     onClick: handleClick,
     isHighlighted: selectListContext.currentOptionsListIndex === index,

package/esm/components/select/select-list/select-list.component.js

@@ -38,6 +38,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
   listPlacement = "bottom",
   flipEnabled = true,
   isOpen,
+  multiselectValues,
   ...listProps
 }, listContainerRef) => {
   const [currentOptionsListIndex, setCurrentOptionsListIndex] = useState(-1);
@@ -320,7 +321,8 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     ref: listContainerRef
   }, /*#__PURE__*/React.createElement(SelectListContext.Provider, {
     value: {
-      currentOptionsListIndex
+      currentOptionsListIndex,
+      multiselectValues
     }
   }, /*#__PURE__*/React.createElement(StyledSelectListContainer, _extends({
     "data-element": "select-list-wrapper"
@@ -330,6 +332,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     "aria-labelledby": labelId,
     "data-element": "select-list",
     role: "listbox",
+    "aria-multiselectable": multiselectValues ? true : undefined,
     ref: listCallbackRef,
     tabIndex: "-1",
     isLoading: isLoading,
@@ -402,6 +405,9 @@ SelectList.propTypes = {
   /** @private @ignore
    * Hides the list (with CSS display: none) if not set
    */
-  isOpen: PropTypes.bool
+  isOpen: PropTypes.bool,
+
+  /** array of selected values, if rendered as part of a MultiSelect */
+  multiselectValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.object)])
 };
 export default SelectList;

package/esm/components/typography/typography.component.js

@@ -254,4 +254,5 @@ Typography.propTypes = {
   /** Apply truncation */
   truncate: PropTypes.bool
 };
+Typography.displayName = "Typography";
 export default Typography;

package/lib/components/content/content.component.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { StyledContentProps, StyledContentTitleProps, StyledContentBodyProps } from "./content.style";
+export interface ContentProps extends StyledContentProps, StyledContentTitleProps, StyledContentBodyProps {
+    /** The body of the content component */
+    children?: React.ReactNode;
+    /** The title of the content component */
+    title?: React.ReactNode;
+}
+export declare const Content: {
+    ({ variant, children, title, inline, align, titleWidth, bodyFullWidth, ...rest }: ContentProps): JSX.Element;
+    displayName: string;
+};
+export default Content;

package/lib/components/content/content.component.js

@@ -3,24 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Content = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
-var _contentStyle = require("./content.style.js");
-
-var _utils = require("../../style/utils");
+var _content = require("./content.style");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const Content = ({
   variant = "primary",
   children,
@@ -30,49 +24,192 @@ const Content = ({
   titleWidth,
   bodyFullWidth = false,
   ...rest
-}) => /*#__PURE__*/_react.default.createElement(_contentStyle.StyledContent, _extends({
-  align: align,
-  bodyFullWidth: bodyFullWidth
-}, rest, {
-  "data-component": "content"
-}), /*#__PURE__*/_react.default.createElement(_contentStyle.StyledContentTitle, {
-  variant: variant,
-  inline: inline,
-  "data-element": "content-title",
-  titleWidth: titleWidth,
-  align: align
-}, title), /*#__PURE__*/_react.default.createElement(_contentStyle.StyledContentBody, {
-  variant: variant,
-  inline: inline,
-  "data-element": "content-body",
-  bodyFullWidth: bodyFullWidth,
-  titleWidth: titleWidth,
-  align: align
-}, children));
-
-Content.propTypes = { ...marginPropTypes,
-
-  /** Applies a theme to the Content Value: primary, secondary */
-  variant: _propTypes.default.oneOf(["primary", "secondary"]),
-
-  /** The body of the content component */
-  children: _propTypes.default.node,
-
-  /** The title of the content component */
-  title: _propTypes.default.node,
-
-  /** Displays the content inline with the title */
-  inline: _propTypes.default.bool,
-
-  /** Aligns the content (left, center or right) */
-  align: _propTypes.default.oneOf(["left", "center", "right"]),
-
-  /** Sets a custom width for the title element */
-  titleWidth: _propTypes.default.string,
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_content.StyledContent, _extends({
+    align: align,
+    bodyFullWidth: bodyFullWidth
+  }, rest, {
+    "data-component": "content"
+  }), /*#__PURE__*/_react.default.createElement(_content.StyledContentTitle, {
+    variant: variant,
+    inline: inline,
+    "data-element": "content-title",
+    titleWidth: titleWidth,
+    align: align
+  }, title), /*#__PURE__*/_react.default.createElement(_content.StyledContentBody, {
+    variant: variant,
+    inline: inline,
+    "data-element": "content-body",
+    bodyFullWidth: bodyFullWidth,
+    titleWidth: titleWidth,
+    align: align
+  }, children));
+};
 
-  /** Over-rides the calculation of body width based on titleWidth.
-   * Sometimes we need the body to be full width while keeping a title width similar to other widths */
-  bodyFullWidth: _propTypes.default.bool
+exports.Content = Content;
+Content.propTypes = {
+  "align": _propTypes.default.oneOf(["center", "left", "right"]),
+  "bodyFullWidth": _propTypes.default.bool,
+  "children": _propTypes.default.node,
+  "inline": _propTypes.default.bool,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "title": _propTypes.default.node,
+  "titleWidth": _propTypes.default.string,
+  "variant": _propTypes.default.oneOf(["primary", "secondary"])
 };
+Content.displayName = "Content";
 var _default = Content;
 exports.default = _default;

package/lib/components/content/content.style.d.ts

@@ -0,0 +1,41 @@
+import { MarginProps } from "styled-system";
+export declare type AlignOptions = "left" | "center" | "right";
+export declare type VariantOptions = "primary" | "secondary";
+export interface StyledContentProps extends MarginProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /**
+     * Over-rides the calculation of body width based on titleWidth.
+     * Sometimes we need the body to be full width while keeping a title width similar to other widths
+     */
+    bodyFullWidth?: boolean;
+}
+declare const StyledContent: import("styled-components").StyledComponent<"div", any, StyledContentProps, never>;
+export interface StyledContentTitleProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /** Displays the content inline with the title */
+    inline?: boolean;
+    /** Sets a custom width for the title element */
+    titleWidth?: string;
+    /** Applies a theme to the Content Value: primary, secondary */
+    variant?: VariantOptions;
+}
+declare const StyledContentTitle: import("styled-components").StyledComponent<"div", any, StyledContentTitleProps, never>;
+export interface StyledContentBodyProps {
+    /** Aligns the content (left, center or right) */
+    align?: AlignOptions;
+    /**
+     * Over-rides the calculation of body width based on titleWidth.
+     * Sometimes we need the body to be full width while keeping a title width similar to other widths
+     */
+    bodyFullWidth?: boolean;
+    /** Displays the content inline with the title */
+    inline?: boolean;
+    /** Sets a custom width for the title element */
+    titleWidth?: string;
+    /** Applies a theme to the Content Value: primary, secondary */
+    variant?: VariantOptions;
+}
+declare const StyledContentBody: import("styled-components").StyledComponent<"div", any, StyledContentBodyProps, never>;
+export { StyledContent, StyledContentTitle, StyledContentBody };

package/lib/components/content/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./content";
-export * from "./content";
+export { default } from "./content.component";
+export type { ContentProps } from "./content.component";

package/lib/components/content/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _contentComponent.default;
+    return _content.default;
   }
 });
 
-var _contentComponent = _interopRequireDefault(require("./content.component.js"));
+var _content = _interopRequireDefault(require("./content.component"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -204,6 +204,12 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
         setCharacterString("");
       }
 
+      if (_events.default.isEnterKey(event)) {
+        /* timeout enforces that the "closeSubmenu" method will be run after 
+          the browser navigates to the specified href of the menu-item. */
+        setTimeout(() => closeSubmenu());
+      }
+
       if (href && index === undefined) {
         if (_events.default.isEnterKey(event) || _events.default.isTabKey(event) && _events.default.isShiftKey(event)) {
           closeSubmenu();

package/lib/components/select/multi-select/multi-select.component.js

@@ -437,7 +437,6 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
 
   const selectList = /*#__PURE__*/_react.default.createElement(FilterableSelectList, {
     ref: listboxRef,
-    "aria-multiselectable": true,
     id: selectListId.current,
     labelId: labelId.current,
     anchorElement: textboxRef && textboxRef.parentElement,

package/lib/components/select/option-row/option-row.component.js

@@ -37,10 +37,16 @@ const OptionRow = /*#__PURE__*/_react.default.forwardRef(({
   };
 
   const selectListContext = (0, _react.useContext)(_selectListContext.default);
+  let isSelected = selectListContext.currentOptionsListIndex === index;
+
+  if (selectListContext.multiselectValues) {
+    isSelected = selectListContext.multiselectValues.includes(value);
+  }
+
   return /*#__PURE__*/_react.default.createElement(_optionRow.default, {
     id: id,
     ref: ref,
-    "aria-selected": selectListContext.currentOptionsListIndex === index,
+    "aria-selected": isSelected,
     "data-component": "option-row",
     onClick: handleClick,
     isHighlighted: selectListContext.currentOptionsListIndex === index,

package/lib/components/select/select-list/select-list.component.js

@@ -68,6 +68,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
   listPlacement = "bottom",
   flipEnabled = true,
   isOpen,
+  multiselectValues,
   ...listProps
 }, listContainerRef) => {
   const [currentOptionsListIndex, setCurrentOptionsListIndex] = (0, _react.useState)(-1);
@@ -350,7 +351,8 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     ref: listContainerRef
   }, /*#__PURE__*/_react.default.createElement(_selectListContext.default.Provider, {
     value: {
-      currentOptionsListIndex
+      currentOptionsListIndex,
+      multiselectValues
     }
   }, /*#__PURE__*/_react.default.createElement(_selectListContainer.default, _extends({
     "data-element": "select-list-wrapper"
@@ -360,6 +362,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     "aria-labelledby": labelId,
     "data-element": "select-list",
     role: "listbox",
+    "aria-multiselectable": multiselectValues ? true : undefined,
     ref: listCallbackRef,
     tabIndex: "-1",
     isLoading: isLoading,
@@ -433,7 +436,10 @@ SelectList.propTypes = {
   /** @private @ignore
    * Hides the list (with CSS display: none) if not set
    */
-  isOpen: _propTypes.default.bool
+  isOpen: _propTypes.default.bool,
+
+  /** array of selected values, if rendered as part of a MultiSelect */
+  multiselectValues: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)])
 };
 var _default = SelectList;
 exports.default = _default;

package/lib/components/typography/typography.component.js

@@ -272,5 +272,6 @@ Typography.propTypes = {
   /** Apply truncation */
   truncate: _propTypes.default.bool
 };
+Typography.displayName = "Typography";
 var _default = Typography;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "111.0.1",
+  "version": "111.0.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -30,7 +30,6 @@
     "clean-lib": "rimraf ./lib && rimraf ./esm",
     "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
-    "generate-proptypes": "ts-node ./scripts/generate_proptypes/index.ts",
     "type-check": "tsc --noEmit",
     "type-check:watch": "npm run type-check -- --watch",
     "build:types": "tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./lib && tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./esm"

package/esm/components/content/content.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface ContentProps extends MarginProps {
-  /** Aligns the content (left, center or right) */
-  align?: "left" | "center" | "right";
-  /**
-   * Over-rides the calculation of body width based on titleWidth.
-   * Sometimes we need the body to be full width while keeping a title width similar to other widths
-   */
-  bodyFullWidth?: boolean;
-  /** The body of the content component */
-  children?: React.ReactNode;
-  /** Displays the content inline with the title */
-  inline?: boolean;
-  /** The title of the content component */
-  title?: React.ReactNode;
-  /** Sets a custom width for the title element */
-  titleWidth?: string;
-  /** Applies a theme to the Content Value: primary, secondary */
-  variant?: "primary" | "secondary";
-}
-
-declare function Content(props: ContentProps): JSX.Element;
-
-export default Content;

package/lib/components/content/content.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface ContentProps extends MarginProps {
-  /** Aligns the content (left, center or right) */
-  align?: "left" | "center" | "right";
-  /**
-   * Over-rides the calculation of body width based on titleWidth.
-   * Sometimes we need the body to be full width while keeping a title width similar to other widths
-   */
-  bodyFullWidth?: boolean;
-  /** The body of the content component */
-  children?: React.ReactNode;
-  /** Displays the content inline with the title */
-  inline?: boolean;
-  /** The title of the content component */
-  title?: React.ReactNode;
-  /** Sets a custom width for the title element */
-  titleWidth?: string;
-  /** Applies a theme to the Content Value: primary, secondary */
-  variant?: "primary" | "secondary";
-}
-
-declare function Content(props: ContentProps): JSX.Element;
-
-export default Content;