@cyber-harbour/ui 1.0.43 → 1.0.45
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 +13 -3
- package/dist/index.d.ts +13 -3
- package/dist/index.js +123 -97
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +123 -97
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/Input/Input.tsx +134 -14
- package/src/Theme/themes/dark.ts +8 -5
- package/src/Theme/themes/light.ts +3 -0
- package/src/Theme/types.ts +1 -0
- package/src/Theme/utils.ts +10 -0
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
|
|
3
|
+
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
|
|
6
6
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
@@ -59,6 +59,7 @@ type InputSizeStyle = {
|
|
|
59
59
|
borderRadius: number | string;
|
|
60
60
|
iconSize: number | string;
|
|
61
61
|
height: number | string;
|
|
62
|
+
lineHeight: number;
|
|
62
63
|
};
|
|
63
64
|
type Theme = {
|
|
64
65
|
mode: 'light' | 'dark';
|
|
@@ -262,6 +263,7 @@ declare const resolveThemeColor: (theme: DefaultTheme, colorPath: string | undef
|
|
|
262
263
|
* @returns The value in rem units as a string (e.g., "1.25rem")
|
|
263
264
|
*/
|
|
264
265
|
declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
|
|
266
|
+
declare const remToPx: (remValue: number | string, baseSize?: number) => number;
|
|
265
267
|
/**
|
|
266
268
|
* Recursively converts all pixel values in an object to rem units
|
|
267
269
|
*
|
|
@@ -764,13 +766,21 @@ interface RowActionsMenuProps {
|
|
|
764
766
|
}
|
|
765
767
|
declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
|
|
766
768
|
|
|
767
|
-
type
|
|
769
|
+
type BaseInputProps = {
|
|
768
770
|
error?: boolean;
|
|
769
771
|
append?: any;
|
|
770
772
|
prepend?: any;
|
|
771
773
|
size?: InputSize;
|
|
772
774
|
variant?: InputVariant;
|
|
773
775
|
};
|
|
776
|
+
type InputElementProps = BaseInputProps & InputHTMLAttributes<HTMLInputElement> & {
|
|
777
|
+
multiline?: false;
|
|
778
|
+
};
|
|
779
|
+
type TextAreaElementProps = BaseInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
780
|
+
multiline: true;
|
|
781
|
+
autoResize?: boolean;
|
|
782
|
+
};
|
|
783
|
+
type InputProps = InputElementProps | TextAreaElementProps;
|
|
774
784
|
declare const Input: any;
|
|
775
785
|
|
|
776
786
|
declare const FlexContainer: any;
|
|
@@ -866,4 +876,4 @@ interface FullscreenCardProps {
|
|
|
866
876
|
}
|
|
867
877
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
868
878
|
|
|
869
|
-
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, 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, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
|
|
879
|
+
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, 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, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
|
|
3
|
+
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
|
|
6
6
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
@@ -59,6 +59,7 @@ type InputSizeStyle = {
|
|
|
59
59
|
borderRadius: number | string;
|
|
60
60
|
iconSize: number | string;
|
|
61
61
|
height: number | string;
|
|
62
|
+
lineHeight: number;
|
|
62
63
|
};
|
|
63
64
|
type Theme = {
|
|
64
65
|
mode: 'light' | 'dark';
|
|
@@ -262,6 +263,7 @@ declare const resolveThemeColor: (theme: DefaultTheme, colorPath: string | undef
|
|
|
262
263
|
* @returns The value in rem units as a string (e.g., "1.25rem")
|
|
263
264
|
*/
|
|
264
265
|
declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
|
|
266
|
+
declare const remToPx: (remValue: number | string, baseSize?: number) => number;
|
|
265
267
|
/**
|
|
266
268
|
* Recursively converts all pixel values in an object to rem units
|
|
267
269
|
*
|
|
@@ -764,13 +766,21 @@ interface RowActionsMenuProps {
|
|
|
764
766
|
}
|
|
765
767
|
declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
|
|
766
768
|
|
|
767
|
-
type
|
|
769
|
+
type BaseInputProps = {
|
|
768
770
|
error?: boolean;
|
|
769
771
|
append?: any;
|
|
770
772
|
prepend?: any;
|
|
771
773
|
size?: InputSize;
|
|
772
774
|
variant?: InputVariant;
|
|
773
775
|
};
|
|
776
|
+
type InputElementProps = BaseInputProps & InputHTMLAttributes<HTMLInputElement> & {
|
|
777
|
+
multiline?: false;
|
|
778
|
+
};
|
|
779
|
+
type TextAreaElementProps = BaseInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
780
|
+
multiline: true;
|
|
781
|
+
autoResize?: boolean;
|
|
782
|
+
};
|
|
783
|
+
type InputProps = InputElementProps | TextAreaElementProps;
|
|
774
784
|
declare const Input: any;
|
|
775
785
|
|
|
776
786
|
declare const FlexContainer: any;
|
|
@@ -866,4 +876,4 @@ interface FullscreenCardProps {
|
|
|
866
876
|
}
|
|
867
877
|
declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
868
878
|
|
|
869
|
-
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, 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, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
|
|
879
|
+
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, 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, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
|