Directives fix

src/components/NBtn/NBtn.vue

@@ -1,17 +1,11 @@
 <script>
 import NButtonContent from './NBtnContent';
-import strokeBtn from './../../directives/NStrokeBtn.js'
-import flatBtn from './../../directives/NFlatBtn.js'
 
 export default {
     name: 'nitrozen-button',
     components: {
         NButtonContent
     },
-    directives: {
-        strokeBtn,
-        flatBtn
-    },
     props: {
         href: {
             type: String,
@@ -45,13 +39,24 @@ export default {
         },
         icon: {
             type: String
+        },
+        flat: {
+            type: Boolean,
+            default: false
+        },
+        stroke: {
+            type: Boolean,
+            default: false
         }
     },
     render(createElement) {
         const slotElement = createElement('n-button-content', {
             props: {
                 showProgress: this.showProgress,
-                icon: this.icon
+                icon: this.icon,
+                flat: this.flat,
+                stroke: this.stroke,
+                theme: this.theme
             }
         }, this.$slots.default)
 

src/components/NBtn/NBtnContent.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="n-button-content" :class="{'disable-click':showProgress}">
+<div class="n-button-content" :class="nitrozenButtonClass">
     <div class="social-icon" v-if="icon">
         <img v-if="icon == 'facebook'" src="./../../assets/facebook-icon.png">
         <!-- <img v-if="icon == 'bag'" src="./../../assets/Bag_Icon.svg"> -->
@@ -21,6 +21,28 @@ export default {
         },
         icon: {
             type: String
+        },
+        flat: {
+            type: Boolean
+        },
+        stroke: {
+            type: Boolean
+        },
+        theme: {
+            type: String
+        }
+    },
+    computed: {
+        nitrozenButtonClass() {
+            return {
+                'disable-click':this.showProgress,
+                'n-flat-button': this.flat == true,
+                'n-flat-button-primary': this.flat == true && this.theme == 'primary',
+                'n-flat-button-secondary': this.flat == true && this.theme == 'secondary',
+                'n-button-stroke': this.stroke == true,
+                'n-button-stroke-primary': this.stroke == true && this.theme == 'primary',
+                'n-button-stroke-secondary': this.stroke == true && this.theme == 'secondary',
+            }
         }
     }
 }

src/components/NDialog/NDialog.vue

@@ -32,7 +32,6 @@
               <nitrozen-button
                 v-if="positiveButtonLabel"
                 :theme="`${theme || 'secondary'}`"
-                v-flatBtn
                 class="nitrozen-dialog-footer-button-margin"
                 @click="close(positiveButtonLabel)"
                 >{{ positiveButtonLabel }}</nitrozen-button
@@ -47,7 +46,6 @@
               <nitrozen-button
                 v-if="negativeButtonLabel"
                 :theme="`${theme || 'secondary'}`"
-                v-strokeBtn
                 @click="close(negativeButtonLabel)"
                 >{{ negativeButtonLabel }}</nitrozen-button
               >
@@ -62,17 +60,12 @@
 import NitrozenUuid from "./../../utils/NUuid";
 import NitrozenButton from "./../NBtn";
 import NitrozenInline from "./../NInline";
-import { flatBtn, strokeBtn } from "./../../directives/index";
 export default {
   name: "nitrozen-dialog",
   components: {
     NitrozenButton,
     NitrozenInline,
   },
-  directives: {
-    flatBtn,
-    strokeBtn,
-  },
   props: {
     /**
      * Unique identifier

src/components/NMenu/NMenu.vue

@@ -25,13 +25,9 @@
 
 <script>
 import NitrozenUuid from "./../../utils/NUuid";
-import clickOutside from "./../../directives/NClickOutside";
 import NitrozenInline from "../NInline";
 export default {
   name: "nitrozen-menu",
-  directives: {
-    clickOutside,
-  },
   components: {
     "nitrozen-inline": NitrozenInline,
   },

src/entry-lib.js

@@ -1,5 +1,4 @@
 
 // export * from './components/NSnackbar';
 
-export * from './components';
-export * from './directives';
+export * from './components';

types/index.d.ts

@@ -1,5 +1,5 @@
 declare module '@gofynd/nitrozen-vue' {
-    import { DirectiveOptions, VueConstructor } from 'vue'
+    import { VueConstructor } from 'vue'
     import * as Nitrozen from '@gofynd/nitrozen-vue'
 
     // Components
@@ -25,9 +25,9 @@ declare module '@gofynd/nitrozen-vue' {
     const NitrozenCustomForm: VueConstructor
 
     // Directives
-    const strokeBtn: DirectiveOptions
-    const flatBtn: DirectiveOptions
-    const clickOutside: DirectiveOptions
+    // const strokeBtn: DirectiveOptions
+    // const flatBtn: DirectiveOptions
+    // const clickOutside: DirectiveOptions
 
     export default Nitrozen
     export {
@@ -52,8 +52,8 @@ declare module '@gofynd/nitrozen-vue' {
         NitrozenTooltip,
         NitrozenCustomForm,
 
-        strokeBtn,
-        flatBtn,
-        clickOutside
+        // strokeBtn,
+        // flatBtn,
+        // clickOutside
     }
 }