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

package/dist/components/controls/Menus/common.d.ts

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
+    display?: import("../../layout/Box/types").Display | undefined;
+    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+}, never>;
+export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
+    display?: import("../../layout/Box/types").Display | undefined;
+    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+}, never>;
+export declare const MenuItemInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
+    display?: import("../../layout/Box/types").Display | undefined;
+    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    enabled?: string | undefined;
+    selected?: boolean | undefined;
+}, never>;
+export declare const MenuItemIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
+    alignItems?: import("../../layout/Box/types").AlignItems | undefined;
+    display?: import("../../layout/Box/types").Display | undefined;
+    flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
+    flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
+    justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
+    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
+    flexBasis?: string | undefined;
+    flexGrow?: 0 | 1 | undefined;
+    flexShrink?: 0 | 1 | undefined;
+    order?: number | undefined;
+    background?: import("../../layout/Box/types").BackgroundLevel | undefined;
+    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+} & {
+    side: 'left' | 'right';
+}, never>;
+export declare const MenuItemIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    side: 'left' | 'right';
+}, never>;
+export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    enabled?: boolean | undefined;
+}, never>;
+export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
+    color?: "textDefault" | "background6" | undefined;
+    children: import("react").ReactNode;
+    size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    weight?: "normal" | "bold" | undefined;
+} & {
+    enabled?: boolean | undefined;
+}, never>;

package/dist/components/controls/Toggle/index.d.ts

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

package/dist/components/controls/Toggle/toggle.d.ts

@@ -0,0 +1,10 @@
+import React, { FC, InputHTMLAttributes } from 'react';
+export type LabelSideType = 'left' | 'right';
+export type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    labelSide?: LabelSideType;
+    type?: 'checkbox' | 'radio';
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    helperText?: string;
+};
+export declare const Toggle: FC<ToggleProps>;

package/dist/components/elements/Badge/badge.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface BadgeCountProps {
+    /**
+     * Number displayed in the badge.
+     */
+    count: number;
+    /**
+     * If `count` is greater than `max` it will be clamped to `max`.
+     * When clamped it will display `{max}+`.
+     *
+     * @example
+     * <Badge count={200} max={99} />
+     * // outputs `99+`
+     */
+    max?: number;
+}
+export type BadgeProps = BadgeCountProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Badge: React.FC<BadgeProps>;

package/dist/components/elements/Badge/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { MenuOption } from './menu';
+export type MenuPosition = 'above' | 'below';
+export interface DropdownMenuProps {
+    label?: string;
+    selected?: MenuOption;
+    options?: MenuOption[][];
+    onChange: (value: MenuOption) => void;
+    onOptionHover?: (value?: unknown) => void;
+    placeholder?: string;
+    renderLabel?: (option: MenuOption, isOpen: boolean, onClick: () => void, focusedOption?: MenuOption) => ReactNode;
+    fitContent?: boolean;
+    menuPosition?: MenuPosition;
+    maxHeight?: string;
+}
+export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+export * from './dropdownMenu';
+export * from './menu';
+export * from './dropdownButton';

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { MenuPosition } from './dropdownMenu';
+export interface MenuOption {
+    title: string;
+    value: unknown;
+    iconUrl?: string;
+    overrideOnClick?: (value?: MenuOption) => void;
+}
+/**
+ * The properties for the Menu component.
+ */
+export interface MenuProps {
+    /**
+     * An array of options to be displayed in the menu. The outer array represents the rows of the menu, while the inner arrays represent the columns.
+     */
+    options: MenuOption[][];
+    /**
+     * The currently selected option in the menu.
+     */
+    selected?: MenuOption;
+    /**
+     * An ID to associate wrapper component with this Menu.
+     */
+    menuId?: string;
+    /**
+     * A function to be called to close the menu.
+     */
+    handleExpandMenu?: () => void;
+    /**
+     * A function to be called when an option in the menu is hovered over.
+     */
+    onOptionHover?: (value?: unknown) => void;
+    /**
+     * A function to be called when an option in the menu is selected/clicked.
+     */
+    onChange: (value: MenuOption) => void;
+    /**
+     * Whether the width of the menu should fit its contents
+     */
+    fitContent?: boolean;
+    /**
+     * The width of the menu, as a CSS string, default to 100% of the parent container.
+     */
+    width?: string;
+    /**
+     * The height of the menu, as a CSS string.
+     */
+    height?: string;
+    /**
+     * The text to be displayed as the header of the menu.
+     */
+    header?: string;
+    /**
+     * The currently focused option in the menu.
+     */
+    focusedOption?: MenuOption;
+    /**
+     * The menu should be positioned absolutely.
+     */
+    absolutePosition?: boolean;
+    /**
+     * The position of the menu relative to the button ('above' or 'below').
+     */
+    menuPosition?: MenuPosition;
+}
+export declare const Menu: React.FC<MenuProps>;
+export declare const ButtonImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { TextProps } from '../../typography/Text';
+interface OptionTitleProps extends Omit<TextProps, 'children'> {
+    children?: string;
+}
+/**
+ * A single line of Text that will overflow with ellipsis. When overflown mousing over the text will display a tooltip with the text content.
+ */
+export declare const OptionTitle: FC<OptionTitleProps>;
+/**
+ * Checks if a element's content is overflown.
+ */
+export declare function isElementOverflown(element: HTMLElement): boolean;
+export declare const useTooltip: <R extends HTMLElement>(tooltip?: string) => React.Ref<R>;
+export {};

