@magicgol/polyjuice 0.6.2 → 0.7.0

package/package.json

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

package/src/assets/svg/index.js

@@ -1,2 +1,3 @@
 /* eslint-disable */
 require('./star-c')
+require('./star-stroke-p')

package/src/assets/svg/star-stroke-p.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+var icon = require('vue-svgicon')
+icon.register({
+  'star-stroke-p': {
+    width: 16,
+    height: 16,
+    viewBox: '0 0 22 22',
+    data: '<path pid="0" fill-rule="evenodd" clip-rule="evenodd" d="M9.153 1.836c.684-1.643 3.01-1.643 3.694 0l2.016 4.847 5.233.42c1.773.142 2.492 2.355 1.141 3.512l-3.987 3.416 1.218 5.106c.413 1.731-1.47 3.099-2.988 2.171L11 18.572l-4.48 2.736c-1.519.928-3.401-.44-2.988-2.17L4.75 14.03.763 10.615C-.588 9.458.13 7.245 1.904 7.103l5.233-.42 2.016-4.847zM11 2.604L8.984 7.451a2 2 0 01-1.687 1.226l-5.233.42 3.987 3.415a2 2 0 01.644 1.983l-1.218 5.107 4.48-2.737a2 2 0 012.085 0l4.48 2.737-1.217-5.107a2 2 0 01.644-1.983l3.987-3.416-5.233-.42a2 2 0 01-1.687-1.225L11 2.604z" _fill="#075169"/><path pid="1" d="M8.55 15.4V9.01h2.753c.312 0 .6.063.864.189s.492.297.684.513c.192.21.34.447.441.711a2.1 2.1 0 01.162.801c0 .378-.09.735-.27 1.071-.174.336-.42.612-.738.828a1.92 1.92 0 01-1.098.315h-1.044V15.4H8.55zm1.754-3.492h.927a.38.38 0 00.207-.063.447.447 0 00.162-.216.96.96 0 00.072-.405c0-.18-.027-.318-.08-.414a.403.403 0 00-.19-.207.425.425 0 00-.216-.063h-.882v1.368z" _fill="#075169"/>'
+  }
+})

package/src/components/club/button/secondary-club-button/SecondaryClubButton.stories.js

@@ -0,0 +1,41 @@
+import MgSecondaryClubButton from './SecondaryClubButton.vue';
+
+// More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export
+export default {
+  title: 'Club/Button/Secondary Button',
+  component: MgSecondaryClubButton,
+  // More on argTypes: https://storybook.js.org/docs/vue/api/argtypes
+  argTypes: {
+    default: {
+      description: "The default Vue slot",
+      control: {
+        type: 'text',
+      },
+      table: {
+        category: 'Slots',
+        type: {
+          summary: 'html',
+        },
+      }
+    }
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MgSecondaryClubButton },
+  template: `<mg-secondary-club-button @click="$emit('click')" v-bind="$props"><template v-if="${'default' in args}" v-slot>${args.default}</template></mg-secondary-club-button>`,
+});
+
+export const Default = Template.bind({});
+// More on args: https://storybook.js.org/docs/vue/writing-stories/args
+Default.args = {
+  default: 'secondary club button'
+};
+
+export const Disabled = Template.bind({});
+Disabled.args = {
+  disabled: true,
+  default: 'secondary club button'
+};

package/src/components/club/button/secondary-club-button/SecondaryClubButton.vue

