carbon-react 106.1.4 → 106.1.7

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";

package/esm/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/esm/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 */

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

@@ -63,6 +63,20 @@ declare namespace Search {
         }>>;
         /** Input tabindex */
         tabIndex: PropTypes.Requireable<number>;
+        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/select/select-textbox/select-textbox.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 
 import { CommonTextboxProps } from "../../textbox";
-import { ValidationPropTypes } from "../../../__internal__/validations";
+import { ValidationProps } from "../../../__internal__/validations";
 
 export interface FormInputPropTypes
-  extends ValidationPropTypes,
+  extends ValidationProps,
     CommonTextboxProps {
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint?: number;

package/esm/components/settings-row/settings-row.component.d.ts

@@ -8,12 +8,31 @@ declare function SettingsRow({ title, description, children, className, divider,
     divider?: boolean | undefined;
 }): JSX.Element;
 declare namespace SettingsRow {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const divider: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /**  This component supports children. */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**  The CSS classes to apply to the component. */
+        className: PropTypes.Requireable<string>;
+        /**  A title for this group of settings. */
+        title: PropTypes.Requireable<string>;
+        /**  A string or JSX object that provides a short description about the group of settings. */
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Shows a divider below the component. */
+        divider: 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/show-edit-pod/show-edit-pod.component.d.ts

@@ -25,28 +25,63 @@ declare function ShowEditPod({ border, className, children, saving, editFields,
     variant?: string | undefined;
 }): JSX.Element;
 declare namespace ShowEditPod {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const border: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const editing: PropTypes.Requireable<boolean>;
-        const onEdit: PropTypes.Requireable<(...args: any[]) => any>;
-        const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        const onUndo: PropTypes.Requireable<(...args: any[]) => any>;
-        const softDelete: PropTypes.Requireable<boolean>;
-        const hideDeleteButtonInViewMode: PropTypes.Requireable<boolean>;
-        const editFields: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const transitionName: PropTypes.Requireable<string>;
-        const onSave: PropTypes.Requireable<(...args: any[]) => any>;
-        const buttonAlign: PropTypes.Requireable<string>;
-        const cancel: PropTypes.Requireable<boolean>;
-        const cancelText: PropTypes.Requireable<string>;
-        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        const saveText: PropTypes.Requireable<string>;
-        const deleteText: PropTypes.Requireable<string>;
-        const saving: PropTypes.Requireable<boolean>;
-        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
+    const propTypes: {
+        /** Pod theme variant. */
+        variant: PropTypes.Requireable<string>;
+        /** Enable/disable the border on the Pod. */
+        border: PropTypes.Requireable<boolean>;
+        /** This component supports children. */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Classes to apply to the component. */
+        className: PropTypes.Requireable<string>;
+        /** Allows developers to control the editing state manually. */
+        editing: PropTypes.Requireable<boolean>;
+        /** Callback when edit button is clicked. */
+        onEdit: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered when the delete action is clicked. */
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered when the undo action is clicked. */
+        onUndo: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Sets soft delete state. */
+        softDelete: PropTypes.Requireable<boolean>;
+        /** Hide delete button in view mode. */
+        hideDeleteButtonInViewMode: PropTypes.Requireable<boolean>;
+        /** Define fields to be rendered in the edit state */
+        editFields: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Define a custom transition between show and edit states */
+        transitionName: PropTypes.Requireable<string>;
+        /** A callback triggered after clicking the save button */
+        onSave: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Controls which direction the form buttons align */
+        buttonAlign: PropTypes.Requireable<string>;
+        /** Set to false to hide the cancel button */
+        cancel: PropTypes.Requireable<boolean>;
+        /** Supply custom text for the cancel button */
+        cancelText: PropTypes.Requireable<string>;
+        /** A callback triggered when the form is cancelled */
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Supply custom text for the save button */
+        saveText: PropTypes.Requireable<string>;
+        /** Supply custom text for the delete button */
+        deleteText: PropTypes.Requireable<string>;
+        /** Can inform if the form is in a saving state (disables the save button) */
+        saving: PropTypes.Requireable<boolean>;
+        /** Title to be displayed */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        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/simple-color-picker/simple-color-picker.component.d.ts

@@ -1,22 +1,57 @@
 export default SimpleColorPicker;
 declare function SimpleColorPicker(props: any): JSX.Element;
 declare namespace SimpleColorPicker {
-    namespace propTypes {
-        function children(props: any, propName: any, componentName: any): undefined;
-        const isBlurBlocked: PropTypes.Requireable<boolean>;
-        const error: PropTypes.Requireable<string | boolean>;
-        const warning: PropTypes.Requireable<string | boolean>;
-        const info: PropTypes.Requireable<string | boolean>;
-        const validationOnLegend: PropTypes.Requireable<boolean>;
-        const legend: PropTypes.Validator<string>;
-        const value: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        const maxWidth: PropTypes.Requireable<string>;
-        const childWidth: PropTypes.Requireable<string>;
-        const required: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** The SimpleColor components to be rendered in the group */
+        children: (props: any, propName: any, componentName: any) => undefined;
+        /** Should the onBlur callback prop be initially blocked? */
+        isBlurBlocked: PropTypes.Requireable<boolean>;
+        /** 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>;
+        /** When true, validation icon will be placed on legend instead of being placed by the input */
+        validationOnLegend: PropTypes.Requireable<boolean>;
+        /** The content for the RadioGroup Legend */
+        legend: PropTypes.Validator<string>;
+        /** The currently selected color. */
+        value: PropTypes.Requireable<string>;
+        /** The name to apply to the input. */
+        name: PropTypes.Requireable<string>;
+        /** A callback triggered when a color is selected. */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered when a color is selected. */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered on key down. */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** prop that sets max-width in css */
+        maxWidth: PropTypes.Requireable<string>;
+        /** prop that represents childWidth */
+        childWidth: PropTypes.Requireable<string>;
+        /** Flag to configure component as mandatory */
+        required: 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/simple-color-picker/simple-color-picker.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";
 import { SimpleColorProps } from "./simple-color/simple-color";
 
 type SimpleColorPickerChild =
@@ -9,9 +9,7 @@ type SimpleColorPickerChild =
   | null
   | undefined;
 
-export interface SimpleColorPickerProps
-  extends ValidationPropTypes,
-    MarginProps {
+export interface SimpleColorPickerProps extends ValidationProps, MarginProps {
   /** The SimpleColor components to be rendered in the group */
   children?: SimpleColorPickerChild | SimpleColorPickerChild[];
   /** prop that represents childWidth */