@woosmap/ui 3.58.0 → 3.59.0

package/package.json

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

package/src/components/Icon/Icon.js

@@ -9,6 +9,7 @@ import { ReactComponent as Cars } from '../../icons/cars.svg';
 import { ReactComponent as Elephant } from '../../icons/elephant.svg';
 import { ReactComponent as Github } from '../../icons/github.svg';
 import { ReactComponent as Green } from '../../icons/green.svg';
+import { ReactComponent as HouseInsurance } from '../../icons/house-insurance.svg';
 import { ReactComponent as Integrations } from '../../icons/integrations.svg';
 import { ReactComponent as Like } from '../../icons/like.svg';
 import { ReactComponent as MapHd } from '../../icons/map-hd.svg';
@@ -20,7 +21,7 @@ import { ReactComponent as PuzzleStar } from '../../icons/puzzle-star.svg';
 import { ReactComponent as SaveMoney } from '../../icons/save-money.svg';
 import { ReactComponent as Schedule } from '../../icons/schedule.svg';
 import { ReactComponent as Security } from '../../icons/security.svg';
-import { ReactComponent as Speed } from '../../icons/speed.svg';
+import { ReactComponent as Speed, ReactComponent as StarFilled } from '../../icons/speed.svg';
 import { ReactComponent as World } from '../../icons/world.svg';
 import { ReactComponent as Zoom } from '../../icons/zoom.svg';
 
@@ -120,7 +121,6 @@ import { ReactComponent as SeePage } from '../../icons/see-page.svg';
 import { ReactComponent as Settings } from '../../icons/settings.svg';
 import { ReactComponent as Shield } from '../../icons/shield.svg';
 import { ReactComponent as Star } from '../../icons/star.svg';
-import { ReactComponent as StarFilled } from '../../icons/star-filled.svg';
 import { ReactComponent as Support } from '../../icons/support.svg';
 import { ReactComponent as Switch } from '../../icons/switch.svg';
 import { ReactComponent as Team } from '../../icons/team.svg';
@@ -161,6 +161,7 @@ const Icons = {
     elephant: Elephant,
     github: Github,
     green: Green,
+    'house-insurance': HouseInsurance,
     integrations: Integrations,
     like: Like,
     'map-hd': MapHd,

package/src/icons/house-insurance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M84.569 53.277a6.919 6.919 0 0 0-9.786 0l-8.932 8.933a6.926 6.926 0 0 0-6.842-5.939H41.557a13.641 13.641 0 0 0-8.929 3.329l-6.877 5.95-1.961-3.15-11.655 7.245 14.318 23.02 11.653-7.249-1.46-2.349h19.093a21.175 21.175 0 0 0 15.07-6.242l13.76-13.761a6.918 6.918 0 0 0 0-9.787ZM27.416 88.533 16.268 70.607l6.559-4.079 11.149 17.925Zm55.032-27.59L68.687 74.7a18.193 18.193 0 0 1-12.948 5.363H34.78l-7.425-11.934 7.236-6.262a10.646 10.646 0 0 1 6.966-2.6h17.452a3.921 3.921 0 0 1 0 7.841H48.134v3h10.875a6.918 6.918 0 0 0 .9-.066v.066A5.46 5.46 0 0 0 63.8 68.5l13.1-13.1a4.015 4.015 0 0 1 5.544 0 3.919 3.919 0 0 1 0 5.545ZM49.047 51.229a1.5 1.5 0 0 0 1.205 0 32.766 32.766 0 0 0 19.6-30v-5.992a1.5 1.5 0 0 0-1.052-1.432L50.1 7.969a1.5 1.5 0 0 0-.893 0L30.5 13.805a1.5 1.5 0 0 0-1.054 1.432v5.988a32.767 32.767 0 0 0 19.601 30.004ZM32.441 16.341l17.208-5.368 17.207 5.368v4.884a29.763 29.763 0 0 1-17.207 26.984 29.767 29.767 0 0 1-17.208-26.984Z"/><path d="M46.264 30.039h7.046l-.164 5.627h5.728V23.409l-9.251-7.39-9.252 7.39v12.257H46.1l.164-5.627z"/></svg>

package/src/styles/website/card.styl

@@ -12,6 +12,9 @@
 	background $light
 	color $textColor
 	cursor pointer
+	&-wrapper-link
+		width 33rem
+		margin 2rem 2rem 4rem 2rem
 	&-container
 		margin 0 auto
 		max-width 103rem
@@ -112,7 +115,7 @@
 			background-position 50% 50%
 			opacity .7
 	&__body
-		padding 0 $cardPadding
+		padding $cardPadding $cardPadding 0 $cardPadding
 	&__footer
 		padding $cardPadding
 	&__boxlink
@@ -150,6 +153,53 @@
 				flex-grow 1
 			&__footer
 				padding 0
+	&--testimonial
+		width 36rem
+		margin 2rem 2rem 4rem 2rem
+		.wcard
+			&__header
+				display flex
+				align-items center
+				justify-content center
+				flex-shrink 0
+			&__content
+				padding 2rem 4rem
+				height 100%
+			&__face
+				br(50)
+				sq(12)
+				border .2rem solid $light
+				box-shadow 0 0 2rem $dark10
+			&__quote
+				f4()
+				font-style italic
+				font-weight 400
+				text-align center
+				min-height 14.5rem
+				margin-bottom 3rem
+				overflow hidden
+				text-overflow ellipsis
+				display -webkit-box
+				-webkit-line-clamp 5
+				-webkit-box-orient vertical
+			&__stars
+				text-align center
+				height 4.4rem
+				.icon
+					sq(3)
+					fill $logo8
+			&__footer
+				background-color $dark3
+				border-top .1rem solid $dark6
+				padding 0 4rem
+				height 12.5rem
+				display flex
+				align-items center
+				justify-content center
+				flex-shrink 0
+			&__author-name
+				font-weight 700
+				margin-bottom .6rem
 	&--small
 		max-width 28rem
 		flex-shrink 1

package/src/styles/website/mixins.styl

@@ -158,7 +158,7 @@ wrapper()
 	width 100%
 
 textShadow($c = $dark30)
-	text-shadow .1rem .1rem .1rem $c
+	text-shadow .2rem .2rem 0 $c
 
 tilt()
 	transform skewY(-2deg)