@woosmap/ui 4.34.0-beta.0 → 4.34.0-beta.7

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 (32) hide show
  1. package/package.json +1 -1
  2. package/src/components/Button/Button.js +6 -3
  3. package/src/components/Button/ButtonSwitch.js +1 -1
  4. package/src/components/Card/Card.js +1 -1
  5. package/src/components/Card/Card.styl +2 -2
  6. package/src/components/Card/SimpleCard.styl +1 -1
  7. package/src/components/Demo/skeletondemo.styl +1 -1
  8. package/src/components/Dropdown/Dropdown.js +1 -1
  9. package/src/components/Flash/Flash.js +1 -1
  10. package/src/components/Flash/Flash.styl +7 -7
  11. package/src/components/Icon/Icon.js +8 -4
  12. package/src/components/Icon/icon-story.styl +4 -3
  13. package/src/components/Input/Input.js +4 -4
  14. package/src/components/Label/Label.js +8 -1
  15. package/src/components/Label/Label.styl +5 -5
  16. package/src/components/Modal/Modal.styl +1 -1
  17. package/src/components/ServiceMessage/ServiceMessage.styl +2 -2
  18. package/src/components/SnackBar/SnackBar.styl +1 -1
  19. package/src/components/Stepper/Stepper.styl +1 -1
  20. package/src/icons/dot.svg +1 -0
  21. package/src/styles/console/button.styl +50 -47
  22. package/src/styles/console/icon.styl +4 -2
  23. package/src/styles/console/input.styl +1 -1
  24. package/src/styles/console/mixins.styl +1 -1
  25. package/.idea/encodings.xml +0 -6
  26. package/.idea/inspectionProfiles/Project_Default.xml +0 -18
  27. package/.idea/inspectionProfiles/profiles_settings.xml +0 -6
  28. package/.idea/misc.xml +0 -4
  29. package/.idea/modules.xml +0 -8
  30. package/.idea/prettier.xml +0 -6
  31. package/.idea/ui.iml +0 -15
  32. package/.idea/vcs.xml +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.34.0-beta.0",
