@magicgol/polyjuice 0.45.0 → 0.46.1

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.45.0",
3
+ "version": "0.46.1",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
@@ -13,7 +13,7 @@ export default {
13
13
  },
14
14
  context: {
15
15
  control: { type: 'select' },
16
- options: ['normal', 'club', 'success', 'failure'],
16
+ options: ['normal', 'light', 'club', 'success', 'failure'],
17
17
  defaultValue: 'normal'
18
18
  },
19
19
  },
@@ -29,7 +29,7 @@ export default {
29
29
  type: String,
30
30
  default: 'normal',
31
31
  validator: function (value) {
32
- return ['normal', 'club', 'success', 'failure'].indexOf(value) !== -1;
32
+ return ['normal', 'light', 'club', 'success', 'failure'].indexOf(value) !== -1;
33
33
  },
34
34
  },
35
35
  active: {
@@ -46,6 +46,7 @@ export default {
46
46
  'mg-icon-badge--size-normal': this.size === 'normal',
47
47
  'mg-icon-badge--size-large': this.size === 'large',
48
48
  'mg-icon-badge--context-club': this.context === 'club',
49
+ 'mg-icon-badge--context-light': this.context === 'light',
49
50
  'mg-icon-badge--context-normal': this.context === 'normal',
50
51
  'mg-icon-badge--context-success': this.context === 'success',
51
52
  'mg-icon-badge--context-failure': this.context === 'failure',
@@ -102,6 +103,14 @@ export default {
102
103
  }
103
104
  }
104
105
 
106
+ &-light {
107
+ background-color: #fff;
108
+
109
+ svg {
110
+ fill: map-get($palette, 'brand');
111
+ }
112
+ }
113
+
105
114
  &-club {
106
115
  background: map-get($palette, 'club');
107
116
 
@@ -4,7 +4,7 @@
4
4
  v-bind:class="classes"
5
5
  >
6
6
  <div
7
- class="flex-fill"
7
+ class="flex-fill text-truncate"
8
8
  ><slot></slot></div>
9
9
  <!-- ACTIONS -->
10
10
  <div