carbon-react 111.15.0 → 111.17.0

package/esm/components/sidebar/sidebar.component.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useRef, useCallback, useContext } from "react";
+import React, { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import Modal from "../modal";
 import StyledSidebar from "./sidebar.style";
@@ -35,6 +35,7 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
   focusableContainers,
   focusableSelectors,
   width,
+  headerPadding = {},
   ...rest
 }, ref) => {
   const locale = useLocale();
@@ -82,9 +83,11 @@ const Sidebar = /*#__PURE__*/React.forwardRef(({
     role: role
   }, filterStyledSystemPaddingProps(rest), {
     width: width
-  }), header && /*#__PURE__*/React.createElement(SidebarHeader, {
+  }), header && /*#__PURE__*/React.createElement(SidebarHeader, _extends({
+    closeIcon: closeIcon()
+  }, headerPadding, {
     id: headerId
-  }, header), closeIcon(), /*#__PURE__*/React.createElement(Box, _extends({
+  }), header), !header && closeIcon(), /*#__PURE__*/React.createElement(Box, _extends({
     "data-element": "sidebar-content",
     pt: "var(--spacing300)",
     pb: "var(--spacing400)",
@@ -145,6 +148,162 @@ Sidebar.propTypes = {
     }]).isRequired
   }),
   "header": PropTypes.node,
+  "headerPadding": PropTypes.shape({
+    "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])
+  }),
   "onCancel": PropTypes.func,
   "open": PropTypes.bool.isRequired,
   "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({

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

@@ -6,8 +6,7 @@ import styledSystemPropTypes from "@styled-system/prop-types";
 import StyledTileFooter from "./tile-footer.style";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
 const paddingPropTypes = filterStyledSystemPaddingProps(styledSystemPropTypes.space);
-
-const TileFooter = ({
+export const TileFooter = ({
   variant,
   children,
   ...props
@@ -17,11 +16,10 @@ const TileFooter = ({
     variant: variant
   }, props), children);
 };
-
 TileFooter.propTypes = { ...paddingPropTypes,
 
-  /** set which background color variant should be used */
-  variant: PropTypes.oneOf(["default", "transparent"]),
+  /** Sets which background color variant should be used */
+  variant: PropTypes.oneOf(["default", "black", "transparent"]),
   children: PropTypes.node
 };
 export default TileFooter;

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

@@ -3,7 +3,7 @@ import { PaddingProps } from "styled-system";
 
 export interface TileFooterProps extends PaddingProps {
   /** set which background color variant should be used */
-  variant?: "default" | "transparent";
+  variant?: "default" | "black" | "transparent";
 }
 
 declare function TileFooter(

package/esm/components/tile/tile-footer/tile-footer.style.js

@@ -1,13 +1,27 @@
 import styled, { css } from "styled-components";
 import { padding } from "styled-system";
 import { baseTheme } from "../../../style/themes";
+
+const getBackgroundColor = variant => {
+  switch (variant) {
+    case "transparent":
+      return "transparent";
+
+    case "black":
+      return "var(--colorsUtilityYin100)";
+
+    default:
+      return "var(--colorsUtilityMajor100)";
+  }
+};
+
 const StyledTileFooter = styled.div`
   ${padding}
 
   ${({
   variant
 }) => css`
-    background: ${variant === "transparent" ? "transparent" : "var(--colorsUtilityMajor025)"};
+    background: ${getBackgroundColor(variant)};
     border-top: 1px solid var(--colorsUtilityMajor100);
   `}
 `;

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

@@ -4,8 +4,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import propTypes from "@styled-system/prop-types";
 import { StyledTile, TileContent } from "./tile.style.js";
-
-const Tile = ({
+export const Tile = ({
   variant = "tile",
   p = 3,
   children,
@@ -48,6 +47,8 @@ const Tile = ({
     p: p
   }, props), wrappedChildren);
 };
+/** TODO: When we convert this to typescript, dynamically pull the border tokens for borderWidth
+ * See how the Box component does this with boxShadows for an example */
 
 Tile.propTypes = {
   /** Styled system spacing props */
@@ -72,6 +73,12 @@ Tile.propTypes = {
    * Set a percentage-based width for the whole Tile component, relative to its parent.
    * If unset or zero, this will default to 100%.
    */
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
+  /** Sets the border width by using these design tokens */
+  borderWidth: PropTypes.oneOf(["borderWidth000", "borderWidth100", "borderWidth200", "borderWidth300", "borderWidth400"]),
+
+  /** Sets the border variant that should be used */
+  borderVariant: PropTypes.oneOf(["default", "selected", "positive", "negative", "caution", "info"])
 };
 export default Tile;

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

@@ -24,6 +24,21 @@ export interface TileProps extends SpaceProps {
    * If unset or zero, this will default to 100%.
    */
   width?: string | number;
+  /** Sets the border width by using these design tokens */
+  borderWidth?:
+    | "borderWidth000"
+    | "borderWidth100"
+    | "borderWidth200"
+    | "borderWidth300"
+    | "borderWidth400";
+  /** Sets the border variant that should be used */
+  borderVariant?:
+    | "default"
+    | "selected"
+    | "positive"
+    | "negative"
+    | "caution"
+    | "info";
 }
 
 declare function Tile(props: TileProps): JSX.Element;

package/esm/components/tile/tile.style.js

@@ -3,6 +3,29 @@ import PropTypes from "prop-types";
 import { space } from "styled-system";
 import baseTheme from "../../style/themes/base";
 import computeWidth from "../../style/utils/width";
+
+const getBorderColor = borderVariant => {
+  switch (borderVariant) {
+    case "selected":
+      return "var(--colorsUtilityYin100)";
+
+    case "positive":
+      return "var(--colorsSemanticPositive500)";
+
+    case "negative":
+      return "var(--colorsSemanticNegative500)";
+
+    case "caution":
+      return "var(--colorsSemanticCaution500)";
+
+    case "info":
+      return "var(--colorsSemanticInfo500)";
+
+    default:
+      return "var(--colorsUtilityMajor100)";
+  }
+};
+
 const TileContent = styled.div`
   ${({
   isHorizontal,
@@ -59,12 +82,14 @@ const StyledTile = styled.div`
   ${({
   isHorizontal,
   tileTheme,
-  width
+  width,
+  borderWidth = "borderWidth100",
+  borderVariant
 }) => css`
     ${space}
 
     box-sizing: border-box;
-    border: 1px solid var(--colorsUtilityMajor100);
+    border: var(--${borderWidth}) solid ${getBorderColor(borderVariant)};
 
     ${tileTheme === "tile" && css`
       background-color: var(--colorsUtilityYang100);
@@ -99,7 +124,9 @@ StyledTile.propTypes = {
   orientation: PropTypes.string,
   padding: PropTypes.string,
   tileTheme: PropTypes.string,
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  borderWidth: PropTypes.string,
+  borderVariant: PropTypes.string
 };
 StyledTile.defaultProps = {
   theme: baseTheme

package/esm/style/design-tokens/debug-theme.util.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
         colorsUtilityMajor050: string;
         colorsUtilityMajor075: string;
         colorsUtilityMajorTransparent: string;
+        colorsUtilityYin100: string;
         colorsUtilityYin030: string;
         colorsUtilityYin055: string;
         colorsUtilityYin065: string;
@@ -117,6 +118,7 @@ declare const _default: {
         colorsSemanticInfoYang100: string;
         colorsLogo: string;
         colorsTransparent: string;
+        colorsYin100: string;
         colorsYin030: string;
         colorsYin055: string;
         colorsYin065: string;
@@ -301,13 +303,25 @@ declare const _default: {
         fontFamiliesIos: string;
         fontFamiliesAndroid: string;
         fontFamiliesOther: string;
+        borderRadius100: string;
+        borderRadius200: string;
+        borderRadius300: string;
+        borderRadius400: string;
         borderRadiusCircle: string;
+        borderRadius025: string;
+        borderRadius050: string;
+        borderRadius000: string;
         typographyAccordionTitleM: string;
+        typographyAccordionTitleS: string;
         typographyAccordionSubtitleM: string;
+        typographyAccordionSubtitleS: string;
         typographyAccordionParagraphM: string;
+        typographyAccordionParagraphS: string;
         typographyActionPopoverMenuItemM: string;
         typographyAnchorNavLabelM: string;
         typographyBadgeLabelM: string;
+        typographyBreadcrumbSeparatorM: string;
+        typographyBreadcrumbCurrentPageM: string;
         typographyButtonLabelS: string;
         typographyButtonLabelM: string;
         typographyButtonLabelL: string;
@@ -327,7 +341,7 @@ declare const _default: {
         typographyDialogTitleL: string;
         typographyDialogTitleXl: string;
         typographyDialogTitleXxl: string;
-        typographyDialogSubtitle: string;
+        typographyDialogSubtitleM: string;
         typographyDialogParagraphXs: string;
         typographyDialogParagraphS: string;
         typographyDialogParagraphMs: string;

package/esm/style/themes/sage/index.d.ts

@@ -16,6 +16,7 @@ declare var _default: {
         colorsUtilityMajor050: string;
         colorsUtilityMajor075: string;
         colorsUtilityMajorTransparent: string;
+        colorsUtilityYin100: string;
         colorsUtilityYin030: string;
         colorsUtilityYin055: string;
         colorsUtilityYin065: string;
@@ -117,6 +118,7 @@ declare var _default: {
         colorsSemanticInfoYang100: string;
         colorsLogo: string;
         colorsTransparent: string;
+        colorsYin100: string;
         colorsYin030: string;
         colorsYin055: string;
         colorsYin065: string;
@@ -301,13 +303,25 @@ declare var _default: {
         fontFamiliesIos: string;
         fontFamiliesAndroid: string;
         fontFamiliesOther: string;
+        borderRadius100: string;
+        borderRadius200: string;
+        borderRadius300: string;
+        borderRadius400: string;
         borderRadiusCircle: string;
+        borderRadius025: string;
+        borderRadius050: string;
+        borderRadius000: string;
         typographyAccordionTitleM: string;
+        typographyAccordionTitleS: string;
         typographyAccordionSubtitleM: string;
+        typographyAccordionSubtitleS: string;
         typographyAccordionParagraphM: string;
+        typographyAccordionParagraphS: string;
         typographyActionPopoverMenuItemM: string;
         typographyAnchorNavLabelM: string;
         typographyBadgeLabelM: string;
+        typographyBreadcrumbSeparatorM: string;
+        typographyBreadcrumbCurrentPageM: string;
         typographyButtonLabelS: string;
         typographyButtonLabelM: string;
         typographyButtonLabelL: string;
@@ -327,7 +341,7 @@ declare var _default: {
         typographyDialogTitleL: string;
         typographyDialogTitleXl: string;
         typographyDialogTitleXxl: string;
-        typographyDialogSubtitle: string;
+        typographyDialogSubtitleM: string;
         typographyDialogParagraphXs: string;
         typographyDialogParagraphS: string;
         typographyDialogParagraphMs: string;

package/esm/style/utils/form-style-utils.d.ts

@@ -10,9 +10,11 @@ export declare const calculateFormSpacingValues: (props: PaddingProps, isFormCon
     "margin-left": string;
     "margin-right": string;
 } | {
+    ":not(.padded)"?: {
+        "padding-left": string;
+        "padding-right": string;
+    } | undefined;
     "margin-bottom": string;
-    "padding-left": string | undefined;
-    "padding-right": string | undefined;
     "margin-left": string;
     "margin-right": string;
 };

package/esm/style/utils/form-style-utils.js

@@ -92,8 +92,13 @@ export const calculateFormSpacingValues = (props, isFormContent, containerCompon
       "padding-right": spacingRightValue
     } : {
       "margin-bottom": setNegativeValue(spacingBottomValue),
-      "padding-left": isSidebar ? SIDEBAR_LEFT_PADDING : undefined,
-      "padding-right": isSidebar ? SIDEBAR_RIGHT_PADDING : undefined
+      ...(isSidebar && {
+        // if footer already has custom padding do not set
+        ":not(.padded)": {
+          "padding-left": SIDEBAR_LEFT_PADDING,
+          "padding-right": SIDEBAR_RIGHT_PADDING
+        }
+      })
     })
   };
 };

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { DialogProps } from "../dialog";
+import { IconType } from "../icon";
+export interface ConfirmProps extends Omit<DialogProps, "className" | "disableFocusTrap" | "bespokeFocusTrap" | "focusableSelectors" | "help" | "role" | "contentPadding" | "focusableContainers" | "ariaRole" | "timeout" | "enableBackgroundUI" | "disableClose"> {
+    /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
+    cancelButtonType?: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground";
+    /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
+    confirmButtonType?: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground";
+    /** Customise the cancel button label */
+    cancelLabel?: string;
+    /** Customise the confirm button label */
+    confirmLabel?: string;
+    /** Apply destructive style to the cancel button */
+    cancelButtonDestructive?: boolean;
+    /** Apply destructive style to the confirm button */
+    confirmButtonDestructive?: boolean;
+    /** Defines a cancel button Icon position related to the children: "before" | "after" */
+    cancelButtonIconPosition?: "before" | "after";
+    /** Defines an Icon type within the cancel button (see Icon for options) */
+    cancelButtonIconType?: IconType;
+    /** Defines a cancel button Icon position related to the children: "before" | "after" */
+    confirmButtonIconPosition?: "before" | "after";
+    /** Defines an Icon type within the confirm button (see Icon for options) */
+    confirmButtonIconType?: IconType;
+    /** Makes cancel button disabled */
+    disableCancel?: boolean;
+    /** Makes confirm button disabled */
+    disableConfirm?: boolean;
+    /** Defines an Icon type within the button (see Icon for options) */
+    iconType?: "error" | "warning";
+    /** Adds isLoading state into confirm button */
+    isLoadingConfirm?: boolean;
+    /** A custom event handler when a confirmation takes place */
+    onConfirm: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const 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, size, showCloseIcon, ...rest }: ConfirmProps) => JSX.Element;
+export default Confirm;