@woosmap/ui 4.34.0-beta.9 → 4.35.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 (152) hide show
  1. package/package.json +1 -1
  2. package/src/components/Button/Button.js +3 -6
  3. package/src/components/Button/Button.stories.js +3 -3
  4. package/src/components/Button/ButtonSwitch.js +1 -1
  5. package/src/components/Card/Card.js +1 -1
  6. package/src/components/Card/Card.styl +2 -2
  7. package/src/components/Card/SimpleCard.styl +1 -1
  8. package/src/components/Demo/skeletondemo.styl +1 -1
  9. package/src/components/Dropdown/Dropdown.js +1 -1
  10. package/src/components/Flash/Flash.js +1 -1
  11. package/src/components/Flash/Flash.stories.js +3 -3
  12. package/src/components/Flash/Flash.styl +7 -7
  13. package/src/components/Icon/Icon.js +92 -8
  14. package/src/components/Icon/Icon.stories.js +2 -2
  15. package/src/components/Icon/Icon.test.js +3 -3
  16. package/src/components/Icon/icon-story.styl +1 -13
  17. package/src/components/Input/Input.js +4 -4
  18. package/src/components/Label/Label.js +2 -3
  19. package/src/components/Label/Label.styl +5 -5
  20. package/src/components/Modal/Modal.styl +1 -1
  21. package/src/components/ServiceMessage/ServiceMessage.styl +2 -2
  22. package/src/components/SnackBar/SnackBar.styl +1 -1
  23. package/src/components/Stepper/Stepper.styl +1 -1
  24. package/src/components/Tab/Tab.stories.js +1 -1
  25. package/src/icons/access.svg +1 -0
  26. package/src/icons/add-circle.svg +1 -1
  27. package/src/icons/add.svg +1 -1
  28. package/src/icons/admin-key.svg +1 -1
  29. package/src/icons/admin-tool.svg +1 -1
  30. package/src/icons/administration-tool.svg +1 -1
  31. package/src/icons/administration.svg +1 -0
  32. package/src/icons/agenda.svg +1 -1
  33. package/src/icons/alphabetical-order-reversed.svg +1 -0
  34. package/src/icons/alphabetical-order.svg +1 -1
  35. package/src/icons/archive.svg +1 -0
  36. package/src/icons/arrow-bottom.svg +1 -1
  37. package/src/icons/arrow-left.svg +1 -1
  38. package/src/icons/arrow-link.svg +1 -0
  39. package/src/icons/arrow-right.svg +1 -1
  40. package/src/icons/arrow-top.svg +1 -1
  41. package/src/icons/asset-add-file.svg +1 -0
  42. package/src/icons/asset-add.svg +1 -0
  43. package/src/icons/asset.svg +1 -1
  44. package/src/icons/bank.svg +1 -0
  45. package/src/icons/beaker.svg +1 -0
  46. package/src/icons/bell.svg +1 -0
  47. package/src/icons/big-commerce.svg +1 -1
  48. package/src/icons/bookmark.svg +1 -0
  49. package/src/icons/bulb.svg +1 -1
  50. package/src/icons/caret-bottom.svg +1 -1
  51. package/src/icons/caret-left.svg +1 -1
  52. package/src/icons/caret-right.svg +1 -1
  53. package/src/icons/caret-top.svg +1 -1
  54. package/src/icons/charts.svg +1 -1
  55. package/src/icons/chat.svg +1 -0
  56. package/src/icons/check-circle.svg +1 -0
  57. package/src/icons/check-square.svg +1 -0
  58. package/src/icons/check.svg +1 -1
  59. package/src/icons/checked.svg +1 -0
  60. package/src/icons/clock-reversed.svg +1 -0
  61. package/src/icons/clock.svg +1 -1
  62. package/src/icons/close-thick.svg +1 -0
  63. package/src/icons/close.svg +1 -1
  64. package/src/icons/code.svg +1 -1
  65. package/src/icons/company.svg +1 -1
  66. package/src/icons/copy.svg +1 -1
  67. package/src/icons/credit-card.svg +1 -0
  68. package/src/icons/dashboard.svg +1 -1
  69. package/src/icons/delete.svg +1 -1
  70. package/src/icons/details.svg +1 -0
  71. package/src/icons/documentation.svg +1 -1
  72. package/src/icons/dollar.svg +1 -1
  73. package/src/icons/dot-fill.svg +1 -1
  74. package/src/icons/dot.svg +1 -1
  75. package/src/icons/download.svg +1 -0
  76. package/src/icons/edit.svg +1 -1
  77. package/src/icons/email.svg +1 -1
  78. package/src/icons/enter.svg +1 -0
  79. package/src/icons/exchange.svg +1 -0
  80. package/src/icons/expand.svg +1 -1
  81. package/src/icons/export.svg +1 -1
  82. package/src/icons/eye-crossed-out.svg +1 -1
  83. package/src/icons/eye.svg +1 -1
  84. package/src/icons/flag.svg +1 -1
  85. package/src/icons/forbidden.svg +1 -1
  86. package/src/icons/globe.svg +1 -1
  87. package/src/icons/home-user.svg +1 -0
  88. package/src/icons/hourglass.svg +1 -1
  89. package/src/icons/import.svg +1 -1
  90. package/src/icons/info.svg +1 -1
  91. package/src/icons/label.svg +1 -0
  92. package/src/icons/latitude.svg +1 -1
  93. package/src/icons/leave.svg +1 -0
  94. package/src/icons/location.svg +1 -0
  95. package/src/icons/longitude.svg +1 -1
  96. package/src/icons/manage.svg +1 -1
  97. package/src/icons/marker.svg +1 -1
  98. package/src/icons/member.svg +1 -1
  99. package/src/icons/members.svg +1 -1
  100. package/src/icons/menu-circle-horizontal.svg +1 -0
  101. package/src/icons/menu-circle-vertical.svg +1 -0
  102. package/src/icons/menu-horizontal.svg +1 -0
  103. package/src/icons/menu-vertical.svg +1 -1
  104. package/src/icons/metrics.svg +1 -0
  105. package/src/icons/more.svg +1 -0
  106. package/src/icons/organization.svg +1 -0
  107. package/src/icons/organizations.svg +1 -0
  108. package/src/icons/phone.svg +1 -1
  109. package/src/icons/platform.svg +1 -0
  110. package/src/icons/prize.svg +1 -0
  111. package/src/icons/product-activated.svg +1 -1
  112. package/src/icons/product-add.svg +1 -1
  113. package/src/icons/products.svg +1 -1
  114. package/src/icons/projects.svg +1 -1
  115. package/src/icons/puzzle.svg +1 -0
  116. package/src/icons/question.svg +1 -1
  117. package/src/icons/receipt.svg +1 -0
  118. package/src/icons/search.svg +1 -1
  119. package/src/icons/see-page.svg +1 -1
  120. package/src/icons/settings.svg +1 -1
  121. package/src/icons/shield.svg +1 -1
  122. package/src/icons/shortcut.svg +1 -1
  123. package/src/icons/social-facebook.svg +1 -1
  124. package/src/icons/social-github.svg +1 -1
  125. package/src/icons/social-google.svg +1 -1
  126. package/src/icons/social-linkedin.svg +1 -1
  127. package/src/icons/social-twitter.svg +1 -1
  128. package/src/icons/star-fiiled.svg +1 -0
  129. package/src/icons/star-filled.svg +1 -1
  130. package/src/icons/star.svg +1 -1
  131. package/src/icons/support.svg +1 -1
  132. package/src/icons/switch.svg +1 -1
  133. package/src/icons/time.svg +1 -0
  134. package/src/icons/tool.svg +1 -0
  135. package/src/icons/user.svg +1 -1
  136. package/src/icons/view-card.svg +1 -0
  137. package/src/icons/view-list.svg +1 -0
  138. package/src/icons/view-mini-card.svg +1 -0
  139. package/src/icons/warning.svg +1 -1
  140. package/src/icons/woosmap.svg +1 -1
  141. package/src/styles/console/button.styl +47 -50
  142. package/src/styles/console/icon.styl +1 -11
  143. package/src/styles/console/input.styl +1 -1
  144. package/src/styles/console/mixins.styl +1 -1
  145. package/.idea/encodings.xml +0 -6
  146. package/.idea/inspectionProfiles/Project_Default.xml +0 -18
  147. package/.idea/inspectionProfiles/profiles_settings.xml +0 -6
  148. package/.idea/misc.xml +0 -4
  149. package/.idea/modules.xml +0 -8
  150. package/.idea/prettier.xml +0 -6
  151. package/.idea/ui.iml +0 -15
  152. package/.idea/vcs.xml +0 -6
