@openfin/ui-library 0.21.0 → 0.23.0-alpha.1694620338

package/README.md

@@ -192,7 +192,7 @@ npm run test
 
 ### 1. Bump package version
 
-Once you are ready to make a new release and all PRs meant for a release are merged into `main` branch, you should now create a new PR into `main` to bump the package version to the appropriate number. Get that PR approved and merged into `main`.
+Once you are ready to make a new release and all PRs meant for a release have been merged into `main` branch, you should now create a new branch to bump the package version (for example name the branch `<yourName>/bump-version/<new-version-number>`). Next, run `npm version [<newversion> | major | minor | patch]` to bump the package version. Now, create a PR into the `main` branch and get that PR approved and merged.
 
 ### 2. Create a release branch
 

package/dist/components/controls/CollapsibleCard/collapsibleCard.d.ts

@@ -1,10 +1,19 @@
 import { FC, ReactNode } from 'react';
-export type CollapsibleCardProps = {
+export interface CollapsibleCardProps extends Omit<CollapsibleCardStatelessProps, 'expanded' | 'onExpand'> {
+    expanded?: boolean;
+}
+export declare const CollapsibleCard: FC<CollapsibleCardProps>;
+export interface CollapsibleCardHeaderSettings {
+    fixedHeader?: boolean;
+    zIndex?: number;
+}
+export interface CollapsibleCardStatelessProps {
     title: string | ReactNode;
     badgeText?: number;
     maxHeight?: number;
-    fixedHeader?: boolean;
+    headerSettings?: CollapsibleCardHeaderSettings;
     children: ReactNode;
-    expanded?: boolean;
-};
-export declare const CollapsibleCard: FC<CollapsibleCardProps>;
+    expanded: boolean;
+    onExpand: (expanded: boolean) => void;
+}
+export declare const CollapsibleCardStateless: import("react").ForwardRefExoticComponent<CollapsibleCardStatelessProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/elements/Calendar/calendar.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-export interface CalendarProps {
-    value: Date;
-    onChange?: (date: Date) => void;
+import { CalendarProps } from 'react-calendar';
+export interface CalendarPropsExtended extends Omit<CalendarProps, 'value' | 'calendarType' | 'defaultView' | 'minDetail'> {
+    value?: Date;
+    onChange?: (date?: Date) => void;
     onDismiss?: () => void;
 }
-export declare const Calendar: FC<CalendarProps>;
+export declare const Calendar: FC<CalendarPropsExtended>;

package/dist/components/elements/DropdownMenu/dropdownButton.d.ts

@@ -1,11 +1,14 @@
 import { MenuOption } from './menu';
 import React from 'react';
-export interface DropdownButtonProps {
+import { WithStatusProps } from '../../system/HOC';
+export interface DropdownButtonProps extends WithStatusProps {
     tabIndex?: number;
     activeDescendant?: string;
     expanded: boolean;
     handleClick: () => void;
     placeholder: string;
     selected?: MenuOption;
+    label?: string;
+    name?: string;
 }
-export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<unknown>>;
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/elements/DropdownMenu/dropdownMenu.d.ts

@@ -10,4 +10,4 @@ export interface DropdownMenuProps {
     renderLabel?: (option: MenuOption, isOpen: boolean, onClick: () => void, focusedOption?: MenuOption) => ReactNode;
     fitContent?: boolean;
 }
-export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<React.FC<DropdownMenuProps>>>;
+export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/elements/Label/label.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconType } from '../../system/ThemeProvider';
+interface LabelProps {
+    icon?: IconType | (() => JSX.Element);
+    text?: string;
+    htmlFor?: string;
+    helperText?: string;
+    inline?: boolean;
+}
+export declare const Label: ({ icon, text, helperText, htmlFor, inline }: LabelProps) => JSX.Element;
+export {};

package/dist/components/input/BaseInput/baseInput.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from 'react';
+import React, { InputHTMLAttributes } from 'react';
 import { WithStatusProps } from '../../system/HOC';
 import { IconType } from '../../system/ThemeProvider/lib/types';
 export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
@@ -6,20 +6,20 @@ export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
     label?: string;
     type?: string;
     renderInput?: Function;
-    icon?: IconType;
+    icon?: IconType | (() => JSX.Element);
     helperText?: string;
     validationErrorMessage?: string;
 } & WithStatusProps;
 /**
  * @private This should not be exposed beyond the ui-library.
  */
