carbon-react 138.0.2 → 138.1.1

package/esm/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/esm/components/button-minor/button-minor.component.js

@@ -3,7 +3,7 @@ import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import StyledButtonMinor from "./button-minor.style";
 import { ButtonBarContext } from "../button-bar/button-bar.component";
-export const ButtonMinor = ({
+const ButtonMinor = /*#__PURE__*/React.forwardRef(({
   buttonType: buttonTypeProp = "secondary",
   disabled = false,
   destructive = false,
@@ -11,7 +11,7 @@ export const ButtonMinor = ({
   iconPosition: iconPositionProp = "before",
   fullWidth: fullWidthProp = false,
   ...rest
-}) => {
+}, ref) => {
   const {
     buttonType: buttonTypeContext,
     size: sizeContext,
@@ -23,6 +23,7 @@ export const ButtonMinor = ({
   const iconPosition = iconPositionContext || iconPositionProp;
   const fullWidth = fullWidthContext || fullWidthProp;
   return /*#__PURE__*/React.createElement(StyledButtonMinor, _extends({
+    ref: ref,
     "data-component": "button-minor",
     size: size,
     fullWidth: fullWidth,
@@ -31,6 +32,350 @@ export const ButtonMinor = ({
     disabled: disabled,
     destructive: destructive
   }, rest));
-};
+});
+if (process.env.NODE_ENV !== "production") {
+  ButtonMinor.propTypes = {
+    "aria-describedby": PropTypes.string,
+    "aria-label": PropTypes.string,
+    "aria-labelledby": PropTypes.string,
+    "buttonType": PropTypes.oneOf(["darkBackground", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
+    "children": PropTypes.node,
+    "className": PropTypes.string,
+    "data-component": PropTypes.string,
+    "data-element": PropTypes.string,
+    "data-role": PropTypes.string,
+    "destructive": PropTypes.bool,
+    "disabled": PropTypes.bool,
+    "fullWidth": PropTypes.bool,
+    "href": PropTypes.string,
+    "iconPosition": PropTypes.oneOf(["after", "before"]),
+    "iconTooltipMessage": PropTypes.string,
+    "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
+    "iconType": PropTypes.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.string,
+    "isInPassword": 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]),
+    "name": PropTypes.string,
+    "noWrap": PropTypes.bool,
+    "onBlur": PropTypes.func,
+    "onChange": PropTypes.func,
+    "onClick": PropTypes.func,
+    "onFocus": PropTypes.func,
+    "onKeyDown": PropTypes.func,
+    "p": 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]),
+    "padding": 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]),
+    "paddingBottom": 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]),
+    "paddingLeft": 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]),
+    "paddingRight": 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]),
+    "paddingTop": 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]),
+    "paddingX": 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]),
+    "paddingY": 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]),
+    "pb": 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]),
+    "pl": 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]),
+    "pr": 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]),
+    "pt": 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]),
+    "px": 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]),
+    "py": 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]),
+    "rel": PropTypes.string,
+    "size": PropTypes.oneOf(["large", "medium", "small"]),
+    "subtext": PropTypes.string,
+    "target": PropTypes.string,
+    "type": PropTypes.string
+  };
+}
+export { ButtonMinor };
 ButtonMinor.displayName = "ButtonMinor";
 export default ButtonMinor;

package/esm/components/carbon-provider/carbon-provider.component.d.ts

@@ -4,13 +4,11 @@ export interface CarbonProviderProps {
     children: React.ReactNode;
     /** Theme which specifies styles to apply to all child components. Set to `sageTheme` by default. */
     theme?: Partial<ThemeObject>;
-    /** Feature flag for opting in to the latest validation designs for components that support it.
+    /** Feature flag for opting in to the new validation redesign for components that support it.
      *
      * NOTE - Will eventually be set to `true` by default in the future. */
     validationRedesignOptIn?: boolean;
-    /** Feature flag for opting out of styling components to have rounded corners.
-     *
-     * NOTE - Will eventually be set to `false` by default in the future. */
+    /** Feature flag for opting out of styling components to have rounded corners. */
     roundedCornersOptOut?: boolean;
     focusRedesignOptOut?: boolean;
 }

package/esm/components/checkbox/checkbox-group/checkbox-group.component.d.ts

