@magicgol/polyjuice 0.57.1 → 0.57.2

package/package.json

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

package/src/components/context/club/star/ClubStar.stories.js

@@ -8,7 +8,7 @@ export default {
   argTypes: {
     size: {
       control: { type: 'select' },
-      options: ['normal', 'small', 'large'],
+      options: ['normal', 'x-small', 'small', 'large'],
       defaultValue: 'normal'
     },
     default: {

package/src/components/context/club/star/ClubStar.vue

@@ -38,7 +38,7 @@ export default {
       type: String,
       default: 'normal',
       validator: function (value) {
-        return ['small', 'normal', 'large'].indexOf(value) !== -1;
+        return ['x-small', 'small', 'normal', 'large'].indexOf(value) !== -1;
       },
     }
   },
@@ -50,6 +50,7 @@ export default {
         'mg-club-star--disabled': this.disabled === true,
         'mg-club-star--negative': this.negative === true,
         'mg-club-star-size-small': this.size === 'small',
+        'mg-club-star-size-x-small': this.size === 'x-small',
         'mg-club-star-size-normal': this.size === 'normal',
         'mg-club-star-size-large': this.size === 'large',
       };
@@ -91,6 +92,19 @@ export default {
     }
 
     &-size {
+      &-small {
+        div {
+          font-size: 0.75rem;
+        }
+
+        svg {
+          height: 0.75rem;
+          min-height: 0.75rem;
+          min-width: 0.75rem;
+          width: 0.75rem;
+        }
+      }
+
       &-small {
         div {
           font-size: 0.75rem;