@woosmap/ui 3.36.0 → 3.40.0

package/package.json

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

package/src/components/Card/Card.js

@@ -20,14 +20,6 @@ import addressImgSq from '../../images/products/product-address-sq.png';
 import mapImgSq from '../../images/products/product-map-sq.png';
 import trafficImgSq from '../../images/products/product-traffic-sq.png';
 import merchantImgSq from '../../images/products/product-merchant-sq.png';
-import localitiesImgSm from '../../images/products/product-localities-sm.png';
-import geolocationImgSm from '../../images/products/product-geolocation-sm.png';
-import storesImgSm from '../../images/products/product-stores-sm.png';
-import distanceImgSm from '../../images/products/product-distance-sm.png';
-import addressImgSm from '../../images/products/product-address-sm.png';
-import mapImgSm from '../../images/products/product-map-sm.png';
-import trafficImgSm from '../../images/products/product-traffic-sm.png';
-import merchantImgSm from '../../images/products/product-merchant-sm.png';
 
 const productImg = {
     LOCALITIES: localitiesImg,
@@ -49,16 +41,6 @@ const productImgSq = {
     TRAFFIC: trafficImgSq,
     MERCHANTS: merchantImgSq,
 };
-const productImgSm = {
-    LOCALITIES: localitiesImgSm,
-    GEOLOCATION: geolocationImgSm,
-    STORES: storesImgSm,
-    DISTANCE: distanceImgSm,
-    ADDRESS: addressImgSm,
-    MAP: mapImgSm,
-    TRAFFIC: trafficImgSm,
-    MERCHANTS: merchantImgSm,
-};
 
 class Header extends Component {
     render() {
@@ -128,7 +110,7 @@ class Card extends Component {
         let imgSize = size;
         switch (imgSize) {
             case 'normal':
-                imgSize = productImgSm[product];
+                imgSize = productImg[product];
                 break;
             case 'small':
                 imgSize = productImgSq[product];
@@ -137,7 +119,7 @@ class Card extends Component {
                 imgSize = productImg[product];
                 break;
             default:
-                imgSize = productImgSm[product];
+                imgSize = productImg[product];
         }
         return (
             <div

package/src/components/Card/Card.styl

@@ -13,7 +13,7 @@
 		align-items center
 		text-decoration none
 		color $secondary
-		font-weight 600
+		font-weight 700
 		padding-left 1.6rem
 		&.active
 			background $primary10
@@ -168,4 +168,4 @@
 		box-shadow 0 .2rem .4rem $dark60
 		text-transform uppercase
 		letter-spacing .1rem
-		font-weight 600
+		font-weight 700

package/src/components/DateTime/datetime.styl

@@ -97,7 +97,7 @@
 	.rdtSwitch
 		trans(.2s)
 		br()
-		font-weight 600 !important
+		font-weight 700 !important
 		font-size 1.8rem
 		height 3.4rem
 		vertical-align middle

package/src/components/Demo/MerchantDemo.styl

@@ -23,7 +23,7 @@
 		&__title
 			text-align center
 			font-size 1.2rem
-			font-weight 600
+			font-weight 700
 			margin 0 0 1rem 0
 	&__mobile
 		br(1)

package/src/components/Demo/skeletondemo.styl

@@ -175,7 +175,7 @@
 				&-container
 					color $inputDemoBgColor
 					.btn
-						padding 0 1.1rem
+						padding 0 .8rem
 						&:first-child
 							border-radius 2rem 0 0 2rem
 						&:last-child
@@ -185,6 +185,8 @@
 							background-color $activeColorDark
 							border-color $activeColorDark
 							color $inputDemoBgColor
+							&:hover
+								background-color $activeColorDark
 					&.language
 					&.transportation
 						mbi(.6)

package/src/styles/commons/mixins.styl

@@ -1,11 +1,3 @@
-font()
-	font-family $fontFamily
-	font-size $fontSize
-	font-weight $fontWeight
-	color $textColor
-	line-height $fontSize + .4
-	-webkit-font-smoothing antialiased
-	-moz-osx-font-smoothing grayscale
 fullw()
 	width 100%
 	min-width 0

package/src/styles/console/button.styl

@@ -547,7 +547,7 @@
 				color $secondary
 				background-color $primary6
 				border-color $secondary15
-				font-weight 600
+				font-weight 700
 			&:hover
 				color $secondary
 				background-color $primary6

package/src/styles/console/fonts.styl

@@ -1 +1 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700family=Roboto+Mono:wght@400;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Roboto+Mono:wght@400;600&display=swap')

package/src/styles/console/mixins.styl

@@ -1,3 +1,15 @@
+font()
+	font-family $fontFamily
+	font-size $fontSize
+	font-weight $fontWeight
+	color $textColor
+	line-height $fontSize + .4
+	-webkit-font-smoothing antialiased
+	-moz-osx-font-smoothing grayscale
+
+inputFont()
+	font-family $fontFamily2
+
 // Make square
 sq($size = $buttonHeight)
 	$size = unit($size, rem)
@@ -25,9 +37,6 @@ br($a = $borderRadius)
 	}
 	border-radius $a
 
-inputFont()
-	font-family $fontFamily2
-
 // Border and shadow style of dropdowns
 box()
 	br()

package/src/styles/console/tab.styl

@@ -68,6 +68,7 @@
 				.btn--tab
 					height auto
 					font-size $fontSizeDemo - .1
+					padding 0 .8rem
 					&:after
 						top 2.7rem
 		&__content

package/src/styles/website/dropdown.styl

@@ -98,15 +98,16 @@
 			justify-content center
 		&__menu
 			width 100%
-			max-width $wrapperReducedWidth
+			max-width 70rem
 			position relative
-			left auto !important
-			right auto !important
-			top auto !important
-			bottom auto !important
+			left auto
+			right auto
+			top auto
+			bottom auto
 			transform unset !important
-			margin-top 3rem !important
+			margin-top 3rem
 			flex-wrap wrap
+			justify-content center
 			&__section
 				flex-shrink 1
 				width 20rem

package/src/styles/website/mixins.styl

@@ -1,3 +1,15 @@
+font()
+	font-family $fontFamily
+	font-size $fontSize
+	font-weight $fontWeight
+	color $secondary
+	line-height $fontSize + .4
+	-webkit-font-smoothing antialiased
+	-moz-osx-font-smoothing grayscale
+
+inputFont()
+	font-family $fontFamily2
+
 f1()
 	font-size $title
 	font-weight 700
@@ -138,9 +150,6 @@ fullwh()
 	min-width 0
 	min-height 0
 
-inputFont()
-	font-family $fontFamily2
-
 wrapper()
 	trans()
 	margin 0 auto