carbon-react 106.1.2 → 106.1.5

package/esm/__internal__/checkable-input/checkable-input.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 
-import { ValidationPropTypes } from "../validations";
+import { ValidationProps } from "../validations";
 import { CommonHiddenCheckableInputProps } from "./hidden-checkable-input";
 
 export interface CommonCheckableInputProps
-  extends ValidationPropTypes,
+  extends ValidationProps,
     CommonHiddenCheckableInputProps {
   /** If true, the component will be disabled */
   disabled?: boolean;

package/esm/__internal__/fieldset/fieldset.component.d.ts

@@ -14,22 +14,52 @@ declare function Fieldset({ legend, children, inline, legendWidth, legendAlign,
     blockGroupBehaviour: any;
 }): JSX.Element;
 declare namespace Fieldset {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const legend: PropTypes.Requireable<string>;
-        const error: PropTypes.Requireable<string | boolean>;
-        const warning: PropTypes.Requireable<string | boolean>;
-        const info: PropTypes.Requireable<string | boolean>;
-        const inline: PropTypes.Requireable<boolean>;
-        const legendWidth: PropTypes.Requireable<number>;
-        const legendAlign: PropTypes.Requireable<string>;
-        const legendSpacing: PropTypes.Requireable<number>;
-        const isRequired: PropTypes.Requireable<boolean>;
-        const blockGroupBehaviour: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** Fieldset content */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** The content for the Fieldset Legend */
+        legend: PropTypes.Requireable<string>;
+        /** Indicate that error has occurred
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        error: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        warning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        info: PropTypes.Requireable<string | boolean>;
+        /** When true, legend is placed in line with the children */
+        inline: PropTypes.Requireable<boolean>;
+        /** Percentage width of legend (only when legend is inline)  */
+        legendWidth: PropTypes.Requireable<number>;
+        /** Text alignment of legend when inline */
+        legendAlign: PropTypes.Requireable<string>;
+        /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
+        legendSpacing: PropTypes.Requireable<number>;
+        /** If true, an asterisk will be added to the label */
+        isRequired: PropTypes.Requireable<boolean>;
+        /** Controls whether group behaviour should be enabled */
+        blockGroupBehaviour: 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 inline_1: boolean;
-        export { inline_1 as inline };
+        const inline: boolean;
     }
 }
 import PropTypes from "prop-types";

package/esm/__internal__/form-field/form-field.component.d.ts

