@woosmap/ui 3.38.0 → 3.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.38.0",
+  "version": "3.42.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/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/style-website.styl

@@ -3,7 +3,6 @@
 
 // Specicif style - Do not change order
 @import "./website/mixins.styl"
-@import "./website/fonts.styl"
 @import "./website/variables.styl"
 @import "./website/colors.styl"
 

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

@@ -138,9 +138,6 @@ fullwh()
 	min-width 0
 	min-height 0
 
-inputFont()
-	font-family $fontFamily2
-
 wrapper()
 	trans()
 	margin 0 auto

package/src/styles/website/variables.styl

@@ -9,14 +9,10 @@ $gutter2c = 3rem
 $quoteIcon = 44rem
 
 
-$fontFamily = "Poppins", arial, sans-serif
-$fontFamily2 = 'Roboto Mono', monospace
-$fontSize = 1.8rem
-$lineHeight = $fontSize * 2 - .8
 $fontSizeSmall = $fontSize - .2
 $fontSizeMini  = $fontSize - .4
 $fontSizeNano  = $fontSize - .6
-$fontWeight = 400
+
 $fontSizeHeader = 1.3rem
 $fontSizeFooter = 1.6rem
 

package/src/styles/website/fonts.styl

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