@@ -21,7 +21,7 @@
21
21
  &.btn--loading
22
22
  padding 0
23
23
  .icon
24
- sq(2.2)
24
+ sq(2.4)
25
25
  &.btn--small
26
26
  buttonSmall()
27
27
  width $buttonHeightSmall
@@ -36,7 +36,7 @@
36
36
  &:hover
37
37
  background-color $primary
38
38
  .icon
39
- stroke $light
39
+ fill $light
40
40
  &.btn--loading
41
41
  &:hover
42
42
  background-color $primary
@@ -46,13 +46,13 @@
46
46
  background-color transparent
47
47
  border-color $inputBorderColor
48
48
  .icon
49
- stroke $secondary
49
+ fill $secondary
50
50
  &.btn--important
51
51
  &:disabled
52
52
  &:hover
53
53
  background-color $error
54
54
  .icon
55
- stroke $light
55
+ fill $light
56
56
  &.btn--has-icon
57
57
  &:not(.btn--mini):not(.btn--small):not(.btn--large)
58
58
  mbi(.4)
@@ -66,13 +66,13 @@
66
66
  textShadow()
67
67
  color $light
68
68
  .icon
69
- stroke $light
69
+ fill $light
70
70
  trans()
71
71
  &.btn--loading:not(.btn--mini):not(.btn--small):not(.btn--large)
