@magicgol/polyjuice 0.39.0 → 0.39.2

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magicgol/polyjuice",
3
- "version": "0.39.0",
3
+ "version": "0.39.2",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -2,7 +2,9 @@
2
2
  <div
3
3
  :class="classes"
4
4
  >
5
- <slot></slot>
5
+ <div>
6
+ <slot></slot>
7
+ </div>
6
8
  </div>
7
9
  </template>
8
10
 
@@ -16,7 +18,8 @@ export default {
16
18
  default: null,
17
19
  validator: function (value) {
18
20
  return [
19
- 'club'
21
+ 'club',
22
+ 'trial',
20
23
  ].indexOf(value) !== -1;
21
24
  },
22
25
  }
@@ -27,6 +30,7 @@ export default {
27
30
  return {
28
31
  'mg-container': true,
29
32
  'mg-container-theme--club': this.theme === 'club',
33
+ 'mg-container-theme--trial': this.theme === 'trial',
30
34
  };
31
35
  }
32
36
  },
@@ -37,10 +41,20 @@ export default {
37
41
  @import '../../../assets/palette';
38
42
 
39
43
  .mg-container {
44
+ padding: 2px;
45
+
40
46
  &-theme {
41
47
  &--club {
42
48
  background: map-get($palette, 'club');
43
49
  }
50
+
51
+ &--trial {
52
+ background: map-get($palette, 'club');
53
+
54
+ > div {
55
+ background: #fff;
56
+ }
57
+ }
44
58
  }
45
59
  }
46
60
  </style>
@@ -2,6 +2,7 @@
2
2
  <div
3
3
  class="d-inline-block rounded"
4
4
  :class="classes"
5
+ @click="$emit('click')"
5
6
  >
6
7
  <div>
7
8
  <mg-club-star :size="size" :trial="trial" :disabled="disabled"><slot></slot></mg-club-star>
@@ -76,7 +76,6 @@ export default {
76
76
  -webkit-text-fill-color: transparent;
77
77
  font-family: Ubuntu, sans-serif;
78
78
  font-weight: 500;
79
- line-height: 11px;
80
79
  }
81
80
 
82
81
  .step-1 {
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div v-bind:class="classes"><slot></slot></div>
2
+ <div><span v-bind:class="classes"><slot></slot></span></div>
3
3
  </template>
4
4
 
5
5
  <script>
@@ -38,7 +38,9 @@ export default {
38
38
 
39
39
  &--level {
40
40
  &-club {
41
- color: map-get($palette, 'club') !important;
41
+ background: map-get($palette, 'club');
42
+ -webkit-background-clip: text;
43
+ -webkit-text-fill-color: transparent;
42
44
  }
43
45
  }
44
46
  }
@@ -17,6 +17,6 @@ import {ColorItem, ColorPalette, Meta} from '@storybook/addon-docs';
17
17
  />
18
18
  <ColorItem
19
19
  title="Club"
20
- colors={{'Electric Violet': 'linear-gradient(134.42deg, #0DF2BB 0.99%, #A714ED 100%)'}}
20
+ colors={{'Electric Violet': 'linear-gradient(134.42deg, #0df2bb 0.99%, #a714ed 100%)'}}
21
21
  />
22
22
  </ColorPalette>