carbon-react 106.1.4 → 106.1.5

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

@@ -13,17 +13,41 @@ declare function Message({ open, transparent, title, variant, children, onDismis
     showCloseIcon?: boolean | undefined;
 }): false | JSX.Element;
 declare namespace Message {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const id: PropTypes.Requireable<string>;
-        const open: PropTypes.Requireable<boolean>;
-        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const transparent: PropTypes.Requireable<boolean>;
-        const showCloseIcon: PropTypes.Requireable<boolean>;
-        const closeButtonAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** set type of message based on new DLS standard */
+        variant: PropTypes.Requireable<string>;
+        /** set content to component */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** set custom class to component */
+        className: PropTypes.Requireable<string>;
+        /** set custom id to component root */
+        id: PropTypes.Requireable<string>;
+        /** show message component */
+        open: PropTypes.Requireable<boolean>;
+        /** function runs when user click dismiss button */
+        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+        /** set message title */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** set background to be invisible */
+        transparent: PropTypes.Requireable<boolean>;
+        /** determines if the close icon is shown */
+        showCloseIcon: PropTypes.Requireable<boolean>;
+        /** set custom aria label for message close button */
+        closeButtonAriaLabel: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

package/esm/components/multi-action-button/multi-action-button.component.d.ts

@@ -34,6 +34,20 @@ declare namespace MultiActionButton {
         "data-role": PropTypes.Requireable<string>;
         /** Aligns the button's options */
         align: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     };
 }
 import PropTypes from "prop-types";

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

