@woosmap/ui 3.99.0 → 3.100.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.99.0",
3
+ "version": "3.100.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -161,7 +161,7 @@ Input.propTypes = {
161
161
  checked: PropTypes.bool,
162
162
  isFocusedDefault: PropTypes.bool,
163
163
  className: PropTypes.string,
164
- type: PropTypes.oneOf(['text', 'password', 'tel', 'email', 'checkbox', 'textarea', 'radio', 'number']),
164
+ type: PropTypes.oneOf(['text', 'password', 'tel', 'email', 'checkbox', 'textarea', 'radio', 'number', 'search']),
165
165
  onChange: PropTypes.func,
166
166
  onBlur: PropTypes.func,
167
167
  onFocus: PropTypes.func,
@@ -24,14 +24,23 @@ const Template = (args) => {
24
24
  size="large"
25
25
  isFocusedDefault
26
26
  />
27
- <Input placeholder={placeholder} label={label} hideLabel={hideLabel} />
28
- <Input placeholder={placeholder} label={label} hideLabel={hideLabel} icon="search" isFocusedDefault />
29
- <Input placeholder={placeholder} label={label} hideLabel={hideLabel} size="small" />
27
+ <Input placeholder={placeholder} label={label} hideLabel={hideLabel} type="search" isFilter />
30
28
  <Input
31
29
  placeholder={placeholder}
32
30
  label={label}
33
31
  hideLabel={hideLabel}
34
32
  icon="search"
33
+ type="search"
34
+ isFocusedDefault
35
+ />
36
+ <Input placeholder={placeholder} label={label} hideLabel={hideLabel} type="search" isFilter size="small" />
37
+ <Input
38
+ placeholder={placeholder}
39
+ label={label}
40
+ hideLabel={hideLabel}
41
+ type="search"
42
+ isFilter
43
+ icon="search"
35
44
  size="small"
36
45
  isFocusedDefault
37
46
  />
@@ -84,6 +93,7 @@ const Template = (args) => {
84
93
  hideLabel={hideLabel}
85
94
  enableTogglePassword
86
95
  />
96
+ <Input placeholder="Type search" type="search" label="Search" />
87
97
  </div>
88
98
  );
89
99
  };
@@ -164,4 +164,9 @@
164
164
  input::-webkit-outer-spin-button
165
165
  input::-webkit-inner-spin-button
166
166
  -webkit-appearance none
167
- margin 0
167
+ margin 0
168
+ input[type="search"]
169
+ &::-webkit-search-cancel-button
170
+ &::-webkit-search-decoration
171
+ &:hover
172
+ cursor pointer