@woosmap/ui 3.52.0 → 3.55.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/Tooltip/Tooltip.js +1 -0
  3. package/src/icons/check.svg +1 -1
  4. package/src/icons/more.svg +1 -1
  5. package/src/styles/console/colors.styl +3 -3
  6. package/src/styles/website/button.styl +289 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.52.0",
3
+ "version": "3.55.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Tooltip/Tooltip.js CHANGED
@@ -14,6 +14,7 @@ export default class Tooltip extends Component {
14
14
  noDelay && 'tooltipped-no-delay',
15
15
  wrap && 'tooltipped-multiline'
16
16
  );
17
+ delete rest.closeCb; // Avoid none DOM props
17
18
  return (
18
19
  <div aria-label={text} data-testid={testId} {...rest} className={classes}>
19
20
  {children}
package/src/icons/check.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.851 17.914a.561.561 0 0 1-.3-.085 16.649 16.649 0 0 1-4.669-4.353l-.808-1.113a.56.56 0 0 1 .906-.658l.808 1.112A15.506 15.506 0 0 0 9.8 16.654a44.032 44.032 0 0 0 7.773-9.092l.707-1.1a.56.56 0 1 1 .942.605l-.707 1.1a45.113 45.113 0 0 1-8.294 9.609.563.563 0 0 1-.37.138z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.162 17.535A1.5 1.5 0 0 1 9.1 17.1l-4.844-4.85a1.5 1.5 0 1 1 2.121-2.121l3.785 3.785 7.01-7.01a1.5 1.5 0 1 1 2.121 2.121l-8.07 8.075a1.5 1.5 0 0 1-1.061.435Z"/></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/colors.styl CHANGED
@@ -13,7 +13,7 @@ $inputDemoPlaceholderColor = #818ca5
13
13
 
14
14
  // Main colors
15
15
 
16
- $primary = rgba(85, 134, 255, 1) // 5586F8
16
+ $primary = rgba(85, 134, 255, 1) // m
17
17
  $primary90 = rgba(85, 134, 255, .9)
18
18
  $primary80 = rgba(85, 134, 255, .8)
19
19
  $primary70 = rgba(85, 134, 255, .7)
@@ -123,9 +123,9 @@ $standard = #4b7bd3
123
123
  $enterprise = #c3417d
124
124
 
125
125
  // Alerts
126
- $success2 = rgba(14, 206, 170, 1)// #0eceaa
126
+ $success2 = #0eceaa// #0eceaa
127
127
 
128
- $success = rgba(47, 188, 114, 1)
128
+ $success = #2fbc73
129
129
  $success-light = #0ff1c6
130
130
  $success-dark = #0cc7a4
131
131
 
package/src/styles/website/button.styl CHANGED
@@ -85,8 +85,89 @@
85
85
  &:disabled
86
86
  &:hover
87
87
  background-color $primary
88
+ &.btn--default
89
+ position inherit
90
+ &.btn--white
91
+ color $secondary
92
+ background-color $light
93
+ border .1rem solid $inputBorderColor
94
+ text-shadow unset
95
+ .icon
96
+ fill $secondary
97
+ &:disabled
98
+ &:hover
99
+ color $secondary
100
+ background-color $light
101
+ border .1rem solid $inputBorderColor
102
+ &:hover
103
+ textShadow()
104
+ color $light
105
+ border-color $linkColorHover
106
+ &.btn--color1
107
+ background-color $logo1
108
+ &:disabled
109
+ &:hover
110
+ background-color $logo1
111
+ &.btn--color2
112
+ background-color $logo2
113
+ &:disabled
114
+ &:hover
115
+ background-color $logo2
116
+
117
+ &.btn--color3
118
+ background-color $logo3
119
+ &:disabled
120
+ &:hover
121
+ background-color $logo3
122
+
123
+ &.btn--color4
124
+ background-color $logo4
125
+ &:disabled
126
+ &:hover
127
+ background-color $logo4
128
+
129
+ &.btn--color5
130
+ background-color $logo5
131
+ &:disabled
132
+ &:hover
133
+ background-color $logo5
134
+
135
+ &.btn--color6
136
+ background-color $logo6
137
+ &:disabled
138
+ &:hover
139
+ background-color $logo6
140
+
141
+ &.btn--color7
142
+ background-color $logo7
143
+ &:disabled
144
+ &:hover
145
+ background-color $logo7
146
+
147
+ &.btn--color8
148
+ background-color $logo8
149
+ &:disabled
150
+ &:hover
151
+ background-color $logo8
152
+ &:hover
153
+ background-color $success2
154
+ .section--dark .article &
155
+ .section--light .article &
156
+ .section--white .article &
157
+ .section--dark .for-colored-cta &
158
+ .section--light .for-colored-cta &
159
+ .section--white .for-colored-cta &
160
+ background-color $primary
161
+ border unset
162
+ color $light
163
+ &:disabled
164
+ &:hover
165
+ background-color $primary
166
+ &:hover
167
+ background-color $linkColorHover
88
168
  &:hover
89
169
  background-color $linkColorHover
170
+
90
171
  &--important
91
172
  background-color $error
92
173
  &:disabled
@@ -108,9 +189,107 @@
108
189
  flex-shrink 0
109
190
  .icon
110
191
  flex-shrink 0
192
+ &.btn--white
193
+ position inherit
194
+ &.btn--color1
195
+ textShadow()
196
+ color $light
197
+ background-color $logo1
198
+ border-color $logo1
199
+ &:disabled
200
+ &:hover
201
+ background-color $logo1
202
+ &.btn--color2
203
+ textShadow()
204
+ color $light
205
+ background-color $logo2
206
+ border-color $logo2
207
+ &:disabled
208
+ &:hover
209
+ background-color $logo2
210
+
211
+ &.btn--color3
212
+ textShadow()
213
+ color $light
214
+ background-color $logo3
215
+ border-color $logo3
216
+ &:disabled
217
+ &:hover
218
+ background-color $logo3
219
+
220
+ &.btn--color4
221
+ textShadow()
222
+ color $light
223
+ background-color $logo4
224
+ border-color $logo4
225
+ &:disabled
226
+ &:hover
227
+ background-color $logo4
228
+
229
+ &.btn--color5
230
+ textShadow()
231
+ color $light
232
+ background-color $logo5
233
+ border-color $logo5
234
+ &:disabled
235
+ &:hover
236
+ background-color $logo5
237
+
238
+ &.btn--color6
239
+ textShadow()
240
+ color $light
241
+ background-color $logo6
242
+ border-color $logo6
243
+ &:disabled
244
+ &:hover
245
+ background-color $logo6
246
+
247
+ &.btn--color7
248
+ textShadow()
249
+ color $light
250
+ background-color $logo7
251
+ border-color $logo7
252
+ &:disabled
253
+ &:hover
254
+ background-color $logo7
255
+
256
+ &.btn--color8
257
+ textShadow()
258
+ color $light
259
+ background-color $logo8
260
+ border-color $logo8
261
+ &:disabled
262
+ &:hover
263
+ background-color $logo8
264
+ &:hover
265
+ background-color $success2
266
+ .section--dark .article &
267
+ .section--light .article &
268
+ .section--white .article &
269
+ .section--dark .for-colored-cta &
270
+ .section--light .for-colored-cta &
271
+ .section--white .for-colored-cta &
272
+ color $secondary
273
+ background-color $light
274
+ border .1rem solid $inputBorderColor
275
+ text-shadow unset
276
+ .icon
277
+ fill $secondary
278
+ &:disabled
279
+ &:hover
280
+ color $secondary
281
+ background-color $light
282
+ border .1rem solid $inputBorderColor
283
+ &:hover
284
+ textShadow()
285
+ color $light
286
+ border-color $linkColorHover
287
+ background-color $linkColorHover
288
+
111
289
  &:hover
112
290
  border-color $linkColorHover
113
291
  background-color $linkColorHover
292
+
114
293
  &.btn--loading
115
294
  &:hover
116
295
  background-color transparent
@@ -122,14 +301,13 @@
122
301
  &:disabled
123
302
  opacity .4
124
303
  cursor default
125
- &:disabled
126
- &:hover
127
- opacity .4
128
- background-color transparent
129
- color $secondary
130
- border-color $inputBorderColor
131
- .icon
132
- fill $secondary
304
+ &:hover
305
+ opacity .4
306
+ background-color transparent
307
+ color $secondary
308
+ border-color $inputBorderColor
309
+ .icon
310
+ fill $secondary
133
311
  &--inverse
134
312
  btn()
135
313
  background-color transparent
@@ -231,7 +409,7 @@
231
409
  rigth -.3rem
232
410
  &--link-flex
233
411
  &--link-flex-info
234
- display flex
412
+ display inline-flex
235
413
  align-items center
236
414
  &.btn--no-label
237
415
  display flex
@@ -255,15 +433,110 @@
255
433
  fill $primary
256
434
  &--link
257
435
  &--link-flex
258
- &.btn--light-color
259
- color $secondary-medium40
436
+ .article &
437
+ .wcard &
438
+ .paragraph &
439
+ color $linkColor
440
+ .icon
441
+ fill $linkColor
442
+
443
+ &.btn--default
444
+ position inherit
445
+
446
+ &.btn--white
447
+ color $light
448
+ text-decoration underline
449
+ .icon
450
+ fill $light
451
+ &:disabled
452
+ &:hover
453
+ color $light
454
+
455
+ &.btn--color1
456
+ color $logo1
457
+ .icon
458
+ fill $logo1
459
+ &:disabled
460
+ &:hover
461
+ color $logo1
462
+
463
+ &.btn--color2
464
+ color $logo2
465
+ .icon
466
+ fill $logo2
467
+ &:disabled
468
+ &:hover
469
+ color $logo2
470
+
471
+ &.btn--color3
472
+ color $logo3
473
+ .icon
474
+ fill $logo3
475
+ &:disabled
476
+ &:hover
477
+ color $logo3
478
+
479
+ &.btn--color4
480
+ color $logo4
481
+ .icon
482
+ fill $logo4
483
+ &:disabled
484
+ &:hover
485
+ color $logo4
486
+
487
+ &.btn--color5
488
+ color $logo5
489
+ .icon
490
+ fill $logo5
491
+ &:disabled
492
+ &:hover
493
+ color $logo5
494
+
495
+ &.btn--color6
496
+ color $logo6
260
497
  .icon
261
- trans()
262
- fill $secondary-medium40
498
+ fill $logo6
499
+ &:disabled
500
+ &:hover
501
+ color $logo6
502
+
503
+ &.btn--color7
504
+ color $logo7
505
+ .icon
506
+ fill $logo7
507
+ &:disabled
508
+ &:hover
509
+ color $logo7
510
+
511
+ &.btn--color8
512
+ color $logo8
513
+ .icon
514
+ fill $logo8
515
+ &:disabled
516
+ &:hover
517
+ color $logo8
263
518
  &:hover
264
- color $primary
265
- .icon
266
- fill $primary
519
+ color $success2
520
+
521
+ .section--dark .article &
522
+ text-decoration none
523
+ color $linkColorLight
524
+ .icon
525
+ fill $linkColorLight
526
+
527
+ .section--light .article &
528
+ .section--white .article &
529
+ text-decoration none
530
+ color $linkColor
531
+ .icon
532
+ fill $linkColor
533
+
534
+ &:hover
535
+ text-decoration none
536
+ color $linkColorHover !important
537
+ .icon
538
+ fill $linkColorHover !important
539
+
267
540
  &--link-primary
268
541
  color $primary
269
542
  .icon