@openfin/ui-library 0.31.3-alpha.20251106164713 → 0.31.3

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

@@ -0,0 +1,21 @@
+/**
+ * Define all Checkbox Variants here in one place.
+ * Variants should match the variants in Figma
+ */
+export declare const Variant: {
+    readonly variant: "variant";
+};
+/**
+ * Checkbox Variant -- Describes the "role" of a checkbox
+ */
+export declare const CheckboxVariant: {
+    readonly default: "default";
+    readonly primary: "primary";
+};
+export type CheckboxVariantType = keyof typeof CheckboxVariant;
+export declare const variants: {
+    readonly variant: {
+        readonly default: import("styled-components").FlattenSimpleInterpolation;
+        readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+    };
+};

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

@@ -0,0 +1 @@
+export * from './checkbox';

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { UnitPxType } from '../../system/ThemeProvider';
+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/CheckboxGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './checkboxGroup';

package/dist/components/input/DateInput/dateInput.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEventHandler, MouseEventHandler } from 'react';
+import { BaseInputProps } from '../BaseInput';
+import { StatusType } from '../../system/HOC';
+type DateTypeFormat = 'date' | 'time' | 'datetime-local';
+interface DateInputProps extends Omit<BaseInputProps, 'value' | 'type' | 'status'> {
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onExpand?: MouseEventHandler<HTMLDivElement>;
+    expanded?: boolean;
+    value?: string;
+    type?: DateTypeFormat;
+    status?: StatusType;
+}
+export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/input/DateInput/index.d.ts

@@ -0,0 +1 @@
+export * from './dateInput';

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

@@ -0,0 +1 @@
+export * from './numberInput';

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { BaseInputProps } from '../BaseInput';
+import { IconType } from '../../system/ThemeProvider';
+import { StatusType } from '../../system/HOC';
+export declare enum Direction {
+    Up = 1,
+    Down = -1
+}
+interface NumberInputProps extends Omit<BaseInputProps, 'value' | 'status'> {
+    min?: number;
+    max?: number;
+    /**
+     * @default 1
+     */
+    step?: number;
+    value?: number;
+    status?: StatusType;
+    /**
+     * @default undefined
+     * Prepend an icon to the beginning of the input. Takes precedence over `prependString`.
+     * */
+    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/index.d.ts

@@ -0,0 +1 @@
+export * from './radioGroup';

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+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/RadioInput/index.d.ts

@@ -0,0 +1 @@
+export * from './radioInput';

package/dist/components/input/RadioInput/radioInput.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { LabelSideType } from '../../controls/Toggle';
+import { IconType } from '../../system/ThemeProvider/lib/types';
+export type RadioLabelSideType = LabelSideType | 'top' | 'bottom';
+export type RadioProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    labelSide?: RadioLabelSideType;
+    icon?: IconType;
+};
+export declare const RadioInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string | undefined;
+    labelSide?: RadioLabelSideType | undefined;
+    icon?: "ContentAppIcon" | "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "PageIcon" | "RedDotIcon" | "BookmarkFilled" | "BookmarkOutlined" | "FallbackGlobeIcon" | "BlockedIcon" | "EnterpriseGlobeIcon" | "SupertabIcon" | "CollectionIcon" | "AccessibilityIcon" | "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" | "BookmarkFilledIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BorderWidthIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColorWheelIcon" | "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" | "DesktopIcon" | "DimensionsIcon" | "DiscIcon" | "DiscordLogoIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "EraserIcon" | "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" | "HeartIcon" | "HeartFilledIcon" | "HeightIcon" | "HobbyKnifeIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "InstagramLogoIcon" | "KeyboardIcon" | "LapTimerIcon" | "LaptopIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "LinkedInLogoIcon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "MobileIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OpenInNewWindowIcon" | "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" | "ScissorsIcon" | "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" | "TextAlignBottomIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignMiddleIcon" | "TextAlignRightIcon" | "TextAlignTopIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransformIcon" | "TransparencyGridIcon" | "TrashIcon" | "TriangleDownIcon" | "TriangleLeftIcon" | "TriangleRightIcon" | "TriangleUpIcon" | "TwitterLogoIcon" | "UnderlineIcon" | "UpdateIcon" | "UploadIcon" | "ValueIcon" | "ValueNoneIcon" | "VercelLogoIcon" | "VideoIcon" | "ViewGridIcon" | "ViewHorizontalIcon" | "ViewNoneIcon" | "ViewVerticalIcon" | "WidthIcon" | "ZoomInIcon" | "ZoomOutIcon" | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/RawInput/index.d.ts

