@lanaco/lnc-react-ui 4.0.103 → 4.0.104

package/dist/IconButton.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),$=require("react"),o=require("./index-BPVoEhTF.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-BWzf4vLl.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>`
+"use strict";const n=require("react/jsx-runtime"),B=require("react"),o=require("./index-BPVoEhTF.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-BWzf4vLl.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -13,9 +13,9 @@
 
         min-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
         max-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
-    `,F=b.styled.i`
+    `,P=b.styled.i`
   font-size: 1.125rem;
-`,B=b.styled.button`
+`,C=b.styled.button`
   ${e=>m(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
@@ -83,7 +83,7 @@
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","background","backgroundOpacity")};
     color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","text")};
   }
-`,C=b.styled.button`
+`,f=b.styled.button`
   ${e=>m(e)}
 
   ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
@@ -116,7 +116,7 @@
     cursor: default;
     background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic","gray","disabled","background","backgroundOpacity")};
   }
-`,w=b.styled(C)`
+`,w=b.styled(f)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,f=$.forwardRef((e,n)=>{const{icon:h=null,iconStyle:k="solid",borderRadius:V="regular",btnType:l="filled",disabled:R=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:i=()=>{},onClick:c=()=>{},onKeyDown:u=()=>{},size:y="small",color:T="primary",className:x="",style:z={},...d}=e,s={theme:P.useTheme(),color:T,size:y,style:z,className:"lnc-ui-icon-button "+x,disabled:R,borderRadius:V,btnType:l},v=()=>{var O=k==="solid"?"fas":"far";return`${O} fa-${h} fa-fw`},g=()=>$.isValidElement(h)?h:a.jsx(F,{className:v()});return l==="filled"?a.jsx(B,{ref:n,"data-type":"filled",...s,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,type:l,...d,children:g()}):l==="tinted"?a.jsx(S,{ref:n,"data-type":"tinted",...s,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:g()}):l==="outline"?a.jsx(w,{ref:n,"data-type":"outline",...s,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:g()}):l==="basic"?a.jsx(C,{ref:n,"data-type":"basic",...s,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:g()}):a.jsx(B,{ref:n,"data-type":"filled",size:y,...s,onFocus:r,onBlur:i,onClick:c,onKeyDown:u,...d,children:g()})});f.propTypes={icon:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),iconStyle:o.PropTypes.oneOf(["regular","solid"]),borderRadius:o.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:o.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:o.PropTypes.bool,tabIndex:o.PropTypes.number,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onClick:o.PropTypes.func,onKeyDown:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:o.PropTypes.oneOf(["small","medium","large"])};module.exports=f;
+`,k=B.forwardRef((e,i)=>{const{icon:h=null,iconStyle:V="solid",borderRadius:R="regular",btnType:a="filled",disabled:T=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:c=()=>{},onClick:u=()=>{},onKeyDown:d=()=>{},size:y="small",color:$="primary",className:x="",style:z={},...s}=e,l={theme:F.useTheme(),color:$,size:y,style:z,className:"lnc-ui-icon-button",disabled:T,borderRadius:R,btnType:a},v=()=>{var O=V==="solid"?"fas":"far";return`${O} fa-${h} fa-fw`},g=()=>B.isValidElement(h)?h:n.jsx(P,{className:v()});return a==="filled"?n.jsx(C,{ref:i,"data-type":"filled",...l,className:`${l==null?void 0:l.className} ${$}-${a}-lnc-btn ${x}`,onFocus:r,onBlur:c,onClick:u,onKeyDown:d,type:a,...s,children:g()}):a==="tinted"?n.jsx(S,{ref:i,"data-type":"tinted",...l,onFocus:r,onBlur:c,onClick:u,onKeyDown:d,...s,children:g()}):a==="outline"?n.jsx(w,{ref:i,"data-type":"outline",...l,onFocus:r,onBlur:c,onClick:u,onKeyDown:d,...s,children:g()}):a==="basic"?n.jsx(f,{ref:i,"data-type":"basic",...l,onFocus:r,onBlur:c,onClick:u,onKeyDown:d,...s,children:g()}):n.jsx(C,{ref:i,"data-type":"filled",size:y,...l,onFocus:r,onBlur:c,onClick:u,onKeyDown:d,...s,children:g()})});k.propTypes={icon:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),iconStyle:o.PropTypes.oneOf(["regular","solid"]),borderRadius:o.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:o.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:o.PropTypes.bool,tabIndex:o.PropTypes.number,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onClick:o.PropTypes.func,onKeyDown:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:o.PropTypes.oneOf(["small","medium","large"])};module.exports=k;

package/dist/IconButton.js

@@ -1,8 +1,8 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as S, isValidElement as N } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as I, isValidElement as S } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as $, b as t, d as n, e as B, h as f, a as V } from "./utils-BXCGNjIy.js";
+import { c as $, b as t, d as a, e as B, h as f, a as V } from "./utils-BXCGNjIy.js";
 import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const k = (e) => `
         outline: none;
@@ -20,11 +20,11 @@ const k = (e) => `
   e.borderRadius
 )};
 
