@woosmap/ui 3.56.0 → 3.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.56.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';
 
@@ -57,6 +58,7 @@ import { ReactComponent as Chat } from '../../icons/chat.svg';
 import { ReactComponent as Check } from '../../icons/check.svg';
 import { ReactComponent as Checked } from '../../icons/checked.svg';
 import { ReactComponent as CheckCircle } from '../../icons/check-circle.svg';
+import { ReactComponent as CheckSquare } from '../../icons/check-square.svg';
 import { ReactComponent as Clock } from '../../icons/clock.svg';
 import { ReactComponent as ClockReversed } from '../../icons/clock-reversed.svg';
 import { ReactComponent as Close } from '../../icons/close.svg';
@@ -119,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';
@@ -160,6 +161,7 @@ const Icons = {
     elephant: Elephant,
     github: Github,
     green: Green,
+    'house-insurance': HouseInsurance,
     integrations: Integrations,
     like: Like,
     'map-hd': MapHd,
@@ -208,6 +210,7 @@ const Icons = {
     check: Check,
     checked: Checked,
     'check-circle': CheckCircle,
+    'check-square': CheckSquare,
     clock: Clock,
     'clock-reversed': ClockReversed,
     close: Close,

package/src/icons/check-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.66 16.524a.549.549 0 0 1-.3-.085 12.592 12.592 0 0 1-3.536-3.295l-.605-.834a.56.56 0 0 1 .906-.659l.605.834a11.5 11.5 0 0 0 2.874 2.779 32.873 32.873 0 0 0 5.716-6.708l.529-.824a.56.56 0 0 1 .942.606l-.529.823a33.971 33.971 0 0 1-6.238 7.226.553.553 0 0 1-.364.137Z"/><path d="M11.883 20.908A21.2 21.2 0 0 1 5.437 19.9a3.023 3.023 0 0 1-2.114-2.89V7.068a3.04 3.04 0 0 1 2.023-2.861 19.678 19.678 0 0 1 13.074 0 3.04 3.04 0 0 1 2.023 2.861v9.942a3.022 3.022 0 0 1-2.113 2.89 21.2 21.2 0 0 1-6.447 1.008Zm0-16.7a18.5 18.5 0 0 0-6.164 1.056 1.916 1.916 0 0 0-1.276 1.8v9.946a1.909 1.909 0 0 0 1.334 1.824 20.036 20.036 0 0 0 12.213 0 1.908 1.908 0 0 0 1.333-1.824V7.068a1.915 1.915 0 0 0-1.276-1.8 18.49 18.49 0 0 0-6.164-1.059Zm6.277 15.159Z"/></svg>

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/colors.styl

@@ -279,7 +279,7 @@ $light1 = rgba(255, 255, 255, .01)
 
 $search = #388aff
 $search10 = rgba($search, .1)
-$searchDark = #0D63DD
+$searchDark = #216FCE
 
 $localities = #009DFF
 $localities10 = rgba($localities, .1)
@@ -295,13 +295,17 @@ $multiSearchDark = #3A68B2
 
 $geolocation = #506BDE
 $geolocation10 = rgba($geolocation, .1)
-$geolocationDark = #1F40CC
+$geolocationDark = #3755B5
 
 
 $merchant = #7F8A98
 $merchant10 = rgba($merchant, .1)
 $merchantDark = #4F5D6E
 
+$indoor = #B7B38B
+$indoor10 = rgba($indoor, .1)
+$indoorDark = #999471
+
 $storeLocator = #82A1A7
 $storeLocator10 = rgba($storeLocator, .1)
 $storeLocatorDark = #546D72
@@ -326,11 +330,11 @@ $trafficDark = #E04B4B
 
 $map = #A1887F
 $map10 = rgba($map, .1)
-$mapDark = #906455
+$mapDark = #7F6C66
 
 $mapping = #B9715A
 $mapping10 = rgba($mapping, .1)
-$mappingDark = #96503A
+$mappingDark = #935544
 
 
 $showcases = #68668E

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)