@woosmap/ui 4.120.0 → 4.121.0

package/src/styles/website/colors.styl

@@ -1,341 +0,0 @@
-
-// Main colors
-$logo1 =  #4fc3f7
-$logo1Dark = #0BB1FC
-
-$logo2 =  #5586ff
-$logo2Dark = #376BED
-
-$logo3 = #3d5afe
-$logo3Dark = #2540D8
-
-$logo4 = #3949ab
-$logo4Dark = #212F88
-
-$logo5 = #c51162
-$logo5Dark = #A50A50
-
-$logo6 = #f50057
-$logo6Dark = #D5014C
-
-$logo7 = #ff5252
-$logo7Dark = #DB4545
-
-$logo8 =  #ffab00
-$logo8Dark = #E39800
-
-$linkColorLight = #01b3ff
-$linkColor = $logo3
-$linkColorHover = $logo8
-
-$enterprisePlan = #31436C
-$checked = #60CE97
-
-$primary = $logo3 // 3d5afe
-$primary90 = rgba(61, 90, 254, .9)
-$primary80 = rgba(61, 90, 254, .8)
-$primary70 = rgba(61, 90, 254, .7)
-$primary60 = rgba(61, 90, 254, .6)
-$primary50 = rgba(61, 90, 254, .5)
-$primary40 = rgba(61, 90, 254, .4)
-$primary30 = rgba(61, 90, 254, .3)
-$primary25 = rgba(61, 90, 254, .25)
-$primary20 = rgba(61, 90, 254, .2)
-$primary15 = rgba(61, 90, 254, .15)
-$primary14 = rgba(61, 90, 254, .14)
-$primary13 = rgba(61, 90, 254, .13)
-$primary12 = rgba(61, 90, 254, .12)
-$primary11 = rgba(61, 90, 254, .11)
-$primary10 = rgba(61, 90, 254, .1)
-$primary9 = rgba(61, 90, 254, .09)
-$primary8 = rgba(61, 90, 254, .08)
-$primary7 = rgba(61, 90, 254, .07)
-$primary6 = rgba(61, 90, 254, .06)
-$primary5 = rgba(61, 90, 254, .05)
-$primary4 = rgba(61, 90, 254, .04)
-$primary3 = rgba(61, 90, 254, .03)
-$primary2 = rgba(61, 90, 254, .02)
-$primary1 = rgba(61, 90, 254, .01)
-
-
-$secondary = #252525
-$secondary-medium60 = $secondary
-$secondary-medium40 = $secondary
-$secondary-medium30 = $secondary
-$secondary-medium25 = $secondary
-
-$bodyColor = #F8FAFD
-// Texts & Components
-$textColor = $secondary
-
-$category = #A6A9B4
-
-$darkGradient1 = #262D3E
-$darkGradient2 = #31436C
-
-$coloredGradient1 = $logo3
-$coloredGradient2 = $logo6
-$coloredGradient3 = $logo8
-
-$buttonHover = $success2
-$buttonBorderColor = #454545
-$borderColor = rgba($secondary, .24)
-
-$demo = #66b19b
-$demoLight = #deece8
-$demoActive = #d9f1ea
-
-$special = #FF368B
-$special2 = #ff3260
-$special3 =  #46cebc
-$focus = #3633ff
-
-$favorite = #ffc200
-
-$modalBg = rgba(0, 11, 31, .85)
-
-
-// Labels
-$labelBlue = #52a6e2
-$labelMauve = #7d74c7
-$labelGreen = #47bb90
-$labelGrey = #7a86a7
-$labelOrange = #dc9d40
-$labelRed = #dc4e7e
-
-// Metric
-$metricsProjects = rgba(71, 72, 107, 1) // #47486b
-$metricsProjects80 = rgba(71, 72, 107, .8) // #47486b
-$metricsProjects60 = rgba(71, 72, 107, .6) // #47486b
-$metricsProjects20 = rgba(71, 72, 107, .2) // #47486b
-$metricsProjects10 = rgba(71, 72, 107, .1) // #47486b
-$metricsProjects5 = rgba(71, 72, 107, .05) // #47486b
-$metricsAssets = $metricsProjects
-$metricsMembers = rgba(100, 107, 142, 1) // #646b8e
-$metricsMembers20 = rgba(100, 107, 142, .2) // #646b8e
-$metricsMembers10 = rgba(100, 107, 142, .1) // #646b8e
-$metricsMembers5 = rgba(100, 107, 142, .05) // #646b8e
-$metricsTeams = #839ba7
-
-$metricsTopProjects = rgba(237, 247, 249, 1) // #edf7f9
-$metricsLastCreatedProjects = rgba(233, 249, 242, 1) // #e9f9f2
-
-$apiKey = #595390
-
-// Privilege
-$superuser = #277ed7
-$staff = #ec4a8e
-$owner = #4e6d94
-$co-owner = #6fbb8a
-
-// Alerts
-$success2 = rgba(14, 206, 170, 1)// #0eceaa
-
-$success = rgba(47, 188, 114, 1)
-$success-light = #0ff1c6
-$success-dark = #0cc7a4
-
-$success80 = rgba(47, 188, 114, .8)
-$success70 = rgba(47, 188, 114, .7)
-$success60 = rgba(47, 188, 114, .6)
-$success50 = rgba(47, 188, 114, .5)
-$success20 = rgba(47, 188, 114, .2)
-$success50 = rgba(47, 188, 114, .5)
-
-$error = rgba(220, 55, 71, 1) // #FF1744
-$error-light = #ff6785
-$error-dark = #ca0f33
-
-$error50 = rgba(220, 55, 71, 5)
-$error12 = rgba(220, 55, 71, .12)
-$error30 = rgba(220, 55, 71, .3)
-
-$info = rgba(0, 124, 255, 1) // #00B0FF
-$info12 = rgba(0, 124, 255, .12)
-$info30 = rgba(0, 124, 255, .3)
-
-$warning = rgba(240, 116, 34, 1) // #ff6a00
-$warning12 = rgba(240, 116, 34, .12)
-$warning30 = rgba(240, 116, 34, .3)
-
-$tip = rgba(240, 186, 34, 1) // #f0ba22
-$tip12 = rgba(240, 186, 34, .12)
-$tip50 = rgba(240, 186, 34, .5)
-$tipInverse = rgba(223, 169, 16, 1)
-
-
-$flashError = $error
-$flashBgError = $error12
-$flashBorderError = $error30
-
-$flashSuccess = $success
-$flashBgSuccess = $success20
-$flashBorderSuccess = $success50
-
-$flashInfo = $info
-$flashBgInfo = $info12
-$flashBorderInfo = $info30
-
-$flashWarning = $warning
-$flashBgWarning = $warning12
-$flashBorderWarning = $warning30
-
-
-$flashTip = $tip
-$flashBgTip = $tip12
-$flashBorderTip = $tip50
-$flashTipInverse = $tipInverse
-
-$flashHowto = $howto
-$flashBgHowto = $howtoLight
-$flashBorderHowto = $howtoDark
-
-// Switch
-$switch-inactive=$dark40
-$switch-disabled= $dark10
-$switch-active= $success2
-$switch-focus= $primary
-
-
-// Tabs
-
-
-// DEMO
-$demoWrapper = $primary5
-$demoWrapper2 = $primary20
-$demoWrapperBorder = $light
-$result = $tabContent
-$resultDark = $tabHeaderDark
-$resultMatch = #ffe000
-
-
-//new version of demos
-$inputDemoBgColor = #f6f7f8
-$inputDemoBorderColor = #bcc4d7
-$inputDemoPlaceholderColor = #818ca5
-
-$activeColor = #7f98b3
-$activeColorDark = #4c657e
-
-// Inputs
-$inputBgColor = $light
-$inputBorderColor = $inputDemoBorderColor
-$placeHolderColor = $inputDemoPlaceholderColor
-
-
-
-
-$dark = rgba(0, 0, 0, 1)
-$dark90 = rgba(0, 0, 0, .9)
-$dark80 = rgba(0, 0, 0, .8)
-$dark70 = rgba(0, 0, 0, .7)
-$dark60 = rgba(0, 0, 0, .6)
-$dark50 = rgba(0, 0, 0, .5)
-$dark40 = rgba(0, 0, 0, .4)
-$dark35 = rgba(0, 0, 0, .35)
-$dark30 = rgba(0, 0, 0, .3)
-$dark25 = rgba(0, 0, 0, .25)
-$dark20 = rgba(0, 0, 0, .2)
-$dark15 = rgba(0, 0, 0, .15)
-$dark14 = rgba(0, 0, 0, .14)
-$dark13 = rgba(0, 0, 0, .13)
-$dark12 = rgba(0, 0, 0, .12)
-$dark11 = rgba(0, 0, 0, .11)
-$dark10 = rgba(0, 0, 0, .1)
-$dark9 = rgba(0, 0, 0, .09)
-$dark8 = rgba(0, 0, 0, .08)
-$dark7 = rgba(0, 0, 0, .07)
-$dark6 = rgba(0, 0, 0, .06)
-$dark5 = rgba(0, 0, 0, .05)
-$dark4 = rgba(0, 0, 0, .04)
-$dark3 = rgba(0, 0, 0, .03)
-$dark2 = rgba(0, 0, 0, .02)
-$dark1 = rgba(0, 0, 0, .01)
-
-$light = rgba(255, 255, 255, 1)
-$light90 = rgba(255, 255, 255, .9)
-$light80 = rgba(255, 255, 255, .8)
-$light70 = rgba(255, 255, 255, .7)
-$light60 = rgba(255, 255, 255, .6)
-$light50 = rgba(255, 255, 255, .5)
-$light40 = rgba(255, 255, 255, .4)
-$light30 = rgba(255, 255, 255, .3)
-$light20 = rgba(255, 255, 255, .2)
-$light10 = rgba(255, 255, 255, .1)
-$light9 = rgba(255, 255, 255, .09)
-$light8 = rgba(255, 255, 255, .08)
-$light7 = rgba(255, 255, 255, .07)
-$light6 = rgba(255, 255, 255, .06)
-$light5 = rgba(255, 255, 255, .05)
-$light4 = rgba(255, 255, 255, .04)
-$light3 = rgba(255, 255, 255, .03)
-$light2 = rgba(255, 255, 255, .02)
-$light1 = rgba(255, 255, 255, .01)
-
-
-
-// Products
-
-$search = #388aff
-$search10 = rgba($search, .1)
-$searchDark = #216FCE
-
-$localities = #009DFF
-$localities10 = rgba($localities, .1)
-$localitiesDark = #0085D8
-
-$address = #4AC6F2
-$address10 = rgba($address, .1)
-$addressDark = #0D9ED1
-
-$multiSearch = #688FCE
-$multiSearch10 = rgba($multiSearch, .1)
-$multiSearchDark = #3A68B2
-
-$geolocation = #506BDE
-$geolocation10 = rgba($geolocation, .1)
-$geolocationDark = #3755B5
-
-
-$merchant = #7F8A98
-$merchant10 = rgba($merchant, .1)
-$merchantDark = #4F5D6E
-
-$indoor = #B7B38B
-$indoor10 = rgba($indoor, .1)
-$indoorDark = #77735A
-
-$storeLocator = #82A1A7
-$storeLocator10 = rgba($storeLocator, .1)
-$storeLocatorDark = #546D72
-
-$geofencing = #939AB1
-$geofencing10 = rgba($geofencing, .1)
-$geofencingDark = #59617C
-
-$connectors = #A193BC
-$connectors10 = rgba($connectors, .1)
-$connectorsDark = #6C5E88
-
-
-$distance = #FF8A65
-$distance10 = rgba($distance, .1)
-$distanceDark = #E06138
-
-$traffic = #FF6565
-$traffic10 = rgba($traffic, .1)
-$trafficDark = #E04B4B
-
-
-$map = #A1887F
-$map10 = rgba($map, .1)
-$mapDark = #7F6C66
-
-$mapping = #B9715A
-$mapping10 = rgba($mapping, .1)
-$mappingDark = #935544
-
-
-$showcases = #68668E
-$showcases10 = rgba($showcases, .1)
-$showcasesDark = #444177

