carbon-react 110.0.4 → 110.1.2

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

@@ -2,18 +2,15 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import StyledLoader from "./loader.style";
 import StyledLoaderSquare from "./loader-square.style";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 
 const Loader = ({
-  "aria-label": ariaLabel,
+  "aria-label": ariaLabel = "loader",
   isInsideButton,
-  isActive,
-  size,
+  isActive = true,
+  size = "medium",
   ...rest
 }) => {
   return /*#__PURE__*/React.createElement(StyledLoader, _extends({
@@ -34,24 +31,165 @@ const Loader = ({
   }));
 };
 
-Loader.defaultProps = {
-  size: "medium",
-  isInsideButton: false,
-  isActive: true,
-  "aria-label": "loader"
-};
-Loader.propTypes = { ...marginPropTypes,
-
-  /** Specify an aria-label for the Loader component */
+Loader.propTypes = {
   "aria-label": PropTypes.string,
-
-  /** Size of the loader. */
-  size: PropTypes.oneOf(["small", "medium", "large"]),
-
-  /** Applies white color. */
-  isInsideButton: PropTypes.bool,
-
-  /** Applies slate color. Available only when isInsideButton is true. */
-  isActive: PropTypes.bool
+  "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/loader.config.d.ts

@@ -1 +1 @@
-export const LOADER_SIZES: string[];
+export declare const LOADER_SIZES: string[];

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

@@ -0,0 +1,2 @@
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledLoader;

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

@@ -1 +1,2 @@
-export { default } from "./loader-bar";
+export { default } from "./loader-bar.component";
+export type { LoaderBarProps } from "./loader-bar.component";

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MarginProps } from "styled-system";
+import { StyledLoaderBarProps } from "./loader-bar.style";
+export interface LoaderBarProps extends StyledLoaderBarProps, MarginProps {
+}
+declare const LoaderBar: ({ size, ...rest }: LoaderBarProps) => JSX.Element;
+export default LoaderBar;

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

@@ -2,11 +2,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import StyledLoaderBar, { InnerBar, StyledLoader } from "./loader-bar.style";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 
 const LoaderBar = ({
   size = "medium",
@@ -19,9 +16,161 @@ const LoaderBar = ({
   })));
 };
 
-LoaderBar.propTypes = { ...marginPropTypes,
-
-  /** Size of the loader. */
-  size: PropTypes.oneOf(["small", "medium", "large"])
+LoaderBar.propTypes = {
+  "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 default LoaderBar;

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

@@ -0,0 +1 @@
+export declare const LOADER_BAR_SIZES: string[];

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

@@ -0,0 +1,10 @@
+import { MarginProps } from "styled-system";
+export interface StyledLoaderBarProps {
+    /** Size of the loaderBar. */
+    size?: "small" | "medium" | "large";
+}
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+declare const StyledLoaderBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
+declare const InnerBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
+export { InnerBar, StyledLoader };
+export default StyledLoaderBar;

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

@@ -1,8 +1,20 @@
 import styled, { css, keyframes } from "styled-components";
-import PropTypes from "prop-types";
 import { margin } from "styled-system";
 import baseTheme from "../../style/themes/base";
-import { LOADER_BAR_SIZES } from "./loader-bar.config";
+
+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}
@@ -42,31 +54,8 @@ const InnerBar = styled.div`
     animation: 2s ${innerBarAnimation} linear 0s infinite normal none running;
   `}
 `;
-
-function getHeight(size) {
-  switch (size) {
-    case "small":
-      return "4px";
-
-    case "large":
-      return "16px";
-
-    default:
-      return "8px";
-  }
-}
-
 StyledLoader.defaultProps = {
   theme: baseTheme
 };
-StyledLoaderBar.defaultProps = {
-  size: "medium"
-};
-InnerBar.defaultProps = {
-  size: "medium"
-};
-StyledLoaderBar.propTypes = {
-  size: PropTypes.oneOf(LOADER_BAR_SIZES)
-};
 export { InnerBar, StyledLoader };
 export default StyledLoaderBar;

package/esm/components/pod/pod.component.js

@@ -192,6 +192,7 @@ const Pod = /*#__PURE__*/forwardRef(({
     height: podHeight,
     ref: ref
   }), /*#__PURE__*/React.createElement(StyledBlock, _extends({
+    "data-element": "block",
     contentTriggersEdit: shouldContentHaveEditEvents(),
     hasButtons: onEdit || onDelete || onUndo,
     fullWidth: editContentFullWidth,

package/esm/components/pod/pod.style.js

@@ -28,7 +28,7 @@ const StyledPod = styled.div`
 const blockBackgrounds = variant => ({
   primary: "var(--colorsUtilityYang100)",
   secondary: "var(--colorsUtilityMajor025)",
-  tertiary: "var(--colorsUtilityMajor050)",
+  tertiary: "var(--colorsUtilityMajor040)",
   transparent: "var(--colorsUtilityMajorTransparent)",
   tile: "var(--colorsUtilityYang100)"
 })[variant];
@@ -84,8 +84,12 @@ const StyledBlock = styled.div`
       `};
 
       ${softDelete && css`
-        color: var(--colorsUtilityYin030);
-        background-color: var(--colorsUtilityMajor050);
+        border: none;
+        background-color: var(--colorsActionDisabled500);
+
+        & > * {
+          color: var(--colorsUtilityYin065);
+        }
       `};
     `}
 `;
@@ -122,7 +126,7 @@ const StyledFooter = styled.div`
     padding: ${footerPaddings[size]};
 
     ${softDelete && css`
-      color: var(--colorsUtilityYin030);
+      color: var(--colorsUtilityYin055);
     `}
 
     ${variant === "tile" && css`

package/esm/components/portrait/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./portrait";
+export { default } from "./portrait.component";
+export type { PortraitProps } from "./portrait.component";

package/esm/components/portrait/portrait-gravatar.component.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PortraitSizes, PortraitShapes } from "./portrait.component";
+export interface PortraitGravatarProps {
+    /** The user's email address for the Gravatar. */
+    gravatarEmail: string;
+    /** The size of the Gravatar. */
+    size: PortraitSizes;
+    /** The shape of the Gravatar. */
+    shape?: PortraitShapes;
+    /** The `alt` HTML string. */
+    alt?: string;
+    /** A callback to execute if the Gravatar image fails to load. */
+    errorCallback?: () => void;
+}
+declare const PortraitGravatar: ({ gravatarEmail, size, alt, shape, errorCallback, }: PortraitGravatarProps) => JSX.Element;
+export default PortraitGravatar;

