@dust-tt/sparkle 0.2.273-rc-3 → 0.2.273-rc-5

package/dist/cjs/index.js

@@ -43732,9 +43732,10 @@ var SvgXMark$1 = SvgXMark;
 var styleVariants$1 = {
     primary: "s-bg-primary s-text-white hover:s-bg-primary-light active:s-bg-primary-dark disabled:s-bg-primary-muted",
     highlight: "s-bg-highlight s-text-white hover:s-bg-highlight-light active:s-bg-highlight-dark disabled:s-bg-highlight-muted",
-    warning: "s-bg-warning s-text-primary hover:s-bg-warning-light active:s-bg-warning-dark disabled:s-bg-warning-muted",
+    warning: "s-bg-warning s-text-white hover:s-bg-warning-light active:s-bg-warning-dark disabled:s-bg-warning-muted",
     outline: "s-border s-text-primary-dark s-border-border-dark hover:s-text-primary hover:s-bg-primary-100 hover:s-border-primary-200 active:s-bg-primary-300 disabled:s-text-primary-muted disabled:s-border-structure-100",
     ghost: "s-border s-border-primary-200/0 s-text-primary-950 hover:s-bg-primary-100 hover:s-text-primary-900 active:s-bg-primary-200 hover:s-border-primary-200 disabled:s-text-primary-400",
+    white: "s-bg-white s-text-primary-dark s-border s-border-border-dark hover:s-bg-primary-100 hover:s-border-primary-200 active:s-bg-primary-300 disabled:s-text-primary-muted",
 };
 var sizeVariants = {
     xs: "s-h-7 s-px-2.5 s-rounded-lg s-text-xs s-gap-1.5",
@@ -43755,11 +43756,13 @@ var spinnerVariantsMap = {
     warning: "light",
     outline: "dark",
     ghost: "dark",
+    white: "light",
 };
 var spinnerVariantsMapIsLoading = {
     primary: "light",
     highlight: "light",
     warning: "light",
+    white: "light",
     outline: "slate400",
     ghost: "slate400",
 };
@@ -78239,6 +78242,10 @@ var styleVariants = {
         "hover:s-text-slate-100 hover:s-text-slate-100" +
         "active:s-text-slate-200 active:s-text-slate-200" +
         "s-text-white/50 s-text-white/50",
+    white: "s-text-element-700 dark:s-text-element-700-dark" +
+        "hover:s-text-action-400 dark:hover:s-text-action-500-dark" +
+        "active:s-text-action-600 dark:active:s-text-action-600-dark" +
+        "s-text-element-500 dark:s-text-element-500-dark",
 };
 var iconButtonVariants = cva(baseClasses$3, {
     variants: {
@@ -110124,7 +110131,7 @@ DataTable.Row = function Row(_a) {
         children,
         React.createElement("td", { className: "s-flex s-w-8 s-cursor-pointer s-items-center s-pl-1 s-text-element-600" }, moreMenuItems && moreMenuItems.length > 0 && (React.createElement(DropdownMenu$1, { className: "s-mr-1.5 s-flex" },
             React.createElement(DropdownMenu$1.Button, null,
-                React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "ghost", className: "s-m-1" })),
+                React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "outline", className: "s-m-1" })),
             React.createElement(DropdownMenu$1.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React.createElement(DropdownMenu$1.Item, __assign({ key: index }, item))); })))))));
 };
 DataTable.Cell = function Cell(_a) {
@@ -110169,7 +110176,7 @@ DataTable.CellContentWithCopy = function CellContentWithCopy(_a) {
     }); };
     return (React.createElement("div", { className: classNames("s-flex s-items-center s-space-x-2", className || "") },
         React.createElement("span", { className: "s-truncate" }, children),
-        React.createElement(IconButton, { icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, variant: "ghost", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+        React.createElement(IconButton, { icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, variant: "outline", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: