@bundle-stats/ui 4.22.3 → 4.23.0-beta.2

package/lib/app/app.js

@@ -139,6 +139,9 @@ const AppComponent = ({ version, jobs }) => {
     }
     return (react_1.default.createElement(JobsProvider, { jobs: jobs },
         react_1.default.createElement(Layout, { jobs: jobs, version: version },
+            react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.metricChangeLegendContainer },
+                react_1.default.createElement("div", { className: app_module_css_1.default.metricChangeLegendContainerInner },
+                    react_1.default.createElement(components_1.MetricChangeLegend, null))),
             react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.summaryContainer },
                 react_1.default.createElement(summary_1.Summary, { data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 })),
             react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.tabsContainer },

package/lib/app/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}

package/lib/app/app.module.css

@@ -17,11 +17,21 @@
   border-bottom: 1px solid var(--color-outline);
 }
 
-.summaryContainer {
+.metricChangeLegendContainer {
   padding-top: var(--space-small);
   padding-bottom: var(--space-xxsmall);
 }
 
+.metricChangeLegendContainerInner {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.summaryContainer {
+  padding-top: var(--space-xxsmall);
+  padding-bottom: var(--space-xxsmall);
+}
+
 .tabsContainer {
   border-bottom: 1px solid var(--color-outline);
   background: var(--color-light);
@@ -62,6 +72,6 @@
   .tabsContainer {
     position: sticky;
     top: var(--header-height);
-    z-index: calc(var(--layer-high));
+    z-index: var(--layer);
   }
 }

package/lib/chart-colors.json

@@ -1,45 +1,59 @@
 [
-  "rgba(136,132,216,1)",
-  "rgba(135,137,219,1)",
-  "rgba(135,142,222,1)",
-  "rgba(134,147,225,1)",
-  "rgba(133,151,228,1)",
-  "rgba(132,156,231,1)",
-  "rgba(132,161,234,1)",
-  "rgba(131,166,237,1)",
-  "rgba(132,172,235,1)",
-  "rgba(134,178,234,1)",
-  "rgba(135,184,232,1)",
-  "rgba(137,191,230,1)",
-  "rgba(138,197,228,1)",
-  "rgba(140,203,227,1)",
-  "rgba(141,209,225,1)",
-  "rgba(139,208,215,1)",
-  "rgba(138,207,206,1)",
-  "rgba(136,206,196,1)",
-  "rgba(135,205,186,1)",
-  "rgba(133,204,176,1)",
-  "rgba(132,203,167,1)",
-  "rgba(130,202,157,1)",
-  "rgba(135,205,150,1)",
-  "rgba(140,208,143,1)",
-  "rgba(145,211,136,1)",
-  "rgba(149,213,129,1)",
-  "rgba(154,216,122,1)",
-  "rgba(159,219,115,1)",
-  "rgba(164,222,108,1)",
-  "rgba(170,224,105,1)",
-  "rgba(177,226,102,1)",
-  "rgba(183,228,99,1)",
-  "rgba(189,231,96,1)",
-  "rgba(195,233,93,1)",
-  "rgba(202,235,90,1)",
-  "rgba(208,237,87,1)",
-  "rgba(215,231,87,1)",
-  "rgba(221,226,87,1)",
-  "rgba(228,220,87,1)",
-  "rgba(235,215,88,1)",
-  "rgba(242,209,88,1)",
-  "rgba(248,204,88,1)",
-  "rgba(255,198,88,1)"
-]
+  "rgba(0,85,172,1)",
+  "rgba(13,85,174,1)",
+  "rgba(26,85,175,1)",
+  "rgba(39,85,177,1)",
+  "rgba(52,85,178,1)",
+  "rgba(65,84,180,1)",
+  "rgba(78,84,181,1)",
+  "rgba(91,84,183,1)",
+  "rgba(104,84,184,1)",
+  "rgba(112,83,184,1)",
+  "rgba(119,82,183,1)",
+  "rgba(127,81,183,1)",
+  "rgba(134,80,183,1)",
+  "rgba(142,79,182,1)",
+  "rgba(149,78,182,1)",
+  "rgba(157,77,181,1)",
+  "rgba(164,76,181,1)",
+  "rgba(170,75,179,1)",
+  "rgba(176,74,177,1)",
+  "rgba(182,73,174,1)",
+  "rgba(189,72,172,1)",
+  "rgba(195,71,170,1)",
+  "rgba(201,70,168,1)",
+  "rgba(207,69,165,1)",
+  "rgba(213,68,163,1)",
+  "rgba(217,68,160,1)",
+  "rgba(222,69,156,1)",
+  "rgba(226,69,153,1)",
+  "rgba(231,69,149,1)",
+  "rgba(235,69,146,1)",
+  "rgba(239,70,142,1)",
+  "rgba(244,70,139,1)",
+  "rgba(248,70,135,1)",
+  "rgba(249,73,131,1)",
+  "rgba(250,76,127,1)",
+  "rgba(251,78,122,1)",
+  "rgba(252,81,118,1)",
+  "rgba(252,84,114,1)",
+  "rgba(253,87,110,1)",
+  "rgba(254,89,105,1)",
+  "rgba(255,92,101,1)",
+  "rgba(255,96,96,1)",
+  "rgba(255,101,91,1)",
+  "rgba(255,105,86,1)",
+  "rgba(255,110,82,1)",
+  "rgba(255,114,77,1)",
+  "rgba(255,118,72,1)",
+  "rgba(255,123,67,1)",
+  "rgba(255,127,62,1)",
+  "rgba(255,132,54,1)",
+  "rgba(255,137,47,1)",
+  "rgba(255,142,39,1)",
+  "rgba(255,147,31,1)",
+  "rgba(255,151,23,1)",
+  "rgba(255,156,16,1)",
+  "rgba(255,161,8,1)",
+  "rgba(255,166,0,1)"
+]

package/lib/components/delta/delta.js

@@ -5,22 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Delta = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const delta_module_css_1 = __importDefault(require("./delta.module.css"));
-const Delta = ({ className = '', displayValue, deltaType, inverted = false }) => {
+const Delta = (props) => {
+    const { className = '', displayValue, deltaType, inverted = false, ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(delta_module_css_1.default.root, className, inverted && delta_module_css_1.default.inverted, delta_module_css_1.default[deltaType]);
-    return react_1.default.createElement("span", { className: rootClassName }, displayValue);
+    return (react_1.default.createElement("span", { className: rootClassName, ...restProps }, displayValue));
 };
 exports.Delta = Delta;
-exports.Delta.defaultProps = {
-    className: '',
-    inverted: false,
-};
-exports.Delta.propTypes = {
-    className: prop_types_1.default.string,
-    displayValue: prop_types_1.default.string.isRequired,
-    deltaType: prop_types_1.default.string.isRequired,
-    inverted: prop_types_1.default.bool,
-};
 //# sourceMappingURL=delta.js.map

package/lib/components/delta/delta.js.map

@@ -1 +1 @@
-{"version":3,"file":"delta.js","sourceRoot":"","sources":["../../../src/components/delta/delta.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,IAAI,0BAAG,CAAC,QAAQ,EAAE,0BAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IACxF,OAAO,wCAAM,SAAS,EAAE,aAAa,IAAG,YAAY,CAAQ,CAAC;AAC/D,CAAC,CAAC;AAHW,QAAA,KAAK,SAGhB;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACzC,SAAS,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACtC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
+{"version":3,"file":"delta.js","sourceRoot":"","sources":["../../../src/components/delta/delta.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAG5B,0EAAqC;AAiB9B,MAAM,KAAK,GAAG,CAAC,KAAgD,EAAE,EAAE;IACxE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1F,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,IAAI,0BAAG,CAAC,QAAQ,EAAE,0BAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAExF,OAAO,CACL,wCAAM,SAAS,EAAE,aAAa,KAAM,SAAS,IAC1C,YAAY,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,KAAK,SAUhB"}

package/lib/components/delta/delta.module.css

@@ -8,16 +8,16 @@
   color: var(--color-info);
 }
 
-.HIGH_NEGATIVE {
-  color: var(--color-red-dark);
+.LOW_NEGATIVE {
+  color: var(--color-red-light);
 }
 
 .NEGATIVE {
-  color: var(--color-red-dark);
+  color: var(--color-red);
 }
 
-.LOW_NEGATIVE {
-  color: var(--color-red-light);
+.HIGH_NEGATIVE {
+  color: var(--color-red-dark);
 }
 
 .LOW_POSITIVE {
@@ -25,7 +25,7 @@
 }
 
 .POSITIVE {
-  color: var(--color-green-dark);
+  color: var(--color-green);
 }
 
 .HIGH_POSITIVE {
@@ -43,24 +43,25 @@
   background: var(--color-info-light);
 }
 
-.inverted.HIGH_NEGATIVE {
-  background: var(--color-red-dark);
+.inverted.LOW_NEGATIVE {
+  background: var(--color-red-light);
 }
 
 .inverted.NEGATIVE {
-  background: var(--color-red-dark);
+  background: var(--color-red);
 }
 
-.inverted.LOW_NEGATIVE {
-  background: var(--color-red-light);
+.inverted.HIGH_NEGATIVE {
+  background: var(--color-red-dark);
 }
 
+
 .inverted.LOW_POSITIVE {
   background: var(--color-green-light);
 }
 
 .inverted.POSITIVE {
-  background: var(--color-green-dark);
+  background: var(--color-green);
 }
 
 .inverted.HIGH_POSITIVE {

package/lib/components/delta/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/delta/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/delta/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/lib/components/entry-info/entry-info.js

@@ -66,7 +66,7 @@ const EntryInfoMeta = ({ className = '', label, tooltip, children, }) => (react_
 function defaultRenderRunInfo(item) {
     const baselineRun = item.runs.length > 1 ? item.runs?.[item.runs.length - 1] : null;
     const metricRunInfo = (0, utils_1.getMetricRunInfo)(utils_1.METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE, item.runs?.[0]?.value || 0, baselineRun?.value || 0);
-    return (react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" }));
+    return (react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDelta, deltaPercentage: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" }));
 }
 const EntryInfo = (props) => {
     const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, runSizeLabel = I18N.SIZE, tags = null, onClose, renderRunInfo = defaultRenderRunInfo, RunName = react_1.default.Fragment, children, } = props;

package/lib/components/entry-info/entry-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}

package/lib/components/entry-info/entry-info.module.css

@@ -5,7 +5,7 @@
   bottom: 0;
   width: 100vw;
   max-width: var(--entry-info-width);
-  z-index: var(--layer-high);
+  z-index: calc(var(--layer));
   background: var(--color-background);
   box-shadow: var(--shadow-layer-high);
 }

package/lib/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Summary = exports.RunInfo = exports.ModuleInfo = exports.MetricsTableTitle = exports.MetricsTableOptions = exports.MetricsTable = exports.MetricRunInfo = exports.Metric = exports.LighthouseTable = exports.JobsHeader = exports.JobName = exports.Insights = exports.InsightIcon = exports.Delta = exports.ComponentLink = exports.BundleModules = exports.BundlePackages = exports.BundleAssetsTotals = exports.BundleAssets = exports.BrowsertimeTable = void 0;
+exports.Summary = exports.RunInfo = exports.ModuleInfo = exports.MetricsTableTitle = exports.MetricsTableOptions = exports.MetricsTable = exports.MetricRunInfo = exports.MetricChangeLegend = exports.Metric = exports.LighthouseTable = exports.JobsHeader = exports.JobName = exports.Insights = exports.InsightIcon = exports.Delta = exports.ComponentLink = exports.BundleModules = exports.BundlePackages = exports.BundleAssetsTotals = exports.BundleAssets = exports.BrowsertimeTable = void 0;
 var browsertime_table_1 = require("./browsertime-table");
 Object.defineProperty(exports, "BrowsertimeTable", { enumerable: true, get: function () { return browsertime_table_1.BrowsertimeTable; } });
 var bundle_assets_1 = require("./bundle-assets");
@@ -27,6 +27,8 @@ var lighthouse_table_1 = require("./lighthouse-table");
 Object.defineProperty(exports, "LighthouseTable", { enumerable: true, get: function () { return lighthouse_table_1.LighthouseTable; } });
 var metric_1 = require("./metric");
 Object.defineProperty(exports, "Metric", { enumerable: true, get: function () { return metric_1.Metric; } });
+var metric_change_legend_1 = require("./metric-change-legend");
+Object.defineProperty(exports, "MetricChangeLegend", { enumerable: true, get: function () { return metric_change_legend_1.MetricChangeLegend; } });
 var metric_run_info_1 = require("./metric-run-info");
 Object.defineProperty(exports, "MetricRunInfo", { enumerable: true, get: function () { return metric_run_info_1.MetricRunInfo; } });
 var metrics_table_1 = require("./metrics-table");

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AAEtB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAEhB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAEd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAE3B,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AAEtB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAEhB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/lib/components/insight-icon/insight-icon.module.css

@@ -1,20 +1,20 @@
 .root {
-  width: calc(var(--space-small) + 6px);
-  height: calc(var(--space-small) + 6px);
-  padding: 3px;
+  width: calc(var(--space-small) + var(--space-xxsmall));
+  height: calc(var(--space-small) + var(--space-xxsmall));
+  padding: var(--space-xxxsmall);
   border-radius: 50%;
   background: var(--color-highlight);
 }
 
 .error {
-  background: var(--color-red-50);
+  background: var(--color-highlight-danger);
   color: var(--color-danger);
 }
 
 .warning {
   padding-top: 1px;
-  background: var(--color-yellow-100);
-  color: var(--color-yellow-900);
+  background: var(--color-highlight-warning);
+  color: var(--color-warning);
 }
 
 .info {

package/lib/components/job-name/job-name.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JobName = void 0;
 const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const tooltip_1 = require("../../ui/tooltip");
 const job_name_module_css_1 = __importDefault(require("./job-name.module.css"));
-const JobName = ({ as: Component = 'span', title, internalBuildNumber, children, ...restProps }) => (react_1.default.createElement(tooltip_1.Tooltip, { className: job_name_module_css_1.default.root, as: Component, title: title, ...restProps }, children || `Job #${internalBuildNumber}`));
+const JobName = ({ as: Component = 'span', title, internalBuildNumber, children, ...restProps }) => (react_1.default.createElement(Component, { className: job_name_module_css_1.default.root, title: title, ...restProps }, children || `Job #${internalBuildNumber}`));
 exports.JobName = JobName;
 exports.JobName.defaultProps = {
     as: 'span',

package/lib/components/job-name/job-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,8CAA2C;AAC3C,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,KAAK,EACL,mBAAmB,EACnB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE,CAAC,CACJ,8BAAC,iBAAO,IAAC,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,SAAS,IACrE,QAAQ,IAAI,QAAQ,mBAAmB,EAAE,CAClC,CACX,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,EAAE;IACT,mBAAmB,EAAE,IAAI;IACzB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC;IAG3D,KAAK,EAAE,oBAAS,CAAC,MAAM;IAGvB,mBAAmB,EAAE,oBAAS,CAAC,MAAM;IAGrC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
+{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,KAAK,EACL,mBAAmB,EACnB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE,CAAC,CACJ,8BAAC,SAAS,IAAC,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,SAAS,IACxD,QAAQ,IAAI,QAAQ,mBAAmB,EAAE,CAChC,CACb,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,EAAE;IACT,mBAAmB,EAAE,IAAI;IACzB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC;IAG3D,KAAK,EAAE,oBAAS,CAAC,MAAM;IAGvB,mBAAmB,EAAE,oBAAS,CAAC,MAAM;IAGrC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}

package/lib/components/metric-change-legend/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./metric-change-legend"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/metric-change-legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metric-change-legend/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/lib/components/metric-change-legend/metric-change-legend.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricChangeLegend = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const flex_stack_1 = require("../../layout/flex-stack");
+const stack_1 = require("../../layout/stack");
+const hover_card_1 = require("../../ui/hover-card");
+const metric_change_legend_module_css_1 = __importDefault(require("./metric-change-legend.module.css"));
+const layout_1 = require("../../layout");
+const Variants = (props) => {
+    const { className, kind, variants, size = 'medium' } = props;
+    return (react_1.default.createElement("span", { className: (0, classnames_1.default)(metric_change_legend_module_css_1.default.variants, metric_change_legend_module_css_1.default[`bar-${kind}`], metric_change_legend_module_css_1.default[size], className) }, variants.map((variant) => (react_1.default.createElement("span", { key: variant, className: (0, classnames_1.default)(metric_change_legend_module_css_1.default.variant, metric_change_legend_module_css_1.default[`variant-${variant}`]) })))));
+};
+const ChangeMagnitudeInfo = (props) => {
+    const { kind, impact } = props;
+    return (react_1.default.createElement(stack_1.Stack, { space: "small" },
+        react_1.default.createElement("p", null,
+            "Changes flagged as ",
+            react_1.default.createElement("strong", null,
+                kind,
+                "s"),
+            " have a ",
+            impact,
+            " impact on user performance."),
+        react_1.default.createElement("p", null, "The report shows different intensity colors depending on the magnitude of the percentage change."),
+        react_1.default.createElement(stack_1.Stack, { space: "xxsmall" },
+            react_1.default.createElement(layout_1.Separator, null),
+            react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", space: "xxsmall" },
+                react_1.default.createElement(Variants, { kind: kind, variants: ['low'], size: "large" }),
+                "Change is smaller or equal than ",
+                react_1.default.createElement("strong", null, "5%")),
+            react_1.default.createElement(layout_1.Separator, null),
+            react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", space: "xxsmall" },
+                react_1.default.createElement(Variants, { kind: kind, variants: ['medium'], size: "large" }),
+                "Change is smaller or equal than ",
+                react_1.default.createElement("strong", null, "50%")),
+            react_1.default.createElement(layout_1.Separator, null),
+            react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", space: "xxsmall" },
+                react_1.default.createElement(Variants, { kind: kind, variants: ['high'], size: "large" }),
+                "Change is larger than ",
+                react_1.default.createElement("strong", null, "50%")))));
+};
+const ImprovementInfo = () => react_1.default.createElement(ChangeMagnitudeInfo, { kind: "improvement", impact: "positive" });
+const RegressionInfo = () => react_1.default.createElement(ChangeMagnitudeInfo, { kind: "regression", impact: "negative" });
+const NeutralInfo = () => (react_1.default.createElement(stack_1.Stack, { space: "small" },
+    react_1.default.createElement("p", null,
+        react_1.default.createElement("strong", null, "Neutral"),
+        " changes do not have a clear positive or negative impact on user performance.")));
+const NoChangeInfo = () => (react_1.default.createElement(stack_1.Stack, { space: "small" },
+    react_1.default.createElement("p", null,
+        "The metric value is ",
+        react_1.default.createElement("strong", null, "unchanged"),
+        " between the compared builds.")));
+const ITEMS = [
+    {
+        id: 'improvement',
+        label: 'Improvement',
+        variants: ['low', 'medium', 'high'],
+        info: react_1.default.createElement(ImprovementInfo, null),
+    },
+    {
+        id: 'regression',
+        label: 'Regression',
+        variants: ['low', 'medium', 'high'],
+        info: react_1.default.createElement(RegressionInfo, null),
+    },
+    {
+        id: 'neutral',
+        label: 'Neutral',
+        variants: ['medium'],
+        info: react_1.default.createElement(NeutralInfo, null),
+    },
+    {
+        id: 'no-change',
+        label: 'No change',
+        variants: ['medium'],
+        info: react_1.default.createElement(NoChangeInfo, null),
+    },
+];
+const MetricChangeLegend = (props) => {
+    const { className, ...restProps } = props;
+    return (react_1.default.createElement(flex_stack_1.FlexStack, { inline: true, space: "small", className: (0, classnames_1.default)(metric_change_legend_module_css_1.default.root, className), ...restProps }, ITEMS.map(({ id, variants, label, info }) => (react_1.default.createElement(hover_card_1.HoverCard, { key: id, anchorClassName: metric_change_legend_module_css_1.default.itemAnchor, label: react_1.default.createElement(flex_stack_1.FlexStack, { inline: true, alignItems: "center", space: "xxsmall", className: metric_change_legend_module_css_1.default.item },
+            react_1.default.createElement(Variants, { kind: id, variants: variants, className: metric_change_legend_module_css_1.default.itemVariants }),
+            react_1.default.createElement("span", { className: metric_change_legend_module_css_1.default.itemLabel }, label)) }, info)))));
+};
+exports.MetricChangeLegend = MetricChangeLegend;
+//# sourceMappingURL=metric-change-legend.js.map

package/lib/components/metric-change-legend/metric-change-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-change-legend.js","sourceRoot":"","sources":["../../../src/components/metric-change-legend/metric-change-legend.tsx"],"names":[],"mappings":"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"}

package/lib/components/metric-change-legend/metric-change-legend.module.css

@@ -0,0 +1,80 @@
+.root {
+  font-size: var(--size-small);
+}
+
+.itemVariants {
+  flex: 0 0 auto;
+  min-width: 0;
+}
+
+.itemLabel {
+  flex: 1 1 auto;
+  min-width: 0;
+  white-space: nowrap;
+}
+
+.itemAnchor {
+  color: var(--color-text-light);
+}
+
+.itemAnchor:hover {
+  color: var(--color-text);
+}
+
+.variants {
+  display: flex;
+  gap: 1px;
+  overflow: hidden;
+  border-radius: var(--radius-xsmall);
+}
+
+.infoPreviewCell {
+  width: 1%;
+  white-space: nowrap;
+}
+
+.infoDescriptionCell {
+  padding-left: 0 !important;
+}
+
+.variant {
+  width: var(--space-xxsmall);
+  height: var(--space-xxsmall);
+}
+
+.large .variant {
+  width: var(--space-small);
+  height: var(--space-small);
+}
+
+.bar-improvement .variant-low {
+  background: var(--color-green-light);
+}
+
+.bar-improvement .variant-medium {
+  background: var(--color-green);
+}
+
+.bar-improvement .variant-high {
+  background: var(--color-green-dark);
+}
+
+.bar-regression .variant-low {
+  background: var(--color-red-light);
+}
+
+.bar-regression .variant-medium {
+  background: var(--color-red);
+}
+
+.bar-regression .variant-high {
+  background: var(--color-red-dark);
+}
+
+.bar-neutral .variant-medium {
+  background: var(--color-info);
+}
+
+.bar-no-change .variant-medium {
+  background: var(--color-gray-ultra-light);
+}