@lax-wp/design-system 0.3.79 → 0.3.81

package/dist/components/data-display/banner/Banner.d.ts

@@ -1,31 +1,27 @@
+import React from "react";
 /**
  * Available banner status options
  */
-export type BannerStatus = "success" | "error" | "warning" | "info" | "archived" | "canceled" | "queued" | "paused" | "awaiting_action" | "skipped" | "pending";
+export type BannerStatus = "success" | "error" | "warning" | "info" | "infoGrey" | "archived" | "canceled" | "queued" | "paused" | "awaiting_action" | "skipped" | "pending";
 /**
  * Props for the Banner component
  */
 export interface BannerProps {
-    /** The banner status/color variant */
-    status: BannerStatus;
     /** The main content to display */
     children: React.ReactNode;
+    /** The banner status/color variant */
+    status: BannerStatus;
     /** Additional content to display on the right side */
     additionalChildren?: React.ReactNode;
-    /** Component to render when expanded (for error status) */
+    /** Component to render when expanded (for error status). Receives executionId as prop. */
     ExpandedComponent?: React.ComponentType<{
-        children: React.ReactNode;
+        executionId?: string;
+        children?: React.ReactNode;
     }>;
-    /** Whether the banner is expandable */
-    expandable?: boolean;
-    /** Custom icon to override default status icon */
-    icon?: React.ReactNode;
+    /** Execution ID to pass to the ExpandedComponent */
+    executionId?: string;
     /** Additional CSS classes for the wrapper */
     className?: string;
-    /** Callback when banner is clicked (if expandable) */
-    onClick?: () => void;
-    /** Custom aria-label for accessibility */
-    "aria-label"?: string;
 }
 /**
  * Banner component displays important information with status-based styling
@@ -33,9 +29,9 @@ export interface BannerProps {
  * @example
  * ```tsx
  * <Banner status="success">Operation completed successfully</Banner>
- * <Banner status="error" expandable ExpandedComponent={ErrorDetails}>
+ * <Banner status="error" ExpandedComponent={FlowErrorBanner} executionId="123">
  *   Error occurred
  * </Banner>
  * ```
  */
-export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface ArchivedIconProps {
+    className?: string;
+    size?: string;
+    fill?: string;
+}
+export declare const ArchivedIcon: FC<ArchivedIconProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface CheckCircleProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const CheckCircle: FC<CheckCircleProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface InfoAlertProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const InfoAlert: FC<InfoAlertProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface InfoCircleIconProps {
+    fill?: string;
+    size?: number;
+    className?: string;
+}
+export declare const InfoCircleIcon: FC<InfoCircleIconProps>;

package/dist/index.d.ts

@@ -93,8 +93,16 @@ export { LaxIcon } from "./components/icons/LaxIcon";
 export { ComingSoonIcon } from "./components/icons/ComingSoonIcon";
 export { CheckSmallIcon } from "./components/icons/CheckSmallIcon";
 export { EditIcon } from "./components/icons/EditIcon";
+export { CheckCircle } from "./components/icons/CheckCircle";
+export { InfoAlert } from "./components/icons/InfoAlert";
+export { ArchivedIcon } from "./components/icons/ArchivedIcon";
+export { InfoCircleIcon } from "./components/icons/InfoCircleIcon";
 export type { IconProps } from "./components/icons/LaxIcon";
 export type { EditIconProps } from "./components/icons/EditIcon";
+export type { CheckCircleProps } from "./components/icons/CheckCircle";
+export type { InfoAlertProps } from "./components/icons/InfoAlert";
+export type { ArchivedIconProps } from "./components/icons/ArchivedIcon";
+export type { InfoCircleIconProps } from "./components/icons/InfoCircleIcon";
 export { AccessDeniedModal } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export type { AccessDeniedModalProps } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export { InProgress } from "./components/data-display/in-progress/InProgress";