carbon-react 111.12.1 → 111.12.3

package/lib/components/pages/page/page.style.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPageContent = exports.StyledPage = void 0;
-
 var _styledComponents = _interopRequireDefault(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 }; }
-
 const StyledPage = _styledComponents.default.article`
   width: 100%;
   height: 100%;

package/lib/components/pages/pages.component.js

@@ -10,29 +10,18 @@ Object.defineProperty(exports, "Page", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _page = _interopRequireDefault(require("./page"));
-
 var _pages = require("./pages.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 NEXT = "next";
 const PREVIOUS = "previous";
 const TRANSITION_TIME = 500;
-
 const Pages = ({
   pageIndex: incomingPageIndex,
   initialpageIndex = 0,
@@ -42,22 +31,17 @@ const Pages = ({
 }) => {
   const [pageIndex, setPageIndex] = (0, _react.useState)(Number(incomingPageIndex) || Number(initialpageIndex));
   const transitionDirection = (0, _react.useRef)(NEXT);
-
   const transitionName = () => {
     if (transition === "slide") {
       return `slide-${transitionDirection.current}`;
     }
-
     return `carousel-transition-${transition}`;
   };
-
   const handleVisiblePage = () => {
     let index = pageIndex;
-
     const visiblePage = _react.default.Children.toArray(children)[index];
-    /* istanbul ignore if */
-
 
+    /* istanbul ignore if */
     if (! /*#__PURE__*/_react.default.isValidElement(visiblePage)) return visiblePage;
     index = visiblePage.props.id || index;
     const additionalProps = {
@@ -67,11 +51,11 @@ const Pages = ({
       key: `carbon-page-${visiblePage.props.id || pageIndex}`,
       className: visiblePage.props.className
     };
-    return /*#__PURE__*/_react.default.cloneElement(visiblePage, { ...visiblePage.props,
+    return /*#__PURE__*/_react.default.cloneElement(visiblePage, {
+      ...visiblePage.props,
       ...additionalProps
     });
   };
-
   const numOfPages = (0, _react.useCallback)(() => {
     return Array.isArray(children) ? children.length : 1;
   }, [children]);
@@ -80,37 +64,31 @@ const Pages = ({
       // If the new index is negative, select the last page
       return numOfPages() - 1;
     }
-
     if (newIndex > numOfPages() - 1) {
       // If the new index is bigger than the number of slides, select the first page
       return 0;
     }
-
     return newIndex;
   }, [numOfPages]);
   (0, _react.useEffect)(() => {
     if (typeof incomingPageIndex === "undefined") return;
     const newIndex = verifyNewIndex(incomingPageIndex); // 2
-
     const currentIndex = pageIndex; // 1
 
     if (newIndex === currentIndex) return;
-
     if (newIndex > currentIndex) {
       transitionDirection.current = NEXT;
     } else {
       transitionDirection.current = PREVIOUS;
     }
-
     setPageIndex(newIndex);
   }, [incomingPageIndex, pageIndex, verifyNewIndex]);
-  /** Renders the Slide Component */
 
+  /** Renders the Slide Component */
   return /*#__PURE__*/_react.default.createElement(_pages.PagesWrapperStyle, (0, _tags.default)("carousel", props), /*#__PURE__*/_react.default.createElement(_pages.PagesContent, {
     className: "carbon-carousel__content"
   }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, handleVisiblePage())));
 };
-
 Pages.propTypes = {
   "children": _propTypes.default.node,
   "className": _propTypes.default.string,

package/lib/components/pages/pages.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/pages/pages.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PagesContent = exports.PagesWrapperStyle = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _pages = require("./pages.config");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _heading = require("../heading/heading.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PagesContent = _styledComponents.default.div`
   border: none;
 

package/lib/components/pill/index.js

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

