@elastic/eui-theme-borealis 6.0.0 → 6.1.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 +4 -4
- 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 +4 -4
- 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 +15 -0
- package/lib/eui_theme_borealis_dark.json.d.ts +14 -0
- package/lib/eui_theme_borealis_light.json +15 -0
- 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 +4 -4
|
@@ -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.
|
|
@@ -160,10 +160,10 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
|
|
|
160
160
|
red140: '#351721',
|
|
161
161
|
purple10: '#F3ECFE',
|
|
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.
|
|
@@ -153,10 +153,10 @@ export const PRIMITIVE_COLORS = {
|
|
|
153
153
|
red140: '#351721',
|
|
154
154
|
purple10: '#F3ECFE',
|
|
155
155
|
purple20: '#ECE2FE',
|
|
156
|
-
purple30: '#
|
|
157
|
-
purple40: '#
|
|
158
|
-
purple50: '#
|
|
159
|
-
purple60: '#
|
|
156
|
+
purple30: '#E2D3FE',
|
|
157
|
+
purple40: '#D1BAFC',
|
|
158
|
+
purple50: '#C5A5FA',
|
|
159
|
+
purple60: '#B386F9',
|
|
160
160
|
purple70: '#A36DEF',
|
|
161
161
|
purple80: '#925CDA',
|
|
162
162
|
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;
|
|
@@ -176,6 +176,7 @@ const _semantic_rgb_colors = {
|
|
|
176
176
|
warning60RGB: chroma(_semantic_colors.warning60).rgb().join(),
|
|
177
177
|
risk60RGB: chroma(_semantic_colors.risk60).rgb().join(),
|
|
178
178
|
danger70RGB: chroma(_semantic_colors.danger70).rgb().join(),
|
|
179
|
+
assistance70RGB: chroma(_semantic_colors.assistance70).rgb().join(),
|
|
179
180
|
shade100RGB: chroma(_semantic_colors.shade100).rgb().join(),
|
|
180
181
|
shade120RGB: chroma(_semantic_colors.shade120).rgb().join(),
|
|
181
182
|
shade140RGB: chroma(_semantic_colors.shade140).rgb().join(),
|
|
@@ -212,6 +213,7 @@ const _semantic_alpha_colors = {
|
|
|
212
213
|
danger70Alpha12: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.12)`,
|
|
213
214
|
danger70Alpha16: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.16)`,
|
|
214
215
|
danger70Alpha20: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.2)`,
|
|
216
|
+
assistance70Alpha12: `rgba(${_semantic_rgb_colors.assistance70RGB}, 0.12)`,
|
|
215
217
|
shade100Alpha4: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.04)`,
|
|
216
218
|
shade100Alpha16: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.16)`,
|
|
217
219
|
shade100Alpha24: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.24)`,
|
|
@@ -308,6 +308,8 @@
|
|
|
308
308
|
"euiColorVis7": "#FFC9C2",
|
|
309
309
|
"euiColorVis8": "#EAAE01",
|
|
310
310
|
"euiColorVis9": "#FCD883",
|
|
311
|
+
"euiColorVis10": "#B386F9",
|
|
312
|
+
"euiColorVis11": "#E2D3FE",
|
|
311
313
|
"euiColorVis0_behindText": "#16C5C0",
|
|
312
314
|
"euiColorVis1_behindText": "#A6EDEA",
|
|
313
315
|
"euiColorVis2_behindText": "#61A2FF",
|
|
@@ -318,6 +320,8 @@
|
|
|
318
320
|
"euiColorVis7_behindText": "#FFC9C2",
|
|
319
321
|
"euiColorVis8_behindText": "#EAAE01",
|
|
320
322
|
"euiColorVis9_behindText": "#FCD883",
|
|
323
|
+
"euiColorVis10_behindText": "#B386F9",
|
|
324
|
+
"euiColorVis11_behindText": "#E2D3FE",
|
|
321
325
|
"euiColorVisText0": "#16C5C0",
|
|
322
326
|
"euiColorVisText1": "#A6EDEA",
|
|
323
327
|
"euiColorVisText2": "#61A2FF",
|
|
@@ -328,11 +332,14 @@
|
|
|
328
332
|
"euiColorVisText7": "#FFC9C2",
|
|
329
333
|
"euiColorVisText8": "#EAAE01",
|
|
330
334
|
"euiColorVisText9": "#FCD883",
|
|
335
|
+
"euiColorVisText10": "#B386F9",
|
|
336
|
+
"euiColorVisText11": "#E2D3FE",
|
|
331
337
|
"euiColorVisSuccess0": "#24C292",
|
|
332
338
|
"euiColorVisSuccess1": "#AEE8D2",
|
|
333
339
|
"euiColorVisWarning0": "#FCD883",
|
|
334
340
|
"euiColorVisDanger0": "#F6726A",
|
|
335
341
|
"euiColorVisDanger1": "#FFC9C2",
|
|
342
|
+
"euiColorVisAssistance": "#B386F9",
|
|
336
343
|
"euiColorVisNeutral0": "#F6F9FC",
|
|
337
344
|
"euiColorVisGrey0": "#CAD3E2",
|
|
338
345
|
"euiColorVisGrey1": "#8E9FBC",
|
|
@@ -352,6 +359,7 @@
|
|
|
352
359
|
"euiColorSeverityWarning": "#FCD883",
|
|
353
360
|
"euiColorSeverityRisk": "#FF995E",
|
|
354
361
|
"euiColorSeverityDanger": "#EE4C48",
|
|
362
|
+
"euiColorSeverityAssistance": "#B386F9",
|
|
355
363
|
"euiColorChartLines": "#7186A8",
|
|
356
364
|
"euiColorChartBand": "#243147",
|
|
357
365
|
"euiColorPrimary": "#61A2FF",
|
|
@@ -390,6 +398,7 @@
|
|
|
390
398
|
"euiColorTextWarning": "#FCD883",
|
|
391
399
|
"euiColorTextRisk": "#FF995E",
|
|
392
400
|
"euiColorTextDanger": "#F6726A",
|
|
401
|
+
"euiColorTextAssistance": "#C5A5FA",
|
|
393
402
|
"euiColorTextParagraph": "#CAD3E2",
|
|
394
403
|
"euiColorTextHeading": "#E3E8F2",
|
|
395
404
|
"euiColorTextSubdued": "#98A8C3",
|
|
@@ -405,6 +414,7 @@
|
|
|
405
414
|
"euiColorBackgroundBaseWarning": "#2C2721",
|
|
406
415
|
"euiColorBackgroundBaseRisk": "#361D18",
|
|
407
416
|
"euiColorBackgroundBaseDanger": "#351721",
|
|
417
|
+
"euiColorBackgroundBaseAssistance": "#2A1E3E",
|
|
408
418
|
"euiColorBackgroundBaseSubdued": "#07101F",
|
|
409
419
|
"euiColorBackgroundBasePlain": "#0B1628",
|
|
410
420
|
"euiColorBackgroundBaseDisabled": "#1D2A3E",
|
|
@@ -412,6 +422,7 @@
|
|
|
412
422
|
"euiColorBackgroundBaseFormsPrepend": "#243147",
|
|
413
423
|
"euiColorBackgroundBaseFormsControlDisabled": "#2B394F",
|
|
414
424
|
"euiColorBackgroundBaseInteractiveHover": "rgba(255,255,255, 0.08)",
|
|
425
|
+
"euiColorBackgroundBaseInteractiveHoverAssistance": "#322452",
|
|
415
426
|
"euiColorBackgroundBaseInteractiveSelect": "#0D2F5E",
|
|
416
427
|
"euiColorBackgroundBaseInteractiveSelectHover": "#123778",
|
|
417
428
|
"euiColorBackgroundBaseInteractiveOverlay": "rgba(43,57,79, 0.7)",
|
|
@@ -425,6 +436,7 @@
|
|
|
425
436
|
"euiColorBackgroundLightWarning": "#3D3014",
|
|
426
437
|
"euiColorBackgroundLightRisk": "#4A221C",
|
|
427
438
|
"euiColorBackgroundLightDanger": "#491D27",
|
|
439
|
+
"euiColorBackgroundLightAssistance": "#3E2C63",
|
|
428
440
|
"euiColorBackgroundLightText": "#2B394F",
|
|
429
441
|
"euiColorBackgroundFilledPrimary": "#61A2FF",
|
|
430
442
|
"euiColorBackgroundFilledAccent": "#EE72A6",
|
|
@@ -434,6 +446,7 @@
|
|
|
434
446
|
"euiColorBackgroundFilledWarning": "#FACB3D",
|
|
435
447
|
"euiColorBackgroundFilledRisk": "#FF995E",
|
|
436
448
|
"euiColorBackgroundFilledDanger": "#F6726A",
|
|
449
|
+
"euiColorBackgroundFilledAssistance": "#C5A5FA",
|
|
437
450
|
"euiColorBackgroundFilledText": "#8E9FBC",
|
|
438
451
|
"euiColorBorderBasePrimary": "#123778",
|
|
439
452
|
"euiColorBorderBaseAccent": "#5E2140",
|
|
@@ -443,6 +456,7 @@
|
|
|
443
456
|
"euiColorBorderBaseWarning": "#513910",
|
|
444
457
|
"euiColorBorderBaseRisk": "#5E281A",
|
|
445
458
|
"euiColorBorderBaseDanger": "#5E2129",
|
|
459
|
+
"euiColorBorderBaseAssistance": "#3E2C63",
|
|
446
460
|
"euiColorBorderBasePlain": "#485975",
|
|
447
461
|
"euiColorBorderBaseSubdued": "#2B394F",
|
|
448
462
|
"euiColorBorderBaseProminent": "#6A7FA0",
|
|
@@ -460,5 +474,6 @@
|
|
|
460
474
|
"euiColorBorderStrongWarning": "#FACB3D",
|
|
461
475
|
"euiColorBorderStrongRisk": "#FC8544",
|
|
462
476
|
"euiColorBorderStrongDanger": "#F6726A",
|
|
477
|
+
"euiColorBorderStrongAssistance": "#B386F9",
|
|
463
478
|
"euiColorBorderStrongText": "#8E9FBC"
|
|
464
479
|
}
|
|
@@ -309,6 +309,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
309
309
|
euiColorVis7: string;
|
|
310
310
|
euiColorVis8: string;
|
|
311
311
|
euiColorVis9: string;
|
|
312
|
+
euiColorVis10: string;
|
|
313
|
+
euiColorVis11: string;
|
|
312
314
|
euiColorVis0_behindText: string;
|
|
313
315
|
euiColorVis1_behindText: string;
|
|
314
316
|
euiColorVis2_behindText: string;
|
|
@@ -319,6 +321,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
319
321
|
euiColorVis7_behindText: string;
|
|
320
322
|
euiColorVis8_behindText: string;
|
|
321
323
|
euiColorVis9_behindText: string;
|
|
324
|
+
euiColorVis10_behindText: string;
|
|
325
|
+
euiColorVis11_behindText: string;
|
|
322
326
|
euiColorVisText0: string;
|
|
323
327
|
euiColorVisText1: string;
|
|
324
328
|
euiColorVisText2: string;
|
|
@@ -329,11 +333,14 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
329
333
|
euiColorVisText7: string;
|
|
330
334
|
euiColorVisText8: string;
|
|
331
335
|
euiColorVisText9: string;
|
|
336
|
+
euiColorVisText10: string;
|
|
337
|
+
euiColorVisText11: string;
|
|
332
338
|
euiColorVisSuccess0: string;
|
|
333
339
|
euiColorVisSuccess1: string;
|
|
334
340
|
euiColorVisWarning0: string;
|
|
335
341
|
euiColorVisDanger0: string;
|
|
336
342
|
euiColorVisDanger1: string;
|
|
343
|
+
euiColorVisAssistance: string;
|
|
337
344
|
euiColorVisNeutral0: string;
|
|
338
345
|
euiColorVisGrey0: string;
|
|
339
346
|
euiColorVisGrey1: string;
|
|
@@ -353,6 +360,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
353
360
|
euiColorSeverityWarning: string;
|
|
354
361
|
euiColorSeverityRisk: string;
|
|
355
362
|
euiColorSeverityDanger: string;
|
|
363
|
+
euiColorSeverityAssistance: string;
|
|
356
364
|
euiColorChartLines: string;
|
|
357
365
|
euiColorChartBand: string;
|
|
358
366
|
euiColorPrimary: string;
|
|
@@ -391,6 +399,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
391
399
|
euiColorTextWarning: string;
|
|
392
400
|
euiColorTextRisk: string;
|
|
393
401
|
euiColorTextDanger: string;
|
|
402
|
+
euiColorTextAssistance: string;
|
|
394
403
|
euiColorTextParagraph: string;
|
|
395
404
|
euiColorTextHeading: string;
|
|
396
405
|
euiColorTextSubdued: string;
|
|
@@ -406,6 +415,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
406
415
|
euiColorBackgroundBaseWarning: string;
|
|
407
416
|
euiColorBackgroundBaseRisk: string;
|
|
408
417
|
euiColorBackgroundBaseDanger: string;
|
|
418
|
+
euiColorBackgroundBaseAssistance: string;
|
|
409
419
|
euiColorBackgroundBaseSubdued: string;
|
|
410
420
|
euiColorBackgroundBasePlain: string;
|
|
411
421
|
euiColorBackgroundBaseDisabled: string;
|
|
@@ -426,6 +436,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
426
436
|
euiColorBackgroundLightWarning: string;
|
|
427
437
|
euiColorBackgroundLightRisk: string;
|
|
428
438
|
euiColorBackgroundLightDanger: string;
|
|
439
|
+
euiColorBackgroundLightAssistance: string;
|
|
429
440
|
euiColorBackgroundLightText: string;
|
|
430
441
|
euiColorBackgroundFilledPrimary: string;
|
|
431
442
|
euiColorBackgroundFilledAccent: string;
|
|
@@ -435,6 +446,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
435
446
|
euiColorBackgroundFilledWarning: string;
|
|
436
447
|
euiColorBackgroundFilledRisk: string;
|
|
437
448
|
euiColorBackgroundFilledDanger: string;
|
|
449
|
+
euiColorBackgroundFilledAssistance: string;
|
|
438
450
|
euiColorBackgroundFilledText: string;
|
|
439
451
|
euiColorBorderBasePrimary: string;
|
|
440
452
|
euiColorBorderBaseAccent: string;
|
|
@@ -444,6 +456,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
444
456
|
euiColorBorderBaseWarning: string;
|
|
445
457
|
euiColorBorderBaseRisk: string;
|
|
446
458
|
euiColorBorderBaseDanger: string;
|
|
459
|
+
euiColorBorderBaseAssistance: string;
|
|
447
460
|
euiColorBorderBasePlain: string;
|
|
448
461
|
euiColorBorderBaseSubdued: string;
|
|
449
462
|
euiColorBorderBaseProminent: string;
|
|
@@ -461,6 +474,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
|
|
|
461
474
|
euiColorBorderStrongWarning: string;
|
|
462
475
|
euiColorBorderStrongRisk: string;
|
|
463
476
|
euiColorBorderStrongDanger: string;
|
|
477
|
+
euiColorBorderStrongAssistance: string;
|
|
464
478
|
euiColorBorderStrongText: string;
|
|
465
479
|
};
|
|
466
480
|
export default sassVariables;
|
|
@@ -308,6 +308,8 @@
|
|
|
308
308
|
"euiColorVis7": "#FFC9C2",
|
|
309
309
|
"euiColorVis8": "#EAAE01",
|
|
310
310
|
"euiColorVis9": "#FCD883",
|
|
311
|
+
"euiColorVis10": "#B386F9",
|
|
312
|
+
"euiColorVis11": "#E2D3FE",
|
|
311
313
|
"euiColorVis0_behindText": "#16C5C0",
|
|
312
314
|
"euiColorVis1_behindText": "#A6EDEA",
|
|
313
315
|
"euiColorVis2_behindText": "#61A2FF",
|
|
@@ -318,6 +320,8 @@
|
|
|
318
320
|
"euiColorVis7_behindText": "#FFC9C2",
|
|
319
321
|
"euiColorVis8_behindText": "#EAAE01",
|
|
320
322
|
"euiColorVis9_behindText": "#FCD883",
|
|
323
|
+
"euiColorVis10_behindText": "#B386F9",
|
|
324
|
+
"euiColorVis11_behindText": "#E2D3FE",
|
|
321
325
|
"euiColorVisText0": "#065B58",
|
|
322
326
|
"euiColorVisText1": "#047471",
|
|
323
327
|
"euiColorVisText2": "#154399",
|
|
@@ -328,11 +332,14 @@
|
|
|
328
332
|
"euiColorVisText7": "#DA3737",
|
|
329
333
|
"euiColorVisText8": "#6A4906",
|
|
330
334
|
"euiColorVisText9": "#966B03",
|
|
335
|
+
"euiColorVisText10": "#52357E",
|
|
336
|
+
"euiColorVisText11": "#8144CC",
|
|
331
337
|
"euiColorVisSuccess0": "#24C292",
|
|
332
338
|
"euiColorVisSuccess1": "#AEE8D2",
|
|
333
339
|
"euiColorVisWarning0": "#FCD883",
|
|
334
340
|
"euiColorVisDanger0": "#F6726A",
|
|
335
341
|
"euiColorVisDanger1": "#FFC9C2",
|
|
342
|
+
"euiColorVisAssistance": "#B386F9",
|
|
336
343
|
"euiColorVisNeutral0": "#F6F9FC",
|
|
337
344
|
"euiColorVisGrey0": "#CAD3E2",
|
|
338
345
|
"euiColorVisGrey1": "#8E9FBC",
|
|
@@ -352,6 +359,7 @@
|
|
|
352
359
|
"euiColorSeverityWarning": "#FCD883",
|
|
353
360
|
"euiColorSeverityRisk": "#FF995E",
|
|
354
361
|
"euiColorSeverityDanger": "#EE4C48",
|
|
362
|
+
"euiColorSeverityAssistance": "#B386F9",
|
|
355
363
|
"euiColorChartLines": "#CAD3E2",
|
|
356
364
|
"euiColorChartBand": "#F6F9FC",
|
|
357
365
|
"euiColorPrimary": "#0B64DD",
|
|
@@ -390,6 +398,7 @@
|
|
|
390
398
|
"euiColorTextWarning": "#6A4906",
|
|
391
399
|
"euiColorTextRisk": "#9E3A16",
|
|
392
400
|
"euiColorTextDanger": "#A71627",
|
|
401
|
+
"euiColorTextAssistance": "#6B3C9F",
|
|
393
402
|
"euiColorTextParagraph": "#1D2A3E",
|
|
394
403
|
"euiColorTextHeading": "#111C2C",
|
|
395
404
|
"euiColorTextSubdued": "#516381",
|
|
@@ -405,6 +414,7 @@
|
|
|
405
414
|
"euiColorBackgroundBaseWarning": "#FDF3D8",
|
|
406
415
|
"euiColorBackgroundBaseRisk": "#FFEDD6",
|
|
407
416
|
"euiColorBackgroundBaseDanger": "#FFE8E5",
|
|
417
|
+
"euiColorBackgroundBaseAssistance": "#F3ECFE",
|
|
408
418
|
"euiColorBackgroundBaseSubdued": "#F6F9FC",
|
|
409
419
|
"euiColorBackgroundBasePlain": "#FFFFFF",
|
|
410
420
|
"euiColorBackgroundBaseDisabled": "#ECF1F9",
|
|
@@ -412,6 +422,7 @@
|
|
|
412
422
|
"euiColorBackgroundBaseFormsPrepend": "#ECF1F9",
|
|
413
423
|
"euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
|
|
414
424
|
"euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
|
|
425
|
+
"euiColorBackgroundBaseInteractiveHoverAssistance": "#ECE2FE",
|
|
415
426
|
"euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
|
|
416
427
|
"euiColorBackgroundBaseInteractiveSelectHover": "#D9E8FF",
|
|
417
428
|
"euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
|
|
@@ -425,6 +436,7 @@
|
|
|
425
436
|
"euiColorBackgroundLightWarning": "#FDE9B5",
|
|
426
437
|
"euiColorBackgroundLightRisk": "#FFDEBF",
|
|
427
438
|
"euiColorBackgroundLightDanger": "#FDDDD8",
|
|
439
|
+
"euiColorBackgroundLightAssistance": "#ECE2FE",
|
|
428
440
|
"euiColorBackgroundLightText": "#E3E8F2",
|
|
429
441
|
"euiColorBackgroundFilledPrimary": "#0B64DD",
|
|
430
442
|
"euiColorBackgroundFilledAccent": "#BC1E70",
|
|
@@ -434,6 +446,7 @@
|
|
|
434
446
|
"euiColorBackgroundFilledWarning": "#FACB3D",
|
|
435
447
|
"euiColorBackgroundFilledRisk": "#ED6723",
|
|
436
448
|
"euiColorBackgroundFilledDanger": "#C61E25",
|
|
449
|
+
"euiColorBackgroundFilledAssistance": "#8144CC",
|
|
437
450
|
"euiColorBackgroundFilledText": "#5A6D8C",
|
|
438
451
|
"euiColorBorderBasePrimary": "#BFDBFF",
|
|
439
452
|
"euiColorBorderBaseAccent": "#FFC7DB",
|
|
@@ -443,6 +456,7 @@
|
|
|
443
456
|
"euiColorBorderBaseWarning": "#FCD883",
|
|
444
457
|
"euiColorBorderBaseRisk": "#FFCDA1",
|
|
445
458
|
"euiColorBorderBaseDanger": "#FFC9C2",
|
|
459
|
+
"euiColorBorderBaseAssistance": "#E2D3FE",
|
|
446
460
|
"euiColorBorderBasePlain": "#CAD3E2",
|
|
447
461
|
"euiColorBorderBaseSubdued": "#E3E8F2",
|
|
448
462
|
"euiColorBorderBaseProminent": "#A2B1C9",
|
|
@@ -460,5 +474,6 @@
|
|
|
460
474
|
"euiColorBorderStrongWarning": "#966B03",
|
|
461
475
|
"euiColorBorderStrongRisk": "#C24411",
|
|
462
476
|
"euiColorBorderStrongDanger": "#C61E25",
|
|
477
|
+
"euiColorBorderStrongAssistance": "#8144CC",
|
|
463
478
|
"euiColorBorderStrongText": "#5A6D8C"
|
|
464
479
|
}
|
|
@@ -309,6 +309,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
309
309
|
euiColorVis7: string;
|
|
310
310
|
euiColorVis8: string;
|
|
311
311
|
euiColorVis9: string;
|
|
312
|
+
euiColorVis10: string;
|
|
313
|
+
euiColorVis11: string;
|
|
312
314
|
euiColorVis0_behindText: string;
|
|
313
315
|
euiColorVis1_behindText: string;
|
|
314
316
|
euiColorVis2_behindText: string;
|
|
@@ -319,6 +321,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
319
321
|
euiColorVis7_behindText: string;
|
|
320
322
|
euiColorVis8_behindText: string;
|
|
321
323
|
euiColorVis9_behindText: string;
|
|
324
|
+
euiColorVis10_behindText: string;
|
|
325
|
+
euiColorVis11_behindText: string;
|
|
322
326
|
euiColorVisText0: string;
|
|
323
327
|
euiColorVisText1: string;
|
|
324
328
|
euiColorVisText2: string;
|
|
@@ -329,11 +333,14 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
329
333
|
euiColorVisText7: string;
|
|
330
334
|
euiColorVisText8: string;
|
|
331
335
|
euiColorVisText9: string;
|
|
336
|
+
euiColorVisText10: string;
|
|
337
|
+
euiColorVisText11: string;
|
|
332
338
|
euiColorVisSuccess0: string;
|
|
333
339
|
euiColorVisSuccess1: string;
|
|
334
340
|
euiColorVisWarning0: string;
|
|
335
341
|
euiColorVisDanger0: string;
|
|
336
342
|
euiColorVisDanger1: string;
|
|
343
|
+
euiColorVisAssistance: string;
|
|
337
344
|
euiColorVisNeutral0: string;
|
|
338
345
|
euiColorVisGrey0: string;
|
|
339
346
|
euiColorVisGrey1: string;
|
|
@@ -353,6 +360,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
353
360
|
euiColorSeverityWarning: string;
|
|
354
361
|
euiColorSeverityRisk: string;
|
|
355
362
|
euiColorSeverityDanger: string;
|
|
363
|
+
euiColorSeverityAssistance: string;
|
|
356
364
|
euiColorChartLines: string;
|
|
357
365
|
euiColorChartBand: string;
|
|
358
366
|
euiColorPrimary: string;
|
|
@@ -391,6 +399,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
391
399
|
euiColorTextWarning: string;
|
|
392
400
|
euiColorTextRisk: string;
|
|
393
401
|
euiColorTextDanger: string;
|
|
402
|
+
euiColorTextAssistance: string;
|
|
394
403
|
euiColorTextParagraph: string;
|
|
395
404
|
euiColorTextHeading: string;
|
|
396
405
|
euiColorTextSubdued: string;
|
|
@@ -406,6 +415,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
406
415
|
euiColorBackgroundBaseWarning: string;
|
|
407
416
|
euiColorBackgroundBaseRisk: string;
|
|
408
417
|
euiColorBackgroundBaseDanger: string;
|
|
418
|
+
euiColorBackgroundBaseAssistance: string;
|
|
409
419
|
euiColorBackgroundBaseSubdued: string;
|
|
410
420
|
euiColorBackgroundBasePlain: string;
|
|
411
421
|
euiColorBackgroundBaseDisabled: string;
|
|
@@ -426,6 +436,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
426
436
|
euiColorBackgroundLightWarning: string;
|
|
427
437
|
euiColorBackgroundLightRisk: string;
|
|
428
438
|
euiColorBackgroundLightDanger: string;
|
|
439
|
+
euiColorBackgroundLightAssistance: string;
|
|
429
440
|
euiColorBackgroundLightText: string;
|
|
430
441
|
euiColorBackgroundFilledPrimary: string;
|
|
431
442
|
euiColorBackgroundFilledAccent: string;
|
|
@@ -435,6 +446,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
435
446
|
euiColorBackgroundFilledWarning: string;
|
|
436
447
|
euiColorBackgroundFilledRisk: string;
|
|
437
448
|
euiColorBackgroundFilledDanger: string;
|
|
449
|
+
euiColorBackgroundFilledAssistance: string;
|
|
438
450
|
euiColorBackgroundFilledText: string;
|
|
439
451
|
euiColorBorderBasePrimary: string;
|
|
440
452
|
euiColorBorderBaseAccent: string;
|
|
@@ -444,6 +456,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
444
456
|
euiColorBorderBaseWarning: string;
|
|
445
457
|
euiColorBorderBaseRisk: string;
|
|
446
458
|
euiColorBorderBaseDanger: string;
|
|
459
|
+
euiColorBorderBaseAssistance: string;
|
|
447
460
|
euiColorBorderBasePlain: string;
|
|
448
461
|
euiColorBorderBaseSubdued: string;
|
|
449
462
|
euiColorBorderBaseProminent: string;
|
|
@@ -461,6 +474,7 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
|
|
|
461
474
|
euiColorBorderStrongWarning: string;
|
|
462
475
|
euiColorBorderStrongRisk: string;
|
|
463
476
|
euiColorBorderStrongDanger: string;
|
|
477
|
+
euiColorBorderStrongAssistance: string;
|
|
464
478
|
euiColorBorderStrongText: string;
|
|
465
479
|
};
|
|
466
480
|
export default sassVariables;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elastic/eui-theme-borealis",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"description": "A visual theme for EUI",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"scripts": {
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"build:compile:cjs": "NODE_ENV=production NO_COREJS_POLYFILL=true babel src --out-dir=lib/cjs --extensions .js,.ts,.tsx",
|
|
12
12
|
"build:types": "NODE_ENV=production tsc --project tsconfig.types.json",
|
|
13
13
|
"build-pack": "yarn build && npm pack",
|
|
14
|
+
"watch": "node ../../scripts/watch-eui.js --package @elastic/eui-theme-borealis",
|
|
14
15
|
"copy-files": "node ./scripts/copy-json-files.js",
|
|
15
16
|
"lint": "yarn run lint-ts && yarn run lint-es && yarn run lint-sass",
|
|
16
17
|
"lint-ts": "tsc --noEmit",
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
"directory": "packages/eui-theme-borealis"
|
|
27
28
|
},
|
|
28
29
|
"dependencies": {
|
|
29
|
-
"@elastic/eui-theme-common": "8.
|
|
30
|
+
"@elastic/eui-theme-common": "8.1.0",
|
|
30
31
|
"chroma-js": "^2.4.2"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
@@ -35,7 +36,7 @@
|
|
|
35
36
|
"@babel/preset-env": "^7.21.5",
|
|
36
37
|
"@babel/preset-react": "^7.18.6",
|
|
37
38
|
"@babel/preset-typescript": "^7.21.5",
|
|
38
|
-
"@elastic/eui-theme-common": "8.
|
|
39
|
+
"@elastic/eui-theme-common": "8.1.0",
|
|
39
40
|
"@types/chroma-js": "^2.4.0",
|
|
40
41
|
"@types/jest": "^29.5.12",
|
|
41
42
|
"@types/prettier": "2.7.3",
|
|
@@ -34,6 +34,7 @@ $euiColorBackgroundBaseSuccess: $euiColorSuccess140 !default;
|
|
|
34
34
|
$euiColorBackgroundBaseWarning: $euiColorWarning140 !default;
|
|
35
35
|
$euiColorBackgroundBaseRisk: $euiColorRisk140 !default;
|
|
36
36
|
$euiColorBackgroundBaseDanger: $euiColorDanger140 !default;
|
|
37
|
+
$euiColorBackgroundBaseAssistance: $euiColorAssistance140 !default;
|
|
37
38
|
$euiColorBackgroundBaseSubdued: $euiColorPlainDark !default;
|
|
38
39
|
$euiColorBackgroundBasePlain: $euiColorShade145 !default;
|
|
39
40
|
$euiColorBackgroundBaseDisabled: $euiColorShade130 !default;
|
|
@@ -42,6 +43,7 @@ $euiColorBackgroundBaseFormsPrepend: $euiColorShade125 !default;
|
|
|
42
43
|
$euiColorBackgroundBaseFormsControlDisabled: $euiColorShade120 !default;
|
|
43
44
|
|
|
44
45
|
$euiColorBackgroundBaseInteractiveHover: $euiColorPlainLightAlpha8 !default;
|
|
46
|
+
$euiColorBackgroundBaseInteractiveHoverAssistance: $euiColorAssistance130 !default;
|
|
45
47
|
$euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary130 !default;
|
|
46
48
|
$euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary120 !default;
|
|
47
49
|
$euiColorBackgroundBaseInteractiveOverlay: $euiColorShade120Alpha70 !default;
|
|
@@ -56,6 +58,7 @@ $euiColorBackgroundLightSuccess: $euiColorSuccess130 !default;
|
|
|
56
58
|
$euiColorBackgroundLightRisk: $euiColorRisk130 !default;
|
|
57
59
|
$euiColorBackgroundLightWarning: $euiColorWarning130 !default;
|
|
58
60
|
$euiColorBackgroundLightDanger: $euiColorDanger130 !default;
|
|
61
|
+
$euiColorBackgroundLightAssistance: $euiColorAssistance120 !default;
|
|
59
62
|
$euiColorBackgroundLightText: $euiColorShade120 !default;
|
|
60
63
|
|
|
61
64
|
$euiColorBackgroundFilledPrimary: $euiColorPrimary60 !default;
|
|
@@ -66,6 +69,7 @@ $euiColorBackgroundFilledSuccess: $euiColorSuccess60 !default;
|
|
|
66
69
|
$euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
|
|
67
70
|
$euiColorBackgroundFilledRisk: $euiColorRisk50 !default;
|
|
68
71
|
$euiColorBackgroundFilledDanger: $euiColorDanger60 !default;
|
|
72
|
+
$euiColorBackgroundFilledAssistance: $euiColorAssistance50 !default;
|
|
69
73
|
$euiColorBackgroundFilledText: $euiColorShade60 !default;
|
|
70
74
|
|
|
71
75
|
// Texts (legacy)
|
|
@@ -99,6 +103,7 @@ $euiColorTextSuccess: $euiColorSuccess60 !default;
|
|
|
99
103
|
$euiColorTextWarning: $euiColorWarning30 !default;
|
|
100
104
|
$euiColorTextRisk: $euiColorRisk50 !default;
|
|
101
105
|
$euiColorTextDanger: $euiColorDanger60 !default;
|
|
106
|
+
$euiColorTextAssistance: $euiColorAssistance50 !default;
|
|
102
107
|
|
|
103
108
|
// Borders
|
|
104
109
|
$euiColorBorderBasePrimary: $euiColorPrimary120 !default;
|
|
@@ -109,6 +114,7 @@ $euiColorBorderBaseSuccess: $euiColorSuccess120 !default;
|
|
|
109
114
|
$euiColorBorderBaseWarning: $euiColorWarning120 !default;
|
|
110
115
|
$euiColorBorderBaseRisk: $euiColorRisk120 !default;
|
|
111
116
|
$euiColorBorderBaseDanger: $euiColorDanger120 !default;
|
|
117
|
+
$euiColorBorderBaseAssistance: $euiColorAssistance120 !default;
|
|
112
118
|
|
|
113
119
|
$euiColorBorderBasePlain: $euiColorShade100 !default;
|
|
114
120
|
$euiColorBorderBaseSubdued: $euiColorShade120 !default;
|
|
@@ -129,6 +135,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess60 !default;
|
|
|
129
135
|
$euiColorBorderStrongWarning: $euiColorWarning40 !default;
|
|
130
136
|
$euiColorBorderStrongRisk: $euiColorRisk50 !default;
|
|
131
137
|
$euiColorBorderStrongDanger: $euiColorDanger60 !default;
|
|
138
|
+
$euiColorBorderStrongAssistance: $euiColorAssistance60 !default;
|
|
132
139
|
$euiColorBorderStrongText: $euiColorShade60 !default;
|
|
133
140
|
|
|
134
141
|
// Charts
|
|
@@ -34,6 +34,7 @@ $euiColorBackgroundBaseSuccess: $euiColorSuccess10 !default;
|
|
|
34
34
|
$euiColorBackgroundBaseWarning: $euiColorWarning10 !default;
|
|
35
35
|
$euiColorBackgroundBaseRisk: $euiColorRisk10 !default;
|
|
36
36
|
$euiColorBackgroundBaseDanger: $euiColorDanger10 !default;
|
|
37
|
+
$euiColorBackgroundBaseAssistance: $euiColorAssistance10 !default;
|
|
37
38
|
$euiColorBackgroundBaseSubdued: $euiColorShade10 !default;
|
|
38
39
|
$euiColorBackgroundBasePlain: $euiColorPlainLight !default;
|
|
39
40
|
$euiColorBackgroundBaseDisabled: $euiColorShade15 !default;
|
|
@@ -42,6 +43,7 @@ $euiColorBackgroundBaseFormsPrepend: $euiColorShade15 !default;
|
|
|
42
43
|
$euiColorBackgroundBaseFormsControlDisabled: $euiColorShade30 !default;
|
|
43
44
|
|
|
44
45
|
$euiColorBackgroundBaseInteractiveHover: $euiColorPrimary100Alpha4 !default;
|
|
46
|
+
$euiColorBackgroundBaseInteractiveHoverAssistance: $euiColorAssistance20 !default;
|
|
45
47
|
$euiColorBackgroundBaseInteractiveSelect: $euiColorPrimary10 !default;
|
|
46
48
|
$euiColorBackgroundBaseInteractiveSelectHover: $euiColorPrimary20 !default;
|
|
47
49
|
$euiColorBackgroundBaseInteractiveOverlay: $euiColorShade100Alpha70 !default;
|
|
@@ -56,6 +58,7 @@ $euiColorBackgroundLightSuccess: $euiColorSuccess20 !default;
|
|
|
56
58
|
$euiColorBackgroundLightWarning: $euiColorWarning20 !default;
|
|
57
59
|
$euiColorBackgroundLightRisk: $euiColorRisk20 !default;
|
|
58
60
|
$euiColorBackgroundLightDanger: $euiColorDanger20 !default;
|
|
61
|
+
$euiColorBackgroundLightAssistance: $euiColorAssistance20 !default;
|
|
59
62
|
$euiColorBackgroundLightText: $euiColorShade20 !default;
|
|
60
63
|
|
|
61
64
|
$euiColorBackgroundFilledPrimary: $euiColorPrimary90 !default;
|
|
@@ -66,6 +69,7 @@ $euiColorBackgroundFilledSuccess: $euiColorSuccess90 !default;
|
|
|
66
69
|
$euiColorBackgroundFilledWarning: $euiColorWarning40 !default;
|
|
67
70
|
$euiColorBackgroundFilledRisk: $euiColorRisk70 !default;
|
|
68
71
|
$euiColorBackgroundFilledDanger: $euiColorDanger90 !default;
|
|
72
|
+
$euiColorBackgroundFilledAssistance: $euiColorAssistance90 !default;
|
|
69
73
|
$euiColorBackgroundFilledText: $euiColorShade90 !default;
|
|
70
74
|
|
|
71
75
|
// Texts (legacy)
|
|
@@ -99,6 +103,7 @@ $euiColorTextSuccess: $euiColorSuccess100 !default;
|
|
|
99
103
|
$euiColorTextWarning: $euiColorWarning100 !default;
|
|
100
104
|
$euiColorTextRisk: $euiColorRisk100 !default;
|
|
101
105
|
$euiColorTextDanger: $euiColorDanger100 !default;
|
|
106
|
+
$euiColorTextAssistance: $euiColorAssistance100 !default;
|
|
102
107
|
|
|
103
108
|
// Borders
|
|
104
109
|
$euiColorBorderBasePrimary: $euiColorPrimary30 !default;
|
|
@@ -109,6 +114,7 @@ $euiColorBorderBaseSuccess: $euiColorSuccess30 !default;
|
|
|
109
114
|
$euiColorBorderBaseWarning: $euiColorWarning30 !default;
|
|
110
115
|
$euiColorBorderBaseRisk: $euiColorRisk30 !default;
|
|
111
116
|
$euiColorBorderBaseDanger: $euiColorDanger30 !default;
|
|
117
|
+
$euiColorBorderBaseAssistance: $euiColorAssistance30 !default;
|
|
112
118
|
|
|
113
119
|
$euiColorBorderBasePlain: $euiColorShade30 !default;
|
|
114
120
|
$euiColorBorderBaseSubdued: $euiColorShade20 !default;
|
|
@@ -130,6 +136,7 @@ $euiColorBorderStrongSuccess: $euiColorSuccess90 !default;
|
|
|
130
136
|
$euiColorBorderStrongWarning: $euiColorWarning90 !default;
|
|
131
137
|
$euiColorBorderStrongRisk: $euiColorRisk90 !default;
|
|
132
138
|
$euiColorBorderStrongDanger: $euiColorDanger90 !default;
|
|
139
|
+
$euiColorBorderStrongAssistance: $euiColorAssistance90 !default;
|
|
133
140
|
$euiColorBorderStrongText: $euiColorShade90 !default;
|
|
134
141
|
|
|
135
142
|
// Charts
|
|
@@ -4,4 +4,5 @@ $euiColorSeverityNeutral: #B5E5F2 !default;
|
|
|
4
4
|
$euiColorSeveritySuccess: #24C292 !default;
|
|
5
5
|
$euiColorSeverityWarning: #FCD883 !default;
|
|
6
6
|
$euiColorSeverityRisk: #FF995E !default;
|
|
7
|
-
$euiColorSeverityDanger: #EE4C48 !default;
|
|
7
|
+
$euiColorSeverityDanger: #EE4C48 !default;
|
|
8
|
+
$euiColorSeverityAssistance: #B386F9 !default;
|
|
@@ -44,7 +44,15 @@ $euiPaletteColorBlind: (
|
|
|
44
44
|
euiColorVis9: (
|
|
45
45
|
graphic: #FCD883,
|
|
46
46
|
behindText: #FCD883,
|
|
47
|
-
)
|
|
47
|
+
),
|
|
48
|
+
euiColorVis10: (
|
|
49
|
+
graphic: #B386F9,
|
|
50
|
+
behindText: #B386F9,
|
|
51
|
+
),
|
|
52
|
+
euiColorVis11: (
|
|
53
|
+
graphic: #E2D3FE,
|
|
54
|
+
behindText: #E2D3FE,
|
|
55
|
+
),
|
|
48
56
|
) !default;
|
|
49
57
|
|
|
50
58
|
$euiPaletteColorBlindKeys: map-keys($euiPaletteColorBlind);
|
|
@@ -59,6 +67,8 @@ $euiColorVis6: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6'), 'graphic'
|
|
|
59
67
|
$euiColorVis7: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'graphic') !default;
|
|
60
68
|
$euiColorVis8: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'graphic') !default;
|
|
61
69
|
$euiColorVis9: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'graphic') !default;
|
|
70
|
+
$euiColorVis10: map-get(map-get($euiPaletteColorBlind, 'euiColorVis10'), 'graphic') !default;
|
|
71
|
+
$euiColorVis11: map-get(map-get($euiPaletteColorBlind, 'euiColorVis11'), 'graphic') !default;
|
|
62
72
|
|
|
63
73
|
$euiColorVis0_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis0'), 'behindText') !default;
|
|
64
74
|
$euiColorVis1_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis1'), 'behindText') !default;
|
|
@@ -70,3 +80,5 @@ $euiColorVis6_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis6')
|
|
|
70
80
|
$euiColorVis7_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis7'), 'behindText') !default;
|
|
71
81
|
$euiColorVis8_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis8'), 'behindText') !default;
|
|
72
82
|
$euiColorVis9_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis9'), 'behindText') !default;
|
|
83
|
+
$euiColorVis10_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis10'), 'behindText') !default;
|
|
84
|
+
$euiColorVis11_behindText: map-get(map-get($euiPaletteColorBlind, 'euiColorVis11'), 'behindText') !default;
|
|
@@ -11,4 +11,6 @@ $euiColorVisText5: #FFC7DB !default;
|
|
|
11
11
|
$euiColorVisText6: #F6726A !default;
|
|
12
12
|
$euiColorVisText7: #FFC9C2 !default;
|
|
13
13
|
$euiColorVisText8: #EAAE01 !default;
|
|
14
|
-
$euiColorVisText9: #FCD883 !default;
|
|
14
|
+
$euiColorVisText9: #FCD883 !default;
|
|
15
|
+
$euiColorVisText10: #B386F9 !default;
|
|
16
|
+
$euiColorVisText11: #E2D3FE !default;
|
|
@@ -11,4 +11,6 @@ $euiColorVisText5: #D13680 !default;
|
|
|
11
11
|
$euiColorVisText6: #A71627 !default;
|
|
12
12
|
$euiColorVisText7: #DA3737 !default;
|
|
13
13
|
$euiColorVisText8: #6A4906 !default;
|
|
14
|
-
$euiColorVisText9: #966B03 !default;
|
|
14
|
+
$euiColorVisText9: #966B03 !default;
|
|
15
|
+
$euiColorVisText10: #52357E !default;
|
|
16
|
+
$euiColorVisText11: #8144CC !default;
|
|
@@ -168,10 +168,10 @@ $euiColorRisk140: #361D18 !default;
|
|
|
168
168
|
|
|
169
169
|
$euiColorAssistance10: #F3ECFE !default;
|
|
170
170
|
$euiColorAssistance20: #ECE2FE !default;
|
|
171
|
-
$euiColorAssistance30: #
|
|
172
|
-
$euiColorAssistance40: #
|
|
173
|
-
$euiColorAssistance50: #
|
|
174
|
-
$euiColorAssistance60: #
|
|
171
|
+
$euiColorAssistance30: #E2D3FE !default;
|
|
172
|
+
$euiColorAssistance40: #D1BAFC !default;
|
|
173
|
+
$euiColorAssistance50: #C5A5FA !default;
|
|
174
|
+
$euiColorAssistance60: #B386F9 !default;
|
|
175
175
|
$euiColorAssistance70: #A36DEF !default;
|
|
176
176
|
$euiColorAssistance80: #925CDA !default;
|
|
177
177
|
$euiColorAssistance90: #8144CC !default;
|