@woosmap/ui 4.7.0 → 4.9.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.7.0",
3
+ "version": "4.9.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -47,21 +47,11 @@
47
47
  .card
48
48
  &__aside--grey
49
49
  background-color lighten($traffic, 90%)
50
- &--indoor_map
50
+ &--indoor
51
51
  &.card--vertical.card--small
52
52
  .card
53
53
  &__aside--grey
54
- background-color lighten($indoorMap, 90%)
55
- &--indoor_search
56
- &.card--vertical.card--small
57
- .card
58
- &__aside--grey
59
- background-color lighten($indoorSearch, 90%)
60
- &--indoor_distance
61
- &.card--vertical.card--small
62
- .card
63
- &__aside--grey
64
- background-color lighten($indoorDistance , 90%)
54
+ background-color lighten($indoor, 90%)
65
55
  &--unique
66
56
  display flex
67
57
  align-items center
@@ -79,15 +79,9 @@
79
79
  &--TRAFFIC
80
80
  &--traffic
81
81
  background-color $traffic
82
- &--INDOOR_MAP
83
- &--indoor_map
84
- background-color $indoorMap
85
- &--INDOOR_SEARCH
86
- &--indoor_search
87
- background-color $indoorSearch
88
- &--INDOOR_DISTANCE
89
- &--indoor_distance
90
- background-color $indoorDistance
82
+ &--INDOOR
83
+ &--indoor
84
+ background-color $indoor
91
85
  &--free
92
86
  background-color $free
93
87
  &--standard
@@ -194,12 +194,8 @@
194
194
  tooltipProduct($merchant)
195
195
  &--traffic
196
196
  tooltipProduct($traffic)
197
- &--indoor_map
198
- tooltipProduct($indoorMap)
199
- &--indoor_search
200
- tooltipProduct($indoorSearch)
201
- &--indoor_distance
202
- tooltipProduct($indoorDistance)
197
+ &--indoor
198
+ tooltipProduct($indoor)
203
199
 
204
200
  @media screen and (max-width 720px)
205
201
  .tooltip
@@ -65,7 +65,12 @@ class UseCase extends Component {
65
65
  render() {
66
66
  const { className, children, isSelectable, testId, ...rest } = this.props;
67
67
  const { stateSelected } = this.state;
68
- const classes = cl('use-case', stateSelected ? 'use-case--selected' : false, className);
68
+ const classes = cl(
69
+ 'use-case',
70
+ { 'use-case--selectable': isSelectable },
71
+ { 'use-case--selected': stateSelected },
72
+ className
73
+ );
69
74
  return (
70
75
  <div
71
76
  className={classes}
@@ -5,12 +5,18 @@
5
5
  transition .2s all
6
6
  display flex
7
7
  flex-direction column
8
- cursor pointer
9
8
  padding 2rem 2.4rem
9
+ &--selectable
10
+ cursor pointer
11
+ &:hover
12
+ border .1rem solid rgba($success2, .5)
13
+ background-color rgba($success2, .03)
10
14
  &--selected
11
15
  border .1rem solid $success2
12
16
  box-shadow 0 0 .6rem $success2
13
17
  background-color rgba($success2, .03)
18
+ &:hover
19
+ border .1rem solid $success2
14
20
  &__header
15
21
  text-align center
16
22
  font-size $title
@@ -29,11 +29,5 @@
29
29
  background-color $merchant
30
30
  &--traffic
31
31
  background-color $traffic
32
- &--indoor-mapping
33
- background-color $indoorMapping
34
- &--indoor-search
35
- background-color $indoorSearch
36
- &--indoor-distance
37
- background-color $indoorDistance
38
- &--indoor-database
39
- background-color $indoorDatabase
32
+ &--indoor
33
+ background-color $indoor
@@ -402,19 +402,6 @@ $showcases = #68668E
402
402
  $showcases10 = rgba($showcases, .1)
403
403
  $showcasesDark = #444177
404
404
 
405
-
406
- $indoorMap = #B7B38B
407
- $indoorMap10 = rgba($indoorMap, .1)
408
- $indoorMapDark = #918C66
409
-
410
- $indoorSearch = #DBC649
411
- $indoorSearch10 = rgba($indoorSearch, .1)
412
- $indoorSearchDark = #B7A134
413
-
414
- $indoorDistance = #E5AA53
415
- $indoorDistance10 = rgba($indoorDistance, .1)
416
- $indoorDistanceDark = #BF873C
417
-
418
- $indoorDatabase = #A09B8A
419
- $indoorDatabase10 = rgba($indoorDatabase, .1)
420
- $indoorDatabaseDark = #7C7663
405
+ $indoor = #B7B38B
406
+ $indoor10 = rgba($indoor, .1)
407
+ $indoorDark = #918C66
@@ -299,7 +299,7 @@ $merchantDark = #4F5D6E
299
299
 
300
300
  $indoor = #B7B38B
301
301
  $indoor10 = rgba($indoor, .1)
302
- $indoorDark = #999471
302
+ $indoorDark = #77735A
303
303
 
304
304
  $storeLocator = #82A1A7
305
305
  $storeLocator10 = rgba($storeLocator, .1)
@@ -335,24 +335,3 @@ $mappingDark = #935544
335
335
  $showcases = #68668E
336
336
  $showcases10 = rgba($showcases, .1)
337
337
  $showcasesDark = #444177
338
-
339
- $indoor = #B7B38B
340
- $indoor10 = rgba($indoor, .1)
341
- $indoorDark = #77735A
342
-
343
-
344
- $indoorMap = #B7B38B
345
- $indoorMap10 = rgba($indoorMap, .1)
346
- $indoorMapDark = #918C66
347
-
348
- $indoorSearch = #DBC649
349
- $indoorSearch10 = rgba($indoorSearch, .1)
350
- $indoorSearchDark = #B7A134
351
-
352
- $indoorDistance = #E5AA53
353
- $indoorDistance10 = rgba($indoorDistance, .1)
354
- $indoorDistanceDark = #BF873C
355
-
356
- $indoorDatabase = #A09B8A
357
- $indoorDatabase10 = rgba($indoorDatabase, .1)
358
- $indoorDatabaseDark = #7C7663
@@ -64,14 +64,6 @@
64
64
  background $showcasesDark !important
65
65
  &.indoor
66
66
  background $indoorDark !important
67
- &.indoor-mapping
68
- background $indoorMappingDark !important
69
- &.indoor-search
70
- background $indoorSearchDark !important
71
- &.indoor-distance
72
- background $indoorDistanceDark !important
73
- &.indoor-database
74
- background $indoorDatabaseDark !important
75
67
  &__desc
76
68
  color $dark !important
77
69
  &__icon