-        min-width: ${n(e.theme, e.size)};
-        max-width: ${n(e.theme, e.size)};
+        min-width: ${a(e.theme, e.size)};
+        max-width: ${a(e.theme, e.size)};
     `, D = h.i`
   font-size: 1.125rem;
-`, x = h.button`
+`, v = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -49,8 +49,8 @@ const k = (e) => `
   "text"
 )};
 
-  min-height: ${(e) => n(e.theme, e.size)};
-  max-height: ${(e) => n(e.theme, e.size)};
+  min-height: ${(e) => a(e.theme, e.size)};
+  max-height: ${(e) => a(e.theme, e.size)};
 
   &:hover {
     background-color: ${(e) => t(
@@ -123,7 +123,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, P = h.button`
+`, K = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -151,8 +151,8 @@ const k = (e) => `
   "backgroundOpacity"
 )};
 
-  min-height: ${(e) => n(e.theme, e.size)};
-  max-height: ${(e) => n(e.theme, e.size)};
+  min-height: ${(e) => a(e.theme, e.size)};
+  max-height: ${(e) => a(e.theme, e.size)};
 
   &:hover {
     background-color: ${(e) => e.disabled !== !0 && t(
@@ -227,7 +227,7 @@ const k = (e) => `
   "text"
 )};
   }
-`, v = h.button`
+`, T = h.button`
   ${(e) => k(e)}
 
   ${(e) => $(
@@ -254,8 +254,8 @@ const k = (e) => `
   "backgroundOpacity"
 )};
 
-  min-height: ${(e) => n(e.theme, e.size)};
-  max-height: ${(e) => n(e.theme, e.size)};
+  min-height: ${(e) => a(e.theme, e.size)};
+  max-height: ${(e) => a(e.theme, e.size)};
 
   &:hover {
     background-color: ${(e) => t(
@@ -324,7 +324,7 @@ const k = (e) => `
   "backgroundOpacity"
 )};
   }
