@magicgol/polyjuice 0.44.0 → 0.46.0
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/components/badge/icon/IconBadge.stories.js +1 -1
- package/src/components/badge/icon/IconBadge.vue +10 -1
- package/src/components/components/highlighter/Highlighter.vue +3 -1
- package/src/components/context/actions/filter-button/FilterButton.vue +1 -1
- package/src/components/form/button/tertiary-button/TertiaryButton.vue +1 -0
- package/src/components/modal/selection-box/SelectionBox.vue +1 -1
package/package.json
CHANGED
|
@@ -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
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
class="rounded p-2"
|
|
3
|
+
class="rounded p-2 d-flex align-items-center"
|
|
4
4
|
:class="classes"
|
|
5
5
|
><slot></slot></div>
|
|
6
6
|
</template>
|
|
@@ -28,6 +28,7 @@ export default {
|
|
|
28
28
|
</script>
|
|
29
29
|
|
|
30
30
|
<style lang="scss">
|
|
31
|
+
// TODO Should import breakpoints and set different min height by device viewport
|
|
31
32
|
@import '../../../assets/palette';
|
|
32
33
|
|
|
33
34
|
.mg-highlighter {
|
|
@@ -35,6 +36,7 @@ export default {
|
|
|
35
36
|
font-family: Ubuntu, sans-serif;
|
|
36
37
|
font-size: 16px;
|
|
37
38
|
font-weight: 700;
|
|
39
|
+
min-height: 4rem;
|
|
38
40
|
|
|
39
41
|
&--disabled {
|
|
40
42
|
opacity: 0.3 !important;
|