@@ -0,0 +1,70 @@
+<template>
+  <button
+    class="d-block bg-white w-100 p-2 rounded text-uppercase text-center text-decoration-none"
+    type="button"
+    :class="classes"
+    :disabled="disabled"
+    @click="$emit('click')"
+  >
+    <div class="d-inline-flex align-items-center">
+      <svgicon
+        name="star-stroke-p"
+        style="height: 20px"
+      ></svgicon>
+      <div class="ml-2"><slot></slot></div>
+    </div>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'mg-secondary-club-button',
+
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  computed: {
+    classes() {
+      return {
+        'mg-secondary-club-button': true,
+        'mg-secondary-club-button--disabled': this.disabled,
+      };
+    }
+  },
+
+  methods: {
+    onClick() {
+      this.$emit('click');
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+  @import '../../../../assets/palette';
+
+  .mg-secondary-club-button {
+    appearance: none;
+    border: 2px solid map-get($palette, 'expertClub');
+    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.3);
+    color: map-get($palette, 'expertClub');
+    cursor: pointer;
+    font-size: 1rem;
+    font-family: 'Ubuntu', sans-serif;
+    font-weight: 500;
+    outline: none;
+
+    svg {
+      fill: map-get($palette, 'expertClub');
+    }
+
+    &--disabled {
+      opacity: 0.6 !important;
+      cursor: not-allowed !important;
+    }
+  }
+</style>

package/src/components/navigation/tab-button/TabButton.vue

@@ -31,7 +31,9 @@ export default {
 
   methods: {
     onClick() {
-      this.$emit('click');
+      if (!this.active) {
+        this.$emit('click');
+      }
     },
   },
 };

package/src/main.js

@@ -21,6 +21,7 @@ new Vue({
 export MgHCard from './components/card/horizontal-card/HCard';
 export MgVCard from './components/card/vertical-card/VCard';
 export MgPrimaryClubButton from './components/club/button/primary-club-button/PrimaryClubButton';
+export MgSecondaryClubButton from './components/club/button/secondary-club-button/SecondaryClubButton';
 export MgPrimaryButton from './components/form/primary-button/PrimaryButton';
 export MgSecondaryButton from './components/form/secondary-button/SecondaryButton';
 export MgTertiaryButton from './components/form/tertiary-button/TertiaryButton';

package/src/svg/star-stroke-p.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15339 1.83591C9.83658 0.193323 12.1635 0.193331 12.8467 1.83591L14.8628 6.68333L20.096 7.10287C21.8693 7.24504 22.5884 9.45806 21.2373 10.6154L17.2502 14.0308L18.4683 19.1375C18.8811 20.868 16.9986 22.2357 15.4804 21.3084L11 18.5718L6.51969 21.3084C5.00148 22.2357 3.11899 20.868 3.53176 19.1375L4.7499 14.0308L0.762753 10.6154C-0.588324 9.45805 0.130736 7.24504 1.90404 7.10287L7.13724 6.68333L9.15339 1.83591ZM11 2.60397L8.98388 7.45139C8.69586 8.14386 8.04464 8.617 7.29706 8.67694L2.06387 9.09648L6.05101 12.5119C6.62059 12.9998 6.86933 13.7653 6.69532 14.4949L5.47718 19.6016L9.95752 16.865C10.5976 16.4741 11.4025 16.4741 12.0425 16.865L16.5229 19.6016L15.3047 14.4949C15.1307 13.7653 15.3795 12.9998 15.9491 12.5119L19.9362 9.09648L14.703 8.67694C13.9554 8.617 13.3042 8.14386 13.0162 7.45139L11 2.60397Z" fill="#075169"/>
+<path d="M8.54907 15.4V9.01004H11.3031C11.6151 9.01004 11.9031 9.07304 12.1671 9.19904C12.4311 9.32504 12.6591 9.49604 12.8511 9.71204C13.0431 9.92204 13.1901 10.159 13.2921 10.423C13.4001 10.687 13.4541 10.954 13.4541 11.224C13.4541 11.602 13.3641 11.959 13.1841 12.295C13.0101 12.631 12.7641 12.907 12.4461 13.123C12.1341 13.333 11.7681 13.438 11.3481 13.438H10.3041V15.4H8.54907ZM10.3041 11.908H11.2311C11.3031 11.908 11.3721 11.887 11.4381 11.845C11.5041 11.803 11.5581 11.731 11.6001 11.629C11.6481 11.527 11.6721 11.392 11.6721 11.224C11.6721 11.044 11.6451 10.906 11.5911 10.81C11.5431 10.708 11.4801 10.639 11.4021 10.603C11.3301 10.561 11.2581 10.54 11.1861 10.54H10.3041V11.908Z" fill="#075169"/>
+</svg>