@loadsmart/loadsmart-ui 7.7.0-beta.1 → 8.0.0-beta.1

package/README.md

@@ -49,9 +49,7 @@ If you are using Jest, you need to add this library to `transformIgnorePatterns`
 
 ```json
 {
-  "transformIgnorePatterns": [
-    "node_modules/(?!@loadsmart/loadsmart-ui)"
-  ]
+ "transformIgnorePatterns": ["node_modules/(?!@loadsmart/loadsmart-ui)"]
 }
 ```
 

package/dist/components/Banner/Banner.d.ts

@@ -16,8 +16,8 @@ export interface BannerActionProps extends BannerProps {
     onActionButtonClick?: () => void;
     onSecondaryActionButtonClick?: () => void;
 }
-export declare const CloseButton: import('styled-components').StyledComponent<typeof DefaultCloseButton, any, {}, never>;
-export declare const Icon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
+export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof DefaultCloseButton, keyof React.Component<any, {}, any>>;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
 declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;

package/dist/components/Button/Button.d.ts

@@ -11,7 +11,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     scale?: 'small' | 'default' | 'large';
     loading?: boolean;
 }
-export declare const Children: import('styled-components').StyledComponent<"span", any, ButtonProps, never>;
+export declare const Children: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ButtonProps>> & string;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;

package/dist/components/Calendar/Pickers/PickerButton.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<Omit<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "$status"> & {
     $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection" | "next-month-day";
-}, never>;
+}, never>> & string;
 export default _default;

package/dist/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { default as React, HTMLAttributes, ReactNode } from 'react';
 import { default as CardTitle } from './CardTitle';
 import { default as Status } from '../../utils/types/Status';
 export interface CardProps extends HTMLAttributes<HTMLElement> {
@@ -9,8 +9,8 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
 declare function Card({ flagged, status, children, ...others }: CardProps): JSX.Element;
 declare namespace Card {
     var Title: typeof CardTitle;
-    var Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-    var Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
+    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 }
 export default Card;

package/dist/components/Card/CardTitle.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
     leading?: ReactNode;
 }
-declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare function CardTitle({ children, leading, ...others }: CardTitleProps): JSX.Element;
 export { Wrapper as CardTitleWrapper };
 export default CardTitle;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -4,7 +4,7 @@ import { CalendarDate } from '../Calendar';
 import { DatePickerProps } from './DatePicker.types';
 import { TextFieldProps } from '../TextField';
 export declare const formatter: import('../Calendar').DateFormat;
-export declare const ClearButton: import('styled-components').StyledComponent<typeof CloseButton, any, {}, never>;
+export declare const ClearButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
 interface DateInputProps extends Omit<TextFieldProps, 'onChange'> {
     onChange: (date: CalendarDate) => void;
 }

package/dist/components/DatePicker/useDatePicker.d.ts

