@cyber-harbour/ui 1.0.58 → 1.0.60
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 +33 -1
- package/dist/index.d.ts +33 -1
- package/dist/index.js +308 -275
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +223 -190
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/IconComponents/PencilIcon.tsx +16 -0
- package/src/Core/IconComponents/PointIcon.tsx +16 -0
- package/src/Core/IconComponents/index.ts +2 -0
- package/src/Core/Tooltip/Tooltip.tsx +99 -0
- package/src/Core/Tooltip/index.ts +1 -0
- package/src/Core/index.ts +1 -0
- package/src/Theme/themes/dark.ts +11 -0
- package/src/Theme/themes/light.ts +11 -0
- package/src/Theme/types.ts +11 -0
- package/src/Theme/utils.ts +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -98,6 +98,8 @@ type Theme = {
|
|
|
98
98
|
light: string;
|
|
99
99
|
lighter: string;
|
|
100
100
|
invert: string;
|
|
101
|
+
success: string;
|
|
102
|
+
error: string;
|
|
101
103
|
};
|
|
102
104
|
stroke: {
|
|
103
105
|
main: string;
|
|
@@ -300,6 +302,15 @@ type Theme = {
|
|
|
300
302
|
width: number;
|
|
301
303
|
shadow: string;
|
|
302
304
|
};
|
|
305
|
+
tooltip: {
|
|
306
|
+
fontSize: string | number;
|
|
307
|
+
padding: string | number;
|
|
308
|
+
maxWidth: string | number;
|
|
309
|
+
borderRadius: string | number;
|
|
310
|
+
shadow: string;
|
|
311
|
+
color: string;
|
|
312
|
+
background: string;
|
|
313
|
+
};
|
|
303
314
|
};
|
|
304
315
|
type ThemeColors = Theme['colors'];
|
|
305
316
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -723,6 +734,16 @@ interface PassportIconProps extends SVGProps<SVGSVGElement> {
|
|
|
723
734
|
}
|
|
724
735
|
declare const PassportIcon: ({ fill, ...props }: PassportIconProps) => react_jsx_runtime.JSX.Element;
|
|
725
736
|
|
|
737
|
+
interface PointIconProps extends SVGProps<SVGSVGElement> {
|
|
738
|
+
fill?: string;
|
|
739
|
+
}
|
|
740
|
+
declare const PointIcon: ({ fill, ...props }: PointIconProps) => react_jsx_runtime.JSX.Element;
|
|
741
|
+
|
|
742
|
+
interface PencilIconProps extends SVGProps<SVGSVGElement> {
|
|
743
|
+
fill?: string;
|
|
744
|
+
}
|
|
745
|
+
declare const PencilIcon: ({ fill, ...props }: PencilIconProps) => react_jsx_runtime.JSX.Element;
|
|
746
|
+
|
|
726
747
|
interface SidebarProps {
|
|
727
748
|
defaultCollapsed?: boolean;
|
|
728
749
|
children: any;
|
|
@@ -1043,6 +1064,17 @@ declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
|
|
|
1043
1064
|
declare const DrawerHeader: any;
|
|
1044
1065
|
declare const DrawerBody: any;
|
|
1045
1066
|
|
|
1067
|
+
interface TooltipProps {
|
|
1068
|
+
className?: string;
|
|
1069
|
+
children?: any;
|
|
1070
|
+
content?: any;
|
|
1071
|
+
positions?: PopoverPosition[] | PopoverPosition;
|
|
1072
|
+
align?: PopoverAlign;
|
|
1073
|
+
anchorClassName?: string;
|
|
1074
|
+
offset?: number;
|
|
1075
|
+
}
|
|
1076
|
+
declare const Tooltip: ({ className, positions, align, anchorClassName, content, offset, children, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1077
|
+
|
|
1046
1078
|
interface PageLayoutProps {
|
|
1047
1079
|
header?: any;
|
|
1048
1080
|
sidebar?: any;
|
|
@@ -1186,4 +1218,4 @@ interface FullscreenCardProps {
|
|
|
1186
1218
|
}
|
|
1187
1219
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
1188
1220
|
|
|
1189
|
-
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, PassportIcon, 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 };
|
|
1221
|
+
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, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, 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, Tooltip, 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
|
@@ -98,6 +98,8 @@ type Theme = {
|
|
|
98
98
|
light: string;
|
|
99
99
|
lighter: string;
|
|
100
100
|
invert: string;
|
|
101
|
+
success: string;
|
|
102
|
+
error: string;
|
|
101
103
|
};
|
|
102
104
|
stroke: {
|
|
103
105
|
main: string;
|
|
@@ -300,6 +302,15 @@ type Theme = {
|
|
|
300
302
|
width: number;
|
|
301
303
|
shadow: string;
|
|
302
304
|
};
|
|
305
|
+
tooltip: {
|
|
306
|
+
fontSize: string | number;
|
|
307
|
+
padding: string | number;
|
|
308
|
+
maxWidth: string | number;
|
|
309
|
+
borderRadius: string | number;
|
|
310
|
+
shadow: string;
|
|
311
|
+
color: string;
|
|
312
|
+
background: string;
|
|
313
|
+
};
|
|
303
314
|
};
|
|
304
315
|
type ThemeColors = Theme['colors'];
|
|
305
316
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -723,6 +734,16 @@ interface PassportIconProps extends SVGProps<SVGSVGElement> {
|
|
|
723
734
|
}
|
|
724
735
|
declare const PassportIcon: ({ fill, ...props }: PassportIconProps) => react_jsx_runtime.JSX.Element;
|
|
725
736
|
|
|
737
|
+
interface PointIconProps extends SVGProps<SVGSVGElement> {
|
|
738
|
+
fill?: string;
|
|
739
|
+
}
|
|
740
|
+
declare const PointIcon: ({ fill, ...props }: PointIconProps) => react_jsx_runtime.JSX.Element;
|
|
741
|
+
|
|
742
|
+
interface PencilIconProps extends SVGProps<SVGSVGElement> {
|
|
743
|
+
fill?: string;
|
|
744
|
+
}
|
|
745
|
+
declare const PencilIcon: ({ fill, ...props }: PencilIconProps) => react_jsx_runtime.JSX.Element;
|
|
746
|
+
|
|
726
747
|
interface SidebarProps {
|
|
727
748
|
defaultCollapsed?: boolean;
|
|
728
749
|
children: any;
|
|
@@ -1043,6 +1064,17 @@ declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
|
|
|
1043
1064
|
declare const DrawerHeader: any;
|
|
1044
1065
|
declare const DrawerBody: any;
|
|
1045
1066
|
|
|
1067
|
+
interface TooltipProps {
|
|
1068
|
+
className?: string;
|
|
1069
|
+
children?: any;
|
|
1070
|
+
content?: any;
|
|
1071
|
+
positions?: PopoverPosition[] | PopoverPosition;
|
|
1072
|
+
align?: PopoverAlign;
|
|
1073
|
+
anchorClassName?: string;
|
|
1074
|
+
offset?: number;
|
|
1075
|
+
}
|
|
1076
|
+
declare const Tooltip: ({ className, positions, align, anchorClassName, content, offset, children, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1077
|
+
|
|
1046
1078
|
interface PageLayoutProps {
|
|
1047
1079
|
header?: any;
|
|
1048
1080
|
sidebar?: any;
|
|
@@ -1186,4 +1218,4 @@ interface FullscreenCardProps {
|
|
|
1186
1218
|
}
|
|
1187
1219
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
1188
1220
|
|
|
1189
|
-
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, PassportIcon, 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 };
|
|
1221
|
+
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, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, 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, Tooltip, 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 };
|