carbon-react 106.1.3 → 106.1.6

package/lib/components/date/__internal__/utils.js

@@ -48,21 +48,32 @@ function hasMatchedFormat(formatString, valueString, fullFormat, fullValue) {
   return formatString.length === valueString.length && (0, _fp.isMatch)(formatString, valueString);
 }
 
+const THRESHOLD_FOR_ADDITIONAL_YEARS = 69;
+
 function additionalYears(formatString, value) {
   if (formatString.split("y").length - 1 !== 2) {
     return [formatString, value];
   }
 
-  let year = value.substring(value.length - 2);
-  const dayAndMonth = value.substring(0, value.length - 2);
+  const formatStartWithYear = formatString.startsWith("yy");
+  const yearStringStartIndex = formatStartWithYear ? 0 : value.length - 2;
+  const yearStringEndIndex = formatStartWithYear ? 2 : value.length;
+  const dayAndMonthStringStartIndex = formatStartWithYear ? yearStringEndIndex : 0;
+  const dayAndMonthStringEndIndex = formatStartWithYear ? value.length : value.length - 2;
+  let year = value.substring(yearStringStartIndex, yearStringEndIndex);
+  const dayAndMonth = value.substring(dayAndMonthStringStartIndex, dayAndMonthStringEndIndex);
   const yearAsNumber = Number(year);
 
-  if (yearAsNumber < 69) {
+  if (yearAsNumber < THRESHOLD_FOR_ADDITIONAL_YEARS) {
     year = String(2000 + yearAsNumber);
   } else {
     year = String(1900 + yearAsNumber);
   }
 
+  if (formatStartWithYear) {
+    return [`yyyy${formatString.substring(2, formatString.length)}`, `${year}${dayAndMonth}`];
+  }
+
   return [`${formatString.substring(0, formatString.length - 2)}yyyy`, `${dayAndMonth}${year}`];
 }
 

package/lib/components/date/date.component.js

@@ -97,7 +97,7 @@ const DateInput = ({
     } = ev.target;
     const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(ev.target.value, formats);
     const formattedValueString = ev.type === "blur" ? (0, _utils.formattedValue)(format, selectedDays) : ev.target.value;
-    const rawValue = (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue)) ? (0, _utils.formatToISO)(matchedFormat, matchedValue) : computeInvalidRawValue(ev.target.value);
+    const rawValue = (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue)) ? (0, _utils.formatToISO)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)) : computeInvalidRawValue(ev.target.value);
     ev.target = { ...(name && {
         name
       }),
@@ -220,7 +220,9 @@ const DateInput = ({
       return;
     }
 
-    isBlurBlocked.current = true;
+    if (setInputRefMap) {
+      isBlurBlocked.current = true;
+    }
 
     if (ev.target.type === "text" && !open) {
       setOpen(true);
@@ -230,6 +232,11 @@ const DateInput = ({
     }
   };
 
+  const handleIconMouseDown = e => {
+    isBlurBlocked.current = true;
+    handleMouseDown(e);
+  };
+
   const handlePickerMouseDown = () => {
     isBlurBlocked.current = true;
   };
@@ -272,7 +279,7 @@ const DateInput = ({
 
     if (matchedFormat && matchedValue && (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue))) {
       setSelectedDays((0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
-    } else if ((0, _utils.checkISOFormatAndLength)(value)) {
+    } else if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
       setSelectedDays((0, _utils.parseISODate)(value));
     } else {
       setSelectedDays(undefined);
@@ -280,7 +287,7 @@ const DateInput = ({
   }, [value, formats]);
 
   const computedValue = () => {
-    if ((0, _utils.checkISOFormatAndLength)(value)) {
+    if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
       return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value));
     }
 
@@ -290,6 +297,7 @@ const DateInput = ({
     const replaceSeparators = () => value.split("").map(char => char === valueSeparator ? formatSeparator : char).join("");
 
     if (isInitialValue.current && valueSeparator !== formatSeparator && (0, _utils.isDateValid)((0, _utils.parseDate)(format, replaceSeparators()))) {
+      isInitialValue.current = false;
       const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(replaceSeparators(), formats);
       return (0, _utils.formattedValue)(format, (0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
     }
@@ -314,7 +322,7 @@ const DateInput = ({
     onKeyDown: handleKeyDown,
     iconOnClick: handleClick,
     onMouseDown: handleMouseDown,
-    iconOnMouseDown: handleMouseDown,
+    iconOnMouseDown: handleIconMouseDown,
     inputIcon: "calendar",
     labelInline: labelInline,
     inputRef: assignInput,

package/lib/components/date-range/date-range.component.d.ts

@@ -13,25 +13,73 @@ declare function DateRange({ endDateProps, id, labelsInline, name, onBlur, onCha
     value: any;
 }): JSX.Element;
 declare namespace DateRange {
-    namespace propTypes {
-        const endLabel: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const value: PropTypes.Validator<(string | null | undefined)[]>;
-        const startError: PropTypes.Requireable<string | boolean>;
-        const startWarning: PropTypes.Requireable<string | boolean>;
-        const startInfo: PropTypes.Requireable<string | boolean>;
-        const endError: PropTypes.Requireable<string | boolean>;
-        const endWarning: PropTypes.Requireable<string | boolean>;
-        const endInfo: PropTypes.Requireable<string | boolean>;
-        const validationOnLabel: PropTypes.Requireable<boolean>;
-        const startLabel: PropTypes.Requireable<string>;
-        const labelsInline: PropTypes.Requireable<boolean>;
-        const startDateProps: PropTypes.Requireable<PropTypes.InferProps<any>>;
-        const endDateProps: PropTypes.Requireable<PropTypes.InferProps<any>>;
-        const name: PropTypes.Requireable<string>;
-        const id: PropTypes.Requireable<string>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-    }
+    const propTypes: {
+        /**
+         * Optional label for endDate field
+         */
+        endLabel: PropTypes.Requireable<string>;
+        /** Custom callback - receives array of startDate and endDate */
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        /** Custom callback - receives array of startDate and endDate */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** An array containing the value of startDate and endDate */
+        value: PropTypes.Validator<(string | null | undefined)[]>;
+        /** Indicate that error has occurred on start date
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        startError: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred on start date
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        startWarning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information for start date
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        startInfo: PropTypes.Requireable<string | boolean>;
+        /** Indicate that error has occurred on end date
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        endError: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred on end date
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        endWarning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information for end date
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        endInfo: PropTypes.Requireable<string | boolean>;
+        /** When true, validation icons will be placed on labels instead of being placed on the inputs */
+        validationOnLabel: PropTypes.Requireable<boolean>;
+        /**
+         * Optional label for startDate field
+         */
+        startLabel: PropTypes.Requireable<string>;
+        /** Display labels inline */
+        labelsInline: PropTypes.Requireable<boolean>;
+        /** Props for the child start Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
+        startDateProps: PropTypes.Requireable<PropTypes.InferProps<any>>;
+        /** Props for the child end Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
+        endDateProps: PropTypes.Requireable<PropTypes.InferProps<any>>;
+        /** An optional string prop to provide a name to the component */
+        name: PropTypes.Requireable<string>;
+        /** An optional string prop to provide an id to the component */
+        id: PropTypes.Requireable<string>;
+        /** Overrides the default tooltip position */
+        tooltipPosition: 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/decimal/decimal.component.d.ts

@@ -76,6 +76,20 @@ declare namespace Decimal {
         locale: 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;
     };
     namespace defaultProps {
         const precision: number;

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