@@ -12,19 +12,42 @@ declare function Note({ noteContent, width, inlineControl, title, name, createdD
     onLinkAdded: any;
 }): JSX.Element;
 declare namespace Note {
-    namespace propTypes {
-        const noteContent: PropTypes.Validator<object>;
-        const width: PropTypes.Requireable<number>;
-        const inlineControl: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const title: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const createdDate: PropTypes.Validator<string>;
-        const status: PropTypes.Requireable<PropTypes.InferProps<{
+    const propTypes: {
+        /**  The rich text content to display in the Note */
+        noteContent: PropTypes.Validator<object>;
+        /** Set a percentage-based width for the whole Note component, relative to its parent. */
+        width: PropTypes.Requireable<number>;
+        /** renders a control for the Note */
+        inlineControl: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Adds a Title to the Note */
+        title: PropTypes.Requireable<string>;
+        /** Adds a name to the Note footer */
+        name: PropTypes.Requireable<string>;
+        /** Adds a created on date to the Note footer */
+        createdDate: PropTypes.Validator<string>;
+        /** Adds a status and tooltip to the Note footer */
+        status: PropTypes.Requireable<PropTypes.InferProps<{
             text: PropTypes.Validator<string>;
             timeStamp: PropTypes.Validator<string>;
         }>>;
-        const previews: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        const onLinkAdded: PropTypes.Requireable<(...args: any[]) => any>;
-    }
+        /** The previews to display of any links added to the Editor */
+        previews: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        /** Callback to report a url when a link is added */
+        onLinkAdded: PropTypes.Requireable<(...args: any[]) => any>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

package/esm/components/numeral-date/numeral-date.component.d.ts

@@ -106,6 +106,20 @@ declare namespace NumeralDate {
         tooltipPosition: PropTypes.Requireable<string>;
         /** Aria label for rendered help component */
         helpAriaLabel: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     };
 }
 import PropTypes from "prop-types";

package/esm/components/numeral-date/numeral-date.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
-import { ValidationPropTypes } from "../../__internal__/validations";
+import { ValidationProps } from "../../__internal__/validations";
 
 interface DayMonthDate {
   dd: string;
@@ -24,7 +24,7 @@ interface NumeralDateEvent {
   };
 }
 
-export interface NumeralDateProps extends ValidationPropTypes, MarginProps {
+export interface NumeralDateProps extends ValidationProps, MarginProps {
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

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

@@ -11,29 +11,44 @@ declare function Pill({ fill, onDelete, colorVariant, borderColor, pillRole, chi
     onClick: any;
 }): JSX.Element;
 declare namespace Pill {
-    namespace propTypes {
-        const colorVariant: PropTypes.Requireable<string>;
-        const borderColor: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<string>;
-        const fill: PropTypes.Requireable<boolean>;
-        const pillRole: PropTypes.Requireable<string>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        const size: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Change the color of a status pill. */
+        colorVariant: PropTypes.Requireable<string>;
+        /** Override color variant, provide design token, any color from palette or any valid css color value. */
+        borderColor: PropTypes.Requireable<string>;
+        /** The content to display inside of the pill.  */
+        children: PropTypes.Validator<string>;
+        /** Fills the pill background with colour. When fill is false only the border is coloured. */
+        fill: PropTypes.Requireable<boolean>;
+        /** Sets the type of pill in use. */
+        pillRole: PropTypes.Requireable<string>;
+        /** Callback function for when the pill is clicked. */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback function for when the remove icon is clicked. */
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        size: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const colorVariant_1: string;
-        export { colorVariant_1 as colorVariant };
-        const fill_1: boolean;
-        export { fill_1 as fill };
-        const onClick_1: null;
-        export { onClick_1 as onClick };
-        const onDelete_1: null;
-        export { onDelete_1 as onDelete };
-        const pillRole_1: string;
-        export { pillRole_1 as pillRole };
-        const size_1: string;
-        export { size_1 as size };
+        const colorVariant: string;
+        const fill: boolean;
+        const onClick: null;
+        const onDelete: null;
+        const pillRole: string;
+        const size: string;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/pill/pill.style.js

@@ -5,7 +5,7 @@ import { margin } from "styled-system";
 import styleConfig from "./pill.style.config";
 import { baseTheme } from "../../style/themes";
 import StyledIcon from "../icon/icon.style";
-import { toColor } from "../../style/utils/color.js";
+import { toColor } from "../../style/utils/color";
 import getColorValue from "../../style/utils/get-color-value";
 
 function addStyleToPillIcon(fontSize) {

package/esm/components/popover-container/popover-container.component.d.ts

@@ -16,27 +16,60 @@ declare function PopoverContainer({ children, title, position, open, onOpen, onC
     containerAriaLabel: any;
 }): JSX.Element;
 declare namespace PopoverContainer {
-    namespace propTypes {
-        const renderOpenComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        const renderCloseComponent: PropTypes.Requireable<(...args: any[]) => any>;
-        const open: PropTypes.Requireable<boolean>;
-        const title: PropTypes.Requireable<string>;
-        const shouldCoverButton: PropTypes.Requireable<boolean>;
-        const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        const position: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const ariaDescribedBy: PropTypes.Requireable<string>;
-        const openButtonAriaLabel: PropTypes.Requireable<string>;
-        const closeButtonAriaLabel: PropTypes.Requireable<string>;
-        const containerAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** A function that will render the open component
+         *
+         * `({dataElement, tabIndex, onClick, ref, ariaLabel, isOpen}) => ()`
+         *
+         */
+        renderOpenComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A function that will render the close component
+         *
+         * `({dataElement, tabIndex, onClick, ref, ariaLabel, isOpen}) => ()`
+         *
+         */
+        renderCloseComponent: PropTypes.Requireable<(...args: any[]) => any>;
+        /** If `true` the popover-container will open */
+        open: PropTypes.Requireable<boolean>;
+        /** Sets the popover-container title displayed in the dialog */
+        title: PropTypes.Requireable<string>;
+        /** If `true` the popover-container will cover open button */
+        shouldCoverButton: PropTypes.Requireable<boolean>;
+        /** Callback fires when open component is clicked */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fires when close component is clicked */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Sets rendering position of the popover-container */
+        position: PropTypes.Requireable<string>;
+        /** The content of the popover-container */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The id of the element that describes the dialog */
+        ariaDescribedBy: PropTypes.Requireable<string>;
+        /** Open button aria label */
+        openButtonAriaLabel: PropTypes.Requireable<string>;
+        /** Close button aria label */
+        closeButtonAriaLabel: PropTypes.Requireable<string>;
+        /** Container aria label */
+        containerAriaLabel: PropTypes.Requireable<string>;
+        p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const position_1: string;
-        export { position_1 as position };
-        const shouldCoverButton_1: boolean;
-        export { shouldCoverButton_1 as shouldCoverButton };
-        export function renderOpenComponent_1({ tabIndex, onClick, dataElement, ref, ariaLabel, id, }: {
+        const position: string;
+        const shouldCoverButton: boolean;
+        function renderOpenComponent({ tabIndex, onClick, dataElement, ref, ariaLabel, id, }: {
             tabIndex: any;
             onClick: any;
             dataElement: any;
@@ -44,15 +77,13 @@ declare namespace PopoverContainer {
             ariaLabel: any;
             id: any;
         }): JSX.Element;
-        export { renderOpenComponent_1 as renderOpenComponent };
-        export function renderCloseComponent_1({ dataElement, tabIndex, onClick, ref, ariaLabel, }: {
+        function renderCloseComponent({ dataElement, tabIndex, onClick, ref, ariaLabel, }: {
             dataElement: any;
             tabIndex: any;
             onClick: any;
             ref: any;
             ariaLabel: any;
         }): JSX.Element;
-        export { renderCloseComponent_1 as renderCloseComponent };
     }
 }
 import PropTypes from "prop-types";

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

@@ -20,36 +20,62 @@ declare function Portrait({ alt, darkBackground, gravatar, iconType, initials, s
     tooltipFontColor: any;
 }): JSX.Element;
 declare namespace Portrait {
-    namespace propTypes {
-        const size: PropTypes.Requireable<string>;
-        function src(props: any): void;
-        const gravatar: PropTypes.Requireable<string>;
-        const alt: PropTypes.Requireable<string>;
-        const shape: PropTypes.Requireable<string>;
-        const initials: PropTypes.Requireable<string>;
-        const darkBackground: PropTypes.Requireable<boolean>;
-        const iconType: PropTypes.Requireable<string>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const tooltipMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const tooltipId: PropTypes.Requireable<string>;
-        const tooltipIsVisible: PropTypes.Requireable<boolean>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-        const tooltipType: PropTypes.Requireable<string>;
-        const tooltipSize: PropTypes.Requireable<string>;
-        const tooltipBgColor: PropTypes.Requireable<string>;
-        const tooltipFontColor: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** The size of the Portrait. */
+        size: PropTypes.Requireable<string>;
+        /** A custom image URL. */
+        src: (props: any) => void;
+        /** An email address registered with Gravatar. */
+        gravatar: PropTypes.Requireable<string>;
+        /** The `alt` HTML string. */
+        alt: PropTypes.Requireable<string>;
+        /** The shape of the Portrait. */
+        shape: PropTypes.Requireable<string>;
+        /** The initials to render in the Portrait. */
+        initials: PropTypes.Requireable<string>;
+        /** Use a dark background. */
+        darkBackground: PropTypes.Requireable<boolean>;
+        /** The icon to render as fallback */
+        iconType: PropTypes.Requireable<string>;
+        /** Prop for `onClick` events. */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The message to be displayed within the tooltip */
+        tooltipMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The id attribute to use for the tooltip */
+        tooltipId: PropTypes.Requireable<string>;
+        /** Whether to to show the Tooltip */
+        tooltipIsVisible: PropTypes.Requireable<boolean>;
+        /** Sets position of the tooltip */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** Defines the message type */
+        tooltipType: PropTypes.Requireable<string>;
+        /** Defines the size of the tooltip content */
+        tooltipSize: PropTypes.Requireable<string>;
+        /** Override background color of the Tooltip, provide design token, any color from palette or any valid css color value. */
+        tooltipBgColor: PropTypes.Requireable<string>;
+        /** Override font color of the Tooltip, provide design token, any color from palette or any valid css color value. */
+        tooltipFontColor: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const size_1: string;
-        export { size_1 as size };
-        const shape_1: string;
-        export { shape_1 as shape };
-        const darkBackground_1: boolean;
-        export { darkBackground_1 as darkBackground };
-        const alt_1: string;
-        export { alt_1 as alt };
-        const iconType_1: string;
-        export { iconType_1 as iconType };
+        const size: string;
+        const shape: string;
+        const darkBackground: boolean;
+        const alt: string;
+        const iconType: string;
     }
 }
 import PropTypes from "prop-types";

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

@@ -1,16 +1,33 @@
 export default Preview;
 declare function Preview(props: any): JSX.Element;
 declare namespace Preview {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const height: PropTypes.Requireable<string>;
-        const lines: PropTypes.Requireable<number>;
-        const loading: PropTypes.Requireable<boolean>;
-        const width: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Children content to render in the component. */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** A custom height to be applied to the component. */
+        height: PropTypes.Requireable<string>;
+        /** The number of lines to render. */
+        lines: PropTypes.Requireable<number>;
+        loading: PropTypes.Requireable<boolean>;
+        /** A custom width */
+        width: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const lines_1: number;
-        export { lines_1 as lines };
+        const lines: number;
     }
 }
 import PropTypes from "prop-types";

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

@@ -9,13 +9,33 @@ declare function Profile({ src, className, initials, name, size, email, ...props
     email: any;
 }): JSX.Element;
 declare namespace Profile {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const src: PropTypes.Requireable<string>;
-        const name: PropTypes.Validator<string>;
-        const email: PropTypes.Validator<string>;
-        const initials: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** [Legacy] A custom class name for the component */
+        className: PropTypes.Requireable<string>;
+        /** Custom source URL */
+        src: PropTypes.Requireable<string>;
+        /** Define the name to display. */
+        name: PropTypes.Validator<string>;
+        /** Define the email to use (will check Gravatar for image). */
+        email: PropTypes.Validator<string>;
+        /** Define initials to display if there is no Gravatar image. */
+        initials: PropTypes.Requireable<string>;
+        /** Allow to setup size for the component */
+        size: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

package/esm/components/progress-tracker/progress-tracker.component.d.ts

@@ -51,6 +51,20 @@ declare namespace ProgressTracker {
          * Top/bottom apply to horizontal and left/right to vertical orientation.
          */
         labelsPosition: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     };
 }
 import PropTypes from "prop-types";