freemium-ui 2.0.35 → 2.0.37

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})=>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)?"right":"left"};
+  }
 `,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,24 +2282,24 @@ $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"
-},a)),c&&h&&e.createElement(wc,null,h)))),Hc=e.forwardRef((({label:t,inline:n,startLabel:r,startAdornment:o,endLabel:a,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,maxLength:p,...f},m)=>e.createElement(Sc,{
-$inline:n,$isErrored:c,disabled:f.disabled,style:d},e.createElement(Ho,{
-htmlFor:f.id,className:"input-label"
+},a)),c&&h&&e.createElement(wc,null,h)))),Hc=e.forwardRef((({label:t,inline:n,startLabel:r,startAdornment:o,endLabel:a,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,maxLength:p,forceInputDir:f,...m},v)=>e.createElement(Sc,{
+$inline:n,$isErrored:c,disabled:m.disabled,style:d},e.createElement(Ho,{
+htmlFor:m.id,className:"input-label"
 },t,t&&l&&e.createElement(ko,null,"*")),e.createElement(Ec,{
-className:"input-container",disabled:f.disabled,$isErrored:c
+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"}
+className:"input-basic",style:{flexDirection:"column"},$forceInputDir:f
 },o&&e.createElement("div",{className:"start-adornment"},o),e.createElement(Cc,{
-maxLength:p,...f,"aria-invalid":c,ref:m,style:u
+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 f.value?f.value.length:`${f.value||""}`.length}/${p||0}`),i&&e.createElement("div",{
+},`${"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"
 },a)),c&&h&&e.createElement(wc,null,h)))),Dc={mini:2,small:2.5,medium:4,big:5
 },kc={slow:1,medium:.7,fast:.4},Ac={mini:12,small:16,medium:24,big:32