sy-ui-lib 1.0.9 → 1.0.11

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/Menu/Menu.component.d.ts

@@ -7,15 +7,31 @@ import { MenuProps } from './Menu.types';
  *
  * @param {MenuItemProps[]} items - Array of menu items to render.
  * @param {LastItemsProps} [lastItem] - Optional last item with text, icon, and click handler.
+ * @param {"default" | "action"} [variant="default"] - Controls menu width and item layout.
  *
- * Example usage:
+ * @example:
  * <Menu
+ *  variant="default"
  *   items={[
  *     { text: "Profile", onClick: () => {} },
  *     { text: "Settings", onClick: () => {} },
  *   ]}
  *   lastItem={{ text: "Logout", iconName: "logout", onClick: () => console.log("Logout clicked") }}
  * />
+ *
+ * @example:
+ * <Menu
+ *   variant="action"
+ *   items={[
+ *     { text: "Profile", onClick: () => {}, iconName="delete" },
+ *     { text: "Settings", onClick: () => {}, iconName="delete" },
+ *   ]}
+ *   lastItem={{
+ *     text: "Logout",
+ *     iconName: "logout",
+ *     onClick: () => console.log("Logout clicked")
+ *   }}
+ * />
  */
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

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

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Menu>;
 export declare const Default: Story;
 export declare const WithoutLastItem: Story;
+export declare const Action: Story;

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

@@ -1,10 +1,16 @@
 import { IconName } from '../Icon';
+/** Supported variants for the Menu component */
+export type MenuVariant = "default" | "action";
 /**  Props for each individual menu item*/
 export interface MenuItemProps {
     /** Text label to display in the menu item*/
     text: string;
     /** Function called when this menu item is clicked*/
     onClick: () => void;
+    /** Optional icon displayed on the menu. */
+    iconName?: IconName;
+    /** Controls the layout and behavior of the menuItem */
+    variant?: MenuVariant;
 }
 /** Props for the "last item" in the menu (like a logout button)*/
 export interface LastItemsProps {
@@ -21,4 +27,6 @@ export interface MenuProps {
     items: MenuItemProps[];
     /** Optional last item (e.g., logout) at the bottom of the menu*/
     lastItem?: LastItemsProps;
+    /** Controls the layout and behavior of the menu */
+    variant?: MenuVariant;
 }

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

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