@dust-tt/sparkle 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +13 -8
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +13 -8
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -68,11 +68,12 @@ var typeClasses = {
68
68
  base: "text-white bg-action-500 border-action-600",
69
69
  hover: "hover:bg-action-400 hover:border-action-500",
70
70
  active: "active:bg-action-600 active:border-action-700",
71
- dark: {
72
- base: "dark:bg-action-500-dark dark:border-action-600-dark",
73
- hover: "dark:hover:bg-action-500-dark dark:hover:border-action-500-dark",
74
- active: "dark:active:bg-action-600-dark dark:active:border-action-700-dark",
75
- },
71
+ // dark: {
72
+ // base: "dark:bg-action-500-dark dark:border-action-600-dark",
73
+ // hover: "dark:hover:bg-action-500-dark dark:hover:border-action-500-dark",
74
+ // active:
75
+ // "dark:active:bg-action-600-dark dark:active:border-action-700-dark",
76
+ // },
76
77
  },
77
78
  secondary: {
78
79
  base: "text-action-500 border-structure-300 bg-structure-0",
@@ -96,9 +97,13 @@ var typeClasses = {
96
97
  },
97
98
  };
98
99
  function Button(_a) {
99
- var _b, _c, _d, _e, _f, _g, _h, _j, _k;
100
- var _l = _a.type, type = _l === void 0 ? "primary" : _l, _m = _a.size, size = _m === void 0 ? "sm" : _m, onClick = _a.onClick, _o = _a.disabled, disabled = _o === void 0 ? false : _o, label = _a.label, icon = _a.icon, _p = _a.className, className = _p === void 0 ? "" : _p;
101
- var buttonClasses = classNames("inline-flex items-center border transition-all ease-out duration-400 box-border rounded-full scale-95 hover:scale-100 hover:drop-shadow-md active:scale-95 active:drop-shadow-none", sizeClasses$1[size], (_b = typeClasses[type]) === null || _b === void 0 ? void 0 : _b.base, (_c = typeClasses[type]) === null || _c === void 0 ? void 0 : _c.hover, (_d = typeClasses[type]) === null || _d === void 0 ? void 0 : _d.active, (_f = (_e = typeClasses[type]) === null || _e === void 0 ? void 0 : _e.dark) === null || _f === void 0 ? void 0 : _f.base, (_h = (_g = typeClasses[type]) === null || _g === void 0 ? void 0 : _g.dark) === null || _h === void 0 ? void 0 : _h.hover, (_k = (_j = typeClasses[type]) === null || _j === void 0 ? void 0 : _j.dark) === null || _k === void 0 ? void 0 : _k.active, disabled ? "cursor-not-allowed opacity-50 bg-gray-200" : "", className);
100
+ var _b, _c, _d;
101
+ var _e = _a.type, type = _e === void 0 ? "primary" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f, onClick = _a.onClick, _g = _a.disabled, disabled = _g === void 0 ? false : _g, label = _a.label, icon = _a.icon, _h = _a.className, className = _h === void 0 ? "" : _h;
102
+ var buttonClasses = classNames("inline-flex items-center border transition-all ease-out duration-400 box-border rounded-full scale-95 hover:scale-100 hover:drop-shadow-md active:scale-95 active:drop-shadow-none", sizeClasses$1[size], (_b = typeClasses[type]) === null || _b === void 0 ? void 0 : _b.base, (_c = typeClasses[type]) === null || _c === void 0 ? void 0 : _c.hover, (_d = typeClasses[type]) === null || _d === void 0 ? void 0 : _d.active,
103
+ // typeClasses[type]?.dark?.base,
104
+ // typeClasses[type]?.dark?.hover,
105
+ // typeClasses[type]?.dark?.active,
106
+ disabled ? "cursor-not-allowed opacity-50 bg-gray-200" : "", className);
102
107
  var iconClasses = classNames(iconSizeClasses[size]);
103
108
  var finalContainerClasses = classNames(containerClasses[size]);
104
109
  return (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },