1mpacto-react-ui 0.0.55 → 0.0.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -22721,36 +22721,46 @@ const Z1 = (e) => {
22721
22721
  size: a = "regular",
22722
22722
  id: o,
22723
22723
  className: i,
22724
- onChange: u
22724
+ classNameTitle: u,
22725
+ classNameDesc: s,
22726
+ onChange: l
22725
22727
  }) => {
22726
- const s = {
22728
+ const c = {
22727
22729
  large: or["switch-l"],
22728
22730
  regular: or["switch-r"],
22729
22731
  small: or["switch-s"]
22730
- }, l = () => {
22731
- !t && typeof u == "function" && u(!e);
22732
+ }, f = () => {
22733
+ !t && typeof l == "function" && l(!e);
22732
22734
  };
22733
- return /* @__PURE__ */ w.jsxs("div", { id: o ?? "1ru-switch", className: `1ru-flex 1ru-gap-2 ${i ?? ""}`, children: [
22734
- /* @__PURE__ */ w.jsxs("label", { children: [
22735
- /* @__PURE__ */ w.jsx("input", { type: "checkbox", checked: e, onChange: l, className: "1ru-sr-only" }),
22736
- /* @__PURE__ */ w.jsx(
22737
- "span",
22738
- {
22739
- className: `${s[a]} ${e ? "1ru-bg-payhere-brand-base" : "1ru-bg-blue-gray-50"} ${t ? "" : "1ru-cursor-pointer"} ${!e && t ? "1ru-bg-laba-grey-05" : ""}`,
22740
- children: /* @__PURE__ */ w.jsx(
22735
+ return /* @__PURE__ */ w.jsxs(
22736
+ "div",
22737
+ {
22738
+ id: o ?? "1ru-switch",
22739
+ className: `1ru-flex 1ru-gap-2 ${i ?? ""}`,
22740
+ onClick: (g) => g.stopPropagation(),
22741
+ children: [
22742
+ /* @__PURE__ */ w.jsxs("label", { children: [
22743
+ /* @__PURE__ */ w.jsx("input", { type: "checkbox", checked: e, onChange: f, className: "1ru-sr-only" }),
22744
+ /* @__PURE__ */ w.jsx(
22741
22745
  "span",
22742
22746
  {
22743
- className: `${or["thumb-switch"]} ${e ? or.active : ""} ${t ? "1ru-bg-gray-300" : "1ru-bg-white"}`
22747
+ className: `${c[a]} ${e ? "1ru-bg-payhere-brand-base" : "1ru-bg-blue-gray-50"} ${t ? "" : "1ru-cursor-pointer"} ${!e && t ? "1ru-bg-laba-grey-05" : ""}`,
22748
+ children: /* @__PURE__ */ w.jsx(
22749
+ "span",
22750
+ {
22751
+ className: `${or["thumb-switch"]} ${e ? or.active : ""} ${t ? "1ru-bg-gray-300" : "1ru-bg-white"}`
22752
+ }
22753
+ )
22744
22754
  }
22745
22755
  )
22746
- }
22747
- )
22748
- ] }),
22749
- (n || r) && /* @__PURE__ */ w.jsxs("div", { children: [
22750
- n && /* @__PURE__ */ w.jsx("div", { className: or["title-switch-base"], children: n }),
22751
- r && /* @__PURE__ */ w.jsx("div", { className: or["description-switch-base"], children: r })
22752
- ] })
22753
- ] });
22756
+ ] }),
22757
+ (n || r) && /* @__PURE__ */ w.jsxs("div", { children: [
22758
+ n && /* @__PURE__ */ w.jsx("div", { className: `${or["title-switch-base"]} ${u}`, children: n }),
22759
+ r && /* @__PURE__ */ w.jsx("div", { className: `${or["description-switch-base"]} ${s}`, children: r })
22760
+ ] })
22761
+ ]
22762
+ }
22763
+ );
22754
22764
  }, Bt = {
22755
22765
  "button-icon-base": "_button-icon-base_1hk8g_1",
22756
22766
  "button-icon-xs": "_button-icon-xs_1hk8g_1",