@woosmap/ui 3.21.0 → 3.25.0

package/package.json

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

package/src/components/Demo/SkeletonDemo.js

@@ -160,13 +160,13 @@ export default class SkeletonDemo extends Component {
     };
 
     render() {
-        const { result, request, response, renderCode, withMap, mainContent } = this.props;
+        const { result, request, response, renderCode, withMap, mainContent, className } = this.props;
         const { copied } = this.state;
         const filters = this.renderHeaderFilters();
         const filters2 = this.renderFooterFilters();
         const tagLine = this.renderHeaderTagline();
         return (
-            <article className="demo">
+            <article className={cl('demo', className)}>
                 <div className="demo__content">
                     <div className="demo__showcase">
                         {(tagLine || filters || filters2) && (
@@ -176,10 +176,12 @@ export default class SkeletonDemo extends Component {
                                 {filters2}
                             </div>
                         )}
-                        <div className="demo__map">
-                            {withMap && <div className="map" ref={this.mapDivRef} />}
-                            {mainContent}
-                        </div>
+                        {withMap && (
+                            <div className="demo__map">
+                                <div className="map" ref={this.mapDivRef} />
+                            </div>
+                        )}
+                        {mainContent && <div className="demo__content">{mainContent}</div>}
                     </div>
                     <div className="demo__data">
                         {result && (
@@ -249,6 +251,7 @@ SkeletonDemo.defaultProps = {
     body: '',
     method: '',
     withMap: false,
+    className: '',
 };
 SkeletonDemo.propTypes = {
     renderCode: PropTypes.func,
@@ -264,4 +267,5 @@ SkeletonDemo.propTypes = {
     body: PropTypes.string,
     method: PropTypes.string,
     response: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+    className: PropTypes.string,
 };

package/src/styles/commons/base.styl

@@ -9,10 +9,7 @@ html
 body
 	width 100%
 	height 100%
-body
-input
-textaera
-	font()
+
 pre
 code
 	box-sizing border-box

package/src/styles/console/fonts.styl

@@ -1 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+
+body
+input
+textarea
+select
+	font()

package/src/styles/next-website/MerchantDemo.styl

@@ -3,6 +3,8 @@
 		trans()
 		display flex
 		justify-content center
+		align-items center
+		height 100%
 		width 100%
 		zoom .9
 		padding 2rem
@@ -10,7 +12,6 @@
 	&__mobilewrapper
 		trans()
 		position relative
-		height 100%
 		margin 3rem
 	&__mobilecontainer
 		position relative

package/src/styles/next-website/demo.styl

@@ -251,4 +251,6 @@
 			border-bottom .1rem solid rgba($secondary, .1)
 			border-right 0
 		&__map
-			height 32rem
+			height 32rem
+			.demo--merchant &
+				height auto

package/src/styles/next-website/font.styl

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

package/src/styles/website/fonts.styl

@@ -1 +1,7 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+body
+input
+textarea
+select
+	font()