@lax-wp/design-system 0.3.47 → 0.3.49

package/dist/components/buttons/option-button/OptionButton.d.ts

@@ -1,69 +1,52 @@
-import { type ReactNode, type MouseEvent } from "react";
-/**
- * Available button sizes
- */
-export type OptionButtonSize = "small" | "medium" | "large";
-/**
- * Available button variants
- */
-export type OptionButtonVariant = "default" | "highlight" | "destructive";
+import { type FC, type ReactNode } from "react";
 /**
  * Props for the OptionButton component
  */
 export interface OptionButtonProps {
+    /** Unique identifier for the button */
+    id?: string;
+    /** Click handler for the button */
+    onClick?(e?: any): void;
+    /** Icon to display before the text */
+    icon?: ReactNode;
     /** Button text content */
     text: string;
-    /** Click handler for the button */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Whether the button should be hidden */
-    hidden?: boolean;
     /** Additional CSS classes */
     className?: string;
-    /** Button size variant */
-    size?: OptionButtonSize;
-    /** Button visual variant */
-    variant?: OptionButtonVariant;
-    /** Icon to display before the text */
-    icon?: ReactNode;
-    /** Icon to display after the text (trailing) */
-    trailingIcon?: ReactNode;
+    /** Whether the button is disabled */
+    isDisabled?: boolean;
+    /** Callback when the button is closed */
+    onClose?(): void;
+    /** Whether the button should be hidden */
+    notVisible?: boolean;
     /** Whether to hide hover effects */
     hideHoverEffect?: boolean;
-    /** Callback when the button is closed */
-    onClose?: () => void;
+    /** Icon to display after the text (trailing) */
+    leadingIcon?: ReactNode;
+    /** Suffix record object for badge content lookup by text */
+    suffixRecord?: Record<string, string | number>;
     /** Whether to stop event propagation on click */
     stopPropagation?: boolean;
-    /** Toggle functionality props */
-    onToggle?: (checked: boolean) => void;
+    /** Toggle functionality callback */
+    onToggle?: () => void;
     /** Whether the toggle is checked (if onToggle is provided) */
-    checked?: boolean;
+    isChecked?: boolean;
     /** Text to highlight within the button text */
-    highlightText?: string;
+    highlight?: string;
     /** Whether to truncate text */
     truncateText?: boolean;
     /** Whether to show a checkmark tick */
     showTick?: boolean;
     /** Custom width for the text container */
-    textWidth?: string;
+    width?: string;
     /** Tooltip text to display */
     tooltip?: string;
-    /** Suffix badge content */
-    suffixBadge?: ReactNode;
-    /** Custom aria-label for accessibility */
-    "aria-label"?: string;
-    /** Test ID for testing purposes */
-    "data-testid"?: string;
-    /** Whether the button should take full width */
-    fullWidth?: boolean;
-    /** Error state */
-    error?: boolean;
-    /** Loading state */
-    loading?: boolean;
+    /** Whether the flow is available (controls button enabled state) */
+    isFlowAvailable?: boolean;
 }
 /**
- * OptionButton component provides a flexible button for lists, menus, and option selections
+ * OptionButton component provides a flexible button for lists, menus, and option selections.
+ * Based on the web portal implementation for consistency across apps.
  *
  * @example
  * ```tsx
@@ -71,9 +54,7 @@ export interface OptionButtonProps {
  *   text="Save Document"
  *   icon={<SaveIcon />}
  *   onClick={() => console.log('Save clicked')}
- *   size="medium"
- *   variant="default"
  * />
  * ```
  */
-export declare const OptionButton: import("react").ForwardRefExoticComponent<OptionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const OptionButton: FC<OptionButtonProps>;

package/dist/components/forms/search-bar/SearchBar.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { type FC, type HTMLAttributes } from 'react';
 export type TSearchConfig = {
     searchCount?: number;
     searchPointer?: number;

package/dist/components/icons/SearchIcon.d.ts

@@ -1,6 +1,9 @@
-import React, { SVGAttributes } from 'react';
-export interface SearchIconProps extends SVGAttributes<SVGElement> {
-    size?: number;
+import { type FC, type SVGAttributes } from 'react';
+type TSVGProps = SVGAttributes<SVGElement> & {
+    width?: string | number;
+    height?: string | number;
+    fill?: string;
     className?: string;
-}
-export declare const SearchIcon: React.FC<SearchIconProps>;
+};
+export declare const SearchIcon: FC<TSVGProps>;
+export {};

package/dist/index.d.ts

@@ -106,7 +106,7 @@ export type { DiffViewerProps, DiffType, DiffTheme, } from "./components/data-di
 export { default as Button } from "./components/button/Button";
 export type { IButtonProps, IButtonStatus, IButtonAppearance, } from "./components/button/Button";
 export { OptionButton } from "./components/buttons/option-button/OptionButton";
-export type { OptionButtonProps, OptionButtonSize, OptionButtonVariant, } from "./components/buttons/option-button/OptionButton";
+export type { OptionButtonProps, } from "./components/buttons/option-button/OptionButton";
 export { FloatingBar } from "./components/floating-bar/FloatingBar";
 export type { FloatingBarProps, FloatingBarActionConfig, FloatingBarDeleteConfig, FloatingBarSize, FloatingBarPosition, FloatingBarTheme, } from "./components/floating-bar/FloatingBar";
 export { SearchBar } from "./components/forms/search-bar/SearchBar";