@woosmap/ui 4.34.0-beta.9 → 4.34.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.34.0-beta.9",
3
+ "version": "4.34.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -15,7 +15,6 @@ export default class Button extends Component {
15
15
  size,
16
16
  type,
17
17
  icon,
18
- isFillIcon,
19
18
  iconSize,
20
19
  isBtnIcon,
21
20
  className,
@@ -41,10 +40,10 @@ export default class Button extends Component {
41
40
  isNotification ? 'btn--notification' : null,
42
41
  { 'btn--loading': isLoading },
43
42
  { 'btn--no-label': !label },
44
- { 'btn--custom-icon-size': iconSize && iconSize !== 22 },
43
+ { 'btn--custom-icon-size': iconSize && iconSize !== 24 },
45
44
  className
46
45
  );
47
- let iconComponent = icon ? <Icon isFill={isFillIcon} size={iconSize} icon={icon} /> : null;
46
+ let iconComponent = icon ? <Icon size={iconSize} icon={icon} /> : null;
48
47
  if (isLoading) {
49
48
  iconComponent = <Icon icon="load" />;
50
49
  }
@@ -78,13 +77,12 @@ Button.defaultProps = {
78
77
  className: '',
79
78
  label: '',
80
79
  icon: null,
81
- iconSize: 22,
80
+ iconSize: 24,
82
81
  isLoading: false,
83
82
  active: false,
84
83
  onClick: null,
85
84
  iconRight: false,
86
85
  isNotification: false,
87
- isFillIcon: false,
88
86
  };
89
87
 
90
88
  Button.propTypes = {
@@ -121,5 +119,4 @@ Button.propTypes = {
121
119
  children: PropTypes.node,
122
120
  iconRight: PropTypes.bool,
123
121
  isNotification: PropTypes.bool,
124
- isFillIcon: PropTypes.bool,
125
122
  };
@@ -20,7 +20,7 @@ ButtonSwitch.defaultProps = {
20
20
  label: '',
21
21
  icon: null,
22
22
  activeIcon: null,
23
- iconSize: 22,
23
+ iconSize: 24,
24
24
  isLoading: false,
25
25
  active: false,
26
26
  onClick: null,
@@ -280,7 +280,7 @@ Card.defaultProps = {
280
280
  active: false,
281
281
  onClick: null,
282
282
  product: null,
283
- iconSize: 36,
283
+ iconSize: 38,
284
284
  isClickable: false,
285
285
  noBorder: false,
286
286
  isNew: false,
@@ -426,7 +426,7 @@ Dropdown.defaultProps = {
426
426
  openOnMouseEnter: false,
427
427
  btnFace: 'link-flex',
428
428
  btnFaceIcon: 'caret-bottom',
429
- btnFaceIconSize: 22,
429
+ btnFaceIconSize: 24,
430
430
  btnTooltipText: null,
431
431
  btnTooltipDirection: null,
432
432
  testId: 'dropdown',
@@ -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 icon={icon} /> : null;
9
+ const iconComponent = icon ? <Icon size={24} icon={icon} /> : null;
10
10
  return (
11
11
  <div
12
12
  className={cl(
@@ -143,7 +143,6 @@ 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';
147
146
  import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
148
147
  import { ReactComponent as Edit } from '../../icons/edit.svg';
149
148
  import { ReactComponent as Email } from '../../icons/email.svg';
@@ -452,7 +451,6 @@ const ConsoleIcons = {
452
451
  delete: Delete,
453
452
  documentation: Documentation,
454
453
  dollar: Dollar,
455
- dot: Dot,
456
454
  'dot-fill': DotFill,
457
455
  edit: Edit,
458
456
  email: Email,
@@ -628,7 +626,7 @@ class Icon extends Component {
628
626
  render() {
629
627
  const { icon, size, className, isFill, title, testId } = this.props;
630
628
  const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
631
- const classes = cl('icon', { 'icon--fill': isFill }, className);
629
+ const classes = cl('icon', { 'btn--fill': isFill }, className);
632
630
  return (
633
631
  <IconComponent
634
632
  className={classes}
@@ -22,9 +22,8 @@
22
22
  stroke $secondary
23
23
  stroke-linecap round
24
24
  stroke-linejoin round
25
- &:not(.icon--fill)
26
- fill none
27
25
  &--fill
28
26
  stroke-width: 0
29
27
  stroke $secondary
30
-
28
+ &:not(.icon--social-github):not(.icon--social-linkedin):not(.icon--social-facefook):not(.icon--big-commerce):not(.icon--fill)
29
+ fill: none
@@ -52,16 +52,16 @@ export default class Input extends Component {
52
52
 
53
53
  switch (iconSize) {
54
54
  case 'normal':
55
- iconSize = 22;
55
+ iconSize = 24;
56
56
  break;
57
57
  case 'large':
58
- iconSize = 24;
58
+ iconSize = 26;
59
59
  break;
60
60
  case 'small':
61
- iconSize = 20;
61
+ iconSize = 22;
62
62
  break;
63
63
  default:
64
- iconSize = 22;
64
+ iconSize = 24;
65
65
  }
66
66
  return (
67
67
  <div className="input__container">
@@ -41,14 +41,7 @@ export default class Label extends Component {
41
41
  </span>
42
42
  )}
43
43
  {closable && (
44
- <Button
45
- type="link-flex"
46
- className="icon--thicker"
47
- iconSize={10}
48
- icon="close"
49
- onClick={closeCb}
50
- testId={`${testId}-button`}
51
- />
44
+ <Button type="link-flex" iconSize={12} icon="close" onClick={closeCb} testId={`${testId}-button`} />
52
45
  )}
53
46
  </span>
54
47
  );
@@ -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
@@ -72,7 +72,7 @@
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)
@@ -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
@@ -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
@@ -29,7 +29,7 @@ select
29
29
  .select__indicator
30
30
  .asyncselect__indicator
31
31
  svg
32
- fill $secondary
32
+ stroke $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
- fill $secondary-medium25
43
+ stroke $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
- fill $light !important
100
+ stroke $light !important
101
101
  &--small
102
102
  .select
103
103
  .asyncselect
@@ -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>
package/src/icons/dot.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12.174" cy="12" r="3.231"/></svg>