carbon-react 138.0.1 → 138.1.0

package/esm/components/pill/pill.style.js

@@ -6,15 +6,6 @@ import { baseTheme } from "../../style/themes";
 import StyledIcon from "../icon/icon.style";
 import { toColor } from "../../style/utils/color";
 import getColorValue from "../../style/utils/get-color-value";
-function addStyleToPillIcon(fontSize) {
-  return `
-    ${StyledIcon} {
-      &:before {
-        font-size: ${fontSize};
-      }
-    }
-  `;
-}
 const StyledPill = styled.span`
   ${margin}
   ${({
@@ -70,13 +61,16 @@ const StyledPill = styled.span`
         border-radius: var(--borderRadius025);
       `}
       height: auto;
+
       ${!wrapText && css`
         white-space: nowrap;
       `}
+
       ${wrapText && css`
         white-space: break-spaces;
         hyphens: auto;
       `}
+
       color: ${contentColor};
 
       ${inFill && css`
@@ -91,13 +85,10 @@ const StyledPill = styled.span`
         min-height: 16px;
         line-height: 16px;
         font-size: 12px;
+        padding: 0 8px;
 
         ${theme.roundedCornersOptOut && css`
           border-radius: 12px;
-
-          button {
-            border-radius: 0 10px 10px 0;
-          }
         `}
       `}
 
@@ -105,13 +96,10 @@ const StyledPill = styled.span`
         min-height: 20px;
         line-height: 20px;
         font-size: 14px;
+        padding: 0 8px;
 
         ${theme.roundedCornersOptOut && css`
           border-radius: 12px;
-
-          button {
-            border-radius: 0 10px 10px 0;
-          }
         `}
       `}
 
@@ -119,13 +107,10 @@ const StyledPill = styled.span`
         min-height: 24px;
         line-height: 24px;
         font-size: 14px;
+        padding: 0 8px;
 
         ${theme.roundedCornersOptOut && css`
           border-radius: 13px;
-
-          button {
-            border-radius: 0 11px 11px 0;
-          }
         `}
       `}
 
@@ -133,13 +118,10 @@ const StyledPill = styled.span`
         min-height: 28px;
         line-height: 28px;
         font-size: 16px;
+        padding: 0 12px;
 
         ${theme.roundedCornersOptOut && css`
           border-radius: 15px;
-
-          button {
-            border-radius: 0 12px 12px 0;
-          }
         `}
       `}
 
@@ -172,12 +154,10 @@ const StyledPill = styled.span`
                 var(--borderRadius025) var(--borderRadius000);
             `}
 
-            & {
-              color: ${contentColor};
-            }
             ::-moz-focus-inner {
               border: 0;
             }
+
             ${StyledIcon} {
               color: ${contentColor};
             }
@@ -187,6 +167,7 @@ const StyledPill = styled.span`
             background-color: ${buttonFocusColor};
             color: ${contentColor};
             cursor: pointer;
+
             ${StyledIcon} {
               color: ${contentColor};
             }
@@ -197,17 +178,10 @@ const StyledPill = styled.span`
             width: unset;
             color: ${contentColor};
 
-            &:hover,
-            &:focus {
-              color: ${contentColor};
-            }
-          }
-
-          ${!inFill && css`
-            ${StyledIcon} {
+            ${!inFill && css`
               color: ${!isDarkBackground ? "var(--colorsUtilityYin090)" : "var(--colorsUtilityYang100)"};
-            }
-          `}
+            `}
+          }
         }
 
         ${size === "S" && css`
@@ -216,8 +190,17 @@ const StyledPill = styled.span`
           button {
             padding: 0;
             line-height: 16px;
-            top: -2px;
-            ${addStyleToPillIcon("16px")}
+
+            ${StyledIcon} {
+              top: -2px;
+              &:before {
+                font-size: 16px;
+              }
+            }
+
+            ${theme.roundedCornersOptOut && css`
+              border-radius: 0 10px 10px 0;
+            `}
           }
         `}
 
@@ -228,6 +211,10 @@ const StyledPill = styled.span`
             width: 24px;
             padding: 0;
             line-height: 15px;
+
+            ${theme.roundedCornersOptOut && css`
+              border-radius: 0 10px 10px 0;
+            `}
           }
         `}
 
@@ -238,6 +225,10 @@ const StyledPill = styled.span`
             width: 28px;
             padding: 0;
             line-height: 16px;
+
+            ${theme.roundedCornersOptOut && css`
+              border-radius: 0 11px 11px 0;
+            `}
           }
         `}
 
@@ -248,43 +239,10 @@ const StyledPill = styled.span`
             width: 32px;
             padding: 0;
             line-height: 18px;
-          }
-        `}
-      `}
-
-      ${!isDeletable && css`
-        ${size === "S" && css`
-          padding: 0 8px;
-
-          button {
-            padding: 0;
-          }
-        `}
 
-        ${size === "M" && css`
-          padding: 0 8px;
-
-          button {
-            width: 24px;
-            padding: 0;
-          }
-        `}
-
-        ${size === "L" && css`
-          padding: 0 8px;
-
-          button {
-            width: 28px;
-            padding: 0;
-          }
-        `}
-
-        ${size === "XL" && css`
-          padding: 0 12px;
-
-          button {
-            width: 32px;
-            padding: 0;
+            ${theme.roundedCornersOptOut && css`
+              border-radius: 0 12px 12px 0;
+            `}
           }
         `}
       `}

