diff --git a/package.json b/package.json index 85151466f1dfad..365f597fe04fee 100644 --- a/package.json +++ b/package.json @@ -118,7 +118,7 @@ "@elastic/charts": "^16.1.0", "@elastic/datemath": "5.0.2", "@elastic/ems-client": "7.6.0", - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "@elastic/filesaver": "1.1.2", "@elastic/good": "8.1.1-kibana2", "@elastic/numeral": "2.3.3", diff --git a/packages/kbn-ui-shared-deps/package.json b/packages/kbn-ui-shared-deps/package.json index c9434f3ec1c38d..af44991e625a2a 100644 --- a/packages/kbn-ui-shared-deps/package.json +++ b/packages/kbn-ui-shared-deps/package.json @@ -9,7 +9,7 @@ "kbn:watch": "node scripts/build --watch" }, "devDependencies": { - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "@elastic/charts": "^16.1.0", "@kbn/dev-utils": "1.0.0", "@yarnpkg/lockfile": "^1.1.0", diff --git a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_graph.hjson b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_graph.hjson index ebdc5a07af06d3..fd7eb1ae7d8784 100644 --- a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_graph.hjson +++ b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_graph.hjson @@ -39,7 +39,7 @@ range: { category: {scheme: "elastic"} } - mark: {color: "#00B3A4"} + mark: {color: "#54B399"} } autosize: {type: "fit", contains: "padding"} } diff --git a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_256.png b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_256.png index 3f247b57905d4b..8f2d146287b080 100644 Binary files a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_256.png and b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_256.png differ diff --git a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_512.png b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_512.png index c387c3ec789d35..82077a1096b997 100644 Binary files a/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_512.png and b/src/legacy/core_plugins/vis_type_vega/public/__tests__/vegalite_image_512.png differ diff --git a/src/legacy/core_plugins/vis_type_vega/public/data_model/__tests__/vega_parser.js b/src/legacy/core_plugins/vis_type_vega/public/data_model/__tests__/vega_parser.js index c442f8f17884af..50bcff24697100 100644 --- a/src/legacy/core_plugins/vis_type_vega/public/data_model/__tests__/vega_parser.js +++ b/src/legacy/core_plugins/vis_type_vega/public/data_model/__tests__/vega_parser.js @@ -53,7 +53,7 @@ describe(`VegaParser._setDefaultColors`, () => { test({}, true, { config: { range: { category: { scheme: 'elastic' } }, - mark: { color: '#5BBAA0' }, + mark: { color: '#54B399' }, }, }) ); @@ -63,15 +63,15 @@ describe(`VegaParser._setDefaultColors`, () => { test({}, false, { config: { range: { category: { scheme: 'elastic' } }, - arc: { fill: '#5BBAA0' }, - area: { fill: '#5BBAA0' }, - line: { stroke: '#5BBAA0' }, - path: { stroke: '#5BBAA0' }, - rect: { fill: '#5BBAA0' }, - rule: { stroke: '#5BBAA0' }, - shape: { stroke: '#5BBAA0' }, - symbol: { fill: '#5BBAA0' }, - trail: { fill: '#5BBAA0' }, + arc: { fill: '#54B399' }, + area: { fill: '#54B399' }, + line: { stroke: '#54B399' }, + path: { stroke: '#54B399' }, + rect: { fill: '#54B399' }, + rule: { stroke: '#54B399' }, + shape: { stroke: '#54B399' }, + symbol: { fill: '#54B399' }, + trail: { fill: '#54B399' }, }, }) ); diff --git a/src/legacy/core_plugins/vis_type_vega/public/data_model/vega_parser.js b/src/legacy/core_plugins/vis_type_vega/public/data_model/vega_parser.js index 452397877a0036..7c2638d1f51654 100644 --- a/src/legacy/core_plugins/vis_type_vega/public/data_model/vega_parser.js +++ b/src/legacy/core_plugins/vis_type_vega/public/data_model/vega_parser.js @@ -577,7 +577,7 @@ export class VegaParser { this._setDefaultValue({ scheme: 'elastic' }, 'config', 'range', 'category'); if (this.isVegaLite) { - // Vega-Lite: set default color, works for fill and strike -- config: { mark: { color: '#00B3A4' }} + // Vega-Lite: set default color, works for fill and strike -- config: { mark: { color: '#54B399' }} this._setDefaultValue(defaultColor, 'config', 'mark', 'color'); } else { // Vega - global mark has very strange behavior, must customize each mark type individually diff --git a/src/legacy/ui/public/styles/bootstrap/_custom_variables.less b/src/legacy/ui/public/styles/bootstrap/_custom_variables.less index aa174684a622b1..a348e7bfa86b83 100644 --- a/src/legacy/ui/public/styles/bootstrap/_custom_variables.less +++ b/src/legacy/ui/public/styles/bootstrap/_custom_variables.less @@ -345,7 +345,7 @@ //** Background color of the whole progress component @progress-bg: shade(@gray-lighter, 13%); //** Default progress bar color -@progress-bar-bg: #00B3A4; +@progress-bar-bg: #54B399; //== List group // diff --git a/src/legacy/ui/public/vis/editors/default/controls/precision.tsx b/src/legacy/ui/public/vis/editors/default/controls/precision.tsx index 88f389cb7c009d..4fe9eede8465e0 100644 --- a/src/legacy/ui/public/vis/editors/default/controls/precision.tsx +++ b/src/legacy/ui/public/vis/editors/default/controls/precision.tsx @@ -40,7 +40,7 @@ function PrecisionParamEditor({ agg, value, setValue }: AggParamEditorProps | React.MouseEvent) => setValue(Number(ev.currentTarget.value)) } diff --git a/src/plugins/kibana_react/public/field_icon/__snapshots__/field_icon.test.tsx.snap b/src/plugins/kibana_react/public/field_icon/__snapshots__/field_icon.test.tsx.snap index fb56bf0e4255ee..870dbdc5332676 100644 --- a/src/plugins/kibana_react/public/field_icon/__snapshots__/field_icon.test.tsx.snap +++ b/src/plugins/kibana_react/public/field_icon/__snapshots__/field_icon.test.tsx.snap @@ -11,7 +11,7 @@ exports[`FieldIcon renders a blackwhite icon for a string 1`] = ` exports[`FieldIcon renders a colored icon for a number 1`] = ` @@ -20,7 +20,7 @@ exports[`FieldIcon renders a colored icon for a number 1`] = ` exports[`FieldIcon renders an icon for an unknown type 1`] = ` @@ -30,7 +30,7 @@ exports[`FieldIcon renders with className if provided 1`] = ` diff --git a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json index 1eac93c8538e40..96efd952e6ba25 100644 --- a/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json +++ b/test/interpreter_functional/plugins/kbn_tp_run_pipeline/package.json @@ -7,7 +7,7 @@ }, "license": "Apache-2.0", "dependencies": { - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "react": "^16.12.0", "react-dom": "^16.12.0" } diff --git a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json index 1bfb1e8ba4bcad..7693d6f9c07bc4 100644 --- a/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json +++ b/test/plugin_functional/plugins/kbn_tp_custom_visualizations/package.json @@ -7,7 +7,7 @@ }, "license": "Apache-2.0", "dependencies": { - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "react": "^16.12.0" } } diff --git a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json index 6d6b04fba889c3..bf58535e579942 100644 --- a/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json +++ b/test/plugin_functional/plugins/kbn_tp_embeddable_explorer/package.json @@ -8,7 +8,7 @@ }, "license": "Apache-2.0", "dependencies": { - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "react": "^16.12.0" }, "scripts": { diff --git a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json index 964adacb2ac09e..98dd9ab51da962 100644 --- a/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json +++ b/test/plugin_functional/plugins/kbn_tp_sample_panel_action/package.json @@ -8,7 +8,7 @@ }, "license": "Apache-2.0", "dependencies": { - "@elastic/eui": "18.0.0", + "@elastic/eui": "18.2.0", "react": "^16.12.0" }, "scripts": { diff --git a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap index 9b2a2c8f2490a4..0ddf23cb932fb1 100644 --- a/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap +++ b/x-pack/legacy/plugins/apm/public/components/app/ServiceOverview/__test__/__snapshots__/ServiceOverview.test.tsx.snap @@ -295,7 +295,7 @@ NodeList [ class="euiTableCellContent euiTableCellContent--overflowingContent" > , }, Object { - "color": "#fae181", + "color": "#d6bf57", "disabled": undefined, "onClick": [Function], "text": @@ -22,7 +22,7 @@ Array [ , }, Object { - "color": "#f19f58", + "color": "#da8b45", "disabled": undefined, "onClick": [Function], "text": @@ -442,7 +442,7 @@ Array [ style={ Object { "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeDasharray": undefined, "strokeWidth": undefined, } @@ -463,9 +463,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -480,9 +480,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -497,9 +497,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -514,9 +514,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -531,9 +531,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -548,9 +548,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -565,9 +565,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -582,9 +582,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -599,9 +599,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -616,9 +616,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -633,9 +633,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -650,9 +650,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -667,9 +667,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -684,9 +684,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -701,9 +701,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -718,9 +718,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -735,9 +735,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -752,9 +752,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -769,9 +769,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -786,9 +786,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -803,9 +803,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -820,9 +820,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -837,9 +837,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -854,9 +854,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -871,9 +871,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -888,9 +888,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -905,9 +905,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -922,9 +922,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -939,9 +939,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -956,9 +956,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -973,9 +973,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -995,7 +995,7 @@ Array [ style={ Object { "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeDasharray": undefined, "strokeWidth": undefined, } @@ -1016,9 +1016,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1033,9 +1033,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1050,9 +1050,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1067,9 +1067,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1084,9 +1084,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1101,9 +1101,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1118,9 +1118,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1135,9 +1135,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1152,9 +1152,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1169,9 +1169,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1186,9 +1186,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1203,9 +1203,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1220,9 +1220,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1237,9 +1237,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1254,9 +1254,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1271,9 +1271,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1288,9 +1288,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1305,9 +1305,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1322,9 +1322,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1339,9 +1339,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1356,9 +1356,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1373,9 +1373,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1390,9 +1390,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1407,9 +1407,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1424,9 +1424,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1441,9 +1441,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1458,9 +1458,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1475,9 +1475,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1492,9 +1492,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1509,9 +1509,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -1526,9 +1526,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -2659,7 +2659,7 @@ Array [ width: 11px; height: 11px; margin-right: 5.5px; - background: #fae181; + background: #d6bf57; border-radius: 100%; } @@ -2667,7 +2667,7 @@ Array [ width: 11px; height: 11px; margin-right: 5.5px; - background: #f19f58; + background: #da8b45; border-radius: 100%; } @@ -2764,14 +2764,14 @@ Array [ onClick={[Function]} > @@ -2798,14 +2798,14 @@ Array [ onClick={[Function]} > @@ -2854,12 +2854,12 @@ Array [ "value": 438704.4, }, Object { - "color": "#fae181", + "color": "#d6bf57", "text": "95th", "value": 1557383.999999999, }, Object { - "color": "#f19f58", + "color": "#da8b45", "text": "99th", "value": 1820377.1200000006, }, @@ -2899,7 +2899,7 @@ Array [ width: 8px; height: 8px; margin-right: 4px; - background: #fae181; + background: #d6bf57; border-radius: 100%; } @@ -2907,7 +2907,7 @@ Array [ width: 8px; height: 8px; margin-right: 4px; - background: #f19f58; + background: #da8b45; border-radius: 100%; } @@ -3378,7 +3378,7 @@ Array [ style={ Object { "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeDasharray": undefined, "strokeWidth": undefined, } @@ -3399,9 +3399,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3416,9 +3416,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3433,9 +3433,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3450,9 +3450,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3467,9 +3467,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3484,9 +3484,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3501,9 +3501,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3518,9 +3518,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3535,9 +3535,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3552,9 +3552,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3569,9 +3569,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3586,9 +3586,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3603,9 +3603,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3620,9 +3620,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3637,9 +3637,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3654,9 +3654,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3671,9 +3671,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3688,9 +3688,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3705,9 +3705,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3722,9 +3722,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3739,9 +3739,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3756,9 +3756,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3773,9 +3773,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3790,9 +3790,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3807,9 +3807,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3824,9 +3824,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3841,9 +3841,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3858,9 +3858,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3875,9 +3875,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3892,9 +3892,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3909,9 +3909,9 @@ Array [ r={0.5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -3931,7 +3931,7 @@ Array [ style={ Object { "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeDasharray": undefined, "strokeWidth": undefined, } @@ -3952,9 +3952,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -3969,9 +3969,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -3986,9 +3986,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4003,9 +4003,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4020,9 +4020,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4037,9 +4037,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4054,9 +4054,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4071,9 +4071,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4088,9 +4088,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4105,9 +4105,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4122,9 +4122,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4139,9 +4139,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4156,9 +4156,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4173,9 +4173,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4190,9 +4190,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4207,9 +4207,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4224,9 +4224,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4241,9 +4241,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4258,9 +4258,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4275,9 +4275,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4292,9 +4292,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4309,9 +4309,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4326,9 +4326,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4343,9 +4343,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4360,9 +4360,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4377,9 +4377,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4394,9 +4394,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4411,9 +4411,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4428,9 +4428,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4445,9 +4445,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -4462,9 +4462,9 @@ Array [ r={0.5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -5072,9 +5072,9 @@ Array [ r={5} style={ Object { - "fill": "#f19f58", + "fill": "#da8b45", "opacity": 1, - "stroke": "#f19f58", + "stroke": "#da8b45", "strokeWidth": 1, } } @@ -5089,9 +5089,9 @@ Array [ r={5} style={ Object { - "fill": "#fae181", + "fill": "#d6bf57", "opacity": 1, - "stroke": "#fae181", + "stroke": "#d6bf57", "strokeWidth": 1, } } @@ -5204,7 +5204,7 @@ Array [ className="c3" > @@ -5220,14 +5220,14 @@ Array [ fontSize="12px" > @@ -5250,7 +5250,7 @@ Array [ className="c3" > @@ -5266,14 +5266,14 @@ Array [ fontSize="12px" > @@ -5838,7 +5838,7 @@ Array [ width: 11px; height: 11px; margin-right: 5.5px; - background: #fae181; + background: #d6bf57; border-radius: 100%; } @@ -5846,7 +5846,7 @@ Array [ width: 11px; height: 11px; margin-right: 5.5px; - background: #f19f58; + background: #da8b45; border-radius: 100%; } @@ -5943,14 +5943,14 @@ Array [ onClick={[Function]} > @@ -5977,14 +5977,14 @@ Array [ onClick={[Function]} > diff --git a/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts b/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts index 1218bc726c3b78..252c49cc09fb98 100644 --- a/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts +++ b/x-pack/legacy/plugins/apm/public/selectors/__tests__/chartSelectors.test.ts @@ -67,7 +67,7 @@ describe('chartSelectors', () => { type: 'linemark' }, { - color: '#fae181', + color: '#d6bf57', data: [ { x: 0, y: 200 }, { x: 1000, y: 300 } @@ -77,7 +77,7 @@ describe('chartSelectors', () => { type: 'linemark' }, { - color: '#f19f58', + color: '#da8b45', data: [ { x: 0, y: 300 }, { x: 1000, y: 400 } diff --git a/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts b/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts index 870b02fa7ba6de..476928a5bcb639 100644 --- a/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts +++ b/x-pack/legacy/plugins/apm/server/lib/transactions/breakdown/index.test.ts @@ -70,7 +70,7 @@ describe('getTransactionBreakdown', () => { expect(response.kpis[0]).toEqual({ name: 'app', - color: '#5bbaa0', + color: '#54b399', percentage: 0.5408550899466306 }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/chart.ts b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/chart.ts index aca30780d77cdb..4c535a42c3c44b 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/chart.ts +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/chart.ts @@ -4,10 +4,12 @@ * you may not use this file except in compliance with the Elastic License. */ +import { euiPaletteColorBlind } from '@elastic/eui'; import { TagFactory } from '../../../public/lib/tag'; import { TagStrings as strings } from '../../../i18n'; +const euiVisPalette = euiPaletteColorBlind(); export const chart: TagFactory = () => ({ name: strings.chart(), - color: '#FEB6DB', + color: euiVisPalette[4], }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/filter.ts b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/filter.ts index d3d251026e9b05..5249856dec2710 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/filter.ts +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/filter.ts @@ -4,10 +4,13 @@ * you may not use this file except in compliance with the Elastic License. */ +import { euiPaletteColorBlind } from '@elastic/eui'; import { TagFactory } from '../../../public/lib/tag'; import { TagStrings as strings } from '../../../i18n'; +const euiVisPalette = euiPaletteColorBlind(); + export const filter: TagFactory = () => ({ name: strings.filter(), - color: '#3185FC', + color: euiVisPalette[1], }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/graphic.ts b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/graphic.ts index 325a531b219ee6..36d66801ef6814 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/graphic.ts +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/graphic.ts @@ -4,10 +4,12 @@ * you may not use this file except in compliance with the Elastic License. */ +import { euiPaletteColorBlind } from '@elastic/eui'; import { TagFactory } from '../../../public/lib/tag'; import { TagStrings as strings } from '../../../i18n'; +const euiVisPalette = euiPaletteColorBlind(); export const graphic: TagFactory = () => ({ name: strings.graphic(), - color: '#E6C220', + color: euiVisPalette[5], }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.js b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.js index ac6447ffd9dc0f..6a59a6795d45a7 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.js +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.js @@ -4,4 +4,7 @@ * you may not use this file except in compliance with the Elastic License. */ -export const proportion = () => ({ name: 'proportion', color: '#490092' }); +import { euiPaletteColorBlind } from '@elastic/eui'; +const euiVisPalette = euiPaletteColorBlind(); + +export const proportion = () => ({ name: 'proportion', color: euiVisPalette[3] }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.ts b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.ts index e538b4bf531030..4d37ecfaa367af 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.ts +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/proportion.ts @@ -4,11 +4,12 @@ * you may not use this file except in compliance with the Elastic License. */ +import { euiPaletteColorBlind } from '@elastic/eui'; import { TagFactory } from '../../../public/lib/tag'; - import { TagStrings as strings } from '../../../i18n'; +const euiVisPalette = euiPaletteColorBlind(); export const proportion: TagFactory = () => ({ name: strings.proportion(), - color: '#490092', + color: euiVisPalette[3], }); diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/report.ts b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/report.ts index 5df30581cd0703..8dfbe1cb216140 100644 --- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/report.ts +++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/uis/tags/report.ts @@ -4,10 +4,12 @@ * you may not use this file except in compliance with the Elastic License. */ +import { euiPaletteColorBlind } from '@elastic/eui'; import { TagFactory } from '../../../public/lib/tag'; import { TagStrings as strings } from '../../../i18n'; +const euiVisPalette = euiPaletteColorBlind(); export const report: TagFactory = () => ({ name: strings.report(), - color: '#DB1374', + color: euiVisPalette[2], }); diff --git a/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot index 5eedf32020e4ca..328e25e9951893 100644 --- a/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot +++ b/x-pack/legacy/plugins/canvas/public/components/element_card/__examples__/__snapshots__/element_card.examples.storyshot @@ -163,7 +163,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -182,7 +182,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -201,7 +201,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -220,7 +220,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -239,7 +239,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -258,7 +258,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > diff --git a/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot index c9fb77061572d2..3a524024008221 100644 --- a/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot +++ b/x-pack/legacy/plugins/canvas/public/components/element_types/__examples__/__snapshots__/element_grid.examples.storyshot @@ -525,7 +525,7 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -605,7 +605,7 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -685,7 +685,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -750,7 +750,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -815,7 +815,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > diff --git a/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot index 562feb8111e414..754724a957e2d2 100644 --- a/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot +++ b/x-pack/legacy/plugins/canvas/public/components/tag/__examples__/__snapshots__/tag.examples.storyshot @@ -6,7 +6,7 @@ exports[`Storyshots components/Tags/Tag as badge 1`] = ` style={ Object { "backgroundColor": "#666666", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -28,7 +28,7 @@ exports[`Storyshots components/Tags/Tag as badge with color 1`] = ` style={ Object { "backgroundColor": "#327b53", - "color": "#FFFFFF", + "color": "#fff", } } > diff --git a/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot b/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot index 9dcf55642c66f1..7671b0bfb49372 100644 --- a/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot +++ b/x-pack/legacy/plugins/canvas/public/components/tag_list/__examples__/__snapshots__/tag_list.examples.storyshot @@ -9,7 +9,7 @@ Array [ style={ Object { "backgroundColor": "#cc3b54", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -28,7 +28,7 @@ Array [ style={ Object { "backgroundColor": "#5bc149", - "color": "#000000", + "color": "#000", } } > @@ -47,7 +47,7 @@ Array [ style={ Object { "backgroundColor": "#fbc545", - "color": "#000000", + "color": "#000", } } > @@ -172,7 +172,7 @@ Array [ style={ Object { "backgroundColor": "#cc3b54", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -191,7 +191,7 @@ Array [ style={ Object { "backgroundColor": "#5bc149", - "color": "#000000", + "color": "#000", } } > @@ -210,7 +210,7 @@ Array [ style={ Object { "backgroundColor": "#fbc545", - "color": "#000000", + "color": "#000", } } > @@ -229,7 +229,7 @@ Array [ style={ Object { "backgroundColor": "#9b3067", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -248,7 +248,7 @@ Array [ style={ Object { "backgroundColor": "#1819bd", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -267,7 +267,7 @@ Array [ style={ Object { "backgroundColor": "#d41e93", - "color": "#FFFFFF", + "color": "#fff", } } > @@ -286,7 +286,7 @@ Array [ style={ Object { "backgroundColor": "#3486d2", - "color": "#000000", + "color": "#000", } } > @@ -305,7 +305,7 @@ Array [ style={ Object { "backgroundColor": "#b870d8", - "color": "#000000", + "color": "#000", } } > @@ -324,7 +324,7 @@ Array [ style={ Object { "backgroundColor": "#f4a4a7", - "color": "#000000", + "color": "#000", } } > @@ -343,7 +343,7 @@ Array [ style={ Object { "backgroundColor": "#072d6d", - "color": "#FFFFFF", + "color": "#fff", } } > diff --git a/x-pack/legacy/plugins/infra/common/color_palette.test.ts b/x-pack/legacy/plugins/infra/common/color_palette.test.ts index ce0219862480d2..ced45c39c710ca 100644 --- a/x-pack/legacy/plugins/infra/common/color_palette.test.ts +++ b/x-pack/legacy/plugins/infra/common/color_palette.test.ts @@ -32,7 +32,7 @@ describe('Color Palette', () => { }); describe('colorTransformer()', () => { it('should just work', () => { - expect(colorTransformer(MetricsExplorerColor.color0)).toBe('#3185FC'); + expect(colorTransformer(MetricsExplorerColor.color0)).toBe('#6092C0'); }); }); }); diff --git a/x-pack/legacy/plugins/infra/common/color_palette.ts b/x-pack/legacy/plugins/infra/common/color_palette.ts index c43c17b9b0ef38..51962150d84242 100644 --- a/x-pack/legacy/plugins/infra/common/color_palette.ts +++ b/x-pack/legacy/plugins/infra/common/color_palette.ts @@ -4,6 +4,7 @@ * you may not use this file except in compliance with the Elastic License. */ import { difference, first, values } from 'lodash'; +import { euiPaletteColorBlind } from '@elastic/eui'; export enum MetricsExplorerColor { color0 = 'color0', @@ -31,17 +32,19 @@ export interface MetricsExplorerPalette { [MetricsExplorerColor.color9]: string; } +const euiPalette = euiPaletteColorBlind(); + export const defaultPalette: MetricsExplorerPalette = { - [MetricsExplorerColor.color0]: '#3185FC', // euiColorVis1 (blue) - [MetricsExplorerColor.color1]: '#DB1374', // euiColorVis2 (red-ish) - [MetricsExplorerColor.color2]: '#00B3A4', // euiColorVis0 (green-ish) - [MetricsExplorerColor.color3]: '#490092', // euiColorVis3 (purple) - [MetricsExplorerColor.color4]: '#FEB6DB', // euiColorVis4 (pink) - [MetricsExplorerColor.color5]: '#E6C220', // euiColorVis5 (yellow) - [MetricsExplorerColor.color6]: '#BFA180', // euiColorVis6 (tan) - [MetricsExplorerColor.color7]: '#F98510', // euiColorVis7 (orange) - [MetricsExplorerColor.color8]: '#461A0A', // euiColorVis8 (brown) - [MetricsExplorerColor.color9]: '#920000', // euiColorVis9 (maroon) + [MetricsExplorerColor.color0]: euiPalette[1], // (blue) + [MetricsExplorerColor.color1]: euiPalette[2], // (pink) + [MetricsExplorerColor.color2]: euiPalette[0], // (green-ish) + [MetricsExplorerColor.color3]: euiPalette[3], // (purple) + [MetricsExplorerColor.color4]: euiPalette[4], // (light pink) + [MetricsExplorerColor.color5]: euiPalette[5], // (yellow) + [MetricsExplorerColor.color6]: euiPalette[6], // (tan) + [MetricsExplorerColor.color7]: euiPalette[7], // (orange) + [MetricsExplorerColor.color8]: euiPalette[8], // (brown) + [MetricsExplorerColor.color9]: euiPalette[9], // (red) }; export const createPaletteTransformer = (palette: MetricsExplorerPalette) => ( diff --git a/x-pack/legacy/plugins/infra/public/components/metrics_explorer/helpers/create_tsvb_link.test.ts b/x-pack/legacy/plugins/infra/public/components/metrics_explorer/helpers/create_tsvb_link.test.ts index 860c4f1ba406cf..111f6678081f7f 100644 --- a/x-pack/legacy/plugins/infra/public/components/metrics_explorer/helpers/create_tsvb_link.test.ts +++ b/x-pack/legacy/plugins/infra/public/components/metrics_explorer/helpers/create_tsvb_link.test.ts @@ -23,7 +23,7 @@ describe('createTSVBLink()', () => { it('should just work', () => { const link = createTSVBLink(source, options, series, timeRange, chartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); @@ -34,14 +34,14 @@ describe('createTSVBLink()', () => { }; const link = createTSVBLink(source, customOptions, series, timeRange, chartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:bytes,id:test-id,label:'rate(system.network.out.bytes)',line_width:2,metrics:!((field:system.network.out.bytes,id:test-id,type:max),(field:test-id,id:test-id,type:derivative,unit:'1s'),(field:test-id,id:test-id,type:positive_only)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}}/s)),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:bytes,id:test-id,label:'rate(system.network.out.bytes)',line_width:2,metrics:!((field:system.network.out.bytes,id:test-id,type:max),(field:test-id,id:test-id,type:derivative,unit:'1s'),(field:test-id,id:test-id,type:positive_only)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}}/s)),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); it('should work with time range', () => { const customTimeRange = { ...timeRange, from: 'now-10m', to: 'now' }; const link = createTSVBLink(source, options, series, customTimeRange, chartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-10m,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-10m,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); it('should work with source', () => { @@ -52,7 +52,7 @@ describe('createTSVBLink()', () => { }; const link = createTSVBLink(customSource, options, series, timeRange, chartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))" ); }); it('should work with filterQuery', () => { @@ -64,7 +64,7 @@ describe('createTSVBLink()', () => { const customOptions = { ...options, filterQuery: 'system.network.name:lo*' }; const link = createTSVBLink(customSource, customOptions, series, timeRange, chartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'system.network.name:lo* and host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'system.network.name:lo* and host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))" ); }); @@ -72,7 +72,7 @@ describe('createTSVBLink()', () => { const customChartOptions = { ...chartOptions, yAxisMode: MetricsExplorerYAxisMode.auto }; const link = createTSVBLink(source, options, series, timeRange, customChartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); @@ -80,7 +80,7 @@ describe('createTSVBLink()', () => { const customChartOptions = { ...chartOptions, type: MetricsExplorerChartType.area }; const link = createTSVBLink(source, options, series, timeRange, customChartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); @@ -92,7 +92,7 @@ describe('createTSVBLink()', () => { }; const link = createTSVBLink(source, options, series, timeRange, customChartOptions); expect(link).toBe( - "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:stacked,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" + "../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:stacked,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))" ); }); diff --git a/x-pack/legacy/plugins/infra/public/containers/with_options.tsx b/x-pack/legacy/plugins/infra/public/containers/with_options.tsx index 4294697fd4103e..972722890ffefc 100644 --- a/x-pack/legacy/plugins/infra/public/containers/with_options.tsx +++ b/x-pack/legacy/plugins/infra/public/containers/with_options.tsx @@ -7,9 +7,12 @@ import moment from 'moment'; import React from 'react'; +import { euiPaletteColorBlind } from '@elastic/eui'; import { InfraFormatterType, InfraOptions, InfraWaffleMapLegendMode } from '../lib/lib'; import { RendererFunction } from '../utils/typed_react'; +const euiVisColorPalette = euiPaletteColorBlind(); + const initialState = { options: { timerange: { @@ -34,7 +37,7 @@ const initialState = { }, { value: 1, - color: '#3185FC', + color: euiVisColorPalette[1], }, ], }, diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_area.svg b/x-pack/legacy/plugins/lens/public/assets/chart_area.svg index 78f27300f90d3a..d291a084028db4 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_area.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_area.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_area_stacked.svg b/x-pack/legacy/plugins/lens/public/assets/chart_area_stacked.svg index 2da6f38eaebfdb..6ae48bf6a640b4 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_area_stacked.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_area_stacked.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_bar.svg b/x-pack/legacy/plugins/lens/public/assets/chart_bar.svg index a0dbc9dca9b57b..44553960a5ccee 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_bar.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_bar.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal.svg b/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal.svg index 4b934c99740d70..e0d9dc83859711 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal_stacked.svg b/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal_stacked.svg index 3b60d22868bbc5..602a06e696ecd7 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal_stacked.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_bar_horizontal_stacked.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_bar_stacked.svg b/x-pack/legacy/plugins/lens/public/assets/chart_bar_stacked.svg index 8b875af8a12d3b..a954cce83873d2 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_bar_stacked.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_bar_stacked.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_datatable.svg b/x-pack/legacy/plugins/lens/public/assets/chart_datatable.svg index eb479dfbd0ea7c..aba1f104264cbc 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_datatable.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_datatable.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_line.svg b/x-pack/legacy/plugins/lens/public/assets/chart_line.svg index 177e9994962109..412c9f88f652b6 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_line.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_line.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_metric.svg b/x-pack/legacy/plugins/lens/public/assets/chart_metric.svg index d48264868f734f..84f0dc181587b9 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_metric.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_metric.svg @@ -1,4 +1,4 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/assets/chart_mixed_xy.svg b/x-pack/legacy/plugins/lens/public/assets/chart_mixed_xy.svg index f7c78f3eb2ba8a..943d5a08bcc0b6 100644 --- a/x-pack/legacy/plugins/lens/public/assets/chart_mixed_xy.svg +++ b/x-pack/legacy/plugins/lens/public/assets/chart_mixed_xy.svg @@ -1,6 +1,6 @@ - + diff --git a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/field_icon.test.tsx b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/field_icon.test.tsx index e0e33ef03d3d19..6b12bb5feef1b5 100644 --- a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/field_icon.test.tsx +++ b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/field_icon.test.tsx @@ -19,35 +19,35 @@ describe('FieldIcon', () => { expect(shallow()).toMatchInlineSnapshot(` `); expect(shallow()).toMatchInlineSnapshot(` `); expect(shallow()).toMatchInlineSnapshot(` `); expect(shallow()).toMatchInlineSnapshot(` `); expect(shallow()).toMatchInlineSnapshot(` `); diff --git a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/lens_field_icon.test.tsx b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/lens_field_icon.test.tsx index a470f5fc51cfb7..961e22380bdcaf 100644 --- a/x-pack/legacy/plugins/lens/public/indexpattern_plugin/lens_field_icon.test.tsx +++ b/x-pack/legacy/plugins/lens/public/indexpattern_plugin/lens_field_icon.test.tsx @@ -20,10 +20,10 @@ test('LensFieldIcon renders properly', () => { test('LensFieldIcon getColorForDataType for a valid type', () => { const color = getColorForDataType('date'); - expect(color).toEqual('#F19F58'); + expect(color).toEqual('#DA8B45'); }); test('LensFieldIcon getColorForDataType for an invalid type', () => { const color = getColorForDataType('invalid'); - expect(color).toEqual('#5BBAA0'); + expect(color).toEqual('#54B399'); }); diff --git a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap index 76802e701b3871..495d7a7bcd77e9 100644 --- a/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap +++ b/x-pack/legacy/plugins/lens/public/xy_visualization_plugin/__snapshots__/xy_expression.test.tsx.snap @@ -88,15 +88,15 @@ exports[`xy_expression XYChart component it renders area 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -274,15 +274,15 @@ exports[`xy_expression XYChart component it renders bar 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -460,15 +460,15 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -646,15 +646,15 @@ exports[`xy_expression XYChart component it renders line 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -832,15 +832,15 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -1022,15 +1022,15 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = ` "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, @@ -1212,15 +1212,15 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] = "colors": Object { "defaultVizColor": "#6092C0", "vizColors": Array [ - "#5BBAA0", + "#54B399", "#6092C0", "#D36086", "#9170B8", - "#EEAFCF", - "#FAE181", - "#CDBD9D", - "#F19F58", - "#B46F5F", + "#CA8EAE", + "#D6BF57", + "#B9A888", + "#DA8B45", + "#AA6556", "#E7664C", ], }, diff --git a/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap b/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap index 369132068e0901..1faf4f0c1105c7 100644 --- a/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap +++ b/x-pack/legacy/plugins/maps/public/components/__snapshots__/validated_range.test.js.snap @@ -5,6 +5,7 @@ exports[`Should display error message when value is outside of range 1`] = ` { { x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1096175 }, { x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12382 }, ], - color: '#DB1374', + color: '#D36086', }, { key: 'uniqueDestinationIpsHistogram', @@ -157,7 +157,7 @@ describe('AreaChartBaseComponent', () => { { x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 }, { x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 }, ], - color: '#490092', + color: '#9170B8', }, ]; diff --git a/x-pack/legacy/plugins/siem/public/components/charts/barchart.test.tsx b/x-pack/legacy/plugins/siem/public/components/charts/barchart.test.tsx index ac9c4d591232a6..d8e5079dd72a66 100644 --- a/x-pack/legacy/plugins/siem/public/components/charts/barchart.test.tsx +++ b/x-pack/legacy/plugins/siem/public/components/charts/barchart.test.tsx @@ -18,41 +18,41 @@ const customWidth = '120px'; const chartDataSets = [ [ [ - { key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ y: 2354, x: 'uniqueDestinationIps' }], - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [{ y: 1714, x: '' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ y: 1714, x: '' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ y: 2354, x: '' }], - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ y: 0, x: 'uniqueDestinationIps' }], - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [{ y: null, x: 'uniqueSourceIps' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ y: null, x: 'uniqueSourceIps' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ y: 2354, x: 'uniqueDestinationIps' }], - color: '#490092', + color: '#9170B8', }, ], ], @@ -63,40 +63,40 @@ const chartHolderDataSets: Array<[ChartSeriesData[] | undefined | null]> = [ [null], [ [ - { key: 'uniqueSourceIps', color: '#DB1374' }, + { key: 'uniqueSourceIps', color: '#D36086' }, { key: 'uniqueDestinationIps', - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [], - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [{}], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{}], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{}], - color: '#490092', + color: '#9170B8', }, ], ], [ [ - { key: 'uniqueSourceIps', value: [{ y: 0, x: 'uniqueSourceIps' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ y: 0, x: 'uniqueSourceIps' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ y: 0, x: 'uniqueDestinationIps' }], - color: '#490092', + color: '#9170B8', }, ], ], @@ -122,12 +122,12 @@ describe('BarChartBaseComponent', () => { { key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps', g: 'uniqueSourceIps' }], - color: '#DB1374', + color: '#D36086', }, { key: 'uniqueDestinationIps', value: [{ y: 2354, x: 'uniqueDestinationIps', g: 'uniqueDestinationIps' }], - color: '#490092', + color: '#9170B8', }, ]; diff --git a/x-pack/legacy/plugins/siem/public/components/embeddables/__mocks__/mock.ts b/x-pack/legacy/plugins/siem/public/components/embeddables/__mocks__/mock.ts index ede0d3f394789e..2a3e69787c05c2 100644 --- a/x-pack/legacy/plugins/siem/public/components/embeddables/__mocks__/mock.ts +++ b/x-pack/legacy/plugins/siem/public/components/embeddables/__mocks__/mock.ts @@ -34,7 +34,7 @@ export const mockSourceLayer = { properties: { fillColor: { type: 'STATIC', - options: { color: '#3185FC' }, + options: { color: '#6092C0' }, }, lineColor: { type: 'STATIC', @@ -86,7 +86,7 @@ export const mockDestinationLayer = { properties: { fillColor: { type: 'STATIC', - options: { color: '#DB1374' }, + options: { color: '#D36086' }, }, lineColor: { type: 'STATIC', @@ -135,7 +135,7 @@ export const mockLineLayer = { }, lineColor: { type: 'STATIC', - options: { color: '#3185FC' }, + options: { color: '#6092C0' }, }, lineWidth: { type: 'DYNAMIC', diff --git a/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.test.ts b/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.test.ts index bc4e6130f56f42..4004db5f21795c 100644 --- a/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.test.ts +++ b/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.test.ts @@ -16,6 +16,7 @@ import { jest.mock('uuid', () => { return { + v1: jest.fn(() => 'uuid.v1()'), v4: jest.fn(() => 'uuid.v4()'), }; }); diff --git a/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.ts b/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.ts index 637251eb64f707..f2d4505ffd1bf2 100644 --- a/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.ts +++ b/x-pack/legacy/plugins/siem/public/components/embeddables/map_config.ts @@ -5,8 +5,10 @@ */ import uuid from 'uuid'; +import { euiPaletteColorBlind } from '@elastic/eui'; import { IndexPatternMapping } from './types'; import * as i18n from './translations'; +const euiVisColorPalette = euiPaletteColorBlind(); // Update source/destination field mappings to modify what fields will be returned to map tooltip const sourceFieldMappings: Record = { @@ -89,7 +91,7 @@ export const getSourceLayer = (indexPatternTitle: string, indexPatternId: string properties: { fillColor: { type: 'STATIC', - options: { color: '#3185FC' }, + options: { color: euiVisColorPalette[1] }, }, lineColor: { type: 'STATIC', @@ -142,7 +144,7 @@ export const getDestinationLayer = (indexPatternTitle: string, indexPatternId: s properties: { fillColor: { type: 'STATIC', - options: { color: '#DB1374' }, + options: { color: euiVisColorPalette[2] }, }, lineColor: { type: 'STATIC', @@ -198,7 +200,7 @@ export const getLineLayer = (indexPatternTitle: string, indexPatternId: string) }, lineColor: { type: 'STATIC', - options: { color: '#3185FC' }, + options: { color: euiVisColorPalette[1] }, }, lineWidth: { type: 'DYNAMIC', diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap index 11fd78d81052af..ba35940ff0e5fa 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/__snapshots__/note_card_body.test.tsx.snap @@ -24,14 +24,6 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "size": "64px", }, }, - "badgeTypes": Object { - "accent": "#e2a7c2", - "danger": "#e65c5c", - "default": "#343741", - "primary": "#388ebc", - "secondary": "#9dc2bc", - "warning": "#ebc98e", - }, "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)", "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)", "euiAnimSpeedExtraFast": "90ms", @@ -167,16 +159,26 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "euiColorPrimary": "#1ba9f5", "euiColorSecondary": "#7de2d1", "euiColorSuccess": "#7de2d1", - "euiColorVis0": "#5bbaa0", + "euiColorVis0": "#54b399", + "euiColorVis0_behindText": "#6dccb1", "euiColorVis1": "#6092c0", + "euiColorVis1_behindText": "#79aad9", "euiColorVis2": "#d36086", + "euiColorVis2_behindText": "#ee789d", "euiColorVis3": "#9170b8", - "euiColorVis4": "#eeafcf", - "euiColorVis5": "#fae181", - "euiColorVis6": "#cdbd9d", - "euiColorVis7": "#f19f58", - "euiColorVis8": "#b46f5f", + "euiColorVis3_behindText": "#a987d1", + "euiColorVis4": "#ca8eae", + "euiColorVis4_behindText": "#e4a6c7", + "euiColorVis5": "#d6bf57", + "euiColorVis5_behindText": "#f1d86f", + "euiColorVis6": "#b9a888", + "euiColorVis6_behindText": "#d2c0a0", + "euiColorVis7": "#da8b45", + "euiColorVis7_behindText": "#f5a35c", + "euiColorVis8": "#aa6556", + "euiColorVis8_behindText": "#c47c6c", "euiColorVis9": "#e7664c", + "euiColorVis9_behindText": "#ff7e62", "euiColorWarning": "#ffce7a", "euiContextMenuWidth": "256px", "euiControlBarBackground": "#000000", @@ -214,7 +216,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "euiFocusBackgroundColor": "#232635", "euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)", "euiFocusRingColor": "rgba(27, 169, 245, 0.3)", - "euiFocusRingSize": "2px", + "euiFocusRingSize": "3px", "euiFocusRingSizeLarge": "4px", "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", "euiFontFeatureSettings": "calt 1 kern 1 liga 1", @@ -289,6 +291,48 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "euiNavDrawerWidthCollapsed": "48px", "euiNavDrawerWidthExpanded": "240px", "euiPageBackgroundColor": "#1a1b20", + "euiPaletteColorBlind": Object { + "euiColorVis0": Object { + "behindText": "#6dccb1", + "graphic": "#54b399", + }, + "euiColorVis1": Object { + "behindText": "#79aad9", + "graphic": "#6092c0", + }, + "euiColorVis2": Object { + "behindText": "#ee789d", + "graphic": "#d36086", + }, + "euiColorVis3": Object { + "behindText": "#a987d1", + "graphic": "#9170b8", + }, + "euiColorVis4": Object { + "behindText": "#e4a6c7", + "graphic": "#ca8eae", + }, + "euiColorVis5": Object { + "behindText": "#f1d86f", + "graphic": "#d6bf57", + }, + "euiColorVis6": Object { + "behindText": "#d2c0a0", + "graphic": "#b9a888", + }, + "euiColorVis7": Object { + "behindText": "#f5a35c", + "graphic": "#da8b45", + }, + "euiColorVis8": Object { + "behindText": "#c47c6c", + "graphic": "#aa6556", + }, + "euiColorVis9": Object { + "behindText": "#ff7e62", + "graphic": "#e7664c", + }, + }, "euiPanelPaddingModifiers": Object { "paddingLarge": "24px", "paddingMedium": "16px", @@ -351,16 +395,16 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "warning": "#ffce7a", }, "euiSuggestItemColors": Object { - "tint0": "#5bbaa0", + "tint0": "#54b399", "tint1": "#6092c0", "tint10": "#98a2b3", "tint2": "#d36086", "tint3": "#9170b8", - "tint4": "#eeafcf", - "tint5": "#fae181", - "tint6": "#cdbd9d", - "tint7": "#f19f58", - "tint8": "#b46f5f", + "tint4": "#ca8eae", + "tint5": "#d6bf57", + "tint6": "#b9a888", + "tint7": "#da8b45", + "tint8": "#aa6556", "tint9": "#e7664c", }, "euiSuperDatePickerButtonWidth": "118px", @@ -508,10 +552,10 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = ` "tokenTint01": "#1ba9f5", "tokenTint02": "#f990c0", "tokenTint03": "#9170b8", - "tokenTint04": "#f19f58", + "tokenTint04": "#da8b45", "tokenTint05": "#6092c0", "tokenTint06": "#e6c220", - "tokenTint07": "#5bbaa0", + "tokenTint07": "#54b399", "tokenTint08": "#920000", "tokenTint09": "#ff00ff", "tokenTint10": "#26ab00", diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap index 342c814550727b..2b2a35945bdf18 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap @@ -9,7 +9,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = ` fields={ Array [ Object { - "color": "#00B3A4", + "color": "#54B399", "description": "success", "icon": "check", "key": "authSuccess", @@ -17,7 +17,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = ` "value": null, }, Object { - "color": "#920000", + "color": "#E7664C", "description": "fail", "icon": "cross", "key": "authFailure", @@ -37,7 +37,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = ` fields={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "description": "source", "icon": "visMapCoordinate", "key": "uniqueSourceIps", @@ -45,7 +45,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = ` "value": null, }, Object { - "color": "#490092", + "color": "#9170B8", "description": "destination", "icon": "visMapCoordinate", "key": "uniqueDestinationIps", @@ -69,7 +69,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = ` fields={ Array [ Object { - "color": "#3185FC", + "color": "#6092C0", "icon": "storage", "key": "hosts", "value": null, @@ -87,7 +87,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = ` fields={ Array [ Object { - "color": "#00B3A4", + "color": "#54B399", "description": "success", "icon": "check", "key": "authSuccess", @@ -95,7 +95,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = ` "value": null, }, Object { - "color": "#920000", + "color": "#E7664C", "description": "fail", "icon": "cross", "key": "authFailure", @@ -115,7 +115,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = ` fields={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "description": "source", "icon": "visMapCoordinate", "key": "uniqueSourceIps", @@ -123,7 +123,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = ` "value": null, }, Object { - "color": "#490092", + "color": "#9170B8", "description": "destination", "icon": "visMapCoordinate", "key": "uniqueDestinationIps", diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/types.ts b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/types.ts index f2f50d72952ac9..fd483681247952 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/types.ts +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/types.ts @@ -5,9 +5,9 @@ */ export enum KpiHostsChartColors { - authSuccess = '#00B3A4', - authFailure = '#920000', - uniqueSourceIps = '#DB1374', - uniqueDestinationIps = '#490092', - hosts = '#3185FC', + authSuccess = '#54B399', + authFailure = '#E7664C', + uniqueSourceIps = '#D36086', + uniqueDestinationIps = '#9170B8', + hosts = '#6092C0', } diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx index 73602fe3400a9a..876df35b7414a4 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx @@ -6,7 +6,13 @@ import React from 'react'; -import { EuiFlexItem, EuiLoadingSpinner, EuiFlexGroup, EuiSpacer } from '@elastic/eui'; +import { + EuiFlexItem, + EuiLoadingSpinner, + EuiFlexGroup, + EuiSpacer, + euiPaletteColorBlind, +} from '@elastic/eui'; import styled from 'styled-components'; import { chunk as _chunk } from 'lodash/fp'; import { @@ -23,9 +29,10 @@ import { UpdateDateRange } from '../../../charts/common'; const kipsPerRow = 2; const kpiWidgetHeight = 228; -const euiColorVis1 = '#3185FC'; -const euiColorVis2 = '#DB1374'; -const euiColorVis3 = '#490092'; +const euiVisColorPalette = euiPaletteColorBlind(); +const euiColorVis1 = euiVisColorPalette[1]; +const euiColorVis2 = euiVisColorPalette[2]; +const euiColorVis3 = euiVisColorPalette[3]; interface KpiNetworkProps { data: KpiNetworkData; diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/mock.ts b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/mock.ts index 38d73d5a5895b3..4edaf76bb48202 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/mock.ts +++ b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/mock.ts @@ -49,7 +49,7 @@ const mockMappingItems: StatItems = { value: null, name: 'Src.', description: 'source', - color: '#DB1374', + color: '#D36086', icon: 'visMapCoordinate', }, { @@ -57,7 +57,7 @@ const mockMappingItems: StatItems = { value: null, name: 'Dest.', description: 'destination', - color: '#490092', + color: '#9170B8', icon: 'visMapCoordinate', }, ], @@ -82,7 +82,7 @@ export const mockDisableChartsInitialData = { value: undefined, name: 'Src.', description: 'source', - color: '#DB1374', + color: '#D36086', icon: 'visMapCoordinate', }, { @@ -90,7 +90,7 @@ export const mockDisableChartsInitialData = { value: undefined, name: 'Dest.', description: 'destination', - color: '#490092', + color: '#9170B8', icon: 'visMapCoordinate', }, ], @@ -109,7 +109,7 @@ export const mockEnableChartsInitialData = { value: undefined, name: 'Src.', description: 'source', - color: '#DB1374', + color: '#D36086', icon: 'visMapCoordinate', }, { @@ -117,7 +117,7 @@ export const mockEnableChartsInitialData = { value: undefined, name: 'Dest.', description: 'destination', - color: '#490092', + color: '#9170B8', icon: 'visMapCoordinate', }, ], @@ -128,7 +128,7 @@ export const mockEnableChartsInitialData = { areaChart: [], barChart: [ { - color: '#DB1374', + color: '#D36086', key: 'uniqueSourcePrivateIps', value: [ { @@ -139,7 +139,7 @@ export const mockEnableChartsInitialData = { ], }, { - color: '#490092', + color: '#9170B8', key: 'uniqueDestinationPrivateIps', value: [ { @@ -165,7 +165,7 @@ export const mockEnableChartsData = { ], name: 'Src.', description: 'source', - color: '#DB1374', + color: '#D36086', icon: 'visMapCoordinate', }, { @@ -176,14 +176,14 @@ export const mockEnableChartsData = { ], name: 'Dest.', description: 'destination', - color: '#490092', + color: '#9170B8', icon: 'visMapCoordinate', }, ], barChart: [ { key: 'uniqueSourcePrivateIps', - color: '#DB1374', + color: '#D36086', value: [ { x: 'Src.', @@ -195,7 +195,7 @@ export const mockEnableChartsData = { }, { key: 'uniqueDestinationPrivateIps', - color: '#490092', + color: '#9170B8', value: [{ x: 'Dest.', y: 18, g: 'uniqueDestinationPrivateIps', y0: 0 }], }, ], @@ -208,7 +208,7 @@ export const mockEnableChartsData = { value: 383, name: 'Src.', description: 'source', - color: '#DB1374', + color: '#D36086', icon: 'visMapCoordinate', }, { @@ -216,7 +216,7 @@ export const mockEnableChartsData = { value: 18, name: 'Dest.', description: 'destination', - color: '#490092', + color: '#9170B8', icon: 'visMapCoordinate', }, ], diff --git a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap index 82bcd62c77cbe4..59d2d91897254b 100644 --- a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap @@ -24,14 +24,6 @@ exports[`Paginated Table Component rendering it renders the default load more ta "size": "64px", }, }, - "badgeTypes": Object { - "accent": "#e2a7c2", - "danger": "#e65c5c", - "default": "#343741", - "primary": "#388ebc", - "secondary": "#9dc2bc", - "warning": "#ebc98e", - }, "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)", "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)", "euiAnimSpeedExtraFast": "90ms", @@ -167,16 +159,26 @@ exports[`Paginated Table Component rendering it renders the default load more ta "euiColorPrimary": "#1ba9f5", "euiColorSecondary": "#7de2d1", "euiColorSuccess": "#7de2d1", - "euiColorVis0": "#5bbaa0", + "euiColorVis0": "#54b399", + "euiColorVis0_behindText": "#6dccb1", "euiColorVis1": "#6092c0", + "euiColorVis1_behindText": "#79aad9", "euiColorVis2": "#d36086", + "euiColorVis2_behindText": "#ee789d", "euiColorVis3": "#9170b8", - "euiColorVis4": "#eeafcf", - "euiColorVis5": "#fae181", - "euiColorVis6": "#cdbd9d", - "euiColorVis7": "#f19f58", - "euiColorVis8": "#b46f5f", + "euiColorVis3_behindText": "#a987d1", + "euiColorVis4": "#ca8eae", + "euiColorVis4_behindText": "#e4a6c7", + "euiColorVis5": "#d6bf57", + "euiColorVis5_behindText": "#f1d86f", + "euiColorVis6": "#b9a888", + "euiColorVis6_behindText": "#d2c0a0", + "euiColorVis7": "#da8b45", + "euiColorVis7_behindText": "#f5a35c", + "euiColorVis8": "#aa6556", + "euiColorVis8_behindText": "#c47c6c", "euiColorVis9": "#e7664c", + "euiColorVis9_behindText": "#ff7e62", "euiColorWarning": "#ffce7a", "euiContextMenuWidth": "256px", "euiControlBarBackground": "#000000", @@ -214,7 +216,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta "euiFocusBackgroundColor": "#232635", "euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)", "euiFocusRingColor": "rgba(27, 169, 245, 0.3)", - "euiFocusRingSize": "2px", + "euiFocusRingSize": "3px", "euiFocusRingSizeLarge": "4px", "euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", "euiFontFeatureSettings": "calt 1 kern 1 liga 1", @@ -289,6 +291,48 @@ exports[`Paginated Table Component rendering it renders the default load more ta "euiNavDrawerWidthCollapsed": "48px", "euiNavDrawerWidthExpanded": "240px", "euiPageBackgroundColor": "#1a1b20", + "euiPaletteColorBlind": Object { + "euiColorVis0": Object { + "behindText": "#6dccb1", + "graphic": "#54b399", + }, + "euiColorVis1": Object { + "behindText": "#79aad9", + "graphic": "#6092c0", + }, + "euiColorVis2": Object { + "behindText": "#ee789d", + "graphic": "#d36086", + }, + "euiColorVis3": Object { + "behindText": "#a987d1", + "graphic": "#9170b8", + }, + "euiColorVis4": Object { + "behindText": "#e4a6c7", + "graphic": "#ca8eae", + }, + "euiColorVis5": Object { + "behindText": "#f1d86f", + "graphic": "#d6bf57", + }, + "euiColorVis6": Object { + "behindText": "#d2c0a0", + "graphic": "#b9a888", + }, + "euiColorVis7": Object { + "behindText": "#f5a35c", + "graphic": "#da8b45", + }, + "euiColorVis8": Object { + "behindText": "#c47c6c", + "graphic": "#aa6556", + }, + "euiColorVis9": Object { + "behindText": "#ff7e62", + "graphic": "#e7664c", + }, + }, "euiPanelPaddingModifiers": Object { "paddingLarge": "24px", "paddingMedium": "16px", @@ -351,16 +395,16 @@ exports[`Paginated Table Component rendering it renders the default load more ta "warning": "#ffce7a", }, "euiSuggestItemColors": Object { - "tint0": "#5bbaa0", + "tint0": "#54b399", "tint1": "#6092c0", "tint10": "#98a2b3", "tint2": "#d36086", "tint3": "#9170b8", - "tint4": "#eeafcf", - "tint5": "#fae181", - "tint6": "#cdbd9d", - "tint7": "#f19f58", - "tint8": "#b46f5f", + "tint4": "#ca8eae", + "tint5": "#d6bf57", + "tint6": "#b9a888", + "tint7": "#da8b45", + "tint8": "#aa6556", "tint9": "#e7664c", }, "euiSuperDatePickerButtonWidth": "118px", @@ -508,10 +552,10 @@ exports[`Paginated Table Component rendering it renders the default load more ta "tokenTint01": "#1ba9f5", "tokenTint02": "#f990c0", "tokenTint03": "#9170b8", - "tokenTint04": "#f19f58", + "tokenTint04": "#da8b45", "tokenTint05": "#6092c0", "tokenTint06": "#e6c220", - "tokenTint07": "#5bbaa0", + "tokenTint07": "#54b399", "tokenTint08": "#920000", "tokenTint09": "#ff00ff", "tokenTint10": "#26ab00", diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap index 31456ba8c4adaa..a05fb513dd7ef1 100644 --- a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap @@ -20,7 +20,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] = fields={ Array [ Object { - "color": "#3185FC", + "color": "#6092C0", "icon": "cross", "key": "hosts", "value": null, @@ -254,7 +254,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] = fields={ Array [ Object { - "color": "#3185FC", + "color": "#6092C0", "icon": "cross", "key": "hosts", "value": null, @@ -483,7 +483,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default areaChart={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "key": "uniqueSourceIpsHistogram", "value": Array [ Object { @@ -501,7 +501,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default ], }, Object { - "color": "#490092", + "color": "#9170B8", "key": "uniqueDestinationIpsHistogram", "value": Array [ Object { @@ -523,7 +523,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default barChart={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "key": "uniqueSourceIps", "value": Array [ Object { @@ -533,7 +533,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default ], }, Object { - "color": "#490092", + "color": "#9170B8", "key": "uniqueDestinationIps", "value": Array [ Object { @@ -550,14 +550,14 @@ exports[`Stat Items Component rendering kpis with charts it renders the default fields={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "description": "Source", "icon": "cross", "key": "uniqueSourceIps", "value": 1714, }, Object { - "color": "#490092", + "color": "#9170B8", "description": "Dest.", "icon": "cross", "key": "uniqueDestinationIps", @@ -728,7 +728,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE" > @@ -754,7 +754,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default role="img" style={ Object { - "fill": "#DB1374", + "fill": "#D36086", } } viewBox="0 0 16 16" @@ -823,7 +823,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE" > @@ -849,7 +849,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default role="img" style={ Object { - "fill": "#490092", + "fill": "#9170B8", } } viewBox="0 0 16 16" @@ -912,7 +912,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default barChart={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "key": "uniqueSourceIps", "value": Array [ Object { @@ -922,7 +922,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default ], }, Object { - "color": "#490092", + "color": "#9170B8", "key": "uniqueDestinationIps", "value": Array [ Object { @@ -971,7 +971,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default areaChart={ Array [ Object { - "color": "#DB1374", + "color": "#D36086", "key": "uniqueSourceIpsHistogram", "value": Array [ Object { @@ -989,7 +989,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default ], }, Object { - "color": "#490092", + "color": "#9170B8", "key": "uniqueDestinationIpsHistogram", "value": Array [ Object { diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/index.test.tsx b/x-pack/legacy/plugins/siem/public/components/stat_items/index.test.tsx index e68cf47500555b..95ef747bc429ac 100644 --- a/x-pack/legacy/plugins/siem/public/components/stat_items/index.test.tsx +++ b/x-pack/legacy/plugins/siem/public/components/stat_items/index.test.tsx @@ -58,7 +58,7 @@ describe('Stat Items Component', () => { { areaChart={[]} barChart={[]} description="HOSTS" - fields={[{ key: 'hosts', value: null, color: '#3185FC', icon: 'cross' }]} + fields={[{ key: 'hosts', value: null, color: '#6092C0', icon: 'cross' }]} from={from} id="statItems" index={0} @@ -126,7 +126,7 @@ describe('Stat Items Component', () => { { x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 }, { x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 }, ], - color: '#DB1374', + color: '#D36086', }, { key: 'uniqueDestinationIpsHistogram', @@ -135,15 +135,15 @@ describe('Stat Items Component', () => { { x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 }, { x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 }, ], - color: '#490092', + color: '#9170B8', }, ], barChart: [ - { key: 'uniqueSourceIps', value: [{ x: 'uniqueSourceIps', y: '1714' }], color: '#DB1374' }, + { key: 'uniqueSourceIps', value: [{ x: 'uniqueSourceIps', y: '1714' }], color: '#D36086' }, { key: 'uniqueDestinationIps', value: [{ x: 'uniqueDestinationIps', y: 2354 }], - color: '#490092', + color: '#9170B8', }, ], description: 'UNIQUE_PRIVATE_IPS', @@ -154,14 +154,14 @@ describe('Stat Items Component', () => { key: 'uniqueSourceIps', description: 'Source', value: 1714, - color: '#DB1374', + color: '#D36086', icon: 'cross', }, { key: 'uniqueDestinationIps', description: 'Dest.', value: 2359, - color: '#490092', + color: '#9170B8', icon: 'cross', }, ], diff --git a/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap index 6514d6aa9eb027..562641d8fca515 100644 --- a/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap +++ b/x-pack/legacy/plugins/spaces/public/management/edit_space/customize_space/__snapshots__/customize_space_avatar.test.tsx.snap @@ -35,7 +35,7 @@ exports[`renders without crashing 1`] = ` labelType="label" > diff --git a/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap b/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap index 02dccc1de2e27f..02dbca28c7b66e 100644 --- a/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap +++ b/x-pack/legacy/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_pages.test.tsx.snap @@ -141,7 +141,7 @@ Array [ } > SSL certificate expires {