package/esm/components/portrait/portrait-gravatar.component.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from "react";
 import PropTypes from "prop-types";
 import MD5 from "crypto-js/md5";
@@ -10,9 +8,8 @@ const PortraitGravatar = ({
   gravatarEmail,
   size,
   alt,
-  shape,
-  errorCallback,
-  ...rest
+  shape = "square",
+  errorCallback
 }) => {
   const gravatarSrc = () => {
     const {
@@ -27,33 +24,21 @@ const PortraitGravatar = ({
     return `${base}${hash}?s=${dimensions}&d=${fallbackOption}`;
   };
 
-  return /*#__PURE__*/React.createElement(StyledPortraitGravatar, _extends({
+  return /*#__PURE__*/React.createElement(StyledPortraitGravatar, {
     src: gravatarSrc(),
     alt: alt,
     size: size,
     shape: shape,
     onError: errorCallback,
     "data-element": "user-image"
-  }, rest));
+  });
 };
 
 PortraitGravatar.propTypes = {
-  /** The user's email address for the Gravatar. */
-  gravatarEmail: PropTypes.string.isRequired,
-
-  /** The size of the Gravatar. */
-  size: PropTypes.oneOf(["XS", "S", "M", "ML", "L", "XL", "XXL"]).isRequired,
-
-  /** The shape of the Gravatar. */
-  shape: PropTypes.oneOf(["circle", "square"]),
-
-  /** The `alt` HTML string. */
-  alt: PropTypes.string,
-
-  /** A callback to execute if the Gravatar image fails to load. */
-  errorCallback: PropTypes.func
-};
-PortraitGravatar.defaultProps = {
-  shape: "square"
+  "alt": PropTypes.string,
+  "errorCallback": PropTypes.func,
+  "gravatarEmail": PropTypes.string.isRequired,
+  "shape": PropTypes.oneOf(["circle", "square"]),
+  "size": PropTypes.oneOf(["L", "M", "ML", "S", "XL", "XS", "XXL"]).isRequired
 };
 export default PortraitGravatar;

package/esm/components/portrait/portrait-initials.component.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PortraitSizes, PortraitShapes } from "./portrait.component";
+export interface PortraitInitialsProps {
+    /** The user's initials to render. */
+    initials: string;
+    /** The size of the initials image. */
+    size: PortraitSizes;
+    /** Use a dark background. */
+    darkBackground?: boolean;
+    /** The shape of the Portrait. */
+    shape?: PortraitShapes;
+    /** The `alt` HTML string. */
+    alt?: string;
+}
+declare const PortraitInitials: ({ initials, size, shape, darkBackground, alt, }: PortraitInitialsProps) => JSX.Element;
+export default PortraitInitials;