72
72
  disableHoverEffect()
73
73
  .icon
74
74
  margin-right .3rem
75
- sq(2)
75
+ sq(2.2)
76
76
  &.btn--has-icon
77
77
  &:not(.btn--mini):not(.btn--small):not(.btn--large)
78
78
  mbi(.4)
@@ -98,7 +98,7 @@
98
98
  background-color $light
99
99
  border .1rem solid $inputBorderColor
100
100
  .icon
101
- stroke $secondary
101
+ fill $secondary
102
102
  trans()
103
103
  &.btn--has-icon
104
104
  &:not(.btn--mini):not(.btn--small):not(.btn--large)
@@ -117,7 +117,7 @@
117
117
  cursor default
118
118
  border-color $inputBorderColor
119
119
  .icon
120
- stroke $secondary
120
+ fill $secondary
121
121
  &:disabled
122
122
  opacity .4
123
123
  cursor default
@@ -129,7 +129,7 @@
129
129
  color $secondary
130
130
  border-color $inputBorderColor
131
131
  .icon
132
- stroke $secondary
132
+ fill $secondary
133
133
  &--transparent
134
134
  btn()
135
135
  background-color transparent
@@ -148,11 +148,11 @@
148
148
  flex-shrink 0
149
149
  &:hover
150
150
  .icon
151
- stroke $light
151
+ fill $light
152
152
  &:hover
153
153
  color $secondary
154
154
  .icon
155
- stroke $light
155
+ fill $light
156
156
  &:disabled
157
157
  opacity .3
158
158
  &:hover
@@ -160,14 +160,14 @@
160
160
  color $secondary
161
161
  background-color transparent
162
162
  .icon
163
- stroke $secondary
163
+ fill $secondary
164
164
  &--inverse
165
165
  btn()
166
166
  background-color transparent
167
167
  border .1rem solid $light
168
168
  color $light
169
169
  .icon
170
- stroke $light
170
+ fill $light
171
171
  &.btn--has-icon
172
172
  &:not(.btn--mini):not(.btn--small):not(.btn--large)
173
173
  mbi(.4)
@@ -179,7 +179,7 @@
179
179
  border-color $success
180
180
  color $light
181
181
  .icon
182
- stroke $light
182
+ fill $light
183
183
  &:disabled
184
184
  opacity .3
185
185
  &:hover
@@ -187,7 +187,7 @@
187
187
  border-color $success
188
188
  color $light
189
189
  .icon
190
- stroke $light
190
+ fill $light
191
191
  &--dropdown-item
192
192
  flexBtn()
193
193
  ellipsis()
@@ -209,12 +209,12 @@
209
209
  &--important
210
210
  color $error
211
211
  .icon
212
- stroke $error
212
+ fill $error
213
213
  &:disabled
214
214
  color $secondary40
215
215
  cursor default
216
216
  .icon
217
- stroke $secondary40
217
+ fill $secondary40
218
218
  &:hover
219
219
  background-color transparent
220
220
  cursor default
@@ -238,7 +238,7 @@
238
238
  text-decoration underline
239
239
  color $primary
240
240
  .icon
241
- stroke $primary
241
+ fill $primary
242
242
  &:disabled
243
243
  cursor default
244
244
  opacity .3
@@ -247,15 +247,15 @@
247
247
  opacity .3
248
248
  text-decoration underline
249
249
  .icon
250
- stroke inherit
250
+ fill inherit
251
251
  .label &
252
252
  &:hover
253
253
  .icon
254
- stroke $light
254
+ fill $light
255
255
  .label.label--white &
256
256
  &:hover
257
257
  .icon
258
- stroke $secondary
258
+ fill $secondary
259
259
  &.btn--icon
260
260
  padding 0
