carbon-react 106.1.3 → 106.1.6

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

@@ -19,7 +19,7 @@ var _themes = require("../../style/themes");
 
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
 
-var _color = require("../../style/utils/color.js");
+var _color = require("../../style/utils/color");
 
 var _getColorValue = _interopRequireDefault(require("../../style/utils/get-color-value"));
 

package/lib/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/lib/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/lib/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/lib/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/lib/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";

package/lib/components/radio-button/radio-button-group.component.d.ts

@@ -1,26 +1,65 @@
 export default RadioButtonGroup;
 declare function RadioButtonGroup(props: any): JSX.Element;
 declare namespace RadioButtonGroup {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const name: PropTypes.Validator<string>;
-        const legend: PropTypes.Requireable<string>;
-        const error: PropTypes.Requireable<string | boolean>;
-        const warning: PropTypes.Requireable<string | boolean>;
-        const info: PropTypes.Requireable<string | boolean>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const value: PropTypes.Requireable<string>;
-        const inline: PropTypes.Requireable<boolean>;
-        const legendInline: PropTypes.Requireable<boolean>;
-        const legendWidth: PropTypes.Requireable<number>;
-        const legendAlign: PropTypes.Requireable<string>;
-        const legendSpacing: PropTypes.Requireable<number>;
-        const labelSpacing: PropTypes.Requireable<number>;
-        const adaptiveLegendBreakpoint: PropTypes.Requireable<number>;
-        const adaptiveSpacingBreakpoint: PropTypes.Requireable<number>;
-        const required: PropTypes.Requireable<boolean>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** The RadioButton objects to be rendered in the group */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Specifies the name prop to be applied to each button in the group */
+        name: PropTypes.Validator<string>;
+        /** The content for the RadioGroup Legend */
+        legend: PropTypes.Requireable<string>;
+        /** Indicate that error has occurred
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        error: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        warning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        info: PropTypes.Requireable<string | boolean>;
+        /** Callback fired when each RadioButton is blurred */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback fired when the user selects a RadioButton */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** value of the selected RadioButton */
+        value: PropTypes.Requireable<string>;
+        /** When true, RadioButtons are in line */
+        inline: PropTypes.Requireable<boolean>;
+        /** When true, legend is placed in line with the radiobuttons */
+        legendInline: PropTypes.Requireable<boolean>;
+        /** Percentage width of legend (only when legend is inline)  */
+        legendWidth: PropTypes.Requireable<number>;
+        /** Text alignment of legend when inline */
+        legendAlign: PropTypes.Requireable<string>;
+        /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
+        legendSpacing: PropTypes.Requireable<number>;
+        /** Spacing between labels and radio buttons, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** Breakpoint for adaptive legend (inline labels change to top aligned). Enables the adaptive behaviour when set */
+        adaptiveLegendBreakpoint: PropTypes.Requireable<number>;
+        /** Breakpoint for adaptive spacing (left margin changes to 0). Enables the adaptive behaviour when set */
+        adaptiveSpacingBreakpoint: PropTypes.Requireable<number>;
+        /** Flag to configure component as mandatory */
+        required: PropTypes.Requireable<boolean>;
+        /** Overrides the default tooltip position */
+        tooltipPosition: 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/lib/components/radio-button/radio-button-group.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
-import { ValidationPropTypes } from "../../__internal__/validations";
+import { ValidationProps } from "../../__internal__/validations";
 
-export interface RadioButtonGroupProps
-  extends ValidationPropTypes,
-    MarginProps {
+export interface RadioButtonGroupProps extends ValidationProps, MarginProps {
   /** Breakpoint for adaptive legend (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLegendBreakpoint?: number;
   /** Breakpoint for adaptive spacing (left margin changes to 0). Enables the adaptive behaviour when set */