carbon-react 118.5.0 → 118.5.2

package/esm/components/link-preview/link-preview.component.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledLinkPreview, StyledPreviewWrapper, StyledCloseIconWrapper, StyledTitle, StyledDescription, StyledUrl } from "./link-preview.style";
@@ -9,37 +8,33 @@ import IconButton from "../icon-button";
 import Icon from "../icon";
 import Placeholder from "./__internal__/placeholder.component";
 const SCHEME_SEPARATOR = "://";
-
-const LinkPreview = ({
-  as,
-  description,
-  image,
-  isLoading,
-  onClose,
-  title,
-  url,
-  ...rest
-}) => {
+export const LinkPreview = _ref => {
+  let {
+    as,
+    description,
+    image,
+    isLoading,
+    onClose,
+    title,
+    url,
+    ...rest
+  } = _ref;
   const loadingState = isLoading || !url;
   const canRenderAsLink = !loadingState && as !== "div";
-
   const imageProps = () => {
     return {
-      src: image === null || image === void 0 ? void 0 : image.url,
-      alt: (image === null || image === void 0 ? void 0 : image.alt) || "Link preview image",
+      src: image?.url,
+      alt: image?.alt || "Link preview image",
       height: "152px"
     };
   };
-
   const displayUrl = () => {
-    if (url !== null && url !== void 0 && url.includes(SCHEME_SEPARATOR)) {
+    if (url?.includes(SCHEME_SEPARATOR)) {
       const startIndex = url.indexOf(SCHEME_SEPARATOR) + SCHEME_SEPARATOR.length;
       return url.substring(startIndex);
     }
-
     return url;
   };
-
   const linkProps = canRenderAsLink ? {
     href: url,
     target: "_blank",
@@ -60,19 +55,5 @@ const LinkPreview = ({
     type: "close"
   }))));
 };
-
-LinkPreview.propTypes = {
-  "as": PropTypes.oneOf(["a", "div"]),
-  "description": PropTypes.string,
-  "image": PropTypes.shape({
-    "alt": PropTypes.string,
-    "url": PropTypes.string.isRequired
-  }),
-  "isLoading": PropTypes.bool,
-  "onClose": PropTypes.func,
-  "title": PropTypes.string,
-  "url": PropTypes.string
-};
-export { LinkPreview };
 LinkPreview.displayName = "LinkPreview";
 export default LinkPreview;

package/esm/components/link-preview/link-preview.style.js

@@ -7,9 +7,11 @@ const StyledLinkPreview = styled.a`
   text-decoration: none;
   outline: none;
 
-  ${({
-  as
-}) => css`
+  ${_ref => {
+  let {
+    as
+  } = _ref;
+  return css`
     border: 1px solid var(--colorsUtilityMajor050);
     border-radius: var(--borderRadius100);
     background-color: var(--colorsUtilityMajor025);
@@ -26,7 +28,8 @@ const StyledLinkPreview = styled.a`
         background-color: var(--colorsUtilityMajor100);
       }
     `}
-  `}
+  `;
+}}
 `;
 const StyledCloseIconWrapper = styled.div`
   padding: 16px;
@@ -35,15 +38,18 @@ const StyledPreviewWrapper = styled.div`
   flex-grow: 1;
   padding: 16px;
 