261
261
  text-decoration none
@@ -312,13 +312,13 @@
312
312
  color $primary
313
313
  text-decoration none
314
314
  .icon
315
- stroke $primary
315
+ fill $primary
316
316
  &:disabled
317
317
  &:hover
318
318
  color $primary
319
319
  text-decoration none
320
320
  .icon
321
- stroke $primary
321
+ fill $primary
322
322
  &--link
323
323
  &--link-flex
324
324
  text-decoration underline
@@ -326,31 +326,31 @@
326
326
  color $secondary-medium40
327
327
  .icon
328
328
  trans()
329
- stroke $secondary-medium40
329
+ fill $secondary-medium40
330
330
  &:hover
331
331
  color $primary
332
332
  .icon
333
- stroke $primary
333
+ fill $primary
334
334
  &--link-primary
335
335
  color $primary
336
336
  .icon
337
- stroke $primary
337
+ fill $primary
338
338
  &:disabled
339
339
  &:hover
340
340
  color $primary
341
341
  text-decoration none
342
342
  .icon
343
- stroke $primary
343
+ fill $primary
344
344
  &--link-info
345
345
  &--link-flex-info
346
346
  color $info
347
347
  .icon
348
- stroke $info
348
+ fill $info
349
349
  &:hover
350
350
  color $primary
351
351
  text-decoration underline
352
352
  .icon
353
- stroke $primary
353
+ fill $primary
354
354
  &--link-info
355
355
  &--link-flex-info
356
356
  &--link-flex
@@ -373,7 +373,7 @@
373
373
  &.btn--important
374
374
  background-color $error
375
375
  .icon
376
- sq(2)
376
+ sq(2.2)
377
377
  &--switch
378
378
  btn()
379
379
  color $secondary-medium
@@ -394,7 +394,7 @@
394
394
  border-color $secondary
395
395
  background-color $secondary
396
396
  .icon
397
- stroke $light
397
+ fill $light
398
398
  &:hover
399
399
  background-color $secondary
400
400
  &--group
@@ -417,7 +417,7 @@
417
417
  border-color $secondary
418
418
  background-color $secondary
419
419
  .icon
420
- stroke $light
420
+ fill $light
421
421
  &:hover
422
422
  background-color $secondary
423
423
  &:disabled
@@ -425,18 +425,18 @@
425
425
  border-color $secondary-medium15
426
426
  color $light70
427
427
  .icon
428
- stroke $light70
428
+ fill $light70
429
429
  &:disabled:not(.active)
430
430
  color $secondary30
431
431
  cursor default
432
432
  .icon
433
- stroke $secondary30
433
+ fill $secondary30
434
434
  &:hover
435
435
  border-color $inputBorderColor
436
436
  color $secondary30
437
437
  background-color transparent
438
438
  .icon
439
- stroke $secondary30
439
+ fill $secondary30
440
440
  &-container
441
441
  flexMiddle()
442
442
  .btn
@@ -482,7 +482,7 @@
482
482
  position relative
483
483
  .icon
484
484
  flex-shrink 0
485
- stroke $secondary-medium60
485
+ fill $secondary-medium60
486
486
  display none
487
487
  .btn__label
488
488
  ellipsis()
@@ -510,7 +510,7 @@
510
510
  font-weight 700
511
511
  color $tabBtnActive
512
512
  .icon
513
- stroke $secondary
513
+ fill $secondary
514
514
  &:after
515
515
  width 100%
516
516
  &:hover
@@ -520,7 +520,7 @@
520
520
  color $error
521
521
  position relative
522
522
  .icon
523
- stroke $error
523
+ fill $error
524
524
  &:before
525
525
  content ''
526
526
  position absolute
@@ -592,18 +592,18 @@
592
592
  flexAxis()
593
593
  sq($sidebarButtonSize)
594
594
  .icon
595
- stroke $light
595
+ fill $light
596
596
  &:hover
597
597
  background-color $dark15
598
598
  .icon
599
- stroke $light
599
+ fill $light
600
600
  &.active
601
601
  cursor default
602
602
  background-color $dark20
603
603
  &:hover
604
604
  background-color $dark20
605
605
  .icon
606
- stroke $light
606
+ fill $light
607
607
  &--notification
608
608
  position relative
609
609
  padding 0 .6rem !important
@@ -634,7 +634,7 @@
634
634
  max-width 2.2rem
635
635
  &:not(.btn--custom-icon-size)
636
636
  .icon
637
- sq(1.6)
637
+ sq(1.8)
638
638
  &:not(.btn--icon)
639
639
  .icon
640
640
  margin-right .4rem
