@lax-wp/design-system 0.8.26 → 0.8.27

package/dist/components/button/Button.d.ts

@@ -16,6 +16,7 @@ export interface IButtonProps {
     type?: 'button' | 'submit' | 'reset';
     options?: ItemType[];
     tooltip?: string;
+    autoFocus?: boolean;
     tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
     /** Array of keyboard shortcut keys to display inline in the button (e.g., ['Meta', 'S'] or ['Ctrl', 'Enter']) */
     shortcuts?: string[];

package/dist/index.es.js

@@ -6245,27 +6245,28 @@ const Dt = ({
   tooltipPlacement: p = "top",
   shortcuts: m,
   tooltipShortcuts: b,
-  theme: g = "light"
+  theme: g = "light",
+  autoFocus: x
 }) => {
-  const x = ve(() => {
+  const v = ve(() => {
     switch (e) {
       case "outline":
-        return w();
-      case "ghost":
         return P();
-      case "dashed":
+      case "ghost":
         return S();
+      case "dashed":
+        return C();
       default:
-        return y();
+        return w();
     }
-  }, [e, A, r, g]), v = ve(() => {
+  }, [e, A, r, g]), y = ve(() => {
     switch (e) {
       case "dashed":
-        return C();
+        return O();
       default:
         return {};
     }
-  }, [e, A, r, g]), y = ve(() => {
+  }, [e, A, r, g]), w = ve(() => {
     switch (A) {
       case "primary":
         return "bg-primary-600 text-white focus:border-primary-200 hover:bg-primary-700 disabled:opacity-60";
@@ -6288,7 +6289,7 @@ const Dt = ({
       default:
         return "bg-white dark:bg-black-800 text-neutral-900 dark:text-white border-white border hover:bg-neutral-100 dark:hover:bg-black-600 disabled:opacity-60";
     }
-  }, [A, r, g]), w = ve(() => {
+  }, [A, r, g]), P = ve(() => {
     switch (A) {
       case "primary":
         return "text-primary-700 dark:text-primary-600 border-primary-700 border dark:border-primary-600 hover:bg-primary-100 disabled:opacity-60";
@@ -6305,7 +6306,7 @@ const Dt = ({
       default:
         return "bg-white dark:bg-black-800 text-neutral-900 dark:text-white border-neutral-300 dark:border-neutral-700 border hover:bg-neutral-100 dark:hover:bg-black-600 disabled:opacity-60";
     }
-  }, [A, g]), P = ve(() => {
+  }, [A, g]), S = ve(() => {
     switch (A) {
       case "primary":
         return "text-primary-700 dark:text-primary-600 border border-transparent dark:border-transparent hover:text-primary-700 disabled:opacity-60";
@@ -6320,14 +6321,14 @@ const Dt = ({
       default:
         return "text-neutral-900 dark:text-white border border-transparent dark:border-transparent hover:text-[#667085] disabled:opacity-60";
     }
-  }, [A, g]), S = ve(() => {
+  }, [A, g]), C = ve(() => {
     switch (A) {
       case "primary":
         return "bg-primary-50 dark:bg-black-700 text-primary-600 dark:text-primary-600 disabled:text-primary-100 hover:bg-primary-100 dark:hover:bg-black-600";
       default:
         return "bg-primary-50 dark:bg-black-700 text-primary-600 dark:text-primary-600 disabled:text-primary-100 hover:bg-primary-100 dark:hover:bg-black-600";
     }
-  }, [A, g]), C = ve(() => {
+  }, [A, g]), O = ve(() => {
     switch (A) {
       case "primary":
         return {
@@ -6339,7 +6340,7 @@ const Dt = ({
       default:
         return {};
     }
-  }, [A, g]), O = ve(() => {
+  }, [A, g]), D = ve(() => {
     if (!e || e === "filled")
       switch (A) {
         case "primary":
@@ -6377,10 +6378,10 @@ const Dt = ({
       default:
         return "bg-neutral-100 text-neutral-500 dark:bg-black-700 dark:text-neutral-400";
     }
-  }, [A, e]), D = ua(), H = Oe(() => m?.length ? m.map((N) => {
-    const M = wd[N];
-    return M ? D === "macos" ? M.macos : M.other : N;
-  }) : [], [m, D]), Q = () => /* @__PURE__ */ l(Ee, { children: /* @__PURE__ */ l(md, { size: 24, className: "inline mr-2 spinner" }) }), L = A === "primary" ? "submit" : u;
+  }, [A, e]), H = ua(), Q = Oe(() => m?.length ? m.map((M) => {
+    const z = wd[M];
+    return z ? H === "macos" ? z.macos : z.other : M;
+  }) : [], [m, H]), L = () => /* @__PURE__ */ l(Ee, { children: /* @__PURE__ */ l(md, { size: 24, className: "inline mr-2 spinner" }) }), N = u || (A === "primary" ? "submit" : u);
   return /* @__PURE__ */ l(Se, { title: f, placement: p, shortcuts: b, delayShow: !0, children: /* @__PURE__ */ k(
     "button",
     {
@@ -6401,27 +6402,28 @@ const Dt = ({
         gap-1.5
         relative
         max-h-[32px]
-         ${x()}
+         ${v()}
       `,
-      style: { ...v() },
+      style: { ...y() },
       disabled: r || i,
       id: o,
       onClick: a,
       onKeyDown: c,
       title: s,
-      type: L,
+      type: N,
+      autoFocus: x,
       children: [
-        i && Q(),
+        i && L(),
         n,
-        H.length > 0 ? /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-0.5 ml-1 flex-shrink-0", children: H.map((N, M) => /* @__PURE__ */ l(
+        Q.length > 0 ? /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-0.5 ml-1 flex-shrink-0", children: Q.map((M, z) => /* @__PURE__ */ l(
           "kbd",
           {
-            className: `inline-flex items-center justify-center min-w-[20px] h-5 px-1 rounded text-[11px] font-medium leading-none ${O()}`,
-            children: N
+            className: `inline-flex items-center justify-center min-w-[20px] h-5 px-1 rounded text-[11px] font-medium leading-none ${D()}`,
+            children: M
           },
-          M
+          z
         )) }) : null,
-        h?.length ? /* @__PURE__ */ l("div", { onClick: (N) => N.stopPropagation(), children: /* @__PURE__ */ l(
+        h?.length ? /* @__PURE__ */ l("div", { onClick: (M) => M.stopPropagation(), children: /* @__PURE__ */ l(
           mr,
           {
             menu: {
@@ -7436,6 +7438,7 @@ const C0 = _i(null), C6 = C0.Provider, ts = () => {
           onClick: n,
           isLoading: i,
           status: s === "destructive" ? "error" : "primary",
+          autoFocus: !0,
           children: a || (s === "destructive" ? "Delete" : "Confirm")
         }
       )