@dust-tt/sparkle 0.2.94 → 0.2.97

package/dist/cjs/_index.d.ts

@@ -56,6 +56,8 @@ import Spinner from "./components/Spinner";
 export { Spinner };
 import { Modal } from "./components/Modal";
 export { Modal };
+import { ElementModal } from "./components/ElementModal";
+export { ElementModal };
 import { Dialog } from "./components/Dialog";
 export { Dialog };
 import { Input } from "./components/Input";

package/dist/cjs/components/Banner.d.ts

@@ -1,21 +1,11 @@
 import React from "react";
 interface BannerProps {
-    allowDismiss: boolean;
-    classNames: string;
-    ctaLabel?: string;
-    label: string;
-    hidden: boolean;
-    onClick?: () => void;
+    variant?: "info" | "incident" | "error";
+    allowDismiss?: boolean;
+    className?: string;
+    hidden?: boolean;
     onDismiss?: () => void;
-    title: string | React.ReactNode;
     children?: React.ReactNode;
 }
-export declare function Banner(props: BannerProps): React.JSX.Element;
-export declare namespace Banner {
-    var defaultProps: {
-        allowDismiss: boolean;
-        classNames: string;
-        hidden: boolean;
-    };
-}
+export declare function Banner({ variant, allowDismiss, className, hidden, onDismiss, children, }: BannerProps): React.JSX.Element;
 export {};

package/dist/cjs/components/ContentMessage.d.ts

@@ -3,9 +3,10 @@ export interface ContentMessageProps {
     title: string;
     children: React.ReactNode;
     className?: string;
-    variant: "amber" | "pink";
+    size?: "sm" | "md";
+    variant?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
 }
-export declare function ContentMessage({ title, variant, children, className, }: ContentMessageProps): React.JSX.Element;
+export declare function ContentMessage({ title, variant, children, size, className, }: ContentMessageProps): React.JSX.Element;
 export declare namespace ContentMessage {
     var defaultProps: {
         variant: "amber";

package/dist/cjs/components/ElementModal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ModalProps } from "./Modal";
+type ElementModalProps<T> = Omit<ModalProps, "isOpen" | "onSave"> & {
+    openOnElement: T | null;
+    onSave?: (closeModalFn: () => void) => void;
+};
+export declare function ElementModal<T>({ openOnElement, onClose, onSave, ...props }: ElementModalProps<T>): React.JSX.Element;
+export {};

package/dist/cjs/components/Modal.d.ts

@@ -5,7 +5,7 @@ export declare enum ModalType {
     FullScreen = "full-screen",
     Side = "side"
 }
-type ModalProps = {
+export type ModalProps = {
     isOpen: boolean;
     onClose: () => void;
     action?: ButtonProps;
@@ -19,4 +19,3 @@ type ModalProps = {
     variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
 };
 export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, saveLabel, isSaving, savingLabel, title, variant, }: ModalProps): React.JSX.Element;
-export {};

package/dist/cjs/components/Tab.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentType, MouseEvent } from "react";
 type TabProps = {
+    variant?: "default" | "stepper";
     tabs: Array<{
         label: string;
         hideLabel?: boolean;
@@ -14,5 +15,5 @@ type TabProps = {
     onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;
     className?: string;
 };
-export declare function Tab({ tabs, onTabClick, className }: TabProps): React.JSX.Element;
+export declare function Tab({ variant, tabs, onTabClick, className, }: TabProps): React.JSX.Element;
 export {};