@elastic/eui-theme-borealis 6.0.0 → 6.2.0
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.
- package/lib/cjs/variables/_buttons.js +3 -0
- package/lib/cjs/variables/colors/_colors_dark.js +8 -1
- package/lib/cjs/variables/colors/_colors_light.js +8 -1
- package/lib/cjs/variables/colors/_colors_severity.d.ts +1 -0
- package/lib/cjs/variables/colors/_colors_severity.js +2 -1
- package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts +1 -0
- package/lib/cjs/variables/colors/_colors_severity_hcm.js +2 -1
- package/lib/cjs/variables/colors/_colors_vis_dark.js +3 -1
- package/lib/cjs/variables/colors/_colors_vis_hcm.js +8 -1
- package/lib/cjs/variables/colors/_colors_vis_light.js +13 -0
- package/lib/cjs/variables/colors/_primitive_colors.js +13 -13
- package/lib/cjs/variables/colors/_semantic_colors.d.ts +2 -0
- package/lib/cjs/variables/colors/_semantic_colors.js +2 -0
- package/lib/esm/variables/_buttons.js +3 -0
- package/lib/esm/variables/colors/_colors_dark.js +7 -0
- package/lib/esm/variables/colors/_colors_light.js +7 -0
- package/lib/esm/variables/colors/_colors_severity.d.ts +1 -0
- package/lib/esm/variables/colors/_colors_severity.js +1 -0
- package/lib/esm/variables/colors/_colors_severity_hcm.d.ts +1 -0
- package/lib/esm/variables/colors/_colors_severity_hcm.js +1 -0
- package/lib/esm/variables/colors/_colors_vis_dark.js +2 -0
- package/lib/esm/variables/colors/_colors_vis_hcm.js +7 -0
- package/lib/esm/variables/colors/_colors_vis_light.js +13 -0
- package/lib/esm/variables/colors/_primitive_colors.js +13 -13
- package/lib/esm/variables/colors/_semantic_colors.d.ts +2 -0
- package/lib/esm/variables/colors/_semantic_colors.js +2 -0
- package/lib/eui_theme_borealis_dark.json +17 -2
- package/lib/eui_theme_borealis_dark.json.d.ts +14 -0
- package/lib/eui_theme_borealis_light.json +33 -18
- package/lib/eui_theme_borealis_light.json.d.ts +14 -0
- package/package.json +4 -3
- package/src/variables/colors/_colors_dark.scss +7 -0
- package/src/variables/colors/_colors_light.scss +7 -0
- package/src/variables/colors/_colors_severity.scss +2 -1
- package/src/variables/colors/_colors_vis.scss +13 -1
- package/src/variables/colors/_colors_vis_dark.scss +3 -1
- package/src/variables/colors/_colors_vis_light.scss +3 -1
- package/src/variables/colors/_semantic_colors.scss +13 -13
|
@@ -83,6 +83,7 @@ var _buttons = {
|
|
|
83
83
|
backgroundWarningHover: _semantic_colors.SEMANTIC_COLORS.warning60Alpha16,
|
|
84
84
|
backgroundRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60Alpha16,
|
|
85
85
|
backgroundDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70Alpha12,
|
|
86
|
+
backgroundAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70Alpha12,
|
|
86
87
|
backgroundTextHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha8,
|
|
87
88
|
backgroundPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary70Alpha16,
|
|
88
89
|
backgroundAccentActive: _semantic_colors.SEMANTIC_COLORS.accent70Alpha16,
|
|
@@ -152,6 +153,7 @@ var _buttons = {
|
|
|
152
153
|
backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk80,
|
|
153
154
|
backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger100,
|
|
154
155
|
backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade100,
|
|
156
|
+
backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance100,
|
|
155
157
|
backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary110,
|
|
156
158
|
backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent110,
|
|
157
159
|
backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
|
|
@@ -304,6 +306,7 @@ var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
|
|
|
304
306
|
backgroundFilledRiskHover: _semantic_colors.SEMANTIC_COLORS.risk60,
|
|
305
307
|
backgroundFilledDangerHover: _semantic_colors.SEMANTIC_COLORS.danger70,
|
|
306
308
|
backgroundFilledTextHover: _semantic_colors.SEMANTIC_COLORS.shade70,
|
|
309
|
+
backgroundFilledAssistanceHover: _semantic_colors.SEMANTIC_COLORS.assistance70,
|
|
307
310
|
backgroundFilledPrimaryActive: _semantic_colors.SEMANTIC_COLORS.primary80,
|
|
308
311
|
backgroundFilledAccentActive: _semantic_colors.SEMANTIC_COLORS.accent80,
|
|
309
312
|
backgroundFilledAccentSecondaryActive: _semantic_colors.SEMANTIC_COLORS.accentSecondary80,
|
|
@@ -45,7 +45,8 @@ var dark_brand_text_colors = exports.dark_brand_text_colors = {
|
|
|
45
45
|
textSuccess: _semantic_colors.SEMANTIC_COLORS.success60,
|
|
46
46
|
textWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
|
|
47
47
|
textRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
|
|
48
|
-
textDanger: _semantic_colors.SEMANTIC_COLORS.danger60
|
|
48
|
+
textDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
|
|
49
|
+
textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50
|
|
49
50
|
};
|
|
50
51
|
var dark_text_colors = exports.dark_text_colors = {
|
|
51
52
|
/* Legacy colors */
|
|
@@ -80,6 +81,7 @@ var dark_background_colors = exports.dark_background_colors = {
|
|
|
80
81
|
backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning140,
|
|
81
82
|
backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk140,
|
|
82
83
|
backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger140,
|
|
84
|
+
backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance140,
|
|
83
85
|
backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.plainDark,
|
|
84
86
|
backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.shade145,
|
|
85
87
|
backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade130,
|
|
@@ -87,6 +89,7 @@ var dark_background_colors = exports.dark_background_colors = {
|
|
|
87
89
|
backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade125,
|
|
88
90
|
backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade120,
|
|
89
91
|
backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha8,
|
|
92
|
+
backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance130,
|
|
90
93
|
backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary130,
|
|
91
94
|
backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary120,
|
|
92
95
|
backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade120Alpha70,
|
|
@@ -100,6 +103,7 @@ var dark_background_colors = exports.dark_background_colors = {
|
|
|
100
103
|
backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning130,
|
|
101
104
|
backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk130,
|
|
102
105
|
backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger130,
|
|
106
|
+
backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
|
|
103
107
|
backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade120,
|
|
104
108
|
backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
|
|
105
109
|
backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent60,
|
|
@@ -109,6 +113,7 @@ var dark_background_colors = exports.dark_background_colors = {
|
|
|
109
113
|
backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
|
|
110
114
|
backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
|
|
111
115
|
backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
|
|
116
|
+
backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance50,
|
|
112
117
|
backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade60
|
|
113
118
|
};
|
|
114
119
|
|
|
@@ -140,6 +145,7 @@ var dark_border_colors = exports.dark_border_colors = {
|
|
|
140
145
|
borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning120,
|
|
141
146
|
borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk120,
|
|
142
147
|
borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger120,
|
|
148
|
+
borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance120,
|
|
143
149
|
borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade100,
|
|
144
150
|
borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade120,
|
|
145
151
|
borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade80,
|
|
@@ -157,6 +163,7 @@ var dark_border_colors = exports.dark_border_colors = {
|
|
|
157
163
|
borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
|
|
158
164
|
borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk50,
|
|
159
165
|
borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger60,
|
|
166
|
+
borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
|
|
160
167
|
borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade60
|
|
161
168
|
};
|
|
162
169
|
var dark_special_colors = exports.dark_special_colors = {
|
|
@@ -45,7 +45,8 @@ var brand_text_colors = exports.brand_text_colors = {
|
|
|
45
45
|
textSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
|
|
46
46
|
textWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
|
|
47
47
|
textRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
|
|
48
|
-
textDanger: _semantic_colors.SEMANTIC_COLORS.danger100
|
|
48
|
+
textDanger: _semantic_colors.SEMANTIC_COLORS.danger100,
|
|
49
|
+
textAssistance: _semantic_colors.SEMANTIC_COLORS.assistance100
|
|
49
50
|
};
|
|
50
51
|
var text_colors = exports.text_colors = {
|
|
51
52
|
/* Legacy colors */
|
|
@@ -80,6 +81,7 @@ var background_colors = exports.background_colors = {
|
|
|
80
81
|
backgroundBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning10,
|
|
81
82
|
backgroundBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk10,
|
|
82
83
|
backgroundBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger10,
|
|
84
|
+
backgroundBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance10,
|
|
83
85
|
backgroundBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade10,
|
|
84
86
|
backgroundBasePlain: _semantic_colors.SEMANTIC_COLORS.plainLight,
|
|
85
87
|
backgroundBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade15,
|
|
@@ -87,6 +89,7 @@ var background_colors = exports.background_colors = {
|
|
|
87
89
|
backgroundBaseFormsPrepend: _semantic_colors.SEMANTIC_COLORS.shade15,
|
|
88
90
|
backgroundBaseFormsControlDisabled: _semantic_colors.SEMANTIC_COLORS.shade30,
|
|
89
91
|
backgroundBaseInteractiveHover: _semantic_colors.SEMANTIC_COLORS.primary100Alpha4,
|
|
92
|
+
backgroundBaseInteractiveHoverAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
|
|
90
93
|
backgroundBaseInteractiveSelect: _semantic_colors.SEMANTIC_COLORS.primary10,
|
|
91
94
|
backgroundBaseInteractiveSelectHover: _semantic_colors.SEMANTIC_COLORS.primary20,
|
|
92
95
|
backgroundBaseInteractiveOverlay: _semantic_colors.SEMANTIC_COLORS.shade100Alpha70,
|
|
@@ -100,6 +103,7 @@ var background_colors = exports.background_colors = {
|
|
|
100
103
|
backgroundLightWarning: _semantic_colors.SEMANTIC_COLORS.warning20,
|
|
101
104
|
backgroundLightRisk: _semantic_colors.SEMANTIC_COLORS.risk20,
|
|
102
105
|
backgroundLightDanger: _semantic_colors.SEMANTIC_COLORS.danger20,
|
|
106
|
+
backgroundLightAssistance: _semantic_colors.SEMANTIC_COLORS.assistance20,
|
|
103
107
|
backgroundLightText: _semantic_colors.SEMANTIC_COLORS.shade20,
|
|
104
108
|
backgroundFilledPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
|
|
105
109
|
backgroundFilledAccent: _semantic_colors.SEMANTIC_COLORS.accent90,
|
|
@@ -109,6 +113,7 @@ var background_colors = exports.background_colors = {
|
|
|
109
113
|
backgroundFilledWarning: _semantic_colors.SEMANTIC_COLORS.warning40,
|
|
110
114
|
backgroundFilledRisk: _semantic_colors.SEMANTIC_COLORS.risk70,
|
|
111
115
|
backgroundFilledDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
|
|
116
|
+
backgroundFilledAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
|
|
112
117
|
backgroundFilledText: _semantic_colors.SEMANTIC_COLORS.shade90
|
|
113
118
|
};
|
|
114
119
|
|
|
@@ -140,6 +145,7 @@ var border_colors = exports.border_colors = {
|
|
|
140
145
|
borderBaseWarning: _semantic_colors.SEMANTIC_COLORS.warning30,
|
|
141
146
|
borderBaseRisk: _semantic_colors.SEMANTIC_COLORS.risk30,
|
|
142
147
|
borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger30,
|
|
148
|
+
borderBaseAssistance: _semantic_colors.SEMANTIC_COLORS.assistance30,
|
|
143
149
|
borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade30,
|
|
144
150
|
borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade20,
|
|
145
151
|
borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade50,
|
|
@@ -157,6 +163,7 @@ var border_colors = exports.border_colors = {
|
|
|
157
163
|
borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning90,
|
|
158
164
|
borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk90,
|
|
159
165
|
borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
|
|
166
|
+
borderStrongAssistance: _semantic_colors.SEMANTIC_COLORS.assistance90,
|
|
160
167
|
borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade90
|
|
161
168
|
};
|
|
162
169
|
var special_colors = exports.special_colors = {
|
|
@@ -19,5 +19,6 @@ var severityColors = exports.severityColors = {
|
|
|
19
19
|
success: _semantic_colors.SEMANTIC_COLORS.success60,
|
|
20
20
|
warning: _semantic_colors.SEMANTIC_COLORS.warning30,
|
|
21
21
|
risk: _semantic_colors.SEMANTIC_COLORS.risk50,
|
|
22
|
-
danger: _semantic_colors.SEMANTIC_COLORS.danger70
|
|
22
|
+
danger: _semantic_colors.SEMANTIC_COLORS.danger70,
|
|
23
|
+
assistance: _semantic_colors.SEMANTIC_COLORS.assistance60
|
|
23
24
|
};
|
|
@@ -19,5 +19,6 @@ var severityColorsLightHighContrast = exports.severityColorsLightHighContrast =
|
|
|
19
19
|
success: _semantic_colors.SEMANTIC_COLORS.success80,
|
|
20
20
|
warning: _semantic_colors.SEMANTIC_COLORS.warning80,
|
|
21
21
|
risk: _semantic_colors.SEMANTIC_COLORS.risk70,
|
|
22
|
-
danger: _semantic_colors.SEMANTIC_COLORS.danger70
|
|
22
|
+
danger: _semantic_colors.SEMANTIC_COLORS.danger70,
|
|
23
|
+
assistance: _semantic_colors.SEMANTIC_COLORS.assistance70
|
|
23
24
|
};
|
|
@@ -28,5 +28,7 @@ var colorVisDark = exports.colorVisDark = _objectSpread(_objectSpread({}, _color
|
|
|
28
28
|
euiColorVisText6: _semantic_colors.SEMANTIC_COLORS.danger60,
|
|
29
29
|
euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger30,
|
|
30
30
|
euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning60,
|
|
31
|
-
euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30
|
|
31
|
+
euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning30,
|
|
32
|
+
euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance60,
|
|
33
|
+
euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance30
|
|
32
34
|
});
|
|
@@ -28,7 +28,9 @@ var baseColorVis = {
|
|
|
28
28
|
euiColorVis6: _semantic_colors.SEMANTIC_COLORS.danger110,
|
|
29
29
|
euiColorVis7: _semantic_colors.SEMANTIC_COLORS.danger80,
|
|
30
30
|
euiColorVis8: _semantic_colors.SEMANTIC_COLORS.warning110,
|
|
31
|
-
euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80
|
|
31
|
+
euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80,
|
|
32
|
+
euiColorVis10: _primitive_colors.PRIMITIVE_COLORS.purple60,
|
|
33
|
+
euiColorVis11: _primitive_colors.PRIMITIVE_COLORS.purple30
|
|
32
34
|
};
|
|
33
35
|
var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpread(_objectSpread({}, baseColorVis), {}, {
|
|
34
36
|
euiColorVisBehindText0: baseColorVis.euiColorVis0,
|
|
@@ -41,6 +43,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
|
|
|
41
43
|
euiColorVisBehindText7: baseColorVis.euiColorVis7,
|
|
42
44
|
euiColorVisBehindText8: baseColorVis.euiColorVis8,
|
|
43
45
|
euiColorVisBehindText9: baseColorVis.euiColorVis9,
|
|
46
|
+
euiColorVisBehindText10: baseColorVis.euiColorVis10,
|
|
47
|
+
euiColorVisBehindText11: baseColorVis.euiColorVis11,
|
|
44
48
|
euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
|
|
45
49
|
euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
|
|
46
50
|
euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
|
|
@@ -51,6 +55,8 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
|
|
|
51
55
|
euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
|
|
52
56
|
euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
|
|
53
57
|
euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
|
|
58
|
+
euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
|
|
59
|
+
euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
|
|
54
60
|
euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral100,
|
|
55
61
|
euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral80,
|
|
56
62
|
euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success100,
|
|
@@ -61,6 +67,7 @@ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpr
|
|
|
61
67
|
euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk80,
|
|
62
68
|
euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger100,
|
|
63
69
|
euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger80,
|
|
70
|
+
euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
|
|
64
71
|
// We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
|
|
65
72
|
// but we need to keep this specific value for visualizations backwards compatibility.
|
|
66
73
|
// We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
|
|
@@ -47,6 +47,12 @@ var euiPaletteColorBlind = {
|
|
|
47
47
|
},
|
|
48
48
|
euiColorVis9: {
|
|
49
49
|
graphic: _semantic_colors.SEMANTIC_COLORS.warning30
|
|
50
|
+
},
|
|
51
|
+
euiColorVis10: {
|
|
52
|
+
graphic: _primitive_colors.PRIMITIVE_COLORS.purple60
|
|
53
|
+
},
|
|
54
|
+
euiColorVis11: {
|
|
55
|
+
graphic: _primitive_colors.PRIMITIVE_COLORS.purple30
|
|
50
56
|
}
|
|
51
57
|
};
|
|
52
58
|
var colorVisLight = exports.colorVisLight = {
|
|
@@ -60,6 +66,8 @@ var colorVisLight = exports.colorVisLight = {
|
|
|
60
66
|
euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
61
67
|
euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
|
|
62
68
|
euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
69
|
+
euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
|
|
70
|
+
euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
|
|
63
71
|
euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
|
|
64
72
|
euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
|
|
65
73
|
euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
|
|
@@ -70,6 +78,8 @@ var colorVisLight = exports.colorVisLight = {
|
|
|
70
78
|
euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
71
79
|
euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
|
|
72
80
|
euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
81
|
+
euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
|
|
82
|
+
euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
|
|
73
83
|
euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
|
|
74
84
|
euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
|
|
75
85
|
euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
|
|
@@ -80,6 +90,8 @@ var colorVisLight = exports.colorVisLight = {
|
|
|
80
90
|
euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
|
|
81
91
|
euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
|
|
82
92
|
euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
|
|
93
|
+
euiColorVisText10: _semantic_colors.SEMANTIC_COLORS.assistance110,
|
|
94
|
+
euiColorVisText11: _semantic_colors.SEMANTIC_COLORS.assistance90,
|
|
83
95
|
euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral60,
|
|
84
96
|
euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral30,
|
|
85
97
|
euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success60,
|
|
@@ -90,6 +102,7 @@ var colorVisLight = exports.colorVisLight = {
|
|
|
90
102
|
euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk30,
|
|
91
103
|
euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger60,
|
|
92
104
|
euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger30,
|
|
105
|
+
euiColorVisAssistance: _semantic_colors.SEMANTIC_COLORS.assistance60,
|
|
93
106
|
// We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
|
|
94
107
|
// but we need to keep this specific value for visualizations backwards compatibility.
|
|
95
108
|
// We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
|
|
@@ -46,7 +46,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
46
46
|
blueGrey135: '#172336',
|
|
47
47
|
blueGrey140: '#111C2C',
|
|
48
48
|
blueGrey145: '#0B1628',
|
|
49
|
-
blue10: '#
|
|
49
|
+
blue10: '#F1F6FF',
|
|
50
50
|
blue20: '#D9E8FF',
|
|
51
51
|
blue30: '#BFDBFF',
|
|
52
52
|
blue40: '#A3CBFF',
|
|
@@ -60,7 +60,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
60
60
|
blue120: '#123778',
|
|
61
61
|
blue130: '#0D2F5E',
|
|
62
62
|
blue140: '#0A2342',
|
|
63
|
-
sky10: '#
|
|
63
|
+
sky10: '#ECFBFF',
|
|
64
64
|
sky20: '#CFEEF7',
|
|
65
65
|
sky30: '#B5E5F2',
|
|
66
66
|
sky40: '#94D8EB',
|
|
@@ -74,7 +74,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
74
74
|
sky120: '#00425C',
|
|
75
75
|
sky130: '#003447',
|
|
76
76
|
sky140: '#002938',
|
|
77
|
-
teal10: '#
|
|
77
|
+
teal10: '#EAFBFA',
|
|
78
78
|
teal20: '#C9F3F0',
|
|
79
79
|
teal30: '#A6EDEA',
|
|
80
80
|
teal40: '#77E5E0',
|
|
@@ -88,7 +88,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
88
88
|
teal120: '#044949',
|
|
89
89
|
teal130: '#023436',
|
|
90
90
|
teal140: '#03282B',
|
|
91
|
-
pink10: '#
|
|
91
|
+
pink10: '#FFF0F8',
|
|
92
92
|
pink20: '#FDDDE9',
|
|
93
93
|
pink30: '#FFC7DB',
|
|
94
94
|
pink40: '#FBADCA',
|
|
@@ -102,7 +102,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
102
102
|
pink120: '#5E2140',
|
|
103
103
|
pink130: '#481E32',
|
|
104
104
|
pink140: '#351725',
|
|
105
|
-
green10: '#
|
|
105
|
+
green10: '#E9FFF7',
|
|
106
106
|
green20: '#C9F3E3',
|
|
107
107
|
green30: '#AEE8D2',
|
|
108
108
|
green40: '#88E3C3',
|
|
@@ -116,7 +116,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
116
116
|
green120: '#094837',
|
|
117
117
|
green130: '#0D362B',
|
|
118
118
|
green140: '#092A26',
|
|
119
|
-
yellow10: '#
|
|
119
|
+
yellow10: '#FFF7E2',
|
|
120
120
|
yellow20: '#FDE9B5',
|
|
121
121
|
yellow30: '#FCD883',
|
|
122
122
|
yellow40: '#FACB3D',
|
|
@@ -130,7 +130,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
130
130
|
yellow120: '#513910',
|
|
131
131
|
yellow130: '#3D3014',
|
|
132
132
|
yellow140: '#2C2721',
|
|
133
|
-
orange10: '#
|
|
133
|
+
orange10: '#FFF3E3',
|
|
134
134
|
orange20: '#FFDEBF',
|
|
135
135
|
orange30: '#FFCDA1',
|
|
136
136
|
orange40: '#FFB787',
|
|
@@ -144,7 +144,7 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
144
144
|
orange120: '#5E281A',
|
|
145
145
|
orange130: '#4A221C',
|
|
146
146
|
orange140: '#361D18',
|
|
147
|
-
red10: '#
|
|
147
|
+
red10: '#FFF3F1',
|
|
148
148
|
red20: '#FDDDD8',
|
|
149
149
|
red30: '#FFC9C2',
|
|
150
150
|
red40: '#FFB5AD',
|
|
@@ -158,12 +158,12 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
158
158
|
red120: '#5E2129',
|
|
159
159
|
red130: '#491D27',
|
|
160
160
|
red140: '#351721',
|
|
161
|
-
purple10: '#
|
|
161
|
+
purple10: '#F7F2FF',
|
|
162
162
|
purple20: '#ECE2FE',
|
|
163
|
-
purple30: '#
|
|
164
|
-
purple40: '#
|
|
165
|
-
purple50: '#
|
|
166
|
-
purple60: '#
|
|
163
|
+
purple30: '#E2D3FE',
|
|
164
|
+
purple40: '#D1BAFC',
|
|
165
|
+
purple50: '#C5A5FA',
|
|
166
|
+
purple60: '#B386F9',
|
|
167
167
|
purple70: '#A36DEF',
|
|
168
168
|
purple80: '#925CDA',
|
|
169
169
|
purple90: '#8144CC',
|
|
@@ -9,6 +9,7 @@ export declare const SEMANTIC_COLORS: {
|
|
|
9
9
|
warning60RGB: string;
|
|
10
10
|
risk60RGB: string;
|
|
11
11
|
danger70RGB: string;
|
|
12
|
+
assistance70RGB: string;
|
|
12
13
|
shade100RGB: string;
|
|
13
14
|
shade120RGB: string;
|
|
14
15
|
shade140RGB: string;
|
|
@@ -43,6 +44,7 @@ export declare const SEMANTIC_COLORS: {
|
|
|
43
44
|
danger70Alpha12: string;
|
|
44
45
|
danger70Alpha16: string;
|
|
45
46
|
danger70Alpha20: string;
|
|
47
|
+
assistance70Alpha12: string;
|
|
46
48
|
shade100Alpha4: string;
|
|
47
49
|
shade100Alpha16: string;
|
|
48
50
|
shade100Alpha24: string;
|
|
@@ -188,6 +188,7 @@ var _semantic_rgb_colors = {
|
|
|
188
188
|
warning60RGB: (0, _chromaJs["default"])(_semantic_colors.warning60).rgb().join(),
|
|
189
189
|
risk60RGB: (0, _chromaJs["default"])(_semantic_colors.risk60).rgb().join(),
|
|
190
190
|
danger70RGB: (0, _chromaJs["default"])(_semantic_colors.danger70).rgb().join(),
|
|
191
|
+
assistance70RGB: (0, _chromaJs["default"])(_semantic_colors.assistance70).rgb().join(),
|
|
191
192
|
shade100RGB: (0, _chromaJs["default"])(_semantic_colors.shade100).rgb().join(),
|
|
192
193
|
shade120RGB: (0, _chromaJs["default"])(_semantic_colors.shade120).rgb().join(),
|
|
193
194
|
shade140RGB: (0, _chromaJs["default"])(_semantic_colors.shade140).rgb().join()
|
|
@@ -224,6 +225,7 @@ var _semantic_alpha_colors = {
|
|
|
224
225
|
danger70Alpha12: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.12)"),
|
|
225
226
|
danger70Alpha16: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.16)"),
|
|
226
227
|
danger70Alpha20: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.2)"),
|
|
228
|
+
assistance70Alpha12: "rgba(".concat(_semantic_rgb_colors.assistance70RGB, ", 0.12)"),
|
|
227
229
|
shade100Alpha4: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.04)"),
|
|
228
230
|
shade100Alpha16: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.16)"),
|
|
229
231
|
shade100Alpha24: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.24)"),
|
|
@@ -26,6 +26,7 @@ const _buttons = {
|
|
|
26
26
|
backgroundWarningHover: SEMANTIC_COLORS.warning60Alpha16,
|
|
27
27
|
backgroundRiskHover: SEMANTIC_COLORS.risk60Alpha16,
|
|
28
28
|
backgroundDangerHover: SEMANTIC_COLORS.danger70Alpha12,
|
|
29
|
+
backgroundAssistanceHover: SEMANTIC_COLORS.assistance70Alpha12,
|
|
29
30
|
backgroundTextHover: SEMANTIC_COLORS.primary100Alpha8,
|
|
30
31
|
backgroundPrimaryActive: SEMANTIC_COLORS.primary70Alpha16,
|
|
31
32
|
backgroundAccentActive: SEMANTIC_COLORS.accent70Alpha16,
|
|
@@ -55,6 +56,7 @@ const _buttons = {
|
|
|
55
56
|
backgroundFilledRiskHover: SEMANTIC_COLORS.risk80,
|
|
56
57
|
backgroundFilledDangerHover: SEMANTIC_COLORS.danger100,
|
|
57
58
|
backgroundFilledTextHover: SEMANTIC_COLORS.shade100,
|
|
59
|
+
backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance100,
|
|
58
60
|
backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary110,
|
|
59
61
|
backgroundFilledAccentActive: SEMANTIC_COLORS.accent110,
|
|
60
62
|
backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary110,
|
|
@@ -132,6 +134,7 @@ const _dark_buttons = {
|
|
|
132
134
|
backgroundFilledRiskHover: SEMANTIC_COLORS.risk60,
|
|
133
135
|
backgroundFilledDangerHover: SEMANTIC_COLORS.danger70,
|
|
134
136
|
backgroundFilledTextHover: SEMANTIC_COLORS.shade70,
|
|
137
|
+
backgroundFilledAssistanceHover: SEMANTIC_COLORS.assistance70,
|
|
135
138
|
backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary80,
|
|
136
139
|
backgroundFilledAccentActive: SEMANTIC_COLORS.accent80,
|
|
137
140
|
backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary80,
|
|
@@ -34,6 +34,7 @@ export const dark_brand_text_colors = {
|
|
|
34
34
|
textWarning: SEMANTIC_COLORS.warning30,
|
|
35
35
|
textRisk: SEMANTIC_COLORS.risk50,
|
|
36
36
|
textDanger: SEMANTIC_COLORS.danger60,
|
|
37
|
+
textAssistance: SEMANTIC_COLORS.assistance50,
|
|
37
38
|
};
|
|
38
39
|
export const dark_text_colors = {
|
|
39
40
|
/* Legacy colors */
|
|
@@ -68,6 +69,7 @@ export const dark_background_colors = {
|
|
|
68
69
|
backgroundBaseWarning: SEMANTIC_COLORS.warning140,
|
|
69
70
|
backgroundBaseRisk: SEMANTIC_COLORS.risk140,
|
|
70
71
|
backgroundBaseDanger: SEMANTIC_COLORS.danger140,
|
|
72
|
+
backgroundBaseAssistance: SEMANTIC_COLORS.assistance140,
|
|
71
73
|
backgroundBaseSubdued: SEMANTIC_COLORS.plainDark,
|
|
72
74
|
backgroundBasePlain: SEMANTIC_COLORS.shade145,
|
|
73
75
|
backgroundBaseDisabled: SEMANTIC_COLORS.shade130,
|
|
@@ -75,6 +77,7 @@ export const dark_background_colors = {
|
|
|
75
77
|
backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade125,
|
|
76
78
|
backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade120,
|
|
77
79
|
backgroundBaseInteractiveHover: SEMANTIC_COLORS.plainLightAlpha8,
|
|
80
|
+
backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance130,
|
|
78
81
|
backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary130,
|
|
79
82
|
backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary120,
|
|
80
83
|
backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade120Alpha70,
|
|
@@ -88,6 +91,7 @@ export const dark_background_colors = {
|
|
|
88
91
|
backgroundLightWarning: SEMANTIC_COLORS.warning130,
|
|
89
92
|
backgroundLightRisk: SEMANTIC_COLORS.risk130,
|
|
90
93
|
backgroundLightDanger: SEMANTIC_COLORS.danger130,
|
|
94
|
+
backgroundLightAssistance: SEMANTIC_COLORS.assistance120,
|
|
91
95
|
backgroundLightText: SEMANTIC_COLORS.shade120,
|
|
92
96
|
backgroundFilledPrimary: SEMANTIC_COLORS.primary60,
|
|
93
97
|
backgroundFilledAccent: SEMANTIC_COLORS.accent60,
|
|
@@ -97,6 +101,7 @@ export const dark_background_colors = {
|
|
|
97
101
|
backgroundFilledWarning: SEMANTIC_COLORS.warning40,
|
|
98
102
|
backgroundFilledRisk: SEMANTIC_COLORS.risk50,
|
|
99
103
|
backgroundFilledDanger: SEMANTIC_COLORS.danger60,
|
|
104
|
+
backgroundFilledAssistance: SEMANTIC_COLORS.assistance50,
|
|
100
105
|
backgroundFilledText: SEMANTIC_COLORS.shade60,
|
|
101
106
|
};
|
|
102
107
|
/**
|
|
@@ -127,6 +132,7 @@ export const dark_border_colors = {
|
|
|
127
132
|
borderBaseWarning: SEMANTIC_COLORS.warning120,
|
|
128
133
|
borderBaseRisk: SEMANTIC_COLORS.risk120,
|
|
129
134
|
borderBaseDanger: SEMANTIC_COLORS.danger120,
|
|
135
|
+
borderBaseAssistance: SEMANTIC_COLORS.assistance120,
|
|
130
136
|
borderBasePlain: SEMANTIC_COLORS.shade100,
|
|
131
137
|
borderBaseSubdued: SEMANTIC_COLORS.shade120,
|
|
132
138
|
borderBaseProminent: SEMANTIC_COLORS.shade80,
|
|
@@ -144,6 +150,7 @@ export const dark_border_colors = {
|
|
|
144
150
|
borderStrongWarning: SEMANTIC_COLORS.warning40,
|
|
145
151
|
borderStrongRisk: SEMANTIC_COLORS.risk50,
|
|
146
152
|
borderStrongDanger: SEMANTIC_COLORS.danger60,
|
|
153
|
+
borderStrongAssistance: SEMANTIC_COLORS.assistance60,
|
|
147
154
|
borderStrongText: SEMANTIC_COLORS.shade60,
|
|
148
155
|
};
|
|
149
156
|
export const dark_special_colors = {
|
|
@@ -34,6 +34,7 @@ export const brand_text_colors = {
|
|
|
34
34
|
textWarning: SEMANTIC_COLORS.warning100,
|
|
35
35
|
textRisk: SEMANTIC_COLORS.risk100,
|
|
36
36
|
textDanger: SEMANTIC_COLORS.danger100,
|
|
37
|
+
textAssistance: SEMANTIC_COLORS.assistance100,
|
|
37
38
|
};
|
|
38
39
|
export const text_colors = {
|
|
39
40
|
/* Legacy colors */
|
|
@@ -68,6 +69,7 @@ export const background_colors = {
|
|
|
68
69
|
backgroundBaseWarning: SEMANTIC_COLORS.warning10,
|
|
69
70
|
backgroundBaseRisk: SEMANTIC_COLORS.risk10,
|
|
70
71
|
backgroundBaseDanger: SEMANTIC_COLORS.danger10,
|
|
72
|
+
backgroundBaseAssistance: SEMANTIC_COLORS.assistance10,
|
|
71
73
|
backgroundBaseSubdued: SEMANTIC_COLORS.shade10,
|
|
72
74
|
backgroundBasePlain: SEMANTIC_COLORS.plainLight,
|
|
73
75
|
backgroundBaseDisabled: SEMANTIC_COLORS.shade15,
|
|
@@ -75,6 +77,7 @@ export const background_colors = {
|
|
|
75
77
|
backgroundBaseFormsPrepend: SEMANTIC_COLORS.shade15,
|
|
76
78
|
backgroundBaseFormsControlDisabled: SEMANTIC_COLORS.shade30,
|
|
77
79
|
backgroundBaseInteractiveHover: SEMANTIC_COLORS.primary100Alpha4,
|
|
80
|
+
backgroundBaseInteractiveHoverAssistance: SEMANTIC_COLORS.assistance20,
|
|
78
81
|
backgroundBaseInteractiveSelect: SEMANTIC_COLORS.primary10,
|
|
79
82
|
backgroundBaseInteractiveSelectHover: SEMANTIC_COLORS.primary20,
|
|
80
83
|
backgroundBaseInteractiveOverlay: SEMANTIC_COLORS.shade100Alpha70,
|
|
@@ -88,6 +91,7 @@ export const background_colors = {
|
|
|
88
91
|
backgroundLightWarning: SEMANTIC_COLORS.warning20,
|
|
89
92
|
backgroundLightRisk: SEMANTIC_COLORS.risk20,
|
|
90
93
|
backgroundLightDanger: SEMANTIC_COLORS.danger20,
|
|
94
|
+
backgroundLightAssistance: SEMANTIC_COLORS.assistance20,
|
|
91
95
|
backgroundLightText: SEMANTIC_COLORS.shade20,
|
|
92
96
|
backgroundFilledPrimary: SEMANTIC_COLORS.primary90,
|
|
93
97
|
backgroundFilledAccent: SEMANTIC_COLORS.accent90,
|
|
@@ -97,6 +101,7 @@ export const background_colors = {
|
|
|
97
101
|
backgroundFilledWarning: SEMANTIC_COLORS.warning40,
|
|
98
102
|
backgroundFilledRisk: SEMANTIC_COLORS.risk70,
|
|
99
103
|
backgroundFilledDanger: SEMANTIC_COLORS.danger90,
|
|
104
|
+
backgroundFilledAssistance: SEMANTIC_COLORS.assistance90,
|
|
100
105
|
backgroundFilledText: SEMANTIC_COLORS.shade90,
|
|
101
106
|
};
|
|
102
107
|
/**
|
|
@@ -127,6 +132,7 @@ export const border_colors = {
|
|
|
127
132
|
borderBaseWarning: SEMANTIC_COLORS.warning30,
|
|
128
133
|
borderBaseRisk: SEMANTIC_COLORS.risk30,
|
|
129
134
|
borderBaseDanger: SEMANTIC_COLORS.danger30,
|
|
135
|
+
borderBaseAssistance: SEMANTIC_COLORS.assistance30,
|
|
130
136
|
borderBasePlain: SEMANTIC_COLORS.shade30,
|
|
131
137
|
borderBaseSubdued: SEMANTIC_COLORS.shade20,
|
|
132
138
|
borderBaseProminent: SEMANTIC_COLORS.shade50,
|
|
@@ -144,6 +150,7 @@ export const border_colors = {
|
|
|
144
150
|
borderStrongWarning: SEMANTIC_COLORS.warning90,
|
|
145
151
|
borderStrongRisk: SEMANTIC_COLORS.risk90,
|
|
146
152
|
borderStrongDanger: SEMANTIC_COLORS.danger90,
|
|
153
|
+
borderStrongAssistance: SEMANTIC_COLORS.assistance90,
|
|
147
154
|
borderStrongText: SEMANTIC_COLORS.shade90,
|
|
148
155
|
};
|
|
149
156
|
export const special_colors = {
|
|
@@ -19,4 +19,6 @@ export const colorVisDark = {
|
|
|
19
19
|
euiColorVisText7: SEMANTIC_COLORS.danger30,
|
|
20
20
|
euiColorVisText8: SEMANTIC_COLORS.warning60,
|
|
21
21
|
euiColorVisText9: SEMANTIC_COLORS.warning30,
|
|
22
|
+
euiColorVisText10: SEMANTIC_COLORS.assistance60,
|
|
23
|
+
euiColorVisText11: SEMANTIC_COLORS.assistance30,
|
|
22
24
|
};
|
|
@@ -18,6 +18,8 @@ const baseColorVis = {
|
|
|
18
18
|
euiColorVis7: SEMANTIC_COLORS.danger80,
|
|
19
19
|
euiColorVis8: SEMANTIC_COLORS.warning110,
|
|
20
20
|
euiColorVis9: SEMANTIC_COLORS.warning80,
|
|
21
|
+
euiColorVis10: PRIMITIVE_COLORS.purple60,
|
|
22
|
+
euiColorVis11: PRIMITIVE_COLORS.purple30,
|
|
21
23
|
};
|
|
22
24
|
export const visColorsLightHighContrast = {
|
|
23
25
|
...baseColorVis,
|
|
@@ -31,6 +33,8 @@ export const visColorsLightHighContrast = {
|
|
|
31
33
|
euiColorVisBehindText7: baseColorVis.euiColorVis7,
|
|
32
34
|
euiColorVisBehindText8: baseColorVis.euiColorVis8,
|
|
33
35
|
euiColorVisBehindText9: baseColorVis.euiColorVis9,
|
|
36
|
+
euiColorVisBehindText10: baseColorVis.euiColorVis10,
|
|
37
|
+
euiColorVisBehindText11: baseColorVis.euiColorVis11,
|
|
34
38
|
euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
|
|
35
39
|
euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
|
|
36
40
|
euiColorVisText2: SEMANTIC_COLORS.primary110,
|
|
@@ -41,6 +45,8 @@ export const visColorsLightHighContrast = {
|
|
|
41
45
|
euiColorVisText7: SEMANTIC_COLORS.danger80,
|
|
42
46
|
euiColorVisText8: SEMANTIC_COLORS.warning110,
|
|
43
47
|
euiColorVisText9: SEMANTIC_COLORS.warning90,
|
|
48
|
+
euiColorVisText10: SEMANTIC_COLORS.assistance110,
|
|
49
|
+
euiColorVisText11: SEMANTIC_COLORS.assistance90,
|
|
44
50
|
euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
|
|
45
51
|
euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
|
|
46
52
|
euiColorVisSuccess0: SEMANTIC_COLORS.success100,
|
|
@@ -51,6 +57,7 @@ export const visColorsLightHighContrast = {
|
|
|
51
57
|
euiColorVisRisk1: SEMANTIC_COLORS.risk80,
|
|
52
58
|
euiColorVisDanger0: SEMANTIC_COLORS.danger100,
|
|
53
59
|
euiColorVisDanger1: SEMANTIC_COLORS.danger80,
|
|
60
|
+
euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
|
|
54
61
|
// We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
|
|
55
62
|
// but we need to keep this specific value for visualizations backwards compatibility.
|
|
56
63
|
// We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
|
|
@@ -41,6 +41,12 @@ const euiPaletteColorBlind = {
|
|
|
41
41
|
euiColorVis9: {
|
|
42
42
|
graphic: SEMANTIC_COLORS.warning30,
|
|
43
43
|
},
|
|
44
|
+
euiColorVis10: {
|
|
45
|
+
graphic: PRIMITIVE_COLORS.purple60,
|
|
46
|
+
},
|
|
47
|
+
euiColorVis11: {
|
|
48
|
+
graphic: PRIMITIVE_COLORS.purple30,
|
|
49
|
+
},
|
|
44
50
|
};
|
|
45
51
|
export const colorVisLight = {
|
|
46
52
|
euiColorVis0: euiPaletteColorBlind.euiColorVis0.graphic,
|
|
@@ -53,6 +59,8 @@ export const colorVisLight = {
|
|
|
53
59
|
euiColorVis7: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
54
60
|
euiColorVis8: euiPaletteColorBlind.euiColorVis8.graphic,
|
|
55
61
|
euiColorVis9: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
62
|
+
euiColorVis10: euiPaletteColorBlind.euiColorVis10.graphic,
|
|
63
|
+
euiColorVis11: euiPaletteColorBlind.euiColorVis11.graphic,
|
|
56
64
|
euiColorVisBehindText0: euiPaletteColorBlind.euiColorVis0.graphic,
|
|
57
65
|
euiColorVisBehindText1: euiPaletteColorBlind.euiColorVis1.graphic,
|
|
58
66
|
euiColorVisBehindText2: euiPaletteColorBlind.euiColorVis2.graphic,
|
|
@@ -63,6 +71,8 @@ export const colorVisLight = {
|
|
|
63
71
|
euiColorVisBehindText7: euiPaletteColorBlind.euiColorVis7.graphic,
|
|
64
72
|
euiColorVisBehindText8: euiPaletteColorBlind.euiColorVis8.graphic,
|
|
65
73
|
euiColorVisBehindText9: euiPaletteColorBlind.euiColorVis9.graphic,
|
|
74
|
+
euiColorVisBehindText10: euiPaletteColorBlind.euiColorVis10.graphic,
|
|
75
|
+
euiColorVisBehindText11: euiPaletteColorBlind.euiColorVis11.graphic,
|
|
66
76
|
euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
|
|
67
77
|
euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
|
|
68
78
|
euiColorVisText2: SEMANTIC_COLORS.primary110,
|
|
@@ -73,6 +83,8 @@ export const colorVisLight = {
|
|
|
73
83
|
euiColorVisText7: SEMANTIC_COLORS.danger80,
|
|
74
84
|
euiColorVisText8: SEMANTIC_COLORS.warning110,
|
|
75
85
|
euiColorVisText9: SEMANTIC_COLORS.warning90,
|
|
86
|
+
euiColorVisText10: SEMANTIC_COLORS.assistance110,
|
|
87
|
+
euiColorVisText11: SEMANTIC_COLORS.assistance90,
|
|
76
88
|
euiColorVisNeutral0: SEMANTIC_COLORS.neutral60,
|
|
77
89
|
euiColorVisNeutral1: SEMANTIC_COLORS.neutral30,
|
|
78
90
|
euiColorVisSuccess0: SEMANTIC_COLORS.success60,
|
|
@@ -83,6 +95,7 @@ export const colorVisLight = {
|
|
|
83
95
|
euiColorVisRisk1: SEMANTIC_COLORS.risk30,
|
|
84
96
|
euiColorVisDanger0: SEMANTIC_COLORS.danger60,
|
|
85
97
|
euiColorVisDanger1: SEMANTIC_COLORS.danger30,
|
|
98
|
+
euiColorVisAssistance: SEMANTIC_COLORS.assistance60,
|
|
86
99
|
// We removed the `mutedGrey` palette in favor of the `blueGrey` palette from the theme
|
|
87
100
|
// but we need to keep this specific value for visualizations backwards compatibility.
|
|
88
101
|
// We want to limit its usage to visualizations only, so we're keeping it hardcoded here.
|