shekel-fe-shared-lib 1.0.8 → 1.0.9

package/dist/types/components/Button.d.ts

@@ -1,12 +1,19 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ButtonHTMLAttributes, CSSProperties, FC, ReactNode } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'outlined' | 'ghost' | 'text';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
     loading?: boolean;
     hoverColor?: string;
+    bgColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    hoverBgColor?: string;
+    hoverTextColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/types/components/Card.d.ts

@@ -1,10 +1,13 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, CSSProperties } from 'react';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    padding?: 'none' | 'sm' | 'md' | 'lg';
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'responsive';
     shadow?: 'none' | 'sm' | 'md' | 'lg';
     hover?: boolean;
     bordered?: boolean;
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    bgColor?: string;
+    borderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Card: FC<CardProps>;
 export default Card;

package/dist/types/components/Checkbox.d.ts

@@ -1,16 +1,20 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface CheckboxProps {
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
     indeterminate?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     variant?: 'filled' | 'outline';
     className?: string;
     id?: string;
     name?: string;
     value?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    checkedBorderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export default Checkbox;

package/dist/types/components/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface DropdownMenuItem {
     key: string;
     label: ReactNode;
@@ -15,6 +15,12 @@ export interface DropdownProps {
     className?: string;
     overlayClassName?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    menuBgColor?: string;
+    menuItemHoverColor?: string;
+    dangerColor?: string;
+    borderColor?: string;
+    style?: CSSProperties;
 }
 export declare const Dropdown: FC<DropdownProps>;
 export default Dropdown;

package/dist/types/components/Modal.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'responsive';
 export interface ModalProps {
     open: boolean;
     onClose: () => void;
@@ -6,10 +7,17 @@ export interface ModalProps {
     children: ReactNode;
     footer?: ReactNode;
     width?: string | number;
+    size?: ModalSize;
     closable?: boolean;
     maskClosable?: boolean;
     centered?: boolean;
     className?: string;
+    bgColor?: string;
+    headerBgColor?: string;
+    overlayColor?: string;
+    bodyClassName?: string;
+    headerClassName?: string;
+    maxHeight?: string | number;
 }
 export declare const Modal: FC<ModalProps>;
 export default Modal;

package/dist/types/components/Progress.d.ts

@@ -5,9 +5,14 @@ export interface ProgressProps {
     showInfo?: boolean;
     strokeColor?: string;
     strokeWidth?: number;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     className?: string;
     format?: (percent: number) => ReactNode;
+    bgColor?: string;
+    successColor?: string;
+    exceptionColor?: string;
+    trackColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
 }
 export declare const Progress: FC<ProgressProps>;
 export default Progress;

package/dist/types/components/SearchInput.d.ts

@@ -1,10 +1,18 @@
-import { FC, ReactNode, InputHTMLAttributes } from 'react';
+import { FC, ReactNode, InputHTMLAttributes, CSSProperties } from 'react';
 export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     onIconClick?: () => void;
+    bgColor?: string;
+    borderColor?: string;
+    focusBorderColor?: string;
+    iconColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const SearchInput: FC<SearchInputProps>;
 export default SearchInput;

package/dist/types/components/Select.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -11,12 +11,20 @@ export interface SelectProps {
     placeholder?: string;
     onChange?: (value: string | number) => void;
     disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     fullWidth?: boolean;
     className?: string;
     allowClear?: boolean;
     showSearch?: boolean;
     searchPlaceholder?: string;
+    bgColor?: string;
+    borderColor?: string;
+    focusBorderColor?: string;
+    selectedBgColor?: string;
+    selectedTextColor?: string;
+    hoverBgColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const Select: FC<SelectProps>;
 export default Select;

package/dist/types/components/SelectedItemsList.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface SelectedItem {
     id: string | number;
     label: string;
@@ -11,6 +11,15 @@ export interface SelectedItemsListProps {
     className?: string;
     itemClassName?: string;
     maxHeight?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    bgColor?: string;
+    hoverBgColor?: string;
+    textColor?: string;
+    sublabelColor?: string;
+    removeButtonColor?: string;
+    removeButtonHoverColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const SelectedItemsList: FC<SelectedItemsListProps>;
 export default SelectedItemsList;

package/dist/types/components/StatCard.d.ts

@@ -1,10 +1,21 @@
-import { FC } from 'react';
+import { FC, CSSProperties } from 'react';
 export interface StatCardProps {
     label: string;
     value: string | number;
     selected?: boolean;
     onClick?: () => void;
     className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    bgColor?: string;
+    borderColor?: string;
+    labelColor?: string;
+    valueColor?: string;
+    selectedBgColor?: string;
+    selectedBorderColor?: string;
+    selectedLabelColor?: string;
+    selectedValueColor?: string;
+    style?: CSSProperties;
 }
 export declare const StatCard: FC<StatCardProps>;
 export default StatCard;

package/dist/types/components/Steps.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface StepItem {
     title: string;
     description?: string;
@@ -9,9 +9,15 @@ export interface StepsProps {
     items: StepItem[];
     current?: number;
     direction?: 'horizontal' | 'vertical';
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
     variant?: 'default' | 'outline';
     className?: string;
+    style?: CSSProperties;
+    finishColor?: string;
+    processColor?: string;
+    waitColor?: string;
+    errorColor?: string;
+    lineColor?: string;
 }
 export declare const Steps: FC<StepsProps>;
 export default Steps;

package/dist/types/components/Table.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, CSSProperties } from 'react';
 export interface ColumnDef<T = any> {
     key: string;
     title: string;
@@ -18,6 +18,14 @@ export interface TableProps<T = any> {
     className?: string;
     bordered?: boolean;
     striped?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    headerBgColor?: string;
+    headerTextColor?: string;
+    rowHoverColor?: string;
+    borderColor?: string;
+    stripedRowColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    style?: CSSProperties;
 }
 export interface PaginationConfig {
     current?: number;
@@ -29,5 +37,5 @@ export interface PaginationConfig {
     showTotal?: boolean;
     size?: 'sm' | 'md' | 'lg';
 }
-export declare const Table: <T extends Record<string, any>>({ columns, dataSource, rowKey, pagination, loading, onRow, className, bordered, striped, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends Record<string, any>>({ columns, dataSource, rowKey, pagination, loading, onRow, className, bordered, striped, size, headerBgColor, headerTextColor, rowHoverColor, borderColor, stripedRowColor, rounded, style, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/types/components/TableTop.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, CSSProperties } from 'react';
 export interface TableTopProps {
     title?: string;
     description?: string;
@@ -7,6 +7,14 @@ export interface TableTopProps {
     actions?: ReactNode;
     filters?: ReactNode;
     className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'responsive';
+    titleColor?: string;
+    descriptionColor?: string;
+    searchBgColor?: string;
+    searchBorderColor?: string;
+    searchFocusBorderColor?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    style?: CSSProperties;
 }
 export declare const TableTop: FC<TableTopProps>;
 export default TableTop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shekel-fe-shared-lib",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Shared component library built with React and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.cjs",