carbon-react 118.5.1 → 118.6.0

package/lib/components/checkbox/checkbox.component.js

@@ -4,74 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Checkbox = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox.style"));
-
 var _checkableInput = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input.component"));
-
 var _checkboxSvg = _interopRequireDefault(require("./checkbox-svg.component"));
-
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-
 var _checkboxGroup = require("./checkbox-group.component");
-
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
-
 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; }
-
-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); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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); }
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-
-const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-labelledby": ariaLabelledBy,
-  id,
-  label,
-  onChange,
-  name,
-
-  /* FIXME: FE-4102 */
-  onClick,
-  onBlur,
-  onFocus,
-  value,
-  fieldHelp,
-  autoFocus,
-  labelHelp,
-  labelSpacing = 1,
-  labelWidth,
-  adaptiveSpacingBreakpoint,
-  required,
-  error,
-  warning,
-  info,
-  fieldHelpInline,
-  reverse = false,
-  checked,
-  disabled,
-  inputWidth,
-  size,
-  tooltipPosition,
-  "data-component": dataComponent = "checkbox",
-  "data-element": dataElement,
-  "data-role": dataRole,
-  helpAriaLabel,
-  inputRef,
-  ...rest
-}, ref) => {
+const Checkbox = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    "aria-labelledby": ariaLabelledBy,
+    id,
+    label,
+    onChange,
+    name,
+    /* FIXME: FE-4102 */
+    onClick,
+    onBlur,
+    onFocus,
+    value,
+    fieldHelp,
+    autoFocus,
+    labelHelp,
+    labelSpacing = 1,
+    labelWidth,
+    adaptiveSpacingBreakpoint,
+    required,
+    error,
+    warning,
+    info,
+    fieldHelpInline,
+    reverse = false,
+    checked,
+    disabled,
+    inputWidth,
+    size,
+    tooltipPosition,
+    "data-component": dataComponent = "checkbox",
+    "data-element": dataElement,
+    "data-role": dataRole,
+    helpAriaLabel,
+    inputRef,
+    ...rest
+  } = _ref;
   const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveSpacingBreakpoint);
   const adaptiveSpacingSmallScreen = !!(adaptiveSpacingBreakpoint && !largeScreen);
   const checkboxGroupContext = (0, _react.useContext)(_checkboxGroup.CheckboxGroupContext);
@@ -80,19 +64,14 @@ const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
     warning: contextWarning,
     info: contextInfo
   } = checkboxGroupContext;
-
   if (!deprecateInputRefWarnTriggered && inputRef) {
     deprecateInputRefWarnTriggered = true;
-
     _logger.default.deprecate("The `inputRef` prop in `Checkbox` component is deprecated and will soon be removed. Please use `ref` instead.");
   }
-
   if (!deprecateUncontrolledWarnTriggered && !onChange) {
     deprecateUncontrolledWarnTriggered = true;
-
     _logger.default.deprecate("Uncontrolled behaviour in `Checkbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
-
   const inputProps = {
     ariaLabelledBy,
     onClick,
@@ -143,7 +122,6 @@ const Checkbox = /*#__PURE__*/_react.default.forwardRef(({
     size: size
   }, marginProps), /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_checkboxSvg.default, null))));
 });
-
 exports.Checkbox = Checkbox;
 Checkbox.propTypes = {
   "about": _propTypes.default.string,
@@ -211,14 +189,12 @@ Checkbox.propTypes = {
   "children": _propTypes.default.node,
   "className": _propTypes.default.string,
   "color": _propTypes.default.string,
+  "content": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
-  "crossOrigin": _propTypes.default.string,
-  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
-    "__emotion_styles": _propTypes.default.any.isRequired
-  }), _propTypes.default.string, _propTypes.default.bool]),
+  "crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
-    "__html": _propTypes.default.string.isRequired
+    "__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
   }),
   "data-component": _propTypes.default.string,
   "data-element": _propTypes.default.string,
@@ -424,6 +400,7 @@ Checkbox.propTypes = {
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string]),
   "name": _propTypes.default.string,
+  "nonce": _propTypes.default.string,
   "onAbort": _propTypes.default.func,
   "onAbortCapture": _propTypes.default.func,
   "onAnimationEnd": _propTypes.default.func,
