diff --git a/package.json b/package.json index dd07e8e589b23..a91b38d95ff99 100644 --- a/package.json +++ b/package.json @@ -117,7 +117,7 @@ "@elastic/apm-rum": "^5.17.0", "@elastic/apm-rum-core": "^5.23.0", "@elastic/apm-rum-react": "^2.0.6", - "@elastic/charts": "68.1.0", + "@elastic/charts": "69.1.1", "@elastic/datemath": "5.0.3", "@elastic/ebt": "^1.1.1", "@elastic/ecs": "^8.11.5", diff --git a/src/platform/plugins/shared/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap b/src/platform/plugins/shared/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap index ae2eb489200ad..7eafc344ac0e4 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap +++ b/src/platform/plugins/shared/chart_expressions/expression_gauge/public/components/__snapshots__/gauge_component.test.tsx.snap @@ -97,24 +97,6 @@ exports[`GaugeComponent renders the chart 1`] = ` "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, diff --git a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/components/__snapshots__/partition_vis_component.test.tsx.snap b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/components/__snapshots__/partition_vis_component.test.tsx.snap index 4da1ba4572401..331620b50b97c 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/components/__snapshots__/partition_vis_component.test.tsx.snap +++ b/src/platform/plugins/shared/chart_expressions/expression_partition_vis/public/components/__snapshots__/partition_vis_component.test.tsx.snap @@ -298,24 +298,6 @@ exports[`PartitionVisComponent should render correct structure for donut 1`] = ` "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, @@ -1199,24 +1181,6 @@ exports[`PartitionVisComponent should render correct structure for mosaic 1`] = "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, @@ -2160,24 +2124,6 @@ exports[`PartitionVisComponent should render correct structure for multi-metric "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, @@ -3123,24 +3069,6 @@ exports[`PartitionVisComponent should render correct structure for pie 1`] = ` "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, @@ -4024,24 +3952,6 @@ exports[`PartitionVisComponent should render correct structure for treemap 1`] = "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, @@ -4880,24 +4790,6 @@ exports[`PartitionVisComponent should render correct structure for waffle 1`] = "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, diff --git a/src/platform/plugins/shared/chart_expressions/expression_xy/public/components/__snapshots__/xy_chart.test.tsx.snap b/src/platform/plugins/shared/chart_expressions/expression_xy/public/components/__snapshots__/xy_chart.test.tsx.snap index 507d9fb0aeab2..aed2f8d459831 100644 --- a/src/platform/plugins/shared/chart_expressions/expression_xy/public/components/__snapshots__/xy_chart.test.tsx.snap +++ b/src/platform/plugins/shared/chart_expressions/expression_xy/public/components/__snapshots__/xy_chart.test.tsx.snap @@ -628,12 +628,12 @@ exports[`XYChart component it renders area 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -643,7 +643,7 @@ exports[`XYChart component it renders area 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -659,35 +659,17 @@ exports[`XYChart component it renders area 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -697,7 +679,7 @@ exports[`XYChart component it renders area 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -716,14 +698,14 @@ exports[`XYChart component it renders area 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -760,16 +742,16 @@ exports[`XYChart component it renders area 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -800,7 +782,7 @@ exports[`XYChart component it renders area 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -808,7 +790,7 @@ exports[`XYChart component it renders area 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -817,21 +799,22 @@ exports[`XYChart component it renders area 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -884,23 +867,23 @@ exports[`XYChart component it renders area 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -919,12 +902,12 @@ exports[`XYChart component it renders area 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -936,11 +919,11 @@ exports[`XYChart component it renders area 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -951,7 +934,7 @@ exports[`XYChart component it renders area 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -1017,15 +1000,15 @@ exports[`XYChart component it renders area 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -1035,7 +1018,7 @@ exports[`XYChart component it renders area 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -1052,7 +1035,7 @@ exports[`XYChart component it renders area 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -1068,7 +1051,7 @@ exports[`XYChart component it renders area 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -1080,7 +1063,7 @@ exports[`XYChart component it renders area 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -2178,12 +2161,12 @@ exports[`XYChart component it renders bar 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -2193,7 +2176,7 @@ exports[`XYChart component it renders bar 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -2209,35 +2192,17 @@ exports[`XYChart component it renders bar 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -2247,7 +2212,7 @@ exports[`XYChart component it renders bar 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -2266,14 +2231,14 @@ exports[`XYChart component it renders bar 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -2310,16 +2275,16 @@ exports[`XYChart component it renders bar 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -2350,7 +2315,7 @@ exports[`XYChart component it renders bar 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -2358,7 +2323,7 @@ exports[`XYChart component it renders bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -2367,21 +2332,22 @@ exports[`XYChart component it renders bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -2434,23 +2400,23 @@ exports[`XYChart component it renders bar 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -2469,12 +2435,12 @@ exports[`XYChart component it renders bar 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -2486,11 +2452,11 @@ exports[`XYChart component it renders bar 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -2501,7 +2467,7 @@ exports[`XYChart component it renders bar 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -2567,15 +2533,15 @@ exports[`XYChart component it renders bar 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -2585,7 +2551,7 @@ exports[`XYChart component it renders bar 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -2602,7 +2568,7 @@ exports[`XYChart component it renders bar 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -2618,7 +2584,7 @@ exports[`XYChart component it renders bar 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -2630,7 +2596,7 @@ exports[`XYChart component it renders bar 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -3728,12 +3694,12 @@ exports[`XYChart component it renders horizontal bar 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -3743,7 +3709,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -3759,35 +3725,17 @@ exports[`XYChart component it renders horizontal bar 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -3797,7 +3745,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -3816,14 +3764,14 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -3860,16 +3808,16 @@ exports[`XYChart component it renders horizontal bar 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -3900,7 +3848,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -3908,7 +3856,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -3917,21 +3865,22 @@ exports[`XYChart component it renders horizontal bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -3984,23 +3933,23 @@ exports[`XYChart component it renders horizontal bar 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -4019,12 +3968,12 @@ exports[`XYChart component it renders horizontal bar 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -4036,11 +3985,11 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -4051,7 +4000,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -4117,15 +4066,15 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -4135,7 +4084,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -4152,7 +4101,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -4168,7 +4117,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -4180,7 +4129,7 @@ exports[`XYChart component it renders horizontal bar 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -5278,12 +5227,12 @@ exports[`XYChart component it renders line 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -5293,7 +5242,7 @@ exports[`XYChart component it renders line 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -5309,35 +5258,17 @@ exports[`XYChart component it renders line 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -5347,7 +5278,7 @@ exports[`XYChart component it renders line 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -5366,14 +5297,14 @@ exports[`XYChart component it renders line 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -5410,16 +5341,16 @@ exports[`XYChart component it renders line 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -5450,7 +5381,7 @@ exports[`XYChart component it renders line 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -5458,7 +5389,7 @@ exports[`XYChart component it renders line 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -5467,21 +5398,22 @@ exports[`XYChart component it renders line 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -5534,23 +5466,23 @@ exports[`XYChart component it renders line 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -5569,12 +5501,12 @@ exports[`XYChart component it renders line 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -5586,11 +5518,11 @@ exports[`XYChart component it renders line 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -5601,7 +5533,7 @@ exports[`XYChart component it renders line 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -5667,15 +5599,15 @@ exports[`XYChart component it renders line 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -5685,7 +5617,7 @@ exports[`XYChart component it renders line 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -5702,7 +5634,7 @@ exports[`XYChart component it renders line 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -5718,7 +5650,7 @@ exports[`XYChart component it renders line 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -5730,7 +5662,7 @@ exports[`XYChart component it renders line 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -6828,12 +6760,12 @@ exports[`XYChart component it renders stacked area 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -6843,7 +6775,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -6859,35 +6791,17 @@ exports[`XYChart component it renders stacked area 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -6897,7 +6811,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -6916,14 +6830,14 @@ exports[`XYChart component it renders stacked area 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -6960,16 +6874,16 @@ exports[`XYChart component it renders stacked area 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -7000,7 +6914,7 @@ exports[`XYChart component it renders stacked area 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -7008,7 +6922,7 @@ exports[`XYChart component it renders stacked area 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -7017,21 +6931,22 @@ exports[`XYChart component it renders stacked area 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -7084,23 +6999,23 @@ exports[`XYChart component it renders stacked area 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -7119,12 +7034,12 @@ exports[`XYChart component it renders stacked area 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -7136,11 +7051,11 @@ exports[`XYChart component it renders stacked area 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -7151,7 +7066,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -7217,15 +7132,15 @@ exports[`XYChart component it renders stacked area 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -7235,7 +7150,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -7252,7 +7167,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -7268,7 +7183,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -7280,7 +7195,7 @@ exports[`XYChart component it renders stacked area 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -8378,12 +8293,12 @@ exports[`XYChart component it renders stacked bar 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -8393,7 +8308,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -8409,35 +8324,17 @@ exports[`XYChart component it renders stacked bar 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -8447,7 +8344,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -8466,14 +8363,14 @@ exports[`XYChart component it renders stacked bar 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -8510,16 +8407,16 @@ exports[`XYChart component it renders stacked bar 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -8550,7 +8447,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -8558,7 +8455,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -8567,21 +8464,22 @@ exports[`XYChart component it renders stacked bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -8634,23 +8532,23 @@ exports[`XYChart component it renders stacked bar 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -8669,12 +8567,12 @@ exports[`XYChart component it renders stacked bar 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -8686,11 +8584,11 @@ exports[`XYChart component it renders stacked bar 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -8701,7 +8599,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -8767,15 +8665,15 @@ exports[`XYChart component it renders stacked bar 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -8785,7 +8683,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -8802,7 +8700,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -8818,7 +8716,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -8830,7 +8728,7 @@ exports[`XYChart component it renders stacked bar 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -9928,12 +9826,12 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -9943,7 +9841,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -9959,35 +9857,17 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -9997,7 +9877,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -10016,14 +9896,14 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -10060,16 +9940,16 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -10100,7 +9980,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -10108,7 +9988,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -10117,21 +9997,22 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -10184,23 +10065,23 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -10219,12 +10100,12 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -10236,11 +10117,11 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -10251,7 +10132,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -10317,15 +10198,15 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -10335,7 +10216,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -10352,7 +10233,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -10368,7 +10249,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -10380,7 +10261,7 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = ` "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -11508,12 +11389,12 @@ exports[`XYChart component split chart should render split chart if both, splitR }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -11523,7 +11404,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -11539,35 +11420,17 @@ exports[`XYChart component split chart should render split chart if both, splitR 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -11577,7 +11440,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -11596,14 +11459,14 @@ exports[`XYChart component split chart should render split chart if both, splitR "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -11640,16 +11503,16 @@ exports[`XYChart component split chart should render split chart if both, splitR }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -11680,7 +11543,7 @@ exports[`XYChart component split chart should render split chart if both, splitR }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -11688,7 +11551,7 @@ exports[`XYChart component split chart should render split chart if both, splitR 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -11697,21 +11560,22 @@ exports[`XYChart component split chart should render split chart if both, splitR 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -11764,23 +11628,23 @@ exports[`XYChart component split chart should render split chart if both, splitR }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -11799,12 +11663,12 @@ exports[`XYChart component split chart should render split chart if both, splitR }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -11816,11 +11680,11 @@ exports[`XYChart component split chart should render split chart if both, splitR "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -11831,7 +11695,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -11897,15 +11761,15 @@ exports[`XYChart component split chart should render split chart if both, splitR "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -11915,7 +11779,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -11932,7 +11796,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -11948,7 +11812,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -11960,7 +11824,7 @@ exports[`XYChart component split chart should render split chart if both, splitR "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -13296,12 +13160,12 @@ exports[`XYChart component split chart should render split chart if splitColumnA }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -13311,7 +13175,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -13327,35 +13191,17 @@ exports[`XYChart component split chart should render split chart if splitColumnA 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -13365,7 +13211,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -13384,14 +13230,14 @@ exports[`XYChart component split chart should render split chart if splitColumnA "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -13428,16 +13274,16 @@ exports[`XYChart component split chart should render split chart if splitColumnA }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -13468,7 +13314,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -13476,7 +13322,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -13485,21 +13331,22 @@ exports[`XYChart component split chart should render split chart if splitColumnA 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -13552,23 +13399,23 @@ exports[`XYChart component split chart should render split chart if splitColumnA }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -13587,12 +13434,12 @@ exports[`XYChart component split chart should render split chart if splitColumnA }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -13604,11 +13451,11 @@ exports[`XYChart component split chart should render split chart if splitColumnA "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -13619,7 +13466,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -13685,15 +13532,15 @@ exports[`XYChart component split chart should render split chart if splitColumnA "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -13703,7 +13550,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -13720,7 +13567,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -13736,7 +13583,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -13748,7 +13595,7 @@ exports[`XYChart component split chart should render split chart if splitColumnA "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { @@ -15077,12 +14924,12 @@ exports[`XYChart component split chart should render split chart if splitRowAcce }, "axes": Object { "axisLine": Object { - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, "axisPanelTitle": Object { - "fill": "#333", + "fill": "#1D2A3E", "fontFamily": "sans-serif", "fontSize": 10, "padding": Object { @@ -15092,7 +14939,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "visible": true, }, "axisTitle": Object { - "fill": "#343741", + "fill": "#1D2A3E", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "padding": Object { @@ -15108,35 +14955,17 @@ exports[`XYChart component split chart should render split chart if splitRowAcce 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, 0, ], "opacity": 1, - "stroke": "#E9EDF3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": true, }, @@ -15146,7 +14975,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "horizontal": "near", "vertical": "near", }, - "fill": "#646a77", + "fill": "#516381", "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 10, "fontStyle": "normal", @@ -15165,14 +14994,14 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "tickLine": Object { "padding": 10, "size": 10, - "stroke": "#eaedf3", + "stroke": "#E3E8F2", "strokeWidth": 1, "visible": false, }, }, "background": Object { - "color": "#FFF", - "fallbackColor": "#FFF", + "color": "#FFFFFF", + "fallbackColor": "#FFFFFF", }, "barSeriesStyle": Object { "displayValue": Object { @@ -15209,16 +15038,16 @@ exports[`XYChart component split chart should render split chart if splitRowAcce }, "bulletGraph": Object { "angularTickLabelPadding": 10, - "barBackground": "#343741", - "border": "#EDF0F5", + "barBackground": "#1D2A3E", + "border": "#E3E8F2", "colorBands": Array [ "#AA87D1", "#D9C6EF", ], - "fallbackBandColor": "#98A2B3", + "fallbackBandColor": "#ECF1F9", "minHeight": 64, "nonFiniteText": "N/A", - "textColor": "#343741", + "textColor": "#1D2A3E", }, "chartMargins": Object { "bottom": 0, @@ -15249,7 +15078,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce }, "crosshair": Object { "band": Object { - "fill": "#F1F4FA", + "fill": "rgba(23 80 186 / 0.04)", "visible": true, }, "crossLine": Object { @@ -15257,7 +15086,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, @@ -15266,21 +15095,22 @@ exports[`XYChart component split chart should render split chart if splitRowAcce 4, 4, ], - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 1, "visible": true, }, }, "flamegraph": Object { + "minimapFocusBorder": "#BC1E70", "navigation": Object { - "buttonBackgroundColor": "#CCE4F5", - "buttonDisabledBackgroundColor": "#D3DAE626", - "buttonDisabledTextColor": "#A2ABBA", - "buttonTextColor": "#0061A6", - "textColor": "#343741", + "buttonBackgroundColor": "#0B64DD", + "buttonDisabledBackgroundColor": "#ECF1F9", + "buttonDisabledTextColor": "#798EAF", + "buttonTextColor": "#FFFFFF", + "textColor": "#111C2C", }, - "scrollbarThumb": "#343741", - "scrollbarTrack": "#D3DAE6", + "scrollbarThumb": "#8E9FBC", + "scrollbarTrack": "#ECF1F9", }, "goal": Object { "arcBoxSamplePitch": 0.08726646259971647, @@ -15333,23 +15163,23 @@ exports[`XYChart component split chart should render split chart if splitRowAcce }, "heatmap": Object { "brushArea": Object { - "stroke": "#69707D", + "stroke": "#CAD3E2", "strokeWidth": 2, "visible": true, }, "brushMask": Object { - "fill": "#73737380", + "fill": "rgba(255 255 255 / 0.7)", "visible": true, }, "brushTool": Object { - "fill": "gray", + "fill": "rgba(255 255 255 / 0.7)", "visible": false, }, "cell": Object { "align": "center", "border": Object { - "stroke": "gray", - "strokeWidth": 1, + "stroke": "#E3E8F2", + "strokeWidth": 0, }, "label": Object { "fontFamily": "Sans-Serif", @@ -15368,12 +15198,12 @@ exports[`XYChart component split chart should render split chart if splitRowAcce }, "grid": Object { "stroke": Object { - "color": "gray", + "color": "#E3E8F2", "width": 1, }, }, "xAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -15385,11 +15215,11 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "top": 5, }, "rotation": 0, - "textColor": "black", + "textColor": "#516381", "visible": true, }, "yAxisLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 12, "fontStyle": "normal", "fontVariant": "normal", @@ -15400,7 +15230,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "right": 5, "top": 5, }, - "textColor": "black", + "textColor": "#516381", "visible": true, "width": "auto", }, @@ -15466,15 +15296,15 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "pointVisibilityMinDistance": 40, }, "metric": Object { - "barBackground": "#EDF0F5", - "border": "#EDF0F5", + "barBackground": "#ECF1F9", + "border": "#E3E8F2", "emptyBackground": "transparent", "iconAlign": "right", "minHeight": 64, "minValueFontSize": 12, "nonFiniteText": "N/A", - "textDarkColor": "#343741", - "textLightColor": "#E0E5EE", + "textDarkColor": "#111C2C", + "textLightColor": "#E3E8F2", "titlesTextAlign": "left", "valueFontSize": "default", "valuesTextAlign": "right", @@ -15484,7 +15314,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "emptySizeRatio": 0, "fillLabel": Object { "clipText": false, - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontStyle": "normal", "fontVariant": "normal", "fontWeight": 400, @@ -15501,7 +15331,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "horizontalTextEnforcer": 1, "idealFontSizeJump": 1.05, "linkLabel": Object { - "fontFamily": "Sans-Serif", + "fontFamily": "Inter, BlinkMacSystemFont, Helvetica, Arial, sans-serif", "fontSize": 11, "fontStyle": "normal", "fontVariant": "normal", @@ -15517,7 +15347,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "radiusPadding": 10, "spacing": 2, "stemAngle": 0.7853981633974483, - "textColor": "#343741", + "textColor": "#1D2A3E", "valueFont": Object { "fontStyle": "normal", "fontVariant": "normal", @@ -15529,7 +15359,7 @@ exports[`XYChart component split chart should render split chart if splitRowAcce "minFontSize": 8, "outerSizeRatio": 1, "radialPadding": 0.017453292519943295, - "sectorLineStroke": "#FFF", + "sectorLineStroke": "#FFFFFF", "sectorLineWidth": 1.5, }, "rectAnnotation": Object { diff --git a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_line_annotation.tsx b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_line_annotation.tsx index d61fcc7d8985d..905bec688e61b 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_line_annotation.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_line_annotation.tsx @@ -11,6 +11,7 @@ import { AnnotationDomainType, LineAnnotation } from '@elastic/charts'; import { EuiText, useEuiTheme } from '@elastic/eui'; import { useFormContext } from 'react-hook-form'; import { SLOWithSummaryResponse } from '@kbn/slo-schema'; +import { cloneDeep } from 'lodash'; import { AnnotationIcon } from '.'; import { AnnotationTooltip } from './annotation_tooltip'; import type { Annotation, CreateAnnotationParams } from '../../../../common/annotations'; @@ -34,7 +35,7 @@ export function NewLineAnnotation({ return ( ); } diff --git a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_rect_annotation.tsx b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_rect_annotation.tsx index 2fe60edcdbd5a..e670997b4778b 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_rect_annotation.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/annotations/components/new_rect_annotation.tsx @@ -11,6 +11,7 @@ import { useEuiTheme } from '@elastic/eui'; import moment from 'moment'; import { useFormContext } from 'react-hook-form'; import { SLOWithSummaryResponse } from '@kbn/slo-schema'; +import { cloneDeep } from 'lodash'; import { AnnotationTooltip } from './annotation_tooltip'; import type { Annotation, CreateAnnotationParams } from '../../../../common/annotations'; @@ -35,7 +36,7 @@ export function NewRectAnnotation({ return ( ); } diff --git a/x-pack/solutions/observability/plugins/observability/public/components/annotations/use_annotations.tsx b/x-pack/solutions/observability/plugins/observability/public/components/annotations/use_annotations.tsx index 08eace65e72a7..cd28838f0cc38 100644 --- a/x-pack/solutions/observability/plugins/observability/public/components/annotations/use_annotations.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/components/annotations/use_annotations.tsx @@ -10,10 +10,6 @@ import { FormProvider, useForm } from 'react-hook-form'; import moment from 'moment'; import useKey from 'react-use/lib/useKey'; import { clone } from 'lodash'; -import { - defaultRangeAnnotationLabel, - defaultAnnotationRangeColor, -} from '@kbn/event-annotation-common'; import { SLOWithSummaryResponse } from '@kbn/slo-schema'; import { getDefaultAnnotation } from './default_annotation'; import { useEditAnnotationHelper } from './hooks/use_edit_annotation_helper'; @@ -160,20 +156,16 @@ export const useAnnotations = ({ }, createAnnotation: (start: string | number, end?: string | null) => { if (isCreateOpen) return; - reset(getDefaultAnnotation({ slo })); + const timestampStart = isNaN(Number(start)) ? moment(start) : moment(new Date(Number(start))); + + reset( + getDefaultAnnotation({ + slo, + timestamp: timestampStart, + eventEnd: end ? moment(new Date(Number(end))) : undefined, + }) + ); - if (isNaN(Number(start))) { - setValue('@timestamp', moment(start)); - } else { - setValue('@timestamp', moment(new Date(Number(start)))); - } - if (end) { - setValue('event.end', moment(new Date(Number(end)))); - } - if (end) { - setValue('message', defaultRangeAnnotationLabel); - setValue('annotation.style.color', defaultAnnotationRangeColor); - } setIsCreateOpen(true); }, AddAnnotationButton: () => { diff --git a/x-pack/solutions/observability/plugins/observability/public/pages/annotations/annotations_list.tsx b/x-pack/solutions/observability/plugins/observability/public/pages/annotations/annotations_list.tsx index b9ee4745b6b2a..e7ba4a665d2bb 100644 --- a/x-pack/solutions/observability/plugins/observability/public/pages/annotations/annotations_list.tsx +++ b/x-pack/solutions/observability/plugins/observability/public/pages/annotations/annotations_list.tsx @@ -56,6 +56,7 @@ export function AnnotationsList() { const renderToolsLeft = () => { return ( { return [ - , + , ]; }; const allTags = data?.items?.map((obj) => obj.tags ?? []).flat() ?? []; diff --git a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/common/charts/__snapshots__/donut_chart.test.tsx.snap b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/common/charts/__snapshots__/donut_chart.test.tsx.snap index 15f8ad666dced..dd0c69533d89b 100644 --- a/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/common/charts/__snapshots__/donut_chart.test.tsx.snap +++ b/x-pack/solutions/observability/plugins/uptime/public/legacy_uptime/components/common/charts/__snapshots__/donut_chart.test.tsx.snap @@ -110,24 +110,6 @@ exports[`DonutChart component passes correct props without errors for valid prop "strokeWidth": 1, "visible": true, }, - "lumaSteps": Array [ - 224, - 184, - 128, - 96, - 64, - 32, - 16, - 8, - 4, - 2, - 1, - 0, - 0, - 0, - 0, - 0, - ], "vertical": Object { "dash": Array [ 0, diff --git a/yarn.lock b/yarn.lock index d2d8c9b651027..a91fa4c7a1a02 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2058,12 +2058,13 @@ dependencies: object-hash "^1.3.0" -"@elastic/charts@68.1.0": - version "68.1.0" - resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-68.1.0.tgz#7c2e471e984cb8cfe9a05dba8eda19ff26a880e7" - integrity sha512-4Wb0g9lgEpsgKJgdV6uqmY444elBJ5VhVJQ0ZUpnn8CV9mzEz8HqXAanpfqG9NTGca8C/EnwlSeQEgF+9orU4A== +"@elastic/charts@69.1.1": + version "69.1.1" + resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-69.1.1.tgz#3a639965e9217de083b28d777517aeebf322f3ed" + integrity sha512-qW08ntBXr4MQ1JP3VNh2bJC6RLm8I0ha+UqZQ/J6p3alQd/6yxuoj568ugTCXvvRw3nBXAsnkEkYyJ0TXR9RtA== dependencies: "@popperjs/core" "^2.11.8" + "@reduxjs/toolkit" "1.9.7" bezier-easing "^2.1.0" chroma-js "^2.4.2" classnames "^2.2.6" @@ -2073,12 +2074,12 @@ d3-interpolate "^3.0.1" d3-scale "^3.3.0" d3-shape "^2.0.0" + immer "^9.0.21" luxon "^1.25.0" prop-types "^15.7.2" - re-reselect "^3.4.0" - react-redux "^7.1.0" - redux "^4.0.4" - reselect "^4.0.0" + re-reselect "^4.0.1" + react-redux "^7.2.8" + redux "^4.2.1" ts-debounce "^4.0.0" utility-types "^3.10.0" uuid "^9" @@ -26066,10 +26067,10 @@ rc@^1.2.7: minimist "^1.2.0" strip-json-comments "~2.0.1" -re-reselect@^3.4.0: - version "3.4.0" - resolved "https://registry.yarnpkg.com/re-reselect/-/re-reselect-3.4.0.tgz#0f2303f3c84394f57f0cd31fea08a1ca4840a7cd" - integrity sha512-JsecfN+JlckncVXTWFWjn0Vk6uInl8GSf4eEd9tTk5qXHlgqkPdILpnYpgZcISXNYAzvfvsCZviaDk8AxyS5sg== +re-reselect@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/re-reselect/-/re-reselect-4.0.1.tgz#21a2306d11bbf377ac78687aa46e1a8848974194" + integrity sha512-xVTNGQy/dAxOolunBLmVMGZ49VUUR1s8jZUiJQb+g1sI63GAv9+a5Jas9yHvdxeUgiZkU9r3gDExDorxHzOgRA== re-resizable@^6.11.2: version "6.11.2" @@ -26310,7 +26311,7 @@ react-recompose@^0.33.0: react-lifecycles-compat "^3.0.4" symbol-observable "^4.0.0" -react-redux@^7.1.0, react-redux@^7.2.8: +react-redux@^7.2.8: version "7.2.8" resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.8.tgz#a894068315e65de5b1b68899f9c6ee0923dd28de" integrity sha512-6+uDjhs3PSIclqoCk0kd6iX74gzrGc3W5zcAjbrFgEdIjRSQObdIwfx80unTkVUYvbQ95Y8Av3OvFHq1w5EOUw== @@ -26787,7 +26788,7 @@ redux-thunks@^1.0.0: resolved "https://registry.yarnpkg.com/redux-thunks/-/redux-thunks-1.0.0.tgz#56e03b86d281a2664c884ab05c543d9ab1673658" integrity sha1-VuA7htKBomZMiEqwXFQ9mrFnNlg= -redux@^4.0.0, redux@^4.0.4, redux@^4.2.1: +redux@^4.0.0, redux@^4.2.1: version "4.2.1" resolved "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz" integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w== @@ -27155,7 +27156,7 @@ requires-port@^1.0.0: resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8= -reselect@^4.0.0, reselect@^4.1.8: +reselect@^4.1.8: version "4.1.8" resolved "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz" integrity sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==