package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js

@@ -66,7 +66,8 @@ const InputIconToggle = ({
       tabIndex: iconTabIndex,
       "data-element": "input-icon-toggle",
       disabled: disabled,
-      readOnly: readOnly
+      readOnly: readOnly,
+      "data-role": "input-icon-toggle"
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       disabled: disabled || readOnly,
       type: type

package/lib/components/button-minor/button-minor.component.d.ts

@@ -4,8 +4,5 @@ export interface ButtonMinorProps extends ButtonProps {
     /** @private @ignore */
     isInPassword?: boolean;
 }
-export declare const ButtonMinor: {
-    ({ buttonType: buttonTypeProp, disabled, destructive, size: sizeProp, iconPosition: iconPositionProp, fullWidth: fullWidthProp, ...rest }: ButtonMinorProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const ButtonMinor: React.ForwardRefExoticComponent<ButtonMinorProps & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonMinor;

package/lib/components/button-minor/button-minor.component.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ButtonMinor = ({
+const ButtonMinor = exports.ButtonMinor = /*#__PURE__*/_react.default.forwardRef(({
   buttonType: buttonTypeProp = "secondary",
   disabled = false,
   destructive = false,
@@ -20,7 +20,7 @@ const ButtonMinor = ({
   iconPosition: iconPositionProp = "before",
   fullWidth: fullWidthProp = false,
   ...rest
-}) => {
+}, ref) => {
   const {
     buttonType: buttonTypeContext,
     size: sizeContext,
@@ -32,6 +32,7 @@ const ButtonMinor = ({
   const iconPosition = iconPositionContext || iconPositionProp;
   const fullWidth = fullWidthContext || fullWidthProp;
   return /*#__PURE__*/_react.default.createElement(_buttonMinor.default, _extends({
+    ref: ref,
     "data-component": "button-minor",
     size: size,
     fullWidth: fullWidth,
@@ -40,7 +41,349 @@ const ButtonMinor = ({
     disabled: disabled,
     destructive: destructive
   }, rest));
-};
-exports.ButtonMinor = ButtonMinor;
+});
+if (process.env.NODE_ENV !== "production") {
+  ButtonMinor.propTypes = {
+    "aria-describedby": _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "aria-labelledby": _propTypes.default.string,
+    "buttonType": _propTypes.default.oneOf(["darkBackground", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
+    "children": _propTypes.default.node,
+    "className": _propTypes.default.string,
+    "data-component": _propTypes.default.string,
+    "data-element": _propTypes.default.string,
+    "data-role": _propTypes.default.string,
+    "destructive": _propTypes.default.bool,
+    "disabled": _propTypes.default.bool,
+    "fullWidth": _propTypes.default.bool,
+    "href": _propTypes.default.string,
+    "iconPosition": _propTypes.default.oneOf(["after", "before"]),
+    "iconTooltipMessage": _propTypes.default.string,
+    "iconTooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+    "iconType": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "biometric", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "export", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "import", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
+    "id": _propTypes.default.string,
+    "isInPassword": _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]),
+    "name": _propTypes.default.string,
+    "noWrap": _propTypes.default.bool,
+    "onBlur": _propTypes.default.func,
+    "onChange": _propTypes.default.func,
+    "onClick": _propTypes.default.func,
+    "onFocus": _propTypes.default.func,
+    "onKeyDown": _propTypes.default.func,
+    "p": _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]),
+    "padding": _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]),
+    "paddingBottom": _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]),
+    "paddingLeft": _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]),
+    "paddingRight": _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]),
+    "paddingTop": _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]),
+    "paddingX": _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]),
+    "paddingY": _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]),
+    "pb": _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]),
+    "pl": _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]),
+    "pr": _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]),
+    "pt": _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]),
+    "px": _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]),
+    "py": _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]),
+    "rel": _propTypes.default.string,
+    "size": _propTypes.default.oneOf(["large", "medium", "small"]),
+    "subtext": _propTypes.default.string,
+    "target": _propTypes.default.string,
+    "type": _propTypes.default.string
+  };
+}
 ButtonMinor.displayName = "ButtonMinor";
 var _default = exports.default = ButtonMinor;

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

@@ -238,10 +238,6 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
             the browser navigates to the specified href of the menu-item. */
           setTimeout(() => closeSubmenu(), 0);
         }
-        if (href && _events.default.isEnterKey(event)) {
-          closeSubmenu();
-          return;
-        }
       }
       if (nextIndex !== index) {
         setSubmenuFocusId(submenuItemIds[nextIndex]);
@@ -320,6 +316,7 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   }
   return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
     "data-component": "submenu-wrapper",
+    "data-role": "submenu-wrapper",
     onMouseOver: !clickToOpen ? () => openSubmenu() : undefined,
     onMouseLeave: () => closeSubmenu(),
     isSubmenuOpen: submenuOpen,