@openfin/ui-library 0.28.1-alpha.1738144127 → 0.28.1

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

@@ -12,7 +12,7 @@ export interface CollapsibleCardStatelessProps {
     badgeText?: number;
     maxHeight?: number;
     headerSettings?: CollapsibleCardHeaderSettings;
-    children?: ReactNode;
+    children: ReactNode;
     expanded: boolean;
     onExpand: (expanded: boolean) => void;
 }

package/dist/components/controls/ExpandableButton/expandableButton.d.ts

@@ -13,4 +13,4 @@ export type ExpandableButtonProps = Omit<ButtonProps, 'shape'> & {
     stretchExpandablePanel?: boolean;
     document?: Document;
 };
-export declare const ExpandableButton: (props: ExpandableButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandableButton: (props: ExpandableButtonProps) => JSX.Element;

package/dist/components/controls/ExpandableButton/expandablePanel.d.ts

@@ -11,4 +11,4 @@ export type ExpandablePanelProps = {
     stretch?: boolean;
     document?: Document;
 };
-export declare const ExpandablePanel: (props: ExpandablePanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandablePanel: (props: ExpandablePanelProps) => JSX.Element;

package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/CustomContextMenuItem.d.ts

@@ -11,4 +11,4 @@ export type CustomContextMenuItemData = {
     onBack?: () => void;
     selected?: boolean;
 };
-export declare const CustomContextMenuItem: ({ type, icon, label, enabled, checked, submenu, showShouldHomeButton, onClick, onClose, onBack, selected, }: CustomContextMenuItemData) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomContextMenuItem: ({ type, icon, label, enabled, checked, submenu, showShouldHomeButton, onClick, onClose, onBack, selected, }: CustomContextMenuItemData) => JSX.Element;

package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/NormalCustomContextMenuItem.d.ts

@@ -8,4 +8,4 @@ export type NormalCustomContextMenuItemProps = {
     onClick?: () => void;
     selected?: boolean;
 };
-export declare const NormalCustomContextMenuItem: ({ type, label, enabled, checked, submenu, onClick, selected, }: NormalCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NormalCustomContextMenuItem: ({ type, label, enabled, checked, submenu, onClick, selected, }: NormalCustomContextMenuItemProps) => JSX.Element;

package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/RootMenuHeader.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export type RootMenuHeaderProps = {
     icon: ReactNode;
 };
-export declare const RootMenuHeader: ({ icon }: RootMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RootMenuHeader: ({ icon }: RootMenuHeaderProps) => JSX.Element;

package/dist/components/controls/Menus/CustomContextMenu/CustomContextMenuItems/SubmenuHeaderCustomContextMenuItem.d.ts

@@ -5,4 +5,4 @@ export type SubmenuHeaderCustomContextMenuItemProps = {
     onBack?: () => void;
     selected?: boolean;
 };
-export declare const SubmenuHeaderCustomContextMenuItem: ({ label, showShouldHomeButton, onClose, onBack, selected, }: SubmenuHeaderCustomContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubmenuHeaderCustomContextMenuItem: ({ label, showShouldHomeButton, onClose, onBack, selected, }: SubmenuHeaderCustomContextMenuItemProps) => JSX.Element;

package/dist/components/controls/Menus/CustomContextMenu/useContextMenuKeyboardNavigation.d.ts

@@ -14,4 +14,4 @@ import { CustomContextMenuData, SubmenulessMenuItemTemplate } from './CustomCont
  * @param { () => void } handleNavigateToBase - Function to navigate back to the base menu.
  * @returns { void }
  */
-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;
+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;

package/dist/components/controls/Menus/CustomContextMenu/useContextMenuNavigation.d.ts

@@ -18,8 +18,8 @@ import { SubMenuNavigationTemplate } from './CustomContextMenu';
 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<{
     width: number;
     height: number;
-}>>, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, menuCollection: SubMenuNavigationTemplate[], onMenuResize?: (height: number, width: number) => void) => {
+}>>, setSelectedIndex: React.Dispatch<React.SetStateAction<number>>, menuCollection: SubMenuNavigationTemplate[], onMenuResize?: ((height: number, width: number) => void) | undefined) => {
     handleNavigateToSubmenu: (parentLabel: string) => void;
-    handleNavigateBackToParent: (submenuLabel: string, method?: "click" | "keyboard") => void;
+    handleNavigateBackToParent: (submenuLabel: string, method?: 'click' | 'keyboard') => void;
     handleNavigateToBase: () => void;
 };

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

@@ -1,48 +1,77 @@
-export declare const MenuFrame: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../layout/Box").BoxProps, never>;
-export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../layout/Box").BoxProps, never>;
+/// <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;
-    display?: import("../../layout/Box/types").Display;
-    flexDirection?: import("../../layout/Box/types").FlexDirection;
-    flexWrap?: import("../../layout/Box/types").FlexWrap;
-    justifyContent?: import("../../layout/Box/types").JustifyContent;
-    gap?: import("../../system").UnitPxType;
-    alignSelf?: import("../../layout/Box/types").AlignSelf;
-    flexBasis?: string;
-    flexGrow?: 1 | 0;
-    flexShrink?: 1 | 0;
-    order?: number;
-    background?: import("../../layout/Box/types").BackgroundLevel;
-    padding?: import("../../system").UnitPxType;
+    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;
-    selected?: boolean;
+    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;
-    display?: import("../../layout/Box/types").Display;
-    flexDirection?: import("../../layout/Box/types").FlexDirection;
-    flexWrap?: import("../../layout/Box/types").FlexWrap;
-    justifyContent?: import("../../layout/Box/types").JustifyContent;
-    gap?: import("../../system").UnitPxType;
-    alignSelf?: import("../../layout/Box/types").AlignSelf;
-    flexBasis?: string;
-    flexGrow?: 1 | 0;
-    flexShrink?: 1 | 0;
-    order?: number;
-    background?: import("../../layout/Box/types").BackgroundLevel;
-    padding?: import("../../system").UnitPxType;
+    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";
+    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;
+    enabled?: boolean | undefined;
 }, never>;
 export declare const MenuItemText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("react").HTMLAttributes<HTMLElement> & {
-    color?: "textDefault" | "background6";
+    color?: "textDefault" | "background6" | undefined;
     children: import("react").ReactNode;
-    size?: import("../../system").FontSizeType;
-    weight?: import("../../system").FontWeightType;
+    size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    weight?: "normal" | "bold" | undefined;
 } & {
-    enabled?: boolean;
+    enabled?: boolean | undefined;
 }, never>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +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, LoaderProps, never>;
+export declare const Loader: import("styled-components").StyledComponent<({ ...props }: LoaderProps) => JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;

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

@@ -1,4 +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, OpenfinLoaderProps, never>;
+export declare const OpenfinLoader: import("styled-components").StyledComponent<({ ...props }: OpenfinLoaderProps) => JSX.Element, import("styled-components").DefaultTheme, IconSizeProps & HTMLAttributes<HTMLDivElement>, never>;

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseInputProps } from '../BaseInput';
 import { IconType } from '../../system/ThemeProvider';
 export declare enum Direction {

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

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

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

@@ -6,7 +6,7 @@ export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     helperText?: string;
 } & WithStatusProps;
 export declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    onChange?: (e?: ChangeEvent<HTMLTextAreaElement>) => void;
-    label?: string;
-    helperText?: string;
+    onChange?: ((e?: ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    label?: string | undefined;
+    helperText?: string | undefined;
 } & WithStatusProps & React.RefAttributes<HTMLTextAreaElement>>;