-export declare const BaseInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+export declare const BaseInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
     message?: string | undefined;
     label?: string | undefined;
     type?: string | undefined;
     renderInput?: Function | undefined;
-    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | undefined;
+    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | (() => JSX.Element) | undefined;
     helperText?: string | undefined;
     validationErrorMessage?: string | undefined;
-} & WithStatusProps & import("react").RefAttributes<HTMLInputElement>>;
-export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputHTMLAttributes<HTMLInputElement> & WithStatusProps, never>;
+} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
+export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, React.InputHTMLAttributes<HTMLInputElement> & WithStatusProps, never>;

package/dist/components/input/Checkbox/checkbox.d.ts

@@ -7,7 +7,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAt
     label?: string | undefined;
     type?: string | undefined;
     renderInput?: Function | undefined;
-    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | undefined;
+    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | (() => JSX.Element) | undefined;
     helperText?: string | undefined;
     validationErrorMessage?: string | undefined;
 } & WithStatusProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/CheckboxGroup/checkboxGroup.d.ts

@@ -1,7 +1,15 @@
 import * as React from 'react';
 import { UnitPxType } from '../../system/ThemeProvider';
-export type CheckboxGroupProps = React.InputHTMLAttributes<HTMLInputElement> & {
+import { ReactNode } from 'react';
+export type CheckboxGroupProps = {
     gap?: UnitPxType;
     message?: string;
+    validationErrorMessage?: string;
+    helperText?: string;
+    label?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    onChange?: (values: Array<string>) => void;
+    values?: string[];
 };
 export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;

package/dist/components/input/NumberInput/numberInput.d.ts

@@ -1,10 +1,13 @@
-import { ChangeEventHandler } from 'react';
+/// <reference types="react" />
 import { BaseInputProps } from '../BaseInput';
 import { IconType } from '../../system/ThemeProvider';
+export declare enum Direction {
+    Up = 1,
+    Down = -1
+}
 interface NumberInputProps extends Omit<BaseInputProps, 'value'> {
     min?: number;
     max?: number;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
     /**
      * @default 1
      */
@@ -16,6 +19,7 @@ interface NumberInputProps extends Omit<BaseInputProps, 'value'> {
      * */
     prependIcon?: IconType;
     prependString?: string;
+    onTakeStep?: (direction: Direction, step: number) => void;
 }
 export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/input/RadioGroup/radioGroup.d.ts

@@ -3,10 +3,13 @@ import { UnitPxType } from '../../system/ThemeProvider';
 import { RadioLabelSideType } from '../RadioInput/radioInput';
 type RadioDirectionType = 'row' | 'column';
 export type RadioGroupProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
     direction?: RadioDirectionType;
     gap?: UnitPxType;
     labelSide?: RadioLabelSideType;
     message?: string;
+    validationErrorMessage?: string;
+    helperText?: string;
 };
 export declare const RadioGroup: React.FC<RadioGroupProps>;
 export {};

package/dist/components/input/TextArea/textArea.d.ts

@@ -1,8 +1,10 @@
-import { InputHTMLAttributes, ChangeEvent } from 'react';
+import React, { TextareaHTMLAttributes, ChangeEvent } from 'react';
 import { WithStatusProps } from '../../system/HOC';
-export type TextAreaProps = InputHTMLAttributes<HTMLTextAreaElement> & {
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     onChange?: (e?: ChangeEvent<HTMLTextAreaElement>) => void;
+    label?: string;
 } & WithStatusProps;
-export declare const TextArea: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLTextAreaElement> & {
+export declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     onChange?: ((e?: ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
-} & WithStatusProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    label?: string | undefined;
+} & WithStatusProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/input/TextInput/textInput.d.ts

@@ -6,7 +6,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<import
     label?: string | undefined;
     type?: string | undefined;
     renderInput?: Function | undefined;
-    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | undefined;
+    icon?: "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "ActivityLogIcon" | "AlignBaselineIcon" | "AlignBottomIcon" | "AlignCenterHorizontallyIcon" | "AlignCenterVerticallyIcon" | "AlignLeftIcon" | "AlignRightIcon" | "AlignTopIcon" | "AllSidesIcon" | "AngleIcon" | "ArchiveIcon" | "ArrowBottomLeftIcon" | "ArrowBottomRightIcon" | "ArrowDownIcon" | "ArrowLeftIcon" | "ArrowRightIcon" | "ArrowTopLeftIcon" | "ArrowTopRightIcon" | "ArrowUpIcon" | "AspectRatioIcon" | "AvatarIcon" | "BackpackIcon" | "BadgeIcon" | "BarChartIcon" | "BlendingModeIcon" | "BookmarkIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColumnSpacingIcon" | "ColumnsIcon" | "CommitIcon" | "Component1Icon" | "Component2Icon" | "ComponentBooleanIcon" | "ComponentInstanceIcon" | "ComponentNoneIcon" | "ComponentPlaceholderIcon" | "ContainerIcon" | "CookieIcon" | "CopyIcon" | "CornerBottomLeftIcon" | "CornerBottomRightIcon" | "CornerTopLeftIcon" | "CornerTopRightIcon" | "CornersIcon" | "CountdownTimerIcon" | "CounterClockwiseClockIcon" | "CropIcon" | "Cross1Icon" | "Cross2Icon" | "CrossCircledIcon" | "Crosshair1Icon" | "Crosshair2Icon" | "CrumpledPaperIcon" | "CubeIcon" | "CursorArrowIcon" | "CursorTextIcon" | "DashIcon" | "DashboardIcon" | "DimensionsIcon" | "DiscIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "ExclamationTriangleIcon" | "ExitIcon" | "ExitFullScreenIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeNoneIcon" | "EyeOpenIcon" | "FaceIcon" | "FigmaLogoIcon" | "FileIcon" | "FileMinusIcon" | "FilePlusIcon" | "FileTextIcon" | "FontBoldIcon" | "FontFamilyIcon" | "FontItalicIcon" | "FontRomanIcon" | "FontSizeIcon" | "FontStyleIcon" | "FrameIcon" | "FramerLogoIcon" | "GearIcon" | "GitHubLogoIcon" | "GlobeIcon" | "GridIcon" | "GroupIcon" | "Half1Icon" | "Half2Icon" | "HamburgerMenuIcon" | "HandIcon" | "HeadingIcon" | "HeightIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "LapTimerIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OverlineIcon" | "PaddingIcon" | "PaperPlaneIcon" | "PauseIcon" | "Pencil1Icon" | "Pencil2Icon" | "PersonIcon" | "PieChartIcon" | "PilcrowIcon" | "PinBottomIcon" | "PinLeftIcon" | "PinRightIcon" | "PinTopIcon" | "PlayIcon" | "PlusIcon" | "PlusCircledIcon" | "QuestionMarkIcon" | "QuestionMarkCircledIcon" | "QuoteIcon" | "RadiobuttonIcon" | "ReaderIcon" | "ReloadIcon" | "ResetIcon" | "ResumeIcon" | "RocketIcon" | "RotateCounterClockwiseIcon" | "RowSpacingIcon" | "RowsIcon" | "RulerHorizontalIcon" | "RulerSquareIcon" | "SectionIcon" | "SewingPinIcon" | "SewingPinFilledIcon" | "ShadowIcon" | "ShadowInnerIcon" | "ShadowNoneIcon" | "ShadowOuterIcon" | "Share1Icon" | "Share2Icon" | "ShuffleIcon" | "SizeIcon" | "SketchLogoIcon" | "SlashIcon" | "SliderIcon" | "SpaceBetweenHorizontallyIcon" | "SpaceBetweenVerticallyIcon" | "SpaceEvenlyHorizontallyIcon" | "SpaceEvenlyVerticallyIcon" | "SpeakerLoudIcon" | "SpeakerModerateIcon" | "SpeakerOffIcon" | "SpeakerQuietIcon" | "SquareIcon" | "StarIcon" | "StarFilledIcon" | "StitchesLogoIcon" | "StopIcon" | "StopwatchIcon" | "StretchHorizontallyIcon" | "StretchVerticallyIcon" | "StrikethroughIcon" | "SunIcon" | "SwitchIcon" | "SymbolIcon" | "TableIcon" | "TargetIcon" | "TextIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignRightIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | (() => JSX.Element) | undefined;
     helperText?: string | undefined;
     validationErrorMessage?: string | undefined;
 } & import("../../system/HOC").WithStatusProps & import("react").RefAttributes<HTMLInputElement>>;