@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 +1 -1
- package/src/components/Card/Card.styl +2 -12
- package/src/components/Label/Label.styl +3 -9
- package/src/components/Tooltip/Tooltip.styl +2 -6
- package/src/components/UseCase/UseCase.js +6 -1
- package/src/components/UseCase/UseCase.styl +7 -1
- package/src/styles/console/badge.styl +2 -8
- package/src/styles/console/colors.styl +3 -16
- package/src/styles/website/colors.styl +1 -22
- package/src/styles/website/dropdown.styl +0 -8
package/package.json
CHANGED
|
@@ -47,21 +47,11 @@
|
|
|
47
47
|
.card
|
|
48
48
|
&__aside--grey
|
|
49
49
|
background-color lighten($traffic, 90%)
|
|
50
|
-
&--
|
|
50
|
+
&--indoor
|
|
51
51
|
&.card--vertical.card--small
|
|
52
52
|
.card
|
|
53
53
|
&__aside--grey
|
|
54
|
-
background-color lighten($
|
|
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
|
-
&--
|
|
83
|
-
&--
|
|
84
|
-
background-color $
|
|
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
|
-
&--
|
|
198
|
-
tooltipProduct($
|
|
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(
|
|
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
|
|
33
|
-
background-color $
|
|
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
|
-
$
|
|
407
|
-
$
|
|
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 = #
|
|
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
|