@dust-tt/sparkle 0.1.46 → 0.1.47

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, MouseEventHandler } from "react";
 import { TooltipProps } from "./Tooltip";
 type IconButtonProps = {
-    type?: "primary" | "warning" | "secondary" | "tertiary";
+    variant?: "primary" | "warning" | "secondary" | "tertiary";
     onClick?: MouseEventHandler<HTMLButtonElement>;
     size?: "xs" | "sm" | "md";
     tooltip?: string;
@@ -10,5 +10,5 @@ type IconButtonProps = {
     className?: string;
     disabled?: boolean;
 };
-export declare function IconButton({ type, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
+export declare function IconButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, MouseEventHandler } from "react";
 import { TooltipProps } from "./Tooltip";
 type IconToggleButtonProps = {
-    type?: "secondary" | "tertiary";
+    variant?: "secondary" | "tertiary";
     onClick?: MouseEventHandler<HTMLButtonElement>;
     size?: "xs" | "sm" | "md";
     tooltip?: string;
@@ -12,5 +12,5 @@ type IconToggleButtonProps = {
     disabled?: boolean;
     selected?: boolean;
 };
-export declare function IconToggleButton({ type, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
+export declare function IconToggleButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React, { MouseEventHandler } from "react";
 type SliderToggleProps = {
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onClick?: MouseEventHandler<HTMLElement>;
     className?: string;
     disabled?: boolean;
     selected?: boolean;

package/dist/cjs/index.js

@@ -960,9 +960,9 @@ var iconClasses$1 = {
     },
 };
 function IconButton(_a) {
-    var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
     // Choose the correct group of classes based on 'type'
-    var iconGroup = iconClasses$1[type];
+    var iconGroup = iconClasses$1[variant];
     var finalIconClasses = classNames(className, baseClasses$1, iconGroup.base, disabled ? iconGroup.disabled : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.base, disabled ? iconGroup.dark.disabled : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
     var IconButtonContent = (React.createElement("button", { className: finalIconClasses, onClick: disabled ? undefined : onClick, disabled: disabled }, icon && React.createElement(Icon, { visual: icon, size: size })));
     return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
@@ -1000,8 +1000,8 @@ var iconClasses = {
     },
 };
 function IconToggleButton(_a) {
-    var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
-    var iconGroup = iconClasses[type];
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
+    var iconGroup = iconClasses[variant];
     var finalIconClasses = classNames(className, baseClasses, disabled
         ? iconGroup.disabled
         : selected