package/lib/components/pill/pill.component.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Pill = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _pill = _interopRequireDefault(require("./pill.style"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _iconButton = _interopRequireDefault(require("../icon-button"));
-
 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 Pill = ({
   wrapText,
   borderColor,
@@ -51,7 +42,6 @@ const Pill = ({
 }, /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "cross"
 })));
-
 exports.Pill = Pill;
 Pill.propTypes = {
   "borderColor": _propTypes.default.string,

package/lib/components/pill/pill.style.config.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = () => {
   return {
     status: {
@@ -38,5 +37,4 @@ var _default = () => {
     }
   };
 };
-
 exports.default = _default;

package/lib/components/pill/pill.style.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _polished = require("polished");
-
 var _styledSystem = require("styled-system");
-
 var _pillStyle = _interopRequireDefault(require("./pill.style.config"));
-
 var _themes = require("../../style/themes");
-
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
-
 var _color = require("../../style/utils/color");
-
 var _getColorValue = _interopRequireDefault(require("../../style/utils/get-color-value"));
-
 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 addStyleToPillIcon(fontSize) {
   return `
     ${_icon.default} {
@@ -36,7 +24,6 @@ function addStyleToPillIcon(fontSize) {
     }
   `;
 }
-
 const StyledPill = _styledComponents.default.span`
   ${_styledSystem.margin}
   ${({
@@ -54,7 +41,6 @@ const StyledPill = _styledComponents.default.span`
   let pillColor;
   let buttonFocusColor;
   let contentColor;
-
   try {
     if (borderColor) {
       pillColor = (0, _color.toColor)(theme, borderColor);
@@ -78,7 +64,6 @@ const StyledPill = _styledComponents.default.span`
     // eslint-disable-next-line no-console
     console.error(e);
   }
-
   return (0, _styledComponents.css)`
       border-radius: 12px;
       font-size: 10px;

package/lib/components/pod/index.js

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

package/lib/components/pod/pod.component.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../../style/utils");
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
-
 var _podStyle = require("./pod.style.js");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
   alignTitle = "left",
@@ -60,24 +46,20 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
   const [isUndoFocused, setUndoFocused] = (0, _react.useState)(false);
   const [isUndoHovered, setUndoHovered] = (0, _react.useState)(false);
   let podHeight;
-
   if (height && typeof height === "number") {
     podHeight = `${height}px`;
   } else if (height) {
     podHeight = height;
   }
-
   const shouldContentHaveEditEvents = (0, _react.useCallback)(() => {
     return (triggerEditOnContent || displayEditButtonOnHover) && onEdit;
   }, [displayEditButtonOnHover, onEdit, triggerEditOnContent]);
-
   const processPodAction = action => ev => {
     if (_events.default.isEnterKey(ev) || !_events.default.isEventType(ev, "keydown")) {
       ev.preventDefault();
       action(ev);
     }
   };
-
   function editEvents() {
     const editProps = {
       onMouseEnter: () => setEditHovered(true),
@@ -85,20 +67,16 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       onFocus: () => setEditFocused(true),
       onBlur: () => setEditFocused(false)
     };
-
     if (typeof onEdit === "function") {
       editProps.onClick = processPodAction(onEdit);
       editProps.onKeyDown = processPodAction(onEdit);
     }
-
     return editProps;
   }
-
   function podHeader() {
     if (!title) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledHeader, {
       alignTitle: alignTitle,
       internalEditButton: internalEditButton,
@@ -109,12 +87,10 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       "data-element": "subtitle"
     }, subtitle));
   }
-
   function renderFooter() {
     if (!footer) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledFooter, {
       "data-element": "footer",
       size: size,
@@ -122,23 +98,19 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       softDelete: softDelete
     }, footer);
   }
-
   function actionButtons() {
     if (softDelete && onUndo) {
       return /*#__PURE__*/_react.default.createElement(_podStyle.StyledActionsContainer, {
         internalEditButton: internalEditButton
       }, undo());
     }
-
     if (!softDelete && (onDelete || onEdit)) {
       return /*#__PURE__*/_react.default.createElement(_podStyle.StyledActionsContainer, {
         internalEditButton: internalEditButton
       }, onEdit && edit(), onDelete && renderDelete());
     }
-
     return null;
   }
-
   function renderDelete() {
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledDeleteButton, {
       onMouseEnter: () => setDeleteHovered(true),
@@ -159,7 +131,6 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       type: "delete"
     }));
   }
-
   function edit() {
     return /*#__PURE__*/_react.default.createElement(_i18nContext.default.Consumer, null, l => /*#__PURE__*/_react.default.createElement("div", _extends({}, editEvents(), {
       "data-element": "edit-container"
@@ -176,7 +147,6 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       variant: variant
     }, linkProps()), l.actions.edit())));
   }
-
   function undo() {
     return /*#__PURE__*/_react.default.createElement(_podStyle.StyledUndoButton, {
       onMouseEnter: () => setUndoHovered(true),
@@ -196,17 +166,14 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
       type: "undo"
     }));
   }
-
   function linkProps() {
     if (typeof onEdit === "string") {
       return {
         to: onEdit
       };
     }
-
     return onEdit;
   }
-
   return /*#__PURE__*/_react.default.createElement(_podStyle.StyledPod, _extends({}, rest, {
     className: className,
     internalEditButton: internalEditButton
@@ -224,102 +191,86 @@ const Pod = /*#__PURE__*/(0, _react.forwardRef)(({
     noBorder: !border,
     variant: variant,
     softDelete: softDelete
-  }, shouldContentHaveEditEvents() ? { ...editEvents(),
+  }, shouldContentHaveEditEvents() ? {
+    ...editEvents(),
     tabIndex: "0"
   } : {}), /*#__PURE__*/_react.default.createElement(_podStyle.StyledContent, {
     "data-element": "content",
     size: size
   }, podHeader(), /*#__PURE__*/_react.default.createElement("div", null, children)), renderFooter()), actionButtons());
 });
