opus-toolkit-components 1.8.6 → 1.8.8

package/lib/components/Callout/index.d.ts

@@ -0,0 +1,11 @@
+export type CalloutTone = "green" | "amber" | "red" | "pink";
+
+export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
+  message: string;
+  tone?: CalloutTone;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+}
+
+export const Callout: React.FC<CalloutProps>;

package/lib/components/Cards/index.d.ts

@@ -9,8 +9,39 @@ export type CardIntent =
 
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
   intent?: CardIntent;
+  hasOutline?: boolean;
   className?: string;
   children?: React.ReactNode;
 }
 
 export const Card: React.ComponentType<CardProps>;
+
+export interface FileUploadCardProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  fileName: string;
+  uploadedDate: string;
+  previewSrc?: string;
+  previewAlt?: string;
+  preview?: React.ReactNode;
+  action?: React.ReactNode;
+  downloadTitle?: string;
+  onDownload?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  className?: string;
+}
+
+export const FileUploadCard: React.ComponentType<FileUploadCardProps>;
+
+export interface CardItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  heading: React.ReactNode;
+  subheading?: React.ReactNode;
+  icon?: React.ReactNode;
+  checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  iconPosition?: "left" | "right";
+  disabled?: boolean;
+  className?: string;
+  dataCy?: string;
+  name?: string;
+}
+
+export const CardItem: React.ComponentType<CardItemProps>;

package/lib/components/FooterLogo/index.d.ts

@@ -0,0 +1,6 @@
+export interface FooterLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+  href?: string;
+  className?: string;
+}
+
+export const FooterLogo: React.FC<FooterLogoProps>;

package/lib/components/Forms/ToggleSwitch/index.d.ts

@@ -0,0 +1,15 @@
+export interface ToggleSwitchProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  checked: boolean;
+  onChange?: (checked: boolean) => void;
+  onToggle?: (checked: boolean) => void;
+  leftLabel?: React.ReactNode;
+  rightLabel?: React.ReactNode;
+  disabled?: boolean;
+  name?: string;
+  title?: string;
+  dataCy?: string;
+  className?: string;
+}
+
+export const ToggleSwitch: React.ComponentType<ToggleSwitchProps>;

package/lib/components/Pills/index.d.ts

@@ -3,6 +3,21 @@ export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
   status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
   className?: string;
   icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+  iconPosition?: "left" | "right";
+  onIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 
 export const Pill: React.FC<PillProps>;
+
+export interface PillButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  label: React.ReactNode;
+  active?: boolean;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export const PillButton: React.FC<PillButtonProps>;

package/lib/index.d.ts

@@ -1,14 +1,17 @@
 export * from "./components/Accordions";
 export * from "./components/BarLayout";
 export * from "./components/Buttons";
+export * from "./components/Callout";
 export * from "./components/Cards";
 export * from "./components/Cookie";
 export * from "./components/Footer";
+export * from "./components/FooterLogo";
 export * from "./components/Forms/Checkbox";
 export * from "./components/Forms/Datepickers";
 export * from "./components/Forms/Dropdowns";
 export * from "./components/Forms/Inputs";
 export * from "./components/Forms/Radios";
+export * from "./components/Forms/ToggleSwitch";
 export * from "./components/Header";
 export * from "./components/Icon";
 export * from "./components/IconButton";