@@ -4,15 +4,18 @@ import { ValidationProps } from "../../../__internal__/validations";
 export interface CheckboxGroupProps extends ValidationProps, MarginProps {
     /** The content for the CheckboxGroup Legend */
     legend?: string;
-    /** The content for the CheckboxGroup Legend Help text  */
+    /**
+     * The content for the CheckboxGroup Help tooltip,
+     * will be rendered as hint text when `validationRedesignOptIn` is true.
+     */
     legendHelp?: string;
-    /** When true, legend is placed inline with the checkboxes */
+    /** [Legacy] When true, legend is placed inline with the checkboxes */
     legendInline?: boolean;
-    /** Percentage width of legend (only when legend is inline)  */
+    /** [Legacy] Percentage width of legend (only when legend is inline)  */
     legendWidth?: number;
-    /** Text alignment of legend when inline */
+    /** [Legacy] Text alignment of legend when inline */
     legendAlign?: "left" | "right";
-    /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
+    /** [Legacy] Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
     legendSpacing?: 1 | 2;
     /** The Checkboxes to be rendered in the group */
     children: React.ReactNode;
@@ -22,7 +25,7 @@ export interface CheckboxGroupProps extends ValidationProps, MarginProps {
     required?: boolean;
     /** Flag to configure component as optional. */
     isOptional?: boolean;
-    /** Overrides the default tooltip */
+    /** [Legacy] Overrides the default tooltip */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** When true, Checkboxes are in line */
     inline?: boolean;

package/esm/components/date-range/date-range.component.d.ts

@@ -20,21 +20,21 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     /** Optional label for endDate field */
     endLabel?: string;
     /**
-     * Indicate that error has occurred on end date
-     * Pass string to display icon, tooltip and red border
-     * Pass true boolean to only display red border
+     * Indicate that error has occurred on end date.
+     * Pass string to display icon, tooltip and red border.
+     * Pass true boolean to only display red border.
      */
     endError?: boolean | string;
     /**
-     * Indicate additional information for end date
-     * Pass string to display icon, tooltip and blue border
-     * Pass true boolean to only display blue border
+     * [Legacy] Indicate additional information for end date.
+     * Pass string to display icon, tooltip and blue border.
+     * Pass true boolean to only display blue border.
      */
     endInfo?: boolean | string;
     /**
-     * Indicate that warning has occurred on end date
-     * Pass string to display icon, tooltip and orange border
-     * Pass true boolean to only display orange border
+     * Indicate that warning has occurred on end date.
+     * Pass string to display icon, tooltip and orange border.
+     * Pass true boolean to only display orange border.
      */
     endWarning?: boolean | string;
     /**
@@ -54,20 +54,21 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     /** Optional label for startDate field */
     startLabel?: string;
     /**
-     * Indicate that error has occurred on start date
-     * Pass string to display icon, tooltip and red border
-     * Pass true boolean to only display red border
+     * Indicate that error has occurred on start date.
+     * Pass string to display icon, tooltip and red border.
+     * Pass true boolean to only display red border.
      */
     startError?: boolean | string;
     /**
-     * Indicate that warning has occurred on start date
-     * Pass string to display icon, tooltip and orange border
-     * Pass true boolean to only display orange border
+     * Indicate that warning has occurred on start date.
+     * Pass string to display icon, tooltip and orange border.
+     * Pass true boolean to only display orange border.
      */
     startWarning?: boolean | string;
-    /** Indicate additional information for start date
-     * Pass string to display icon, tooltip and blue border
-     * Pass true boolean to only display blue border
+    /**
+     * [Legacy] Indicate additional information for start date.
+     * Pass string to display icon, tooltip and blue border.
+     * Pass true boolean to only display blue border.
      */
     startInfo?: boolean | string;
     /**
@@ -76,9 +77,9 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     startRef?: React.ForwardedRef<HTMLInputElement>;
     /** An array containing the value of startDate and endDate */
     value: string[];
-    /** When true, validation icons will be placed on labels instead of being placed on the inputs */
+    /** [Legacy] When true, validation icons will be placed on labels instead of being placed on the inputs */
     validationOnLabel?: boolean;
-    /** Overrides the default tooltip position */
+    /** [Legacy] Overrides the default tooltip position */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** Flag to configure component as mandatory. */
     required?: boolean;

package/esm/components/date-range/date-range.style.d.ts

@@ -1,5 +1,5 @@
 export interface StyledDateRangeProps {
-    /** Display labels inline */
+    /** [Legacy] Display labels inline */
     labelsInline?: boolean;
 }
 declare const StyledDateRange: import("styled-components").StyledComponent<"div", any, StyledDateRangeProps, never>;

package/esm/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -94,13 +94,21 @@ const StyledMenuModal = styled.div`
         }
       }
     }
-  `}
 
-  ${StyledBox} {
-    &::-webkit-scrollbar {
-      width: 16px;
+    ${StyledBox} {
+      scrollbar-color: ${menuConfigVariants[menuType].scrollbarColor};
+
+      &::-webkit-scrollbar {
+        width: var(--sizing150);
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: ${menuConfigVariants[menuType].scrollbarThumb};
+      }
+      &::-webkit-scrollbar-track {
+        background-color: ${menuConfigVariants[menuType].scrollbarTrack};
+      }
     }
-  }
+  `}
 `;
 const StyledMenuFullscreenHeader = styled.div`
   height: 40px;

package/esm/components/menu/menu.config.d.ts

@@ -12,6 +12,9 @@ declare const _default: {
         alternate: string;
         alternateHover: string;
         divider: string;
+        scrollbarThumb: string;
+        scrollbarTrack: string;
+        scrollbarColor: string;
     };
     dark: {
         background: string;
@@ -26,6 +29,9 @@ declare const _default: {
         alternate: string;
         alternateHover: string;
         divider: string;
+        scrollbarThumb: string;
+        scrollbarTrack: string;
+        scrollbarColor: string;
     };
     black: {
         background: string;
@@ -40,6 +46,9 @@ declare const _default: {
         alternate: string;
         alternateHover: string;
         divider: string;
+        scrollbarThumb: string;
+        scrollbarTrack: string;
+        scrollbarColor: string;
     };
     white: {
         background: string;
@@ -54,6 +63,9 @@ declare const _default: {
         alternate: string;
         alternateHover: string;
         divider: string;
+        scrollbarThumb: string;
+        scrollbarTrack: string;
+        scrollbarColor: string;
     };
 };
 export default _default;

package/esm/components/menu/menu.config.js

@@ -11,7 +11,10 @@ export default {
     title: "var(--colorsComponentsMenuYin065)",
     alternate: "var(--colorsComponentsMenuSpringChildAlt500)",
     alternateHover: "var(--colorsComponentsMenuSpringChildAlt600)",
-    divider: "var(--colorsComponentsMenuSpringChild400)"
+    divider: "var(--colorsComponentsMenuSpringChild400)",
+    scrollbarThumb: "#597a8b",
+    scrollbarTrack: "#f2f5f6",
+    scrollbarColor: "#597a8b #f2f5f6"
   },
   dark: {
     background: "var(--colorsComponentsMenuAutumnStandard500)",
@@ -25,7 +28,10 @@ export default {
     title: "var(--colorsComponentsMenuYang080)",
     alternate: "var(--colorsComponentsMenuAutumnChildAlt500)",
     alternateHover: "var(--colorsComponentsMenuAutumnChildAlt600)",
-    divider: "var(--colorsComponentsMenuAutumnChild400)"
+    divider: "var(--colorsComponentsMenuAutumnChild400)",
+    scrollbarThumb: "#597a8b",
+    scrollbarTrack: "#f2f5f6",
+    scrollbarColor: "#597a8b #f2f5f6"
   },
   black: {
     background: "var(--colorsComponentsMenuWinterStandard500)",
@@ -39,7 +45,10 @@ export default {
     title: "var(--colorsComponentsMenuYang080)",
     alternate: "var(--colorsComponentsMenuWinterChildAlt500)",
     alternateHover: "var(--colorsComponentsMenuWinterChildAlt600)",
-    divider: "var(--colorsComponentsMenuWinterChild400)"
+    divider: "var(--colorsComponentsMenuWinterChild400)",
+    scrollbarThumb: "#CCCCCC",
+    scrollbarTrack: "#808080",
+    scrollbarColor: "#CCCCCC #808080"
   },
   white: {
     background: "var(--colorsComponentsMenuSummerStandard500)",
@@ -53,6 +62,9 @@ export default {
     title: "var(--colorsComponentsMenuYin065)",
     alternate: "var(--colorsComponentsMenuSummerChildAlt500)",
     alternateHover: "var(--colorsComponentsMenuSummerChildAlt600)",
-    divider: "var(--colorsComponentsMenuSummerChild400)"
+    divider: "var(--colorsComponentsMenuSummerChild400)",
+    scrollbarThumb: "#597a8b",
+    scrollbarTrack: "#f2f5f6",
+    scrollbarColor: "#597a8b #f2f5f6"
   }
 };