-`, K = h(v)`
+`, U = h(T)`
   border: 1px solid
     ${(e) => t(
   e.theme,
@@ -334,112 +334,113 @@ const k = (e) => `
   "border",
   "borderOpacity"
 )};
-`, U = S((e, c) => {
+`, W = I((e, i) => {
   const {
     icon: g = null,
-    iconStyle: T = "solid",
-    borderRadius: O = "regular",
+    iconStyle: O = "solid",
+    borderRadius: z = "regular",
     btnType: l = "filled",
-    disabled: z = !1,
-    tabIndex: W = 0,
+    disabled: F = !1,
+    tabIndex: E = 0,
     //----------------
-    onFocus: i = () => {
+    onFocus: d = () => {
     },
-    onBlur: d = () => {
+    onBlur: r = () => {
     },
-    onClick: r = () => {
+    onClick: u = () => {
     },
-    onKeyDown: u = () => {
+    onKeyDown: b = () => {
     },
     //----------------
     size: y = "small",
-    color: F = "primary",
+    color: x = "primary",
     className: w = "",
     style: C = {},
-    ...b
-  } = e, s = {
+    ...s
+  } = e, n = {
     theme: j(),
-    color: F,
+    color: x,
     size: y,
     style: C,
-    className: "lnc-ui-icon-button " + w,
-    disabled: z,
-    borderRadius: O,
+    className: "lnc-ui-icon-button",
+    disabled: F,
+    borderRadius: z,
     btnType: l
-  }, R = () => {
-    var I = T === "solid" ? "fas" : "far";
-    return `${I} fa-${g} fa-fw`;
-  }, m = () => N(g) ? g : /* @__PURE__ */ a(D, { className: R() });
-  return l === "filled" ? /* @__PURE__ */ a(
-    x,
+  }, N = () => {
+    var R = O === "solid" ? "fas" : "far";
+    return `${R} fa-${g} fa-fw`;
+  }, m = () => S(g) ? g : /* @__PURE__ */ c(D, { className: N() });
+  return l === "filled" ? /* @__PURE__ */ c(
+    v,
     {
-      ref: c,
+      ref: i,
       "data-type": "filled",
-      ...s,
-      onFocus: i,
-      onBlur: d,
-      onClick: r,
-      onKeyDown: u,
+      ...n,
+      className: `${n == null ? void 0 : n.className} ${x}-${l}-lnc-btn ${w}`,
+      onFocus: d,
+      onBlur: r,
+      onClick: u,
+      onKeyDown: b,
       type: l,
-      ...b,
+      ...s,
       children: m()
     }
-  ) : l === "tinted" ? /* @__PURE__ */ a(
-    P,
+  ) : l === "tinted" ? /* @__PURE__ */ c(
+    K,
     {
-      ref: c,
+      ref: i,
       "data-type": "tinted",
+      ...n,
+      onFocus: d,
+      onBlur: r,
+      onClick: u,
+      onKeyDown: b,
       ...s,
-      onFocus: i,
-      onBlur: d,
-      onClick: r,
-      onKeyDown: u,
-      ...b,
       children: m()
     }
-  ) : l === "outline" ? /* @__PURE__ */ a(
-    K,
+  ) : l === "outline" ? /* @__PURE__ */ c(
+    U,
     {
-      ref: c,
+      ref: i,
       "data-type": "outline",
+      ...n,
+      onFocus: d,
+      onBlur: r,
+      onClick: u,
+      onKeyDown: b,
       ...s,
-      onFocus: i,
-      onBlur: d,
-      onClick: r,
-      onKeyDown: u,
-      ...b,
       children: m()
     }
-  ) : l === "basic" ? /* @__PURE__ */ a(
-    v,
+  ) : l === "basic" ? /* @__PURE__ */ c(
+    T,
     {
-      ref: c,
+      ref: i,
       "data-type": "basic",
+      ...n,
+      onFocus: d,
+      onBlur: r,
+      onClick: u,
+      onKeyDown: b,
       ...s,
-      onFocus: i,
-      onBlur: d,
-      onClick: r,
-      onKeyDown: u,
-      ...b,
       children: m()
     }
-  ) : /* @__PURE__ */ a(
-    x,
+  ) : /* @__PURE__ */ c(
+    v,
     {
-      ref: c,
+      ref: i,
       "data-type": "filled",
       size: y,
+      ...n,
+      onFocus: d,
+      onBlur: r,
+      onClick: u,
+      onKeyDown: b,
       ...s,
-      onFocus: i,
-      onBlur: d,
-      onClick: r,
-      onKeyDown: u,
-      ...b,
       children: m()
     }
   );
 });
-U.propTypes = {
+W.propTypes = {
   icon: o.oneOfType([o.string, o.element]),
   iconStyle: o.oneOf(["regular", "solid"]),
   borderRadius: o.oneOf([
@@ -476,5 +477,5 @@ U.propTypes = {
   size: o.oneOf(["small", "medium", "large"])
 };
 export {
-  U as default
+  W as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.103",
+  "version": "4.0.104",
   "description": "React component library",
   "type": "module",
   "keywords": [