@@ -61,6 +61,20 @@ declare namespace FormField {
         isRequired: PropTypes.Requireable<boolean>;
         /** Id of the validation icon */
         validationIconId: 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/__internal__/form-field/form-field.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
-import { ValidationPropTypes } from "../validations";
+import { ValidationProps } from "../validations";
 
-export interface CommonFormFieldPropTypes
-  extends MarginProps,
-    ValidationPropTypes {
+export interface CommonFormFieldPropTypes extends MarginProps, ValidationProps {
   /** If true, the component will be disabled */
   disabled?: boolean;
   /** Help content to be displayed under an input */

package/esm/__internal__/input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "align" | "error" | "info" | "warning" | "readOnly" | "size"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "align" | "readOnly" | "size"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/esm/__internal__/label/label.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { ValidationPropTypes } from "../validations";
+import { ValidationProps } from "../validations";
 
-export interface LabelPropTypes extends ValidationPropTypes {
+export interface LabelPropTypes extends ValidationProps {
   /** Label width */
   width?: number;
   /** Label alignment */

package/esm/__internal__/validations/validation-icon.component.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { MarginProps } from "styled-system";
 export interface ValidationProps {
     /** Indicate that error has occurred
      * Pass string to display icon, tooltip and red border
@@ -17,7 +18,7 @@ export interface ValidationProps {
     warning?: boolean | string;
 }
 declare type TooltipPositions = "top" | "bottom" | "left" | "right";
-export interface ValidationIconProps extends ValidationProps {
+export interface ValidationIconProps extends ValidationProps, Pick<MarginProps, "mr" | "ml"> {
     /** A small string to indicate the size of the icon */
     size?: "small" | "medium" | "large";
     /** The unique id of the component (used with aria-describedby for accessibility) */
@@ -42,10 +43,6 @@ export interface ValidationIconProps extends ValidationProps {
     isPartOfInput?: boolean;
     /** Overrides the default tabindex of the component */
     tabIndex?: number;
-    /** Margin right, given number will be multiplied by base spacing unit (8) */
-    mr?: number;
-    /** Margin left, given number will be multiplied by base spacing unit (8) */
-    ml?: number;
 }
 export declare const ValidationIcon: ({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: ValidationIconProps) => JSX.Element | null;
 export default ValidationIcon;

package/esm/__spec_helper__/test-utils.d.ts

@@ -19,7 +19,7 @@ export function click(wrapper: any): any;
 export namespace simulate {
     export { keydown };
 }
-export const carbonThemesJestTable: (string | import("../style/themes/base").ThemeObject)[][];
+export const carbonThemesJestTable: (string | Partial<import("style/themes/base/base-theme.config").ThemeObject> | undefined)[][];
 import { mockMatchMedia } from "./mock-match-media";
 export function testStyledSystemSpacing(component: any, defaults: any, styleContainer: any, assertOpts: any): void;
 export function testStyledSystemMargin(component: any, defaults: any, styleContainer: any, assertOpts: any): void;

package/esm/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -4,7 +4,21 @@ declare function AccordionGroup({ children, ...rest }: {
     children: any;
 }): JSX.Element;
 declare namespace AccordionGroup {
-    namespace propTypes {
-        function children(props: any, propName: any, componentName: any): undefined;
-    }
+    const propTypes: {
+        children: (props: any, propName: any, componentName: any) => undefined;
+        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;
+    };
 }

package/esm/components/accordion/accordion.component.js

@@ -46,7 +46,7 @@ const Accordion = /*#__PURE__*/React.forwardRef(({
   });
   useEffect(() => {
     setContentHeight(accordionContent.current.scrollHeight);
-  }, [isExpanded, children]);
+  }, [isExpanded]);
   const toggleAccordion = useCallback(ev => {
     if (!isControlled) {
       setIsExpandedInternal(!isExpanded);

package/esm/components/action-popover/action-popover.component.d.ts

@@ -11,28 +11,45 @@ declare function ActionPopover({ children, id, onOpen, onClose, rightAlignMenu,
     horizontalAlignment: any;
 }): JSX.Element;
 declare namespace ActionPopover {
-    namespace propTypes {
-        const id: PropTypes.Requireable<string>;
-        const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        const rightAlignMenu: PropTypes.Requireable<boolean>;
+    const propTypes: {
+        /** Unique ID */
+        id: PropTypes.Requireable<string>;
+        /** Callback to be called on menu open */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Callback to be called on menu close */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Boolean to control whether menu should align to right */
+        rightAlignMenu: PropTypes.Requireable<boolean>;
         /** Children for popover component */
-        function children(props: any, propName: any, componentName: any): undefined;
-        /** Children for popover component */
-        function children(props: any, propName: any, componentName: any): undefined;
-        const renderButton: PropTypes.Requireable<(...args: any[]) => any>;
-        const horizontalAlignment: PropTypes.Requireable<string>;
-        const placement: PropTypes.Requireable<string>;
-    }
+        children(props: any, propName: any, componentName: any): undefined;
+        /** Render a custom menu button to override default ellipsis icon */
+        renderButton: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Horizontal alignment of menu items content */
+        horizontalAlignment: PropTypes.Requireable<string>;
+        /** Set whether the menu should open above or below the button */
+        placement: 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 id_1: null;
-        export { id_1 as id };
+        export const id: null;
         export { onOpen };
         export { onClose };
-        const horizontalAlignment_1: string;
-        export { horizontalAlignment_1 as horizontalAlignment };
+        export const horizontalAlignment: string;
     }
 }
 import PropTypes from "prop-types";
-declare function onOpen_1(): void;
-declare function onClose_1(): void;
+declare function onOpen(): void;
+declare function onClose(): void;

package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts

@@ -50,6 +50,20 @@ declare namespace AdvancedColorPicker {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         /** The ARIA role to be applied to the container */
         role: 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/box/box.component.d.ts

@@ -1,7 +1,2 @@
 export default Box;
-declare const Box: import("styled-components").StyledComponent<"div", any, {
-    [x: string]: any;
-    color: any;
-    bg: any;
-    backgroundColor: any;
-}, never>;
+declare const Box: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/button-toggle-group/button-toggle-group.component.d.ts

@@ -76,6 +76,20 @@ declare namespace ButtonToggleGroup {
         value: 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: {
         validationOnLabel: boolean;

package/esm/components/button-toggle-group/button-toggle-group.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { MarginProps } from "styled-system";
 
 import { ButtonToggleProps } from "../button-toggle";
-import { ValidationPropTypes } from "../../__internal__/validations";
+import { ValidationProps } from "../../__internal__/validations";
 
 type ButtonToggle =
   | React.ReactElement<ButtonToggleProps>
@@ -10,9 +10,7 @@ type ButtonToggle =
   | null
   | undefined;
 
-export interface ButtonToggleGroupProps
-  extends ValidationPropTypes,
-    MarginProps {
+export interface ButtonToggleGroupProps extends ValidationProps, MarginProps {
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

package/esm/components/carbon-provider/carbon-provider.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ThemeObject } from "../../style/themes/base";
 export interface CarbonProviderProps {
-    theme?: ThemeObject;
+    theme?: Partial<ThemeObject>;
     children: React.ReactNode;
     validationRedesignOptIn?: boolean;
 }

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -35,29 +35,30 @@ CarbonProvider.propTypes = {
     colors: PropTypes.shape({
       destructive: PropTypes.shape({
         hover: PropTypes.string.isRequired,
-      }).isRequired,
-      error: PropTypes.string.isRequired,
-      focus: PropTypes.string.isRequired,
-      info: PropTypes.string.isRequired,
-      loadingBarBackground: PropTypes.string.isRequired,
-      placeholder: PropTypes.string.isRequired,
-      primary: PropTypes.string.isRequired,
-      secondary: PropTypes.string.isRequired,
-      tertiary: PropTypes.string.isRequired,
-      warning: PropTypes.string.isRequired,
-      warningText: PropTypes.string.isRequired,
-      white: PropTypes.oneOf(["#FFFFFF"]).isRequired,
-    }).isRequired,
+      }),
+      error: PropTypes.string,
+      focus: PropTypes.string,
+      info: PropTypes.string,
+      loadingBarBackground: PropTypes.string,
+      placeholder: PropTypes.string,
+      primary: PropTypes.string,
+      secondary: PropTypes.string,
+      tertiary: PropTypes.string,
+      warning: PropTypes.string,
+      warningText: PropTypes.string,
+      white: PropTypes.oneOf(["#FFFFFF"]),
+    }),
+    compatibility: PropTypes.object,
     disabled: PropTypes.shape({
       background: PropTypes.string.isRequired,
-    }).isRequired,
-    name: PropTypes.string.isRequired,
+    }),
+    name: PropTypes.string,
     palette: PropTypes.shape({
       blackOpacity: PropTypes.func.isRequired,
       whiteOpacity: PropTypes.func.isRequired,
-    }).isRequired,
-    space: PropTypes.arrayOf(PropTypes.string).isRequired,
-    spacing: PropTypes.number.isRequired,
+    }),
+    space: PropTypes.arrayOf(PropTypes.string),
+    spacing: PropTypes.number,
     zIndex: PropTypes.shape({
       aboveAll: PropTypes.number.isRequired,
       fullScreenModal: PropTypes.number.isRequired,
@@ -68,7 +69,7 @@ CarbonProvider.propTypes = {
       overlay: PropTypes.number.isRequired,
       popover: PropTypes.number.isRequired,
       smallOverlay: PropTypes.number.isRequired,
-    }).isRequired,
+    }),
   }),
   validationRedesignOptIn: PropTypes.bool,
 };
@@ -79,29 +80,30 @@ CarbonProvider.propTypes = {
     colors: PropTypes.shape({
       destructive: PropTypes.shape({
         hover: PropTypes.string.isRequired,
-      }).isRequired,
-      error: PropTypes.string.isRequired,
-      focus: PropTypes.string.isRequired,
-      info: PropTypes.string.isRequired,
-      loadingBarBackground: PropTypes.string.isRequired,
-      placeholder: PropTypes.string.isRequired,
-      primary: PropTypes.string.isRequired,
-      secondary: PropTypes.string.isRequired,
-      tertiary: PropTypes.string.isRequired,
-      warning: PropTypes.string.isRequired,
-      warningText: PropTypes.string.isRequired,
-      white: PropTypes.oneOf(["#FFFFFF"]).isRequired,
-    }).isRequired,
+      }),
+      error: PropTypes.string,
+      focus: PropTypes.string,
+      info: PropTypes.string,
+      loadingBarBackground: PropTypes.string,
+      placeholder: PropTypes.string,
+      primary: PropTypes.string,
+      secondary: PropTypes.string,
+      tertiary: PropTypes.string,
+      warning: PropTypes.string,
+      warningText: PropTypes.string,
+      white: PropTypes.oneOf(["#FFFFFF"]),
+    }),
+    compatibility: PropTypes.object,
     disabled: PropTypes.shape({
       background: PropTypes.string.isRequired,
-    }).isRequired,
-    name: PropTypes.string.isRequired,
+    }),
+    name: PropTypes.string,
     palette: PropTypes.shape({
       blackOpacity: PropTypes.func.isRequired,
       whiteOpacity: PropTypes.func.isRequired,
-    }).isRequired,
-    space: PropTypes.arrayOf(PropTypes.string).isRequired,
-    spacing: PropTypes.number.isRequired,
+    }),
+    space: PropTypes.arrayOf(PropTypes.string),
+    spacing: PropTypes.number,
     zIndex: PropTypes.shape({
       aboveAll: PropTypes.number.isRequired,
       fullScreenModal: PropTypes.number.isRequired,
@@ -112,7 +114,7 @@ CarbonProvider.propTypes = {
       overlay: PropTypes.number.isRequired,
       popover: PropTypes.number.isRequired,
       smallOverlay: PropTypes.number.isRequired,
-    }).isRequired,
+    }),
   }),
   validationRedesignOptIn: PropTypes.bool,
 };

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

