@rehagro/ui 1.0.8 → 1.0.10
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 +64 -1
- package/dist/index.d.ts +64 -1
- package/dist/index.js +417 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +416 -16
- package/dist/index.mjs.map +1 -1
- package/dist/native.js.map +1 -1
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +3 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -211,9 +211,12 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
|
|
|
211
211
|
type TextInputStatus = "default" | "error";
|
|
212
212
|
type TextInputSize = "sm" | "md" | "lg";
|
|
213
213
|
type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
214
|
+
type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
|
|
214
215
|
type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
215
216
|
/** Label text displayed above the input */
|
|
216
217
|
label?: string;
|
|
218
|
+
/** Label font weight */
|
|
219
|
+
labelWeight?: TextInputLabelWeight;
|
|
217
220
|
/** Subtitle displayed next to the label */
|
|
218
221
|
subtitle?: string;
|
|
219
222
|
/** Validation status */
|
|
@@ -234,6 +237,8 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
234
237
|
declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
235
238
|
/** Label text displayed above the input */
|
|
236
239
|
label?: string;
|
|
240
|
+
/** Label font weight */
|
|
241
|
+
labelWeight?: TextInputLabelWeight;
|
|
237
242
|
/** Subtitle displayed next to the label */
|
|
238
243
|
subtitle?: string;
|
|
239
244
|
/** Validation status */
|
|
@@ -426,6 +431,62 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
|
|
|
426
431
|
disabled?: boolean;
|
|
427
432
|
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
428
433
|
|
|
434
|
+
type TagInputSize = "sm" | "md" | "lg";
|
|
435
|
+
type TagInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
436
|
+
type TagInputStatus = "default" | "error";
|
|
437
|
+
type TagInputOption = {
|
|
438
|
+
value: string;
|
|
439
|
+
label: string;
|
|
440
|
+
};
|
|
441
|
+
type TagInputProps = {
|
|
442
|
+
/** Label text displayed above the input */
|
|
443
|
+
label?: string;
|
|
444
|
+
/** Subtitle displayed next to the label */
|
|
445
|
+
subtitle?: string;
|
|
446
|
+
/** Available options to select from */
|
|
447
|
+
options: TagInputOption[];
|
|
448
|
+
/** Current selected values */
|
|
449
|
+
value: TagInputOption[];
|
|
450
|
+
/** Callback when tags change */
|
|
451
|
+
onChange: (tags: TagInputOption[]) => void;
|
|
452
|
+
/** Placeholder text when no tags */
|
|
453
|
+
placeholder?: string;
|
|
454
|
+
/** Validation status */
|
|
455
|
+
status?: TagInputStatus;
|
|
456
|
+
/** Input size */
|
|
457
|
+
size?: TagInputSize;
|
|
458
|
+
/** Border radius */
|
|
459
|
+
radius?: TagInputRadius;
|
|
460
|
+
/** Helper/error message displayed below the input */
|
|
461
|
+
helperText?: React$1.ReactNode;
|
|
462
|
+
/** Whether the input is disabled */
|
|
463
|
+
disabled?: boolean;
|
|
464
|
+
/** Custom class for the outermost wrapper */
|
|
465
|
+
wrapperClassName?: string;
|
|
466
|
+
/** Custom class for the input container */
|
|
467
|
+
className?: string;
|
|
468
|
+
};
|
|
469
|
+
declare const TagInput: React$1.ForwardRefExoticComponent<TagInputProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
470
|
+
|
|
471
|
+
type ProgressBarSize = "sm" | "lg";
|
|
472
|
+
type ProgressBarProps = {
|
|
473
|
+
/** Progress value from 0 to 100 */
|
|
474
|
+
value: number;
|
|
475
|
+
/** Label text (only shown in lg size) */
|
|
476
|
+
label?: string;
|
|
477
|
+
/** Size variant */
|
|
478
|
+
size?: ProgressBarSize;
|
|
479
|
+
/** Whether to show percentage text */
|
|
480
|
+
showPercentage?: boolean;
|
|
481
|
+
/** Custom bar color */
|
|
482
|
+
barColor?: string;
|
|
483
|
+
/** Custom background color */
|
|
484
|
+
bgColor?: string;
|
|
485
|
+
/** Custom class for the wrapper */
|
|
486
|
+
className?: string;
|
|
487
|
+
};
|
|
488
|
+
declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
489
|
+
|
|
429
490
|
type ToggleGroupSize = "sm" | "md" | "lg";
|
|
430
491
|
type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
431
492
|
type ToggleGroupOption<T extends string = string> = {
|
|
@@ -558,6 +619,8 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
|
|
|
558
619
|
stickyHeader?: boolean;
|
|
559
620
|
/** Custom header row style */
|
|
560
621
|
headerStyle?: React$1.CSSProperties;
|
|
622
|
+
/** Custom header text class (overrides default rh-text-text-muted) */
|
|
623
|
+
headerTextClassName?: string;
|
|
561
624
|
};
|
|
562
625
|
declare const Table: <T>(props: TableProps<T> & {
|
|
563
626
|
ref?: React$1.ForwardedRef<HTMLTableElement>;
|
|
@@ -664,4 +727,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
|
664
727
|
|
|
665
728
|
declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
666
729
|
|
|
667
|
-
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
|
730
|
+
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -211,9 +211,12 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
|
|
|
211
211
|
type TextInputStatus = "default" | "error";
|
|
212
212
|
type TextInputSize = "sm" | "md" | "lg";
|
|
213
213
|
type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
214
|
+
type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
|
|
214
215
|
type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
215
216
|
/** Label text displayed above the input */
|
|
216
217
|
label?: string;
|
|
218
|
+
/** Label font weight */
|
|
219
|
+
labelWeight?: TextInputLabelWeight;
|
|
217
220
|
/** Subtitle displayed next to the label */
|
|
218
221
|
subtitle?: string;
|
|
219
222
|
/** Validation status */
|
|
@@ -234,6 +237,8 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
|
|
|
234
237
|
declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
235
238
|
/** Label text displayed above the input */
|
|
236
239
|
label?: string;
|
|
240
|
+
/** Label font weight */
|
|
241
|
+
labelWeight?: TextInputLabelWeight;
|
|
237
242
|
/** Subtitle displayed next to the label */
|
|
238
243
|
subtitle?: string;
|
|
239
244
|
/** Validation status */
|
|
@@ -426,6 +431,62 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
|
|
|
426
431
|
disabled?: boolean;
|
|
427
432
|
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
428
433
|
|
|
434
|
+
type TagInputSize = "sm" | "md" | "lg";
|
|
435
|
+
type TagInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
436
|
+
type TagInputStatus = "default" | "error";
|
|
437
|
+
type TagInputOption = {
|
|
438
|
+
value: string;
|
|
439
|
+
label: string;
|
|
440
|
+
};
|
|
441
|
+
type TagInputProps = {
|
|
442
|
+
/** Label text displayed above the input */
|
|
443
|
+
label?: string;
|
|
444
|
+
/** Subtitle displayed next to the label */
|
|
445
|
+
subtitle?: string;
|
|
446
|
+
/** Available options to select from */
|
|
447
|
+
options: TagInputOption[];
|
|
448
|
+
/** Current selected values */
|
|
449
|
+
value: TagInputOption[];
|
|
450
|
+
/** Callback when tags change */
|
|
451
|
+
onChange: (tags: TagInputOption[]) => void;
|
|
452
|
+
/** Placeholder text when no tags */
|
|
453
|
+
placeholder?: string;
|
|
454
|
+
/** Validation status */
|
|
455
|
+
status?: TagInputStatus;
|
|
456
|
+
/** Input size */
|
|
457
|
+
size?: TagInputSize;
|
|
458
|
+
/** Border radius */
|
|
459
|
+
radius?: TagInputRadius;
|
|
460
|
+
/** Helper/error message displayed below the input */
|
|
461
|
+
helperText?: React$1.ReactNode;
|
|
462
|
+
/** Whether the input is disabled */
|
|
463
|
+
disabled?: boolean;
|
|
464
|
+
/** Custom class for the outermost wrapper */
|
|
465
|
+
wrapperClassName?: string;
|
|
466
|
+
/** Custom class for the input container */
|
|
467
|
+
className?: string;
|
|
468
|
+
};
|
|
469
|
+
declare const TagInput: React$1.ForwardRefExoticComponent<TagInputProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
470
|
+
|
|
471
|
+
type ProgressBarSize = "sm" | "lg";
|
|
472
|
+
type ProgressBarProps = {
|
|
473
|
+
/** Progress value from 0 to 100 */
|
|
474
|
+
value: number;
|
|
475
|
+
/** Label text (only shown in lg size) */
|
|
476
|
+
label?: string;
|
|
477
|
+
/** Size variant */
|
|
478
|
+
size?: ProgressBarSize;
|
|
479
|
+
/** Whether to show percentage text */
|
|
480
|
+
showPercentage?: boolean;
|
|
481
|
+
/** Custom bar color */
|
|
482
|
+
barColor?: string;
|
|
483
|
+
/** Custom background color */
|
|
484
|
+
bgColor?: string;
|
|
485
|
+
/** Custom class for the wrapper */
|
|
486
|
+
className?: string;
|
|
487
|
+
};
|
|
488
|
+
declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
489
|
+
|
|
429
490
|
type ToggleGroupSize = "sm" | "md" | "lg";
|
|
430
491
|
type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
431
492
|
type ToggleGroupOption<T extends string = string> = {
|
|
@@ -558,6 +619,8 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
|
|
|
558
619
|
stickyHeader?: boolean;
|
|
559
620
|
/** Custom header row style */
|
|
560
621
|
headerStyle?: React$1.CSSProperties;
|
|
622
|
+
/** Custom header text class (overrides default rh-text-text-muted) */
|
|
623
|
+
headerTextClassName?: string;
|
|
561
624
|
};
|
|
562
625
|
declare const Table: <T>(props: TableProps<T> & {
|
|
563
626
|
ref?: React$1.ForwardedRef<HTMLTableElement>;
|
|
@@ -664,4 +727,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
|
664
727
|
|
|
665
728
|
declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
666
729
|
|
|
667
|
-
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|
|
730
|
+
export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
|