3
+ "version": "4.34.0-beta.7",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Button/Button.js CHANGED
@@ -15,6 +15,7 @@ export default class Button extends Component {
15
15
  size,
16
16
  type,
17
17
  icon,
18
+ isFillIcon,
18
19
  iconSize,
19
20
  isBtnIcon,
20
21
  className,
@@ -40,10 +41,10 @@ export default class Button extends Component {
40
41
  isNotification ? 'btn--notification' : null,
41
42
  { 'btn--loading': isLoading },
42
43
  { 'btn--no-label': !label },
43
- { 'btn--custom-icon-size': iconSize && iconSize !== 24 },
44
+ { 'btn--custom-icon-size': iconSize && iconSize !== 22 },
44
45
  className
45
46
  );
46
- let iconComponent = icon ? <Icon size={iconSize} icon={icon} /> : null;
47
+ let iconComponent = icon ? <Icon isFill={isFillIcon} size={iconSize} icon={icon} /> : null;
47
48
  if (isLoading) {
48
49
  iconComponent = <Icon icon="load" />;
49
50
  }
@@ -77,12 +78,13 @@ Button.defaultProps = {
77
78
  className: '',
78
79
  label: '',
79
80
  icon: null,
80
- iconSize: 24,
81
+ iconSize: 22,
81
82
  isLoading: false,
82
83
  active: false,
83
84
  onClick: null,
84
85
  iconRight: false,
85
86
  isNotification: false,
87
+ isFillIcon: false,
86
88
  };
87
89
 
88
90
  Button.propTypes = {
@@ -119,4 +121,5 @@ Button.propTypes = {
119
121
  children: PropTypes.node,
120
122
  iconRight: PropTypes.bool,
121
123
  isNotification: PropTypes.bool,
124
+ isFillIcon: PropTypes.bool,
122
125
  };
package/src/components/Button/ButtonSwitch.js CHANGED
@@ -20,7 +20,7 @@ ButtonSwitch.defaultProps = {
20
20
  label: '',
21
21
  icon: null,
22
22
  activeIcon: null,
23
- iconSize: 24,
23
+ iconSize: 22,
24
24
  isLoading: false,
25
25
  active: false,
26
26
  onClick: null,
package/src/components/Card/Card.js CHANGED
@@ -280,7 +280,7 @@ Card.defaultProps = {
280
280
  active: false,
281
281
  onClick: null,
282
282
  product: null,
283
- iconSize: 38,
283
+ iconSize: 36,
284
284
  isClickable: false,
285
285
  noBorder: false,
286
286
  isNew: false,
package/src/components/Card/Card.styl CHANGED
@@ -191,7 +191,7 @@
191
191
  font-size $fontSizeSmall - .1
192
192
  margin-top -.5rem
193
193
  .icon
194
- fill $logo5
194
+ stroke $logo5
195
195
  &__footer
196
196
  color $dark40
197
197
  &--small
@@ -272,7 +272,7 @@
272
272
  .card--traffic &
273
273
  background $traffic
274
274
  .icon
275
- fill $light
275
+ stroke $light
276
276
  &__image
277
277
  flex-grow 1
278
278
  flex-shrink 0
package/src/components/Card/SimpleCard.styl CHANGED
@@ -61,7 +61,7 @@
61
61
  position absolute
62
62
  right 1rem
63
63
  top 1.3rem
64
- fill $favorite
64
+ stroke $favorite
65
65
  .inline &
66
66
  sq(1.8)
67
67
  position unset
package/src/components/Demo/skeletondemo.styl CHANGED
@@ -155,7 +155,7 @@
155
155
  padding-left .5rem !important
156
156
  padding-right .5rem !important
157
157
  svg
158
- fill $activeColor
158
+ stroke $activeColor
159
159
  &__indicator-separator
160
160
  background-color $activeColor
161
161
  &__multi-value
package/src/components/Dropdown/Dropdown.js CHANGED
@@ -426,7 +426,7 @@ Dropdown.defaultProps = {
426
426
  openOnMouseEnter: false,
427
427
  btnFace: 'link-flex',
428
428
  btnFaceIcon: 'caret-bottom',
429
- btnFaceIconSize: 24,
429
+ btnFaceIconSize: 22,
430
430
  btnTooltipText: null,
431
431
  btnTooltipDirection: null,
432
432
  testId: 'dropdown',
package/src/components/Flash/Flash.js CHANGED
@@ -6,7 +6,7 @@ import Icon from '../Icon/Icon';
6
6
  export default class Flash extends Component {
7
7
  render() {
8
8
  const { children, icon, inverse, fill, type, shadowed, testId, ...rest } = this.props;
9
- const iconComponent = icon ? <Icon size={24} icon={icon} /> : null;
9
+ const iconComponent = icon ? <Icon icon={icon} /> : null;
10
10
  return (
11
11
  <div
12
12
  className={cl(
package/src/components/Flash/Flash.styl CHANGED
@@ -11,7 +11,7 @@
11
11
  min-height $buttonHeight
12
12
  padding .9rem $padding
13
13
  .icon
14
- fill $secondary
14
+ stroke $secondary
15
15
  flex-shrink 0
16
16
  &--shadowed
17
17
  box-shadow 0 0 1rem $dark8
@@ -30,7 +30,7 @@
30
30
  &.flash--inverse
31
31
  color $flashSuccess
32
32
  .icon
33
- fill $flashSuccess
33
+ stroke $flashSuccess
34
34
 
35
35
  &--tip
36
36
  &:not(.flash--inverse)
@@ -39,7 +39,7 @@
39
39
  &.flash--inverse
40
40
  color $flashTipInverse
41
41
  .icon
42
- fill $flashTipInverse
42
+ stroke $flashTipInverse
43
43
 
44
44
  &--howto
45
45
  &:not(.flash--inverse)
@@ -48,7 +48,7 @@
48
48
  &.flash--inverse
49
49
  color $flashHowto
50
50
  .icon
51
- fill $flashHowto
51
+ stroke $flashHowto
52
52
 
53
53
  &--warning
54
54
  &:not(.flash--inverse)
@@ -57,7 +57,7 @@
57
57
  &.flash--inverse
58
58
  color $flashWarning
59
59
  .icon
60
- fill $flashWarning
60
+ stroke $flashWarning
61
61
 
62
62
  &--error
63
63
  &:not(.flash--inverse)
@@ -66,7 +66,7 @@
66
66
  &.flash--inverse
67
67
  color $flashError
68
68
  .icon
69
- fill $flashError
69
+ stroke $flashError
70
70
 
71
71
  &--info
72
72
  &:not(.flash--inverse)
@@ -75,4 +75,4 @@
75
75
  &.flash--inverse
76
76
  color $flashInfo
77
77
  .icon
78
- fill $flashInfo
78
+ stroke $flashInfo
package/src/components/Icon/Icon.js CHANGED
@@ -143,6 +143,7 @@ import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
143
143
  import { ReactComponent as Delete } from '../../icons/delete.svg';
144
144
  import { ReactComponent as Documentation } from '../../icons/documentation.svg';
145
145
  import { ReactComponent as Dollar } from '../../icons/dollar.svg';
146
+ import { ReactComponent as Dot } from '../../icons/dot.svg';
146
147
  import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
147
148
  import { ReactComponent as Edit } from '../../icons/edit.svg';
148
149
  import { ReactComponent as Email } from '../../icons/email.svg';
@@ -451,6 +452,7 @@ const ConsoleIcons = {
451
452
  delete: Delete,
452
453
  documentation: Documentation,
453
454
  dollar: Dollar,
455
+ dot: Dot,
454
456
  'dot-fill': DotFill,
455
457
  edit: Edit,
456
458
  email: Email,
@@ -624,12 +626,12 @@ const Icons = {
624
626
 
625
627
  class Icon extends Component {
626
628
  render() {
627
- const { icon, size, className, title, testId } = this.props;
629
+ const { icon, size, className, isFill, title, testId } = this.props;
628
630
  const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
629
-
631
+ const classes = cl('icon', { 'icon--fill': isFill }, className);
630
632
  return (
631
633
  <IconComponent
632
- className={cl('icon', className)}
634
+ className={classes}
633
635
  data-testid={`${testId}-${icon}`}
634
636
  width={size}
635
637
  height={size}
@@ -640,16 +642,18 @@ class Icon extends Component {
640
642
  }
641
643
 
642
644
  Icon.defaultProps = {
643
- size: 24,
645
+ size: 22,
644
646
  className: null,
645
647
  title: null,
646
648
  testId: 'icon',
649
+ isFill: false,
647
650
  };
648
651
 
649
652
  Icon.propTypes = {
650
653
  size: PropTypes.number,
651
654
  className: PropTypes.string,
652
655
  icon: PropTypes.string.isRequired,
656
+ isFill: PropTypes.bool,
653
657
  title: PropTypes.string,
654
658
  testId: PropTypes.string,
655
659
  };
package/src/components/Icon/icon-story.styl CHANGED
@@ -22,8 +22,9 @@
22
22
  stroke $secondary
23
23
  stroke-linecap round
24
24
  stroke-linejoin round
25
+ &:not(.icon--fill)
26
+ fill none
25
27
  &--fill
26
28
  stroke-width: 0
27
- fill $secondary
28
- &:not(.icon--social-github):not(.icon--social-linkedin):not(.icon--social-facefook):not(.icon--big-commerce):not(.icon--fill)
29
- fill: none
29
+ stroke $secondary
30
+
package/src/components/Input/Input.js CHANGED
@@ -52,16 +52,16 @@ export default class Input extends Component {
52
52
 
53
53
  switch (iconSize) {
54
54
  case 'normal':
55
- iconSize = 24;
55
+ iconSize = 22;
56
56
  break;
57
57
  case 'large':
58
- iconSize = 26;
58
+ iconSize = 24;
59
59
  break;
60
60
  case 'small':
61
- iconSize = 22;
61
+ iconSize = 20;
62
62
  break;
63
63
  default:
64
- iconSize = 24;
64
+ iconSize = 22;
65
65
  }
66
66
  return (
67
67
  <div className="input__container">
package/src/components/Label/Label.js CHANGED
@@ -41,7 +41,14 @@ export default class Label extends Component {
41
41
  </span>
42
42
  )}
43
43
  {closable && (
44
- <Button type="link-flex" iconSize={12} icon="close" onClick={closeCb} testId={`${testId}-button`} />
44
+ <Button
45
+ type="link-flex"
46
+ className="icon--thicker"
47
+ iconSize={10}
48
+ icon="close"
49
+ onClick={closeCb}
50
+ testId={`${testId}-button`}
51
+ />
45
52
  )}
46
53
  </span>
47
54
  );
package/src/components/Label/Label.styl CHANGED
@@ -12,7 +12,7 @@
12
12
  margin .2rem 0
13
13
  word-break break-all
14
14
  .icon
15
- fill $light
15
+ stroke $light
16
16
  &--round
17
17
  br(50)
18
18
  sq($buttonHeight)
@@ -134,10 +134,10 @@
134
134
  text-shadow none
135
135
  .btn
136
136
  .icon
137
- fill $secondary70
137
+ stroke $secondary70
138
138
  &:hover
139
139
  .icon
140
- fill $secondary70 !important
140
+ stroke $secondary70 !important
141
141
  &--white
142
142
  background-color $light
143
143
  color $secondary
@@ -145,7 +145,7 @@
145
145
  border .1rem solid $borderColor
146
146
  .btn
147
147
  .icon
148
- fill $secondary40
148
+ stroke $secondary40
149
149
  &:hover
150
150
  .icon
151
- fill $secondary40 !important
151
+ stroke $secondary40 !important
package/src/components/Modal/Modal.styl CHANGED
@@ -57,7 +57,7 @@
57
57
  right 2rem
58
58
  cursor pointer
59
59
  .icon
60
- fill $light
60
+ stroke $light
61
61
  &__footer
62
62
  &__header
63
63
  padding 1.8rem 2.4rem
package/src/components/ServiceMessage/ServiceMessage.styl CHANGED
@@ -20,10 +20,10 @@
20
20
  background-color $info
21
21
  .btn
22
22
  .icon
23
- fill $light
23
+ stroke $light
24
24
  &:hover
25
25
  .icon
26
- fill $success2
26
+ stroke $success2
27
27
  &__text
28
28
  textShadow()
29
29
  font-size $fontSize + .1
package/src/components/SnackBar/SnackBar.styl CHANGED
@@ -22,7 +22,7 @@
22
22
  &--info
23
23
  background-color $info
24
24
  .icon
25
- fill $light
25
+ stroke $light
26
26
  &__text
27
27
  textShadow()
28
28
  font-size $fontSize + .1
package/src/components/Stepper/Stepper.styl CHANGED
@@ -1,5 +1,5 @@
1
1
  .stepper
2
2
  flexMiddle()
3
3
  &--current
4
- fill $primary
4
+ stroke $primary
5
5
 
package/src/icons/dot.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12.174" cy="12" r="3.231"/></svg>
package/src/styles/console/button.styl CHANGED
@@ -21,7 +21,7 @@
21
21
  &.btn--loading
22
22
  padding 0
23
23
  .icon
24
- sq(2.4)
24
+ sq(2.2)
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
- fill $light
39
+ stroke $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
- fill $secondary
49
+ stroke $secondary
50
50
  &.btn--important
51
51
  &:disabled
52
52
  &:hover
53
53
  background-color $error
54
54
  .icon
55
- fill $light
55
+ stroke $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
- fill $light
69
+ stroke $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.2)
75
+ sq(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
- fill $secondary
101
+ stroke $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
- fill $secondary
120
+ stroke $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
- fill $secondary
132
+ stroke $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
- fill $light
151
+ stroke $light
152
152
  &:hover
153
153
  color $secondary
154
154
  .icon
155
- fill $light
155
+ stroke $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
- fill $secondary
163
+ stroke $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
- fill $light
170
+ stroke $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
- fill $light
182
+ stroke $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
- fill $light
190
+ stroke $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
- fill $error
212
+ stroke $error
213
213
  &:disabled
214
214
  color $secondary40
215
215
  cursor default
216
216
  .icon
217
- fill $secondary40
217
+ stroke $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
- fill $primary
241
+ stroke $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
- fill inherit
250
+ stroke inherit
251
251
  .label &
252
252
  &:hover
253
253
  .icon
254
- fill $light
254
+ stroke $light
255
255
  .label.label--white &
256
256
  &:hover
257
257
  .icon
258
- fill $secondary
258
+ stroke $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
- fill $primary
315
+ stroke $primary
316
316
  &:disabled
317
317
  &:hover
318
318
  color $primary
319
319
  text-decoration none
320
320
  .icon
321
- fill $primary
321
+ stroke $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
- fill $secondary-medium40
329
+ stroke $secondary-medium40
330
330
  &:hover
331
331
  color $primary
332
332
  .icon
333
- fill $primary
333
+ stroke $primary
334
334
  &--link-primary
335
335
  color $primary
336
336
  .icon
337
- fill $primary
337
+ stroke $primary
338
338
  &:disabled
339
339
  &:hover
340
340
  color $primary
341
341
  text-decoration none
342
342
  .icon
343
- fill $primary
343
+ stroke $primary
344
344
  &--link-info
345
345
  &--link-flex-info
346
346
  color $info
347
347
  .icon
348
- fill $info
348
+ stroke $info
349
349
  &:hover
350
350
  color $primary
351
351
  text-decoration underline
352
352
  .icon
353
- fill $primary
353
+ stroke $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.2)
376
+ sq(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
- fill $light
397
+ stroke $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
- fill $light
420
+ stroke $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
- fill $light70
428
+ stroke $light70
429
429
  &:disabled:not(.active)
430
430
  color $secondary30
431
431
  cursor default
432
432
  .icon
433
- fill $secondary30
433
+ stroke $secondary30
434
434
  &:hover
435
435
  border-color $inputBorderColor
436
436
  color $secondary30
437
437
  background-color transparent
438
438
  .icon
439
- fill $secondary30
439
+ stroke $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
- fill $secondary-medium60
485
+ stroke $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
- fill $secondary
513
+ stroke $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
- fill $error
523
+ stroke $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
- fill $light
595
+ stroke $light
596
596
  &:hover
597
597
  background-color $dark15
598
598
  .icon
599
- fill $light
599
+ stroke $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
- fill $light
606
+ stroke $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.8)
637
+ sq(1.6)
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.8)
647
+ sq(1.6)
648
648
  &--mini
649
649
  buttonMini()
650
650
  &:not(.btn--custom-icon-size)
651
651
  .icon
652
- sq(1.6)
652
+ sq(1.4)
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.6)
662
+ sq(1.4)
663
663
 
664
664
  &--large
665
665
  buttonLarge()
666
666
  &:not(.btn--custom-icon-size)
667
667
  .icon
668
- sq(3.2)
668
+ sq(3)
669
669
  &:not(.btn--icon)
670
670
  .icon
671
671
  margin-right .6rem
@@ -675,7 +675,10 @@
675
675
  padding-left $padding
676
676
  disableHoverEffect()
677
677
  .icon
678
- sq(3.2)
678
+ sq(3)
679
+ .icon--thicker
680
+ .icon
681
+ stroke-width .16rem
679
682
  @media screen and (max-width 720px)
680
683
  .btn
681
684
  &--tab
package/src/styles/console/icon.styl CHANGED
@@ -3,8 +3,10 @@
3
3
  stroke $secondary
4
4
  stroke-linecap round
5
5
  stroke-linejoin round
6
+ stroke-width .12rem
7
+ &:not(.icon--fill)
8
+ fill: none
6
9
  &--fill
7
10
  stroke-width: 0
8
11
  fill $secondary
9
- &:not(.icon--social-github):not(.icon--social-linkedin):not(.icon--social-facefook):not(.icon--big-commerce):not(.icon--fill)
10
- fill: none
12
+
package/src/styles/console/input.styl CHANGED
@@ -19,7 +19,7 @@ input
19
19
  margin .5rem 0 .5rem 0
20
20
  &--iconed
21
21
  .icon
22
- fill $inputBorderColor
22
+ stroke $inputBorderColor
23
23
  position absolute
24
24
  left 1rem
25
25
  top .7rem
package/src/styles/console/mixins.styl CHANGED
@@ -51,7 +51,7 @@ hover()
51
51
  background-color $buttonHover
52
52
  color $light
53
53
  .icon
54
- fill $light
54
+ stroke $light
55
55
  disableHoverEffect()
56
56
  &:hover
57
57
  background-color $primary
package/.idea/encodings.xml DELETED
@@ -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>
package/.idea/inspectionProfiles/Project_Default.xml DELETED
@@ -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>
package/.idea/inspectionProfiles/profiles_settings.xml DELETED
@@ -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>
package/.idea/prettier.xml DELETED
@@ -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>