@@ -0,0 +1 @@
+export * from './rawInput';

package/dist/components/input/RawInput/rawInput.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Unstyled input extended by other components
+ */
+export declare const RawInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1 @@
+export * from './textArea';

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

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

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

@@ -0,0 +1 @@
+export * from './textInput';

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseInputProps } from '../BaseInput';
+export type TextInputProps = BaseInputProps;
+export declare const TextInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    message?: string | undefined;
+    label?: string | undefined;
+    type?: string | undefined;
+    renderInput?: ((props: import("react").InputHTMLAttributes<HTMLInputElement> & {
+        status?: string | undefined;
+    }) => JSX.Element) | undefined;
+    icon?: "ContentAppIcon" | "OpenFinIcon" | "BellIcon" | "WorkspaceIcon" | "LockedClosedFilledIcon" | "MinimizeIcon" | "LightBulbFilledIcon" | "LightBulbOutlinedIcon" | "FilterIcon" | "BrokenLinkIcon" | "FloppyDiskIcon" | "StackIcon" | "BellFilledIcon" | "StorefrontIcon" | "FragmentsIcon" | "ChevronRightIcon" | "ChevronLeftIcon" | "ChevronUpIcon" | "ChevronDownIcon" | "ExclamationCircledFilledIcon" | "FilledCircleIcon" | "PageIcon" | "RedDotIcon" | "BookmarkFilled" | "BookmarkOutlined" | "FallbackGlobeIcon" | "BlockedIcon" | "EnterpriseGlobeIcon" | "SupertabIcon" | "CollectionIcon" | "AccessibilityIcon" | "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" | "BookmarkFilledIcon" | "BorderAllIcon" | "BorderBottomIcon" | "BorderDashedIcon" | "BorderDottedIcon" | "BorderLeftIcon" | "BorderNoneIcon" | "BorderRightIcon" | "BorderSolidIcon" | "BorderSplitIcon" | "BorderStyleIcon" | "BorderTopIcon" | "BorderWidthIcon" | "BoxIcon" | "BoxModelIcon" | "ButtonIcon" | "CalendarIcon" | "CameraIcon" | "CardStackIcon" | "CardStackMinusIcon" | "CardStackPlusIcon" | "CaretDownIcon" | "CaretLeftIcon" | "CaretRightIcon" | "CaretSortIcon" | "CaretUpIcon" | "ChatBubbleIcon" | "CheckIcon" | "CheckCircledIcon" | "CheckboxIcon" | "CircleIcon" | "CircleBackslashIcon" | "ClipboardIcon" | "ClipboardCopyIcon" | "ClockIcon" | "CodeIcon" | "CodeSandboxLogoIcon" | "ColorWheelIcon" | "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" | "DesktopIcon" | "DimensionsIcon" | "DiscIcon" | "DiscordLogoIcon" | "DividerHorizontalIcon" | "DividerVerticalIcon" | "DotIcon" | "DotFilledIcon" | "DotsHorizontalIcon" | "DotsVerticalIcon" | "DoubleArrowDownIcon" | "DoubleArrowLeftIcon" | "DoubleArrowRightIcon" | "DoubleArrowUpIcon" | "DownloadIcon" | "DragHandleDots1Icon" | "DragHandleDots2Icon" | "DragHandleHorizontalIcon" | "DragHandleVerticalIcon" | "DrawingPinIcon" | "DrawingPinFilledIcon" | "DropdownMenuIcon" | "EnterIcon" | "EnterFullScreenIcon" | "EnvelopeClosedIcon" | "EnvelopeOpenIcon" | "EraserIcon" | "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" | "HeartIcon" | "HeartFilledIcon" | "HeightIcon" | "HobbyKnifeIcon" | "HomeIcon" | "IconJarLogoIcon" | "IdCardIcon" | "ImageIcon" | "InfoCircledIcon" | "InputIcon" | "InstagramLogoIcon" | "KeyboardIcon" | "LapTimerIcon" | "LaptopIcon" | "LayersIcon" | "LayoutIcon" | "LetterCaseCapitalizeIcon" | "LetterCaseLowercaseIcon" | "LetterCaseToggleIcon" | "LetterCaseUppercaseIcon" | "LetterSpacingIcon" | "LightningBoltIcon" | "LineHeightIcon" | "Link1Icon" | "Link2Icon" | "LinkBreak1Icon" | "LinkBreak2Icon" | "LinkNone1Icon" | "LinkNone2Icon" | "LinkedInLogoIcon" | "ListBulletIcon" | "LockClosedIcon" | "LockOpen1Icon" | "LockOpen2Icon" | "LoopIcon" | "MagicWandIcon" | "MagnifyingGlassIcon" | "MarginIcon" | "MaskOffIcon" | "MaskOnIcon" | "MinusIcon" | "MinusCircledIcon" | "MixIcon" | "MixerHorizontalIcon" | "MixerVerticalIcon" | "MobileIcon" | "ModulzLogoIcon" | "MoonIcon" | "MoveIcon" | "NotionLogoIcon" | "OpacityIcon" | "OpenInNewWindowIcon" | "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" | "ScissorsIcon" | "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" | "TextAlignBottomIcon" | "TextAlignCenterIcon" | "TextAlignJustifyIcon" | "TextAlignLeftIcon" | "TextAlignMiddleIcon" | "TextAlignRightIcon" | "TextAlignTopIcon" | "TextNoneIcon" | "ThickArrowDownIcon" | "ThickArrowLeftIcon" | "ThickArrowRightIcon" | "ThickArrowUpIcon" | "TimerIcon" | "TokensIcon" | "TrackNextIcon" | "TrackPreviousIcon" | "TransformIcon" | "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").WithStatusProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/layout/Box/box.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from 'react';
+import { UnitPxType } from '../../system/ThemeProvider/lib/types';
+import * as BoxTypes from './types';
+export type BoxProps = HTMLAttributes<HTMLDivElement> & {
+    alignItems?: BoxTypes.AlignItems;
+    display?: BoxTypes.Display;
+    flexDirection?: BoxTypes.FlexDirection;
+    flexWrap?: BoxTypes.FlexWrap;
+    justifyContent?: BoxTypes.JustifyContent;
+    gap?: UnitPxType;
+    alignSelf?: BoxTypes.AlignSelf;
+    flexBasis?: string;
+    flexGrow?: 1 | 0;
+    flexShrink?: 1 | 0;
+    order?: number;
+    background?: BoxTypes.BackgroundLevel;
+    padding?: UnitPxType;
+};
+/**
+ * ## Box
+ *
+ * Div with flexbox properties applied to their CSS default values.
+ *
+ * - Box can be both the flex parent and the flex child.
+ * - None of the child properties should be applied unless specified.
+ */
+export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HTMLAttributes<HTMLDivElement> & {
+    alignItems?: BoxTypes.AlignItems | undefined;
+    display?: BoxTypes.Display | undefined;
+    flexDirection?: BoxTypes.FlexDirection | undefined;
+    flexWrap?: BoxTypes.FlexWrap | undefined;
+    justifyContent?: BoxTypes.JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: BoxTypes.AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: BoxTypes.BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+}, never>;

