@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.201.0",
3
+ "version": "4.203.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -394,12 +394,9 @@ export default class AutocompleteAddressDemo extends Component {
394
394
 
395
395
  render() {
396
396
  const { withMap, error, selectedLocality } = this.state;
397
- const { isDarkMode } = this.props;
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
@@ -3,4 +3,3 @@
3
3
  // @import "../components/**/*.styl"
4
4
  @import "../components/OfflineChatBot/offlinechatbot.styl"
5
5
  @import "../components/Demo/skeletondemo.styl"
6
- @import "../components/Demo/showcase.styl"