profinansy-ui-lib 3.8.4 → 3.8.5

package/dist/profinansy-ui-lib.es.js

@@ -7829,8 +7829,8 @@ const Bs = D.createContext(null), Ci = ({
   }
 }, yf = (e, t, n) => t && n ? e[t][n] : null, kf = g.p`
   display: inline-block;
-  color: ${(e) => yf(e.theme, e.colorCategory, e.colorName)};
-  ${({ variant: e }) => wf(e)};
+  color: ${(e) => yf(e.theme, e.$colorCategory, e.$colorName)};
+  ${({ $variant: e }) => wf(e)};
 `, N = st(
   ({
     tag: e = "p",
@@ -7850,11 +7850,11 @@ const Bs = D.createContext(null), Ci = ({
       {
         ref: p,
         as: f,
-        variant: r,
         className: t,
         title: o,
-        colorCategory: c,
-        colorName: h,
+        $variant: r,
+        $colorCategory: c,
+        $colorName: h,
         onClick: a,
         style: d,
         children: n
@@ -9166,7 +9166,7 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
   return /* @__PURE__ */ s.jsx(re, { theme: Q[t], children: n ? /* @__PURE__ */ s.jsx(Hh, { ...e }) : /* @__PURE__ */ s.jsx(Th, { ...e }) });
 }, Bh = g.div`
   width: 100%;
-  margin-bottom: ${(e) => e.marginBottom}px;
+  margin-bottom: ${(e) => e.$marginBottom}px;
 `, Vh = g.label`
   font-weight: 500;
   font-size: 13px;
@@ -9200,7 +9200,7 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
   return /* @__PURE__ */ s.jsx(re, { theme: Q[a], children: /* @__PURE__ */ s.jsxs(
     Bh,
     {
-      marginBottom: r,
+      $marginBottom: r,
       className: Ve(i, "fieldRow-container"),
       children: [
         !!e && /* @__PURE__ */ s.jsxs(Vh, { onClick: (l) => l.preventDefault(), children: [
@@ -9464,19 +9464,19 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
   justify-content: center;
   box-sizing: border-box;
   cursor: pointer;
-  ${({ size: e, $form: t, $mode: n }) => Wh(n, t)[e]}
-  width: ${(e) => e.width || "auto"};
+  ${({ $size: e, $form: t, $mode: n }) => Wh(n, t)[e]}
+  width: ${(e) => e.$width || "auto"};
   color: ${(e) => bt(e.theme)[e.$mode].default.color};
   border: ${(e) => bt(e.theme)[e.$mode].default.border || "none"};
   background: ${(e) => bt(e.theme)[e.$mode].default.background};
-  padding-left: ${(e) => `${O5(e.$mode, e.size, e.isText)}px`};
-  padding-right: ${(e) => `${O5(e.$mode, e.size, e.isText)}px`};
+  padding-left: ${(e) => `${O5(e.$mode, e.$size, e.$isText)}px`};
+  padding-right: ${(e) => `${O5(e.$mode, e.$size, e.$isText)}px`};
   transition: all 0.3s ${O.animation_1};
   & > span {
     white-space: nowrap;
   }
   & path {
-    ${(e) => e.isFill ? z`
+    ${(e) => e.$isFill ? z`
             fill: ${bt(e.theme)[e.$mode].default.color};
           ` : z``}
   }
@@ -9485,7 +9485,7 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
     border: ${(e) => bt(e.theme)[e.$mode].hover.border || "none"};
     color: ${(e) => bt(e.theme)[e.$mode].hover.color};
     & path {
-      ${(e) => e.isFill ? z`
+      ${(e) => e.$isFill ? z`
               fill: ${bt(e.theme)[e.$mode].hover.color};
             ` : z``}
     }
@@ -9495,7 +9495,7 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
     border: ${(e) => bt(e.theme)[e.$mode].active?.border || "none"};
     color: ${(e) => bt(e.theme)[e.$mode].active.color};
     & path {
-      ${(e) => e.isFill ? z`
+      ${(e) => e.$isFill ? z`
               fill: ${bt(e.theme)[e.$mode].active.color};
             ` : z``}
     }
@@ -9666,12 +9666,12 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
         className: Ve(h, "button"),
         disabled: o || c,
         onClick: x,
-        size: l,
+        $size: l,
         $mode: r,
-        width: p,
-        isFill: v,
+        $width: p,
+        $isFill: v,
         tabIndex: C,
-        isText: !!e || !!t,
+        $isText: !!e || !!t,
         children: [
           c && /* @__PURE__ */ s.jsx(Xh, { $mode: r, children: /* @__PURE__ */ s.jsx(tm, { color: bt(Q[y])[r].default.color }) }),
           i ? /* @__PURE__ */ s.jsx(Yh, { isText: !!e, size: l, children: i }) : null,
@@ -9747,13 +9747,13 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
   width: 100%;
   padding: 11px 12px;
   height: 44px;
-  padding-left: ${(e) => e.icon && e.positionIcon === "left" ? "44px" : "12px"};
-  padding-right: ${(e) => e.icon && e.positionIcon === "right" || e.rightText ? "48px" : "12px"};
+  padding-left: ${(e) => e.$icon && e.$positionIcon === "left" ? "44px" : "12px"};
+  padding-right: ${(e) => e.$icon && e.$positionIcon === "right" || e.$rightText ? "48px" : "12px"};
   border-radius: 8px;
   background: ${(e) => e.theme.background.field};
   border: 0.8px solid
-    ${(e) => e.error ? `${e.theme.stroke.negative} !important` : e.theme.stroke.primary};
-  ${(e) => e.prohibitTextInput && z`
+    ${(e) => e.$error ? `${e.theme.stroke.negative} !important` : e.theme.stroke.primary};
+  ${(e) => e.$prohibitTextInput && z`
       caret-color: transparent;
       cursor: pointer;
     `}
@@ -9856,14 +9856,14 @@ const Zs = D.createContext(null), Th = ({ content: e, ...t }) => {
           onChange: Z,
           onFocus: v,
           onBlur: b,
-          prohibitTextInput: c,
+          $prohibitTextInput: c,
           onKeyDown: x,
           onClick: y,
           autoComplete: w,
-          error: !!p,
-          icon: !!f,
-          rightText: !!m,
-          positionIcon: _
+          $error: !!p,
+          $icon: !!f,
+          $rightText: !!m,
+          $positionIcon: _
         }
       ),
       f ? /* @__PURE__ */ s.jsx(