@woosmap/ui 4.35.0 → 4.36.0

package/.idea/encodings.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,18 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredPackages">
+        <value>
+          <list size="4">
+            <item index="0" class="java.lang.String" itemvalue="Fabric" />
+            <item index="1" class="java.lang.String" itemvalue="PyYAML" />
+            <item index="2" class="java.lang.String" itemvalue="Jinja2" />
+            <item index="3" class="java.lang.String" itemvalue="github3.py" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

package/.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

package/.idea/misc.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myRunOnReformat" value="true" />
+  </component>
+</project>

package/.idea/ui.iml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="TemplatesService">
+    <option name="TEMPLATE_FOLDERS">
+      <list>
+        <option value="$MODULE_DIR$/node_modules/@storybook/core/dist/server/templates" />
+      </list>
+    </option>
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.35.0",
+  "version": "4.36.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Button/Button.js

@@ -15,6 +15,7 @@ export default class Button extends Component {
             size,
             type,
             icon,
+            isFillIcon,
             iconSize,
             isBtnIcon,
             className,
@@ -40,12 +41,12 @@ export default class Button extends Component {
             isNotification ? 'btn--notification' : null,
             { 'btn--loading': isLoading },
             { 'btn--no-label': !label },
-            { 'btn--custom-icon-size': iconSize && iconSize !== 24 },
+            { 'btn--custom-icon-size': iconSize && iconSize !== 22 },
             className
         );
-        let iconComponent = icon ? <Icon size={iconSize} icon={icon} /> : null;
+        let iconComponent = icon ? <Icon isFill={isFillIcon} size={iconSize} icon={icon} /> : null;
         if (isLoading) {
-            iconComponent = <Icon icon="load" />;
+            iconComponent = <Icon isFill isLoad icon="load" />;
         }
         return (
             <button
@@ -72,24 +73,25 @@ Button.defaultProps = {
     isBtnIcon: false,
     disabled: false,
     children: null,
-    size: undefined,
+    size: 'normal',
     type: 'primary',
     className: '',
     label: '',
     icon: null,
-    iconSize: 24,
+    iconSize: 22,
     isLoading: false,
     active: false,
     onClick: null,
     iconRight: false,
     isNotification: false,
+    isFillIcon: false,
 };
 
 Button.propTypes = {
     testId: PropTypes.string,
     isBtnIcon: PropTypes.bool,
     disabled: PropTypes.bool,
-    size: PropTypes.oneOf(['large', 'small', 'mini', undefined]),
+    size: PropTypes.oneOf(['large', 'small', 'mini', 'normal']),
     type: PropTypes.oneOf([
         'primary',
         'switch',
@@ -119,4 +121,5 @@ Button.propTypes = {
     children: PropTypes.node,
     iconRight: PropTypes.bool,
     isNotification: PropTypes.bool,
+    isFillIcon: PropTypes.bool,
 };

package/src/components/Button/Button.stories.js

@@ -28,7 +28,7 @@ const Template = (args) => {
                 <Button label={label} disabled />
             </div>
             <div className="flex mbi">
-                <Button icon="puzzle" isNotification label="4" type="secondary" />
+                <Button icon="marker" isNotification label="4" type="secondary" />
                 <Button label={label} type="secondary" />
                 <Button label={label} type="secondary" icon="marker" />
                 <Button label={label} type="secondary" isLoading />
@@ -105,7 +105,7 @@ const Template = (args) => {
             <div className="flex-column mbi">
                 <span>
                     There is a no-labeled flexed button link here : &nbsp;
-                    <Button icon="label" type="link-flex" />
+                    <Button icon="marker" type="link-flex" />
                 </span>
                 <span>
                     There is a labeled flexed button link here : &nbsp;
@@ -115,7 +115,7 @@ const Template = (args) => {
             <div className="flex-column mbi">
                 <span>
                     There is a no-labeled flexed-info button link here : &nbsp;
-                    <Button icon="label" type="link-flex-info" />
+                    <Button icon="marker" type="link-flex-info" />
                 </span>
                 <span>
                     There is a labeled flexed-info button link here : &nbsp;

package/src/components/Button/ButtonSwitch.js

@@ -20,7 +20,7 @@ ButtonSwitch.defaultProps = {
     label: '',
     icon: null,
     activeIcon: null,
-    iconSize: 24,
+    iconSize: 22,
     isLoading: false,
     active: false,
     onClick: null,

package/src/components/Card/Card.js

@@ -280,7 +280,7 @@ Card.defaultProps = {
     active: false,
     onClick: null,
     product: null,
-    iconSize: 38,
+    iconSize: 36,
     isClickable: false,
     noBorder: false,
     isNew: false,

package/src/components/Card/Card.styl

@@ -191,7 +191,7 @@
 						font-size $fontSizeSmall - .1
 						margin-top -.5rem
 						.icon
-							fill $logo5
+							stroke $logo5
 		&__footer
 			color $dark40
 		&--small
@@ -272,7 +272,7 @@
 		.card--traffic &
 			background $traffic
 		.icon
-			fill $light
+			stroke $light
 	&__image
 		flex-grow 1
 		flex-shrink 0

package/src/components/Card/SimpleCard.js

@@ -43,6 +43,8 @@ class SimpleCard extends Component {
                         className="simplecard__favorite"
                         title={tr('Favorite Project')}
                         icon="star-filled"
+                        isFill
+                        size={18}
                         data-testid={`${testId}-icon`}
                     />
                 )}

package/src/components/Demo/skeletondemo.styl

@@ -155,7 +155,7 @@
             padding-left .5rem !important
             padding-right .5rem !important
             svg
-                fill $activeColor
+                stroke $activeColor
         &__indicator-separator
             background-color $activeColor
         &__multi-value

package/src/components/Dropdown/Dropdown.js

@@ -426,7 +426,7 @@ Dropdown.defaultProps = {
     openOnMouseEnter: false,
     btnFace: 'link-flex',
     btnFaceIcon: 'caret-bottom',
-    btnFaceIconSize: 24,
+    btnFaceIconSize: 22,
     btnTooltipText: null,
     btnTooltipDirection: null,
     testId: 'dropdown',

package/src/components/Flash/Flash.js

@@ -6,7 +6,7 @@ import Icon from '../Icon/Icon';
 export default class Flash extends Component {
     render() {
         const { children, icon, inverse, fill, type, shadowed, testId, ...rest } = this.props;
-        const iconComponent = icon ? <Icon size={24} icon={icon} /> : null;
+        const iconComponent = icon ? <Icon icon={icon} /> : null;
         return (
             <div
                 className={cl(

package/src/components/Flash/Flash.stories.js

@@ -51,7 +51,7 @@ const Template = () => (
         <div className="flex mbib mbi--large">
             <div className="flex mbi">
                 <Flash type="howto">Tip Howto</Flash>
-                <Flash type="howto" icon="tool">
+                <Flash type="howto" icon="marker">
                     Howto flash iconed
                 </Flash>
             </div>
@@ -68,7 +68,7 @@ const Template = () => (
         <div className="flex mbib mbi--large">
             <div className="flex mbi">
                 <Flash type="success">Success flash</Flash>
-                <Flash type="success" icon="enter">
+                <Flash type="success" icon="marker">
                     Success flash iconed
                 </Flash>
             </div>
@@ -76,7 +76,7 @@ const Template = () => (
                 <Flash type="success" inverse>
                     Success flash inverse
                 </Flash>
-                <Flash type="success" inverse icon="enter">
+                <Flash type="success" inverse icon="marker">
                     Success flash inverse iconed
                 </Flash>
             </div>

package/src/components/Flash/Flash.styl

@@ -11,7 +11,7 @@
 		min-height $buttonHeight
 		padding .9rem $padding
 	.icon
-		fill $secondary
+		stroke $secondary
 		flex-shrink 0
 	&--shadowed
 		box-shadow 0 0 1rem $dark8
@@ -30,7 +30,7 @@
 		&.flash--inverse
 			color $flashSuccess
 			.icon
-				fill $flashSuccess
+				stroke $flashSuccess
 
 	&--tip
 		&:not(.flash--inverse)
@@ -39,7 +39,7 @@
 		&.flash--inverse
 			color $flashTipInverse
 			.icon
-				fill $flashTipInverse
+				stroke $flashTipInverse
 	
 	&--howto
 		&:not(.flash--inverse)
@@ -48,7 +48,7 @@
 		&.flash--inverse
 			color $flashHowto
 			.icon
-				fill $flashHowto
+				stroke $flashHowto
 
 	&--warning
 		&:not(.flash--inverse)
@@ -57,7 +57,7 @@
 		&.flash--inverse
 			color $flashWarning
 			.icon
-				fill $flashWarning
+				stroke $flashWarning
 
 	&--error
 		&:not(.flash--inverse)
@@ -66,7 +66,7 @@
 		&.flash--inverse
 			color $flashError
 			.icon
-				fill $flashError
+				stroke $flashError
 
 	&--info
 		&:not(.flash--inverse)
@@ -75,4 +75,4 @@
 		&.flash--inverse
 			color $flashInfo
 			.icon
-				fill $flashInfo
+				stroke $flashInfo