@woosmap/ui 3.45.0 → 3.49.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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/components/Demo/MerchantDemo.styl +12 -11
  3. package/src/components/Icon/Icon.js +2 -0
  4. package/src/icons/indoor.svg +1 -0
  5. package/src/icons/more.svg +1 -1
  6. package/src/styles/console/MerchantDemo.styl +0 -210
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.45.0",
3
+ "version": "3.49.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Demo/MerchantDemo.styl CHANGED
@@ -68,17 +68,18 @@
68
68
  .merchant__mobile--details--dirty &
69
69
  opacity 1
70
70
  &__button
71
- sq(3)
72
- position absolute
73
- background-color transparent
74
- left -.6rem
75
- padding 0
76
- display flex
77
- align-items center
78
- justify-content center
79
- flex-shrink 0
80
- &:hover
81
- background-color $dark30
71
+ &.btn
72
+ sq(3)
73
+ position absolute
74
+ background-color transparent
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
82
83
 
83
84
  &__section
84
85
  padding 1.4rem 2rem
package/src/components/Icon/Icon.js CHANGED
@@ -145,6 +145,7 @@ import { ReactComponent as MultiSearch } from '../../icons/multisearch.svg';
145
145
  import { ReactComponent as Mapping } from '../../icons/mapping.svg';
146
146
  import { ReactComponent as Connectors } from '../../icons/connectors.svg';
147
147
  import { ReactComponent as Showcases } from '../../icons/showcases.svg';
148
+ import { ReactComponent as Indoor } from '../../icons/indoor.svg';
148
149
 
149
150
  import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
150
151
  import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
