@woosmap/ui 4.34.0-beta.1 → 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 (21) 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/Dropdown/Dropdown.js +1 -1
  6. package/src/components/Flash/Flash.js +1 -1
  7. package/src/components/Icon/Icon.js +3 -1
  8. package/src/components/Icon/icon-story.styl +3 -2
  9. package/src/components/Input/Input.js +4 -4
  10. package/src/components/Label/Label.js +8 -1
  11. package/src/icons/dot.svg +1 -0
  12. package/src/styles/console/button.styl +12 -9
  13. package/src/styles/console/select.styl +3 -3
  14. package/.idea/encodings.xml +0 -6
  15. package/.idea/inspectionProfiles/Project_Default.xml +0 -18
  16. package/.idea/inspectionProfiles/profiles_settings.xml +0 -6
  17. package/.idea/misc.xml +0 -4
  18. package/.idea/modules.xml +0 -8
  19. package/.idea/prettier.xml +0 -6
  20. package/.idea/ui.iml +0 -15
  21. 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.1",
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/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/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,
@@ -626,7 +628,7 @@ class Icon extends Component {
626
628
  render() {
627
629
  const { icon, size, className, isFill, title, testId } = this.props;
628
630
  const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
629
- const classes = cl('icon', { 'btn--fill': isFill }, className);
631
+ const classes = cl('icon', { 'icon--fill': isFill }, className);
630
632
  return (
631
633
  <IconComponent
632
634
  className={classes}
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
29
  stroke $secondary
28
- &:not(.icon--social-github):not(.icon--social-linkedin):not(.icon--social-facefook):not(.icon--big-commerce):not(.icon--fill)
29
- fill: none
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/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
@@ -72,7 +72,7 @@
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)
@@ -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
@@ -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/select.styl CHANGED
@@ -29,7 +29,7 @@ select
29
29
  .select__indicator
30
30
  .asyncselect__indicator
31
31
  svg
32
- stroke $secondary
32
+ fill $secondary
33
33
  &__value-container
34
34
  padding-left 1rem !important
35
35
  &__single-value
@@ -40,7 +40,7 @@ select
40
40
  &-separator
41
41
  background-color $secondary-medium25
42
42
  svg
43
- stroke $secondary-medium25
43
+ fill $secondary-medium25
44
44
  &__placeholder
45
45
  white-space nowrap
46
46
  color $secondary-medium60
@@ -97,7 +97,7 @@ select
97
97
  &__remove
98
98
  cursor pointer
99
99
  svg
100
- stroke $light !important
100
+ fill $light !important
101
101
  &--small
102
102
  .select
103
103
  .asyncselect
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>