@lanaco/lnc-react-ui 4.0.2 → 4.0.5

package/dist/Icon.js

@@ -1,18 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import z from "react";
-/* empty css                     */
-import { P as o } from "./index-Ds9PUTwb.js";
-import { n as p } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as I, b } from "./utils-DEke8iwo.js";
-import { u as h } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
-const $ = p.span`
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as z } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as h, a as p } from "./utils-C52T57HO.js";
+import { u as b } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const $ = I.span`
   box-sizing: border-box;
-  ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : I(e.theme, "Icon", e.size, "enabled")};
-  ${(e) => e.color && `color: ${b(e.theme, "Icon", e.color, "enabled", "icon")}`};
+  ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : h(e.theme, "Icon", e.size, "enabled")};
+  ${(e) => e.color && `color: ${p(
+  e.theme,
+  "Icon",
+  e.color,
+  "enabled",
+  "icon"
+)}`};
   display: inline-flex;
   justify-content: center;
   align-items: center;
-`, x = z.forwardRef((e, n) => {
+`, x = z((e, t) => {
   const {
     id: U = "",
     icon: s = "",
@@ -24,11 +29,28 @@ const $ = p.span`
     className: m = "",
     style: f = {},
     ...d
-  } = e, g = { theme: h(), size: l, color: c, sizeInUnits: a }, y = () => {
+  } = e, g = { theme: b(), size: l, color: c, sizeInUnits: a }, y = () => {
     var u = i === "solid" ? "fas" : "far";
     return `${u} fa-${s} fa-fw`;
   };
-  return /* @__PURE__ */ t($, { ref: n, ...g, tooltip: r, className: m, style: f, ...d, children: /* @__PURE__ */ t("i", { "data-control": !!e["data-control"], className: y() }) });
+  return /* @__PURE__ */ n(
+    $,
+    {
+      ref: t,
+      ...g,
+      tooltip: r,
+      className: m,
+      style: f,
+      ...d,
+      children: /* @__PURE__ */ n(
+        "i",
+        {
+          "data-control": !!e["data-control"],
+          className: y()
+        }
+      )
+    }
+  );
 });
 x.propTypes = {
   id: o.string,

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-DXnSjbfJ.cjs");;/* empty css                       */const b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-hdRGTsQ7.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>`
+"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-BIlhCoy2.cjs"),b=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),m=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/IconButton.js

@@ -1,10 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import x from "react";
-import { P as o } from "./index-Ds9PUTwb.js";
-/* empty css                     */
-import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as $, b as t, f as n, h as f, g as B, c as N } from "./utils-DEke8iwo.js";
-import { u as V } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as I, isValidElement as N } from "react";
+import { P as o } from "./index-BYnWp42a.js";
+import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as $, a as t, d as n, e as B, h as f, b as V } from "./utils-C52T57HO.js";
+import { u as j } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const k = (e) => `
         outline: none;
         display: inline-flex;
@@ -16,16 +15,16 @@ const k = (e) => `
         cursor: pointer;
         color: ${!e.disabled && "white"};
 
-        border-radius: ${N(
+        border-radius: ${V(
   e.theme,
   e.borderRadius
 )};
 
         min-width: ${n(e.theme, e.size)};
         max-width: ${n(e.theme, e.size)};
-    `, j = h.i`
+    `, D = h.i`
   font-size: 1.125rem;
-`, v = h.button`
+`, x = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -86,7 +85,7 @@ const k = (e) => `
   "text"
 )};
 
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -107,7 +106,7 @@ const k = (e) => `
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -124,7 +123,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, D = h.button`
+`, P = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -189,7 +188,7 @@ const k = (e) => `
   "focus",
   "text"
 )};
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -210,7 +209,7 @@ const k = (e) => `
 )};
   }
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -228,7 +227,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, T = h.button`
+`, v = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -292,7 +291,7 @@ const k = (e) => `
   "hover",
   "text"
 )};
