@lanaco/lnc-react-ui 4.0.105 → 4.0.106

package/dist/NumberInput.js

@@ -1,17 +1,17 @@
-import { jsxs as q, jsx as x } from "react/jsx-runtime";
-import { P as r } from "./index-S5Cd7WrG.js";
-import { forwardRef as H, useRef as J, useState as R, useEffect as L, useCallback as Q } from "react";
+import { jsxs as q, jsx as $ } from "react/jsx-runtime";
+import { P as t } from "./index-S5Cd7WrG.js";
+import { forwardRef as H, useRef as J, useState as D, useEffect as L, useCallback as Q } from "react";
 import { d as Y } from "./index-CkWvbrVT.js";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d, b as n, a as Z, e as v, h as D, c as ee } from "./utils-BXCGNjIy.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as s, b as l, a as Z, e as v, h as F, c as ee } from "./utils-BbgAIA9N.js";
 import { u as ae } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const re = c.div`
+const te = m.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  background-color: ${(e) => n(
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  background-color: ${(e) => l(
   e.theme,
   "Input",
   e.color,
@@ -19,7 +19,7 @@ const re = c.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => n(
+    ${(e) => l(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
@@ -29,17 +29,32 @@ const re = c.div`
   border-radius: ${(e) => Z(e.theme, "regular")};
 
   ${(e) => e.focused && e.readOnly !== !0 ? v(e.theme) : ""}
-  ${(e) => e.disabled === !0 ? D(e.theme) : ""}
-`, F = c.span`
+  /* ${(e) => e.disabled === !0 ? F(e.theme) : ""} */
+  ${(e) => e.disabled === !0 && `background-color: ${l(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(r) => l(
+  r.theme,
+  "Input",
+  r.color,
+  "disabled",
+  "text"
+)};`}
+`, w = m.span`
   padding: 0 12px;
