carbon-react 106.1.4 → 106.1.5

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

@@ -7,11 +7,39 @@ declare function Detail({ className, icon, footnote, children, ...rest }: {
     children: any;
 }): JSX.Element;
 declare namespace Detail {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const icon: PropTypes.Requireable<string>;
-        const footnote: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
+    const propTypes: {
+        /**
+         * Custom className
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * <a href="https://carbon.sage.com/?path=/docs/icon--list-of-icons#list-of-icons" target="_blank">List of supported icons</a>
+         *
+         * The type of icon to use.
+         */
+        icon: PropTypes.Requireable<string>;
+        /**
+         * A small detail to display under the main content.
+         */
+        footnote: PropTypes.Requireable<string>;
+        /**
+         * The rendered children of the component.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+        my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    };
 }
 import PropTypes from "prop-types";

package/lib/components/draggable/draggable-container.component.d.ts

@@ -5,9 +5,29 @@ declare function DraggableContainer({ children, getOrder, ...rest }: {
     getOrder: any;
 }): JSX.Element;
 declare namespace DraggableContainer {
-    namespace propTypes {
-        const getOrder: PropTypes.Requireable<(...args: any[]) => any>;
-        function children(props: any, propName: any, componentName: any): undefined;
-    }
+    const propTypes: {
+        /** Callback fired when order is changed */
+        getOrder: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The content of the component
+         *
+         *  `<DraggableItem />` is required to make `Draggable` works
+         * */
+        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;
+    };
 }
 import PropTypes from "prop-types";

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

@@ -8,12 +8,40 @@ declare function DraggableItem({ id, findItem, moveItem, children, py, ...rest }
     py?: number | undefined;
 }): JSX.Element;
 declare namespace DraggableItem {
-    namespace propTypes {
-        const id: PropTypes.Validator<string | number>;
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const findItem: PropTypes.Requireable<(...args: any[]) => any>;
-        const moveItem: PropTypes.Requireable<(...args: any[]) => any>;
-    }
+    const propTypes: {
+        /**
+         * The id of the `DraggableItem`.
+         *
+         * Use this prop to make `Draggable` works
+         */
+        id: PropTypes.Validator<string | number>;
+        /** The content of the component. */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * @private
+         * @ignore
+         */
+        findItem: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * @private
+         * @ignore
+         */
+        moveItem: PropTypes.Requireable<(...args: any[]) => any>;
+        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;
+    };
     const displayName: string;
 }
 import PropTypes from "prop-types";

package/lib/components/duelling-picklist/duelling-picklist.component.d.ts

@@ -9,13 +9,32 @@ declare function DuellingPicklist({ children, disabled, leftControls, rightContr
     rightLabel: any;
 }): JSX.Element;
 declare namespace DuellingPicklist {
-    namespace propTypes {
-        function children(props: any, propName: any): Error | undefined;
-        const disabled: PropTypes.Requireable<boolean>;
-        const leftControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const rightControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const leftLabel: PropTypes.Requireable<string>;
-        const rightLabel: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        children: (props: any, propName: any) => Error | undefined;
+        /** Indicate if component is disabled */
+        disabled: PropTypes.Requireable<boolean>;
+        /** Place for components like Search or Filter placed above the left list */
+        leftControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Place for components like Search or Filter placed above the right list */
+        rightControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Left list label */
+        leftLabel: PropTypes.Requireable<string>;
+        /** Right list label */
+        rightLabel: 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/fieldset/fieldset.component.d.ts

@@ -6,14 +6,30 @@ declare function Fieldset({ children, inline, legend, ...rest }: {
     legend: any;
 }): JSX.Element;
 declare namespace Fieldset {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const legend: PropTypes.Requireable<string>;
-        const inline: PropTypes.Requireable<boolean>;
-    }
+    const propTypes: {
+        /** Child elements */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** The text for the fieldsets legend element. */
+        legend: PropTypes.Requireable<string>;
+        /** When true, legend is placed in line with the children */
+        inline: 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/lib/components/flat-table/flat-table-cell/flat-table-cell.component.d.ts

@@ -17,22 +17,71 @@ declare function FlatTableCell({ align, children, colspan, rowspan, pl, expandab
     title: any;
 }): JSX.Element;
 declare namespace FlatTableCell {
-    namespace propTypes {
-        const align: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const colspan: PropTypes.Requireable<string | number>;
-        const rowspan: PropTypes.Requireable<string | number>;
-        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 leftPosition: PropTypes.Requireable<number>;
-        const cellIndex: PropTypes.Requireable<number>;
-        const reportCellWidth: 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>;
+        /** Number of columns that a cell should span */
+        colspan: PropTypes.Requireable<string | number>;
+        /** Number of rows that a cell should span */
+        rowspan: PropTypes.Requireable<string | number>;
+        /** 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>;
+        /**
+         * @private
+         * @ignore
+         * Sets the left position when sticky column found
+         */
+        leftPosition: PropTypes.Requireable<number>;
+        /**
+         * @private
+         * @ignore
+         * Index of cell within row
+         */
+        cellIndex: PropTypes.Requireable<number>;
+        /**
+         * @private
+         * @ignore
+         * Callback to report the offsetWidth
+         */
+        reportCellWidth: 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-header/flat-table-header.component.d.ts

@@ -13,21 +13,55 @@ declare function FlatTableHeader({ align, children, colspan, rowspan, width, py,
     leftPosition: any;
 }): JSX.Element;
 declare namespace FlatTableHeader {
-    namespace propTypes {
-        const align: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const colspan: PropTypes.Requireable<string | number>;
-        const rowspan: PropTypes.Requireable<string | number>;
-        const width: PropTypes.Requireable<number>;
-        const leftPosition: PropTypes.Requireable<number>;
-        const cellIndex: PropTypes.Requireable<number>;
-        const reportCellWidth: PropTypes.Requireable<(...args: any[]) => any>;
-        const alternativeBgColor: PropTypes.Requireable<boolean>;
-        const verticalBorder: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /** Content alignment */
+        align: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Number of columns that a header cell should span */
+        colspan: PropTypes.Requireable<string | number>;
+        /** Number of rows that a header cell should span */
+        rowspan: PropTypes.Requireable<string | number>;
+        /** Column width, pass a number to set a fixed width in pixels */
+        width: PropTypes.Requireable<number>;
+        /**
+         * @private
+         * @ignore
+         * Sets the left position when sticky column found
+         */
+        leftPosition: PropTypes.Requireable<number>;
+        /**
+         * @private
+         * @ignore
+         * Index of cell within row
+         */
+        cellIndex: PropTypes.Requireable<number>;
+        /**
+         * @private
+         * @ignore
+         * Callback to report the offsetWidth
+         */
+        reportCellWidth: PropTypes.Requireable<(...args: any[]) => any>;
+        /** If true sets alternative background color */
+        alternativeBgColor: PropTypes.Requireable<boolean>;
+        /** Sets a custom vertical right border */
+        verticalBorder: 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;
+    };
     namespace defaultProps {
-        const align_1: string;
-        export { align_1 as align };
+        const align: string;
     }
 }
 import PropTypes from "prop-types";

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