carbon-react 106.7.0 → 107.1.1

package/esm/components/radio-button/radio-button-group.component.js

@@ -6,7 +6,7 @@ import styledSystemPropTypes from "@styled-system/prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import Fieldset from "../../__internal__/fieldset";
 import RadioButtonGroupStyle from "./radio-button-group.style";
-import RadioButtonMapper from "./radio-button-mapper.component";
+import RadioButtonMapper from "../../__internal__/radio-button-mapper/radio-button-mapper.component";
 import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";

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

@@ -228,7 +228,7 @@ const SelectList = /*#__PURE__*/React.forwardRef(({
     }
 
     setListHeight(`${newHeight}px`);
-  }, [children, listRef.current]);
+  }, [children]);
   useEffect(() => {
     const keyboardEvent = "keydown";
     const listElement = listRef.current;
@@ -334,7 +334,7 @@ SelectList.propTypes = {
   /** The Id of the label */
   labelId: PropTypes.string,
 
-  /** Child components (such as <Option>) for the <ScrollableList> */
+  /** Child components (such as <Option>) */
   children: PropTypes.node,
 
   /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */

package/esm/components/simple-color-picker/simple-color-picker.component.js

@@ -7,7 +7,7 @@ import Events from "../../__internal__/utils/helpers/events";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import Fieldset from "../../__internal__/fieldset";
 import SimpleColor from "./simple-color";
-import RadioButtonMapper from "../radio-button/radio-button-mapper.component";
+import RadioButtonMapper from "../../__internal__/radio-button-mapper/radio-button-mapper.component";
 import { StyledContent, StyledColorOptions } from "./simple-color-picker.style";
 import ValidationIcon from "../../__internal__/validations/validation-icon.component";
 import { InputGroupContext } from "../../__internal__/input-behaviour";

package/esm/components/split-button/split-button-toggle.style.d.ts

@@ -1,4 +1,4 @@
 export default StyledSplitButtonToggle;
-declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "as"> & {
+declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../button").ButtonProps & {
     iconOnly?: boolean | undefined;
 }, never>;

package/esm/components/split-button/split-button.component.d.ts

@@ -1,8 +1,7 @@
 export default SplitButton;
-declare function SplitButton({ align, as, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: {
+declare function SplitButton({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: {
     [x: string]: any;
     align?: string | undefined;
-    as: any;
     buttonType?: string | undefined;
     children: any;
     disabled?: boolean | undefined;
@@ -19,8 +18,6 @@ declare namespace SplitButton {
     const propTypes: {
         /** Button type: "primary" | "secondary" */
         buttonType: PropTypes.Requireable<string>;
-        /** Button type: "primary" | "secondary" for legacy theme */
-        as: PropTypes.Requireable<string>;
         /** The additional button to display. */
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         /** A custom value for the data-element attribute */

package/esm/components/split-button/split-button.component.js

@@ -15,14 +15,11 @@ import Popover from "../../__internal__/popover";
 import { filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps } from "../../style/utils";
 import { baseTheme } from "../../style/themes";
 import { defaultFocusableSelectors } from "../../__internal__/focus-trap/focus-trap-utils";
-import Logger from "../../__internal__/utils/logger";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 const CONTENT_WIDTH_RATIO = 0.75;
-let deprecatedWarnTriggered = false;
 
 const SplitButton = ({
   align = "left",
-  as,
   buttonType = "secondary",
   children,
   disabled = false,
@@ -36,12 +33,6 @@ const SplitButton = ({
   "data-role": dataRole,
   ...rest
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-    Logger.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `SplitButton` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const theme = useContext(ThemeContext) || baseTheme;
   const isToggleButtonFocused = useRef(false);
   const isFocusedAfterClosing = useRef(false);
@@ -126,7 +117,6 @@ const SplitButton = ({
       onFocus: hideButtons,
       onTouchStart: hideButtons,
       iconPosition,
-      as,
       buttonType,
       disabled,
       iconType,
@@ -147,7 +137,7 @@ const SplitButton = ({
         isToggleButtonFocused.current = false;
       },
       onKeyDown: handleToggleButtonKeyDown,
-      buttonType: as || buttonType,
+      buttonType,
       size
     };
 
@@ -171,7 +161,7 @@ const SplitButton = ({
       primary: theme.colors.white,
       secondary: theme.colors.primary
     };
-    return colorsMap[as || buttonType];
+    return colorsMap[buttonType];
   }
 
   function renderMainButton() {
@@ -282,9 +272,6 @@ SplitButton.propTypes = { ...marginPropTypes,
   /** Button type: "primary" | "secondary" */
   buttonType: PropTypes.oneOf(["primary", "secondary"]),
 
-  /** Button type: "primary" | "secondary" for legacy theme */
-  as: PropTypes.oneOf(["primary", "secondary"]),
-
   /** The additional button to display. */
   children: PropTypes.node.isRequired,
 
@@ -309,5 +296,5 @@ SplitButton.propTypes = { ...marginPropTypes,
   /** Set align of the rendered content */
   align: PropTypes.oneOf(["left", "right"])
 };
-SplitButton.safeProps = ["buttonType", "as", "disabled", "size"];
+SplitButton.safeProps = ["buttonType", "disabled", "size"];
 export default SplitButton;

package/esm/components/split-button/split-button.d.ts

@@ -6,8 +6,6 @@ export interface SplitButtonProps
     MarginProps {
   /** Set align of the rendered content */
   align?: "left" | "right";
-  /** Button type: "primary" | "secondary" for legacy theme */
-  as?: "primary" | "secondary";
   /** Button type: "primary" | "secondary" */
   buttonType?: "primary" | "secondary";
   /** The additional button to display. */

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

@@ -1,7 +1,6 @@
 export default Tile;
-declare function Tile({ as, variant, p, children, orientation, width, ...props }: {
+declare function Tile({ variant, p, children, orientation, width, ...props }: {
     [x: string]: any;
-    as: any;
     variant?: string | undefined;
     p?: number | undefined;
     children: any;

package/esm/components/tile/tile.component.js

@@ -4,11 +4,8 @@ import React from "react";
 import PropTypes from "prop-types";
 import propTypes from "@styled-system/prop-types";
 import { StyledTile, TileContent } from "./tile.style.js";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
 
 const Tile = ({
-  as,
   variant = "tile",
   p = 3,
   children,
@@ -16,12 +13,6 @@ const Tile = ({
   width,
   ...props
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-    Logger.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Tile` component interface. You should use the `variant` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const isHorizontal = () => orientation === "horizontal";
 
   const isVertical = () => orientation === "vertical";
@@ -50,7 +41,7 @@ const Tile = ({
     }), /*#__PURE__*/React.cloneElement(child, childProps));
   });
   return /*#__PURE__*/React.createElement(StyledTile, _extends({
-    tileTheme: as || variant,
+    tileTheme: variant,
     width: width,
     "data-component": "tile",
     isHorizontal: isHorizontal(orientation),
@@ -62,9 +53,6 @@ Tile.propTypes = {
   /** Styled system spacing props */
   ...propTypes.space,
 
-  /** Sets the theme of the tile - either 'tile' or 'transparent' */
-  as: PropTypes.oneOf(["tile", "transparent"]),
-
   /** Sets the theme of the tile - either 'tile' or 'transparent' */
   variant: PropTypes.oneOf(["tile", "transparent"]),
 

package/esm/components/tile/tile.d.ts

@@ -2,8 +2,6 @@ import * as React from "react";
 import { SpaceProps } from "styled-system";
 
 export interface TileProps extends SpaceProps {
-  /** Sets the theme of the tile - either 'tile' or 'transparent' */
-  as?: "tile" | "transparent";
   /** Sets the theme of the tile - either 'tile' or 'transparent' */
   variant?: "tile" | "transparent";
   /**

package/esm/components/tile-select/tile-select-group.component.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import TileSelect from "./tile-select.component";
-import RadioButtonMapper from "../radio-button/radio-button-mapper.component";
+import RadioButtonMapper from "../../__internal__/radio-button-mapper/radio-button-mapper.component";
 import { StyledTileSelectFieldset, StyledGroupDescription } from "./tile-select.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);

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

@@ -1,7 +1,6 @@
 export default Toast;
-declare function Toast({ as, children, className, id, isCenter, maxWidth, onDismiss, open, targetPortalId, timeout, variant, ...restProps }: {
+declare function Toast({ children, className, id, isCenter, maxWidth, onDismiss, open, targetPortalId, timeout, variant, ...restProps }: {
     [x: string]: any;
-    as: any;
     children: any;
     className: any;
     id: any;
@@ -17,8 +16,6 @@ declare namespace Toast {
     const propTypes: {
         /** Customizes the appearance in the DLS theme */
         variant: PropTypes.Requireable<string>;
-        /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-        as: PropTypes.Requireable<string>;
         /** Custom className */
         className: PropTypes.Requireable<string>;
         /** Custom id  */

package/esm/components/toast/toast.component.js

@@ -11,11 +11,8 @@ import IconButton from "../icon-button";
 import Events from "../../__internal__/utils/helpers/events";
 import useLocale from "../../hooks/__internal__/useLocale";
 import useModalManager from "../../hooks/__internal__/useModalManager";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
 
 const Toast = ({
-  as,
   children,
   className,
   id,
@@ -28,12 +25,6 @@ const Toast = ({
   variant,
   ...restProps
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-    Logger.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Toast` component interface. You should use the `variant` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const locale = useLocale();
   const toastRef = useRef();
   const timer = useRef();
@@ -73,7 +64,7 @@ const Toast = ({
     if (!open) return null;
     const toastProps = {
       isCenter,
-      variant: variant || as || "success",
+      variant: variant || "success",
       id,
       maxWidth
     };
@@ -113,9 +104,6 @@ Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
   variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
 
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as: PropTypes.oneOf(["error", "info", "success", "warning"]),
-
   /** Custom className */
   className: PropTypes.string,
 

package/esm/components/toast/toast.d.ts

@@ -7,8 +7,6 @@ export interface ToastPropTypes {
   children: React.ReactNode;
   /** Customizes the appearance in the DLS theme */
   variant?: ToastVariants;
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as?: ToastVariants;
   /** Custom className */
   className?: string;
   /** Custom id  */

package/esm/locales/en-gb.js

@@ -118,15 +118,6 @@ const enGB = {
     ariaLabels: {
       close: () => "Close"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Submit",
-        next: () => "Next",
-        back: () => "Back"
-      }
-    }
   }
 };
 export default enGB;

package/esm/locales/locale.d.ts

@@ -92,14 +92,5 @@ interface Locale {
             close: () => string;
         };
     };
-    wizards: {
-        multiStep: {
-            buttons: {
-                submit: () => string;
-                next: () => string;
-                back: () => string;
-            };
-        };
-    };
 }
 export default Locale;

package/esm/locales/pl-pl.js

@@ -116,15 +116,6 @@ const plPL = {
     ariaLabels: {
       close: () => "Zamknij"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Wyślij",
-        next: () => "Następny",
-        back: () => "Wstecz"
-      }
-    }
   }
 };
 export default plPL;

package/lib/__internal__/click-away-wrapper/click-away-wrapper.component.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface ClickAwayWrapperProps {
+    children: React.ReactNode;
+    handleClickAway: (ev: CustomEvent) => void;
+    eventTypeId?: "mousedown" | "click";
+    targets: React.RefObject<HTMLElement>[];
+}
+declare const ClickAwayWrapper: {
+    ({ children, handleClickAway, eventTypeId, targets, }: ClickAwayWrapperProps): JSX.Element;
+    displayName: string;
+};
+export default ClickAwayWrapper;

package/lib/__internal__/click-away-wrapper/click-away-wrapper.component.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _events = _interopRequireDefault(require("../utils/helpers/events"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const ClickAwayWrapper = ({
+  children,
+  handleClickAway,
+  eventTypeId = "click",
+  targets
+}) => {
+  (0, _react.useEffect)(() => {
+    const fnClickAway = ev => {
+      const clickedElements = targets.filter(ref => (ref === null || ref === void 0 ? void 0 : ref.current) && _events.default.composedPath(ev).includes(ref.current));
+
+      if (!clickedElements || !clickedElements.length) {
+        handleClickAway(ev);
+      }
+    };
+
+    document.addEventListener(eventTypeId, fnClickAway);
+    return function cleanup() {
+      document.removeEventListener(eventTypeId, fnClickAway);
+    };
+  }, [handleClickAway, targets, eventTypeId]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+ClickAwayWrapper.propTypes = {
+  "children": _propTypes.default.node,
+  "eventTypeId": _propTypes.default.oneOf(["click", "mousedown"]),
+  "handleClickAway": _propTypes.default.func.isRequired,
+  "targets": _propTypes.default.arrayOf(_propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  })).isRequired
+};
+ClickAwayWrapper.displayName = "ClickAwayWrapper";
+var _default = ClickAwayWrapper;
+exports.default = _default;

package/lib/__internal__/click-away-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./click-away-wrapper.component";
+export type { ClickAwayWrapperProps } from "./click-away-wrapper.component";

package/lib/{components/menu/submenu-block → __internal__/click-away-wrapper}/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _submenuBlock.default;
+    return _clickAwayWrapper.default;
   }
 });
 
-var _submenuBlock = _interopRequireDefault(require("./submenu-block.component"));
+var _clickAwayWrapper = _interopRequireDefault(require("./click-away-wrapper.component"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/{components/scrollable-list → __internal__/click-away-wrapper}/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/scrollable-list/index.js",
+  "module": "../../../esm/__internal__/click-away-wrapper/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"
 }

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

@@ -3,7 +3,7 @@ import Icon from "../icon";
 declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledButton: import("styled-components").StyledComponent<{
-    ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../button").ButtonProps): JSX.Element;
+    ({ size, subtext, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../button").ButtonProps): JSX.Element;
     displayName: string;
 }, any, {}, never>;
 declare const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;

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

@@ -10,8 +10,6 @@ export interface ButtonProps extends SpaceProps {
      * This is required to comply with WCAG 4.1.2 - Buttons must have discernible text
      */
     "aria-label"?: string;
-    /** [Legacy] Button types for legacy theme: "primary" | "secondary" */
-    as?: ButtonTypes;
     /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
     buttonType?: ButtonTypes;
     /** The text the button displays */
@@ -60,7 +58,7 @@ export interface ButtonProps extends SpaceProps {
     rel?: string;
 }
 declare const Button: {
-    ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: ButtonProps): JSX.Element;
+    ({ size, subtext, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: ButtonProps): JSX.Element;
     displayName: string;
 };
 declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -19,8 +19,6 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -94,12 +92,10 @@ renderChildren.propTypes = {
     }
   }
 };
-let deprecatedWarnTriggered = false;
 
 const Button = ({
   size = "medium",
   subtext = "",
-  as,
   children,
   forwardRef,
   "aria-label": ariaLabel,
@@ -119,13 +115,6 @@ const Button = ({
   fullWidth = false,
   ...rest
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Button` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   (0, _invariant.default)(!!(children || iconType), "Either prop `iconType` must be defined or this node must have children.");
 
   if (subtext) {
@@ -133,7 +122,7 @@ const Button = ({
   }
 
   const [internalRef, setInternalRef] = (0, _react.useState)();
-  const buttonType = as || buttonTypeProp;
+  const buttonType = buttonTypeProp;
   let paddingX;
 
   const handleLinkKeyDown = event => {
@@ -203,7 +192,6 @@ const Button = ({
 
 Button.propTypes = {
   "aria-label": _propTypes.default.string,
-  "as": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
   "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
   "children": _propTypes.default.node,
   "destructive": _propTypes.default.bool,
@@ -546,7 +534,6 @@ const ButtonWithForwardRef = /*#__PURE__*/_react.default.forwardRef((props, ref)
 exports.ButtonWithForwardRef = ButtonWithForwardRef;
 ButtonWithForwardRef.propTypes = {
   "aria-label": _propTypes.default.string,
-  "as": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
   "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
   "children": _propTypes.default.node,
   "destructive": _propTypes.default.bool,

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

@@ -1,6 +1,6 @@
 import { SpaceProps } from "styled-system";
 import { ButtonProps } from "./button.component";
-declare const StyledButton: import("styled-components").StyledComponent<"button", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "as"> & {
+declare const StyledButton: import("styled-components").StyledComponent<"button", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ButtonProps & {
     iconOnly?: boolean | undefined;
 }, never>;
 export declare const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/button-toggle-group/button-toggle-group.component.js

@@ -17,7 +17,7 @@ var _buttonToggleGroup = _interopRequireDefault(require("./button-toggle-group.s
 
 var _buttonToggle = _interopRequireDefault(require("../button-toggle"));
 
-var _radioButtonMapper = _interopRequireDefault(require("../radio-button/radio-button-mapper.component"));
+var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
 
 var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.component"));
 

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

@@ -1,12 +1,11 @@
 export default Confirm;
-declare function Confirm({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, open, children, destructive, cancelButtonDestructive, confirmButtonDestructive, cancelButtonType, confirmButtonType, cancelButtonIconType, cancelButtonIconPosition, confirmButtonIconType, confirmButtonIconPosition, cancelLabel, onCancel, disableCancel, onConfirm, isLoadingConfirm, disableConfirm, confirmLabel, iconType, subtitle, title, ...rest }: {
+declare function Confirm({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, open, children, cancelButtonDestructive, confirmButtonDestructive, cancelButtonType, confirmButtonType, cancelButtonIconType, cancelButtonIconPosition, confirmButtonIconType, confirmButtonIconPosition, cancelLabel, onCancel, disableCancel, onConfirm, isLoadingConfirm, disableConfirm, confirmLabel, iconType, subtitle, title, ...rest }: {
     [x: string]: any;
     "aria-labelledby": any;
     "aria-describedby": any;
     "aria-label": any;
     open: any;
     children: any;
-    destructive: any;
     cancelButtonDestructive: any;
     confirmButtonDestructive: any;
     cancelButtonType: any;
@@ -30,7 +29,6 @@ declare namespace Confirm {
     namespace defaultProps {
         const size: string;
         const showCloseIcon: boolean;
-        const destructive: boolean;
         const cancelButtonDestructive: boolean;
         const confirmButtonDestructive: boolean;
         const iconType: null;
@@ -81,8 +79,6 @@ declare namespace Confirm {
         confirmLabel: PropTypes.Requireable<string>;
         /** Customise the cancel button label */
         cancelLabel: PropTypes.Requireable<string>;
-        /** Apply destructive style to the buttons */
-        destructive: PropTypes.Requireable<boolean>;
         /** Apply destructive style to the cancel button */
         cancelButtonDestructive: PropTypes.Requireable<boolean>;
         /** Apply destructive style to the confirm button */