@magicgol/polyjuice 0.20.0 → 0.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/box/selection-box/SelectionBox.stories.js

@@ -1,6 +1,7 @@
 import MgSelectionBox from './SelectionBox.vue';
 import MgPrimaryButton from "../../form/button/primary-button/PrimaryButton";
 import MgMagicCoinButton from "../../magic-coin/button/MagicCoinButton";
+import MgTertiaryButton from "../../form/button/tertiary-button/TertiaryButton";
 
 // More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
 export default {
@@ -26,10 +27,12 @@ export default {
 // More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
-  components: { MgSelectionBox, MgPrimaryButton },
+  components: { MgSelectionBox, MgPrimaryButton, MgTertiaryButton },
   template: `<mg-selection-box v-bind="$props">
     <template v-if="${'default' in args}" v-slot>${args.default}</template>
-    <template v-slot:cancel>Annulla</template>
+    <template v-slot:cancel>
+      <mg-tertiary-button>Annulla</mg-tertiary-button>
+    </template> 
     <template v-slot:confirm>
       <mg-primary-button>Conferma</mg-primary-button>
     </template>
@@ -44,10 +47,12 @@ Default.args = {
 
 const PaymentTemplate = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
-  components: { MgSelectionBox, MgMagicCoinButton },
+  components: { MgSelectionBox, MgMagicCoinButton, MgTertiaryButton },
   template: `<mg-selection-box v-bind="$props">
     <template v-if="${'default' in args}" v-slot>${args.default}</template>
-    <template v-slot:cancel>Annulla</template>
+    <template v-slot:cancel>
+      <mg-tertiary-button>Annulla</mg-tertiary-button>
+    </template>
     <template v-slot:confirm>
       <mg-magic-coin-button>Conferma</mg-magic-coin-button>
     </template>

package/src/components/box/selection-box/SelectionBox.vue

@@ -7,9 +7,7 @@
         <div class="text-center text-uppercase"><slot></slot></div>
         <div class="d-flex align-items-center mt-2">
           <div class="w-50 text-center">
-            <mg-tertiary-button
-              v-on:click="$emit('cancel')"
-            ><slot name="cancel"></slot></mg-tertiary-button>
+            <slot name="cancel"></slot>
           </div>
           <div class="w-50">
             <slot name="confirm"></slot>
@@ -22,8 +20,6 @@
 </template>
 
 <script>
-import MgTertiaryButton from "../../form/button/tertiary-button/TertiaryButton";
-
 export default {
   name: 'mg-selection-box',
 
@@ -34,10 +30,6 @@ export default {
       };
     },
   },
-
-  components: {
-    MgTertiaryButton
-  },
 };
 </script>