@@ -590,9 +567,11 @@ Checkbox.propTypes = {
   "property": _propTypes.default.string,
   "radioGroup": _propTypes.default.string,
   "readOnly": _propTypes.default.bool,
+  "rel": _propTypes.default.string,
   "required": _propTypes.default.bool,
   "resource": _propTypes.default.string,
   "results": _propTypes.default.number,
+  "rev": _propTypes.default.string,
   "reverse": _propTypes.default.bool,
   "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,

package/lib/components/checkbox/checkbox.style.js

@@ -4,45 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _checkableInput = require("../../__internal__/checkable-input/checkable-input.style");
-
 var _fieldHelp = _interopRequireDefault(require("../../__internal__/field-help/field-help.style"));
-
 var _hiddenCheckableInput = _interopRequireDefault(require("../../__internal__/checkable-input/hidden-checkable-input.style"));
-
 var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
-
 var _label = _interopRequireWildcard(require("../../__internal__/label/label.style"));
-
 var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.style"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 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; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledCheckbox = _styledComponents.default.div`
   ${_styledSystem.margin}
-  ${({
-  disabled,
-  error,
-  warning,
-  info,
-  fieldHelpInline,
-  labelSpacing,
-  inputWidth,
-  reverse,
-  size,
-  adaptiveSpacingSmallScreen
-}) => (0, _styledComponents.css)`
+  ${_ref => {
+  let {
+    disabled,
+    error,
+    warning,
+    info,
+    fieldHelpInline,
+    labelSpacing,
+    inputWidth,
+    reverse,
+    size,
+    adaptiveSpacingSmallScreen
+  } = _ref;
+  return (0, _styledComponents.css)`
     ${adaptiveSpacingSmallScreen && "margin-left: 0;"}
 
     ${_checkableInput.StyledCheckableInput} {
@@ -194,7 +183,8 @@ const StyledCheckbox = _styledComponents.default.div`
         }
       `}
     `}
-  `}
+  `;
+}}
 `;
 StyledCheckbox.defaultProps = {
   theme: _base.default

package/lib/components/checkbox/index.js

@@ -3,21 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CheckboxGroup", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
-    return _checkboxGroup.default;
+    return _checkbox.default;
   }
 });
-Object.defineProperty(exports, "Checkbox", {
+Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
   get: function () {
-    return _checkbox.default;
+    return _checkboxGroup.default;
   }
 });
-
 var _checkboxGroup = _interopRequireDefault(require("./checkbox-group.component"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -33,5 +33,5 @@ export interface ConfirmProps extends Omit<DialogProps, "className" | "disableFo
     /** 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 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) => React.JSX.Element;
 export default Confirm;

package/lib/components/confirm/confirm.component.js

@@ -4,63 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Confirm = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _heading = _interopRequireDefault(require("../heading"));
-
 var _dialog = _interopRequireDefault(require("../dialog"));
-
 var _confirm = require("./confirm.style");
-
 var _button = _interopRequireDefault(require("../button/button.component"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _loader = _interopRequireDefault(require("../loader"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Confirm = ({
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  open,
-  children,
-  cancelButtonDestructive = false,
-  confirmButtonDestructive = false,
-  cancelButtonType = "secondary",
-  confirmButtonType = "primary",
-  cancelButtonIconType,
-  cancelButtonIconPosition,
-  confirmButtonIconType,
-  confirmButtonIconPosition,
-  cancelLabel,
-  onCancel,
-  disableCancel,
-  onConfirm,
-  isLoadingConfirm,
-  disableConfirm,
-  confirmLabel,
-  iconType,
-  subtitle,
-  title,
-  size = "extra-small",
-  showCloseIcon = false,
-  ...rest
-}) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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 Confirm = _ref => {
+  let {
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-label": ariaLabel,
+    open,
+    children,
+    cancelButtonDestructive = false,
+    confirmButtonDestructive = false,
+    cancelButtonType = "secondary",
+    confirmButtonType = "primary",
+    cancelButtonIconType,
+    cancelButtonIconPosition,
+    confirmButtonIconType,
+    confirmButtonIconPosition,
+    cancelLabel,
+    onCancel,
+    disableCancel,
+    onConfirm,
+    isLoadingConfirm,
+    disableConfirm,
+    confirmLabel,
+    iconType,
+    subtitle,
+    title,
+    size = "extra-small",
+    showCloseIcon = false,
+    ...rest
+  } = _ref;
   const l = (0, _useLocale.default)();
   const {
     current: titleId
@@ -73,15 +59,12 @@ const Confirm = ({
     "aria-describedby": ariaDescribedBy,
     "aria-label": ariaLabel
   };
-
   if (title && iconType) {
     ariaProps["aria-labelledby"] = titleId;
   }
-
   if (subtitle && iconType) {
     ariaProps["aria-describedby"] = subtitleId;
   }
-
   const renderCancelButton = () => {
     if (!onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -94,7 +77,6 @@ const Confirm = ({
       iconPosition: cancelButtonIconPosition
     }, cancelLabel || l.confirm.no());
   };
-
   const renderConfirmButton = () => /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: onConfirm,
     "data-element": "confirm",
@@ -108,7 +90,6 @@ const Confirm = ({
     isInsideButton: true,
     isActive: true
   }) : confirmLabel || l.confirm.yes());
-
   const getTitle = () => {
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement(_confirm.StyledConfirmHeading, {
@@ -125,10 +106,8 @@ const Confirm = ({
         divider: false
       }));
     }
-
     return title;
   };
-
   return /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
     open: open,
     onCancel: onCancel,
@@ -141,55 +120,6 @@ const Confirm = ({
     showCloseIcon: showCloseIcon
   }, ariaProps, rest), children, /*#__PURE__*/_react.default.createElement(_confirm.StyledConfirmButtons, null, renderCancelButton(), renderConfirmButton()));
 };