package/src/styles/website/dropdown.styl

@@ -1,130 +0,0 @@
-.dropdown
-	&__menu
-		&.s
-			top 3.7rem
-		&__section
-			padding 1.6rem
-			width 24rem
-		&__item
-			font-size 1.3rem
-			line-height 2.4rem
-			display flex
-			flex-direction column
-			align-items flex-start
-			justify-content center
-			flex-shrink 0
-			border-radius $borderRadius !important
-			height auto !important
-			min-height $buttonHeight + 1.1rem !important
-			text-overflow unset
-			white-space normal
-			overflow unset
-			> :not(.btn):not(.popover__child)
-				trans()
-				min-height $buttonHeight + 1.1rem !important
-				padding 0 1.2rem 0 .6rem
-				text-decoration none
-				flex-shrink 0
-				cursor pointer
-				&:hover
-					background-color $dark2 !important
-					color $dark !important
-					.dropdown__menu__item
-						&__icon
-							background-color $logo4 !important
-							.icon
-								fill $light !important
-							&.search
-								background $searchDark !important
-							&.localities
-								background $localitiesDark !important
-							&.address
-								background $addressDark !important
-							&.multisearch
-								background $multiSearchDark !important
-							&.geolocation
-								background $geolocationDark !important
-							&.merchant
-								background $merchantDark !important
-							&.storelocator
-								background $storeLocatorDark !important
-							&.geofencing
-								background $geofencingDark !important
-							&.connectors
-								background $connectorsDark !important
-							&.distance
-								background $distanceDark !important
-							&.traffic
-								background $trafficDark !important
-							&.map
-								background $mapDark !important
-							&.mapping
-								background $mappingDark !important
-							&.showcases
-								background $showcasesDark !important
-							&.indoor
-								background $indoorDark !important
-						&__desc
-							color $dark !important
-			&__title
-				font-size 1.1rem
-				text-transform uppercase
-				color $category
-				font-weight 600
-				padding 0 0 0 .6rem
-				position relative
-				left -.6rem
-			&__icon
-				br()
-				sq(4.2)
-				trans()
-				display flex
-				align-items center
-				justify-content center
-				flex-shrink 0
-				background $logo2
-				margin-right 1rem
-				.icon
-					fill #fff !important
-			&__container
-				width 100%
-				min-width 0
-				line-height 1.7rem
-			&__name
-				font-weight 600
-				white-space normal
-			&__desc
-				color $category
-	.category
-		flex-shrink 0
-		margin-top 2rem
-.dropdown.wide
-	position unset
-	.dropdown
-		&__container
-			position absolute
-			top 4rem
-			left 0
-			width 100%
-			display flex
-			align-items flex-start
-			justify-content center
-		&__menu
-			width 100%
-			max-width 80rem
-			position relative
-			left auto
-			right auto
-			top auto
-			bottom auto
-			transform unset !important
-			margin-top 3rem
-			flex-wrap wrap
-			justify-content center
-			&__section
-				flex-shrink 1
-				width 23rem
-				margin 0 1rem 3rem 1rem
-				padding 0
-			&--section
-				padding 1.6rem 0.6rem 1rem 0.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');

package/src/styles/website/input.styl

@@ -1,210 +0,0 @@
-.input
-	width 100%
-	font-size 1.3rem
-	&:focus
-		.input__item
-			&:not([type=button]):not([type=checkbox]):not([type=radio])
-				border-color $secondary
-		.icon
-			transition none
-			stroke $secondary
-	&__container
-		position relative
-	&__label
-		display block
-		margin-bottom 1rem
-		.input--large &
-			margin-bottom 1rem
-			font-size $inputFontSizeLarge
-		.input--small &
-			margin-bottom .6rem
-			font-size $inputFontSizeSmall
-	&__error
-		color $error
-		display block
-		margin .5rem 0 .5rem 0
-	&--iconed
-	&--password-toggle
-		.icon
-			stroke $inputBorderColor
-			fill none
-			position absolute
-			left 1rem
-			top .8rem
-			stroke-width .14rem
-		&.input--large
-			.icon
-				left 1.2rem
-				top 1rem
-		&.input--filter
-			.icon
-				left -.4rem
-				top .7rem
-			&.input--large
-				.icon
-					left -.4rem
-					top 1.1rem
-			&.input--small
-				.icon
-					left -.4rem
-					top .3rem
-		&.input--small
-			.icon
-				left .8rem
-				top .4rem
-	&--iconed
-		&.input--password-toggle
-			.password-toggle
-				position absolute
-				right 1rem
-				top .7rem
-				.icon
-					position relative
-					top auto
-					left auto
-		&.input--large
-			.password-toggle
-				right 1.2rem
-				top 1rem
-				.icon
-					position relative
-					top auto
-					left auto
-		&.input--small
-			.password-toggle
-				right .8rem
-				top .4rem
-				.icon
-					position relative
-					top auto
-					left auto
-		&.input--filter
-			.password-toggle
-				right -.4rem
-				top .7rem
-				.icon
-					position relative
-					top auto
-					left auto
-			&.input--large
-				.password-toggle
-					right -.4rem
-					top 1.1rem
-					.icon
-						position relative
-						top auto
-						left auto
-			&.input--small
-				.password-toggle
-					right -.4rem
-					top .3rem
-					.icon
-						position relative
-						top auto
-						left auto
-
-	&--checkbox
-	&--radio
-		position relative
-		.input__label
-			cursor pointer
-	&--disabled
-		.input
-			&__item
-			&__label
-				cursor default !important
-				opacity .4
-	&__line
-		.input--checkbox &
-		.input--radio &
-			display flex
-			align-items center
-			line-height 1
-			.input__label
-				order 1
-				margin 0 0 0 1rem
-	&__item
-		&:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
-			height $inputHeight
-			padding $inputPadding
-			.input--large &
-				height $inputHeightLarge
-				padding $inputPaddingLarge
-			.input--small &
-				height $inputHeightSmall
-				padding $inputPaddingSmall
-			.input--filter &
-				padding 0
-		&:not([type=button]):not([type=checkbox]):not([type=radio])
-			br()
-			placeholder($inputDemoPlaceholderColor)
-			inputFont()
-			font-size 1.3rem
-			min-width $inputMinWidth
-			width 100%
-			background-color $inputDemoBgColor
-			border .1rem solid $inputDemoBorderColor
-			.mini &
-				max-width 6rem
-				min-width 6rem
-				text-align center
-			.input--filter &
-				br(0)
-				border-width 0 0 .1rem 0
-				background-color transparent
-				&:focus
-					border-color $secondary
-			.input--iconed &
-			.input--password-toggle &
-				padding-left 4rem
-			.input--large &
-				font-size $inputFontSizeLarge
-				line-height $inputLineHeightLarge
-			.input--password-toggle.input--large &
-			.input--iconed.input--large &
-				padding-left 4.6rem
-			.input--filter.input--password-toggle &
-			.input--filter.input--iconed &
-				padding-left 2.6rem
-				padding-bottom 0
-			.input--filter.input--password-toggle.input--large &
-			.input--filter.input--iconed.input--large &
-				padding-left 2.8rem
-				padding-bottom 0
-			.input--filter.input--password-toggle.input--small &
-			.input--filter.input--iconed.input--small &
-				padding-left 2.4rem
-				padding-bottom .4rem
-			.input--small &
-				font-size $inputFontSizeSmall
-				min-width $inputHeightSmall
-			.input--password-toggle.input--small &
-			.input--iconed.input--small &
-				padding-left 3.4rem
-			.input--noborder &
-				border 0
-			&.error
-				border-color $error
-			&:focus
-				border-color $secondary
-		&[type=textarea]
-			padding round($padding / 1.7) $padding
-			height $inputHeight * 2
-		&[type=radio]
-			all revert
-			cursor pointer
-		&[type=checkbox]
-			all revert
-			cursor pointer
-			line-height revert
-		&[type=number]
-			-moz-appearance textfield
-input::-webkit-outer-spin-button
-input::-webkit-inner-spin-button
-	-webkit-appearance none
-	margin 0
-input[type="search"]
-	&::-webkit-search-cancel-button
-	&::-webkit-search-decoration
-		&:hover
-			cursor pointer