@magicgol/polyjuice 0.56.2 → 0.57.0

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.56.2",
3
+ "version": "0.57.0",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -11,7 +11,7 @@ export default {
11
11
  type: String,
12
12
  default: null,
13
13
  validator: function (value) {
14
- return ['club'].indexOf(value) !== -1;
14
+ return ['club', 'success', 'warning', 'error'].indexOf(value) !== -1;
15
15
  },
16
16
  }
17
17
  },
@@ -21,6 +21,9 @@ export default {
21
21
  return {
22
22
  'mg-text': true,
23
23
  'mg-text--theme-club': this.theme === 'club',
24
+ 'mg-text--theme-success': this.theme === 'success',
25
+ 'mg-text--theme-warning': this.theme === 'warning',
26
+ 'mg-text--theme-error': this.theme === 'error',
24
27
  };
25
28
  }
26
29
  },
@@ -39,6 +42,21 @@ export default {
39
42
  -webkit-text-fill-color: transparent;
40
43
  }
41
44
  }
45
+ &-success {
46
+ > span {
47
+ color: map-get($palette, 'success');
48
+ }
49
+ }
50
+ &-warning {
51
+ > span {
52
+ color: map-get($palette, 'warning');
53
+ }
54
+ }
55
+ &-error {
56
+ > span {
57
+ color: map-get($palette, 'error');
58
+ }
59
+ }
42
60
  }
43
61
  }
44
62
  </style>
@@ -38,7 +38,7 @@ export default {
38
38
 
39
39
  <style lang="scss">
40
40
  .mg-team-badge {
41
- border: 1px solid #efefef;
41
+ border: 1px solid #e2e7ef;
42
42
  height: 1.125rem;
43
43
  width: 1.125rem;
44
44
  min-width: 1.125rem;