-
 exports.Confirm = Confirm;
-Confirm.propTypes = {
-  "aria-describedby": _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "aria-labelledby": _propTypes.default.string,
-  "cancelButtonDestructive": _propTypes.default.bool,
-  "cancelButtonIconPosition": _propTypes.default.oneOf(["after", "before"]),
-  "cancelButtonIconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "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", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "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", "coins", "collaborate", "computer_clock", "connect", "construction", "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", "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", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "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", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "cancelButtonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
-  "cancelLabel": _propTypes.default.string,
-  "children": _propTypes.default.node,
-  "confirmButtonDestructive": _propTypes.default.bool,
-  "confirmButtonIconPosition": _propTypes.default.oneOf(["after", "before"]),
-  "confirmButtonIconType": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "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", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "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", "coins", "collaborate", "computer_clock", "connect", "construction", "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", "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", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "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", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
-  "confirmButtonType": _propTypes.default.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]),
-  "confirmLabel": _propTypes.default.string,
-  "data-component": _propTypes.default.string,
-  "data-element": _propTypes.default.string,
-  "data-role": _propTypes.default.string,
-  "disableAutoFocus": _propTypes.default.bool,
-  "disableCancel": _propTypes.default.bool,
-  "disableConfirm": _propTypes.default.bool,
-  "disableEscKey": _propTypes.default.bool,
-  "focusFirstElement": _propTypes.default.oneOfType([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");
-    }
-  }, _propTypes.default.shape({
-    "current": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    }
-  })]),
-  "height": _propTypes.default.string,
-  "iconType": _propTypes.default.oneOf(["error", "warning"]),
-  "isLoadingConfirm": _propTypes.default.bool,
-  "onCancel": _propTypes.default.func,
-  "onConfirm": _propTypes.default.func.isRequired,
-  "open": _propTypes.default.bool.isRequired,
-  "showCloseIcon": _propTypes.default.bool,
-  "size": _propTypes.default.oneOf(["auto", "extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"]),
-  "subtitle": _propTypes.default.string,
-  "title": _propTypes.default.node
-};
 var _default = Confirm;
 exports.default = _default;

package/lib/components/confirm/confirm.style.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledConfirmHeading = exports.StyledConfirmButtons = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
-
 var _heading = require("../heading/heading.style");
-
 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; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 StyledConfirmButtons = _styledComponents.default.div`
   margin-top: 48px;
   display: flex;
@@ -34,16 +27,22 @@ const StyledConfirmHeading = _styledComponents.default.div`
   ${_icon.default} {
     margin-right: 16px;
     margin-bottom: 20px;
-    ${({
-  type
-}) => type === "warning" && (0, _styledComponents.css)`
+    ${_ref => {
+  let {
+    type
+  } = _ref;
+  return type === "warning" && (0, _styledComponents.css)`
         color: var(--colorsSemanticCaution500);
-      `}
-    ${({
-  type
-}) => type === "error" && (0, _styledComponents.css)`
+      `;
+}}
+    ${_ref2 => {
+  let {
+    type
+  } = _ref2;
+  return type === "error" && (0, _styledComponents.css)`
         color: var(--colorsSemanticNegative500);
-      `}
+      `;
+}}
   }
 `;
 exports.StyledConfirmHeading = StyledConfirmHeading;

package/lib/components/confirm/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _confirm.default;
   }
 });
-
 var _confirm = _interopRequireDefault(require("./confirm.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -7,7 +7,7 @@ export interface ContentProps extends StyledContentProps, StyledContentTitleProp
     title?: React.ReactNode;
 }
 export declare const Content: {
-    ({ variant, children, title, inline, align, titleWidth, bodyFullWidth, ...rest }: ContentProps): JSX.Element;
+    ({ variant, children, title, inline, align, titleWidth, bodyFullWidth, ...rest }: ContentProps): React.JSX.Element;
     displayName: string;
 };
 export default Content;