@trops/dash-core 0.1.579 → 0.1.581

package/dist/index.esm.js

@@ -34881,7 +34881,7 @@ var CustomHexColorPane = function CustomHexColorPane(_ref) {
     }
   }
   return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col gap-2 p-3 border-t border-gray-700",
+    className: "flex flex-col gap-2 py-3 border-t border-gray-700",
     children: [/*#__PURE__*/jsx("span", {
       className: "text-xs uppercase font-bold tracking-wider text-gray-400",
       children: label
@@ -38060,26 +38060,34 @@ var RandomPreview = function RandomPreview(_ref1) {
   }
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col gap-4 flex-1 min-h-0",
-    children: [/*#__PURE__*/jsx("div", {
+    children: [/*#__PURE__*/jsx(HslNudgePanel, {
+      dH: dH,
+      dS: dS,
+      dL: dL,
+      onChange: function onChange(_ref10) {
+        var h = _ref10.dH,
+          s = _ref10.dS,
+          l = _ref10.dL;
+        setDH(h);
+        setDS(s);
+        setDL(l);
+      }
+    }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0",
-      children: /*#__PURE__*/jsx(HslNudgePanel, {
-        dH: dH,
-        dS: dS,
-        dL: dL,
-        onChange: function onChange(_ref10) {
-          var h = _ref10.dH,
-            s = _ref10.dS,
-            l = _ref10.dL;
-          setDH(h);
-          setDS(s);
-          setDL(l);
-        }
-      })
+      "aria-hidden": "true"
     }), /*#__PURE__*/jsxs("div", {
       className: "flex flex-col gap-2 shrink-0",
-      children: [/*#__PURE__*/jsx("span", {
-        className: "text-xs opacity-50",
-        children: "Generated Palette"
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "flex flex-row items-center justify-between",
+        children: [/*#__PURE__*/jsx("span", {
+          className: "text-xs opacity-50",
+          children: "Generated Palette"
+        }), /*#__PURE__*/jsx("button", {
+          type: "button",
+          onClick: handleRegenerate,
+          className: "text-xs px-2 py-0.5 rounded bg-gray-700 text-gray-300 hover:bg-gray-600",
+          children: "\u21BB Regenerate"
+        })]
       }), previewTheme && /*#__PURE__*/jsxs("div", {
         className: "flex flex-row gap-2 h-20",
         children: [/*#__PURE__*/jsx(PaletteSwatch, {
@@ -38096,10 +38104,6 @@ var RandomPreview = function RandomPreview(_ref1) {
           label: "Neutral"
         })]
       })]
-    }), /*#__PURE__*/jsx(Button, {
-      title: "Regenerate",
-      onClick: handleRegenerate,
-      size: "sm"
     })]
   });
 };