sy-ui-lib 1.0.10 → 1.0.12

package/dist/components/Chip/Chip.stories.d.ts

@@ -27,6 +27,12 @@ declare const meta: {
             };
             options: string[];
         };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
     };
 };
 export default meta;

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

@@ -5,6 +5,7 @@ export type ChipType = "active" | "suspended" | "locked" | "pending" | "info";
 export type ChipVariant = "filled" | "outlined";
 /** Defines the available icon colors */
 export type ChipIconColor = "white" | "success" | "error" | "slategray" | "goldenYellow" | "techBlue";
+export type ChipSize = "xs" | "sm" | "md";
 /** Props for the Chip component */
 export interface ChipProps {
     /** Text content to be displayed inside the chip */
@@ -19,4 +20,6 @@ export interface ChipProps {
     onClick?: () => void;
     /** Optional icon to be displayed in future use */
     iconName?: IconName;
+    /** Size of the chip, affecting padding and minimum dimensions */
+    size?: ChipSize;
 }

package/dist/components/DatePicker/DatePicker.component.d.ts

@@ -1,28 +1,3 @@
 import { DatePickerProps } from './DatePicker.types';
-/**
- * A reusable and customizable date picker component that supports both
- * single date and date range selection using `react-day-picker`.
- *
- * @param {string} [title] - Optional button text placeholder. Default is "Select Date".
- * @param {(value: HandleSelectDatePicker) => void} selectedDate - Callback function
- *        triggered when the user applies a selected date or range.
- * @param {HandleSelectDatePicker} [value] - Controlled selected value (single date or date range).
- * @param {boolean} [fullWidth] - If true, the date picker will stretch to full width of its container.
- * @param {number} [maxPastDays] - Maximum number of past days selectable.
- * @param {number} [maxRangeDays] - Maximum range in days (for range mode).
- * @param {boolean} [currentSelected] - If true, today is pre-selected on mount.
- *
- * @returns {JSX.Element} The rendered DatePicker component.
- *
- * @example
- * <DatePicker
- *   title="Pick a date"
- *   fullWidth
- *   maxPastDays={30}
- *   maxRangeDays={14}
- *   currentSelected
- *   selectedDate={(value) => console.log("Selected:", value)}
- * />
- */
 declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -5,6 +5,5 @@ export default meta;
 type Story = StoryObj<DatePickerProps>;
 export declare const Default: Story;
 export declare const CustomTitle: Story;
-export declare const CurrentDateSelected: Story;
 export declare const MaxPastDays: Story;
-export declare const MaxRangeDays: Story;
+export declare const Range: Story;

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

@@ -1,33 +1,30 @@
-import { DateRange } from 'react-day-picker';
-/**
- * The selection mode for the date picker.
- * - "single": For selecting a single date
- * - "range": For selecting a date range
- */
+import { ButtonSize } from '../Button';
+/** "single": For selecting a single date. "range": For selecting a date range*/
 export type DatePickerMode = "single" | "range";
-/**
- * Represents the value returned from the date picker based on the selected mode.
- * - `Date`: when mode is "single"
- * - `DateRange`: when mode is "range" (includes `from` and optional `to`)
- * - `undefined`: when no date is selected
- */
-export type HandleSelectDatePicker = Date | DateRange | undefined;
-/**
- * Props for the reusable DatePicker component.
- */
+/** Props for the reusable DatePicker component. */
 export interface DatePickerProps {
     /** Optional title/label to show above the date picker, default value "Select Date"  */
     title?: string;
-    /** Callback function that receives the selected date or date range */
-    selectedDate: (value: HandleSelectDatePicker) => void;
-    /** External selected value to control DatePicker state (single or range) */
-    value?: HandleSelectDatePicker;
-    /** Defines the size of the date picker ("sm" or "lg"). */
-    size?: "sm" | "lg" | "full";
-    /** Maximum number of past days selectable. */
+    /** Defines picker behavior */
+    variant?: DatePickerMode;
+    /** Selected date (controlled) */
+    value?: Date;
+    /** Callback when single date changes */
+    onChange?: (date: Date | undefined) => void;
+    /** Selected "from" date */
+    fromDate?: Date;
+    /** Selected "to" date */
+    toDate?: Date;
+    /** Callback when "from" date changes */
+    onFromChange?: (date: Date | undefined) => void;
+    /** Callback when "to" date changes */
+    onToChange?: (date: Date | undefined) => void;
+    /** Size of the picker */
+    size?: ButtonSize;
+    /** Maximum selectable past days */
     maxPastDays?: number;
-    /** Maximum range in days (for range mode).*/
+    /** Maximum selectable past days */
     maxRangeDays?: number;
-    /** If true, today is pre-selected on mount.*/
+    /** If true, today is pre-selected on mount. */
     currentSelected?: boolean;
 }

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

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../Button';
 /**
  * Represents an individual option in the dropdown.
  */
@@ -12,7 +13,7 @@ export interface DropdownProps {
     /** The fallback label to display when no option is selected. */
     label: string;
     /** Defines the size of the dropdown button and options. default value is "sm" */
-    size?: "sm" | "lg" | "full";
+    size?: ButtonSize;
     /** List of dropdown options available for selection. */
     options: DropdownOptionValues[];
     /** Currently selected option. Must be one of the items from `options`. */

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

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../Button';
 export interface MultiSelectOptionValues {
     /** The visible label shown in the dropdown list and selected state */
     label: string;
@@ -9,7 +10,7 @@ export interface MultiSelectDropdownProps {
     /** The fallback label to display when no option is selected. */
     label: string;
     /** Defines the size of the dropdown button and options. default value is "sm" */
-    size?: "sm" | "lg" | "full";
+    size?: ButtonSize;
     /** List of dropdown options available for selection. */
     options: MultiSelectOptionValues[];
     /** Currently selected option. Must be one of the items from `options`. */

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

@@ -17,7 +17,7 @@ export interface DismissProps {
 /** Base props common to all snackbar variants */
 interface SnackBarBaseProps {
     /** Message text to display in the snackbar */
-    message: string;
+    message: React.ReactNode;
     /** Time (in milliseconds) before the snackbar auto-dismisses */
     duration?: number;
     /** Type of message (info, success, error) to control the snackbar color */

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

@@ -5,4 +5,5 @@ export interface ToggleProps {
     ariaLabel?: string;
     onColor?: string;
     offColor?: string;
+    size?: "sm" | "md";
 }