package/dist/components/layout/Box/index.d.ts

@@ -0,0 +1 @@
+export * from './box';

package/dist/components/layout/Box/types.d.ts

@@ -0,0 +1,7 @@
+export type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'first baseline' | 'last baseline' | 'start' | 'end' | 'self-start' | 'self-end';
+export type Display = 'flex' | 'inline-flex';
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type JustifyContent = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
+export type AlignSelf = 'auto' | 'flex-start' | ' flex-end' | 'center' | 'baseline' | 'stretch';
+export type BackgroundLevel = 1 | 2 | 3 | 4 | 5 | 6;

package/dist/components/layout/DefinitionList/definitionList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface DefinitionListProps extends React.HTMLAttributes<HTMLDListElement> {
+    /**
+     * A map of key-value pairs to be displayed in the list.
+     *
+     * Using a `Map` is deprecated and will be removed in a future release.
+     */
+    definitions: Map<string, string> | [string, string][];
+}
+export declare const DefinitionList: React.FC<DefinitionListProps>;

package/dist/components/layout/DefinitionList/index.d.ts

@@ -0,0 +1 @@
+export * from './definitionList';

package/dist/components/layout/HamburgerNavigation/hamburgerNavigation.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+export type HamburgerNavigationProps = {
+    children: (closeFunction: () => void) => ReactNode;
+    document?: Document;
+};
+export type HamburgerIconProps = {
+    open?: boolean;
+};
+/**
+ * - Sidebar Menu opens and closes on Hamburger Icon click and when the user selects items from sidebar menu
+ */
+export declare const HamburgerNavigation: FC<HamburgerNavigationProps>;
+export declare const StyledHamburgerIcon: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, HamburgerIconProps, never>;

