carbon-react 111.12.1 → 111.12.3

package/lib/components/card/card.style.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 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; }
-
 const paddingSizes = {
   small: "0 24px",
   medium: "0 32px",

package/lib/components/card/index.js

@@ -33,13 +33,8 @@ Object.defineProperty(exports, "CardRow", {
     return _cardRow.default;
   }
 });
-
 var _card = _interopRequireDefault(require("./card.component"));
-
 var _cardColumn = _interopRequireDefault(require("./card-column"));
-
 var _cardFooter = _interopRequireDefault(require("./card-footer"));
-
 var _cardRow = _interopRequireDefault(require("./card-row"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/carousel/carousel.component.js

@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Carousel = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _carousel = require("./carousel.style");
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 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 NEXT = "next";
 const PREVIOUS = "previous";
-
 const Carousel = ({
   children,
   className,
@@ -46,7 +35,6 @@ const Carousel = ({
   }, [children]);
   const handleSlideChange = (0, _react.useCallback)(newIndex => {
     setSelectedSlideIndex(newIndex);
-
     if (onSlideChange) {
       onSlideChange(newIndex, transitionDirection.current);
     }
@@ -56,39 +44,32 @@ const Carousel = ({
     const isNewIndexUndefined = typeof newIndex === "undefined";
     const isTheSameIndex = newIndex === lastSlideIndexProp.current || newIndex === selectedSlideIndex;
     if (isNewIndexUndefined || isTheSameIndex) return;
-
     if (newIndex > selectedSlideIndex) {
       transitionDirection.current = NEXT;
     } else {
       transitionDirection.current = PREVIOUS;
     }
-
     lastSlideIndexProp.current = newIndex;
     handleSlideChange(newIndex);
   }, [handleSlideChange, slideIndex, selectedSlideIndex]);
-
   function onPreviousClick() {
     const newIndex = selectedSlideIndex - 1;
     transitionDirection.current = PREVIOUS;
     handleSlideChange(newIndex);
   }
-
   function onNextClick() {
     const newIndex = selectedSlideIndex + 1;
     transitionDirection.current = NEXT;
     handleSlideChange(newIndex);
   }
-
   function onSlideSelection(ev) {
     const newSlideSelection = Number(ev.target.value);
     transitionDirection.current = newSlideSelection > selectedSlideIndex ? NEXT : PREVIOUS;
     handleSlideChange(newSlideSelection);
   }
-
   function slideSelector() {
     if (!enableSlideSelector) return null;
     const buttons = [];
-
     for (let i = 0; i < numOfSlides; i++) {
       buttons.push( /*#__PURE__*/_react.default.createElement(_carousel.CarouselSelectorInputWrapperStyle, {
         key: i,
@@ -106,12 +87,10 @@ const Carousel = ({
         htmlFor: `carousel-slide-${i}-${id}`
       })));
     }
-
     return /*#__PURE__*/_react.default.createElement(_carousel.CarouselSelectorWrapperStyle, {
       "data-element": "slide-selector"
     }, buttons);
   }
-
   function previousButton() {
     if (!enablePreviousButton) return null;
     const isDisabled = selectedSlideIndex === 0;
@@ -124,7 +103,6 @@ const Carousel = ({
       type: "chevron_down"
     })));
   }
-
   function nextButton() {
     if (!enableNextButton) return null;
     const isDisabled = numOfSlides === selectedSlideIndex + 1;
@@ -138,7 +116,6 @@ const Carousel = ({
       type: "chevron_down"
     })));
   }
-
   return /*#__PURE__*/_react.default.createElement(_carousel.CarouselWrapperStyle, _extends({
     className: className
   }, (0, _tags.default)("carousel", props)), /*#__PURE__*/_react.default.createElement("div", {
@@ -147,7 +124,6 @@ const Carousel = ({
     elementIndex: selectedSlideIndex
   }, children), nextButton()), slideSelector());
 };
-
 exports.Carousel = Carousel;
 Carousel.propTypes = {
   "children": _propTypes.default.node,

package/lib/components/carousel/carousel.style.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CarouselSliderWrapper = exports.CarouselWrapperStyle = exports.CarouselSelectorLabelStyle = exports.CarouselSelectorInputStyle = exports.CarouselSelectorInputWrapperStyle = exports.CarouselSelectorWrapperStyle = exports.CarouselStyledIconRight = exports.CarouselStyledIconLeft = exports.CarouselStyledIcon = exports.CarouselButtonStyle = exports.CarouselPreviousButtonWrapperStyle = exports.CarouselNextButtonWrapperStyle = exports.CarouselNavigationStyle = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _slide = require("./slide.config");
-
 var _slide2 = require("./slide/slide.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; }
-
 const CarouselNavigationStyle = _styledComponents.default.div`
   margin-top: -32.5px;
   position: absolute;

package/lib/components/carousel/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "Slide", {
     return _slide.default;
   }
 });
-
 var _carousel = require("./carousel.component");
-
 var _slide = _interopRequireDefault(require("./slide"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/carousel/slide/index.js

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

package/lib/components/carousel/slide/slide.component.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-
 var _slide = require("./slide.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 Slide = props => /*#__PURE__*/_react.default.createElement(_slide.SlideStyle, _extends({}, props, (0, _tags.default)("slide", props)));
-
 Slide.propTypes = {
   "children": _propTypes.default.node,
   "onClick": _propTypes.default.func

package/lib/components/carousel/slide/slide.style.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SlideStyle = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 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 SlideStyle = _styledComponents.default.div`
   ${({
   onClick
@@ -36,6 +32,7 @@ const SlideStyle = _styledComponents.default.div`
       }
     `}
   `}
-`; // eslint-disable-next-line import/prefer-default-export
+`;
 
+// eslint-disable-next-line import/prefer-default-export
 exports.SlideStyle = SlideStyle;

package/lib/components/carousel/slide.config.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fadeAnimation = exports.slideAnimation = void 0;
-
 var _styledComponents = require("styled-components");
-
 const animationStyle = "all 500ms cubic-bezier(.23,1.10,.69,1.01)";
 const slideAnimation = (0, _styledComponents.css)`
   // NEXT

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

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CheckboxGroup = exports.CheckboxGroupContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _checkboxGroup = _interopRequireDefault(require("./checkbox-group.style"));
-
 var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
-
 var _utils = require("../../style/utils");
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.CheckboxGroupContext = CheckboxGroupContext;
-
 const CheckboxGroup = props => {
   const {
     children,
@@ -66,7 +54,6 @@ const CheckboxGroup = props => {
     }
   }, children))));
 };
-
 exports.CheckboxGroup = CheckboxGroup;
 CheckboxGroup.propTypes = {
   "children": _propTypes.default.node,

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox.style"));
-
 var _label = require("../../__internal__/label/label.style");
-
 var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.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; }
-
 const StyledCheckboxGroup = _styledComponents.default.div`
   display: flex;
   flex-direction: column;

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CheckboxSvg = () => /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
   focusable: "false",
   width: "12",
@@ -23,6 +18,5 @@ const CheckboxSvg = () => /*#__PURE__*/_react.default.createElement(_checkableIn
   fill: "#FFFFFF",
   fillRule: "evenodd"
 })));
-
 var _default = CheckboxSvg;
 exports.default = _default;

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

@@ -4,39 +4,24 @@ 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 _utils = require("../../style/utils");
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-
 var _checkboxGroup = require("./checkbox-group.component");
-
 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 Checkbox = ({
   id,
   label,
   onChange,
   name,
-
   /* FIXME: FE-4102 */
   onClick,
   onBlur,
@@ -119,7 +104,6 @@ const Checkbox = ({
     size: size
   }, (0, _utils.filterStyledSystemMarginProps)(props)), /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_checkboxSvg.default, null))));
 };
-
 exports.Checkbox = Checkbox;
 Checkbox.propTypes = {
   "about": _propTypes.default.string,
@@ -189,9 +173,6 @@ Checkbox.propTypes = {
   "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]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

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

@@ -4,31 +4,18 @@ 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; }
-
 const StyledCheckbox = _styledComponents.default.div`
   ${_styledSystem.margin}
   ${({

package/lib/components/checkbox/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "Checkbox", {
     return _checkbox.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.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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,
@@ -71,15 +56,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, {
@@ -92,7 +74,6 @@ const Confirm = ({
       iconPosition: cancelButtonIconPosition
     }, cancelLabel || l.confirm.no());
   };
-
   const renderConfirmButton = () => /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: onConfirm,
     "data-element": "confirm",
@@ -106,7 +87,6 @@ const Confirm = ({
     isInsideButton: true,
     isActive: true
   }) : confirmLabel || l.confirm.yes());
-
   const getTitle = () => {
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement(_confirm.StyledConfirmHeading, {
@@ -123,10 +103,8 @@ const Confirm = ({
         divider: false
       }));
     }
-
     return title;
   };
-
   return /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
     open: open,
     onCancel: onCancel,
@@ -137,7 +115,6 @@ const Confirm = ({
     role: "alertdialog"
   }, ariaProps, rest), children, /*#__PURE__*/_react.default.createElement(_confirm.StyledConfirmButtons, null, renderCancelButton(), renderConfirmButton()));
 };
-
 Confirm.defaultProps = {
   size: "extra-small",
   showCloseIcon: false,
@@ -150,105 +127,77 @@ Confirm.defaultProps = {
 Confirm.propTypes = {
   /** Prop to specify the aria-describedby property of the component */
   "aria-describedby": _propTypes.default.string,
-
   /**
    * Prop to specify the aria-label of the component.
    * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
    */
   "aria-label": _propTypes.default.string,
-
   /**
    * Prop to specify the aria-labeledby property of the component
    * To be used when the title prop is a custom React Node,
    * or the component is labelled by an internal element other than the title.
    */
   "aria-labelledby": _propTypes.default.string,
-
   /** Confirm content */
   children: _propTypes.default.node,
-
   /** Controls the open state of the component */
   open: _propTypes.default.bool.isRequired,
-
   /** A custom close event handler */
   onCancel: _propTypes.default.func,
-
   /** Determines if the Esc Key closes the Confirm */
   disableEscKey: _propTypes.default.bool,
-
   /** Allows developers to specify a specific height for the Confirm. */
   height: _propTypes.default.string,
-
   /** Title displayed at top of component */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
   /** Subtitle displayed at top of component */
   subtitle: _propTypes.default.string,
-
   /** Size of component */
   size: _propTypes.default.oneOf(["auto", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
   /** Determines if the close icon is shown */
   showCloseIcon: _propTypes.default.bool,
-
   /** Optional reference to an element meant to be focused on open */
   focusFirstElement: _propTypes.default.shape({
     current: _propTypes.default.any
   }),
-
   /** Disables auto focus functionality on child elements */
   disableAutoFocus: _propTypes.default.bool,
-
   /** A custom event handler when a confirmation takes place */
   onConfirm: _propTypes.default.func.isRequired,
-
   /** Customise the confirm button label */
   confirmLabel: _propTypes.default.string,
-
   /** Customise the cancel button label */
   cancelLabel: _propTypes.default.string,
-
   /** Apply destructive style to the cancel button */
   cancelButtonDestructive: _propTypes.default.bool,
-
   /** Apply destructive style to the confirm button */
   confirmButtonDestructive: _propTypes.default.bool,
-
   /** Defines a cancel button Icon position related to the children: "before" | "after" */
   cancelButtonIconPosition: _propTypes.default.oneOf(["before", "after"]),
-
   /**
    * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
    *
    *  Defines an Icon type within the cancel button (see Icon for options)
    * */
   cancelButtonIconType: _propTypes.default.string,
-
   /** Defines a confirm button Icon position related to the children: "before" | "after" */
   confirmButtonIconPosition: _propTypes.default.oneOf(["before", "after"]),
-
   /**
    *  <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
    *
    * Defines an Icon type within the confirm button (see Icon for options)
    * */
   confirmButtonIconType: _propTypes.default.string,
-
   /** Defines an Icon type within the button (see Icon for options) */
   iconType: _propTypes.default.oneOf(["error", "warning"]),
-
   /** Makes cancel button disabled */
   disableCancel: _propTypes.default.bool,
-
   /** Makes confirm button disabled */
   disableConfirm: _propTypes.default.bool,
-
   /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
   cancelButtonType: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "dashed", "darkBackground"]),
-
   /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground" */
   confirmButtonType: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "dashed", "darkBackground"]),
-
   /** Adds isLoading state into confirm button */
   isLoadingConfirm: _propTypes.default.bool
 };

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledConfirmHeading = exports.StyledConfirmButtons = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
-
 const StyledConfirmButtons = _styledComponents.default.div`
   margin-top: 48px;
   display: flex;