@designcrowd/fe-shared-lib 1.0.6 → 1.0.7-ast-modal-disable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.6",
+  "version": "1.0.7-ast-modal-disable",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/atoms/components/Icon/Icon.stories.js

@@ -244,6 +244,8 @@ export const IconSample = () => {
           { name: 'website' },
           { name: 'wholesale' },
           { name: 'zoom' },
+          { name: 'zoom-in' },
+          { name: 'zoom-out' },
           { name: 'background' },
           { name: 'content' },
           { name: 'images' },

package/src/atoms/components/Icon/Icon.vue

@@ -289,6 +289,8 @@ import IconWebsite from './icons/website.vue';
 import IconWebsiteFilled from './icons/website-filled.vue';
 import IconWholesale from './icons/wholesale.vue';
 import IconZoom from './icons/zoom.vue';
+import IconZoomIn from './icons/zoom-in.vue';
+import IconZoomOut from './icons/zoom-out.vue';
 import IconGodaddy from './icons/godaddy/logo.vue';
 import IconSocialShare from './icons/social-share.vue';
 import IconIconStyleNoBg from './icons/icon-style-no-bg.vue';
@@ -638,6 +640,8 @@ export default {
     IconWebsiteFilled,
     IconWholesale,
     IconZoom,
+    IconZoomIn,
+    IconZoomOut,
     IconReset,
     IconUndo,
     IconRedo,

package/src/atoms/components/Icon/icons/zoom-in.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H7.38488V9.10976C7.38488 9.31268 7.28341 9.41415 7.08049 9.41415H6.47171C6.26878 9.41415 6.16732 9.31268 6.16732 9.10976V7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H6.16732V4.44244C6.16732 4.23951 6.26878 4.13805 6.47171 4.13805H7.08049C7.28341 4.13805 7.38488 4.23951 7.38488 4.44244V6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/zoom-out.vue

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Modal/Modal.vue

@@ -139,6 +139,11 @@ export default {
       required: false,
       default: true,
     },
+    disableBodyScrollOnVisible: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   computed: {
     isImageMode() {
@@ -147,6 +152,13 @@ export default {
   },
   watch: {
     visible(visible) {
+      if (this.disableBodyScrollOnVisible) {
+        if (visible) {
+          document.getElementsByTagName('body')[0]?.classList.add('tw-overflow-hidden');
+        } else {
+          document.getElementsByTagName('body')[0]?.classList.remove('tw-overflow-hidden');
+        }
+      }
       if (visible && this.closeOnEsc) {
         document.addEventListener('keydown', this.closeModalOnKeyDown);
       } else {