freemium-ui 2.0.0-beta.31 → 2.0.0-beta.32

package/index.d.ts

@@ -557,7 +557,7 @@ declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "
 /**
  * TextArea displays a multi-line input box on the user interface and enables assigning a value to it. It is used to take user input for large text data.
  */
-declare const TextArea: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, ...props }: TextAreaProps) => react__default.JSX.Element;
+declare const TextArea: react__default.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
 
 type LoaderSizes = 'mini' | 'small' | 'medium' | 'big';
 type LoaderSpeeds = 'slow' | 'medium' | 'fast';

package/index.js

@@ -3484,12 +3484,11 @@ hm.stateChangeTypes=cm;const pm=En.textarea`
   outline: unset;
   padding: unset;
   margin: unset;
+  color: ${({theme:e})=>e.colors.text.primary};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
-  background-color: ${({theme:e})=>e.colors.fill.surface};
-  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3509,8 +3508,6 @@ hm.stateChangeTypes=cm;const pm=En.textarea`
   font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   font-family: ${({theme:e})=>e.typography.fontFamily};
-  background-color: ${({theme:e})=>e.colors.fill.surface};
-  color: ${({theme:e})=>e.colors.text.primary};
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3578,18 +3575,19 @@ className:"input-basic"},a&&t.createElement("div",{className:"start-adornment"
 }),s&&(p||0)>0&&t.createElement("div",{className:"end-max-length"
 },`${"string"==typeof v.value?v.value.length:`${v.value||""}`.length}/${p||0}`),i&&t.createElement("div",{
 className:"end-adornment"},i)),o&&t.createElement("div",{className:"end-label"
-},o)),c&&h&&t.createElement(Oc,null,h)))),wm=({label:e,inline:n,startLabel:r,startAdornment:a,endLabel:o,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,ref:p,maxLength:f,...m})=>t.createElement(ym,{
-inline:n,isErrored:c,disabled:m.disabled,style:d},t.createElement(Fn,{
-htmlFor:m.id,className:"input-label"
+},o)),c&&h&&t.createElement(Oc,null,h)))),wm=t.forwardRef((({label:e,inline:n,startLabel:r,startAdornment:a,endLabel:o,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,maxLength:p,...f},m)=>t.createElement(ym,{
+inline:n,isErrored:c,disabled:f.disabled,style:d},t.createElement(Fn,{
+htmlFor:f.id,className:"input-label"
 },e,l&&t.createElement(jn,null,"*")),t.createElement(gm,{
-className:"input-container",disabled:m.disabled,isErrored:c
+className:"input-container",disabled:f.disabled,isErrored:c
 },r&&t.createElement("div",{className:"start-label"},r),t.createElement(mm,{
-className:"input-basic"},a&&t.createElement("div",{className:"start-adornment"
-},a),t.createElement(pm,{maxLength:f,...m,"aria-invalid":c,ref:p,style:u
-}),s&&(f||0)>0&&t.createElement(vm,{isTa:!0,className:"end-max-length"
-},`${"string"==typeof m.value?m.value.length:`${m.value||""}`.length}/${f||0}`),i&&t.createElement("div",{
+className:"input-basic",style:{flexDirection:"column"}
+},a&&t.createElement("div",{className:"start-adornment"},a),t.createElement(pm,{
+maxLength:p,...f,"aria-invalid":c,ref:m,style:u
+}),s&&(p||0)>0&&t.createElement(vm,{isTa:!0,className:"end-max-length"
+},`${"string"==typeof f.value?f.value.length:`${f.value||""}`.length}/${p||0}`),i&&t.createElement("div",{
 className:"end-adornment"},i)),o&&t.createElement("div",{className:"end-label"
-},o)),c&&h&&t.createElement(Oc,null,h)),Cm={mini:2,small:2.5,medium:4,big:5
+},o)),c&&h&&t.createElement(Oc,null,h)))),Cm={mini:2,small:2.5,medium:4,big:5
 },zm={slow:1,medium:.7,fast:.4},Mm={mini:12,small:16,medium:24,big:32},xm=Hn`
   to { transform: rotate(360deg); }
 `,Sm=En.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.31",
+  "version": "2.0.0-beta.32",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",