package/dist/components/elements/Icon/icon.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { IconSizeType, IconType } from '../../system/ThemeProvider/lib/types';
+export type PropsWithIcon = {
+    icon: IconType;
+    children?: never;
+};
+export type PropsWithChild = {
+    icon?: never;
+    children: ReactNode;
+};
+export type IconSizeProps = {
+    size?: IconSizeType;
+    containerSize?: IconSizeType;
+};
+export type IconProps = HTMLAttributes<HTMLDivElement> & (PropsWithIcon | PropsWithChild) & IconSizeProps & {
+    'data-testid'?: string;
+    enabled?: boolean;
+};
+export declare const Icon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/elements/Icon/icon.variants.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Define all Button Variants here in one place.
+ * Variants should match the variants in Figma
+ */
+export declare const Variant: {
+    readonly iconSize: "iconSize";
+    readonly containerSize: "containerSize";
+};
+export declare const variants: {
+    readonly iconSize: {
+        readonly xsmall: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xxxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+    };
+    readonly containerSize: {
+        readonly xsmall: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly base: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly xxxlarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+    };
+};

package/dist/components/elements/Icon/index.d.ts

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

package/dist/components/elements/Icon/openfin/BellFilledIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const BellFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/BellIcon.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * OVERRIDE!
+ * This replaces Radix UI BellIcon
+ */
+export declare const BellIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/BlockedIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const BlockedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/BookmarkFilled.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const BookmarkFilled: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/BookmarkOutlined.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const BookmarkOutlined: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/BrokenLinkIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const BrokenLinkIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ChevronDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ChevronDownIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ChevronLeftIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ChevronLeftIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ChevronRightIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ChevronRightIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ChevronUpIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ChevronUpIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/CollectionIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const CollectionIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ContentAppIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ContentAppIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/EnterpriseGlobeIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const EnterpriseGlobeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/ExclamationCircledFilledIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const ExclamationCircledFilledIcon: (props: IconProps & {
+    secondaryColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/FallbackGlobeIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const FallbackGlobeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/FilledCircleIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const FilledCircleIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/FilterIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const FilterIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/FloppyDiskIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * Floppy Disc Icon
+ */
+export declare const FloppyDiskIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/FragmentsIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const FragmentsIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/LightBulbFilledIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const LightBulbFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/LightBulbOutlinedIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const LightBulbOutlinedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/LockedClosedFilledIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * OpenFin Icon
+ */
+export declare const LockedClosedFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/MinimizeIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * Minimize Icon
+ */
+export declare const MinimizeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/OpenFinIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * OpenFin Icon
+ */
+export declare const OpenFinIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/PageIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * Page Icon
+ */
+export declare const PageIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/RedDotIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const RedDotIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/StackIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const StackIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/StorefrontIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+export declare const StorefrontIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/SupertabIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * EB Supertab Icon
+ */
+export declare const SupertabIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/WorkspaceIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '@radix-ui/react-icons/dist/types';
+/**
+ * OpenFin Workspace Icon
+ */
+export declare const WorkspaceIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/elements/Icon/openfin/index.d.ts

@@ -0,0 +1,30 @@
+export * from './ContentAppIcon';
+export * from './OpenFinIcon';
+export * from './BellIcon';
+export * from './WorkspaceIcon';
+export * from './LockedClosedFilledIcon';
+export * from './MinimizeIcon';
+export * from './LightBulbFilledIcon';
+export * from './LightBulbOutlinedIcon';
+export * from './FilterIcon';
+export * from './BrokenLinkIcon';
+export * from './FloppyDiskIcon';
+export * from './StackIcon';
+export * from './BellFilledIcon';
+export * from './StorefrontIcon';
+export * from './FragmentsIcon';
+export * from './ChevronRightIcon';
+export * from './ChevronLeftIcon';
+export * from './ChevronUpIcon';
+export * from './ChevronDownIcon';
+export * from './ExclamationCircledFilledIcon';
+export * from './FilledCircleIcon';
+export * from './PageIcon';
+export * from './RedDotIcon';
+export * from './BookmarkFilled';
+export * from './BookmarkOutlined';
+export * from './FallbackGlobeIcon';
+export * from './BlockedIcon';
+export * from './EnterpriseGlobeIcon';
+export * from './SupertabIcon';
+export * from './CollectionIcon';

package/dist/components/elements/IconWithBadge/iconWithBadge.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from '../Icon/icon';
+import { BadgeCountProps } from '../Badge';
+export type IconWithBadgeProps = IconProps & BadgeCountProps;
+export declare const IconWithBadge: React.FC<IconWithBadgeProps>;

package/dist/components/elements/IconWithBadge/index.d.ts

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

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) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/elements/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './loader';
+export * from './openfinLoader';

package/dist/components/elements/Loader/loader.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+import { IconSizeProps } from '../Icon';
+export type LoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
+export declare const Loader: import("styled-components").StyledComponent<({ ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;

package/dist/components/elements/Loader/openfinLoader.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+import { IconSizeProps } from '../Icon';
+export type OpenfinLoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
+export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;

package/dist/components/helper/ValidationError.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ValidationErrorProps = {
+    children: string;
+};
+export declare const ValidationError: React.FC<ValidationErrorProps>;
+export {};

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

@@ -0,0 +1,29 @@
+import React, { InputHTMLAttributes } from 'react';
+import { WithStatusProps } from '../../system/HOC';
+import { IconType } from '../../system/ThemeProvider/lib/types';
+export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
+    message?: string;
+    label?: string;
+    type?: string;
+    renderInput?: (props: InputHTMLAttributes<HTMLInputElement> & {
+        status?: string;
+    }) => JSX.Element;
+    icon?: IconType | (() => JSX.Element);
+    helperText?: string;
+    validationErrorMessage?: string;
+} & WithStatusProps;
+/**
+ * @private This should not be exposed beyond the ui-library.
+ */
+export declare const BaseInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    message?: string | undefined;
+    label?: string | undefined;
+    type?: string | undefined;
+    renderInput?: ((props: InputHTMLAttributes<HTMLInputElement> & {
+        status?: string;
+    }) => 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;
+} & 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/BaseInput/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BaseInputProps } from '../BaseInput';
+import { StatusType } from '../../system/HOC';
+import { CheckboxVariant } from './checkbox.variants';
+export type CheckboxProps = Omit<BaseInputProps, 'status'> & {
+    variant?: keyof typeof CheckboxVariant;
+    status?: StatusType;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<BaseInputProps, "status"> & {
+    variant?: "default" | "primary" | undefined;
+    status?: StatusType | undefined;
+} & React.RefAttributes<HTMLInputElement>>;