@openfin/ui-library 0.28.1-alpha.1737713987 → 0.28.1-alpha.1738144127
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.
- package/dist/components/controls/CollapsibleCard/collapsibleCard.d.ts +1 -1
- package/dist/components/controls/ExpandableButton/expandableButton.d.ts +1 -1
- package/dist/components/controls/ExpandableButton/expandablePanel.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/CustomContextMenuItem.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/NormalCustomContextMenuItem.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/RootMenuHeader.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SubmenuHeaderCustomContextMenuItem.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts +1 -1
- package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.d.ts +2 -2
- package/dist/components/controls/Menus/common.d.ts +36 -65
- package/dist/components/elements/Calendar/calendar.d.ts +1 -1
- package/dist/components/elements/Icon/openfin/BellFilledIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/BellIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/BlockedIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/BookmarkFilled.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/BookmarkOutlined.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/BrokenLinkIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/ChevronDownIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/ChevronLeftIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/ChevronRightIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/ChevronUpIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/ExclamationCircledFilledIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/FallbackGlobeIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/FilledCircleIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/FilterIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/FloppyDiskIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/FragmentsIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/LightBulbFilledIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/LightBulbOutlinedIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/LockedClosedFilledIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/MinimizeIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/OpenFinIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/PageIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/RedDotIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/StackIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/StorefrontIcon.d.ts +2 -2
- package/dist/components/elements/Icon/openfin/WorkspaceIcon.d.ts +2 -2
- package/dist/components/elements/Label/label.d.ts +1 -2
- package/dist/components/elements/Loader/loader.d.ts +1 -1
- package/dist/components/elements/Loader/openfinLoader.d.ts +1 -1
- package/dist/components/input/BaseInput/baseInput.d.ts +10 -8
- package/dist/components/input/Checkbox/checkbox.d.ts +7 -7
- package/dist/components/input/NumberInput/numberInput.d.ts +0 -1
- package/dist/components/input/RadioInput/radioInput.d.ts +3 -3
- package/dist/components/input/TextArea/textArea.d.ts +3 -3
- package/dist/components/input/TextInput/textInput.d.ts +7 -8
- package/dist/components/layout/Box/box.d.ts +1 -15
- package/dist/components/layout/HamburgerNavigation/sidebarMenu.d.ts +1 -1
- package/dist/components/layout/TabList/tab.d.ts +2 -1
- package/dist/components/system/ThemeProvider/lib/iconSet.d.ts +340 -320
- package/dist/components/system/ThemeProvider/themeProvider.d.ts +2 -1
- package/dist/components/system/ThemeProvider/themeProvider.spec.d.ts +1 -1
- package/dist/components/templates/CascadingDropdownMenu/cascadingDropdownMenu.d.ts +1 -2
- package/dist/components/templates/ContactCard/PresenceIcons.d.ts +4 -4
- package/dist/components/typography/Heading/heading.d.ts +408 -354
- package/dist/components/typography/Text/text.d.ts +1 -6
- package/dist/hooks/useColorScheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts +2 -2
- package/dist/index.js +164 -164
- package/dist/index.js.LICENSE.txt +3 -17
- package/dist/storybookHelpers.d.ts +53 -54
- package/package.json +20 -20
|
@@ -12,7 +12,7 @@ export interface CollapsibleCardStatelessProps {
|
|
|
12
12
|
badgeText?: number;
|
|
13
13
|
maxHeight?: number;
|
|
14
14
|
headerSettings?: CollapsibleCardHeaderSettings;
|
|
15
|
-
children
|
|
15
|
+
children?: ReactNode;
|
|
16
16
|
expanded: boolean;
|
|
17
17
|
onExpand: (expanded: boolean) => void;
|
|
18
18
|
}
|
|
@@ -13,4 +13,4 @@ export type ExpandableButtonProps = Omit<ButtonProps, 'shape'> & {
|
|
|
13
13
|
stretchExpandablePanel?: boolean;
|
|
14
14
|
document?: Document;
|
|
15
15
|
};
|
|
16
|
-
export declare const ExpandableButton: (props: ExpandableButtonProps) => JSX.Element;
|
|
16
|
+
export declare const ExpandableButton: (props: ExpandableButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,4 +11,4 @@ export type ExpandablePanelProps = {
|
|
|
11
11
|
stretch?: boolean;
|
|
12
12
|
document?: Document;
|
|
13
13
|
};
|
|
14
|
-
export declare const ExpandablePanel: (props: ExpandablePanelProps) => JSX.Element;
|
|
14
|
+
export declare const ExpandablePanel: (props: ExpandablePanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,4 +11,4 @@ export type CustomContextMenuItemData = {
|
|
|
11
11
|
onBack?: () => void;
|
|
12
12
|
selected?: boolean;
|
|
13
13
|
};
|
|
14
|
-
export declare const CustomContextMenuItem: ({ type, icon, label, enabled, checked, submenu, showShouldHomeButton, onClick, onClose, onBack, selected, }: CustomContextMenuItemData) => JSX.Element;
|
|
14
|
+
export declare const CustomContextMenuItem: ({ type, icon, label, enabled, checked, submenu, showShouldHomeButton, onClick, onClose, onBack, selected, }: CustomContextMenuItemData) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,4 +8,4 @@ export type NormalCustomContextMenuItemProps = {
|
|
|
8
8
|
onClick?: () => void;
|
|
9
9
|
selected?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const NormalCustomContextMenuItem: ({ type, label, enabled, checked, submenu, onClick, selected, }: NormalCustomContextMenuItemProps) => JSX.Element;
|
|
11
|
+
export declare const NormalCustomContextMenuItem: ({ type, label, enabled, checked, submenu, onClick, selected, }: NormalCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/RootMenuHeader.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
export type RootMenuHeaderProps = {
|
|
3
3
|
icon: ReactNode;
|
|
4
4
|
};
|
|
5
|
-
export declare const RootMenuHeader: ({ icon }: RootMenuHeaderProps) => JSX.Element;
|
|
5
|
+
export declare const RootMenuHeader: ({ icon }: RootMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,4 +5,4 @@ export type SubmenuHeaderCustomContextMenuItemProps = {
|
|
|
5
5
|
onBack?: () => void;
|
|
6
6
|
selected?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare const SubmenuHeaderCustomContextMenuItem: ({ label, showShouldHomeButton, onClose, onBack, selected, }: SubmenuHeaderCustomContextMenuItemProps) => JSX.Element;
|
|
8
|
+
export declare const SubmenuHeaderCustomContextMenuItem: ({ label, showShouldHomeButton, onClose, onBack, selected, }: SubmenuHeaderCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ import { CustomContextMenuData, SubmenulessMenuItemTemplate } from './CustomCont
|
|
|
14
14
|
* @param { () => void } handleNavigateToBase - Function to navigate back to the base menu.
|
|
15
15
|
* @returns { void }
|
|
16
16
|
*/
|
|
17
|
-
export declare const useContextMenuKeyboardNavigation: (menuOptions: SubmenulessMenuItemTemplate[], menuLabelStack: string[], activeMenuLabel: string, selectedIndex: number, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, onClick: (data: CustomContextMenuData) => void, handleNavigateToSubmenu: (submenuLabel: string) => void, handleBackToParentMenu: (submenuLabel: string, method:
|
|
17
|
+
export declare const useContextMenuKeyboardNavigation: (menuOptions: SubmenulessMenuItemTemplate[], menuLabelStack: string[], activeMenuLabel: string, selectedIndex: number, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, onClick: (data: CustomContextMenuData) => void, handleNavigateToSubmenu: (submenuLabel: string) => void, handleBackToParentMenu: (submenuLabel: string, method: "click" | "keyboard") => void, handleNavigateToBase: () => void) => void;
|
|
@@ -18,8 +18,8 @@ import { SubMenuNavigationTemplate } from './CustomContextMenu';
|
|
|
18
18
|
export declare const useContextMenuNavigation: (transitionSpeed: number, setTransitionSpeed: React.Dispatch<React.SetStateAction<number>>, menuLabelStack: string[], setMenuLabelStack: React.Dispatch<React.SetStateAction<string[]>>, activeMenuLabel: string | undefined, setActiveMenuLabel: React.Dispatch<React.SetStateAction<string | undefined>>, setActiveMenuDimensions: React.Dispatch<React.SetStateAction<{
|
|
19
19
|
width: number;
|
|
20
20
|
height: number;
|
|
21
|
-
}>>, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, menuCollection: SubMenuNavigationTemplate[], onMenuResize?: (
|
|
21
|
+
}>>, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, menuCollection: SubMenuNavigationTemplate[], onMenuResize?: (height: number, width: number) => void) => {
|
|
22
22
|
handleNavigateToSubmenu: (parentLabel: string) => void;
|
|
23
|
-
handleNavigateBackToParent: (submenuLabel: string, method?:
|
|
23
|
+
handleNavigateBackToParent: (submenuLabel: string, method?: "click" | "keyboard") => void;
|
|
24
24
|
handleNavigateToBase: () => void;
|
|
25
25
|
};
|
|
@@ -1,77 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
4
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
5
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
6
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
7
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
8
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
9
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
10
|
-
flexBasis?: string | undefined;
|
|
11
|
-
flexGrow?: 0 | 1 | undefined;
|
|
12
|
-
flexShrink?: 0 | 1 | undefined;
|
|
13
|
-
order?: number | undefined;
|
|
14
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
15
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
16
|
-
}, never>;
|
|
17
|
-
export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
18
|
-
alignItems?: import("../../layout/Box/types").AlignItems | undefined;
|
|
19
|
-
display?: import("../../layout/Box/types").Display | undefined;
|
|
20
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection | undefined;
|
|
21
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap | undefined;
|
|
22
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent | undefined;
|
|
23
|
-
gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
24
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf | undefined;
|
|
25
|
-
flexBasis?: string | undefined;
|
|
26
|
-
flexGrow?: 0 | 1 | undefined;
|
|
27
|
-
flexShrink?: 0 | 1 | undefined;
|
|
28
|
-
order?: number | undefined;
|
|
29
|
-
background?: import("../../layout/Box/types").BackgroundLevel | undefined;
|
|
30
|
-
padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
|
|
31
|
-
}, never>;
|
|
1
|
+
export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../layout/Box").BoxProps, never>;
|
|
2
|
+
export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../layout/Box").BoxProps, never>;
|
|
32
3
|
export declare const MenuItemInnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
33
|
-
alignItems?: import("../../layout/Box/types").AlignItems
|
|
34
|
-
display?: import("../../layout/Box/types").Display
|
|
35
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection
|
|
36
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap
|
|
37
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent
|
|
38
|
-
gap?: "
|
|
39
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf
|
|
40
|
-
flexBasis?: string
|
|
41
|
-
flexGrow?:
|
|
42
|
-
flexShrink?:
|
|
43
|
-
order?: number
|
|
44
|
-
background?: import("../../layout/Box/types").BackgroundLevel
|
|
45
|
-
padding?: "
|
|
4
|
+
alignItems?: import("../../layout/Box/types").AlignItems;
|
|
5
|
+
display?: import("../../layout/Box/types").Display;
|
|
6
|
+
flexDirection?: import("../../layout/Box/types").FlexDirection;
|
|
7
|
+
flexWrap?: import("../../layout/Box/types").FlexWrap;
|
|
8
|
+
justifyContent?: import("../../layout/Box/types").JustifyContent;
|
|
9
|
+
gap?: import("../../system").UnitPxType;
|
|
10
|
+
alignSelf?: import("../../layout/Box/types").AlignSelf;
|
|
11
|
+
flexBasis?: string;
|
|
12
|
+
flexGrow?: 1 | 0;
|
|
13
|
+
flexShrink?: 1 | 0;
|
|
14
|
+
order?: number;
|
|
15
|
+
background?: import("../../layout/Box/types").BackgroundLevel;
|
|
16
|
+
padding?: import("../../system").UnitPxType;
|
|
46
17
|
} & {
|
|
47
|
-
enabled?: string
|
|
48
|
-
selected?: boolean
|
|
18
|
+
enabled?: string;
|
|
19
|
+
selected?: boolean;
|
|
49
20
|
}, never>;
|
|
50
21
|
export declare const MenuItemIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLDivElement> & {
|
|
51
|
-
alignItems?: import("../../layout/Box/types").AlignItems
|
|
52
|
-
display?: import("../../layout/Box/types").Display
|
|
53
|
-
flexDirection?: import("../../layout/Box/types").FlexDirection
|
|
54
|
-
flexWrap?: import("../../layout/Box/types").FlexWrap
|
|
55
|
-
justifyContent?: import("../../layout/Box/types").JustifyContent
|
|
56
|
-
gap?: "
|
|
57
|
-
alignSelf?: import("../../layout/Box/types").AlignSelf
|
|
58
|
-
flexBasis?: string
|
|
59
|
-
flexGrow?:
|
|
60
|
-
flexShrink?:
|
|
61
|
-
order?: number
|
|
62
|
-
background?: import("../../layout/Box/types").BackgroundLevel
|
|
63
|
-
padding?: "
|
|
22
|
+
alignItems?: import("../../layout/Box/types").AlignItems;
|
|
23
|
+
display?: import("../../layout/Box/types").Display;
|
|
24
|
+
flexDirection?: import("../../layout/Box/types").FlexDirection;
|
|
25
|
+
flexWrap?: import("../../layout/Box/types").FlexWrap;
|
|
26
|
+
justifyContent?: import("../../layout/Box/types").JustifyContent;
|
|
27
|
+
gap?: import("../../system").UnitPxType;
|
|
28
|
+
alignSelf?: import("../../layout/Box/types").AlignSelf;
|
|
29
|
+
flexBasis?: string;
|
|
30
|
+
flexGrow?: 1 | 0;
|
|
31
|
+
flexShrink?: 1 | 0;
|
|
32
|
+
order?: number;
|
|
33
|
+
background?: import("../../layout/Box/types").BackgroundLevel;
|
|
34
|
+
padding?: import("../../system").UnitPxType;
|
|
64
35
|
} & {
|
|
65
|
-
side:
|
|
36
|
+
side: "left" | "right";
|
|
66
37
|
}, never>;
|
|
67
38
|
export declare const MenuItemRightIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../elements/Icon").IconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
68
|
-
enabled?: boolean
|
|
39
|
+
enabled?: boolean;
|
|
69
40
|
}, never>;
|
|
70
41
|
export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
|
|
71
|
-
color?: "textDefault" | "background6"
|
|
42
|
+
color?: "textDefault" | "background6";
|
|
72
43
|
children: import("react").ReactNode;
|
|
73
|
-
size?: "
|
|
74
|
-
weight?: "
|
|
44
|
+
size?: import("../../system").FontSizeType;
|
|
45
|
+
weight?: import("../../system").FontWeightType;
|
|
75
46
|
} & {
|
|
76
|
-
enabled?: boolean
|
|
47
|
+
enabled?: boolean;
|
|
77
48
|
}, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { CalendarProps } from 'react-calendar';
|
|
3
|
-
export interface CalendarPropsExtended extends Omit<CalendarProps, 'value' | 'calendarType' | 'defaultView' | 'minDetail'> {
|
|
3
|
+
export interface CalendarPropsExtended extends Omit<CalendarProps, 'value' | 'calendarType' | 'defaultView' | 'minDetail' | 'onChange'> {
|
|
4
4
|
value?: Date;
|
|
5
5
|
onChange?: (date?: Date) => void;
|
|
6
6
|
onDismiss?: () => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const BellFilledIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const BellFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* OVERRIDE!
|
|
4
4
|
* This replaces Radix UI BellIcon
|
|
5
5
|
*/
|
|
6
|
-
export declare const BellIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
6
|
+
export declare const BellIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const BlockedIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const BlockedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const BookmarkFilled: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const BookmarkFilled: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const BookmarkOutlined: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const BookmarkOutlined: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const BrokenLinkIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const BrokenLinkIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const ChevronDownIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const ChevronDownIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const ChevronLeftIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const ChevronLeftIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const ChevronRightIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const ChevronRightIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const ChevronUpIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const ChevronUpIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
export declare const ExclamationCircledFilledIcon: (props: IconProps & {
|
|
3
3
|
secondaryColor?: string;
|
|
4
|
-
}) => JSX.Element;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const FallbackGlobeIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const FallbackGlobeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const FilledCircleIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const FilledCircleIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const FilterIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const FilterIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* Floppy Disc Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const FloppyDiskIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const FloppyDiskIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const FragmentsIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const FragmentsIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const LightBulbFilledIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const LightBulbFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const LightBulbOutlinedIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const LightBulbOutlinedIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* OpenFin Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const LockedClosedFilledIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const LockedClosedFilledIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* Minimize Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const MinimizeIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const MinimizeIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* OpenFin Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const OpenFinIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const OpenFinIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* Page Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const PageIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const PageIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const RedDotIcon: ({ ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const RedDotIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const StackIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const StackIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
2
|
-
export declare const StorefrontIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
|
+
export declare const StorefrontIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IconProps } from '@
|
|
1
|
+
import { IconProps } from '@radix-ui/react-icons/dist/types';
|
|
2
2
|
/**
|
|
3
3
|
* OpenFin Workspace Icon
|
|
4
4
|
*/
|
|
5
|
-
export declare const WorkspaceIcon: ({ color, ...props }: IconProps) => JSX.Element;
|
|
5
|
+
export declare const WorkspaceIcon: ({ color, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { IconType } from '../../system/ThemeProvider';
|
|
3
2
|
interface LabelProps {
|
|
4
3
|
icon?: IconType | (() => JSX.Element);
|
|
@@ -7,5 +6,5 @@ interface LabelProps {
|
|
|
7
6
|
helperText?: string;
|
|
8
7
|
inline?: boolean;
|
|
9
8
|
}
|
|
10
|
-
export declare const Label: ({ icon, text, helperText, htmlFor, inline }: LabelProps) => JSX.Element;
|
|
9
|
+
export declare const Label: ({ icon, text, helperText, htmlFor, inline }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
10
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { IconSizeProps } from '../Icon';
|
|
3
3
|
export type LoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
|
|
4
|
-
export declare const Loader: import("styled-components").StyledComponent<({ ...props }: LoaderProps) => JSX.Element, import("styled-components").DefaultTheme,
|
|
4
|
+
export declare const Loader: import("styled-components").StyledComponent<({ ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, LoaderProps, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { IconSizeProps } from '../Icon';
|
|
3
3
|
export type OpenfinLoaderProps = IconSizeProps & HTMLAttributes<HTMLDivElement>;
|
|
4
|
-
export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => JSX.Element, import("styled-components").DefaultTheme,
|
|
4
|
+
export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, OpenfinLoaderProps, never>;
|
|
@@ -14,12 +14,14 @@ export type BaseInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
14
14
|
* @private This should not be exposed beyond the ui-library.
|
|
15
15
|
*/
|
|
16
16
|
export declare const BaseInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
17
|
-
message?: string
|
|
18
|
-
label?: string
|
|
19
|
-
type?: string
|
|
20
|
-
renderInput?: Function
|
|
21
|
-
icon?:
|
|
22
|
-
helperText?: string
|
|
23
|
-
validationErrorMessage?: string
|
|
17
|
+
message?: string;
|
|
18
|
+
label?: string;
|
|
19
|
+
type?: string;
|
|
20
|
+
renderInput?: Function;
|
|
21
|
+
icon?: IconType | (() => JSX.Element);
|
|
22
|
+
helperText?: string;
|
|
23
|
+
validationErrorMessage?: string;
|
|
24
24
|
} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
|
|
25
|
-
|
|
25
|
+
type StyledInputProps = InputHTMLAttributes<HTMLInputElement> & WithStatusProps;
|
|
26
|
+
export declare const StyledInputField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>;
|
|
27
|
+
export {};
|
|
@@ -3,11 +3,11 @@ import { BaseInputProps } from '../BaseInput';
|
|
|
3
3
|
import { WithStatusProps } from '../../system/HOC';
|
|
4
4
|
export type CheckboxProps = BaseInputProps;
|
|
5
5
|
export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
6
|
-
message?: string
|
|
7
|
-
label?: string
|
|
8
|
-
type?: string
|
|
9
|
-
renderInput?: Function
|
|
10
|
-
icon?: "
|
|
11
|
-
helperText?: string
|
|
12
|
-
validationErrorMessage?: string
|
|
6
|
+
message?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
type?: string;
|
|
9
|
+
renderInput?: Function;
|
|
10
|
+
icon?: import("../../system/ThemeProvider").IconType | (() => JSX.Element);
|
|
11
|
+
helperText?: string;
|
|
12
|
+
validationErrorMessage?: string;
|
|
13
13
|
} & WithStatusProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -8,7 +8,7 @@ export type RadioProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
8
8
|
icon?: IconType;
|
|
9
9
|
};
|
|
10
10
|
export declare const RadioInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
11
|
-
label?: string
|
|
12
|
-
labelSide?: RadioLabelSideType
|
|
13
|
-
icon?:
|
|
11
|
+
label?: string;
|
|
12
|
+
labelSide?: RadioLabelSideType;
|
|
13
|
+
icon?: IconType;
|
|
14
14
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -6,7 +6,7 @@ export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
|
6
6
|
helperText?: string;
|
|
7
7
|
} & WithStatusProps;
|
|
8
8
|
export declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
9
|
-
onChange?: (
|
|
10
|
-
label?: string
|
|
11
|
-
helperText?: string
|
|
9
|
+
onChange?: (e?: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
|
+
label?: string;
|
|
11
|
+
helperText?: string;
|
|
12
12
|
} & WithStatusProps & React.RefAttributes<HTMLTextAreaElement>>;
|