-  ${({
-  isLoading
-}) => !isLoading && css`
+  ${_ref2 => {
+  let {
+    isLoading
+  } = _ref2;
+  return !isLoading && css`
       ${StyledPreview} {
         display: flex;
         flex-direction: column;
         height: 100%;
       }
-    `}
+    `;
+}}
 
   ${StyledPreviewPlaceholder}:first-of-type {
     margin-top: 8px;

package/esm/components/loader/loader-square.style.js

@@ -10,27 +10,22 @@ const loaderAnimation = keyframes`
     transform: scale(1);
   }
 `;
-
 const getDimentions = (size, roundedCornersOptOut) => {
   let width;
   let marginRight;
-
   switch (size) {
     case "medium":
       width = "16px";
       marginRight = "8px";
       break;
-
     case "large":
       width = "20px";
       marginRight = "8px";
       break;
-
     default:
       width = "12px";
       marginRight = "6px";
   }
-
   return css`
     width: ${width};
     height: ${width};
@@ -38,14 +33,15 @@ const getDimentions = (size, roundedCornersOptOut) => {
     ${!roundedCornersOptOut && "border-radius: var(--borderRadiusCircle);"}
   `;
 };
-
 const StyledLoaderSquare = styled.div`
-  ${({
-  size,
-  isInsideButton,
-  isActive,
-  theme
-}) => css`
+  ${_ref => {
+  let {
+    size,
+    isInsideButton,
+    isActive,
+    theme
+  } = _ref;
+  return css`
     animation: ${loaderAnimation} 1s infinite ease-in-out both;
     background-color: var(--colorsActionMajor500);
     display: inline-block;
@@ -67,7 +63,8 @@ const StyledLoaderSquare = styled.div`
       animation-delay: 0.4s;
       margin-right: 0px;
     }
-  `}
+  `;
+}}
 `;
 StyledLoaderSquare.defaultProps = {
   size: "small",

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import { StyledLoaderSquareProps } from "./loader-square.style";
@@ -6,5 +6,5 @@ export interface LoaderProps extends StyledLoaderSquareProps, MarginProps, TagPr
     /** Specify a custom accessible name for the Loader component */
     "aria-label"?: string;
 }
-export declare const Loader: ({ "aria-label": ariaLabel, size, isInsideButton, isActive, ...rest }: LoaderProps) => JSX.Element;
+export declare const Loader: ({ "aria-label": ariaLabel, size, isInsideButton, isActive, ...rest }: LoaderProps) => React.JSX.Element;
 export default Loader;

package/esm/components/loader/loader.component.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
@@ -8,14 +7,14 @@ import useLocale from "../../hooks/__internal__/useLocale";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import StyledLoader from "./loader.style";
 import StyledLoaderSquare from "./loader-square.style";
-
-const Loader = ({
-  "aria-label": ariaLabel,
-  size = "medium",
-  isInsideButton,
-  isActive = true,
-  ...rest
-}) => {
+export const Loader = _ref => {
+  let {
+    "aria-label": ariaLabel,
+    size = "medium",
+    isInsideButton,
+    isActive = true,
+    ...rest
+  } = _ref;
   const l = useLocale();
   const reduceMotion = !useMediaQuery("screen and (prefers-reduced-motion: no-preference)");
   return /*#__PURE__*/React.createElement(StyledLoader, _extends({
@@ -35,169 +34,4 @@ const Loader = ({
     size: size
   })));
 };
-
-Loader.propTypes = {
-  "aria-label": PropTypes.string,
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "isActive": PropTypes.bool,
-  "isInsideButton": PropTypes.bool,
-  "m": 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]),
-  "margin": 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]),
-  "marginBottom": 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]),
-  "marginLeft": 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]),
-  "marginRight": 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]),
-  "marginTop": 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]),
-  "marginX": 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]),
-  "marginY": 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]),
-  "mb": 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]),
-  "ml": 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]),
-  "mr": 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]),
-  "mt": 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]),
-  "mx": 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]),
-  "my": 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]),
-  "size": PropTypes.oneOf(["large", "medium", "small"])
-};
-export { Loader };
 export default Loader;

package/esm/components/loader-bar/loader-bar.component.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import { StyledLoaderBarProps } from "./loader-bar.style";
 export interface LoaderBarProps extends StyledLoaderBarProps, MarginProps, TagProps {
 }
 export declare const LoaderBar: {
-    ({ size, ...rest }: LoaderBarProps): JSX.Element;
+    ({ size, ...rest }: LoaderBarProps): React.JSX.Element;
     DisplayName: string;
 };
 export default LoaderBar;

package/esm/components/loader-bar/loader-bar.component.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
@@ -7,11 +6,11 @@ import useMediaQuery from "../../hooks/useMediaQuery";
 import useLocale from "../../hooks/__internal__/useLocale";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import StyledLoaderBar, { InnerBar, StyledLoader } from "./loader-bar.style";
-
-const LoaderBar = ({
-  size = "medium",
-  ...rest
-}) => {
+export const LoaderBar = _ref => {
+  let {
+    size = "medium",
+    ...rest
+  } = _ref;
   const l = useLocale();
   const reduceMotion = !useMediaQuery("screen and (prefers-reduced-motion: no-preference)");
   return /*#__PURE__*/React.createElement(StyledLoader, _extends({
@@ -23,167 +22,5 @@ const LoaderBar = ({
     size: size
   })));
 };
-
-LoaderBar.propTypes = {
-  "data-component": PropTypes.string,
-  "data-element": PropTypes.string,
-  "data-role": PropTypes.string,
-  "m": 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]),
-  "margin": 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]),
-  "marginBottom": 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]),
-  "marginLeft": 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]),
-  "marginRight": 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]),
-  "marginTop": 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]),
-  "marginX": 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]),
-  "marginY": 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]),
-  "mb": 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]),
-  "ml": 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]),
-  "mr": 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]),
-  "mt": 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]),
-  "mx": 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]),
-  "my": 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]),
-  "size": PropTypes.oneOf(["large", "medium", "small"])
-};
-export { LoaderBar };
 LoaderBar.DisplayName = "Loader Bar";
 export default LoaderBar;

package/esm/components/loader-bar/loader-bar.style.js

@@ -1,20 +1,16 @@
 import styled, { css, keyframes } from "styled-components";
 import { margin } from "styled-system";
 import baseTheme from "../../style/themes/base";
-
 function getHeight(size) {
   switch (size) {
     case "small":
       return "4px";
-
     case "large":
       return "16px";
-
     default:
       return "8px";
   }
 }
-
 const INNER_BAR_LENGTH = "128px";
 const StyledLoader = styled.div`
   ${margin}
@@ -29,9 +25,11 @@ const innerBarAnimation = keyframes`
   }
 `;
 const StyledLoaderBar = styled.div`
-  ${({
-  size
-}) => css`
+  ${_ref => {
+  let {
+    size
+  } = _ref;
+  return css`
     display: inline-block;
     border-radius: var(--borderRadius400);
     height: ${getHeight(size)};
@@ -39,18 +37,22 @@ const StyledLoaderBar = styled.div`
     background-color: var(--colorsActionMajor150);
     overflow: hidden;
     position: relative;
-  `}
+  `;
+}}
 `;
 const InnerBar = styled.div`
-  ${({
-  size
-}) => css`
+  ${_ref2 => {
+  let {
+    size
+  } = _ref2;
+  return css`
     position: absolute;
     background-color: var(--colorsActionMajor500);
     width: ${INNER_BAR_LENGTH};
     height: ${getHeight(size)};
     animation: 2s ${innerBarAnimation} linear 0s infinite normal none running;
-  `}
+  `;
+}}
 `;
 StyledLoader.defaultProps = {
   theme: baseTheme