@@ -27,11 +27,11 @@ declare function useDatePicker(props: DatePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -60,7 +60,7 @@ declare function useDatePicker(props: DatePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -225,6 +225,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -293,9 +295,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -338,7 +338,7 @@ declare function useDatePicker(props: DatePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -347,7 +347,6 @@ declare function useDatePicker(props: DatePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -507,6 +506,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -576,9 +577,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/DatePicker/useDateRangePicker.d.ts

@@ -20,11 +20,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -53,7 +53,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -217,6 +217,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -285,9 +287,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -326,11 +326,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -359,7 +359,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -523,6 +523,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -591,9 +593,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -636,7 +636,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -645,7 +645,6 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -805,6 +804,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -874,9 +875,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/Dialog/Dialog.d.ts

@@ -25,13 +25,11 @@ export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | '
 declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): React.JSX.Element;
 declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
 declare namespace Dialog {
-    var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     var ActionConfirm: typeof DialogActionConfirm;
     var ActionCancel: typeof DialogActionCancel;
     var Actions: typeof DialogActions;
-    var Close: import("styled-components").StyledComponent<typeof import("../..").CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("../..").CloseButtonProps, import("../..").CloseButtonProps>, never>, never>, never>> & string;
 }
 export default Dialog;

package/dist/components/DragDropFile/styles.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { StackProps, Stack } from '../Layout/Stack';
 import { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import('styled-components').StyledComponent<typeof Stack, any, {
+export declare const DragDropFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, {
     withFileList: boolean;
-}, never>;
-export declare const DropZoneWrapper: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
-export declare const HiddenInput: import('styled-components').StyledComponent<"input", any, {}, never>;
-export declare const UploadIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
-export declare const FileListUL: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string & Omit<typeof Stack, keyof React.Component<any, {}, any>>;
+export declare const DropZoneWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, Pick<DropZoneProps, "disabled" | "error">>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const UploadIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
+export declare const FileListUL: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<StackProps, never>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -40,8 +40,8 @@ declare namespace Dropdown {
     var Menu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
     var Section: typeof DropdownMenuSection;
     var Item: typeof DropdownMenuItem;
-    var Separator: import("styled-components").StyledComponent<"hr", any, {
-        'aria-hidden': true;
-    }, "aria-hidden">;
+    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+        ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
+    }>, never>, never>> & string;
 }
 export default Dropdown;

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSectionProps } from './Dropdown.types';
-export declare const DropdownSeparator: import('styled-components').StyledComponent<"hr", any, {
-    'aria-hidden': true;
-}, "aria-hidden">;
+export declare const DropdownSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
 export declare function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
 export declare function DropdownMenuSection(props: DropdownMenuSectionProps): JSX.Element;

package/dist/components/Layout/Stack.d.ts

@@ -6,11 +6,11 @@ export interface StackProps extends HTMLAttributes<HTMLElement> {
     align?: AlignValue;
     as?: string | React.ComponentType<any>;
 }
-export declare const StackContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const StackContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $space: StackProps["space"];
     $justify: StackProps["justify"];
     $align: StackProps["align"];
-}, never>;
+}>> & string;
 /**
  * Stack layout component.
  * @param {StackProps} props

package/dist/components/Loaders/LoadingBar.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-export declare const Bar: import('styled-components').StyledComponent<"div", any, {
+export declare const Bar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: number;
     velocity?: number;
-}, never>;
+}>> & string;
 export interface LoadingBarProps {
     alignment?: 'left' | 'center' | 'right';
     title?: React.ReactNode;

package/dist/components/Loaders/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Spinner, SpinnerProps } from './Spinner';
-export { default as LoadingBar, LoadingBarProps } from './LoadingBar';
-export { default as LoadingDots, LoadingDotsProps } from './LoadingDots';
+export { default as Spinner, type SpinnerProps } from './Spinner';
+export { default as LoadingBar, type LoadingBarProps } from './LoadingBar';
+export { default as LoadingDots, type LoadingDotsProps } from './LoadingDots';

package/dist/components/Modal/Modal.d.ts

@@ -15,8 +15,6 @@ declare namespace Modal {
     var Header: ({ title, children }: PropsWithChildren<{
         title: string;
     }>) => React.JSX.Element;
-    var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("common/CloseButton").CloseButtonProps, import("common/CloseButton").CloseButtonProps>, never>, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
 }
 export default Modal;

package/dist/components/SideNavigation/Logo/Logo.d.ts

@@ -1,8 +1,13 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export type LogoProps = PropsWithChildren<{
     url: string;
     className?: string;
 }>;
 declare function Logo({ className, url, children }: LogoProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    url: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}, LogoProps>> & string & Omit<typeof Logo, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/SideNavigation/Menu/Menu.d.ts

@@ -9,8 +9,13 @@ type MenuItemProps = {
     active?: boolean;
 } & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
 declare function MenuItem(props: MenuItemProps): React.JSX.Element;
-declare const _default: string & import('styled-components').StyledComponentBase<typeof Menu, any, {}, never> & import('hoist-non-react-statics').NonReactStatics<typeof Menu, {}> & {
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<MenuProps, never>> & string & Omit<typeof Menu, keyof React.Component<any, {}, any>> & {
     Item: typeof MenuItem;
-    SubItem: import('styled-components').StyledComponent<({ url, ...props }: MenuLinkProps) => JSX.Element, any, {}, never>;
+    SubItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+        label: string;
+        leading?: React.ReactNode;
+        trailing?: React.ReactNode;
+        url?: string;
+    }, never>> & string & Omit<({ url, ...props }: MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
 };
 export default _default;

package/dist/components/SideNavigation/Menu/MenuLink.d.ts

@@ -6,5 +6,10 @@ export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
     url?: string;
 };
 declare function MenuLink({ url, ...props }: MenuLinkProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof MenuLink, any, {}, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+    label: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    url?: string;
+}, never>> & string & Omit<typeof MenuLink, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -6,8 +6,13 @@ export interface SideNavigationProps {
 }
 declare function SideNavigation({ className, children }: SideNavigationProps): JSX.Element;
 declare namespace SideNavigation {
-    var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
-    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, {}> & {
+    var Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+        url: string;
+        className?: string;
+    } & {
+        children?: ReactNode | undefined;
+    }, import("./Logo/Logo").LogoProps>> & string & Omit<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    var Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./Menu/Menu").MenuProps, never>> & string & Omit<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, keyof React.Component<any, {}, any>> & {
         Item: (props: {
             active?: boolean;
         } & React.HTMLAttributes<HTMLAnchorElement> & {
@@ -20,9 +25,14 @@ declare namespace SideNavigation {
         } & {
             children?: ReactNode | undefined;
         }) => React.JSX.Element;
-        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, any, {}, never>;
+        SubItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+            label: string;
+            leading?: ReactNode;
+            trailing?: ReactNode;
+            url?: string;
+        }, never>> & string & Omit<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
     };
     var Separator: typeof import("./Separator").Separator;
-    var CloseButton: import("styled-components").StyledComponent<typeof import("common/CloseButton").default, any, CloseButtonProps, never>;
+    var CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<CloseButtonProps, CloseButtonProps>> & string & Omit<typeof import("common/CloseButton").default, keyof React.Component<any, {}, any>>;
 }
 export default SideNavigation;

package/dist/components/Steps/StepsStep.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export interface StepsStepProps {
     id: number | string;
     className?: string;
 }
-export declare const StepWrapper: import('styled-components').StyledComponent<"article", any, import('../../theming').ThemedProps, never>;
+export declare const StepWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 declare function StepsStep({ children, id, ...others }: PropsWithChildren<StepsStepProps>): JSX.Element;
 export default StepsStep;

package/dist/components/Table/Table.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { useSelection } from './Selection';
 import { default as TableSortHandle } from './TableSortHandle';
 import { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
@@ -8,7 +9,7 @@ declare namespace Table {
     var Row: typeof TableRow;
     var Cell: typeof TableCell;
     var HeadCell: typeof TableHeadCell;
-    var Foot: import("styled-components").StyledComponent<"tfoot", any, {}, never>;
+    var Foot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
     var Caption: typeof TableCaption;
     var Selection: {
         Actions: typeof TableSelectionActions;

package/dist/components/TablePagination/TablePagination.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const NoPaddingButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
-    variant: "tertiary";
-    scale: "small";
-}, "scale" | "variant">;
+export declare const NoPaddingButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/components/TablePagination/TablePaginationActions.d.ts

@@ -1,11 +1,8 @@
 import { default as React } from 'react';
 import { TablePaginationActionsProps } from './TablePagination.types';
 import { IconProps } from '../Icon';
-export declare const ActionIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {
-    color: "neutral-darker";
-    size: "16";
-} & IconProps & {
+export declare const ActionIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>>, import('styled-components/dist/types').BaseObject> | import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, import('styled-components/dist/types').BaseObject>, IconProps & {
     rotate?: number;
-}, "size" | "color">;
+}>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
 declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): JSX.Element;
 export default TablePaginationActions;

package/dist/components/Text/Text.d.ts

@@ -5,5 +5,5 @@ export type TextProps = PropsWithChildren<{
     italic?: TypographyOptions['italic'];
     color?: TypographyOptions['color'];
 }>;
-declare const _default: import('styled-components').StyledComponent<"span", any, TextProps, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextProps>> & string;
 export default _default;

package/dist/components/TextField/TextField.d.ts

@@ -12,7 +12,11 @@ export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, W
     className?: string;
     children?: ReactNode;
 }
-export declare const Leading: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
-export declare const Trailing: import('styled-components').StyledComponent<"span", any, WithAdditionalProps, never>;
+export declare const Leading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof WithAdditionalProps> & WithAdditionalProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, WithAdditionalProps>> & string;
+export declare const Trailing: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof WithAdditionalProps> & WithAdditionalProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, WithAdditionalProps>> & string;
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/ToggleGroup/Toggle.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { ToggleGroupOptionProps } from './ToggleGroup.types';
 declare function Toggle({ value, children, disabled, ...others }: ToggleGroupOptionProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Toggle, any, {}, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<ToggleGroupOptionProps, never>> & string & Omit<typeof Toggle, keyof React.Component<any, {}, any>>;
 export default _default;