carbon-react 106.1.3 → 106.1.6

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.d.ts

@@ -14,17 +14,49 @@ declare function FlatTableRowHeader({ align, children, width, py, px, expandable
     title: any;
 }): JSX.Element;
 declare namespace FlatTableRowHeader {
-    namespace propTypes {
-        const align: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const width: PropTypes.Requireable<number>;
-        const truncate: PropTypes.Requireable<boolean>;
-        const title: PropTypes.Requireable<string>;
-        const expandable: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        const verticalBorder: PropTypes.Requireable<string>;
-        const verticalBorderColor: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Content alignment */
+        align: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Column width, pass a number to set a fixed width in pixels */
+        width: PropTypes.Requireable<number>;
+        /** Truncate cell content and add ellipsis to any text that overflows */
+        truncate: PropTypes.Requireable<boolean>;
+        /** Title text to display if cell content truncates */
+        title: PropTypes.Requireable<string>;
+        /**
+         * @private
+         * @ignore
+         */
+        expandable: PropTypes.Requireable<boolean>;
+        /**
+         * @private
+         * @ignore
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * @private
+         * @ignore
+         */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Sets a custom vertical right border */
+        verticalBorder: PropTypes.Requireable<string>;
+        /** Sets a vertical right border color, provide design token, any color from palette or any valid css color value. */
+        verticalBorderColor: 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/lib/components/flat-table/flat-table.component.d.ts

@@ -19,27 +19,53 @@ declare function FlatTable({ caption, children, hasStickyHead, colorTheme, foote
     width: any;
 }): JSX.Element;
 declare namespace FlatTable {
-    namespace propTypes {
-        const ariaDescribedby: PropTypes.Requireable<string>;
-        const caption: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const hasStickyHead: PropTypes.Requireable<boolean>;
-        const colorTheme: PropTypes.Requireable<string>;
-        const footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const hasStickyFooter: PropTypes.Requireable<boolean>;
-        const height: PropTypes.Requireable<string | number>;
-        const minHeight: PropTypes.Requireable<string | number>;
-        const isZebra: PropTypes.Requireable<boolean>;
-        const size: PropTypes.Requireable<string>;
-        const hasMaxHeight: PropTypes.Requireable<boolean>;
-        const overflowX: PropTypes.Requireable<string>;
-        const width: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** The HTML id of the element that contains a description of this table. */
+        ariaDescribedby: PropTypes.Requireable<string>;
+        /** A string to render as the table's caption */
+        caption: PropTypes.Requireable<string>;
+        /** FlatTableHead and FlatTableBody */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** If true, the header does not scroll with the content */
+        hasStickyHead: PropTypes.Requireable<boolean>;
+        /** `FlatTable` color theme */
+        colorTheme: PropTypes.Requireable<string>;
+        /** Content to be rendered at the foot of the table */
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** If true, the header does not scroll with the content */
+        hasStickyFooter: PropTypes.Requireable<boolean>;
+        /** Set the height of the table. String can be any valid CSS string, numbers will be converted to pixels. */
+        height: PropTypes.Requireable<string | number>;
+        /** Set the min-height of the table. A string can be any valid CSS string, numbers will be converted to pixels. */
+        minHeight: PropTypes.Requireable<string | number>;
+        /** Toggles the zebra striping for the table rows */
+        isZebra: PropTypes.Requireable<boolean>;
+        /** Used to define the tables size Renders as: 'compact', 'small', 'medium', 'large' and 'extraLarge' */
+        size: PropTypes.Requireable<string>;
+        /** Applies max-height of 100% to FlatTable if true */
+        hasMaxHeight: PropTypes.Requireable<boolean>;
+        /** Set the overflow X of the table wrapper. Any valid CSS string */
+        overflowX: PropTypes.Requireable<string>;
+        /** Width of the table. Any valid CSS string */
+        width: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
     namespace defaultProps {
-        const colorTheme_1: string;
-        export { colorTheme_1 as colorTheme };
-        const size_1: string;
-        export { size_1 as size };
+        const colorTheme: string;
+        const size: string;
     }
 }
 import PropTypes from "prop-types";

package/lib/components/grid/grid-item/grid-item.component.d.ts

@@ -1,28 +1,35 @@
 export default GridItem;
 declare function GridItem(props: any): JSX.Element;
 declare namespace GridItem {
-    namespace propTypes {
-        const responsiveSettings: PropTypes.Requireable<(PropTypes.InferProps<{
-            /** How the grid item is aligned along the block (column) axis. Values: start, end, center, stretch */
-            alignSelf: PropTypes.Requireable<string>;
-            /** Shorthand property for gridColumn and gridRow */
-            gridArea: PropTypes.Requireable<string | number>;
-            /** Starting and ending column position of the GridItem within the GridContainer separated by "/" */
-            gridColumn: PropTypes.Requireable<string | number>;
-            /** Starting and ending row position of the GridItem within the GridContainer separated by "/" */
-            gridRow: PropTypes.Requireable<string | number>;
-            /** How the grid item is aligned along the inline (row) axis. Values: start, end, center, stretch */
-            justifySelf: PropTypes.Requireable<string>;
-            /** Maximum width of the item */
-            maxWidth: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const alignSelf: PropTypes.Requireable<string>;
-        const gridArea: PropTypes.Requireable<string | number>;
-        const gridColumn: PropTypes.Requireable<string | number>;
-        const gridRow: PropTypes.Requireable<string | number>;
-        const justifySelf: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        responsiveSettings: PropTypes.Requireable<(PropTypes.InferProps<PropTypes.ValidationMap<any>> | null | undefined)[]>;
+        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;
+        /** Defines the Component(s) to be rendered within the GridItem */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** How the grid item is aligned along the block (column) axis. Values: start, end, center, stretch */
+        alignSelf: PropTypes.Requireable<string>;
+        /** Shorthand property for gridColumn and gridRow */
+        gridArea: PropTypes.Requireable<string | number>;
+        /** Starting and ending column position of the GridItem within the GridContainer separated by "/" */
+        gridColumn: PropTypes.Requireable<string | number>;
+        /** Starting and ending row position of the GridItem within the GridContainer separated by "/" */
+        gridRow: PropTypes.Requireable<string | number>;
+        /** How the grid item is aligned along the inline (row) axis. Values: start, end, center, stretch */
+        justifySelf: PropTypes.Requireable<string>;
+    };
     const displayName: string;
 }
 import PropTypes from "prop-types";

package/lib/components/grouped-character/grouped-character.component.d.ts

@@ -9,15 +9,37 @@ declare function GroupedCharacter({ defaultValue, groups, onBlur, onChange, sepa
     value: any;
 }): JSX.Element;
 declare namespace GroupedCharacter {
-    namespace propTypes {
-        function separator(props: any, propName: any, componentName: any): Error | null;
-        const groups: PropTypes.Requireable<any[]>;
-        const value: PropTypes.Requireable<string>;
-        const defaultValue: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const required: PropTypes.Requireable<boolean>;
-        const helpAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** character to be used as separator - has to be a 1 character string */
+        separator: (props: any, propName: any, componentName: any) => Error | null;
+        /** pattern by which input value should be grouped */
+        groups: PropTypes.Requireable<any[]>;
+        /** Input value if component is meant to be used as a controlled component */
+        value: PropTypes.Requireable<string>;
+        /** Default input value if component is meant to be used as an uncontrolled component */
+        defaultValue: PropTypes.Requireable<string>;
+        /** on change handler which receives the event with object as a value containing rawValue and formattedValue */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** on blur handler which receives the event with object as a value containing rawValue and formattedValue */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Flag to configure component as mandatory */
+        required: 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;
+    };
 }
 import PropTypes from "prop-types";

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

@@ -51,25 +51,73 @@ declare class Heading extends React.Component<any, any, any> {
     render(): Object;
 }
 declare namespace Heading {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const titleId: PropTypes.Requireable<string>;
-        const subheader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const subtitleId: PropTypes.Requireable<string>;
-        const help: PropTypes.Requireable<string>;
-        const helpLink: PropTypes.Requireable<string>;
-        const backLink: PropTypes.Requireable<string | ((...args: any[]) => any)>;
-        const divider: PropTypes.Requireable<boolean>;
-        const separator: PropTypes.Requireable<boolean>;
-        const pills: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const helpAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /**
+         * Children elements
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the title for the heading.
+         */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the title id for the heading.
+         */
+        titleId: PropTypes.Requireable<string>;
+        /**
+         * Defines the subheader for the heading.
+         */
+        subheader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Defines the subtitle id for the heading.
+         */
+        subtitleId: PropTypes.Requireable<string>;
+        /**
+         * Defines the help text for the heading.
+         */
+        help: PropTypes.Requireable<string>;
+        /**
+         * Defines the help link for the heading.
+         */
+        helpLink: PropTypes.Requireable<string>;
+        /**
+         * Defines the a href for the back link.
+         */
+        backLink: PropTypes.Requireable<string | ((...args: any[]) => any)>;
+        /**
+         * Adds a divider below the heading and the content.
+         */
+        divider: PropTypes.Requireable<boolean>;
+        /**
+         * Adds a separator between the title and the subheader.
+         */
+        separator: PropTypes.Requireable<boolean>;
+        /**
+         * Pills that will be added after the title.
+         */
+        pills: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * 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 divider_1: boolean;
-        export { divider_1 as divider };
-        const separator_1: boolean;
-        export { separator_1 as separator };
+        const divider: boolean;
+        const separator: boolean;
     }
 }
 import React from "react";

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

@@ -17,29 +17,58 @@ declare function Help({ className, href, helpId, children, tabIndex, as, tooltip
     ariaLabel?: string | undefined;
 }): JSX.Element;
 declare namespace Help {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const helpId: PropTypes.Requireable<string>;
-        const tabIndex: PropTypes.Requireable<string | number>;
-        const as: PropTypes.Requireable<string>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-        const href: PropTypes.Requireable<string>;
-        const isFocused: PropTypes.Requireable<boolean>;
-        const type: PropTypes.Requireable<string>;
-        const tooltipBgColor: PropTypes.Requireable<string>;
-        const tooltipFontColor: PropTypes.Requireable<string>;
-        function tooltipFlipOverrides(props: any, propName: any, componentName: any): Error | null;
-        const tooltipId: PropTypes.Requireable<string>;
-        const ariaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** [Legacy] A custom class name for the component. */
+        className: PropTypes.Requireable<string>;
+        /** Message to display in tooltip */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The unique id of the component */
+        helpId: PropTypes.Requireable<string>;
+        /** Overrides the default tabindex of the component */
+        tabIndex: PropTypes.Requireable<string | number>;
+        /** Overrides the default 'as' attribute of the Help component */
+        as: PropTypes.Requireable<string>;
+        /** Position of tooltip relative to target */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** A path for the anchor */
+        href: PropTypes.Requireable<string>;
+        /** A boolean received from IconWrapper */
+        isFocused: PropTypes.Requireable<boolean>;
+        /** <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
+         *
+         * Icon to display, can be received from label component
+         *
+         */
+        type: PropTypes.Requireable<string>;
+        /** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
+        tooltipBgColor: PropTypes.Requireable<string>;
+        /** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
+        tooltipFontColor: PropTypes.Requireable<string>;
+        /** Overrides the default flip behaviour of the Tooltip, must be an array containing some or all of ["top", "bottom", "left", "right"] (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) */
+        tooltipFlipOverrides: (props: any, propName: any, componentName: any) => Error | null;
+        /** Id passed to the tooltip container, used for accessibility purposes. */
+        tooltipId: PropTypes.Requireable<string>;
+        /** Aria label */
+        ariaLabel: 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 tooltipPosition_1: string;
-        export { tooltipPosition_1 as tooltipPosition };
-        const tabIndex_1: number;
-        export { tabIndex_1 as tabIndex };
-        const type_1: string;
-        export { type_1 as type };
+        const tooltipPosition: string;
+        const tabIndex: number;
+        const type: string;
     }
 }
 import PropTypes from "prop-types";

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

@@ -22,6 +22,20 @@ declare namespace Loader {
         isInsideButton: PropTypes.Requireable<boolean>;
         /** Applies slate color. Available only when isInsideButton is true. */
         isActive: 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/loader-bar/loader-bar.component.d.ts

@@ -4,8 +4,23 @@ declare function LoaderBar({ size, ...rest }: {
     size?: string | undefined;
 }): JSX.Element;
 declare namespace LoaderBar {
-    namespace propTypes {
-        const size: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Size of the loader. */
+        size: PropTypes.Requireable<string>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

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

@@ -13,17 +13,41 @@ declare function Message({ open, transparent, title, variant, children, onDismis
     showCloseIcon?: boolean | undefined;
 }): false | JSX.Element;
 declare namespace Message {
-    namespace propTypes {
-        const variant: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const id: PropTypes.Requireable<string>;
-        const open: PropTypes.Requireable<boolean>;
-        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const transparent: PropTypes.Requireable<boolean>;
-        const showCloseIcon: PropTypes.Requireable<boolean>;
-        const closeButtonAriaLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** set type of message based on new DLS standard */
+        variant: PropTypes.Requireable<string>;
+        /** set content to component */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** set custom class to component */
+        className: PropTypes.Requireable<string>;
+        /** set custom id to component root */
+        id: PropTypes.Requireable<string>;
+        /** show message component */
+        open: PropTypes.Requireable<boolean>;
+        /** function runs when user click dismiss button */
+        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+        /** set message title */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** set background to be invisible */
+        transparent: PropTypes.Requireable<boolean>;
+        /** determines if the close icon is shown */
+        showCloseIcon: PropTypes.Requireable<boolean>;
+        /** set custom aria label for message close button */
+        closeButtonAriaLabel: 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/multi-action-button/multi-action-button.component.d.ts

@@ -34,6 +34,20 @@ declare namespace MultiActionButton {
         "data-role": PropTypes.Requireable<string>;
         /** Aligns the button's options */
         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;
     };
 }
 import PropTypes from "prop-types";