carbon-react 106.1.3 → 106.1.6

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

package/esm/components/tile/tile-footer/tile-footer.component.d.ts

@@ -5,9 +5,24 @@ declare function TileFooter({ variant, children, ...props }: {
     children: any;
 }): JSX.Element;
 declare namespace TileFooter {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
+    const propTypes: {
+        /** set which background color variant should be used */
+        variant: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        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 PropTypes from "prop-types";

package/esm/components/tile-select/tile-select-group.component.d.ts

@@ -1,19 +1,42 @@
 export default TileSelectGroup;
 declare function TileSelectGroup(props: any): JSX.Element;
 declare namespace TileSelectGroup {
-    namespace propTypes {
-        function children(props: any, propName: any, componentName: any): undefined;
-        const legend: PropTypes.Requireable<string>;
-        const description: PropTypes.Requireable<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 multiSelect: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** The TileSelect components to be rendered in the group */
+        children: (props: any, propName: any, componentName: any) => undefined;
+        /** The content for the TileSelectGroup Legend */
+        legend: PropTypes.Requireable<string>;
+        /** Description to be rendered below the legend */
+        description: PropTypes.Requireable<string>;
+        /** The currently selected value - only for single select mode. */
+        value: PropTypes.Requireable<string>;
+        /** The name to apply to the input - only for single select mode. */
+        name: PropTypes.Requireable<string>;
+        /** A callback triggered when one of tiles is selected - only for single select mode. */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** A callback triggered when one of tiles is blurred - only for single select mode. */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** When passed as true TileSelectGroup serves only visual purpose */
+        /** It wraps TileSelects in fieldset element and renders the legend and description props content */
+        /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
+        multiSelect: 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;
+    };
     namespace defaultProps {
-        const multiSelect_1: boolean;
-        export { multiSelect_1 as multiSelect };
+        const multiSelect: boolean;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/tile-select/tile-select.component.d.ts

@@ -29,32 +29,69 @@ declare namespace TileSelect {
         const checked: boolean;
         const type: string;
     }
-    namespace propTypes {
-        export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const titleAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const disabled: PropTypes.Requireable<boolean>;
-        export const value: PropTypes.Requireable<string>;
-        export const id: PropTypes.Requireable<string>;
-        export const name: PropTypes.Requireable<string>;
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        const checked_1: PropTypes.Requireable<boolean>;
-        export { checked_1 as checked };
-        export const className: PropTypes.Requireable<string>;
-        const type_1: PropTypes.Requireable<string>;
-        export { type_1 as type };
-        export const customActionButton: PropTypes.Requireable<(...args: any[]) => any>;
-        export const actionButtonAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const prefixAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const additionalInformation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const accordionContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const accordionControl: PropTypes.Requireable<(...args: any[]) => any>;
-        export const accordionExpanded: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** title of the TileSelect */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** adornment to be rendered next to the title */
+        titleAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** subtitle of the TileSelect */
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** description of the TileSelect */
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** disables the TileSelect input */
+        disabled: PropTypes.Requireable<boolean>;
+        /** the value that is represented by this TileSelect */
+        value: PropTypes.Requireable<string>;
+        /** input id */
+        id: PropTypes.Requireable<string>;
+        /** input name */
+        name: PropTypes.Requireable<string>;
+        /** Callback triggered when user selects or deselects this tile */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered when the user blurs this tile */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback triggered when the user focuses this tile */
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        /** determines if this tile is selected or unselected */
+        checked: PropTypes.Requireable<boolean>;
+        /** Custom class name passed to the root element of TileSelect */
+        className: PropTypes.Requireable<string>;
+        /** Type of the TileSelect input */
+        type: PropTypes.Requireable<string>;
+        /** Render prop that allows overriding the default action button. `(onClick) => <Button onClick={onClick}>...</Button>` */
+        customActionButton: PropTypes.Requireable<(...args: any[]) => any>;
+        /** An additional help info icon rendered next to the action button */
+        actionButtonAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** footer of the TileSelect */
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Component to render in the top left corner of TileSelect */
+        prefixAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Component to render additional information row between title and description */
+        additionalInformation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Components to render in the TileSelect Accordion */
+        accordionContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Render prop to support rendering the control to handle the expanded state of the TileSelect Accordion.
+         * `(controlId, contentId) => <Button id={controlId} aria-controls={contentId}>...</Button>`
+         */
+        accordionControl: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Flag to control the open state of TileSelect Accordion */
+        accordionExpanded: 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;
+    };
     const displayName: string;
 }
 import PropTypes from "prop-types";

package/esm/components/typography/list.component.d.ts

@@ -15,8 +15,7 @@ export function ListItem({ children, ...props }: {
 }): JSX.Element;
 export namespace ListItem {
     const propTypes_2: {
-        [x: string]: React.Validator<any> | undefined;
-        [x: number]: React.Validator<any> | undefined;
+        [x: string]: React.Validator<unknown> | undefined;
         theme?: React.Validator<any> | undefined;
     };
     export { propTypes_2 as propTypes };

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

@@ -7,9 +7,4 @@ declare const Typography: import("styled-components").StyledComponent<"span", an
     textDecoration: any;
     lineHeight: any;
     defaultMargin: string;
-} & {
-    [x: string]: any;
-    color: any;
-    bg: any;
-    backgroundColor: any;
-}, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;
+} & Record<string, unknown>, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;

package/esm/global.d.ts

@@ -0,0 +1 @@
+declare module "@styled-system/prop-types";

package/esm/style/color-config/index.d.ts

@@ -1,3 +1,2 @@
-export interface ColorConfig {
-  [key: string]: string;
-}
+declare const colorConfig: Record<string, string>;
+export default colorConfig;

package/esm/style/color-config/index.js

@@ -1,5 +1,5 @@
 // Base colors
-export default {
+const colorConfig = {
   brilliantGreen: "00DC00",
   carrotOrange: "E96400",
   errorRed: "C7384F",
@@ -12,4 +12,5 @@ export default {
   plum: "8246AF",
   slate: "003349",
   black: "000000"
-};
+};
+export default colorConfig;

package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts

@@ -1,8 +1,9 @@
-export default CarbonScopedTokensProvider;
+import { ThemeObject } from "style/themes/base";
 /**
  *
  * Converts theme properties to css variables form and set them locally for
  * given scope
  *
  */
-declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, ThemeObject, never>;
+export default CarbonScopedTokensProvider;