@@ -5,9 +5,24 @@ declare function CardRow({ children, spacing, ...props }: {
     spacing?: string | undefined;
 }): JSX.Element;
 declare namespace CardRow {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const spacing: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Spacing prop is set in Card and defines the padding for the CardRow (the first CardRow has no padding by default). For more granular control of CardRow padding these can be over-ridden by Padding props from styled-system (see table below). */
+        spacing: 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 PropTypes from "prop-types";

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

@@ -13,15 +13,33 @@ declare namespace Card {
     namespace defaultProps {
         const spacing: string;
     }
-    namespace propTypes {
-        export const action: PropTypes.Requireable<(...args: any[]) => any>;
-        export const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        export const cardWidth: PropTypes.Requireable<string>;
-        export const interactive: PropTypes.Requireable<boolean>;
-        export const draggable: PropTypes.Requireable<boolean>;
-        const spacing_1: PropTypes.Requireable<string>;
-        export { spacing_1 as spacing };
-        export const dataRole: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** action to be executed when card is clicked or enter pressed */
+        action: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** style value for width of card */
+        cardWidth: PropTypes.Requireable<string>;
+        /** flag to indicate if card is interactive */
+        interactive: PropTypes.Requireable<boolean>;
+        /** flag to indicate if card is draggable */
+        draggable: PropTypes.Requireable<boolean>;
+        /** size of card for applying padding (small | medium | large) */
+        spacing: PropTypes.Requireable<string>;
+        dataRole: 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";