@lax-wp/design-system 0.8.7 → 0.8.9

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

@@ -9,6 +9,7 @@ export interface IconButtonProps {
     tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
     noborder?: boolean;
     id?: string;
+    type?: 'button' | 'submit' | 'reset';
 }
 declare const IconButton: React.FC<IconButtonProps>;
 export default IconButton;

package/dist/index.es.js

@@ -1573,21 +1573,23 @@ const YA = ({
   tooltip: i,
   tooltipPlacement: o = "top",
   noborder: l,
-  id: s
+  id: s,
+  type: c = "button"
 }) => {
-  const c = "flex items-center", d = {
+  const d = "flex items-center", u = {
     default: `bg-white dark:bg-black-800 hover:bg-neutral-100 dark:hover:bg-black-700 rounded-lg ${l ? "" : "border border-neutral-300 dark:border-neutral-800"} p-2 hover:opacity-80`,
     secondary: `bg-transparent rounded-lg ${l ? "" : "border border-neutral-300 dark:border-black-400"} p-2 hover:opacity-80`,
     native: `bg-transparent rounded-lg ${l ? "" : "border border-neutral-300"} p-2 hover:opacity-80`,
     ghost: "text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600 dark:hover:text-neutral-200 dark:hover:bg-neutral-800 p-1 cursor-pointer rounded-full hover:scale-75 transition-all duration-500 ease-in-out"
-  }, u = a ? "cursor-not-allowed opacity-50" : "cursor-pointer";
+  }, f = a ? "cursor-not-allowed opacity-50" : "cursor-pointer";
   return /* @__PURE__ */ r(yA, { title: i, placement: o, delayShow: !0, children: /* @__PURE__ */ r(
     "button",
     {
       id: s,
       disabled: a,
-      className: `${c} ${d[t]} ${e || ""} ${u}`,
+      className: `${d} ${u[t]} ${e || ""} ${f}`,
       onClick: n,
+      type: c,
       children: A
     }
   ) });
@@ -7952,6 +7954,7 @@ const E0 = () => /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox:
   return /* @__PURE__ */ r("li", { className: "inline-flex w-auto", children: /* @__PURE__ */ w(
     "button",
     {
+      type: "button",
       onClick: () => n(s),
       className: V(
         "relative py-0.5 px-3 border-gray-200",
@@ -7974,6 +7977,7 @@ const E0 = () => /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox:
   return /* @__PURE__ */ r("li", { className: "sm:mr-2", children: /* @__PURE__ */ w(
     "button",
     {
+      type: "button",
       onClick: () => n(s),
       className: V(
         "relative inline-flex pt-1 pb-3 px-2 pl-3 sm:px-2 rounded-t-lg group",
@@ -26920,6 +26924,7 @@ const N8 = ({
     {
       id: `btn-tabs-tabswitch-${e}`,
       className: m,
+      type: "button",
       onClick: g,
       children: /* @__PURE__ */ r(fi, { ...h, children: v })
     }