@openfin/ui-library 0.21.0-alpha.1690475730 → 0.21.0-alpha.1690569797
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from 'react';
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { WithStatusProps } from '../../system/HOC';
|
|
3
3
|
import { IconType } from '../../system/ThemeProvider/lib/types';
|
|
4
4
|
export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
@@ -6,20 +6,20 @@ export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
6
6
|
label?: string;
|
|
7
7
|
type?: string;
|
|
8
8
|
renderInput?: Function;
|
|
9
|
-
icon?: IconType;
|
|
9
|
+
icon?: IconType | (() => JSX.Element);
|
|
10
10
|
helperText?: string;
|
|
11
11
|
validationErrorMessage?: string;
|
|
12
12
|
} & WithStatusProps;
|
|
13
13
|
/**
|
|
14
14
|
* @private This should not be exposed beyond the ui-library.
|
|
15
15
|
*/
|
|
16
|
-
export declare const BaseInput:
|
|
16
|
+
export declare const BaseInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
17
17
|
message?: string | undefined;
|
|
18
18
|
label?: string | undefined;
|
|
19
19
|
type?: string | undefined;
|
|
20
20
|
renderInput?: Function | undefined;
|
|
21
|
-
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;
|
|
21
|
+
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;
|
|
22
22
|
helperText?: string | undefined;
|
|
23
23
|
validationErrorMessage?: string | undefined;
|
|
24
|
-
} & WithStatusProps &
|
|
25
|
-
export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputHTMLAttributes<HTMLInputElement> & WithStatusProps, never>;
|
|
24
|
+
} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
|
|
25
|
+
export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, React.InputHTMLAttributes<HTMLInputElement> & WithStatusProps, never>;
|
|
@@ -7,7 +7,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAt
|
|
|
7
7
|
label?: string | undefined;
|
|
8
8
|
type?: string | undefined;
|
|
9
9
|
renderInput?: Function | undefined;
|
|
10
|
-
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;
|
|
10
|
+
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;
|
|
11
11
|
helperText?: string | undefined;
|
|
12
12
|
validationErrorMessage?: string | undefined;
|
|
13
13
|
} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -6,7 +6,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<import
|
|
|
6
6
|
label?: string | undefined;
|
|
7
7
|
type?: string | undefined;
|
|
8
8
|
renderInput?: Function | undefined;
|
|
9
|
-
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;
|
|
9
|
+
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;
|
|
10
10
|
helperText?: string | undefined;
|
|
11
11
|
validationErrorMessage?: string | undefined;
|
|
12
12
|
} & import("../../system/HOC").WithStatusProps & import("react").RefAttributes<HTMLInputElement>>;
|
package/dist/index.js
CHANGED
|
@@ -634,7 +634,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
|
|
|
634
634
|
margin-top: ${({theme:e})=>e.px.small};
|
|
635
635
|
`,s=(0,i.default)(a.Text)`
|
|
636
636
|
color: ${({theme:e})=>e.palette.textHelp};
|
|
637
|
-
`},358:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StyledInputField=t.BaseInput=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(1335),s=n(9507),u=n(7769),d=n(9634),f=n(7030);t.BaseInput=(0,a.forwardRef)(((e,n)=>{var{className:o,renderInput:a,message:l,label:c,status:s,name:u,icon:d,type:b="text",helperText:y,placeholder:x}=e,L=r(e,["className","renderInput","message","label","status","name","icon","type","helperText","placeholder"]);const O="checkbox"===b||"radio"===b;return(0,i.jsxs)(w,Object.assign({flexDirection:"column",alignItems:"flex-start"},{children:[(0,i.jsxs)(h,Object.assign({inline:O},{children:[!!c&&(0,i.jsxs)(C,{children:[(0,i.jsxs)("div",Object.assign({style:{display:"flex"}},{children:[
|
|
637
|
+
`},358:function(e,t,n){var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.StyledInputField=t.BaseInput=void 0;const i=n(5893),a=n(6689),l=o(n(7518)),c=n(1335),s=n(9507),u=n(7769),d=n(9634),f=n(7030);t.BaseInput=(0,a.forwardRef)(((e,n)=>{var{className:o,renderInput:a,message:l,label:c,status:s,name:u,icon:d,type:b="text",helperText:y,placeholder:x}=e,L=r(e,["className","renderInput","message","label","status","name","icon","type","helperText","placeholder"]);const O="checkbox"===b||"radio"===b;return(0,i.jsxs)(w,Object.assign({flexDirection:"column",alignItems:"flex-start"},{children:[(0,i.jsxs)(h,Object.assign({inline:O},{children:[!!c&&(0,i.jsxs)(C,{children:[(0,i.jsxs)("div",Object.assign({style:{display:"flex"}},{children:["function"==typeof d?d():d?(0,i.jsx)(v,{icon:d}):null,(0,i.jsx)(g,Object.assign({as:"label",htmlFor:u,weight:"bold"},{children:c}))]})),y&&(0,i.jsx)(p,{children:y})]}),!!a&&a(Object.assign({name:u,status:s,type:b},L)),!a&&(0,i.jsx)(t.StyledInputField,Object.assign({className:o,name:u,placeholder:x,status:s,type:b},L,{ref:n}))]})),l&&("critical"===s?(0,i.jsx)(f.ValidationError,{children:l}):(0,i.jsx)(m,Object.assign({status:s},{children:l})))]}))})),t.BaseInput.displayName="BaseInput";const C=(0,l.default)(c.Box)`
|
|
638
638
|
display: flex;
|
|
639
639
|
flex-direction: column;
|
|
640
640
|
margin-bottom: ${({theme:e})=>e.px.small};
|
|
@@ -1094,7 +1094,7 @@ var e={8594:(e,t,n)=>{n.d(t,{Z:()=>o});var r=/^((children|dangerouslySetInnerHTM
|
|
|
1094
1094
|
`;t.Mixins={noSelect:i,textOverflow:a,scrollbar:{[r.Size.base]:l,[r.Size.small]:c},appRegion:{drag:s,noDrag:u}}},5459:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Palette=void 0,t.Palette={background1:"background1",background2:"background2",background3:"background3",background4:"background4",background5:"background5",background6:"background6",brandPrimary:"brandPrimary",brandSecondary:"brandSecondary",brandPrimaryActive:"brandPrimaryActive",brandPrimaryHover:"brandPrimaryHover",brandPrimaryFocused:"brandPrimaryFocused",brandPrimaryText:"brandPrimaryText",brandSecondaryActive:"brandSecondaryActive",brandSecondaryHover:"brandSecondaryHover",brandSecondaryFocused:"brandSecondaryFocused",brandSecondaryText:"brandSecondaryText",inputBackground:"inputBackground",inputColor:"inputColor",inputPlaceholder:"inputPlaceholder",inputDisabled:"inputDisabled",inputFocused:"inputFocused",inputBorder:"inputBorder",statusSuccess:"statusSuccess",statusWarning:"statusWarning",statusCritical:"statusCritical",statusActive:"statusActive",textDefault:"textDefault",textHelp:"textHelp",textInactive:"textInactive",borderNeutral:"borderNeutral",contentBackground1:"contentBackground1",contentBackground2:"contentBackground2",contentBackground3:"contentBackground3",contentBackground4:"contentBackground4",contentBackground5:"contentBackground5",linkDefault:"linkDefault",linkHover:"linkHover"}},5317:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},4266:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),o(n(9483),t)},9483:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OpenFinDarkTheme=t.OpenFinLightTheme=void 0;const r=n(5459),o=n(3471),i=n(6714),a={[r.Palette.brandPrimary]:o.Color.openFin,[r.Palette.statusSuccess]:o.Color.functional1,[r.Palette.statusWarning]:o.Color.functional10,[r.Palette.statusCritical]:o.Color.functional7,[r.Palette.statusActive]:o.Color.functional3,[r.Palette.borderNeutral]:o.Color.silverGray,[r.Palette.contentBackground1]:o.Color.openFin,[r.Palette.contentBackground2]:"#000000",[r.Palette.contentBackground3]:"#000000",[r.Palette.contentBackground4]:"#000000",[r.Palette.contentBackground5]:"#000000",[r.Palette.linkDefault]:o.Color.functional4,[r.Palette.linkHover]:o.Color.functional5};t.OpenFinLightTheme=(0,i.createTheme)(Object.assign(Object.assign({},a),{[r.Palette.background1]:o.Color.white,[r.Palette.background2]:o.Color.lightGray1,[r.Palette.background3]:o.Color.lightGray2,[r.Palette.background4]:o.Color.lightGray3,[r.Palette.background5]:o.Color.lightGray3,[r.Palette.background6]:o.Color.lightGray5,[r.Palette.brandSecondary]:o.Color.lightGray4,[r.Palette.inputBackground]:o.Color.lightGray3,[r.Palette.inputColor]:o.Color.darkGray5,[r.Palette.inputPlaceholder]:o.Color.darkGray2,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.darkGray5,[r.Palette.textHelp]:o.Color.neutralGray,[r.Palette.textInactive]:o.Color.neutralGray}),"light"),t.OpenFinDarkTheme=(0,i.createTheme)(Object.assign(Object.assign({},a),{[r.Palette.background1]:o.Color.darkGray6,[r.Palette.background2]:o.Color.darkGray5,[r.Palette.background3]:o.Color.darkGray4,[r.Palette.background4]:o.Color.darkGray3,[r.Palette.background5]:o.Color.darkGray2,[r.Palette.background6]:o.Color.darkGray1,[r.Palette.brandSecondary]:o.Color.darkGray2,[r.Palette.inputBackground]:o.Color.darkGray1,[r.Palette.inputColor]:o.Color.white,[r.Palette.inputPlaceholder]:o.Color.lightGray5,[r.Palette.inputDisabled]:o.Color.neutralGray,[r.Palette.inputFocused]:o.Color.lightGray5,[r.Palette.inputBorder]:o.Color.neutralGray,[r.Palette.textDefault]:o.Color.white,[r.Palette.textHelp]:o.Color.lightGray5,[r.Palette.textInactive]:o.Color.neutralGray}),"dark")},420:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThemeProvider=void 0;const r=n(5893),o=n(7518),i=n(7088),a=n(1069);t.ThemeProvider=({children:e,themes:t,scheme:n,config:l,includeGlobalStyles:c=!0})=>{const s=(0,i.useTheme)({themes:t,scheme:n,config:l});return(0,r.jsx)(o.ThemeProvider,Object.assign({theme:s},{children:(0,r.jsxs)(r.Fragment,{children:[c&&(0,r.jsx)(a.GlobalStyles,{}),e]})}))}},9758:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ContactStatusIcon=void 0;const o=n(5893),i=r(n(7518)),a=n(1333),l={available:(0,o.jsx)(a.CheckSVG,{}),away:(0,o.jsx)(a.BusySVG,{}),"do-not-disturb":(0,o.jsx)(a.DoNotDisturbSVG,{}),offline:(0,o.jsx)(a.OfflineSVG,{}),busy:null};t.ContactStatusIcon=({onlineStatus:e})=>e?(0,o.jsx)(c,Object.assign({onlineStatus:e},{children:l[e]||null})):null;const c=i.default.div`
|
|
1095
1095
|
border: 1.6px solid ${({theme:e})=>e.palette.background1};
|
|
1096
1096
|
|
|
1097
|
-
background: ${({onlineStatus:e
|
|
1097
|
+
background: ${({onlineStatus:e})=>"busy"===e?"#C21313":"white"};
|
|
1098
1098
|
border-radius: 50%;
|
|
1099
1099
|
|
|
1100
1100
|
height: ${({theme:e})=>e.px.large};
|
package/package.json
CHANGED