carbon-react 106.1.3 → 106.1.6

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

package/lib/components/split-button/split-button.component.d.ts

@@ -37,6 +37,20 @@ declare namespace SplitButton {
         iconPosition: PropTypes.Requireable<string>;
         /** Set align of the rendered content */
         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;
     };
     const safeProps: string[];
 }

package/lib/components/step-sequence/step-sequence.component.d.ts

@@ -3,13 +3,28 @@ export default StepSequence;
 import React from "react";
 declare function StepSequence(props: any): JSX.Element;
 declare namespace StepSequence {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const orientation: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Step sequence items to be rendered */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The direction that step sequence items should be rendered */
+        orientation: 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 orientation_1: string;
-        export { orientation_1 as orientation };
+        const orientation: string;
     }
 }
 import PropTypes from "prop-types";

package/lib/components/switch/switch.component.d.ts

@@ -112,6 +112,20 @@ declare namespace Switch {
         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;
     };
     const defaultProps: {
         labelInline: boolean;

package/lib/components/tabs/tab/tab.component.d.ts

@@ -15,26 +15,57 @@ declare function Tab({ ariaLabelledby, className, children, isTabSelected, posit
     href: any;
 }): JSX.Element;
 declare namespace Tab {
-    namespace propTypes {
-        const title: PropTypes.Requireable<string>;
-        const tabId: PropTypes.Validator<string>;
-        const className: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const customLayout: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const isTabSelected: PropTypes.Requireable<boolean>;
-        const position: PropTypes.Requireable<string>;
-        const role: PropTypes.Requireable<string>;
-        const ariaLabelledby: PropTypes.Requireable<string>;
-        const updateErrors: PropTypes.Requireable<(...args: any[]) => any>;
-        const updateWarnings: PropTypes.Requireable<(...args: any[]) => any>;
-        const updateInfos: PropTypes.Requireable<(...args: any[]) => any>;
-        const errorMessage: PropTypes.Requireable<string>;
-        const warningMessage: PropTypes.Requireable<string>;
-        const infoMessage: PropTypes.Requireable<string>;
-        const siblings: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-        const titlePosition: PropTypes.Requireable<string>;
-        const href: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        title: PropTypes.Requireable<string>;
+        /** A unique ID to identify this specific tab. */
+        tabId: PropTypes.Validator<string>;
+        /** @ignore @private */
+        className: PropTypes.Requireable<string>;
+        /** The child elements of Tab component. */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Overrides Title default layout with a one defined in this prop */
+        customLayout: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Boolean indicating selected state of Tab. */
+        isTabSelected: PropTypes.Requireable<boolean>;
+        /** The position of the Tab. */
+        position: PropTypes.Requireable<string>;
+        /** @ignore @private */
+        role: PropTypes.Requireable<string>;
+        /** @ignore @private */
+        ariaLabelledby: PropTypes.Requireable<string>;
+        /** @ignore @private */
+        updateErrors: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore @private */
+        updateWarnings: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore @private */
+        updateInfos: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Message displayed when Tab has error */
+        errorMessage: PropTypes.Requireable<string>;
+        /** Message displayed when Tab has warning */
+        warningMessage: PropTypes.Requireable<string>;
+        /** Message displayed when Tab has warning */
+        infoMessage: PropTypes.Requireable<string>;
+        /** Additional content to display with title */
+        siblings: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        /** Position title before or after siblings */
+        titlePosition: PropTypes.Requireable<string>;
+        /** Allows Tab to be a link */
+        href: 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;
+    };
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/components/tabs/tabs.component.d.ts

@@ -15,27 +15,58 @@ export function Tabs({ align, className, children, onTabChange, selectedTabId, r
     headerWidth: any;
 }): JSX.Element;
 export namespace Tabs {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const renderHiddenTabs: PropTypes.Requireable<boolean>;
-        const selectedTabId: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const align: PropTypes.Requireable<string>;
-        const onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const position: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-        const extendedLine: PropTypes.Requireable<boolean>;
-        const borders: PropTypes.Requireable<string>;
-        function headerWidth(props: any, propName: any, componentName: any): Error | null;
-        const variant: PropTypes.Requireable<string>;
-        const validationStatusOverride: PropTypes.Requireable<PropTypes.InferProps<{
+    const propTypes: {
+        /** @ignore @private */
+        className: PropTypes.Requireable<string>;
+        /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
+        renderHiddenTabs: PropTypes.Requireable<boolean>;
+        /** Allows manual control over the currently selected tab. */
+        selectedTabId: PropTypes.Requireable<string>;
+        /** The child elements of Tabs need to be Tab components. */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Sets the alignment of the tab titles. Possible values include. */
+        align: PropTypes.Requireable<string>;
+        /** A callback for when a tab is changed. You can use this to manually control
+         * tab changing or to fire other events when a tab is changed. */
+        onTabChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** The position of the tab title. */
+        position: PropTypes.Requireable<string>;
+        /** Sets size of the tab titles. */
+        size: PropTypes.Requireable<string>;
+        /** Sets the divider of the tab titles header to extend the full width of the parent. */
+        extendedLine: PropTypes.Requireable<boolean>;
+        /** Adds a combination of borders to the tab titles. */
+        borders: PropTypes.Requireable<string>;
+        /** sets width to the tab headers. Can be any valid CSS string.
+         * The headerWidth prop works only for `position="left"`
+         */
+        headerWidth: (props: any, propName: any, componentName: any) => Error | null;
+        /** Adds an alternate styling variant to the tab titles. */
+        variant: PropTypes.Requireable<string>;
+        /** An object to support overriding validation statuses, when the Tabs have custom targets for example.
+         * The `id` property should match the `tabId`s for the rendered Tabs. */
+        validationStatusOverride: PropTypes.Requireable<PropTypes.InferProps<{
             id: PropTypes.Requireable<PropTypes.InferProps<{
                 error: PropTypes.Requireable<boolean>;
                 warning: PropTypes.Requireable<boolean>;
                 info: 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 Tab from "./tab";
 import PropTypes from "prop-types";

package/lib/components/textarea/textarea.component.d.ts

@@ -124,6 +124,20 @@ declare namespace Textarea {
         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/textarea/textarea.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-import { ValidationPropTypes } from "../../__internal__/validations";
+import { ValidationProps } from "../../__internal__/validations";
 import { CommonInputProps } from "../../__internal__/input";
 
 export interface TextareaProps
-  extends ValidationPropTypes,
+  extends ValidationProps,
     MarginProps,
     Omit<CommonInputProps, "size"> {
   /** Automatically focus the input on component mount */

package/lib/components/textbox/textbox.component.d.ts

@@ -182,6 +182,20 @@ declare namespace Textbox {
         warnOverLimit: PropTypes.Requireable<boolean>;
         /** 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 labelWidth: number;

package/lib/components/textbox/textbox.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-import { ValidationPropTypes } from "../../__internal__/validations";
+import { ValidationProps } from "../../__internal__/validations";
 import { CommonInputProps } from "../../__internal__/input";
 
 export interface CommonTextboxProps
-  extends ValidationPropTypes,
+  extends ValidationProps,
     MarginProps,
     Omit<CommonInputProps, "size"> {
   /** Automatically focus the input on component mount */