carbon-react 106.1.4 → 106.1.7

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

@@ -51,25 +51,73 @@ declare class Heading extends React.Component<any, any, any> {
     render(): Object;
 }
 declare namespace Heading {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const titleId: PropTypes.Requireable<string>;
-        const subheader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const subtitleId: PropTypes.Requireable<string>;
-        const help: PropTypes.Requireable<string>;
-        const helpLink: PropTypes.Requireable<string>;
-        const backLink: PropTypes.Requireable<string | ((...args: any[]) => any)>;
-        const divider: PropTypes.Requireable<boolean>;
-        const separator: PropTypes.Requireable<boolean>;
-        const pills: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const helpAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /**
+         * Children elements
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the title for the heading.
+         */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the title id for the heading.
+         */
+        titleId: PropTypes.Requireable<string>;
+        /**
+         * Defines the subheader for the heading.
+         */
+        subheader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the subtitle id for the heading.
+         */
+        subtitleId: PropTypes.Requireable<string>;
+        /**
+         * Defines the help text for the heading.
+         */
+        help: PropTypes.Requireable<string>;
+        /**
+         * Defines the help link for the heading.
+         */
+        helpLink: PropTypes.Requireable<string>;
+        /**
+         * Defines the a href for the back link.
+         */
+        backLink: PropTypes.Requireable<string | ((...args: any[]) => any)>;
+        /**
+         * Adds a divider below the heading and the content.
+         */
+        divider: PropTypes.Requireable<boolean>;
+        /**
+         * Adds a separator between the title and the subheader.
+         */
+        separator: PropTypes.Requireable<boolean>;
+        /**
+         * Pills that will be added after the title.
+         */
+        pills: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * 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;
+    };
     namespace defaultProps {
-        const divider_1: boolean;
-        export { divider_1 as divider };
-        const separator_1: boolean;
-        export { separator_1 as separator };
+        const divider: boolean;
+        const separator: boolean;
     }
 }
 import React from "react";

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

@@ -17,29 +17,58 @@ declare function Help({ className, href, helpId, children, tabIndex, as, tooltip
     ariaLabel?: string | undefined;
 }): JSX.Element;
 declare namespace Help {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const helpId: PropTypes.Requireable<string>;
-        const tabIndex: PropTypes.Requireable<string | number>;
-        const as: PropTypes.Requireable<string>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-        const href: PropTypes.Requireable<string>;
-        const isFocused: PropTypes.Requireable<boolean>;
-        const type: PropTypes.Requireable<string>;
-        const tooltipBgColor: PropTypes.Requireable<string>;
-        const tooltipFontColor: PropTypes.Requireable<string>;
-        function tooltipFlipOverrides(props: any, propName: any, componentName: any): Error | null;
-        const tooltipId: PropTypes.Requireable<string>;
-        const ariaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** [Legacy] A custom class name for the component. */
+        className: PropTypes.Requireable<string>;
+        /** Message to display in tooltip */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The unique id of the component */
+        helpId: PropTypes.Requireable<string>;
+        /** Overrides the default tabindex of the component */
+        tabIndex: PropTypes.Requireable<string | number>;
+        /** Overrides the default 'as' attribute of the Help component */
+        as: PropTypes.Requireable<string>;
+        /** Position of tooltip relative to target */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** A path for the anchor */
+        href: PropTypes.Requireable<string>;
+        /** A boolean received from IconWrapper */
+        isFocused: PropTypes.Requireable<boolean>;
+        /** <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
+         *
+         * Icon to display, can be received from label component
+         *
+         */
+        type: PropTypes.Requireable<string>;
+        /** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
+        tooltipBgColor: PropTypes.Requireable<string>;
+        /** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
+        tooltipFontColor: PropTypes.Requireable<string>;
+        /** Overrides the default flip behaviour of the Tooltip, must be an array containing some or all of ["top", "bottom", "left", "right"] (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) */
+        tooltipFlipOverrides: (props: any, propName: any, componentName: any) => Error | null;
+        /** Id passed to the tooltip container, used for accessibility purposes. */
+        tooltipId: PropTypes.Requireable<string>;
+        /** Aria label */
+        ariaLabel: 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 tooltipPosition_1: string;
-        export { tooltipPosition_1 as tooltipPosition };
-        const tabIndex_1: number;
-        export { tabIndex_1 as tabIndex };
-        const type_1: string;
-        export { type_1 as type };
+        const tooltipPosition: string;
+        const tabIndex: number;
+        const type: string;
     }
 }
 import PropTypes from "prop-types";

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

@@ -22,6 +22,20 @@ declare namespace Loader {
         isInsideButton: PropTypes.Requireable<boolean>;
         /** Applies slate color. Available only when isInsideButton is true. */
         isActive: PropTypes.Requireable<boolean>;
+        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/loader-bar/loader-bar.component.d.ts

@@ -4,8 +4,23 @@ declare function LoaderBar({ size, ...rest }: {
     size?: string | undefined;
 }): JSX.Element;
 declare namespace LoaderBar {
-    namespace propTypes {
-        const size: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Size of the loader. */
+        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/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";