@pareto-engineering/design-system 2.0.0-alpha.53 → 2.0.0-alpha.54

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

@@ -28,13 +28,14 @@ const TextInput = ({
   description,
   disabled,
   placeholder,
-  optional // ...otherProps
+  optional,
+  autoComplete // ...otherProps
 
 }) => {
   useLayoutEffect(() => {
     import("./styles.scss");
   }, []);
-  const [field, meta] = useField({
+  const [field] = useField({
     name,
     validate
   });
@@ -53,11 +54,13 @@ const TextInput = ({
     className: "input",
     type: type,
     disabled: disabled,
-    placeholder: placeholder
-  }, field)), (description || meta.touched && meta.error) && /*#__PURE__*/React.createElement(FormDescription, {
-    isError: !!meta.error,
-    className: "v50 mt-v s-1"
-  }, meta.error || description));
+    placeholder: placeholder,
+    autoComplete: autoComplete
+  }, field)), /*#__PURE__*/React.createElement(FormDescription, {
+    className: "v50 mt-v s-1",
+    description: description,
+    name: name
+  }));
 };
 
 TextInput.propTypes = {
@@ -94,7 +97,7 @@ TextInput.propTypes = {
   /**
    * The type of the input (html)
    */
-  type: PropTypes.oneOf(['text', 'email', 'password', 'number', 'date', 'time', 'datetime', 'month', 'tel', 'hidden']),
+  type: PropTypes.oneOf(['text', 'email', 'password', 'number', 'date', 'time', 'datetime', 'month', 'tel', 'hidden', 'url']),
 
   /**
    * The input field validator function
@@ -129,7 +132,13 @@ TextInput.propTypes = {
   /**
   * Whether the input is optional or not
   */
-  optional: PropTypes.bool
+  optional: PropTypes.bool,
+
+  /**
+   * The autoComplete value that the browser should watch for the input
+   * `https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete`
+   */
+  autoComplete: PropTypes.string
 };
 TextInput.defaultProps = {
   type: 'text',

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

@@ -28,13 +28,14 @@ const TextareaInput = ({
   labelColor,
   description,
   disabled,
-  placeholder // ...otherProps
+  placeholder,
+  autoComplete // ...otherProps
 
 }) => {
   useLayoutEffect(() => {
     import("./styles.scss");
   }, []);
-  const [field, meta] = useField({
+  const [field] = useField({
     name,
     validate
   });
@@ -53,11 +54,13 @@ const TextareaInput = ({
   }, field, {
     placeholder: placeholder,
     rows: rows,
-    disabled: disabled
-  })), (description || meta.touched && meta.error) && /*#__PURE__*/React.createElement(FormDescription, {
-    isError: !!meta.error,
-    className: "v50 mt-v s-1"
-  }, meta.error || description), ' ');
+    disabled: disabled,
+    autoComplete: autoComplete
+  })), /*#__PURE__*/React.createElement(FormDescription, {
+    className: "v50 mt-v s-1",
+    description: description,
+    name: name
+  }));
 };
 
 TextareaInput.propTypes = {
@@ -129,7 +132,12 @@ TextareaInput.propTypes = {
   /**
    * The textarea placeholder text
    */
-  placeholder: PropTypes.string
+  placeholder: PropTypes.string,
+
+  /**
+   * The autoComplete value that the browser should watch for the input
+   */
+  autoComplete: PropTypes.string
 };
 TextareaInput.defaultProps = {
   rows: 3,

package/dist/es/test/QueryLoader/styles.scss

@@ -0,0 +1,9 @@
+/* @pareto-engineering/generator-front 1.0.12 */
+@use "@pareto-engineering/bem";
+
+.#{bem.$base}.query-loader{
+
+}
+
+
+

package/package.json

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