@situaction/traq-ui-ste 1.2.10 → 1.2.12

package/dist/components/button/Button.js

@@ -1,59 +1,59 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
-import '../../styles/Button.css';const m = "_button_gxbp6_30", c = "_fullWidth_gxbp6_191", f = "_flexHorizontalCenter_gxbp6_195", d = "_flexHorizontalBetween_gxbp6_202", t = {
+import '../../styles/Button.css';const m = "_button_1059c_30", f = "_fullWidth_1059c_192", g = "_flexHorizontalCenter_1059c_196", d = "_flexHorizontalBetween_1059c_203", t = {
   button: m,
-  "button-primary": "_button-primary_gxbp6_54",
-  "button-secondary": "_button-secondary_gxbp6_68",
-  "button-tertiary": "_button-tertiary_gxbp6_84",
-  "button-ghost": "_button-ghost_gxbp6_100",
-  "button-text": "_button-text_gxbp6_116",
-  "button-text-selected": "_button-text-selected_gxbp6_129",
-  "button-error": "_button-error_gxbp6_135",
-  "button-size-xl": "_button-size-xl_gxbp6_148",
-  "button-size-l": "_button-size-l_gxbp6_154",
-  "button-size-m": "_button-size-m_gxbp6_160",
-  "button-size-s": "_button-size-s_gxbp6_166",
-  "button-size-menu": "_button-size-menu_gxbp6_172",
-  "button-gap-menu": "_button-gap-menu_gxbp6_178",
-  "button-gap-xl": "_button-gap-xl_gxbp6_181",
-  "button-gap-l": "_button-gap-l_gxbp6_184",
-  "button-gap-m": "_button-gap-m_gxbp6_178",
-  "button-gap-s": "_button-gap-s_gxbp6_187",
-  fullWidth: c,
-  flexHorizontalCenter: f,
+  "button-primary": "_button-primary_1059c_54",
+  "button-secondary": "_button-secondary_1059c_68",
+  "button-tertiary": "_button-tertiary_1059c_84",
+  "button-ghost": "_button-ghost_1059c_100",
+  "button-text": "_button-text_1059c_117",
+  "button-text-selected": "_button-text-selected_1059c_130",
+  "button-error": "_button-error_1059c_136",
+  "button-size-xl": "_button-size-xl_1059c_149",
+  "button-size-l": "_button-size-l_1059c_155",
+  "button-size-m": "_button-size-m_1059c_161",
+  "button-size-s": "_button-size-s_1059c_167",
+  "button-size-menu": "_button-size-menu_1059c_173",
+  "button-gap-menu": "_button-gap-menu_1059c_179",
+  "button-gap-xl": "_button-gap-xl_1059c_182",
+  "button-gap-l": "_button-gap-l_1059c_185",
+  "button-gap-m": "_button-gap-m_1059c_179",
+  "button-gap-s": "_button-gap-s_1059c_188",
+  fullWidth: f,
+  flexHorizontalCenter: g,
   flexHorizontalBetween: d
 }, C = z(
   ({
     mode: n = "primary",
     size: e = "m",
-    label: r,
-    error: l,
-    selected: s,
-    childrenLeft: b,
-    childrenRight: _,
-    fullWidth: u = !1,
-    ...x
-  }, a) => {
-    const p = () => l ? "error" : n, g = [
+    label: l,
+    error: s,
+    selected: b,
+    childrenLeft: _,
+    childrenRight: u,
+    fullWidth: r = !1,
+    ...a
+  }, c) => {
+    const i = () => s ? "error" : n, x = [
       t.button,
-      t[`button-${p()}`],
+      t[`button-${i()}`],
       t[`button-size-${e}`],
       t[`button-gap-${e}`],
-      s && n === "text" && t["button-text-selected"],
-      u ? t.flexHorizontalBetween : t.flexHorizontalCenter,
-      u && t.fullWidth
+      b && n === "text" && t["button-text-selected"],
+      r ? t.flexHorizontalBetween : t.flexHorizontalCenter,
+      r && t.fullWidth
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ p(
       "button",
       {
-        ref: a,
+        ref: c,
         type: "button",
-        className: g,
-        ...x,
+        className: x,
+        ...a,
         children: [
-          b && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: b }),
-          /* @__PURE__ */ o("span", { children: r }),
-          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ })
+          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ }),
+          /* @__PURE__ */ o("span", { children: l }),
+          u && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: u })
         ]
       }
     );