@situaction/traq-ui-ste 1.2.13 → 1.2.16

package/dist/X.es-BEJ-zMPl.mjs

@@ -0,0 +1,146 @@
+import * as e from "react";
+import { createContext as f } from "react";
+const w = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
+  ]
+]), A = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,160H48l80-80Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))
+  ]
+]), F = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), H = f({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+}), n = e.forwardRef(
+  (a, t) => {
+    const {
+      alt: r,
+      color: m,
+      size: l,
+      weight: c,
+      mirrored: g,
+      children: h,
+      weights: i,
+      ...p
+    } = a, {
+      color: u = "currentColor",
+      size: o,
+      weight: L = "regular",
+      mirrored: M = !1,
+      ...Z
+    } = e.useContext(H);
+    return /* @__PURE__ */ e.createElement(
+      "svg",
+      {
+        ref: t,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: l ?? o,
+        height: l ?? o,
+        fill: m ?? u,
+        viewBox: "0 0 256 256",
+        transform: g || M ? "scale(-1, 1)" : void 0,
+        ...Z,
+        ...p
+      },
+      !!r && /* @__PURE__ */ e.createElement("title", null, r),
+      h,
+      i.get(c ?? L)
+    );
+  }
+);
+n.displayName = "IconBase";
+const E = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: w }));
+E.displayName = "CaretDownIcon";
+const x = E, d = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: A }));
+d.displayName = "CaretUpIcon";
+const C = d, s = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: F }));
+s.displayName = "XIcon";
+const $ = s;
+export {
+  x as a,
+  A as b,
+  F as c,
+  H as d,
+  E as e,
+  s as f,
+  $ as n,
+  d as o,
+  n as p,
+  C as s,
+  w as t
+};

package/dist/components/button/Button.js

@@ -1,64 +1,64 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { forwardRef as z } from "react";
-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_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(
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import '../../styles/Button.css';const z = "_button_11huw_30", m = "_fullWidth_11huw_194", c = "_flexHorizontalCenter_11huw_198", f = "_flexHorizontalBetween_11huw_205", t = {
+  button: z,
+  "button-primary": "_button-primary_11huw_53",
+  "button-secondary": "_button-secondary_11huw_67",
+  "button-tertiary": "_button-tertiary_11huw_83",
+  "button-ghost": "_button-ghost_11huw_99",
+  "button-text": "_button-text_11huw_116",
+  "button-text-selected": "_button-text-selected_11huw_129",
+  "button-error": "_button-error_11huw_135",
+  "button-size-xl": "_button-size-xl_11huw_151",
+  "button-size-l": "_button-size-l_11huw_157",
+  "button-size-m": "_button-size-m_11huw_163",
+  "button-size-s": "_button-size-s_11huw_169",
+  "button-size-menu": "_button-size-menu_11huw_175",
+  "button-gap-menu": "_button-gap-menu_11huw_181",
+  "button-gap-xl": "_button-gap-xl_11huw_184",
+  "button-gap-l": "_button-gap-l_11huw_187",
+  "button-gap-m": "_button-gap-m_11huw_181",
+  "button-gap-s": "_button-gap-s_11huw_190",
+  fullWidth: m,
+  flexHorizontalCenter: c,
+  flexHorizontalBetween: f
+}, y = p(
   ({
     mode: n = "primary",
     size: e = "m",
     label: l,
     error: s,
     selected: b,
-    childrenLeft: _,
-    childrenRight: u,
+    childrenLeft: u,
+    childrenRight: _,
     fullWidth: r = !1,
     ...a
-  }, c) => {
-    const i = () => s ? "error" : n, x = [
+  }, i) => {
+    const h = () => s ? "error" : n, w = [
       t.button,
-      t[`button-${i()}`],
+      t[`button-${h()}`],
       t[`button-size-${e}`],
       t[`button-gap-${e}`],
       b && n === "text" && t["button-text-selected"],
       r ? t.flexHorizontalBetween : t.flexHorizontalCenter,
       r && t.fullWidth
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ x(
       "button",
       {
-        ref: c,
+        ref: i,
         type: "button",
-        className: x,
+        className: w,
         ...a,
         children: [
-          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ }),
+          u && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: u }),
           /* @__PURE__ */ o("span", { children: l }),
-          u && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: u })
+          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ })
         ]
       }
     );
   }
 );
 export {
-  C as Button
+  y as Button
 };