@woosmap/ui 3.37.0 → 3.41.0

package/package.json

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

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/components/Icon/Icon.js

@@ -101,6 +101,7 @@ import { ReactComponent as MenuCircleVertical } from '../../icons/menu-circle-ve
 import { ReactComponent as MenuHorizontal } from '../../icons/menu-horizontal.svg';
 import { ReactComponent as MenuCircleHorizontal } from '../../icons/menu-circle-horizontal.svg';
 import { ReactComponent as Metrics } from '../../icons/metrics.svg';
+import { ReactComponent as More } from '../../icons/more.svg';
 import { ReactComponent as Organization } from '../../icons/organization.svg';
 import { ReactComponent as Organizations } from '../../icons/organizations.svg';
 import { ReactComponent as Phone } from '../../icons/phone.svg';
@@ -246,6 +247,7 @@ const Icons = {
     members: Members,
     member: Member,
     metrics: Metrics,
+    more: More,
     'menu-vertical': MenuVertical,
     'menu-circle-vertical': MenuCircleVertical,
     'menu-horizontal': MenuHorizontal,

package/src/icons/more.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.653 8.293c.688-.243.76-1.135.517-1.823s-1.136-.759-1.823-.516-.76 1.136-.517 1.823 1.136.759 1.823.516ZM12.653 13.17c.688-.244.76-1.136.517-1.823s-1.136-.76-1.823-.517-.76 1.136-.517 1.823 1.136.76 1.823.517ZM12.653 18.046c.688-.243.76-1.136.517-1.823s-1.136-.759-1.823-.516-.76 1.135-.517 1.823 1.136.759 1.823.516Z"/></svg>

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