-    ${(e) => e.disabled === !1 && f(e.theme)};
+    ${(e) => e.disabled === !1 && B(e.theme)};
   }
 
   &:active {
@@ -314,7 +313,7 @@ const k = (e) => `
   }
 
   &:disabled {
-    ${(e) => e.disabled === !0 && B(e.theme)};
+    ${(e) => e.disabled === !0 && f(e.theme)};
     cursor: default;
     background-color: ${(e) => t(
   e.theme,
@@ -325,7 +324,7 @@ const k = (e) => `
   "backgroundOpacity"
 )};
   }
-`, P = h(T)`
+`, K = h(v)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -335,14 +334,14 @@ const k = (e) => `
   "border",
   "borderOpacity"
 )};
-`, K = x.forwardRef((e, c) => {
+`, U = I((e, c) => {
   const {
     icon: g = null,
-    iconStyle: O = "solid",
-    borderRadius: z = "regular",
-    btnType: a = "filled",
-    disabled: F = !1,
-    tabIndex: U = 0,
+    iconStyle: T = "solid",
+    borderRadius: O = "regular",
+    btnType: l = "filled",
+    disabled: z = !1,
+    tabIndex: W = 0,
     //----------------
     onFocus: i = () => {
     },
@@ -354,25 +353,25 @@ const k = (e) => `
     },
     //----------------
     size: y = "small",
-    color: w = "primary",
-    className: C = "",
-    style: R = {},
+    color: F = "primary",
+    className: w = "",
+    style: C = {},
     ...b
   } = e, s = {
-    theme: V(),
-    color: w,
+    theme: j(),
+    color: F,
     size: y,
-    style: R,
-    className: "lnc-ui-icon-button " + C,
-    disabled: F,
-    borderRadius: z,
-    btnType: a
-  }, S = () => {
-    var I = O === "solid" ? "fas" : "far";
-    return `${I} fa-${g} fa-fw`;
-  }, m = () => x.isValidElement(g) ? g : /* @__PURE__ */ l(j, { className: S() });
-  return a === "filled" ? /* @__PURE__ */ l(
-    v,
+    style: C,
+    className: "lnc-ui-icon-button " + w,
+    disabled: z,
+    borderRadius: O,
+    btnType: l
+  }, R = () => {
+    var S = T === "solid" ? "fas" : "far";
+    return `${S} fa-${g} fa-fw`;
+  }, m = () => N(g) ? g : /* @__PURE__ */ a(D, { className: R() });
+  return l === "filled" ? /* @__PURE__ */ a(
+    x,
     {
       ref: c,
       "data-type": "filled",
@@ -381,12 +380,12 @@ const k = (e) => `
       onBlur: d,
       onClick: r,
       onKeyDown: u,
-      type: a,
+      type: l,
       ...b,
       children: m()
     }
-  ) : a === "tinted" ? /* @__PURE__ */ l(
-    D,
+  ) : l === "tinted" ? /* @__PURE__ */ a(
+    P,
     {
       ref: c,
       "data-type": "tinted",
@@ -398,8 +397,8 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : a === "outline" ? /* @__PURE__ */ l(
-    P,
+  ) : l === "outline" ? /* @__PURE__ */ a(
+    K,
     {
       ref: c,
       "data-type": "outline",
@@ -411,8 +410,8 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : a === "basic" ? /* @__PURE__ */ l(
-    T,
+  ) : l === "basic" ? /* @__PURE__ */ a(
+    v,
     {
       ref: c,
       "data-type": "basic",
@@ -424,8 +423,8 @@ const k = (e) => `
       ...b,
       children: m()
     }
-  ) : /* @__PURE__ */ l(
-    v,
+  ) : /* @__PURE__ */ a(
+    x,
     {
       ref: c,
       "data-type": "filled",
@@ -440,7 +439,7 @@ const k = (e) => `
     }
   );
 });
-K.propTypes = {
+U.propTypes = {
   icon: o.oneOfType([o.string, o.element]),
   iconStyle: o.oneOf(["regular", "solid"]),
   borderRadius: o.oneOf([
@@ -477,5 +476,5 @@ K.propTypes = {
   size: o.oneOf(["small", "medium", "large"])
 };
 export {
-  K as default
+  U as default
 };