-Pod.propTypes = { ...marginPropTypes,
-
+Pod.propTypes = {
+  ...marginPropTypes,
   /**
    * Enables/disables the border around the pod.
    */
   border: _propTypes.default.bool,
-
   /**
    * Children elements
    */
   children: _propTypes.default.node,
-
   /**
    * Custom className
    */
   className: _propTypes.default.string,
-
   /**
    * Determines the size of the pod.
    */
   size: _propTypes.default.oneOf(["none", "extra-small", "small", "medium", "large", "extra-large"]),
-
   /**
    * Prop to apply a theme to the Pod.
    */
   variant: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"]),
-
   /**
    * Title for the pod h4 element
    * always shown
    */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
   /**
    * Optional subtitle for the pod
    */
   subtitle: _propTypes.default.string,
-
   /**
    * Aligns the title to left, right or center
    */
   alignTitle: _propTypes.default.oneOf(["left", "center", "right"]),
-
   /**
    * A component to render as a Pod footer.
    */
   footer: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
   /**
    * Supplies an edit action to the pod.
    */
   onEdit: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func, _propTypes.default.object]),
-
   /**
    * Supplies a delete action to the pod.
    */
   onDelete: _propTypes.default.func,
-
   /**
    * Supplies an undo action to the pod in soft delete state.
    */
   onUndo: _propTypes.default.func,
-
   /**
    * Sets soft delete state.
    */
   softDelete: _propTypes.default.bool,
-
   /**
    * Determines if the editable pod content should be full width.
    */
   editContentFullWidth: _propTypes.default.bool,
-
   /**
    * Determines if the edit button should be hidden until the user
    * hovers over the content.
    */
   displayEditButtonOnHover: _propTypes.default.bool,
-
   /**
    * Determines if clicking the pod content calls the onEdit action
    */
   triggerEditOnContent: _propTypes.default.bool,
-
   /**
    * Resets edit button styles to an older version
    */
   internalEditButton: _propTypes.default.bool,
-
   /**
    * Sets Pod height, number is changed to pixels and string is passed as raw css value
    */

package/lib/components/pod/pod.style.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTitle = exports.StyledSubtitle = exports.StyledHeader = exports.StyledPod = exports.StyledFooter = exports.StyledUndoButton = exports.StyledDeleteButton = exports.StyledActionsContainer = exports.StyledEditAction = exports.StyledContent = exports.StyledBlock = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 var _link = _interopRequireDefault(require("../link"));
-
 var _link2 = require("../link/link.style");
-
 var _iconButton = _interopRequireDefault(require("../icon-button"));
-
 var _icon = _interopRequireDefault(require("../icon/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 StyledPod = _styledComponents.default.div`
   display: flex;
   align-items: flex-start;
@@ -45,7 +34,6 @@ const StyledPod = _styledComponents.default.div`
   }
 `;
 exports.StyledPod = StyledPod;
-
 const blockBackgrounds = variant => ({
   primary: "var(--colorsUtilityYang100)",
   secondary: "var(--colorsUtilityMajor025)",
@@ -53,7 +41,6 @@ const blockBackgrounds = variant => ({
   transparent: "var(--colorsUtilityMajorTransparent)",
   tile: "var(--colorsUtilityYang100)"
 })[variant];
-
 const StyledBlock = _styledComponents.default.div`
   ${({
   variant,
@@ -179,7 +166,6 @@ const actionButtonPaddings = {
   large: 16,
   "extra-large": 16
 };
-
 const actionButtonBackgrounds = variant => ({
   primary: "var(--colorsActionMajorYang100)",
   secondary: "var(--colorsActionMinor050)",
@@ -187,7 +173,6 @@ const actionButtonBackgrounds = variant => ({
   transparent: "var(--colorsActionMajorTransparent)",
   tile: "var(--colorsActionMajorYang100)"
 })[variant];
-
 const getButtonStyles = ({
   size,
   variant,
@@ -237,7 +222,6 @@ const getButtonStyles = ({
     padding: ${actionButtonPaddings[size] + (noBorder || internalEditButton ? 0 : 1)}px;
   `};
 `;
-
 const StyledEditAction = (0, _styledComponents.default)(_link.default)`
   && > a,
   && button {
@@ -247,7 +231,8 @@ const StyledEditAction = (0, _styledComponents.default)(_link.default)`
   isFocused
 }) => displayOnlyOnHover && !(isHovered || isFocused) && "display: none;"}
 
-    ${props => getButtonStyles({ ...props,
+    ${props => getButtonStyles({
+  ...props,
   iconColor: "var(--colorsActionMajor500)",
   hoverBackgroundColor: "var(--colorsActionMajor600)"
 })}
@@ -264,7 +249,8 @@ const StyledDeleteButton = (0, _styledComponents.default)(_iconButton.default)`
     ${({
   displayOnlyOnHover
 }) => displayOnlyOnHover && "display: none;"}
-    ${props => getButtonStyles({ ...props,
+    ${props => getButtonStyles({
+  ...props,
   iconColor: "var(--colorsSemanticNegative500)",
   hoverBackgroundColor: "var(--colorsSemanticNegative600)"
 })}
@@ -278,7 +264,8 @@ const StyledUndoButton = (0, _styledComponents.default)(_iconButton.default)`
   isHovered,
   isFocused
 }) => displayOnlyOnHover && !(isHovered || isFocused) && "display: none;"}
-    ${props => getButtonStyles({ ...props,
+    ${props => getButtonStyles({
+  ...props,
   iconColor: "var(--colorsActionMajor500)",
   hoverBackgroundColor: "var(--colorsActionMajor600)"
 })}

package/lib/components/popover-container/index.js

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