@cyber-harbour/ui 1.0.52 → 1.0.54

package/dist/index.d.mts

@@ -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,14 @@ type Theme = {
         color: string;
         helpTextColor: string;
     };
+    leanerProgress: {
+        background: string;
+        progressColor: string;
+    };
+    switch: Record<SwitchState, {
+        background: string;
+        color: string;
+    }>;
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -668,6 +677,21 @@ interface FileIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const FileIcon: ({ fill, ...props }: FileIconProps) => react_jsx_runtime.JSX.Element;
 
+interface IosIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const IosIcon: ({ fill, ...props }: IosIconProps) => react_jsx_runtime.JSX.Element;
+
+interface AndroidIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const AndroidIcon: ({ fill, ...props }: AndroidIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -895,8 +919,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';
@@ -935,6 +962,7 @@ type LabelProps = FabricComponent<{
     errorText?: string;
     size?: LabelSize;
     children: any;
+    fullWidth?: boolean;
 }> & Omit<react__default.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & (LabelDirection | LabelDirectionRaw);
 type LabelDirectionRaw = {
     direction?: 'row' | 'row-reverse';
@@ -943,19 +971,32 @@ type LabelDirectionRaw = {
 type LabelDirection = {
     direction?: Omit<react__default.CSSProperties['flexDirection'], 'row' | 'row-reverse'>;
 };
-declare const Label: ({ label, helpText, children, direction, size, errorText, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+declare const Label: ({ label, helpText, children, direction, size, errorText, fullWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
 type CheckboxProps = FabricComponent<{
     label?: any;
 }> & 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;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
     children?: any;
+    className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
 interface StyledContainerProps {
     $withHeader?: boolean;
     $withSidebar?: boolean;
@@ -1092,4 +1133,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, 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, 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, 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, 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

@@ -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,14 @@ type Theme = {
         color: string;
         helpTextColor: string;
     };
+    leanerProgress: {
+        background: string;
+        progressColor: string;
+    };
+    switch: Record<SwitchState, {
+        background: string;
+        color: string;
+    }>;
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -668,6 +677,21 @@ interface FileIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const FileIcon: ({ fill, ...props }: FileIconProps) => react_jsx_runtime.JSX.Element;
 
+interface IosIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const IosIcon: ({ fill, ...props }: IosIconProps) => react_jsx_runtime.JSX.Element;
+
+interface AndroidIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const AndroidIcon: ({ fill, ...props }: AndroidIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -895,8 +919,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';
@@ -935,6 +962,7 @@ type LabelProps = FabricComponent<{
     errorText?: string;
     size?: LabelSize;
     children: any;
+    fullWidth?: boolean;
 }> & Omit<react__default.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & (LabelDirection | LabelDirectionRaw);
 type LabelDirectionRaw = {
     direction?: 'row' | 'row-reverse';
@@ -943,19 +971,32 @@ type LabelDirectionRaw = {
 type LabelDirection = {
     direction?: Omit<react__default.CSSProperties['flexDirection'], 'row' | 'row-reverse'>;
 };
-declare const Label: ({ label, helpText, children, direction, size, errorText, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+declare const Label: ({ label, helpText, children, direction, size, errorText, fullWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
 type CheckboxProps = FabricComponent<{
     label?: any;
 }> & 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;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
     children?: any;
+    className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
 interface StyledContainerProps {
     $withHeader?: boolean;
     $withSidebar?: boolean;
@@ -1092,4 +1133,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, 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, 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, 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, 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 };