@cyber-harbour/ui 1.0.54 → 1.0.56

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/index.d.mts CHANGED
@@ -17,7 +17,7 @@ type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
17
17
  declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
18
18
 
19
19
  type ButtonVariant = 'fill' | 'outlined' | 'empty';
20
- type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
20
+ type ButtonColor = 'default' | 'primary' | 'secondary' | 'error' | 'soft' | 'light';
21
21
  type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
22
22
  type ButtonSize = 'small' | 'medium';
23
23
  type InputVariant = 'outlined' | 'empty';
@@ -291,6 +291,11 @@ type Theme = {
291
291
  background: string;
292
292
  color: string;
293
293
  }>;
294
+ drawer: {
295
+ padding: string | number;
296
+ width: number;
297
+ shadow: string;
298
+ };
294
299
  };
295
300
  type ThemeColors = Theme['colors'];
296
301
  type ColorCategory = keyof ThemeColors;
@@ -401,6 +406,8 @@ type FabricComponentOptions = {
401
406
  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>>));
402
407
  declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
403
408
 
409
+ declare const useTheme: () => Theme;
410
+
404
411
  type BaseButtonProps = FabricComponent<{
405
412
  children?: any;
406
413
  variant?: ButtonVariant;
@@ -692,6 +699,21 @@ interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
692
699
  }
693
700
  declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
694
701
 
702
+ interface FolderAlertIconProps extends SVGProps<SVGSVGElement> {
703
+ fill?: string;
704
+ }
705
+ declare const FolderAlertIcon: ({ fill, ...props }: FolderAlertIconProps) => react_jsx_runtime.JSX.Element;
706
+
707
+ interface RelationIconProps extends SVGProps<SVGSVGElement> {
708
+ fill?: string;
709
+ }
710
+ declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
711
+
712
+ interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
713
+ fill?: string;
714
+ }
715
+ declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
716
+
695
717
  interface SidebarProps {
696
718
  defaultCollapsed?: boolean;
697
719
  children: any;
@@ -990,6 +1012,17 @@ declare const LinerProgress: ({ height, width, direction, value, ...props }: Lin
990
1012
  type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
991
1013
  declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
992
1014
 
1015
+ type DrawerProps = {
1016
+ isOpen: boolean;
1017
+ onClose: () => void;
1018
+ children?: any;
1019
+ header?: number;
1020
+ width?: string | number;
1021
+ };
1022
+ declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
1023
+ declare const DrawerHeader: any;
1024
+ declare const DrawerBody: any;
1025
+
993
1026
  interface PageLayoutProps {
994
1027
  header?: any;
995
1028
  sidebar?: any;
@@ -1133,4 +1166,4 @@ interface FullscreenCardProps {
1133
1166
  }
1134
1167
  declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
1135
1168
 
1136
- 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, 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, 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 };
1169
+ 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, DrawerBody, DrawerHeader, 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, RelationPointsIcon, 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 CHANGED
@@ -17,7 +17,7 @@ type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
17
17
  declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
18
18
 
19
19
  type ButtonVariant = 'fill' | 'outlined' | 'empty';
20
- type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
20
+ type ButtonColor = 'default' | 'primary' | 'secondary' | 'error' | 'soft' | 'light';
21
21
  type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
22
22
  type ButtonSize = 'small' | 'medium';
23
23
  type InputVariant = 'outlined' | 'empty';
@@ -291,6 +291,11 @@ type Theme = {
291
291
  background: string;
292
292
  color: string;
293
293
  }>;
294
+ drawer: {
295
+ padding: string | number;
296
+ width: number;
297
+ shadow: string;
298
+ };
294
299
  };
295
300
  type ThemeColors = Theme['colors'];
296
301
  type ColorCategory = keyof ThemeColors;
@@ -401,6 +406,8 @@ type FabricComponentOptions = {
401
406
  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>>));
402
407
  declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
403
408
 
409
+ declare const useTheme: () => Theme;
410
+
404
411
  type BaseButtonProps = FabricComponent<{
405
412
  children?: any;
406
413
  variant?: ButtonVariant;
@@ -692,6 +699,21 @@ interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
692
699
  }
693
700
  declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
694
701
 
702
+ interface FolderAlertIconProps extends SVGProps<SVGSVGElement> {
703
+ fill?: string;
704
+ }
705
+ declare const FolderAlertIcon: ({ fill, ...props }: FolderAlertIconProps) => react_jsx_runtime.JSX.Element;
706
+
707
+ interface RelationIconProps extends SVGProps<SVGSVGElement> {
708
+ fill?: string;
709
+ }
710
+ declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
711
+
712
+ interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
713
+ fill?: string;
714
+ }
715
+ declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
716
+
695
717
  interface SidebarProps {
696
718
  defaultCollapsed?: boolean;
697
719
  children: any;
@@ -990,6 +1012,17 @@ declare const LinerProgress: ({ height, width, direction, value, ...props }: Lin
990
1012
  type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
991
1013
  declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
992
1014
 
1015
+ type DrawerProps = {
1016
+ isOpen: boolean;
1017
+ onClose: () => void;
1018
+ children?: any;
1019
+ header?: number;
1020
+ width?: string | number;
1021
+ };
1022
+ declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
1023
+ declare const DrawerHeader: any;
1024
+ declare const DrawerBody: any;
1025
+
993
1026
  interface PageLayoutProps {
994
1027
  header?: any;
995
1028
  sidebar?: any;
@@ -1133,4 +1166,4 @@ interface FullscreenCardProps {
1133
1166
  }
1134
1167
  declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
1135
1168
 
1136
- 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, 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, 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 };
1169
+ 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, DrawerBody, DrawerHeader, 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, RelationPointsIcon, 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 };