@dust-tt/sparkle 0.2.94 → 0.2.97

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

@@ -6,4 +6,3 @@ declare const meta: {
 };
 export default meta;
 export declare const BasicBanner: () => React.JSX.Element;
-export declare const IncidentBanner: () => React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { ElementModal } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof ElementModal;
+};
+export default meta;
+export declare const ElementModalExample: () => React.JSX.Element;

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

@@ -1,4 +1,3 @@
-import type { StoryObj } from "@storybook/react";
 import React from "react";
 import { Tab } from "../index_with_tw_base";
 declare const meta: {
@@ -6,6 +5,4 @@ declare const meta: {
     component: typeof Tab;
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ButtonExamples: () => React.JSX.Element;
-export declare const TabNavigation: Story;
+export declare const TabExample: () => React.JSX.Element;

package/dist/esm/_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/esm/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/esm/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/esm/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/esm/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/esm/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 {};