package/dist/components/layout/HamburgerNavigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hamburgerNavigation';
+export * from './sidebarMenu';

package/dist/components/layout/HamburgerNavigation/sidebarMenu.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type SidebarMenuProps = {
+    open?: boolean;
+    children: ReactNode;
+    document?: Document;
+};
+export type SidebarMenuContainerProps = {
+    open?: boolean;
+};
+export declare const SidebarMenu: ({ open, children, document }: SidebarMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledSidebarMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SidebarMenuContainerProps, never>;
+export declare const StyledMenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/layout/TabList/index.d.ts

@@ -0,0 +1 @@
+export * from './tabList';

package/dist/components/layout/TabList/tab.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+type TabProps = {
+    title: string;
+    icon?: string;
+    children?: ReactNode;
+};
+export declare const Tab: FC<TabProps>;
+export {};

package/dist/components/layout/TabList/tabList.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactElement } from 'react';
+type TabListProps = {
+    children: ReactElement[];
+    document?: Document;
+};
+type TabProps = {
+    title: string;
+    index: number;
+    setSelectedTab: (index: number) => void;
+};
+export declare const Tab: FC<TabProps>;
+export declare const TabList: FC<TabListProps>;
+export {};

package/dist/components/system/GlobalStyles/globalStyles.d.ts

@@ -0,0 +1,5 @@
+import { ImportFonts } from '../ThemeProvider/lib/createFontFaceCss';
+export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const GlobalFonts: import("styled-components").GlobalStyleComponent<{
+    fonts: ImportFonts;
+}, import("styled-components").DefaultTheme>;

package/dist/components/system/GlobalStyles/globalStyles.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/system/GlobalStyles/index.d.ts

@@ -0,0 +1 @@
+export * from './globalStyles';

package/dist/components/system/HOC/index.d.ts

@@ -0,0 +1,4 @@
+export type StatusType = 'success' | 'warning' | 'critical' | 'active';
+export type WithStatusProps = {
+    status?: StatusType;
+};

package/dist/components/system/ThemeProvider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib';
+export * from './themeProvider';

package/dist/components/system/ThemeProvider/lib/colors.d.ts

@@ -0,0 +1,4 @@
+import { ColorInputWithoutInstance as Color } from 'tinycolor2';
+export declare const lightenColor: (color: Color, amount?: number) => string;
+export declare const darkenColor: (color: Color, amount?: number) => string;
+export declare const getMostReadable: (baseColor: Color, colors: Color[]) => string;

package/dist/components/system/ThemeProvider/lib/constants.d.ts

