@woosmap/ui 3.159.0 → 3.161.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.stories.js +1 -1
- package/src/components/Card/Card.styl +58 -3
- package/src/components/Card/Card.test.js +3 -3
- package/src/components/Label/Label.styl +1 -1
- package/src/components/Tooltip/Tooltip.styl +1 -1
- package/src/styles/console/badge.styl +1 -1
- package/src/styles/website/colors.styl +3 -3
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@ const Story = {
|
|
|
14
14
|
export default Story;
|
|
15
15
|
const renderAsideContent = () => (
|
|
16
16
|
<>
|
|
17
|
-
<Card.Aside mode="
|
|
17
|
+
<Card.Aside mode="pluggedTo" product={{ id: 'INDOOR_MAP', name: 'Indoor Map' }}>
|
|
18
18
|
switch
|
|
19
19
|
</Card.Aside>
|
|
20
20
|
</>
|
|
@@ -8,6 +8,60 @@
|
|
|
8
8
|
flex-shrink 0
|
|
9
9
|
background-color $light
|
|
10
10
|
border .1rem solid $secondary20
|
|
11
|
+
&--localities
|
|
12
|
+
.card
|
|
13
|
+
&__aside--grey
|
|
14
|
+
background-color lighten($localities,90%)
|
|
15
|
+
&--geolocation
|
|
16
|
+
&.card--vertical.card--small
|
|
17
|
+
.card
|
|
18
|
+
&__aside--grey
|
|
19
|
+
background-color lighten($geolocation , 90%)
|
|
20
|
+
&--distance
|
|
21
|
+
&.card--vertical.card--small
|
|
22
|
+
.card
|
|
23
|
+
&__aside--grey
|
|
24
|
+
background-color lighten($distance , 90%)
|
|
25
|
+
&--stores
|
|
26
|
+
&.card--vertical.card--small
|
|
27
|
+
.card
|
|
28
|
+
&__aside--grey
|
|
29
|
+
background-color lighten($search , 90%)
|
|
30
|
+
&--address
|
|
31
|
+
&.card--vertical.card--small
|
|
32
|
+
.card
|
|
33
|
+
&__aside--grey
|
|
34
|
+
background-color lighten($address, 90%)
|
|
35
|
+
&--map
|
|
36
|
+
&.card--vertical.card--small
|
|
37
|
+
.card
|
|
38
|
+
&__aside--grey
|
|
39
|
+
background-color lighten($map, 90%)
|
|
40
|
+
&--merchants
|
|
41
|
+
&.card--vertical.card--small
|
|
42
|
+
.card
|
|
43
|
+
&__aside--grey
|
|
44
|
+
background-color lighten($merchant, 90%)
|
|
45
|
+
&--traffic
|
|
46
|
+
&.card--vertical.card--small
|
|
47
|
+
.card
|
|
48
|
+
&__aside--grey
|
|
49
|
+
background-color lighten($traffic, 90%)
|
|
50
|
+
&--indoor_map
|
|
51
|
+
&.card--vertical.card--small
|
|
52
|
+
.card
|
|
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%)
|
|
11
65
|
&--unique
|
|
12
66
|
display flex
|
|
13
67
|
align-items center
|
|
@@ -111,7 +165,8 @@
|
|
|
111
165
|
padding 1.4rem
|
|
112
166
|
font-size $fontSizeSmall
|
|
113
167
|
&--grey
|
|
114
|
-
|
|
168
|
+
&:last-child
|
|
169
|
+
border-radius 0 0 .5rem .5rem
|
|
115
170
|
&__list
|
|
116
171
|
mbib(.8)
|
|
117
172
|
display flex
|
|
@@ -167,7 +222,7 @@
|
|
|
167
222
|
background $distance10
|
|
168
223
|
&.card--stores
|
|
169
224
|
.card__content
|
|
170
|
-
background $
|
|
225
|
+
background $search10
|
|
171
226
|
&.card--address
|
|
172
227
|
.card__content
|
|
173
228
|
background $address10
|
|
@@ -199,7 +254,7 @@
|
|
|
199
254
|
.card--distance &
|
|
200
255
|
background $distance
|
|
201
256
|
.card--stores &
|
|
202
|
-
background $
|
|
257
|
+
background $search
|
|
203
258
|
.card--address &
|
|
204
259
|
background $address
|
|
205
260
|
.card--map &
|
|
@@ -10,7 +10,7 @@ it('renders a Card component ', () => {
|
|
|
10
10
|
<Card.Header>header</Card.Header>
|
|
11
11
|
<Card.Body>body</Card.Body>
|
|
12
12
|
<Card.Footer>footer</Card.Footer>
|
|
13
|
-
<Card.Aside>aside</Card.Aside>
|
|
13
|
+
<Card.Aside product={{ id: 'LOCALITIES', name: 'aside' }}>aside</Card.Aside>
|
|
14
14
|
</Card>
|
|
15
15
|
);
|
|
16
16
|
expect(getByTestId('card')).toHaveClass('card');
|
|
@@ -18,7 +18,7 @@ it('renders a Card component ', () => {
|
|
|
18
18
|
expect(screen.getByText('header')).toHaveClass('card__header');
|
|
19
19
|
expect(screen.getByText('body')).toHaveClass('card__body');
|
|
20
20
|
expect(screen.getByText('footer')).toHaveClass('card__footer');
|
|
21
|
-
expect(screen.getByText('aside')).toHaveClass('
|
|
21
|
+
expect(screen.getByText('aside')).toHaveClass('card__aside__list__item__title');
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
it('renders a Card component in list ', () => {
|
|
@@ -27,7 +27,7 @@ it('renders a Card component in list ', () => {
|
|
|
27
27
|
<Card.Header>header</Card.Header>
|
|
28
28
|
<Card.Body>body</Card.Body>
|
|
29
29
|
<Card.Footer>footer</Card.Footer>
|
|
30
|
-
<Card.Aside>aside</Card.Aside>
|
|
30
|
+
<Card.Aside product={{ id: 'LOCALITIES', name: 'Localities' }}>aside</Card.Aside>
|
|
31
31
|
</Card>
|
|
32
32
|
);
|
|
33
33
|
expect(container.firstChild).toHaveClass('card--list');
|
|
@@ -341,9 +341,9 @@ $indoor10 = rgba($indoor, .1)
|
|
|
341
341
|
$indoorDark = #77735A
|
|
342
342
|
|
|
343
343
|
|
|
344
|
-
$
|
|
345
|
-
$
|
|
346
|
-
$
|
|
344
|
+
$indoorMap = #B7B38B
|
|
345
|
+
$indoorMap10 = rgba($indoorMap, .1)
|
|
346
|
+
$indoorMapDark = #918C66
|
|
347
347
|
|
|
348
348
|
$indoorSearch = #DBC649
|
|
349
349
|
$indoorSearch10 = rgba($indoorSearch, .1)
|