@cyber-harbour/ui 1.0.53 → 1.0.54
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 +26 -2
- package/dist/index.d.ts +26 -2
- package/dist/index.js +237 -179
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +198 -140
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/Box/Box.tsx +22 -7
- package/src/Core/Input/Input.tsx +46 -56
- package/src/Core/Label/Label.tsx +6 -4
- package/src/Core/LinerProgress/LinerProgress.tsx +53 -0
- package/src/Core/LinerProgress/index.ts +1 -0
- package/src/Core/Switch/Switch.tsx +71 -0
- package/src/Core/Switch/index.ts +1 -0
- package/src/Core/index.ts +2 -0
- package/src/Theme/themes/dark.ts +19 -1
- package/src/Theme/themes/light.ts +19 -1
- package/src/Theme/types.ts +12 -0
package/dist/index.d.mts
CHANGED
|
@@ -35,6 +35,7 @@ type LabelSizeStyle = {
|
|
|
35
35
|
marginTop: number | string;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
+
type SwitchState = 'default' | 'checked' | 'disabled';
|
|
38
39
|
type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
39
40
|
type ButtonElementStyle = {
|
|
40
41
|
background: string;
|
|
@@ -282,6 +283,14 @@ type Theme = {
|
|
|
282
283
|
color: string;
|
|
283
284
|
helpTextColor: string;
|
|
284
285
|
};
|
|
286
|
+
leanerProgress: {
|
|
287
|
+
background: string;
|
|
288
|
+
progressColor: string;
|
|
289
|
+
};
|
|
290
|
+
switch: Record<SwitchState, {
|
|
291
|
+
background: string;
|
|
292
|
+
color: string;
|
|
293
|
+
}>;
|
|
285
294
|
};
|
|
286
295
|
type ThemeColors = Theme['colors'];
|
|
287
296
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -910,8 +919,11 @@ declare const FlexItem: ({ children, grow, shrink, basis, align, order, classNam
|
|
|
910
919
|
|
|
911
920
|
type BoxProps = FabricComponent<{
|
|
912
921
|
children: any;
|
|
922
|
+
element?: 'div' | 'section';
|
|
923
|
+
hasBorder?: boolean;
|
|
924
|
+
color?: ColorVariant | string;
|
|
913
925
|
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
914
|
-
declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
926
|
+
declare const Box: ({ children, element, hasBorder, color, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
915
927
|
|
|
916
928
|
type LineProps = FabricComponent<{
|
|
917
929
|
direction?: 'horizontal' | 'vertical';
|
|
@@ -966,6 +978,18 @@ type CheckboxProps = FabricComponent<{
|
|
|
966
978
|
}> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
|
|
967
979
|
declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
968
980
|
|
|
981
|
+
type Direction = 'horizontal' | 'vertical';
|
|
982
|
+
type LinerProgressProps = FabricComponent<{
|
|
983
|
+
height?: number;
|
|
984
|
+
width?: string | number;
|
|
985
|
+
direction?: Direction;
|
|
986
|
+
value: number;
|
|
987
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
|
|
988
|
+
declare const LinerProgress: ({ height, width, direction, value, ...props }: LinerProgressProps) => react_jsx_runtime.JSX.Element;
|
|
989
|
+
|
|
990
|
+
type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
|
|
991
|
+
declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
992
|
+
|
|
969
993
|
interface PageLayoutProps {
|
|
970
994
|
header?: any;
|
|
971
995
|
sidebar?: any;
|
|
@@ -1109,4 +1133,4 @@ interface FullscreenCardProps {
|
|
|
1109
1133
|
}
|
|
1110
1134
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
1111
1135
|
|
|
1112
|
-
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 };
|
|
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ type LabelSizeStyle = {
|
|
|
35
35
|
marginTop: number | string;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
+
type SwitchState = 'default' | 'checked' | 'disabled';
|
|
38
39
|
type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
39
40
|
type ButtonElementStyle = {
|
|
40
41
|
background: string;
|
|
@@ -282,6 +283,14 @@ type Theme = {
|
|
|
282
283
|
color: string;
|
|
283
284
|
helpTextColor: string;
|
|
284
285
|
};
|
|
286
|
+
leanerProgress: {
|
|
287
|
+
background: string;
|
|
288
|
+
progressColor: string;
|
|
289
|
+
};
|
|
290
|
+
switch: Record<SwitchState, {
|
|
291
|
+
background: string;
|
|
292
|
+
color: string;
|
|
293
|
+
}>;
|
|
285
294
|
};
|
|
286
295
|
type ThemeColors = Theme['colors'];
|
|
287
296
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -910,8 +919,11 @@ declare const FlexItem: ({ children, grow, shrink, basis, align, order, classNam
|
|
|
910
919
|
|
|
911
920
|
type BoxProps = FabricComponent<{
|
|
912
921
|
children: any;
|
|
922
|
+
element?: 'div' | 'section';
|
|
923
|
+
hasBorder?: boolean;
|
|
924
|
+
color?: ColorVariant | string;
|
|
913
925
|
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
914
|
-
declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
926
|
+
declare const Box: ({ children, element, hasBorder, color, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
915
927
|
|
|
916
928
|
type LineProps = FabricComponent<{
|
|
917
929
|
direction?: 'horizontal' | 'vertical';
|
|
@@ -966,6 +978,18 @@ type CheckboxProps = FabricComponent<{
|
|
|
966
978
|
}> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
|
|
967
979
|
declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
968
980
|
|
|
981
|
+
type Direction = 'horizontal' | 'vertical';
|
|
982
|
+
type LinerProgressProps = FabricComponent<{
|
|
983
|
+
height?: number;
|
|
984
|
+
width?: string | number;
|
|
985
|
+
direction?: Direction;
|
|
986
|
+
value: number;
|
|
987
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
|
|
988
|
+
declare const LinerProgress: ({ height, width, direction, value, ...props }: LinerProgressProps) => react_jsx_runtime.JSX.Element;
|
|
989
|
+
|
|
990
|
+
type SwitchProps = FabricComponent<Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>>;
|
|
991
|
+
declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
992
|
+
|
|
969
993
|
interface PageLayoutProps {
|
|
970
994
|
header?: any;
|
|
971
995
|
sidebar?: any;
|
|
@@ -1109,4 +1133,4 @@ interface FullscreenCardProps {
|
|
|
1109
1133
|
}
|
|
1110
1134
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
1111
1135
|
|
|
1112
|
-
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 };
|
|
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 };
|