orcs-design-system 2.1.23 → 2.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -43,7 +43,7 @@ var TagValue = styled.button.withConfig({
|
|
|
43
43
|
}, function (props) {
|
|
44
44
|
return props.selected ? themeGet("colors.white")(props) : themeGet("colors.primaryDark")(props);
|
|
45
45
|
}, function (props) {
|
|
46
|
-
return props.selected && props.highlighted ?
|
|
46
|
+
return props.selected && props.highlighted ? "rgba(0,0,0,0.2)" : props.selected ? "rgba(0,0,0,0.3)" : themeGet("colors.primaryLighter")(props);
|
|
47
47
|
});
|
|
48
48
|
});
|
|
49
49
|
var TagValueText = styled.div.withConfig({
|
|
@@ -90,7 +90,7 @@ var TagType = styled.div.withConfig({
|
|
|
90
90
|
}, function (props) {
|
|
91
91
|
return props.small ? "1rem" : themeGet("fontSizes.0")(props);
|
|
92
92
|
}, function (props) {
|
|
93
|
-
return props.disabled ? themeGet("colors.grey")(props) : props.selected && props.highlighted ?
|
|
93
|
+
return props.disabled ? themeGet("colors.grey")(props) : props.selected && props.highlighted ? "rgba(0,0,0,0.2)" : props.selected ? "rgba(0,0,0,0.25)" : themeGet("colors.primaryLightest")(props);
|
|
94
94
|
}, function (props) {
|
|
95
95
|
return props.disabled ? themeGet("colors.white")(props) : props.selected && props.highlighted ? themeGet("colors.white")(props) : props.selected ? themeGet("colors.white")(props) : themeGet("colors.primary")(props);
|
|
96
96
|
});
|
|
@@ -58,7 +58,7 @@ var successDesaturated = desaturate(0.1, success); // This is because the lighte
|
|
|
58
58
|
|
|
59
59
|
var warning = "#ffbc00"; // Base brand warning colour - Mainly used to indicate warnings, slipping or near due states
|
|
60
60
|
|
|
61
|
-
var warningSaturated = saturate(
|
|
61
|
+
var warningSaturated = saturate(1, warning); // This is because the darker versions of warning were too under saturated and mustard looking.
|
|
62
62
|
|
|
63
63
|
var danger = "#EC465A"; // Base brand danger/error colour - Mainly used to indicate error, status=bad, at risk or over due states
|
|
64
64
|
|
|
@@ -166,8 +166,8 @@ export var colors = {
|
|
|
166
166
|
warningLight: lighten(0.15, warning),
|
|
167
167
|
warningLighter: lighten(0.25, warning),
|
|
168
168
|
warningLightest: lighten(0.3, warning),
|
|
169
|
-
warningDark: darken(0.
|
|
170
|
-
warningDarker: darken(0.
|
|
169
|
+
warningDark: darken(0.03, warningSaturated),
|
|
170
|
+
warningDarker: darken(0.08, warningSaturated),
|
|
171
171
|
warningDarkest: darken(0.25, warningSaturated),
|
|
172
172
|
warning10: rgba(warning, 0.1),
|
|
173
173
|
warning20: rgba(warning, 0.2),
|
package/es/systemtheme.js
CHANGED
|
@@ -57,7 +57,7 @@ var successDesaturated = desaturate(0.1, success); // This is because the lighte
|
|
|
57
57
|
|
|
58
58
|
var warning = "#ffbc00"; // Base brand warning colour - Mainly used to indicate warnings, slipping or near due states
|
|
59
59
|
|
|
60
|
-
var warningSaturated = saturate(
|
|
60
|
+
var warningSaturated = saturate(1, warning); // This is because the darker versions of warning were too under saturated and mustard looking.
|
|
61
61
|
|
|
62
62
|
var danger = "#EC465A"; // Base brand danger/error colour - Mainly used to indicate error, status=bad, at risk or over due states
|
|
63
63
|
|
|
@@ -165,8 +165,8 @@ export var colors = {
|
|
|
165
165
|
warningLight: lighten(0.15, warning),
|
|
166
166
|
warningLighter: lighten(0.25, warning),
|
|
167
167
|
warningLightest: lighten(0.3, warning),
|
|
168
|
-
warningDark: darken(0.
|
|
169
|
-
warningDarker: darken(0.
|
|
168
|
+
warningDark: darken(0.03, warningSaturated),
|
|
169
|
+
warningDarker: darken(0.08, warningSaturated),
|
|
170
170
|
warningDarkest: darken(0.25, warningSaturated),
|
|
171
171
|
warning10: rgba(warning, 0.1),
|
|
172
172
|
warning20: rgba(warning, 0.2),
|