@@ -644,12 +644,12 @@
644
644
  padding-left $padding - .4
645
645
  disableHoverEffect()
646
646
  .icon
647
- sq(1.6)
647
+ sq(1.8)
648
648
  &--mini
649
649
  buttonMini()
650
650
  &:not(.btn--custom-icon-size)
651
651
  .icon
652
- sq(1.4)
652
+ sq(1.6)
653
653
  &:not(.btn--icon)
654
654
  .icon
655
655
  margin-right .4rem
@@ -659,13 +659,13 @@
659
659
  padding-left $padding - .3
660
660
  disableHoverEffect()
661
661
  .icon
662
- sq(1.4)
662
+ sq(1.6)
663
663
 
664
664
  &--large
665
665
  buttonLarge()
666
666
  &:not(.btn--custom-icon-size)
667
667
  .icon
668
- sq(3)
668
+ sq(3.2)
669
669
  &:not(.btn--icon)
670
670
  .icon
671
671
  margin-right .6rem
@@ -675,10 +675,7 @@
675
675
  padding-left $padding
676
676
  disableHoverEffect()
677
677
  .icon
678
- sq(3)
679
- .icon--thicker
680
- .icon
681
- stroke-width .16rem
678
+ sq(3.2)
682
679
  @media screen and (max-width 720px)
683
680
  .btn
684
681
  &--tab
@@ -1,12 +1,2 @@
1
1
  .icon
2
- trans()
3
- stroke $secondary
4
- stroke-linecap round
5
- stroke-linejoin round
6
- stroke-width .12rem
7
- &:not(.icon--fill)
8
- fill: none
9
- &--fill
10
- stroke-width: 0
11
- fill $secondary
12
-
2
+ fill $secondary
@@ -19,7 +19,7 @@ input
19
19
  margin .5rem 0 .5rem 0
20
20
  &--iconed
21
21
  .icon
22
- stroke $inputBorderColor
22
+ fill $inputBorderColor
23
23
  position absolute
24
24
  left 1rem
25
25
  top .7rem
@@ -51,7 +51,7 @@ hover()
51
51
  background-color $buttonHover
52
52
  color $light
53
53
  .icon
54
- stroke $light
54
+ fill $light
55
55
  disableHoverEffect()
56
56
  &:hover
57
57
  background-color $primary
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="Encoding">
4
- <file url="PROJECT" charset="UTF-8" />
5
- </component>
6
- </project>
@@ -1,18 +0,0 @@
1
- <component name="InspectionProjectProfileManager">
2
- <profile version="1.0">
3
- <option name="myName" value="Project Default" />
4
- <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
5
- <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
6
- <option name="ignoredPackages">
7
- <value>
8
- <list size="4">
9
- <item index="0" class="java.lang.String" itemvalue="Fabric" />
10
- <item index="1" class="java.lang.String" itemvalue="PyYAML" />
11
- <item index="2" class="java.lang.String" itemvalue="Jinja2" />
12
- <item index="3" class="java.lang.String" itemvalue="github3.py" />
13
- </list>
14
- </value>
15
- </option>
16
- </inspection_tool>
17
- </profile>
18
- </component>
@@ -1,6 +0,0 @@
1
- <component name="InspectionProjectProfileManager">
2
- <settings>
3
- <option name="USE_PROJECT_PROFILE" value="false" />
4
- <version value="1.0" />
5
- </settings>
6
- </component>
package/.idea/misc.xml DELETED
@@ -1,4 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
4
- </project>
package/.idea/modules.xml DELETED
@@ -1,8 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="ProjectModuleManager">
4
- <modules>
5
- <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
6
- </modules>
7
- </component>
8
- </project>
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="PrettierConfiguration">
4
- <option name="myRunOnReformat" value="true" />
5
- </component>
6
- </project>
package/.idea/ui.iml DELETED
@@ -1,15 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <module type="PYTHON_MODULE" version="4">
3
- <component name="NewModuleRootManager">
4
- <content url="file://$MODULE_DIR$" />
5
- <orderEntry type="inheritedJdk" />
6
- <orderEntry type="sourceFolder" forTests="false" />
7
- </component>
8
- <component name="TemplatesService">
9
- <option name="TEMPLATE_FOLDERS">
10
- <list>
11
- <option value="$MODULE_DIR$/node_modules/@storybook/core/dist/server/templates" />
12
- </list>
13
- </option>
14
- </component>
15
- </module>
package/.idea/vcs.xml DELETED
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="VcsDirectoryMappings">
4
- <mapping directory="$PROJECT_DIR$" vcs="Git" />
5
- </component>
6
- </project>