freemium-ui 2.0.36 → 2.0.38

package/lib/index.cjs.js

@@ -2187,7 +2187,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),Cc=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -2214,7 +2214,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),Cc=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -2233,7 +2233,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),Cc=yr.textarea`
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
   div.end-adornment {
     display: grid;
     place-content: center;
@@ -2242,6 +2242,9 @@ className:`input-helper ${t.className??""}`.trim()},t.children),Cc=yr.textarea`
     display: grid;
     place-content: center;
   }
+  div.end-max-length {
+    text-align: ${({theme:e,$forceInputDir:t})=>"rtl"===(t||e.direction)?"left":"right"} !important;
+  }
 `,xc=yr.div`
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   margin-left: 4px;
@@ -2255,7 +2258,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),Cc=yr.textarea`
   background-color: ${({theme:e})=>e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e,forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.normal:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -2279,10 +2282,10 @@ $inline:n,$isErrored:c,disabled:g.disabled,style:d},t&&e.createElement(Ho,{
 htmlFor:g.id,className:"input-label",...f
 },t,t&&l&&e.createElement(ko,null,"*")),e.createElement(Ec,{
 className:"input-container",disabled:g.disabled,$isErrored:c,...m,
-forceInputDir:v},r&&e.createElement("div",{className:"start-label"
-},r),e.createElement(Mc,{className:"input-basic",forceInputDir:v
+$forceInputDir:v},r&&e.createElement("div",{className:"start-label"
+},r),e.createElement(Mc,{className:"input-basic",$forceInputDir:v
 },o&&e.createElement("div",{className:"start-adornment"},o),e.createElement(zc,{
-maxLength:p,...g,"aria-invalid":c,ref:y,style:u,forceInputDir:v
+maxLength:p,...g,"aria-invalid":c,ref:y,style:u,$forceInputDir:v
 }),s&&(p||0)>0&&e.createElement("div",{className:"end-max-length"
 },`${"string"==typeof g.value?g.value.length:`${g.value||""}`.length}/${p||0}`),i&&e.createElement("div",{
 className:"end-adornment"},i)),a&&e.createElement("div",{className:"end-label"
@@ -2292,9 +2295,9 @@ htmlFor:m.id,className:"input-label"
 },t,t&&l&&e.createElement(ko,null,"*")),e.createElement(Ec,{
 className:"input-container",disabled:m.disabled,$isErrored:c
 },r&&e.createElement("div",{className:"start-label"},r),e.createElement(Mc,{
-className:"input-basic",style:{flexDirection:"column"},forceInputDir:f
+className:"input-basic",style:{flexDirection:"column"},$forceInputDir:f
 },o&&e.createElement("div",{className:"start-adornment"},o),e.createElement(Cc,{
-maxLength:p,...m,"aria-invalid":c,ref:v,style:u,forceInputDir:f
+maxLength:p,...m,"aria-invalid":c,ref:v,style:u,$forceInputDir:f
 }),s&&(p||0)>0&&e.createElement(xc,{isTa:!0,className:"end-max-length"
 },`${"string"==typeof m.value?m.value.length:`${m.value||""}`.length}/${p||0}`),i&&e.createElement("div",{
 className:"end-adornment"},i)),a&&e.createElement("div",{className:"end-label"