@woosmap/ui 4.201.0 → 4.203.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
|
@@ -394,12 +394,9 @@ export default class AutocompleteAddressDemo extends Component {
|
|
|
394
394
|
|
|
395
395
|
render() {
|
|
396
396
|
const { withMap, error, selectedLocality } = this.state;
|
|
397
|
-
|
|
397
|
+
|
|
398
398
|
return (
|
|
399
|
-
<article
|
|
400
|
-
className={`showcase showcase--autocomplete ${isDarkMode ? 'showcase-dark' : ''}`}
|
|
401
|
-
id="autocomplete-demo"
|
|
402
|
-
>
|
|
399
|
+
<article className="showcase showcase--autocomplete" id="autocomplete-demo">
|
|
403
400
|
{withMap && <Script url={Constants.woosmapMapSdkUrl} />}
|
|
404
401
|
<div className="showcase-wrapper">
|
|
405
402
|
<h2 className="showcase-title">Autocomplete Demo</h2>
|
|
@@ -445,10 +442,8 @@ export default class AutocompleteAddressDemo extends Component {
|
|
|
445
442
|
}
|
|
446
443
|
|
|
447
444
|
AutocompleteAddressDemo.defaultProps = {
|
|
448
|
-
isDarkMode: false,
|
|
449
445
|
country: null,
|
|
450
446
|
};
|
|
451
447
|
AutocompleteAddressDemo.propTypes = {
|
|
452
|
-
isDarkMode: PropTypes.bool,
|
|
453
448
|
country: PropTypes.string,
|
|
454
449
|
};
|
|
@@ -184,97 +184,4 @@ $darkSec = $dark20
|
|
|
184
184
|
&--menu-is-open
|
|
185
185
|
border-radius 0 $borderRadius 0 0 !important
|
|
186
186
|
&__menu
|
|
187
|
-
border-radius 0 0 $borderRadius $borderRadius !important
|
|
188
|
-
&.showcase-dark
|
|
189
|
-
.showcase
|
|
190
|
-
&-header
|
|
191
|
-
border .1rem solid $dark
|
|
192
|
-
.showcase-filter:not(:last-child)
|
|
193
|
-
border-right .1rem solid $light10
|
|
194
|
-
&-result
|
|
195
|
-
border .1rem solid $dark
|
|
196
|
-
.input
|
|
197
|
-
&__label
|
|
198
|
-
color $light
|
|
199
|
-
&__item:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
|
|
200
|
-
background-color $darkSec
|
|
201
|
-
border .1rem solid $dark40
|
|
202
|
-
color $light
|
|
203
|
-
placeHolderColor($light20)
|
|
204
|
-
&-request
|
|
205
|
-
background-color $darkMain
|
|
206
|
-
border-color $dark
|
|
207
|
-
&-response
|
|
208
|
-
background-color #0d122d
|
|
209
|
-
h4
|
|
210
|
-
color $light
|
|
211
|
-
pre
|
|
212
|
-
color $light !important
|
|
213
|
-
&.showcase--autocomplete
|
|
214
|
-
.select
|
|
215
|
-
.asyncselect
|
|
216
|
-
&__placeholder
|
|
217
|
-
color $light20 !important
|
|
218
|
-
&__control
|
|
219
|
-
background-color $darkMain !important
|
|
220
|
-
&--is-focused
|
|
221
|
-
.select
|
|
222
|
-
.asyncselect
|
|
223
|
-
&__placeholder
|
|
224
|
-
color $light !important
|
|
225
|
-
&__input-container
|
|
226
|
-
&__single-value
|
|
227
|
-
color $light !important
|
|
228
|
-
&__dropdown-indicator
|
|
229
|
-
&__clear-indicator
|
|
230
|
-
svg
|
|
231
|
-
fill $light70 !important
|
|
232
|
-
&__menu
|
|
233
|
-
background-color #0d1332
|
|
234
|
-
border-color $dark40
|
|
235
|
-
&__option
|
|
236
|
-
height 5rem
|
|
237
|
-
color $light !important
|
|
238
|
-
&--is-focused
|
|
239
|
-
&--is-selected
|
|
240
|
-
color $light !important
|
|
241
|
-
background-color $darkSec !important
|
|
242
|
-
&.select__option--is-focused
|
|
243
|
-
color $light !important
|
|
244
|
-
background-color $darkSec !important
|
|
245
|
-
&--is-focused:not(.select__option--is-selected)
|
|
246
|
-
color $light !important
|
|
247
|
-
background-color #2a3ea0!important
|
|
248
|
-
.tab
|
|
249
|
-
background-color $darkMain
|
|
250
|
-
&__header
|
|
251
|
-
&__buttons
|
|
252
|
-
li
|
|
253
|
-
&:not(:last-child)
|
|
254
|
-
border-right .1rem solid $dark60
|
|
255
|
-
.btn--tab
|
|
256
|
-
color $light60
|
|
257
|
-
background-color $dark30
|
|
258
|
-
&:disabled
|
|
259
|
-
color $light60 !important
|
|
260
|
-
background-color $dark50 !important
|
|
261
|
-
&:after
|
|
262
|
-
background $dark20
|
|
263
|
-
&:hover
|
|
264
|
-
&:after
|
|
265
|
-
background $dark20
|
|
266
|
-
&:after
|
|
267
|
-
background $dark20
|
|
268
|
-
&:hover
|
|
269
|
-
color $light
|
|
270
|
-
background $dark50
|
|
271
|
-
&:after
|
|
272
|
-
background $dark80
|
|
273
|
-
&.active
|
|
274
|
-
color $light
|
|
275
|
-
background-color transparent
|
|
276
|
-
&:after
|
|
277
|
-
background $darkMain
|
|
278
|
-
&:hover
|
|
279
|
-
&:after
|
|
280
|
-
background $darkMain
|
|
187
|
+
border-radius 0 0 $borderRadius $borderRadius !important
|