@orfium/ictinus 5.7.0 → 5.7.2

package/dist/src/components/Avatar/Avatar.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<import('./Avatar.types').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Avatar/Avatar.style.d.ts

@@ -2,7 +2,7 @@ import { SerializedStyles } from '@emotion/react';
 import { AvatarColors, AvatarProps, AvatarSizes } from './Avatar.types';
 import { Theme } from '../../theme';
 
-export declare const iconStyles: ({ size, color }: Pick<AvatarProps, 'size' | 'color'>) => (theme: Theme) => SerializedStyles;
+export declare const iconStyles: ({ size, color }: Pick<AvatarProps, "size" | "color">) => (theme: Theme) => SerializedStyles;
 export declare const avatarStyle: ({ size, color }: {
     size: AvatarSizes;
     color: AvatarColors;

package/dist/src/components/Avatar/AvatarStack.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<import('./Avatar.types').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Box/Box.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Box.types').StyledBoxProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Box/Box.style.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const BoxWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
-    as?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.d.ts

@@ -3,4 +3,4 @@ import { BreadcrumbItemProps } from './BreadcrumbItem';
 import { Theme } from '../../../theme';
 
 export declare const breadcrumbListStyles: () => SerializedStyles;
-export declare const breadcrumbItemStyles: ({ isLastItem }: Pick<BreadcrumbItemProps, 'isLastItem'>) => (theme: Theme) => SerializedStyles;
+export declare const breadcrumbItemStyles: ({ isLastItem }: Pick<BreadcrumbItemProps, "isLastItem">) => (theme: Theme) => SerializedStyles;

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

@@ -16,14 +16,14 @@ export type ButtonProps = ButtonBaseProps & TestProps & CommonButtonProps & {
     };
 };
 declare const Button: React.ForwardRefExoticComponent<{
-    type?: import('./Button.types').ButtonTypes; /** An optional icon to put on the left of the button */
+    type?: import('./Button.types').ButtonTypes;
     size?: import('../../utils/types').ComponentSizes;
     isBlock?: boolean;
     isLoading?: boolean;
     isDisabled?: boolean;
     isIconButton?: boolean;
     shape?: import('../IconButton').IconButtonShape;
-    htmlType?: "button" | "reset" | "submit";
+    htmlType?: "submit" | "reset" | "button";
     sx?: {
         container?: import('@emotion/serialize').CSSObject;
     };
@@ -33,7 +33,7 @@ declare const Button: React.ForwardRefExoticComponent<{
     /** An optional icon to put on the left of the button */
     iconLeftName?: AcceptedIconNames;
     /** An optional avatar to put on the left of the button */
-    avatar?: Pick<AvatarProps, 'src' | 'color'> & {
+    avatar?: Pick<AvatarProps, "src" | "color"> & {
         label?: string;
     };
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
@@ -9,14 +8,14 @@ declare const _default: {
         isDisabled?: boolean;
         isIconButton?: boolean;
         shape?: import('../IconButton').IconButtonShape;
-        htmlType?: "button" | "reset" | "submit";
+        htmlType?: "submit" | "reset" | "button";
         sx?: {
             container?: import('@emotion/serialize').CSSObject;
         };
     } & import('../..').TestProps & import('../ButtonBase').EventButtonProps & Partial<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & {
         iconRightName?: import('../Icon').AcceptedIconNames;
         iconLeftName?: import('../Icon').AcceptedIconNames;
-        avatar?: Pick<import('../Avatar').AvatarProps, "color" | "src"> & {
+        avatar?: Pick<import('../Avatar').AvatarProps, "src" | "color"> & {
             label?: string;
         };
     } & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/ButtonBase/ButtonBase.d.ts

@@ -48,7 +48,7 @@ declare const ButtonBase: React.ForwardRefExoticComponent<{
     /** Define the radius type of the icon button */
     shape?: IconButtonShape;
     /** Defines the button type */
-    htmlType?: 'submit' | 'reset' | 'button';
+    htmlType?: "submit" | "reset" | "button";
     /** Sx prop to override specific properties */
     sx?: {
         container?: CSSObject;

package/dist/src/components/ButtonBase/ButtonBase.style.d.ts

@@ -2,8 +2,8 @@ import { SerializedStyles } from '@emotion/react';
 import { ButtonBaseProps } from './ButtonBase';
 import { Theme } from '../../theme';
 
-export declare const buttonWrapperStyle: ({ isBlock, }: Pick<ButtonBaseProps, 'isBlock'>) => SerializedStyles;
-export declare const buttonBaseStyle: ({ type, size, isBlock, isLoading, isDisabled, isIconButton, shape, sx, }: Omit<ButtonBaseProps, 'htmlType' | 'ref'>) => (theme: Theme) => SerializedStyles;
+export declare const buttonWrapperStyle: ({ isBlock, }: Pick<ButtonBaseProps, "isBlock">) => SerializedStyles;
+export declare const buttonBaseStyle: ({ type, size, isBlock, isLoading, isDisabled, isIconButton, shape, sx, }: Omit<ButtonBaseProps, "htmlType" | "ref">) => (theme: Theme) => SerializedStyles;
 export declare const buttonSpanStyle: () => () => {
     display: string;
     alignItems: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').FC<import('react').PropsWithChildren<import('./Card').CardProps>>;

package/dist/src/components/Controls/CheckBox/CheckBox.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Partial<import('react-aria').CheckboxAria> & {

package/dist/src/components/Controls/CheckBox/CheckBox.style.d.ts

@@ -3,5 +3,5 @@ import { Theme } from 'theme';
 import { CheckBoxProps } from './CheckBox';
 import { LabelConfig } from '../Controls.types';
 
-export declare const checkboxWrapperStyles: ({ placement, sx, isDisabled, }: Pick<LabelConfig, 'placement' | 'sx'> & Pick<CheckBoxProps, 'isDisabled'>) => (theme: Theme) => SerializedStyles;
+export declare const checkboxWrapperStyles: ({ placement, sx, isDisabled, }: Pick<LabelConfig, "placement" | "sx"> & Pick<CheckBoxProps, "isDisabled">) => (theme: Theme) => SerializedStyles;
 export declare const checkboxStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/ControlLabel/ControlLabel.style.d.ts

@@ -3,5 +3,5 @@ import { Theme } from 'theme';
 import { LabelConfig } from '../Controls.types';
 
 export declare const labelContainerStyles: () => (theme: Theme) => SerializedStyles;
-export declare const labelStyles: ({ size }: Pick<LabelConfig, 'size'>) => (theme: Theme) => SerializedStyles;
+export declare const labelStyles: ({ size }: Pick<LabelConfig, "size">) => (theme: Theme) => SerializedStyles;
 export declare const helpTextStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/Radio/Radio.style.d.ts

@@ -2,6 +2,6 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { LabelConfig } from '../Controls.types';
 
-export declare const radioContainerStyles: ({ placement, sx, isFocusVisible, }: Pick<LabelConfig, 'placement' | 'sx'> & {
+export declare const radioContainerStyles: ({ placement, sx, isFocusVisible, }: Pick<LabelConfig, "placement" | "sx"> & {
     isFocusVisible?: boolean;
 }) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/Switch/Switch.style.d.ts

@@ -2,4 +2,4 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { LabelConfig } from '../Controls.types';
 
-export declare const switchStyles: ({ placement, sx }: Pick<LabelConfig, 'placement' | 'sx'>) => (theme: Theme) => SerializedStyles;
+export declare const switchStyles: ({ placement, sx }: Pick<LabelConfig, "placement" | "sx">) => (theme: Theme) => SerializedStyles;

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

@@ -31,7 +31,7 @@ declare const DatePickInput: React.ForwardRefExoticComponent<Pick<DatePickerProp
     /** The selected day */
     selectedDay: Range;
     /** Props for styling the input */
-    inputProps?: Omit<TextFieldProps, 'size' | 'mask'>;
+    inputProps?: Omit<TextFieldProps, "size" | "mask">;
     /** Overrides the default date format */
     dateFormatOverride?: DateFormatType;
     /** Defines whether the component is open */

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').NamedExoticComponent<import('./DatePicker.types').DatePickerProps & import('../..').TestProps>;

package/dist/src/components/DatePicker/Month/Month.utils.d.ts

@@ -3,6 +3,6 @@ import { DisabledDates } from '../DatePicker.types';
 
 export declare const calculateDisabledDays: (day: number | undefined, month: number, year: number, disabledDates?: DisabledDates) => boolean;
 export declare const calculatedDayIsBetween: (day: number | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
-export declare const calculateSelectedDayPosition: (day: number | undefined, position: 'last' | 'first', month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
+export declare const calculateSelectedDayPosition: (day: number | undefined, position: "last" | "first", month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
 export declare const calculateSelectedDay: (day: number, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;
 export declare const getNumWeeksForMonth: (year: number, month: number) => number;

package/dist/src/components/DatePicker/OverlayComponent/components/MonthWrapper/MonthWrapper.style.d.ts

@@ -4,7 +4,7 @@ import { Theme } from 'theme';
 export declare const monthWrapperStyle: () => (theme: Theme) => SerializedStyles;
 export declare const monthHeaderWrapperStyle: () => () => SerializedStyles;
 export declare const monthHeaderNavigationIconWrapperStyle: ({ position }: {
-    position: 'left' | 'right';
+    position: "left" | "right";
 }) => () => SerializedStyles;
 export declare const monthHeaderTitleWrapperStyle: () => SerializedStyles;
 export declare const monthHeaderTitleStyle: ({ isRangePicker }: {

package/dist/src/components/Drawer/Drawer.d.ts

@@ -7,8 +7,8 @@ declare const Drawer: React.ForwardRefExoticComponent<{
     size: number;
     isBackgroundActive?: boolean;
     hasFixedLayout?: boolean;
-    parent?: HTMLElement;
+    parent?: HTMLElement | null;
 } & import('../..').TestProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default Drawer;

package/dist/src/components/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
@@ -8,9 +7,9 @@ declare const _default: {
         size: number;
         isBackgroundActive?: boolean;
         hasFixedLayout?: boolean;
-        parent?: HTMLElement;
+        parent?: HTMLElement | null;
     } & import('../..').TestProps & {
-        children?: import('react').ReactNode;
+        children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
     parameters: {
         design: {

package/dist/src/components/Drawer/Drawer.style.d.ts

@@ -2,13 +2,13 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { DrawerProps } from './Drawer.types';
 
-export declare const backdropStyle: ({ isOpen, anchor, size, isBackgroundActive, }: Pick<DrawerProps, 'isOpen' | 'anchor' | 'size' | 'isBackgroundActive'>) => () => SerializedStyles;
-export declare const anchorStyle: ({ anchor, size, isBackgroundActive, }: Pick<DrawerProps, 'anchor' | 'size' | 'isBackgroundActive'>) => {
+export declare const backdropStyle: ({ isOpen, anchor, size, isBackgroundActive, }: Pick<DrawerProps, "isOpen" | "anchor" | "size" | "isBackgroundActive">) => () => SerializedStyles;
+export declare const anchorStyle: ({ anchor, size, isBackgroundActive, }: Pick<DrawerProps, "anchor" | "size" | "isBackgroundActive">) => {
     display: string;
     height: string;
     width: string;
 };
-export declare const overlayStyle: ({ isOpen, anchor, hasFixedLayout }: Pick<DrawerProps, 'isOpen' | 'anchor' | 'hasFixedLayout'>) => (theme: Theme) => SerializedStyles;
+export declare const overlayStyle: ({ isOpen, anchor, hasFixedLayout }: Pick<DrawerProps, "isOpen" | "anchor" | "hasFixedLayout">) => (theme: Theme) => SerializedStyles;
 export declare const closeIconContainer: () => (theme: Theme) => SerializedStyles;
 export declare const headerStyle: ({ isFixed, hasBoxShadow }: {
     isFixed?: boolean;

package/dist/src/components/Drawer/components/DrawerContent/hooks/useDrawerContentObserver.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDrawerContentObserver: () => {
     contentTopRef: import('react').MutableRefObject<undefined>;
     contentBottomRef: import('react').MutableRefObject<undefined>;

package/dist/src/components/DropdownButton/DropdownButton.stories.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('../..').TestProps & {
         size?: import('../../utils/types').ComponentSizes;
         onOptionSelect: (option: string | number) => void;
         type?: import('../Button/Button.types').PrimitiveButtonTypes;
-        onButtonClick?: (event: import('react').MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        onButtonClick?: (event: import('../../hooks/useLoading').ClickEvent) => void;
         items?: string[];
         iconButtonName?: import('../Icon').AcceptedIconNames;
         menuPosition?: import('../utils/DropdownOptions').MenuPositionAllowed;

package/dist/src/components/Filter/components/FilterButton/FilterButton.style.d.ts

@@ -2,5 +2,5 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { FilterButtonProps } from './FilterButton';
 
-export declare const buttonStyles: ({ isActive, isPopulated, isMulti, isDisabled, }: Pick<FilterButtonProps, 'isActive' | 'isPopulated' | 'isMulti' | 'isDisabled'>) => (theme: Theme) => SerializedStyles;
-export declare const iconStyles: ({ isActive }: Pick<FilterButtonProps, 'isActive'>) => () => SerializedStyles;
+export declare const buttonStyles: ({ isActive, isPopulated, isMulti, isDisabled, }: Pick<FilterButtonProps, "isActive" | "isPopulated" | "isMulti" | "isDisabled">) => (theme: Theme) => SerializedStyles;
+export declare const iconStyles: ({ isActive }: Pick<FilterButtonProps, "isActive">) => () => SerializedStyles;

package/dist/src/components/Filter/hooks/useFilterWithSelectionUtils.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { FilterOption, FilterProps, MultiFilterProps, SingleFilterProps } from '../Filter.types';
 
-declare const useFilterWithSelectionUtils: ({ isMulti, setIsOpen, isSearchable, onChange, selectedFilter, onAsyncSearch, isAsync, minCharactersToSearch, items, onClear, }: Pick<FilterProps, 'isSearchable' | 'onAsyncSearch' | 'isAsync' | 'minCharactersToSearch' | 'items' | 'onClear'> & {
+declare const useFilterWithSelectionUtils: ({ isMulti, setIsOpen, isSearchable, onChange, selectedFilter, onAsyncSearch, isAsync, minCharactersToSearch, items, onClear, }: Pick<FilterProps, "isSearchable" | "onAsyncSearch" | "isAsync" | "minCharactersToSearch" | "items" | "onClear"> & {
     setIsOpen: any;
 } & (SingleFilterProps | MultiFilterProps)) => {
     searchValue: string;

package/dist/src/components/Icon/Icon.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<import('./Icon').IconProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/Icon/Icon.style.d.ts

@@ -1,7 +1,7 @@
 import { IconProps } from './Icon';
 import { Theme } from '../../theme';
 
-export declare const iconContainerStyles: ({ hasHover, isInteractive, size, }: Pick<IconProps, 'hasHover' | 'size'> & {
+export declare const iconContainerStyles: ({ hasHover, isInteractive, size, }: Pick<IconProps, "hasHover" | "size"> & {
     isInteractive?: boolean;
 }) => (theme: Theme) => import('@emotion/react').SerializedStyles;
-export declare const iconStyles: ({ color, size }: Pick<IconProps, 'color' | 'size'>) => () => import('@emotion/react').SerializedStyles;
+export declare const iconStyles: ({ color, size }: Pick<IconProps, "color" | "size">) => () => import('@emotion/react').SerializedStyles;

package/dist/src/components/IconButton/IconButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<import('../ButtonBase').ButtonBaseProps, "type" | "isLoading" | "isBlock" | "isIconButton"> & {

package/dist/src/components/Label/Label.style.d.ts

@@ -3,4 +3,4 @@ import { Theme } from 'theme';
 import { LabelProps } from './Label';
 
 export declare const LABEL_TRANSFORM_LEFT_SPACING: string;
-export declare const labelStyle: ({ isAnimated, hasError, size, }: Pick<LabelProps, 'isAnimated' | 'hasError' | 'size'>) => (theme: Theme) => SerializedStyles;
+export declare const labelStyle: ({ isAnimated, hasError, size, }: Pick<LabelProps, "isAnimated" | "hasError" | "size">) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Link/Link.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 
 declare const Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     type?: "primary" | "inverted";
-    placement?: "inline" | "block";
+    placement?: "block" | "inline";
     size?: import('./Link.types').LinkSizes;
     iconName?: import('../Icon').AcceptedIconNames;
     isDisabled?: boolean;

package/dist/src/components/Link/Link.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
         type?: "primary" | "inverted";
-        placement?: "inline" | "block";
+        placement?: "block" | "inline";
         size?: import('./Link.types').LinkSizes;
         iconName?: import('../Icon').AcceptedIconNames;
         isDisabled?: boolean;

package/dist/src/components/Link/Link.style.d.ts

@@ -2,4 +2,4 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { LinkProps } from './Link.types';
 
-export declare const linkContainer: ({ placement, type, size, isDisabled, }: Pick<LinkProps, 'placement' | 'type' | 'size' | 'isDisabled'>) => (theme: Theme) => SerializedStyles;
+export declare const linkContainer: ({ placement, type, size, isDisabled, }: Pick<LinkProps, "placement" | "type" | "size" | "isDisabled">) => (theme: Theme) => SerializedStyles;

package/dist/src/components/List/components/ListItemWrapper/ListItemWrapper.style.d.ts

@@ -2,7 +2,7 @@ import { ListRowSize } from '../../types';
 
 export declare const ListItemWrapperStyled: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
-    as?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    as?: import('react').ElementType;
 } & {
     rowSize?: ListRowSize;
     isDisabled: boolean;

package/dist/src/components/List/stories/List.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{

package/dist/src/components/List/stories/ListItemText.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').FC<import('react').PropsWithChildren<import('../components/ListItemText').ListItemTextProps>>;

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

@@ -1,5 +1,5 @@
 import { TestProps } from '../../utils/types';
-import { ListRowSize } from '../List';
+import { ListProps, ListRowSize } from '../List';
 import * as React from 'react';
 export type MenuProps = {
     children?: React.ReactElement[] | React.ReactElement;
@@ -21,6 +21,9 @@ export type MenuProps = {
     onAction?: (item: string) => any;
     /** The selection mode of the menu */
     selectionMode?: 'single' | 'multiple';
+    sx?: {
+        listProps?: Pick<ListProps, 'height' | 'width'>;
+    };
 } & TestProps;
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

package/dist/src/components/Menu/Menu.stories.d.ts

@@ -49,3 +49,11 @@ export declare const MenuDisabledKeys: {
         canvasElement: HTMLElement;
     }) => Promise<void>;
 };
+export declare const MenuWithCustomListWidthAndHeight: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    autoplay: boolean;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

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

@@ -4,5 +4,5 @@ import { Theme } from '../../theme';
 
 export declare const backgroundContainer: (theme: Theme) => SerializedStyles;
 export declare const cardSizing: SerializedStyles;
-export declare const modalContainer: ({ isContentPadded }: Pick<ModalProps, 'isContentPadded'>) => (theme: Theme) => SerializedStyles;
+export declare const modalContainer: ({ isContentPadded }: Pick<ModalProps, "isContentPadded">) => (theme: Theme) => SerializedStyles;
 export declare const closeContainer: (theme: Theme) => SerializedStyles;

package/dist/src/components/Navigation/Navigation.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').FC<import('./Navigation').NavigationProps>;

package/dist/src/components/Notification/Notification.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').FC<import('./InlineNotification/InlineNotification').InlineNotificationProps>;

package/dist/src/components/NumberField/NumberField.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<import('../TextField').TextFieldProps, "value" | "mask" | "onChange" | "size" | "isMulti" | "onMultiValueDelete" | "onMultiValueClearAll" | "maskChar"> & {

package/dist/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 declare const ProgressIndicator: React.ForwardRefExoticComponent<{
     type?: "linear" | "circular";
     value?: number;
-    status?: "error" | "normal";
+    status?: "normal" | "error";
     isBlock?: boolean;
 } & import('../..').TestProps & React.RefAttributes<HTMLDivElement>>;
 export default ProgressIndicator;

package/dist/src/components/ProgressIndicator/ProgressIndicator.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
         type?: "linear" | "circular";
         value?: number;
-        status?: "error" | "normal";
+        status?: "normal" | "error";
         isBlock?: boolean;
     } & import('../..').TestProps & import('react').RefAttributes<HTMLDivElement>>;
     parameters: {

package/dist/src/components/ProgressIndicator/components/ProgressBar/ProgressBar.style.d.ts

@@ -2,6 +2,6 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { ProgressIndicatorProps } from '../../ProgressIndicator.types';
 
-export declare const progressBarContainer: ({ isBlock }: Pick<ProgressIndicatorProps, 'isBlock'>) => (theme: Theme) => SerializedStyles;
-export declare const barStyles: ({ isBlock }: Pick<ProgressIndicatorProps, 'isBlock'>) => (theme: Theme) => SerializedStyles;
-export declare const fillStyles: ({ status, value, isBlock }: Pick<ProgressIndicatorProps, 'status' | 'value' | 'isBlock'>) => (theme: Theme) => SerializedStyles;
+export declare const progressBarContainer: ({ isBlock }: Pick<ProgressIndicatorProps, "isBlock">) => (theme: Theme) => SerializedStyles;
+export declare const barStyles: ({ isBlock }: Pick<ProgressIndicatorProps, "isBlock">) => (theme: Theme) => SerializedStyles;
+export declare const fillStyles: ({ status, value, isBlock }: Pick<ProgressIndicatorProps, "status" | "value" | "isBlock">) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Search/Search.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
     component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{

package/dist/src/components/Search/Search.style.d.ts

@@ -7,7 +7,7 @@ export declare const searchInputStyles: () => (theme: Theme) => SerializedStyles
 export declare const filterStyles: () => (theme: Theme) => SerializedStyles;
 export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
     hasFilter: boolean;
-} & Pick<SearchProps, 'isDisabled' | 'sx'>) => (theme: Theme) => {
+} & Pick<SearchProps, "isDisabled" | "sx">) => (theme: Theme) => {
     wrapper: {
         accentColor?: readonly string[] | import("csstype").Property.AccentColor | readonly import("csstype").Property.AccentColor[];
         alignContent?: readonly string[] | import("csstype").Property.AlignContent | readonly import("csstype").Property.AlignContent[];
@@ -385,7 +385,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         zIndex: number | "inherit" | (string & {}) | "initial" | "unset" | "auto" | "-moz-initial" | "revert" | "revert-layer" | readonly NonNullable<import("csstype").Property.ZIndex>[];
         zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom>[] | readonly ("normal" | (string & {}) | "reset" | import('csstype').Globals)[];
         all?: import('csstype').Globals | readonly NonNullable<import('csstype').Globals>[] | readonly import('csstype').Globals[];
-        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         animationRange?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number>>[];
         background: string | number | readonly NonNullable<import("csstype").Property.Background<string | number>>[];
         backgroundPosition?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number>>[];
@@ -672,7 +672,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         WebkitUserModify?: import("csstype").Property.WebkitUserModify | readonly NonNullable<import("csstype").Property.WebkitUserModify>[] | readonly import("csstype").Property.WebkitUserModify[];
         WebkitUserSelect?: import("csstype").Property.UserSelect | readonly NonNullable<import("csstype").Property.UserSelect>[] | readonly import("csstype").Property.UserSelect[];
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode>[] | readonly import("csstype").Property.WritingMode[];
-        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number>>[];
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number>>[];
@@ -684,7 +684,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         msScrollSnapX?: readonly string[] | import("csstype").Property.MsScrollSnapX | readonly import("csstype").Property.MsScrollSnapX[];
         msScrollSnapY?: readonly string[] | import("csstype").Property.MsScrollSnapY | readonly import("csstype").Property.MsScrollSnapY[];
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[];
-        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number>>[];
         WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number>>[];
@@ -774,7 +774,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         MozTransitionTimingFunction?: readonly string[] | import("csstype").Property.TransitionTimingFunction | readonly import("csstype").Property.TransitionTimingFunction[];
         MozUserInput?: import("csstype").Property.MozUserInput | readonly NonNullable<import("csstype").Property.MozUserInput>[] | readonly import("csstype").Property.MozUserInput[];
         msImeMode?: import("csstype").Property.ImeMode | readonly NonNullable<import("csstype").Property.ImeMode>[] | readonly import("csstype").Property.ImeMode[];
-        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         OAnimationDelay?: readonly string[] | import("csstype").Property.AnimationDelay<string & {}> | readonly import("csstype").Property.AnimationDelay<string & {}>[];
         OAnimationDirection?: readonly string[] | import("csstype").Property.AnimationDirection | readonly import("csstype").Property.AnimationDirection[];
         OAnimationDuration?: readonly string[] | import("csstype").Property.AnimationDuration<string & {}> | readonly import("csstype").Property.AnimationDuration<string & {}>[];
@@ -1352,7 +1352,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         zIndex?: readonly ((string & {}) | "auto" | import('csstype').Globals)[] | import("csstype").Property.ZIndex | readonly NonNullable<import("csstype").Property.ZIndex>[];
         zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom>[] | readonly ("normal" | (string & {}) | "reset" | import('csstype').Globals)[];
         all?: import('csstype').Globals | readonly NonNullable<import('csstype').Globals>[] | readonly import('csstype').Globals[];
-        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         animationRange?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRange<string | number> | readonly NonNullable<import("csstype").Property.AnimationRange<string | number>>[];
         background?: readonly (string | (string & {}))[] | import("csstype").Property.Background<string | number> | readonly NonNullable<import("csstype").Property.Background<string | number>>[];
         backgroundPosition?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundPosition<string | number> | readonly NonNullable<import("csstype").Property.BackgroundPosition<string | number>>[];
@@ -1639,7 +1639,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         WebkitUserModify?: import("csstype").Property.WebkitUserModify | readonly NonNullable<import("csstype").Property.WebkitUserModify>[] | readonly import("csstype").Property.WebkitUserModify[];
         WebkitUserSelect?: import("csstype").Property.UserSelect | readonly NonNullable<import("csstype").Property.UserSelect>[] | readonly import("csstype").Property.UserSelect[];
         WebkitWritingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode>[] | readonly import("csstype").Property.WritingMode[];
-        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         MozBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
         MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number>>[];
         MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number>>[];
@@ -1651,7 +1651,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         msScrollSnapX?: readonly string[] | import("csstype").Property.MsScrollSnapX | readonly import("csstype").Property.MsScrollSnapX[];
         msScrollSnapY?: readonly string[] | import("csstype").Property.MsScrollSnapY | readonly import("csstype").Property.MsScrollSnapY[];
         msTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[];
-        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly NonNullable<import("csstype").Property.WebkitBorderBefore<string | number>>[];
         WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number>>[];
@@ -1741,7 +1741,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         MozTransitionTimingFunction?: readonly string[] | import("csstype").Property.TransitionTimingFunction | readonly import("csstype").Property.TransitionTimingFunction[];
         MozUserInput?: import("csstype").Property.MozUserInput | readonly NonNullable<import("csstype").Property.MozUserInput>[] | readonly import("csstype").Property.MozUserInput[];
         msImeMode?: import("csstype").Property.ImeMode | readonly NonNullable<import("csstype").Property.ImeMode>[] | readonly import("csstype").Property.ImeMode[];
-        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | (string & {}) | "reverse" | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
+        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | "normal" | "reverse" | (string & {}) | "both" | "auto" | import('csstype').Globals | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[];
         OAnimationDelay?: readonly string[] | import("csstype").Property.AnimationDelay<string & {}> | readonly import("csstype").Property.AnimationDelay<string & {}>[];
         OAnimationDirection?: readonly string[] | import("csstype").Property.AnimationDirection | readonly import("csstype").Property.AnimationDirection[];
         OAnimationDuration?: readonly string[] | import("csstype").Property.AnimationDuration<string & {}> | readonly import("csstype").Property.AnimationDuration<string & {}>[];