@woosmap/ui 4.186.0 → 4.187.1

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.
Files changed (19) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/package.json +1 -1
  3. package/src/components/Card/Card.js +0 -5
  4. package/src/components/Card/Card.stories.js +0 -6
  5. package/src/components/Demo/Showcase.stories.js +0 -4
  6. package/src/components/Demo/skeletondemo.styl +1 -4
  7. package/src/components/Icon/Icon.js +0 -2
  8. package/src/components/Icon/WebSiteIcon.js +511 -0
  9. package/src/components/Label/Label.js +0 -1
  10. package/src/components/Tooltip/Tooltip.js +0 -1
  11. package/src/components/UseCase/UseCase.js +0 -2
  12. package/src/components/Woosmap/AddressAutocomplete.js +4 -1
  13. package/src/index.js +0 -1
  14. package/src/locales/en/translation.json +24 -10
  15. package/src/locales/fr/translation.json +24 -10
  16. package/src/website.js +2 -6
  17. package/src/components/Demo/MerchantDemo.js +0 -633
  18. package/src/components/Demo/MerchantDemo.stories.js +0 -26
  19. package/src/components/Demo/MerchantDemo.styl +0 -223
package/src/components/Demo/MerchantDemo.styl DELETED
@@ -1,223 +0,0 @@
1
- .merchant
2
- &__wrapper
3
- trans()
4
- display flex
5
- justify-content center
6
- align-items center
7
- height 100%
8
- width 100%
9
- zoom .9
10
- padding 2rem
11
- background #31436C
12
- background radial-gradient(circle, #31436C 0%, #262D3E 100%)
13
- &__mobilewrapper
14
- trans()
15
- position relative
16
- margin 3rem
17
- &__mobilecontainer
18
- position relative
19
- height 51.9rem
20
- width 28rem
21
- margin auto
22
- box-shadow 0 0 .4rem .1rem rgba($secondary, .1)
23
- br(1)
24
- &__title
25
- text-align center
26
- font-size 1.2rem
27
- font-weight 700
28
- margin 0 0 1rem 0
29
- color $light
30
- &__mobile
31
- br(1)
32
- font-size 1.3rem
33
- width 100%
34
- background-color $light
35
- overflow hidden
36
- &--dirty
37
- &--details--dirty
38
- .merchant__mobile__header
39
- background #666767
40
- &--clean
41
- &--details
42
- .merchant__mobile__header
43
- background #4F70FF
44
- &--details
45
- position relative
46
- &__header
47
- padding 1.1rem
48
- color #fff
49
- text-transform uppercase
50
- font-weight 600
51
- &__nav
52
- &__icons
53
- flexSpread()
54
- &__icons
55
- img
56
- max-height .8rem
57
- &__nav
58
- font-weight 700
59
- margin-top 1.4rem
60
- position relative
61
- .merchant__mobile--details &
62
- .merchant__mobile--details--dirty &
63
- flexAxis()
64
- &__avatar
65
- max-width 2.4rem
66
- &__back
67
- max-width 1rem
68
- opacity 0
69
- .merchant__mobile--details &
70
- .merchant__mobile--details--dirty &
71
- opacity 1
72
- &__button
73
- position absolute
74
- background-color transparent !important
75
- left -.6rem
76
- padding 0
77
- display flex
78
- align-items center
79
- justify-content center
80
- flex-shrink 0
81
- &:hover
82
- background-color $dark30 !important
83
-
84
- &__section
85
- padding 1.4rem 2rem
86
- background-color #f5f5f5
87
- border-radius 0 0 1rem 1rem
88
- height 45rem
89
- .merchant__mobile--clean &
90
- background-color #f3f7ff
91
- .merchant__mobile--details &
92
- background-color $light
93
- padding 0
94
- .merchant__mobile--details--dirty &
95
- background-color $light
96
- padding 2rem
97
- &__map
98
- overflow hidden
99
- height 20rem
100
- &__no-map
101
- height 6rem
102
- &__date
103
- color #b7b7b7
104
- margin-bottom .6rem
105
- .merchant__mobile--clean &
106
- color #8697b1
107
- .merchant__mobile--details &
108
- .merchant__mobile--details--dirty &
109
- text-align center
110
- margin .4rem 0 0 0
111
- .merchant__mobile--details--dirty &
112
- margin 0 0 2rem 0
113
- &__transaction
114
- flexSpread()
115
- br(.6)
116
- trans()
117
- background-color $light
118
- font-size 1.3rem
119
- cursor pointer
120
- height 4.8rem
121
- padding 0 .8rem
122
- box-shadow 0 0 .3rem .1rem $dark10
123
- width 100%
124
- margin-bottom .8rem
125
- &:hover
126
- background-color #666767
127
- transform translateX(.5rem)
128
- .merchant__mobile--clean &
129
- background-color #4F70FF
130
- .merchant__mobile__section__transaction
131
- &__link
132
- color $light
133
- &__info
134
- &__name
135
- color $light
136
- &__date
137
- color $light50
138
- &__price
139
- color $light
140
- &__link
141
- color #999
142
- margin 0 .6rem 0 1.4rem
143
- img
144
- max-width .7rem
145
- &__info
146
- width 100%
147
- min-width 0
148
- margin-right 1.2rem
149
- .merchant__mobile--clean &
150
- flexMiddle()
151
- .merchant__mobile--details &
152
- margin 0
153
- &__address
154
- padding 1rem 2rem
155
- color#999
156
- text-align center
157
- &__logo
158
- sq(3)
159
- br(50)
160
- position relative
161
- margin-right 1.2rem
162
- flex-shrink 0
163
- .merchant__mobile--details &
164
- width 100%
165
- height 5rem
166
- img
167
- ellipsis()
168
- br(50)
169
- sq(3)
170
- background #fff
171
- border .1rem solid #f1f1f1
172
- box-shadow 0 0 .6rem $dark10
173
-
174
- .merchant__mobile--details &
175
- sq(8)
176
- position absolute
177
- left calc(50% - 4rem)
178
- top -4rem
179
- box-shadow 0 0 1rem $dark25
180
- border .3rem solid #fff
181
- &__name
182
- ellipsis()
183
- font-weight 500
184
- line-height 1.6rem
185
- margin-bottom .3rem
186
- .merchant__mobile--details &
187
- .merchant__mobile--details--dirty &
188
- text-align center
189
- font-size 2rem
190
- &__date
191
- color #a1a1a1
192
- font-size 1.2rem
193
- line-height 1.4rem
194
- &__price
195
- font-weight 700
196
- font-size 1.5rem
197
- .merchant__mobile--details &
198
- .merchant__mobile--details--dirty &
199
- margin-top 1rem
200
- font-size 5rem
201
- line-height 1
202
- text-align center
203
- font-weight 400
204
- .merchant__mobile--details--dirty &
205
- font-size 3.5rem
206
-
207
- @media screen and (max-width 760px)
208
- .merchant
209
- &__mobilewrapper
210
- margin 0 1rem
211
- @media screen and (max-width 660px)
212
- .merchant
213
- &__wrapper
214
- zoom .7
215
- @media screen and (max-width 469px)
216
- .merchant
217
- &__wrapper
218
- zoom .6
219
- @media screen and (max-width 400px)
220
- .merchant
221
- &__wrapper
222
- zoom .45
223
-