@automattic/vip-design-system 0.30.1 → 0.30.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -49,7 +49,8 @@ var baseBorderTextColors = (0, _extends2["default"])({}, _Input.baseControlBorde
49
49
  borderRadius: 1
50
50
  });
51
51
  var defaultStyles = (0, _extends2["default"])({
52
- width: '100%'
52
+ width: '100%',
53
+ mb: 2
53
54
  }, baseBorderTextColors, {
54
55
  py: 0,
55
56
  minHeight: '36px',
@@ -125,8 +126,8 @@ var inlineStyles = {
125
126
  borderWidth: 0
126
127
  };
127
128
  var searchIconStyles = {
128
- '& .autocomplete__input.autocomplete__input--show-all-values': {
129
- paddingLeft: '30px'
129
+ '& .autocomplete__input.autocomplete__input': {
130
+ paddingLeft: 4
130
131
  }
131
132
  };
132
133
 
@@ -130,7 +130,8 @@ exports.WithDefaultValue = WithDefaultValue;
130
130
 
131
131
  var WithSearchIcon = function WithSearchIcon() {
132
132
  var customArgs = (0, _extends2["default"])({}, args, {
133
- searchIcon: true
133
+ searchIcon: true,
134
+ placeholder: 'Type to search'
134
135
  });
135
136
  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
136
137
  children: (0, _jsxRuntime.jsx)(DefaultComponent, (0, _extends2["default"])({}, customArgs))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/vip-design-system",
3
- "version": "0.30.1",
3
+ "version": "0.30.2",
4
4
  "main": "build/system/index.js",
5
5
  "scripts": {
6
6
  "build-storybook": "build-storybook",
@@ -29,6 +29,7 @@ const baseBorderTextColors = {
29
29
 
30
30
  const defaultStyles = {
31
31
  width: '100%',
32
+ mb: 2,
32
33
  ...baseBorderTextColors,
33
34
 
34
35
  py: 0,
@@ -87,8 +88,8 @@ const inlineStyles = {
87
88
  };
88
89
 
89
90
  const searchIconStyles = {
90
- '& .autocomplete__input.autocomplete__input--show-all-values': {
91
- paddingLeft: '30px',
91
+ '& .autocomplete__input.autocomplete__input': {
92
+ paddingLeft: 4,
92
93
  },
93
94
  };
94
95
 
@@ -91,6 +91,7 @@ export const WithSearchIcon = () => {
91
91
  const customArgs = {
92
92
  ...args,
93
93
  searchIcon: true,
94
+ placeholder: 'Type to search',
94
95
  };
95
96
 
96
97
  return (