@pareto-engineering/design-system 2.0.0-alpha.14 → 2.0.0-alpha.18

package/dist/es/f/fields/TextareaInput/TextareaInput.js

@@ -27,7 +27,8 @@ const TextareaInput = ({
   textAreaColor,
   labelColor,
   description,
-  disabled // ...otherProps
+  disabled,
+  placeholder // ...otherProps
 
 }) => {
   useLayoutEffect(() => {
@@ -39,16 +40,18 @@ const TextareaInput = ({
   });
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${textAreaColor}`, `y-${labelColor}`].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, `x-${textAreaColor}`].filter(e => e).join(' '),
     style: style // {...otherProps}
 
   }, /*#__PURE__*/React.createElement(FormLabel, {
-    className: ['c-y', labelAsDescription ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
-    name: name
+    className: [labelAsDescription ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
+    name: name,
+    color: labelColor
   }, label), /*#__PURE__*/React.createElement("textarea", _extends({
     id: textAreaId,
     className: `textarea v50 pv-v ${meta.touched && meta.error ? 'input-border-error' : 'input-border'}`
   }, field, {
+    placeholder: placeholder,
     rows: rows,
     disabled: disabled
   })), (description || meta.touched && meta.error) && /*#__PURE__*/React.createElement(FormDescription, {
@@ -121,12 +124,16 @@ TextareaInput.propTypes = {
   /**
    * Whether the text area should be disabled
    */
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+
+  /**
+   * The textarea placeholder text
+   */
+  placeholder: PropTypes.string
 };
 TextareaInput.defaultProps = {
   rows: 3,
   textAreaColor: 'background1',
-  labelColor: 'main1',
   disabled: false
 };
 export default /*#__PURE__*/memo(TextareaInput);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.18",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",