@@ -0,0 +1,214 @@
+/**
+ * Color --
+ * Color maps names to values.
+ * This is the "raw" store of all OpenFin colors
+ * referenced by their Figma names.
+ *
+ * This is the only place Color values should be defined
+ */
+export declare const Color: {
+    readonly white: "#FFFFFF";
+    readonly lightGray1: "#FAFBFE";
+    readonly lightGray2: "#F3F5F8";
+    readonly lightGray3: "#ECEEF1";
+    readonly lightGray4: "#DDDFE4";
+    readonly lightGray5: "#C9CBD2";
+    readonly neutralGray: "#7D808A";
+    readonly neutralGray80: "rgba(125,128,138,0.8)";
+    readonly silverGray: "#C0C1C2";
+    readonly darkGray1: "#53565F";
+    readonly darkGray2: "#383A40";
+    readonly darkGray3: "#2F3136";
+    readonly darkGray4: "#24262B";
+    readonly darkGray5: "#1E1F23";
+    readonly darkGray6: "#111214";
+    readonly openFinDarkest: "#3D39CD";
+    readonly openFinDarker: "#4642E0";
+    readonly openFin: "#504CFF";
+    readonly openFinLight: "#5254FB";
+    readonly openFinLighter: "#5C5EFE";
+    readonly openFinLightest: "#6864FF";
+    readonly functional1: "#207735";
+    readonly functional2: "#46C8F1";
+    readonly functional3: "#0A76D3";
+    readonly functional4: "#6CADE5";
+    readonly functional5: "#0A76D3";
+    readonly functional6: "#882BFE";
+    readonly functional7: "#F31818";
+    readonly functional8: "#C93400";
+    readonly functional9: "#FF5E60";
+    readonly functional10: "#F48F00";
+    readonly purple: "#8C61FF";
+    readonly lightblue: "#36C3FE";
+    readonly aqua: "#00CC88";
+    readonly yellow: "#FFEB00";
+    readonly salmon: "#FF8C4C";
+    readonly pink: "#FF5E60";
+    readonly lightpink: "#FF8FB8";
+    readonly white00: "rgba(255,255,255,0.0)";
+    readonly white10: "rgba(255,255,255,0.1)";
+    readonly white20: "rgba(255,255,255,0.2)";
+    readonly white30: "rgba(255,255,255,0.3)";
+    readonly white40: "rgba(255,255,255,0.4)";
+    readonly white50: "rgba(255,255,255,0.5)";
+    readonly white60: "rgba(255,255,255,0.6)";
+    readonly white70: "rgba(255,255,255,0.7)";
+    readonly white80: "rgba(255,255,255,0.8)";
+    readonly white90: "rgba(255,255,255,0.9)";
+    readonly black00: "rgba(0,0,0,0.0)";
+    readonly black10: "rgba(0,0,0,0.1)";
+    readonly black20: "rgba(0,0,0,0.2)";
+    readonly black30: "rgba(0,0,0,0.3)";
+    readonly black40: "rgba(0,0,0,0.4)";
+    readonly black50: "rgba(0,0,0,0.5)";
+    readonly black60: "rgba(0,0,0,0.6)";
+    readonly black70: "rgba(0,0,0,0.7)";
+    readonly black80: "rgba(0,0,0,0.8)";
+    readonly black90: "rgba(0,0,0,0.9)";
+    readonly transparent: "transparent";
+    readonly openFinActive: "#4642FF";
+    readonly openFinHover: "#6965FF";
+    readonly lightGray4Active: "#D7DADF";
+    readonly lightGray4Hover: "#EBECEF";
+    readonly darkGray2Active: "#33353B";
+    readonly darkGray2Hover: "#44464E";
+};
+/**
+ * Size --
+ * Common keys used to describe a range of values
+ * - Unit, UnitPx, Shadow, FontSize
+ */
+export declare const Size: {
+    readonly xsmall: "xsmall";
+    readonly small: "small";
+    readonly base: "base";
+    readonly large: "large";
+    readonly xlarge: "xlarge";
+    readonly xxlarge: "xxlarge";
+    readonly xxxlarge: "xxxlarge";
+    readonly xxxxlarge: "xxxxlarge";
+};
+/**
+ * SizeName --
+ * Primarly a Storybook Helper for displaying human-friendly size names
+ * It's more intuitive to maintain this if it lives here
+ */
+export declare const SizeName: {
+    readonly xsmall: "Extra Small";
+    readonly small: "Small";
+    readonly base: "Base";
+    readonly large: "Large";
+    readonly xlarge: "Extra Large";
+    readonly xxlarge: "2X Large";
+    readonly xxxlarge: "3X Large";
+    readonly xxxxlarge: "4X Large";
+};
+/**
+ * Unit --
+ * Design System works on a 4px Grid
+ * Units are represented as numbers here for convienence in Javascript, e.g. `Unit.base * 4`
+ */
+export declare const Unit: {
+    readonly xsmall: 4;
+    readonly small: 8;
+    readonly base: 12;
+    readonly large: 16;
+    readonly xlarge: 20;
+    readonly xxlarge: 24;
+    readonly xxxlarge: 32;
+    readonly xxxxlarge: 48;
+};
+/**
+ * UnitPx / "px" --
+ * Design System works on a 4px Grid
+ * UnitPx includes the px suffix for convenience in Styled Components
+ */
+export declare const UnitPx: {
+    readonly xsmall: "4px";
+    readonly small: "8px";
+    readonly base: "12px";
+    readonly large: "16px";
+    readonly xlarge: "20px";
+    readonly xxlarge: "24px";
+    readonly xxxlarge: "32px";
+    readonly xxxxlarge: "48px";
+};
+/**
+ * Radius --
+ * The border radius values supported in the design system
+ */
+export declare const Radius: {
+    readonly xsmall: "2px";
+    readonly small: "4px";
+    readonly base: "8px";
+    readonly large: "24px";
+    readonly pill: "100vh";
+    readonly round: "50%";
+    readonly none: "0";
+};
+/**
+ * Shadow --
+ * Design System drop shadows
+ * Note: This does not include any `text-shadow`
+ */
+export declare const Shadow: {
+    base: string;
+};
+/**
+ * Design System uses "Inter" and we include @font-face definitions to load a CDN hosted version of the font
+ * The rest of the stack includes reasonable fallbacks for contingency cases where the CDN asset fails to load
+ */
+export declare const FontFamily: string;
+/**
+ * FontSize --
+ * Design System font sizes using standard scale
+ */
+export declare const FontSize: {
+    readonly xsmall: "8px";
+    readonly small: "10px";
+    readonly base: "12px";
+    readonly large: "14px";
+    readonly xlarge: "16px";
+    readonly xxlarge: "18px";
+    readonly xxxlarge: "20px";
+    readonly xxxxlarge: "40px";
+};
+/**
+ * FontWeight --
+ * Design System font weights (three)
+ */
+export declare const FontWeight: {
+    readonly normal: 400;
+    readonly bold: 600;
+};
+/**
+ * LineHeight --
+ * Read about "unitless" line-height
+ * @link https://css-tricks.com/almanac/properties/l/line-height/#unitless-line-heights
+ */
+export declare const LineHeight: {
+    readonly ui: 1;
+    readonly heading: 1.2;
+    readonly text: 1.5;
+};
+/**
+ * Transitions --
+ * Design System transition easings because UI motion feels better if everything moves the same way.
+ */
+export declare const Transition: {
+    readonly base: "200ms cubic-bezier(0.16, 1, 0.3, 1)";
+    readonly none: "0ms";
+};
+/**
+ * IconSize --
+ * Design System standard set of icon sizes
+ */
+export declare const IconSize: {
+    readonly xsmall: "8px";
+    readonly small: "12px";
+    readonly base: "15px";
+    readonly large: "20px";
+    readonly xlarge: "24px";
+    readonly xxlarge: "32px";
+    readonly xxxlarge: "48px";
+};

package/dist/components/system/ThemeProvider/lib/createFontFaceCss.d.ts

@@ -0,0 +1,11 @@
+import { FlattenSimpleInterpolation } from 'styled-components';
+export interface ImportFonts {
+    regular: string;
+    italic: string;
+    semiBold: string;
+    semiBoldItalic: string;
+}
+/**
+ * Import global fonts using your own config.
+ */
+export declare function createFontFaceCss(fonts: ImportFonts): FlattenSimpleInterpolation;

package/dist/components/system/ThemeProvider/lib/createTheme.d.ts

@@ -0,0 +1,9 @@
+import { PaletteType } from '../lib/types';
+import type { DefaultTheme } from 'styled-components';
+/**
+ * Create a theme by accepting an incomplete theme object and deriving the remaining colors based on button colors.
+ *
+ * @param {Partial<PaletteType>} palettePartial The provided theme keys, whether we or the end user defined them.
+ * @returns {DefaultTheme}
+ */
+export declare const createTheme: (palettePartial: Partial<PaletteType>) => DefaultTheme;