npm - @orfium/ictinus - Versions diffs - 5.24.0 → 5.26.0 - Mend

@orfium/ictinus 5.24.0 → 5.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

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

@@ -27,7 +27,7 @@ declare const Button: React.ForwardRefExoticComponent<{
     sx?: {
         container?: import('@emotion/serialize').CSSObject;
     };
-} & TestProps & import('../ButtonBase').EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & {
+} & TestProps & import('../ButtonBase').EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onBlur" | "css" | "disabled" | "size">> & {
     /** An optional icon to put on the right of the button */
     iconRightName?: AcceptedIconNames;
     /** An optional icon to put on the left of the button */

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

@@ -12,7 +12,7 @@ declare const _default: {
         sx?: {
             container?: import('@emotion/serialize').CSSObject;
         };
-    } & import('../..').TestProps & import('../ButtonBase').EventButtonProps & Partial<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & {
+    } & import('../..').TestProps & import('../ButtonBase').EventButtonProps & Partial<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onBlur" | "css" | "disabled" | "size">> & {
         iconRightName?: import('../Icon').AcceptedIconNames;
         iconLeftName?: import('../Icon').AcceptedIconNames;
         avatar?: Pick<import('../Avatar').AvatarProps, "src" | "color"> & {

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

@@ -53,5 +53,5 @@ declare const ButtonBase: React.ForwardRefExoticComponent<{
     sx?: {
         container?: CSSObject;
     };
-} & TestProps & EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & React.RefAttributes<HTMLButtonElement>>;
+} & TestProps & EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onBlur" | "css" | "disabled" | "size">> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;

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

@@ -79,6 +79,12 @@ export declare const MoreExamples: {
         };
     };
 };
+export declare const WithOverlays: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
 export declare const Playground: {
     render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
     name: string;

package/dist/src/components/Filter/Filter.stories.d.ts CHANGED Viewed

@@ -9,6 +9,9 @@ declare const _default: {
             name: string;
             url: string;
         }[];
+        chromatic: {
+            delay: number;
+        };
     };
     args: {
         singleFilterLabel: string;
@@ -30,6 +33,9 @@ export declare const PresetFilter: {
             disable: boolean;
         };
     };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
 };
 export declare const AddedFilter: {
     render: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/src/components/Filter/Filter.types.d.ts CHANGED Viewed

@@ -61,6 +61,8 @@ export type FilterProps = {
     isVirtualized?: boolean;
     /** Whether the multi-filter should have a select-all option*/
     hasSelectAllOption?: boolean;
+    /** Whether to apply a wrapper width to the filter menu. */
+    hasWrapperWidth?: boolean;
     /** In case of custom filter menu */
     children?: React.FC<FilterChildrenProps>;
 } & FilterAsyncSearchProps & TestProps & (SingleFilterProps | MultiFilterProps);

package/dist/src/components/Filter/components/FilterButton/FilterButton.d.ts CHANGED Viewed

@@ -19,5 +19,5 @@ export declare const FilterButton: React.ForwardRefExoticComponent<Pick<FilterPr
     isActive?: boolean;
     isPopulated?: boolean;
     moreFilters?: number;
-} & TestProps & EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & React.RefAttributes<HTMLButtonElement>>;
+} & TestProps & EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onBlur" | "css" | "disabled" | "size">> & React.RefAttributes<HTMLButtonElement>>;
 export default FilterButton;

