@magicgol/polyjuice 0.51.3 → 0.52.0

package/package.json

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

package/src/components/badge/icon/IconBadge.stories.js

@@ -11,9 +11,9 @@ export default {
       options: ['normal', 'large'],
       defaultValue: 'normal'
     },
-    context: {
+    theme: {
       control: { type: 'select' },
-      options: ['normal', 'light', 'club', 'success', 'failure'],
+      options: ['normal', 'light', 'dark', 'club', 'success', 'failure'],
       defaultValue: 'normal'
     },
   },
@@ -30,7 +30,7 @@ export const Default = Template.bind({});
 // More on args: https://storybook.js.org/docs/vue/writing-stories/args
 Default.args = {
   icon: 'message',
-  context: 'normal',
+  theme: 'normal',
   size: 'normal',
   active: false
 };

package/src/components/badge/icon/IconBadge.vue

@@ -25,11 +25,11 @@ export default {
         return ['normal', 'large'].indexOf(value) !== -1;
       },
     },
-    context: {
+    theme: {
       type: String,
       default: 'normal',
       validator: function (value) {
-        return ['normal', 'light', 'club', 'success', 'failure'].indexOf(value) !== -1;
+        return ['normal', 'light', 'dark', 'club', 'success', 'failure'].indexOf(value) !== -1;
       },
     },
     active: {
@@ -45,11 +45,12 @@ export default {
         'mg-icon-badge--active': this.active === true,
         'mg-icon-badge--size-normal': this.size === 'normal',
         'mg-icon-badge--size-large': this.size === 'large',
-        'mg-icon-badge--context-club': this.context === 'club',
-        'mg-icon-badge--context-light': this.context === 'light',
-        'mg-icon-badge--context-normal': this.context === 'normal',
-        'mg-icon-badge--context-success': this.context === 'success',
-        'mg-icon-badge--context-failure': this.context === 'failure',
+        'mg-icon-badge--theme-club': this.theme === 'club',
+        'mg-icon-badge--theme-light': this.theme === 'light',
+        'mg-icon-badge--theme-dark': this.theme === 'dark',
+        'mg-icon-badge--theme-normal': this.theme === 'normal',
+        'mg-icon-badge--theme-success': this.theme === 'success',
+        'mg-icon-badge--theme-failure': this.theme === 'failure',
       };
     },
   },
@@ -94,7 +95,7 @@ export default {
       }
     }
 
-    &--context {
+    &--theme {
       &-normal {
         background-color: #f5f5f5;
 
@@ -103,6 +104,14 @@ export default {
         }
       }
 
+      &-dark {
+        background-color: #f5f5f5;
+
+        svg {
+          fill: #fff;
+        }
+      }
+
       &-light {
         background-color: #fff;
 
@@ -138,7 +147,7 @@ export default {
 
     &--active {
       &.mg-icon-badge {
-        &--context {
+        &--theme {
           &-normal {
             background-color: map-get($palette, 'brand');
 

package/src/components/context/club/button/primary-club-button/PrimaryClubButton.vue

@@ -1,7 +1,7 @@
 <template>
   <button
     type="button"
-    class="w-100 rounded justify-content-center align-items-center px-2 border-0 text-white text-uppercase d-flex"
+    class="w-100 justify-content-center align-items-center px-2 border-0 text-white text-uppercase d-flex"
     :class="classes"
     :disabled="disabled"
     @click="onClick"
@@ -63,6 +63,7 @@ export default {
   .mg-primary-club-button {
     appearance: none;
     background: map-get($palette, 'club');
+    border-radius: 15px;
     box-shadow: 0 5px 22px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     font-family: 'Ubuntu', sans-serif;

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

@@ -1,6 +1,6 @@
 <template>
   <button
-    class="d-block w-100 rounded text-uppercase text-center text-decoration-none"
+    class="d-block w-100 text-uppercase text-center text-decoration-none"
     type="button"
     :class="classes"
     :disabled="disabled"
@@ -60,6 +60,7 @@ export default {
   .mg-secondary-club-button {
     appearance: none;
     background: map-get($palette, 'club');
+    border-radius: 15px;
     box-shadow: 0 5px 22px rgba(0, 0, 0, 0.3);
     box-sizing: border-box;
     border: 0;

package/src/components/typography/link/Link.vue

@@ -41,7 +41,6 @@ export default {
   .mg-link {
     color: map-get($palette, 'brand');
     cursor: pointer;
-    font-weight: 400;
 
     &--disabled {
       opacity: 0.6 !important;