@lifesg/react-design-system 2.2.0-canary.1 → 2.2.0-canary.2

package/error-display/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ButtonProps } from "../button";
 export type ErrorDisplayType = "400" | "403" | "404" | "408" | "500" | "502" | "503" | "504" | "confirmation" | "inactivity" | "insufficient-credits" | "link-error" | "logout" | "warning" | "maintenance" | "no-item-found" | "payment-unsuccessful" | "transfer-unsuccessful" | "unsupported-browser" | "partially-supported-browser";
 export interface MaintenanceAdditionalAttributes {
     dateString: string;
@@ -6,16 +7,16 @@ export interface MaintenanceAdditionalAttributes {
 export interface ErrorDisplayAttributes {
     /** The custom image attributes */
     img?: React.ImgHTMLAttributes<HTMLImageElement> | undefined;
-    title?: string | undefined;
+    title?: string | JSX.Element | undefined;
     description?: string | JSX.Element | undefined;
     /** The action button displayed at the bottom of the Error Display */
-    actionButton?: React.ButtonHTMLAttributes<HTMLButtonElement> | undefined;
+    actionButton?: ButtonProps | undefined;
     /** Additional pre-specified props to control specific content  */
     additionalProps?: MaintenanceAdditionalAttributes | undefined;
     /** Specifies if only the image is rendered */
     imageOnly?: boolean | undefined;
 }
-export interface ErrorDisplayProps extends React.HTMLAttributes<HTMLElement>, ErrorDisplayAttributes {
+export interface ErrorDisplayProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">, ErrorDisplayAttributes {
     type: ErrorDisplayType;
     "data-testid"?: string | undefined;
 }

package/index.d.ts

@@ -8,6 +8,7 @@ export * from "./calendar";
 export * from "./card";
 export * from "./checkbox";
 export * from "./color";
+export * from "./data-table";
 export * from "./date-input";
 export * from "./date-range-input";
 export * from "./design-token";