@magicgol/polyjuice 0.54.0 → 0.54.2
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
package/src/assets/palette.scss
CHANGED
@@ -8,8 +8,8 @@ $palette: (
|
|
8
8
|
'club': linear-gradient(134.42deg, #0df2bb 0.99%, #a714ed 100%),
|
9
9
|
'text': #343434,
|
10
10
|
// ALERT
|
11
|
-
'error': #
|
12
|
-
'warning': #
|
11
|
+
'error': #f00,
|
12
|
+
'warning': #ffa44c,
|
13
13
|
'success': #349B50,
|
14
14
|
'info': #004781,
|
15
15
|
'highlighted': #ffdb59,
|
@@ -66,7 +66,12 @@ export default {
|
|
66
66
|
return null;
|
67
67
|
}
|
68
68
|
|
69
|
-
|
69
|
+
if (this.progressBar > 66) {
|
70
|
+
return 'mg-h-footballer-card--theme-success';
|
71
|
+
} else if (this.progressBar > 33) {
|
72
|
+
return 'mg-h-footballer-card--theme-warning';
|
73
|
+
}
|
74
|
+
return 'mg-h-footballer-card--theme-error';
|
70
75
|
}
|
71
76
|
},
|
72
77
|
|
@@ -90,6 +95,9 @@ export default {
|
|
90
95
|
&-success {
|
91
96
|
background-color: rgba(map-get($palette, 'success'), 0.2);
|
92
97
|
}
|
98
|
+
&-warning {
|
99
|
+
background-color: rgba(map-get($palette, 'warning'), 0.2);
|
100
|
+
}
|
93
101
|
&-error {
|
94
102
|
background-color: rgba(map-get($palette, 'error'), 0.2);
|
95
103
|
}
|
@@ -6,12 +6,12 @@ import {ColorItem, ColorPalette, Meta} from '@storybook/addon-docs';
|
|
6
6
|
<ColorItem
|
7
7
|
title="Error"
|
8
8
|
subtitle="Used for error messages"
|
9
|
-
colors={{'
|
9
|
+
colors={{'Red': '#f00'}}
|
10
10
|
/>
|
11
11
|
<ColorItem
|
12
12
|
title="Warning"
|
13
13
|
subtitle="Used for warning messages"
|
14
|
-
colors={{'
|
14
|
+
colors={{'Yellow Orange': '#ffa44c'}}
|
15
15
|
/>
|
16
16
|
<ColorItem
|
17
17
|
title="Success"
|