-  color: ${(e) => n(
+  color: ${(e) => l(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, te = c(F)``, le = c.input`
+`, le = m(w)``, re = m.input`
   background: none;
   border: none;
   outline: none;
@@ -48,21 +63,21 @@ const re = c.div`
   width: 100%;
 
   ${(e) => ee(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  color: ${(e) => n(
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  color: ${(e) => l(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => n(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => l(e.theme, "Input", e.color, "enabled", "caret")};
   padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
   padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
 
   &::placeholder {
-    color: ${(e) => n(
+    color: ${(e) => l(
   e.theme,
   "Input",
   e.color,
@@ -76,79 +91,94 @@ const re = c.div`
   }
 
   &:disabled {
-    ${(e) => D(e.theme)}
+    /* ${(e) => F(e.theme)} */
+    ${(e) => `background-color: ${l(
+  e.theme,
+  "Input",
+  e.color,
+  "disabled",
+  "background",
+  "backgroundOpacity"
+)};
+        color: ${(r) => l(
+  r.theme,
+  "Input",
+  r.color,
+  "disabled",
+  "text"
+)};`}
     background: none;
   }
-`, ne = H((e, w) => {
+`, ne = H((e, r) => {
   const {
-    disabled: $,
-    readOnly: I,
+    disabled: I,
+    readOnly: k,
     debounceTime: B = 0,
     step: P = 1,
     min: _ = Number.MIN_SAFE_INTEGER,
     max: j = Number.MAX_SAFE_INTEGER,
-    prefix: m,
-    suffix: f,
+    prefix: f,
+    suffix: h,
     placeholder: A,
-    value: t,
+    value: n,
     defaultValue: C,
     //----------------
     onChange: u,
-    onBlur: h,
+    onBlur: b,
     onFocus: g,
-    onKeyDown: b,
-    maxDecimalPlaces: k,
+    onKeyDown: y,
+    maxDecimalPlaces: O,
     //----------------
     className: W = "",
     style: G = {},
     size: N = "small",
-    color: o = "primary",
+    color: d = "primary",
     ...K
-  } = e, i = ae(), s = J(t || C || ""), [M, S] = R(t || C || ""), [y, T] = R(!1);
+  } = e, i = ae(), c = J(n || C || ""), [M, S] = D(n || C || ""), [x, T] = D(!1);
   L(() => {
-    t != null && (s.current = t, S(s.current));
-  }, [t]);
+    n != null && (c.current = n, S(c.current));
+  }, [n]);
   const U = Q(
-    Y((a, l) => X(a, l), B),
+    Y((a, o) => X(a, o), B),
     [u]
-  ), X = (a, l) => {
-    u && (u == null || u(a, l));
+  ), X = (a, o) => {
+    u && (u == null || u(a, o));
   };
   return /* @__PURE__ */ q(
-    re,
+    te,
     {
       style: G,
       className: W,
       theme: i,
-      color: o,
+      color: d,
       size: N,
-      focused: y,
-      disabled: $,
-      readOnly: I,
+      focused: x,
+      disabled: I,
+      readOnly: k,
       children: [
-        m && /* @__PURE__ */ x(
-          F,
+        f && /* @__PURE__ */ $(
+          w,
           {
             theme: i,
-            color: o,
-            focused: y,
+            color: d,
+            focused: x,
             className: "lnc-input-prefix",
-            children: m
+            children: f
           }
         ),
-        /* @__PURE__ */ x(
-          le,
+        /* @__PURE__ */ $(
+          re,
           {
-            ref: w,
+            ref: r,
             type: "number",
             theme: i,
-            color: o,
+            color: d,
             size: N,
             placeholder: A,
-            prefix: m,
-            suffix: f,
-            disabled: $,
-            readOnly: I,
+            prefix: f,
+            suffix: h,
+            disabled: I,
+            readOnly: k,
             step: P,
             min: _,
             max: j,
@@ -157,30 +187,30 @@ const re = c.div`
               T(!0), g == null || g(a);
             },
             onBlur: (a) => {
-              T(!1), h == null || h(a);
+              T(!1), b == null || b(a);
             },
             onChange: (a) => {
-              s.current = a.target.value, S(s.current), U(a, a.target.value);
+              c.current = a.target.value, S(c.current), U(a, a.target.value);
             },
             onKeyDown: (a) => {
-              var l, V, O, z, E;
-              if (((V = (l = a == null ? void 0 : a.target) == null ? void 0 : l.value) == null ? void 0 : V.length) > 0 && (a.key === "+" || a.key === "-") && a.preventDefault(), ((O = a == null ? void 0 : a.target) == null ? void 0 : O.value) === "" && (a.key === "+" || a.key === "-") && (a.target.value = a.key), (z = a == null ? void 0 : a.target) != null && z.value.includes(".") && k) {
-                const p = (E = a == null ? void 0 : a.target) == null ? void 0 : E.value.split(".")[1];
-                (p == null ? void 0 : p.length) >= k && a.preventDefault();
+              var o, V, z, E, R;
+              if (((V = (o = a == null ? void 0 : a.target) == null ? void 0 : o.value) == null ? void 0 : V.length) > 0 && (a.key === "+" || a.key === "-") && a.preventDefault(), ((z = a == null ? void 0 : a.target) == null ? void 0 : z.value) === "" && (a.key === "+" || a.key === "-") && (a.target.value = a.key), (E = a == null ? void 0 : a.target) != null && E.value.includes(".") && O) {
+                const p = (R = a == null ? void 0 : a.target) == null ? void 0 : R.value.split(".")[1];
+                (p == null ? void 0 : p.length) >= O && a.preventDefault();
               }
-              b == null || b(a);
+              y == null || y(a);
             },
             ...K
           }
         ),
-        f && /* @__PURE__ */ x(
-          te,
+        h && /* @__PURE__ */ $(
+          le,
           {
             theme: i,
-            color: o,
-            focused: y,
+            color: d,
+            focused: x,
             className: "lnc-input-suffix",
-            children: f
+            children: h
           }
         )
       ]
@@ -188,54 +218,54 @@ const re = c.div`
   );
 });
 ne.propTypes = {
-  id: r.any,
-  value: r.any,
-  defaultValue: r.any,
-  disabled: r.bool,
-  readOnly: r.bool,
+  id: t.any,
+  value: t.any,
+  defaultValue: t.any,
+  disabled: t.bool,
+  readOnly: t.bool,
   /**
    * Time in miliseconds before onChange event fires after it has been triggered.
    */
-  debounceTime: r.number,
+  debounceTime: t.number,
   /**
    * The amount that is added to the current value in the input if its incremented using the arrows/spinners.
    */
-  step: r.number,
+  step: t.number,
   /**
    * Minimum number value user can input.
    */
-  min: r.number,
+  min: t.number,
   /**
    * Maximum number value user can input.
    */
-  max: r.number,
+  max: t.number,
   /**
    * Reserved space before input. Intented to be used with plain text or `Icon` component.
    */
-  prefix: r.oneOfType([r.string, r.element]),
+  prefix: t.oneOfType([t.string, t.element]),
   /**
    * Reserved space after input. Intented to be used with plain text or `Icon` component.
    */
-  suffix: r.oneOfType([r.string, r.element]),
-  placeholder: r.string,
-  tabIndex: r.number,
+  suffix: t.oneOfType([t.string, t.element]),
+  placeholder: t.string,
+  tabIndex: t.number,
   /**
    * `(event, value) => void`
    */
-  onChange: r.func,
+  onChange: t.func,
   /**
    * `(event) => void`
    */
-  onBlur: r.func,
+  onBlur: t.func,
   /**
    * `(event) => void`
    */
-  onFocus: r.func,
+  onFocus: t.func,
   //----------------
-  className: r.string,
-  style: r.object,
-  size: r.oneOf(["small", "medium", "large"]),
-  color: r.oneOf([
+  className: t.string,
+  style: t.object,
+  size: t.oneOf(["small", "medium", "large"]),
+  color: t.oneOf([
     "primary",
     "secondary",
     "success",

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-Bjk6yHcP.cjs"),u=require("./utils-BWzf4vLl.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-JqDQj4jh.cjs"),u=require("./utils-CZynEOC_.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit}, auto)`};
   gap: 1.25rem;

package/dist/OverlayGeneralCardsSection.js

@@ -2,8 +2,8 @@ import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as g, Suspense as m } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-BuFChS64.js";
-import { R as v } from "./style-LEmcTrN9.js";
-import { p as x, o as y, k } from "./utils-BXCGNjIy.js";
+import { R as v } from "./style-08foMKSd.js";
+import { p as x, o as y, k } from "./utils-BbgAIA9N.js";
 import w from "./Button.js";
 import { useTheme as b } from "./ThemeProvider.js";
 const $ = f.div`

package/dist/PasswordInput.cjs

@@ -1,20 +1,22 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BWzf4vLl.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=h.styled.div`
+"use strict";const u=require("react/jsx-runtime"),a=require("react"),r=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=h.styled.div`
   display: flex;
   align-items: center;
 
-  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  background-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
+  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+  background-color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
   border: 1px solid
-    ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
-  border-radius: ${e=>r.getBorderRadiusValueWithUnits(e.theme,"regular")};
+    ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
+  border-radius: ${e=>o.getBorderRadiusValueWithUnits(e.theme,"regular")};
 
-  ${e=>e.focused&&e.readOnly!==!0?r.getOutlineCss(e.theme):""}
-  ${e=>e.disabled===!0?r.getDisabledStateCss(e.theme):""}
-`,T=h.styled.span`
+  ${e=>e.focused&&e.readOnly!==!0?o.getOutlineCss(e.theme):""}
+  /* ${e=>e.disabled===!0?o.getDisabledStateCss(e.theme):""} */
+  ${e=>e.disabled===!0&&`background-color: ${o.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${n=>o.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
+`,$=h.styled.span`
   padding: 0 12px;
-  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
-`,H=h.styled(T)``,J=h.styled(T)`
+  color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
+`,H=h.styled($)``,J=h.styled($)`
   cursor: pointer;
 `,K=h.styled.input`
   background: none;
@@ -24,16 +26,16 @@
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${e=>r.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
-  min-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  max-height: ${e=>r.getSizeValueWithUnits(e.theme,e.size)};
-  color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
-  caret-color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
+  ${e=>o.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
+  min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
+  color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
+  caret-color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","caret")};
   padding-right: ${e=>e.suffix?"0":"0.75rem"};
   padding-left: ${e=>e.prefix?"0":"0.75rem"};
 
   &::placeholder {
-    color: ${e=>r.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
+    color: ${e=>o.getColorRgbaValue(e.theme,"Input",e.color,"enabled","placeholder")};
   }
 
   &:read-only {
@@ -41,7 +43,9 @@
   }
 
   &:disabled {
-    ${e=>r.getDisabledStateCss(e.theme)}
+    /* ${e=>o.getDisabledStateCss(e.theme)} */
+    ${e=>`background-color: ${o.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
+        color: ${n=>o.getColorRgbaValue(n.theme,"Input",n.color,"disabled","text")};`}
     background: none;
   }
-`,V=s.forwardRef((e,m)=>{const{wrapperRef:z,disabled:$,readOnly:C,debounceTime:R=0,placeholder:k,prefix:b,suffix:f,value:u,defaultValue:v,onChange:c,onBlur:p,onFocus:x,className:j="",style:q={},size:P="small",color:i="primary",...w}=e,o=s.useRef(),d=A.useTheme(),[O,S]=s.useState(u||v||"");s.useEffect(()=>{u!=null&&S(u)},[u]);const[y,W]=s.useState(!0),[g,I]=s.useState(!1);s.useEffect(()=>{var l;const t=((l=o==null?void 0:o.current)==null?void 0:l.value)||"";o.current.selectionStart=t!=null&&t.length?t.length:0,o.current.selectionEnd=t!=null&&t.length?t.length:0},[y]),s.useEffect(()=>{m!=null&&(m.current=o.current)},[m,o]);const E=s.useCallback(L.debounce((t,l)=>U(t,l),R),[c]),U=(t,l)=>{c&&(c==null||c(t,l))},F=t=>{S(t.target.value),E(t,t.target.value)},N=()=>{W(!y),o.current.focus()},_=t=>{I(!0),x==null||x(t)},B=t=>{I(!1),p==null||p(t)};return a.jsxs(G,{ref:z,style:q,className:j,theme:d,color:i,size:P,focused:g,disabled:$,readOnly:C,children:[b&&a.jsx(T,{theme:d,color:i,focused:g,className:"lnc-input-prefix",children:b}),a.jsx(K,{ref:o,type:y?"password":"text",theme:d,color:i,size:P,placeholder:k,prefix:b,suffix:f,disabled:$,readOnly:C,focused:g,onFocus:_,onBlur:B,onChange:F,value:O,...w}),a.jsx(J,{theme:d,color:i,focused:g,onClick:N,children:a.jsx(D,{icon:y?"eye-slash":"eye"})}),f&&a.jsx(H,{theme:d,color:i,focused:g,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:n.PropTypes.any,value:n.PropTypes.string,defaultValue:n.PropTypes.string,disabled:n.PropTypes.bool,readOnly:n.PropTypes.bool,debounceTime:n.PropTypes.number,placeholder:n.PropTypes.string,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onBlur:n.PropTypes.func,onFocus:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;
+`,V=a.forwardRef((e,n)=>{const{wrapperRef:k,disabled:C,readOnly:T,debounceTime:R=0,placeholder:z,prefix:y,suffix:f,value:c,defaultValue:v,onChange:d,onBlur:p,onFocus:x,className:O="",style:j={},size:I="small",color:i="primary",...q}=e,l=a.useRef(),g=A.useTheme(),[w,P]=a.useState(c||v||"");a.useEffect(()=>{c!=null&&P(c)},[c]);const[m,W]=a.useState(!0),[b,S]=a.useState(!1);a.useEffect(()=>{var s;const t=((s=l==null?void 0:l.current)==null?void 0:s.value)||"";l.current.selectionStart=t!=null&&t.length?t.length:0,l.current.selectionEnd=t!=null&&t.length?t.length:0},[m]),a.useEffect(()=>{n!=null&&(n.current=l.current)},[n,l]);const E=a.useCallback(L.debounce((t,s)=>U(t,s),R),[d]),U=(t,s)=>{d&&(d==null||d(t,s))},F=t=>{P(t.target.value),E(t,t.target.value)},N=()=>{W(!m),l.current.focus()},_=t=>{S(!0),x==null||x(t)},B=t=>{S(!1),p==null||p(t)};return u.jsxs(G,{ref:k,style:j,className:O,theme:g,color:i,size:I,focused:b,disabled:C,readOnly:T,children:[y&&u.jsx($,{theme:g,color:i,focused:b,className:"lnc-input-prefix",children:y}),u.jsx(K,{ref:l,type:m?"password":"text",theme:g,color:i,size:I,placeholder:z,prefix:y,suffix:f,disabled:C,readOnly:T,focused:b,onFocus:_,onBlur:B,onChange:F,value:w,...q}),u.jsx(J,{theme:g,color:i,focused:b,onClick:N,children:u.jsx(D,{icon:m?"eye-slash":"eye"})}),f&&u.jsx(H,{theme:g,color:i,focused:b,className:"lnc-input-suffix",children:f})]})});V.propTypes={id:r.PropTypes.any,value:r.PropTypes.string,defaultValue:r.PropTypes.string,disabled:r.PropTypes.bool,readOnly:r.PropTypes.bool,debounceTime:r.PropTypes.number,placeholder:r.PropTypes.string,tabIndex:r.PropTypes.number,onChange:r.PropTypes.func,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=V;