package/dist/src/components/Filter/components/FilterMenu/components/FilterSearchField/FilterSearchField.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { FilterProps, MultiFilterProps, SingleFilterProps } from '../../../../Filter.types';
+import { default as React } from 'react';
 export type SearchInputProps = {
     value: string;

package/dist/src/components/Link/Link.tokens.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import { DotKeys } from '../../theme/tokens/utils';
 import { Theme } from '../../theme';
 export type LinkTokens = DotKeys<typeof link>;
-export declare const getLinkTokens: (theme: Theme) => (path: "inline.1" | "inline.2" | "inline.3" | "block.1" | "block.2" | "block.3", fn?: (val: string) => unknown) => any;
+export declare const getLinkTokens: (theme: Theme) => (path: "block.1" | "block.2" | "block.3" | "inline.1" | "inline.2" | "inline.3", fn?: (val: string) => unknown) => any;

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

@@ -6,4 +6,4 @@ export declare const ListItemWrapperStyled: import('@emotion/styled').StyledComp
 } & {
     rowSize?: ListRowSize;
     isDisabled: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "value" | "hidden" | "onClick" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "data-tooltip-id" | "data-tooltip-place" | "data-tooltip-content" | "data-tooltip-html" | "data-tooltip-variant" | "data-tooltip-offset" | "data-tooltip-wrapper" | "data-tooltip-events" | "data-tooltip-position-strategy" | "data-tooltip-delay-show" | "data-tooltip-delay-hide" | "data-tooltip-float" | "data-tooltip-hidden" | "data-tooltip-class-name" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "css">, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "onClick" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "data-tooltip-id" | "data-tooltip-place" | "data-tooltip-content" | "data-tooltip-html" | "data-tooltip-variant" | "data-tooltip-offset" | "data-tooltip-wrapper" | "data-tooltip-events" | "data-tooltip-position-strategy" | "data-tooltip-delay-show" | "data-tooltip-delay-hide" | "data-tooltip-float" | "data-tooltip-hidden" | "data-tooltip-class-name" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "ref" | "key" | "css">, {}>;

package/dist/src/components/Modal/Modal.stories.d.ts CHANGED Viewed

@@ -2,6 +2,9 @@ declare const _default: {
     title: string;
     component: import('react').FCC<import('./Modal').ModalProps>;
     parameters: {
+        chromatic: {
+            delay: number;
+        };
         design: {
             type: string;
             name: string;
@@ -25,6 +28,9 @@ export declare const Modal: {
             include: string[];
         };
     };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
 };
 export declare const ModalContent: {
     render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -34,4 +40,13 @@ export declare const ModalContent: {
             include: string[];
         };
     };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const WithOverlays: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
 };

package/dist/src/components/NumberField/NumberField.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export type NumberFieldProps = Omit<TextFieldProps, 'mask' | 'maskChar' | 'value
     /** The largest value allowed for the input. */
     maxValue?: number;
 };
-declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "value" | "mask" | "onChange" | "isMulti" | "onMultiValueDelete" | "onMultiValueClearAll" | "maskChar"> & {
+declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "mask" | "onChange" | "value" | "isMulti" | "onMultiValueDelete" | "onMultiValueClearAll" | "maskChar"> & {
     /** Callback fired when the `input` is changed. */
     onChange?: (value: number) => void;
     /** The value of the `input` element. */

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<Omit<import('../TextField').TextFieldProps, "value" | "mask" | "onChange" | "isMulti" | "onMultiValueDelete" | "onMultiValueClearAll" | "maskChar"> & {
+    component: import('react').ForwardRefExoticComponent<Omit<import('../TextField').TextFieldProps, "mask" | "onChange" | "value" | "isMulti" | "onMultiValueDelete" | "onMultiValueClearAll" | "maskChar"> & {
         onChange?: (value: number) => void;
         value?: number;
         formatOptions?: Intl.NumberFormatOptions;

package/dist/src/components/Search/Search.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ import { default as React } from 'react';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onClear: () => void;
     children?: React.FC<import('../Filter').FilterChildrenProps>;
-} & Omit<import('../TextField').TextFieldProps, "children" | "label" | "mask" | "status" | "size" | "isInteractive" | "isMulti" | "tags" | "onMultiValueDelete" | "onMultiValueClearAll" | "suffix"> & import('./Search.types').SearchFilterConfig & React.RefAttributes<HTMLInputElement>>>;
+} & Omit<import('../TextField').TextFieldProps, "children" | "label" | "mask" | "status" | "size" | "isInteractive" | "suffix" | "isMulti" | "tags" | "onMultiValueDelete" | "onMultiValueClearAll"> & import('./Search.types').SearchFilterConfig & React.RefAttributes<HTMLInputElement>>>;
 export default _default;

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

@@ -3,7 +3,7 @@ declare const _default: {
     component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
         onClear: () => void;
         children?: React.FC<import('../Filter').FilterChildrenProps>;
-    } & Omit<import('../TextField').TextFieldProps, "children" | "label" | "mask" | "status" | "size" | "isInteractive" | "isMulti" | "tags" | "onMultiValueDelete" | "onMultiValueClearAll" | "suffix"> & import('./Search.types').SearchFilterConfig & import('react').RefAttributes<HTMLInputElement>>>;
+    } & Omit<import('../TextField').TextFieldProps, "children" | "label" | "mask" | "status" | "size" | "isInteractive" | "suffix" | "isMulti" | "tags" | "onMultiValueDelete" | "onMultiValueClearAll"> & import('./Search.types').SearchFilterConfig & import('react').RefAttributes<HTMLInputElement>>>;
     parameters: {
         design: {
             type: string;

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

@@ -158,7 +158,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         fontVariantNumeric?: readonly string[] | import("csstype").Property.FontVariantNumeric | readonly import("csstype").Property.FontVariantNumeric[];
         fontVariantPosition?: import("csstype").Property.FontVariantPosition | readonly NonNullable<import("csstype").Property.FontVariantPosition>[] | readonly import("csstype").Property.FontVariantPosition[];
         fontVariationSettings?: readonly string[] | import("csstype").Property.FontVariationSettings | readonly import("csstype").Property.FontVariationSettings[];
-        fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight>[] | readonly ("bold" | "normal" | (string & {}) | import('csstype').Globals | "bolder" | "lighter")[];
+        fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight>[] | readonly ((string & {}) | "bold" | "normal" | import('csstype').Globals | "bolder" | "lighter")[];
         forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | readonly NonNullable<import("csstype").Property.ForcedColorAdjust>[] | readonly import("csstype").Property.ForcedColorAdjust[];
         gridAutoColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoColumns<string | number> | readonly NonNullable<import("csstype").Property.GridAutoColumns<string | number>>[];
         gridAutoFlow?: readonly string[] | import("csstype").Property.GridAutoFlow | readonly import("csstype").Property.GridAutoFlow[];
@@ -178,7 +178,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         imageOrientation?: readonly string[] | import("csstype").Property.ImageOrientation | readonly import("csstype").Property.ImageOrientation[];
         imageRendering?: import("csstype").Property.ImageRendering | readonly NonNullable<import("csstype").Property.ImageRendering>[] | readonly import("csstype").Property.ImageRendering[];
         imageResolution?: readonly string[] | import("csstype").Property.ImageResolution | readonly import("csstype").Property.ImageResolution[];
-        initialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ("normal" | (string & {}) | import('csstype').Globals)[];
+        initialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ((string & {}) | "normal" | import('csstype').Globals)[];
         inlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.InlineSize<string | number> | readonly NonNullable<import("csstype").Property.InlineSize<string | number>>[];
         inputSecurity?: import("csstype").Property.InputSecurity | readonly NonNullable<import("csstype").Property.InputSecurity>[] | readonly import("csstype").Property.InputSecurity[];
         insetBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.InsetBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.InsetBlockEnd<string | number>>[];
@@ -383,9 +383,9 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         wordWrap?: import("csstype").Property.WordWrap | readonly NonNullable<import("csstype").Property.WordWrap>[] | readonly import("csstype").Property.WordWrap[];
         writingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode>[] | readonly import("csstype").Property.WritingMode[];
         zIndex: number | (string & {}) | "inherit" | "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)[];
+        zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom>[] | readonly ((string & {}) | "reset" | "normal" | 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" | "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")[];
+        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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>>[];
@@ -395,7 +395,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         borderBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number>>[];
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number>>[];
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[];
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number>>[];
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number>>[];
         borderInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineStart<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineStart<string | number>>[];
@@ -428,7 +428,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number>>[];
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number>>[];
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number>>[];
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number>>[];
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number>>[];
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number>>[];
@@ -612,7 +612,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         WebkitFontVariantLigatures?: readonly string[] | import("csstype").Property.FontVariantLigatures | readonly import("csstype").Property.FontVariantLigatures[];
         WebkitHyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[];
         WebkitHyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens>[] | readonly import("csstype").Property.Hyphens[];
-        WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ("normal" | (string & {}) | import('csstype').Globals)[];
+        WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ((string & {}) | "normal" | import('csstype').Globals)[];
         WebkitJustifyContent?: readonly string[] | import("csstype").Property.JustifyContent | readonly import("csstype").Property.JustifyContent[];
         WebkitLineBreak?: import("csstype").Property.LineBreak | readonly NonNullable<import("csstype").Property.LineBreak>[] | readonly import("csstype").Property.LineBreak[];
         WebkitLineClamp?: readonly ("none" | (string & {}) | import('csstype').Globals)[] | import("csstype").Property.WebkitLineClamp | readonly NonNullable<import("csstype").Property.WebkitLineClamp>[];
@@ -672,8 +672,8 @@ 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" | "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")[];
+        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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 ("none" | (string & {}) | "repeat" | "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>>[];
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number>>[];
@@ -684,16 +684,16 @@ 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" | "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")[];
+        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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")[];
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number>>[];
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number>>[];
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number>>[];
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number>>[];
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[];
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number>>[];
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[];
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number>>[];
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[];
@@ -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" | "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")[];
+        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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 & {}>[];
@@ -784,7 +784,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[];
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[];
         OBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number>>[] | readonly (string | (string & {}))[];
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit>[] | readonly import("csstype").Property.ObjectFit[];
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number>>[];
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number>>[];
@@ -1125,7 +1125,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         fontVariantNumeric?: readonly string[] | import("csstype").Property.FontVariantNumeric | readonly import("csstype").Property.FontVariantNumeric[];
         fontVariantPosition?: import("csstype").Property.FontVariantPosition | readonly NonNullable<import("csstype").Property.FontVariantPosition>[] | readonly import("csstype").Property.FontVariantPosition[];
         fontVariationSettings?: readonly string[] | import("csstype").Property.FontVariationSettings | readonly import("csstype").Property.FontVariationSettings[];
-        fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight>[] | readonly ("bold" | "normal" | (string & {}) | import('csstype').Globals | "bolder" | "lighter")[];
+        fontWeight?: import("csstype").Property.FontWeight | readonly NonNullable<import("csstype").Property.FontWeight>[] | readonly ((string & {}) | "bold" | "normal" | import('csstype').Globals | "bolder" | "lighter")[];
         forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | readonly NonNullable<import("csstype").Property.ForcedColorAdjust>[] | readonly import("csstype").Property.ForcedColorAdjust[];
         gridAutoColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoColumns<string | number> | readonly NonNullable<import("csstype").Property.GridAutoColumns<string | number>>[];
         gridAutoFlow?: readonly string[] | import("csstype").Property.GridAutoFlow | readonly import("csstype").Property.GridAutoFlow[];
@@ -1145,7 +1145,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         imageOrientation?: readonly string[] | import("csstype").Property.ImageOrientation | readonly import("csstype").Property.ImageOrientation[];
         imageRendering?: import("csstype").Property.ImageRendering | readonly NonNullable<import("csstype").Property.ImageRendering>[] | readonly import("csstype").Property.ImageRendering[];
         imageResolution?: readonly string[] | import("csstype").Property.ImageResolution | readonly import("csstype").Property.ImageResolution[];
-        initialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ("normal" | (string & {}) | import('csstype').Globals)[];
+        initialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ((string & {}) | "normal" | import('csstype').Globals)[];
         inlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.InlineSize<string | number> | readonly NonNullable<import("csstype").Property.InlineSize<string | number>>[];
         inputSecurity?: import("csstype").Property.InputSecurity | readonly NonNullable<import("csstype").Property.InputSecurity>[] | readonly import("csstype").Property.InputSecurity[];
         insetBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.InsetBlockEnd<string | number> | readonly NonNullable<import("csstype").Property.InsetBlockEnd<string | number>>[];
@@ -1350,9 +1350,9 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         wordWrap?: import("csstype").Property.WordWrap | readonly NonNullable<import("csstype").Property.WordWrap>[] | readonly import("csstype").Property.WordWrap[];
         writingMode?: import("csstype").Property.WritingMode | readonly NonNullable<import("csstype").Property.WritingMode>[] | readonly import("csstype").Property.WritingMode[];
         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)[];
+        zoom?: import("csstype").Property.Zoom | readonly NonNullable<import("csstype").Property.Zoom>[] | readonly ((string & {}) | "reset" | "normal" | 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" | "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")[];
+        animation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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>>[];
@@ -1362,7 +1362,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         borderBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockStart<string | number> | readonly NonNullable<import("csstype").Property.BorderBlockStart<string | number>>[];
         borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly NonNullable<import("csstype").Property.BorderBottom<string | number>>[];
         borderColor?: readonly string[] | import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[];
-        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
+        borderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly NonNullable<import("csstype").Property.BorderInline<string | number>>[];
         borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineEnd<string | number>>[];
         borderInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineStart<string | number> | readonly NonNullable<import("csstype").Property.BorderInlineStart<string | number>>[];
@@ -1395,7 +1395,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly NonNullable<import("csstype").Property.MarginBlock<string | number>>[];
         marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly NonNullable<import("csstype").Property.MarginInline<string | number>>[];
         mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly NonNullable<import("csstype").Property.Mask<string | number>>[];
-        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
+        maskBorder?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
         motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number>>[];
         offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly NonNullable<import("csstype").Property.Offset<string | number>>[];
         outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly NonNullable<import("csstype").Property.Outline<string | number>>[];
@@ -1579,7 +1579,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         WebkitFontVariantLigatures?: readonly string[] | import("csstype").Property.FontVariantLigatures | readonly import("csstype").Property.FontVariantLigatures[];
         WebkitHyphenateCharacter?: readonly string[] | import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[];
         WebkitHyphens?: import("csstype").Property.Hyphens | readonly NonNullable<import("csstype").Property.Hyphens>[] | readonly import("csstype").Property.Hyphens[];
-        WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ("normal" | (string & {}) | import('csstype').Globals)[];
+        WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly NonNullable<import("csstype").Property.InitialLetter>[] | readonly ((string & {}) | "normal" | import('csstype').Globals)[];
         WebkitJustifyContent?: readonly string[] | import("csstype").Property.JustifyContent | readonly import("csstype").Property.JustifyContent[];
         WebkitLineBreak?: import("csstype").Property.LineBreak | readonly NonNullable<import("csstype").Property.LineBreak>[] | readonly import("csstype").Property.LineBreak[];
         WebkitLineClamp?: readonly ("none" | (string & {}) | import('csstype').Globals)[] | import("csstype").Property.WebkitLineClamp | readonly NonNullable<import("csstype").Property.WebkitLineClamp>[];
@@ -1639,8 +1639,8 @@ 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" | "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")[];
+        MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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 ("none" | (string & {}) | "repeat" | "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>>[];
         MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly NonNullable<import("csstype").Property.MozOutlineRadius<string | number>>[];
@@ -1651,16 +1651,16 @@ 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" | "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")[];
+        WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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")[];
+        WebkitBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly NonNullable<import("csstype").Property.BorderRadius<string | number>>[];
         WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly NonNullable<import("csstype").Property.ColumnRule<string | number>>[];
         WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly NonNullable<import("csstype").Property.Columns<string | number>>[];
         WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly NonNullable<import("csstype").Property.Flex<string | number>>[];
         WebkitFlexFlow?: readonly string[] | import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[];
         WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly NonNullable<import("csstype").Property.WebkitMask<string | number>>[];
-        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
+        WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly NonNullable<import("csstype").Property.MaskBorder>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space" | "alpha" | "luminance")[];
         WebkitTextEmphasis?: readonly string[] | import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[];
         WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly NonNullable<import("csstype").Property.WebkitTextStroke<string | number>>[];
         WebkitTransition?: readonly string[] | import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[];
@@ -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" | "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")[];
+        OAnimation?: import("csstype").Property.Animation<string & {}> | readonly NonNullable<import("csstype").Property.Animation<string & {}>>[] | readonly ("none" | (string & {}) | "normal" | "reverse" | "auto" | import('csstype').Globals | "both" | "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 & {}>[];
@@ -1751,7 +1751,7 @@ export declare const getSX: ({ hasFilter, isDisabled, sx, }: {
         OAnimationPlayState?: readonly string[] | import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[];
         OAnimationTimingFunction?: readonly string[] | import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[];
         OBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | readonly NonNullable<import("csstype").Property.BackgroundSize<string | number>>[] | readonly (string | (string & {}))[];
-        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("repeat" | "none" | (string & {}) | "stretch" | import('csstype').Globals | "round" | "space")[];
+        OBorderImage?: import("csstype").Property.BorderImage | readonly NonNullable<import("csstype").Property.BorderImage>[] | readonly ("none" | (string & {}) | "repeat" | "stretch" | import('csstype').Globals | "round" | "space")[];
         OObjectFit?: import("csstype").Property.ObjectFit | readonly NonNullable<import("csstype").Property.ObjectFit>[] | readonly import("csstype").Property.ObjectFit[];
         OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly NonNullable<import("csstype").Property.ObjectPosition<string | number>>[];
         OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly NonNullable<import("csstype").Property.TabSize<string | number>>[];

package/dist/src/components/Select/Select.stories.d.ts CHANGED Viewed

@@ -7,6 +7,9 @@ declare const _default: {
             name: string;
             url: string;
         }[];
+        chromatic: {
+            delay: number;
+        };
     };
     args: {
         hintMessage: string;
@@ -38,6 +41,9 @@ export declare const SimpleSelect: {
             disable: boolean;
         };
     };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
 };
 export declare const SearchableSelect: {
     render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/src/components/Select/components/SelectMenu/SelectMenu.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import { CSSObject } from '@emotion/react';
-import { default as React } from 'react';
+import { TextInputBaseProps } from '../../../TextInputBase';
 import { ComponentSizes } from '../../../../utils/types';
 import { SelectOption } from '../../types';
-import { TextInputBaseProps } from '../../../TextInputBase';
 export type SelectMenuProps = {
     filteredOptions: SelectOption[];
@@ -14,7 +13,7 @@ export type SelectMenuProps = {
     size?: ComponentSizes;
     sx?: CSSObject;
 } & Pick<TextInputBaseProps, 'status'>;
-declare const SelectMenu: React.ForwardRefExoticComponent<{
+declare const SelectMenu: import('react').ForwardRefExoticComponent<{
     filteredOptions: SelectOption[];
     handleOptionClick: (option: SelectOption) => void;
     selectedOption: SelectOption;
@@ -23,5 +22,5 @@ declare const SelectMenu: React.ForwardRefExoticComponent<{
     hasSelectAllOption?: boolean;
     size?: ComponentSizes;
     sx?: CSSObject;
-} & Pick<TextInputBaseProps, "status"> & React.RefAttributes<HTMLUListElement>>;
+} & Pick<TextInputBaseProps, "status"> & import('react').RefAttributes<HTMLUListElement>>;
 export default SelectMenu;

package/dist/src/components/Select/components/SelectMenu/SelectMenu.style.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
 import { SerializedStyles } from '@emotion/react';
+import { TextFieldProps } from '../../../TextField/TextField';
 import { Theme } from 'theme';
 import { SelectMenuProps } from './SelectMenu';
-import { TextFieldProps } from '../../../TextField/TextField';
 export declare const optionStyle: ({ isSelected, hasNoResultsExist, }: {
     isSelected: boolean;
     hasNoResultsExist?: boolean;
 } & Omit<TextFieldProps, "ref" | "label">) => (theme: Theme) => SerializedStyles;
-export declare const menuStyle: ({ status, isVirtualized, height, sx, }: SelectMenuProps & Omit<TextFieldProps, "ref" | "label"> & {
+export declare const menuStyle: ({ status, isVirtualized, sx }: SelectMenuProps & Omit<TextFieldProps, "ref" | "label">) => (theme: Theme) => SerializedStyles;
+export declare const innerMenuStyle: ({ height }: {
     height: number;
-}) => (theme: Theme) => SerializedStyles;
+}) => SerializedStyles;

package/dist/src/components/TextInputBase/TextInputBase.d.ts CHANGED Viewed

@@ -34,5 +34,5 @@ export type TextInputBaseProps = {
     isInteractive?: boolean;
     children?: React.ReactNode;
 } & TestProps;
-declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Omit<TextInputBaseProps, "value" | "label" | "placeholder" | "suffix" | "isRequired">>>;
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Omit<TextInputBaseProps, "label" | "value" | "placeholder" | "isRequired" | "suffix">>>;
 export default _default;