@cyber-harbour/ui 1.0.53 → 1.0.55

package/dist/index.d.mts

@@ -17,7 +17,7 @@ type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
 declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = 'fill' | 'outlined' | 'empty';
-type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
+type ButtonColor = 'default' | 'primary' | 'secondary' | 'error' | 'soft' | 'light';
 type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
 type ButtonSize = 'small' | 'medium';
 type InputVariant = 'outlined' | 'empty';
@@ -35,6 +35,7 @@ type LabelSizeStyle = {
         marginTop: number | string;
     };
 };
+type SwitchState = 'default' | 'checked' | 'disabled';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -282,6 +283,19 @@ type Theme = {
         color: string;
         helpTextColor: string;
     };
+    leanerProgress: {
+        background: string;
+        progressColor: string;
+    };
+    switch: Record<SwitchState, {
+        background: string;
+        color: string;
+    }>;
+    drawer: {
+        padding: string | number;
+        width: number;
+        shadow: string;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -392,6 +406,8 @@ type FabricComponentOptions = {
 declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & SpaceProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
 declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
 
+declare const useTheme: () => Theme;
+
 type BaseButtonProps = FabricComponent<{
     children?: any;
     variant?: ButtonVariant;
@@ -683,6 +699,16 @@ interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
 
+interface FolderAlertIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const FolderAlertIcon: ({ fill, ...props }: FolderAlertIconProps) => react_jsx_runtime.JSX.Element;
+
+interface RelationIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -910,8 +936,11 @@ declare const FlexItem: ({ children, grow, shrink, basis, align, order, classNam
 
 type BoxProps = FabricComponent<{
     children: any;
+    element?: 'div' | 'section';
+    hasBorder?: boolean;
+    color?: ColorVariant | string;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Box: ({ children, element, hasBorder, color, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
 
 type LineProps = FabricComponent<{
     direction?: 'horizontal' | 'vertical';
@@ -966,6 +995,27 @@ type CheckboxProps = FabricComponent<{
 }> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
 declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
+type Direction = 'horizontal' | 'vertical';
+type LinerProgressProps = FabricComponent<{
+    height?: number;
+    width?: string | number;
+    direction?: Direction;
+    value: number;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
+declare const LinerProgress: ({ height, width, direction, value, ...props }: LinerProgressProps) => react_jsx_runtime.JSX.Element;
+
+type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
+declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+type DrawerProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    children: any;
+    header?: number;
+    width?: number;
+};
+declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -1109,4 +1159,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };

package/dist/index.d.ts

@@ -17,7 +17,7 @@ type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
 declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = 'fill' | 'outlined' | 'empty';
-type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
+type ButtonColor = 'default' | 'primary' | 'secondary' | 'error' | 'soft' | 'light';
 type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
 type ButtonSize = 'small' | 'medium';
 type InputVariant = 'outlined' | 'empty';
@@ -35,6 +35,7 @@ type LabelSizeStyle = {
         marginTop: number | string;
     };
 };
+type SwitchState = 'default' | 'checked' | 'disabled';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -282,6 +283,19 @@ type Theme = {
         color: string;
         helpTextColor: string;
     };
+    leanerProgress: {
+        background: string;
+        progressColor: string;
+    };
+    switch: Record<SwitchState, {
+        background: string;
+        color: string;
+    }>;
+    drawer: {
+        padding: string | number;
+        width: number;
+        shadow: string;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -392,6 +406,8 @@ type FabricComponentOptions = {
 declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & SpaceProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
 declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
 
+declare const useTheme: () => Theme;
+
 type BaseButtonProps = FabricComponent<{
     children?: any;
     variant?: ButtonVariant;
@@ -683,6 +699,16 @@ interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
 
+interface FolderAlertIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const FolderAlertIcon: ({ fill, ...props }: FolderAlertIconProps) => react_jsx_runtime.JSX.Element;
+
+interface RelationIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -910,8 +936,11 @@ declare const FlexItem: ({ children, grow, shrink, basis, align, order, classNam
 
 type BoxProps = FabricComponent<{
     children: any;
+    element?: 'div' | 'section';
+    hasBorder?: boolean;
+    color?: ColorVariant | string;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Box: ({ children, element, hasBorder, color, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
 
 type LineProps = FabricComponent<{
     direction?: 'horizontal' | 'vertical';
@@ -966,6 +995,27 @@ type CheckboxProps = FabricComponent<{
 }> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
 declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
+type Direction = 'horizontal' | 'vertical';
+type LinerProgressProps = FabricComponent<{
+    height?: number;
+    width?: string | number;
+    direction?: Direction;
+    value: number;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
+declare const LinerProgress: ({ height, width, direction, value, ...props }: LinerProgressProps) => react_jsx_runtime.JSX.Element;
+
+type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
+declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+type DrawerProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    children: any;
+    header?: number;
+    width?: number;
+};
+declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -1109,4 +1159,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };