@woosmap/ui 4.201.0 → 4.202.0

package/package.json

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

package/src/components/Demo/AutocompleteAddressDemo.js

@@ -394,12 +394,9 @@ export default class AutocompleteAddressDemo extends Component {
 
     render() {
         const { withMap, error, selectedLocality } = this.state;
-        const { isDarkMode } = this.props;
+
         return (
-            <article
-                className={`showcase showcase--autocomplete ${isDarkMode ? 'showcase-dark' : ''}`}
-                id="autocomplete-demo"
-            >
+            <article className="showcase showcase--autocomplete" id="autocomplete-demo">
                 {withMap && <Script url={Constants.woosmapMapSdkUrl} />}
                 <div className="showcase-wrapper">
                     <h2 className="showcase-title">Autocomplete Demo</h2>
@@ -445,10 +442,8 @@ export default class AutocompleteAddressDemo extends Component {
 }
 
 AutocompleteAddressDemo.defaultProps = {
-    isDarkMode: false,
     country: null,
 };
 AutocompleteAddressDemo.propTypes = {
-    isDarkMode: PropTypes.bool,
     country: PropTypes.string,
 };

package/src/components/Demo/showcase.styl

@@ -185,31 +185,32 @@ $darkSec = $dark20
 								border-radius 0 $borderRadius 0 0 !important
 						&__menu
 							border-radius 0 0 $borderRadius $borderRadius !important
-	&.showcase-dark
-		.showcase
-			&-header
-				border .1rem solid $dark
-				.showcase-filter:not(:last-child)
-					border-right .1rem solid $light10
-			&-result
-				border .1rem solid $dark
-				.input
-					&__label
-						color $light
-					&__item:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
-						background-color $darkSec
-						border .1rem solid $dark40
-						color $light
-						placeHolderColor($light20)
-				&-request
-					background-color $darkMain
-					border-color $dark
-				&-response
-					background-color #0d122d
-				h4
+.showcase-dark
+	.showcase
+		&-header
+			border .1rem solid $dark
+			.showcase-filter:not(:last-child)
+				border-right .1rem solid $light10
+		&-result
+			border .1rem solid $dark
+			.input
+				&__label
 					color $light
-				pre
-					color $light !important
+				&__item:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=textarea])
+					background-color $darkSec
+					border .1rem solid $dark40
+					color $light
+					placeHolderColor($light20)
+			&-request
+				background-color $darkMain
+				border-color $dark
+			&-response
+				background-color #0d122d
+			h4
+				color $light
+			pre
+				color $light !important
+	.showcase
 		&.showcase--autocomplete
 			.select
 			.asyncselect
@@ -245,36 +246,36 @@ $darkSec = $dark20
 					&--is-focused:not(.select__option--is-selected)
 						color $light !important
 						background-color #2a3ea0!important
-		.tab
-			background-color $darkMain
-			&__header
-				&__buttons
-					li
-						&:not(:last-child)
-							border-right .1rem solid $dark60
-		.btn--tab
-			color $light60
-			background-color $dark30
-			&:disabled
-				color $light60 !important
-				background-color $dark50 !important
-				&:after
-					background $dark20
-				&:hover
-					&:after
-						background $dark20
+	.tab
+		background-color $darkMain
+		&__header
+			&__buttons
+				li
+					&:not(:last-child)
+						border-right .1rem solid $dark60
+	.btn--tab
+		color $light60
+		background-color $dark30
+		&:disabled
+			color $light60 !important
+			background-color $dark50 !important
 			&:after
 				background $dark20
 			&:hover
-				color $light
-				background $dark50
 				&:after
-					background $dark80
-			&.active
-				color $light
-				background-color transparent
+					background $dark20
+		&:after
+			background $dark20
+		&:hover
+			color $light
+			background $dark50
+			&:after
+				background $dark80
+		&.active
+			color $light
+			background-color transparent
+			&:after
+				background $darkMain
+			&:hover
 				&:after
-					background $darkMain
-				&:hover
-					&:after
-						background $darkMain
+					background $darkMain