@@ -295,6 +296,7 @@ const Icons = {
295
296
  mapping: Mapping,
296
297
  connectors: Connectors,
297
298
  showcases: Showcases,
299
+ indoor: Indoor,
298
300
  'social-facebook': SocialFacebook,
299
301
  'social-linkedin': SocialLinkedin,
300
302
  'social-twitter': SocialTwitter,
package/src/icons/indoor.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><rect width="70" height="70" fill="none"/><path d="M56.094,6.994H13.906A6.919,6.919,0,0,0,7,13.905V56.1a6.919,6.919,0,0,0,6.911,6.911H56.094A6.919,6.919,0,0,0,63.005,56.1V13.905A6.919,6.919,0,0,0,56.094,6.994ZM54.948,29.311c0,.019-.011.036-.011.056v6.609H42.9V29.311Zm1.978,0h4.079v6.665H56.937V29.367C56.937,29.347,56.927,29.33,56.926,29.311Zm4.079-15.406V27.311H51.386V14.9a1,1,0,0,0-2,0V27.311H41.9a1,1,0,0,0-1,1v8.665a1,1,0,0,0,1,1h19.1v7.363H41.9a1,1,0,0,0-1,1V61.006H29.235V40.938a1,1,0,0,0-1-1H8.995V28.794H23.908a1,1,0,0,0,1-1V8.994H34v8.9a1,1,0,0,0,1,1h6.33a1,1,0,0,0,1-1v-8.9H56.094A4.916,4.916,0,0,1,61.005,13.905ZM42.9,55.172h6.485v5.834H42.9Zm6.485-2H42.9V47.339h6.485ZM18.817,41.938h8.418v9.57H18.817ZM8.995,20.031H22.908v6.763H8.995Zm31.335-11V16.9H36V9.026ZM13.906,8.994h9v9.037H8.995V13.905A4.916,4.916,0,0,1,13.906,8.994ZM8.995,56.1V41.938h7.822v10.57a1,1,0,0,0,1,1h9.418v7.5H13.906A4.916,4.916,0,0,1,8.995,56.1Zm47.1,4.911H51.386V47.339h9.619V56.1A4.916,4.916,0,0,1,56.094,61.006Z"/></svg>
package/src/icons/more.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.653 8.293c.688-.243.76-1.135.517-1.823s-1.136-.759-1.823-.516-.76 1.136-.517 1.823 1.136.759 1.823.516ZM12.653 13.17c.688-.244.76-1.136.517-1.823s-1.136-.76-1.823-.517-.76 1.136-.517 1.823 1.136.76 1.823.517ZM12.653 18.046c.688-.243.76-1.136.517-1.823s-1.136-.759-1.823-.516-.76 1.135-.517 1.823 1.136.759 1.823.516Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.653 8.293c.688-.243.76-1.135.517-1.823s-1.136-.759-1.823-.516-.76 1.136-.517 1.823 1.136.759 1.823.516Zm0 4.877c.688-.244.76-1.136.517-1.823s-1.136-.76-1.823-.517-.76 1.136-.517 1.823 1.136.76 1.823.517Zm0 4.876c.688-.243.76-1.136.517-1.823s-1.136-.759-1.823-.516-.76 1.135-.517 1.823 1.136.759 1.823.516Z"/></svg>
package/src/styles/console/MerchantDemo.styl DELETED
@@ -1,210 +0,0 @@
1
- .merchant
2
- &__mobilewrapper
3
- position relative
4
- height 58.2rem
5
- overflow hidden
6
- flex-grow 1
7
- &__mobilecontainer
8
- position relative
9
- height 100%
10
- width 28rem
11
- margin auto
12
- &__title
13
- text-align center
14
- color $light
15
- font-size 1.7rem
16
- font-weight 600
17
- margin 1rem 0 2rem 0
18
- &__mobile
19
- width 100%
20
- height 52.9rem
21
- background-color $light
22
- br(2)
23
- overflow hidden
24
- &--dirty
25
- &--details--dirty
26
- .merchant__mobile__header
27
- background #666767
28
- &--clean
29
- &--details
30
- .merchant__mobile__header
31
- background #4F70FF
32
- &--details
33
- height 52.9rem
34
- &__header
35
- padding 1.6rem
36
- color #fff
37
- text-transform uppercase
38
- font-size 1.7rem
39
- font-weight 600
40
- &__nav
41
- &__icons
42
- flexSpread()
43
- &__icons
44
- img
45
- max-height 1.2rem
46
- &__nav
47
- margin-top 2rem
48
- position relative
49
- .merchant__mobile--details &
50
- .merchant__mobile--details--dirty &
51
- flexAxis()
52
- &__avatar
53
- max-width 3.2rem
54
- &__back
55
- max-width 1.4rem
56
- opacity 0
57
- .merchant__mobile--details &
58
- .merchant__mobile--details--dirty &
59
- opacity 1
60
- &__button
61
- position absolute
62
- background-color transparent
63
- left -1.2rem
64
- &:hover
65
- background-color $dark30
66
-
67
- &__section
68
- font-size 1.5rem
69
- padding 1.4rem 2rem
70
- height 100%
71
- overflow auto
72
- .merchant__mobile--details &
73
- padding 0
74
- .merchant__mobile--details--dirty &
75
- border .1rem solid $dark20
76
- background-color $dark3
77
- margin 2rem
78
- br(1)
79
- height auto
80
- overflow hidden
81
- &__map
82
- overflow hidden
83
- height 20rem
84
- &__no-map
85
- height 6rem
86
- &__date
87
- color #C8C8C7
88
- font-size 1.4rem
89
- margin-bottom 1.6rem
90
- .merchant__mobile--details &
91
- .merchant__mobile--details--dirty &
92
- text-align center
93
- margin .4rem 0 0 0
94
- .merchant__mobile--details--dirty &
95
- margin 0 0 2rem 0
96
- &__transaction
97
- flexSpread()
98
- br(1)
99
- trans()
100
- cursor pointer
101
- height 6.2rem
102
- padding .8rem
103
- box-shadow 0 0 1rem $dark10
104
- width 100%
105
- margin-bottom 1.2rem
106
- &:hover
107
- background-color #666767
108
- .merchant__mobile--clean &
109
- background-color #4F70FF
110
- .merchant__mobile__section__transaction
111
- &__link
112
- color $light
113
- &__info
114
- &__name
115
- color $light
116
- &__date
117
- color $light50
118
- &__price
119
- color $light
120
- &__link
121
- color #999
122
- margin 0 .6rem 0 1.4rem
123
- img
124
- max-width .7rem
125
- &__info
126
- width 100%
127
- min-width 0
128
- margin-right 1.2rem
129
- .merchant__mobile--clean &
130
- flexMiddle()
131
- .merchant__mobile--details &
132
- margin 0
133
- &__address
134
- padding 1rem 2rem
135
- color#999
136
- text-align center
137
- &__logo
138
- sq(4.6)
139
- br(50)
140
- position relative
141
- margin-right 1.2rem
142
- flex-shrink 0
143
- .merchant__mobile--details &
144
- width 100%
145
- height 5rem
146
- img
147
- ellipsis()
148
- br(50)
149
- sq(4.6)
150
- background #fff
151
- border .1rem solid #f1f1f1
152
- box-shadow 0 0 .6rem $dark10
153
-
154
- .merchant__mobile--details &
155
- sq(8)
156
- position absolute
157
- left calc(50% - 4rem)
158
- top -4rem
159
- box-shadow 0 0 1rem $dark25
160
- border .3rem solid #fff
161
- &__name
162
- ellipsis()
163
- font-weight 500
164
- .merchant__mobile--details &
165
- .merchant__mobile--details--dirty &
166
- text-align center
167
- font-size 2rem
168
- &__date
169
- color #7E7F7F
170
- font-size 1.2rem
171
- &__price
172
- font-weight 600
173
- .merchant__mobile--details &
174
- .merchant__mobile--details--dirty &
175
- margin-top 1rem
176
- font-size 5rem
177
- line-height 1
178
- text-align center
179
- font-weight 400
180
- .merchant__mobile--details--dirty &
181
- font-size 3.5rem
182
- @media screen and (max-width 720px)
183
- .merchant
184
- &__mobile
185
- &--dirty
186
- border 1rem solid #666767
187
- &--clean
188
- border 1rem solid $primary
189
-
190
- @media screen and (max-width 660px)
191
- .merchant
192
- &__mobilewrapper
193
- margin-right 0 !important
194
- @media screen and (max-width 370px)
195
- .merchant
196
- &__mobilewrapper
197
- width 100%
198
- &__mobilecontainer
199
- width 100%
200
- &__title
201
- color #454545
202
- &__mobile__section__transaction
203
- font-size 85%
204
- @media screen and (max-width 350px)
205
- .merchant
206
- &__mobile__section__transaction__info__logo
207
- &__mobile__section__transaction__info__logo img
208
- sq(3.6)
209
-
210
-