@automattic/vip-design-system 0.27.6 → 0.27.7

package/build/system/Form/Input.js

@@ -44,7 +44,8 @@ var inputStyles = {
     bg: 'backgroundSecondary'
   },
   '&::placeholder': {
-    color: 'placeholder'
+    color: 'placeholder',
+    opacity: 1
   }
 };
 

package/build/system/NewForm/FormAutocomplete.js

@@ -210,6 +210,10 @@ var FormAutocomplete = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     });
   }, [options]);
   var handleInputChange = (0, _react.useCallback)(function (query) {
+    if (!debounce) {
+      return onInputChange(query);
+    }
+
     clearTimeout(debounceTimeout);
 
     if (!query.length || query.length >= minLength) {
@@ -224,7 +228,7 @@ var FormAutocomplete = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     }
 
     var data = handleTypeChange(query);
-    populateResults(data.map(function (option) {
+    populateResults(data == null ? void 0 : data.map(function (option) {
       return optionLabel(option);
     }));
   }, [options, isDirty]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/vip-design-system",
-	"version": "0.27.6",
+	"version": "0.27.7",
 	"main": "build/system/index.js",
 	"scripts": {
 		"build-storybook": "build-storybook",

package/src/system/Form/Input.js

@@ -33,6 +33,7 @@ const inputStyles = {
 	},
 	'&::placeholder': {
 		color: 'placeholder',
+		opacity: 1,
 	},
 };
 

package/src/system/NewForm/FormAutocomplete.js

@@ -168,6 +168,9 @@ const FormAutocomplete = React.forwardRef(
 
 		const handleInputChange = useCallback(
 			query => {
+				if ( ! debounce ) {
+					return onInputChange( query );
+				}
 				clearTimeout( debounceTimeout );
 				if ( ! query.length || query.length >= minLength ) {
 					debounceTimeout = setTimeout( () => {
@@ -184,7 +187,7 @@ const FormAutocomplete = React.forwardRef(
 					handleInputChange( query );
 				}
 				const data = handleTypeChange( query );
-				populateResults( data.map( option => optionLabel( option ) ) );
+				populateResults( data?.map( option => optionLabel( option ) ) );
 			},
 			[ options, isDirty ]
 		);