@lanaco/lnc-react-ui 4.0.3 → 4.0.6

package/dist/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BIlhCoy2.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs");;/* empty css                       */const s=require("./utils-DTAPpJXU.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),w=P.newStyled.div`
+"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BIlhCoy2.cjs"),P=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-DTAPpJXU.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),w=P.newStyled.div`
   border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;

package/dist/Avatar.js

@@ -2,7 +2,6 @@ import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as i } from "./index-BYnWp42a.js";
 import { n as U } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-/* empty css                     */
 import { b as y, d as t, h as $, a as v } from "./utils-C52T57HO.js";
 import w from "./Icon.js";
 import { u as R } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
@@ -23,7 +22,7 @@ const x = U.div`
   }
 `, C = I((e, o) => {
   const {
-    image: r,
+    image: a,
     icon: l = "user",
     sizeInUnits: n,
     borderRadius: m = "curved",
@@ -35,7 +34,7 @@ const x = U.div`
     onClick: u = () => {
     },
     //----------------
-    size: a = "small",
+    size: r = "small",
     color: h = "primary",
     className: g = "",
     style: f = {},
@@ -44,7 +43,7 @@ const x = U.div`
     theme: R(),
     color: h,
     style: f,
-    size: a,
+    size: r,
     sizeInUnits: n,
     className: "lnc-ui-avatar " + g
   };
@@ -58,11 +57,11 @@ const x = U.div`
       onFocus: d,
       onBlur: c,
       ...z,
-      children: r ? /* @__PURE__ */ s("img", { src: r }) : /* @__PURE__ */ s(
+      children: a ? /* @__PURE__ */ s("img", { src: a }) : /* @__PURE__ */ s(
         w,
         {
           icon: l,
-          size: a,
+          size: r,
           sizeInUnits: n ? `calc(${n} / 2)` : null
         }
       )

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),U=require("react"),o=require("./index-BIlhCoy2.cjs");;/* empty css                       */const C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
+"use strict";const n=require("react/jsx-runtime"),q=require("react"),o=require("./index-BIlhCoy2.cjs"),C=require("./index-DAOBjHnD.cjs"),r=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;
@@ -124,4 +124,4 @@
 `,_=r.newStyled(I)`
   border: 1px solid
     ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
-`,O=U.forwardRef((e,c)=>{const{text:k="",iconStyle:T="solid",leadingIcon:x=null,trailingIcon:R=null,borderRadius:v="regular",btnType:l="filled",disabled:S=!1,tabIndex:d=0,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,onLeadingIconClick:N,onTrailingIconClick:K,size:$="small",color:P="primary",className:j="",style:F={},children:w,...m}=e,h={theme:W.useTheme(),color:P,size:$,style:F,disabled:S,borderRadius:v,btnType:l,className:"lnc-ui-button "+j},a=!C.isEmpty(x),i=!C.isEmpty(R),q=!C.isEmpty(k),y=()=>n.jsxs(n.Fragment,{children:[a&&n.jsx(D,{size:$,children:n.jsx(V,{icon:x,sizeInUnits:"1.125rem",iconStyle:T})}),k,w,i&&n.jsx(E,{size:$,children:n.jsx(V,{icon:R,sizeInUnits:"1.125rem",iconStyle:T})})]});return l==="filled"?n.jsx(z,{ref:c,"data-type":"filled",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="tinted"?n.jsx(L,{ref:c,"data-type":"tinted",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="outline"?n.jsx(_,{ref:c,"data-type":"outline",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="basic"?n.jsx(I,{ref:c,"data-type":"basic",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):n.jsx(z,{ref:c,"data-type":"filled",size:$,...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,hasText:q,tabIndex:d,btnType:l,...m,children:y()})});O.propTypes={text:o.PropTypes.string,iconStyle:o.PropTypes.oneOf(["regular","solid"]),leadingIcon:o.PropTypes.string,trailingIcon:o.PropTypes.string,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=O;
+`,O=q.forwardRef((e,c)=>{const{text:k="",iconStyle:T="solid",leadingIcon:x=null,trailingIcon:R=null,borderRadius:v="regular",btnType:l="filled",disabled:S=!1,tabIndex:d=0,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,onLeadingIconClick:N,onTrailingIconClick:K,size:$="small",color:P="primary",className:j="",style:F={},children:w,...m}=e,h={theme:W.useTheme(),color:P,size:$,style:F,disabled:S,borderRadius:v,btnType:l,className:"lnc-ui-button "+j},a=!C.isEmpty(x),i=!C.isEmpty(R),U=!C.isEmpty(k),y=()=>n.jsxs(n.Fragment,{children:[a&&n.jsx(D,{size:$,children:n.jsx(V,{icon:x,sizeInUnits:"1.125rem",iconStyle:T})}),k,w,i&&n.jsx(E,{size:$,children:n.jsx(V,{icon:R,sizeInUnits:"1.125rem",iconStyle:T})})]});return l==="filled"?n.jsx(z,{ref:c,"data-type":"filled",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="tinted"?n.jsx(L,{ref:c,"data-type":"tinted",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="outline"?n.jsx(_,{ref:c,"data-type":"outline",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="basic"?n.jsx(I,{ref:c,"data-type":"basic",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):n.jsx(z,{ref:c,"data-type":"filled",size:$,...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,hasText:U,tabIndex:d,btnType:l,...m,children:y()})});O.propTypes={text:o.PropTypes.string,iconStyle:o.PropTypes.oneOf(["regular","solid"]),leadingIcon:o.PropTypes.string,trailingIcon:o.PropTypes.string,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=O;

package/dist/Button.js

@@ -1,7 +1,6 @@
 import { jsx as i, jsxs as K, Fragment as W } from "react/jsx-runtime";
 import { forwardRef as E } from "react";
 import { P as o } from "./index-BYnWp42a.js";
-/* empty css                     */
 import { i as y } from "./index-CvebWhtp.js";
 import { n as r } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { g as x, a as t, d as c, h as T, e as z, b as q } from "./utils-C52T57HO.js";

package/dist/CheckBoxInput.js

@@ -1,5 +1,5 @@
 import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
-import I from "react";
+import { forwardRef as I } from "react";
 import { P as t } from "./index-BYnWp42a.js";
 import { n as j } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { d as g, g as L, a as n, b as N, e as x } from "./utils-C52T57HO.js";
@@ -195,7 +195,7 @@ const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.co
   & input:active ~ .checkmark {
     ${(e) => x(e.theme)};
   }
-`, F = I.forwardRef((e, d) => {
+`, F = I((e, d) => {
   const {
     containerRef: f,
     id: W,

package/dist/Chip.cjs

@@ -24,4 +24,4 @@
   &:active {
     background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"active","background","backgroundOpacity")};
   }
-`,B=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 8px)`,b=V.forwardRef((e,o)=>{const{label:l,leadingIcon:a,trailingIcon:i,avatar:s=!1,size:c="small",borderRadius:h="regular",disabled:d=!1,tabIndex:p=0,onFocus:y=()=>{},onBlur:f=()=>{},onClick:C=()=>{},onKeyDown:$=()=>{},onLeadingIconClick:P=()=>{},onTrailingIconClick:T=()=>{},className:k="",style:I={},color:v="primary",avatarProps:x,children:R,...w}=e,g=q.useTheme(),u={theme:g,color:v,style:I,className:"lnc-ui-chip "+k};return t.jsxs(N,{ref:o,size:c,...u,trailingIcon:i,leadingIcon:a,avatar:s,borderRadius:h,disabled:d,tabIndex:p,onClick:C,onKeyDown:$,onBlur:f,onFocus:y,...w,children:[s&&t.jsx(O,{...u,disabled:d,sizeInUnits:B(g,c),...x}),a&&t.jsx("i",{className:m(a),onClick:P}),t.jsxs(t.Fragment,{children:[l,R]}),i&&t.jsx("i",{className:m(i),onClick:T})]})});b.propTypes={label:r.PropTypes.string,leadingIcon:r.PropTypes.string,trailingIcon:r.PropTypes.string,avatar:r.PropTypes.bool,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),disabled:r.PropTypes.bool,tabIndex:r.PropTypes.number,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,onLeadingIconClick:r.PropTypes.func,onTrailingIconClick:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"]),avatarProps:r.PropTypes.any};module.exports=b;
+`,B=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 8px)`,b=V.forwardRef((e,o)=>{const{label:l,leadingIcon:a,trailingIcon:i,avatar:c=!1,size:s="small",borderRadius:h="regular",disabled:d=!1,tabIndex:p=0,onFocus:y=()=>{},onBlur:f=()=>{},onClick:C=()=>{},onKeyDown:$=()=>{},onLeadingIconClick:P=()=>{},onTrailingIconClick:T=()=>{},className:k="",style:I={},color:v="primary",avatarProps:x,children:R,...w}=e,g=q.useTheme(),u={theme:g,color:v,style:I,size:s,className:"lnc-ui-chip "+k};return t.jsxs(N,{ref:o,size:s,...u,trailingIcon:i,leadingIcon:a,avatar:c,borderRadius:h,disabled:d,tabIndex:p,onClick:C,onKeyDown:$,onBlur:f,onFocus:y,...w,children:[c&&t.jsx(O,{...u,disabled:d,sizeInUnits:B(g,s),...x}),a&&t.jsx("i",{className:m(a),onClick:P}),t.jsxs(t.Fragment,{children:[l,R]}),i&&t.jsx("i",{className:m(i),onClick:T})]})});b.propTypes={label:r.PropTypes.string,leadingIcon:r.PropTypes.string,trailingIcon:r.PropTypes.string,avatar:r.PropTypes.bool,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),disabled:r.PropTypes.bool,tabIndex:r.PropTypes.number,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,onLeadingIconClick:r.PropTypes.func,onTrailingIconClick:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"]),avatarProps:r.PropTypes.any};module.exports=b;

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { jsxs as u, jsx as i, Fragment as N } from "react/jsx-runtime";
+import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
 import { P as a } from "./index-BYnWp42a.js";
 import { n as j } from "./emotion-styled.browser.esm-BiK8DcgW.js";
@@ -73,8 +73,8 @@ const h = (e) => {
     label: l,
     leadingIcon: r,
     trailingIcon: o,
-    avatar: c = !1,
-    size: d = "small",
+    avatar: d = !1,
+    size: i = "small",
     borderRadius: f = "regular",
     disabled: s = !1,
     tabIndex: y = 0,
@@ -102,17 +102,18 @@ const h = (e) => {
     theme: m,
     color: w,
     style: O,
+    size: i,
     className: "lnc-ui-chip " + x
   };
   return /* @__PURE__ */ u(
     L,
     {
       ref: n,
-      size: d,
+      size: i,
       ...g,
       trailingIcon: o,
       leadingIcon: r,
-      avatar: c,
+      avatar: d,
       borderRadius: f,
       disabled: s,
       tabIndex: y,
@@ -122,21 +123,21 @@ const h = (e) => {
       onFocus: C,
       ...T,
       children: [
-        c && /* @__PURE__ */ i(
+        d && /* @__PURE__ */ c(
           W,
           {
             ...g,
             disabled: s,
-            sizeInUnits: z(m, d),
+            sizeInUnits: z(m, i),
             ...P
           }
         ),
-        r && /* @__PURE__ */ i("i", { className: h(r), onClick: I }),
+        r && /* @__PURE__ */ c("i", { className: h(r), onClick: I }),
         /* @__PURE__ */ u(N, { children: [
           l,
           R
         ] }),
-        o && /* @__PURE__ */ i(
+        o && /* @__PURE__ */ c(
           "i",
           {
             className: h(o),

package/dist/ColorInput.js

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as L } from "react/jsx-runtime";
-import q, { useState as R, useCallback as G } from "react";
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
+import { forwardRef as G, useState as R, useCallback as J } from "react";
 import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as t } from "./index-BYnWp42a.js";
-import { g as J, d, a as g, b as V, e as C, f as M, h as Q } from "./utils-C52T57HO.js";
-import { d as X } from "./index-CNBqQrtK.js";
-import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { u as Z } from "./useUpdateEffect-CuYWz7EA.js";
+import { g as M, d, a as g, b as V, e as C, f as Q, h as X } from "./utils-C52T57HO.js";
+import { d as Y } from "./index-CNBqQrtK.js";
+import { u as Z } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
 const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  ${(e) => J(e.theme, "Input", e.size, "enabled")};
+  ${(e) => M(e.theme, "Input", e.size, "enabled")};
   min-height: ${(e) => d(e.theme, e.size)};
   max-height: ${(e) => d(e.theme, e.size)};
   background-color: ${(e) => g(
@@ -39,7 +39,7 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
   padding: 0.625rem 0.75rem;
   width: 100%;
   ${(e) => !e.disabled && e.readOnly !== !0 && e.isFocused === !0 && C(e.theme)};
-  ${(e) => e.disabled === !0 && M(e.theme)}
+  ${(e) => e.disabled === !0 && Q(e.theme)}
   border: 1px solid ${(e) => g(e.theme, "Input", e.color, "disabled", "border")};
 `, te = I.div`
   ${(e) => !e.disabled && e.readOnly !== !0 && "cursor: pointer;"}
@@ -69,7 +69,7 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
       height: 200%;
       cursor: pointer;
       transform: translate(-25%, -25%);
-      ${(e) => e.disabled === !0 && Q(e.theme)};
+      ${(e) => e.disabled === !0 && X(e.theme)};
     }
   }
 `, ne = I.span`
@@ -83,7 +83,7 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
     background-color: transparent;
     width: 100%;
   }
-`, ae = q.forwardRef((e, o) => {
+`, ae = G((e, o) => {
   const {
     id: u,
     name: f,
@@ -111,19 +111,19 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
     labelRef: N,
     inputProps: x,
     ...O
-  } = e, B = Y(), [c, p] = R(i), [W, S] = R(!1), _ = new RegExp(/^#[0-9A-F]{6}$/i);
-  Z(() => p(i), [i]);
-  const A = G(
-    X((n, v) => H(n, v), j),
+  } = e, B = Z(), [c, p] = R(i), [W, S] = R(!1), A = new RegExp(/^#[0-9A-F]{6}$/i);
+  _(() => p(i), [i]);
+  const H = J(
+    Y((n, v) => L(n, v), j),
     [w]
-  ), H = (n, v) => {
+  ), L = (n, v) => {
     w && w(n, v);
   }, m = (n) => {
-    i && p(n.target.value), A(n, n.target.value);
+    i && p(n.target.value), H(n, n.target.value);
   }, h = (n) => {
     S(!0), P(n);
   }, b = (n) => {
-    _.test(c) || p(z), S(!1), U(n);
+    A.test(c) || p(z), S(!1), U(n);
   };
   return /* @__PURE__ */ a(
     te,
@@ -137,7 +137,7 @@ const T = (e, o) => `calc(${d(e, o)} - 1rem)`, ee = I.label`
       readOnly: l,
       withInput: $,
       ...O,
-      children: $ ? /* @__PURE__ */ L(
+      children: $ ? /* @__PURE__ */ q(
         ee,
         {
           withInput: $,

package/dist/ConfirmationForm.cjs

@@ -1,14 +1,14 @@
-"use strict";const t=require("react/jsx-runtime"),_=require("react"),r=require("./index-BIlhCoy2.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./Icon.cjs"),y=require("./utils-DTAPpJXU.cjs"),B=require("./Modal.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=m.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BIlhCoy2.cjs"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),m=require("./Icon.cjs"),u=require("./utils-DTAPpJXU.cjs"),B=require("./Modal.cjs"),F=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),E=y.newStyled.div`
   display: flex;
   gap: 1rem;
   align-items: center;
   ${e=>e.type=="centered"&&"flex-direction: column; gap: 1.25rem;"}
   & .alert-icon {
     font-size: 2.2rem;
-    color: ${e=>y.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
+    color: ${e=>u.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
   }
   ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
-`,V=m.newStyled.div`
+`,V=y.newStyled.div`
   display: flex;
   flex-direction: ${e=>e.type=="regular"?"row":"column"};
   width: 100%;
@@ -17,6 +17,6 @@
   justify-content: ${e=>M(e.actionsAlignment)};
   ${e=>e.type=="regular"&&"height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
   ${e=>e.type=="regular"&&e.actionsTrack==!1&&"padding: 0 1.5rem 1.5rem 1.5rem;"}
-   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${y.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
+   ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${u.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
    ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
-`,M=e=>e=="right"?"end":e=="left"?"start":"center",u=_.forwardRef((e,d)=>{const{color:g,statusIcon:f=!0,title:T,type:s="regular",actions:x,actionsAlignment:P="right",actionsTrack:h=!1,overlay:b=!0,showCloseButton:j=!0,onClose:k=()=>{},zIndex:C=1e3,size:w="fluid",clickOutsideToClose:$=!1,className:q="",style:A={},overlayProps:O,children:D,rest:v}=e;let i={theme:F.useTheme(),size:w,zIndex:C,className:"lnc-ui-confirmation-form "+q,style:A};const N=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(p,{className:"alert-icon",icon:N(n)}):typeof o=="string"&&o!==""?t.jsx(p,{className:"alert-icon",icon:o}):React.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),z=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),S=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:d,...i,header:s=="regular"?t.jsx(z,{statusIcon:f,color:g,title:T,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(S,{actions:x,type:s,actionsAlignment:P,actionsTrack:h,themeProps:i}):null,overlay:b,showCloseButton:j,onClose:k,clickOutsideToClose:$,overlayProps:O,...v,children:t.jsx("div",{children:"okej"})})});u.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=u;
+`,M=e=>e=="right"?"end":e=="left"?"start":"center",d=p.forwardRef((e,g)=>{const{color:f,statusIcon:T=!0,title:x,type:s="regular",actions:P,actionsAlignment:h="right",actionsTrack:b=!1,overlay:j=!0,showCloseButton:k=!0,onClose:C=()=>{},zIndex:w=1e3,size:$="fluid",clickOutsideToClose:q=!1,className:A="",style:O={},overlayProps:v,children:D,rest:N}=e;let i={theme:F.useTheme(),size:$,zIndex:w,className:"lnc-ui-confirmation-form "+A,style:O};const z=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(m,{className:"alert-icon",icon:z(n)}):typeof o=="string"&&o!==""?t.jsx(m,{className:"alert-icon",icon:o}):p.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),S=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),_=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:g,...i,header:s=="regular"?t.jsx(S,{statusIcon:T,color:f,title:x,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(_,{actions:P,type:s,actionsAlignment:h,actionsTrack:b,themeProps:i}):null,overlay:j,showCloseButton:k,onClose:C,clickOutsideToClose:q,overlayProps:v,...N,children:t.jsx("div",{children:"okej"})})});d.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=d;

package/dist/ConfirmationForm.js

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as R } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as R, cloneElement as E } from "react";
 import { P as r } from "./index-BYnWp42a.js";
 import { n as f } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import m from "./Icon.js";
 import { a as d } from "./utils-C52T57HO.js";
-import E from "./Modal.js";
-import { u as M } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-const V = f.div`
+import M from "./Modal.js";
+import { u as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+const q = f.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -22,13 +22,13 @@ const V = f.div`
 )};
   }
   ${(e) => e.type == "centered" && "padding-top: 0.5rem;"}
-`, q = f.div`
+`, D = f.div`
   display: flex;
   flex-direction: ${(e) => e.type == "regular" ? "row" : "column"};
   width: 100%;
   flex: 1;
   gap: 0.5rem;
-  justify-content: ${(e) => D(e.actionsAlignment)};
+  justify-content: ${(e) => G(e.actionsAlignment)};
   ${(e) => e.type == "regular" && "height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
   ${(e) => e.type == "regular" && e.actionsTrack == !1 && "padding: 0 1.5rem 1.5rem 1.5rem;"}
    ${(e) => e.type == "regular" && e.actionsTrack == !0 && `background-color: ${d(
@@ -39,7 +39,7 @@ const V = f.div`
   "trackBg"
 )};`}
    ${(e) => e.type == "centered" && "padding: 1rem 0 0.5rem 0;"}
-`, D = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", G = S((e, u) => {
+`, G = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", H = R((e, u) => {
   const {
     color: p,
     statusIcon: g = !0,
@@ -58,19 +58,19 @@ const V = f.div`
     className: O = "",
     style: v = {},
     overlayProps: N,
-    children: H,
+    children: I,
     rest: P
   } = e;
   let l = {
-    theme: M(),
+    theme: V(),
     size: w,
     zIndex: $,
     className: "lnc-ui-confirmation-form " + O,
     style: v
   };
-  const j = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", z = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: j(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: t }) : React.cloneElement(t, {
+  const j = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", z = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: j(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: t }) : E(t, {
     className: "alert-icon " + (t == null ? void 0 : t.className)
-  }), B = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ R(V, { ...s, color: n, type: c, children: [
+  }), B = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ S(q, { ...s, color: n, type: c, children: [
     /* @__PURE__ */ o(z, { statusIcon: t, color: n }),
     /* @__PURE__ */ o("h3", { children: a })
   ] }), F = ({
@@ -80,7 +80,7 @@ const V = f.div`
     actionsTrack: c,
     themeProps: s
   }) => /* @__PURE__ */ o(
-    q,
+    D,
     {
       type: n,
       actionsAlignment: a,
@@ -90,7 +90,7 @@ const V = f.div`
     }
   );
   return /* @__PURE__ */ o(
-    E,
+    M,
     {
       ref: u,
       ...l,
@@ -124,7 +124,7 @@ const V = f.div`
     }
   );
 });
-G.propTypes = {
+H.propTypes = {
   color: r.oneOf([
     "primary",
     "secondary",
@@ -165,5 +165,5 @@ G.propTypes = {
   overlayProps: r.any
 };
 export {
-  G as default
+  H as default
 };

package/dist/DataView.cjs

@@ -1 +1 @@
-"use strict";const P=require("react/jsx-runtime"),t=require("react"),p=require("./index-BIlhCoy2.cjs"),B=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),L=require("./useUpdateEffect-BtMgpgIV.cjs"),R=B.newStyled.div``,I=t.forwardRef((m,w)=>{const{defaultViewType:o,activeViewType:r,className:A="",style:S={},children:N,size:g="small",...W}=m,[a,n]=t.useState(r||o),s=t.useRef([o]);t.useImperativeHandle(w,()=>({changeView(e){i(e)},goToBackView(){_()}})),L.useUpdateEffect(()=>{n(r)},[r]);const i=e=>{n(e),s.current.push(e)},_=()=>{var e;s.current.pop(),((e=s.current)==null?void 0:e.length)>0&&n(s.current[s.current.length-1])},f=t.Children.map(N,(e,v)=>{var E,V,u,y,T;if(t.isValidElement(e)&&(e.props.__TYPE__=="TABLE_VIEW"||((E=e==null?void 0:e.type)==null?void 0:E.displayName)==="TABLE_VIEW"||e.props.__TYPE__=="DETAILS_VIEW"||((V=e==null?void 0:e.type)==null?void 0:V.displayName)==="DETAILS_VIEW"||e.props.__TYPE__=="FORM_VIEW"||((u=e==null?void 0:e.type)==null?void 0:u.displayName)==="FORM_VIEW"||e.props.__TYPE__=="KANBAN_VIEW"||((y=e==null?void 0:e.type)==null?void 0:y.displayName)==="KANBAN_VIEW")&&(e.props.__TYPE__==a||((T=e==null?void 0:e.type)==null?void 0:T.displayName)===a))return t.cloneElement(e,{goToPreviousView:_})});return P.jsx(R,{className:"lnc-ui-dataview "+A,...W,children:f})});I.propTypes={defaultViewType:p.PropTypes.oneOf(["DETAILS_VIEW","FORM_VIEW","TABLE_VIEW","KANBAN_VIEW"]),activeViewType:p.PropTypes.oneOf(["DETAILS_VIEW","FORM_VIEW","TABLE_VIEW","KANBAN_VIEW"]),className:p.PropTypes.string,style:p.PropTypes.object};module.exports=I;
+"use strict";const P=require("react/jsx-runtime"),t=require("react"),p=require("./index-BIlhCoy2.cjs"),B=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),L=require("./useUpdateEffect-BtMgpgIV.cjs"),R=B.newStyled.div``,I=t.forwardRef((m,w)=>{const{defaultViewType:o,activeViewType:r,className:A="",style:S={},children:N,size:g="small",...W}=m,[a,n]=t.useState(r||o),s=t.useRef([o]);t.useImperativeHandle(w,()=>({changeView(e){f(e)},goToBackView(){_()}})),L.useUpdateEffect(()=>{n(r)},[r]);const f=e=>{n(e),s.current.push(e)},_=()=>{var e;s.current.pop(),((e=s.current)==null?void 0:e.length)>0&&n(s.current[s.current.length-1])},i=t.Children.map(N,e=>{var E,V,u,y,T;if(t.isValidElement(e)&&(e.props.__TYPE__=="TABLE_VIEW"||((E=e==null?void 0:e.type)==null?void 0:E.displayName)==="TABLE_VIEW"||e.props.__TYPE__=="DETAILS_VIEW"||((V=e==null?void 0:e.type)==null?void 0:V.displayName)==="DETAILS_VIEW"||e.props.__TYPE__=="FORM_VIEW"||((u=e==null?void 0:e.type)==null?void 0:u.displayName)==="FORM_VIEW"||e.props.__TYPE__=="KANBAN_VIEW"||((y=e==null?void 0:e.type)==null?void 0:y.displayName)==="KANBAN_VIEW")&&(e.props.__TYPE__==a||((T=e==null?void 0:e.type)==null?void 0:T.displayName)===a))return t.cloneElement(e,{goToPreviousView:_})});return P.jsx(R,{className:"lnc-ui-dataview "+A,...W,children:i})});I.propTypes={defaultViewType:p.PropTypes.oneOf(["DETAILS_VIEW","FORM_VIEW","TABLE_VIEW","KANBAN_VIEW"]),activeViewType:p.PropTypes.oneOf(["DETAILS_VIEW","FORM_VIEW","TABLE_VIEW","KANBAN_VIEW"]),className:p.PropTypes.string,style:p.PropTypes.object};module.exports=I;

package/dist/DataView.js

@@ -1,62 +1,62 @@
-import { jsx as i } from "react/jsx-runtime";
-import r, { useState as B, useRef as L, useImperativeHandle as P } from "react";
-import { P as a } from "./index-BYnWp42a.js";
-import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { u as v } from "./useUpdateEffect-CuYWz7EA.js";
-const R = g.div``, S = r.forwardRef((u, I) => {
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as i, useState as B, useRef as L, useImperativeHandle as P, Children as g, isValidElement as v, cloneElement as S } from "react";
+import { P as r } from "./index-BYnWp42a.js";
+import { n as D } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as O } from "./useUpdateEffect-CuYWz7EA.js";
+const R = D.div``, Y = i((T, I) => {
   const {
-    defaultViewType: o,
+    defaultViewType: p,
     activeViewType: s,
     //------------------
-    className: f = "",
-    style: D = {},
-    children: A,
-    size: O = "small",
-    ...N
-  } = u, [_, p] = B(
-    s || o
-  ), t = L([o]);
+    className: u = "",
+    style: F = {},
+    children: f,
+    size: K = "small",
+    ...A
+  } = T, [o, a] = B(
+    s || p
+  ), t = L([p]);
   P(I, () => ({
     changeView(e) {
-      W(e);
+      N(e);
     },
     goToBackView() {
-      n();
+      _();
     }
-  })), v(() => {
-    p(s);
+  })), O(() => {
+    a(s);
   }, [s]);
-  const W = (e) => {
-    p(e), t.current.push(e);
-  }, n = () => {
+  const N = (e) => {
+    a(e), t.current.push(e);
+  }, _ = () => {
     var e;
-    t.current.pop(), ((e = t.current) == null ? void 0 : e.length) > 0 && p(t.current[t.current.length - 1]);
-  }, w = r.Children.map(A, (e, Y) => {
-    var E, V, m, y, T;
-    if (r.isValidElement(e) && (e.props.__TYPE__ == "TABLE_VIEW" || ((E = e == null ? void 0 : e.type) == null ? void 0 : E.displayName) === "TABLE_VIEW" || e.props.__TYPE__ == "DETAILS_VIEW" || ((V = e == null ? void 0 : e.type) == null ? void 0 : V.displayName) === "DETAILS_VIEW" || e.props.__TYPE__ == "FORM_VIEW" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "FORM_VIEW" || e.props.__TYPE__ == "KANBAN_VIEW" || ((y = e == null ? void 0 : e.type) == null ? void 0 : y.displayName) === "KANBAN_VIEW") && (e.props.__TYPE__ == _ || ((T = e == null ? void 0 : e.type) == null ? void 0 : T.displayName) === _))
-      return r.cloneElement(e, {
-        goToPreviousView: n
+    t.current.pop(), ((e = t.current) == null ? void 0 : e.length) > 0 && a(t.current[t.current.length - 1]);
+  }, W = g.map(f, (e) => {
+    var n, E, V, m, y;
+    if (v(e) && (e.props.__TYPE__ == "TABLE_VIEW" || ((n = e == null ? void 0 : e.type) == null ? void 0 : n.displayName) === "TABLE_VIEW" || e.props.__TYPE__ == "DETAILS_VIEW" || ((E = e == null ? void 0 : e.type) == null ? void 0 : E.displayName) === "DETAILS_VIEW" || e.props.__TYPE__ == "FORM_VIEW" || ((V = e == null ? void 0 : e.type) == null ? void 0 : V.displayName) === "FORM_VIEW" || e.props.__TYPE__ == "KANBAN_VIEW" || ((m = e == null ? void 0 : e.type) == null ? void 0 : m.displayName) === "KANBAN_VIEW") && (e.props.__TYPE__ == o || ((y = e == null ? void 0 : e.type) == null ? void 0 : y.displayName) === o))
+      return S(e, {
+        goToPreviousView: _
       });
   });
-  return /* @__PURE__ */ i(R, { className: "lnc-ui-dataview " + f, ...N, children: w });
+  return /* @__PURE__ */ w(R, { className: "lnc-ui-dataview " + u, ...A, children: W });
 });
-S.propTypes = {
-  defaultViewType: a.oneOf([
+Y.propTypes = {
+  defaultViewType: r.oneOf([
     "DETAILS_VIEW",
     "FORM_VIEW",
     "TABLE_VIEW",
     "KANBAN_VIEW"
   ]),
-  activeViewType: a.oneOf([
+  activeViewType: r.oneOf([
     "DETAILS_VIEW",
     "FORM_VIEW",
     "TABLE_VIEW",
     "KANBAN_VIEW"
   ]),
   //------------------------------------------------------------
-  className: a.string,
-  style: a.object
+  className: r.string,
+  style: r.object
 };
 export {
-  S as default
+  Y as default
 };