@bundle-stats/ui 4.13.0-beta.0 → 4.13.0-beta.10

package/lib/components/bundle-packages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,+CAAsD;AACtD,qFAAuE;AAEvE,yDAAwD;AACxD,qDAAoD;AACpD,6DAA4D;AAC5D,uDAAsD;AACtD,uDAA8E;AAC9E,mEAKiC;AAE1B,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,eAAO,EACnD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE;YACd,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;YAC3C,CAAC,uBAAe,CAAC,SAAS,CAAC,EAAE,KAAK;SACnC;QACD,iBAAiB,EAAE;YACjB,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE,KAAK;YAChC,CAAC,uBAAe,CAAC,SAAS,CAAC,EAAE,KAAK;SACnC;KACF,CAAC,EACF,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,+BAAe,EAAC;QACnC,MAAM;QACN,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3C,MAAM,aAAa,GAAG,IAAA,4CAAoB,EAAC,IAAI,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,IAAA,8CAAsB,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAChG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,IAAA,2BAAa,EAAC;QACjC,IAAI;QACJ,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,YAAY,EAAZ,oCAAY;KACb,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,uBAAW,EAAC;QAC7B,IAAI,EAAE,YAAY;QAClB,YAAY,EAAE,MAAM;QACpB,gBAAgB,EAAE,SAAS;QAC3B,aAAa,EAAb,qCAAa;KACd,CAAC,CAAC;IAEH,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,IAAA,yBAAY,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,8BAAC,gCAAuB,IACtB,IAAI,EAAE,IAAI,KACN,SAAS,KACT,YAAY,KACZ,UAAU,EACd,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB;AAEF,sBAAc,CAAC,SAAS,GAAG;IACzB,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACpD,OAAO,EAAE,oBAAS,CAAC,MAAM;IACzB,MAAM,EAAE,oBAAS,CAAC,MAAM;IACxB,MAAM,EAAE,oBAAS,CAAC,MAAM;IACxB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,sBAAc,CAAC,YAAY,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/lib/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TotalSizeTypeTitle = 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.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");
@@ -41,6 +41,4 @@ var run_info_1 = require("./run-info");
 Object.defineProperty(exports, "RunInfo", { enumerable: true, get: function () { return run_info_1.RunInfo; } });
 var summary_1 = require("./summary");
 Object.defineProperty(exports, "Summary", { enumerable: true, get: function () { return summary_1.Summary; } });
-var total_size_type_title_1 = require("./total-size-type-title");
-Object.defineProperty(exports, "TotalSizeTypeTitle", { enumerable: true, get: function () { return total_size_type_title_1.TotalSizeTypeTitle; } });
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"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,qDAAsE;AAA7D,gHAAA,aAAa,OAAA;AACtB,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,uCAAmD;AAA1C,mGAAA,OAAO,OAAA;AAChB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"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,qDAAsE;AAA7D,gHAAA,aAAa,OAAA;AACtB,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,uCAAmD;AAA1C,mGAAA,OAAO,OAAA;AAChB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/lib/components/jobs-header/jobs-header.module.css

@@ -24,10 +24,6 @@
   background: linear-gradient(90deg, transparent, var(--color-background));
 }
 
-.item + .item {
-  margin-left: var(--space-small);
-}
-
 .item:first-child {
   border-left: 0;
   padding-left: 0;

package/lib/components/metrics-display-selector/metrics-display-selector.js

@@ -7,21 +7,15 @@ exports.MetricsDisplaySelector = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const constants_1 = require("../../constants");
-const flex_stack_1 = require("../../layout/flex-stack");
 const button_1 = require("../../ui/button");
+const control_group_1 = require("../../ui/control-group");
 const icon_1 = require("../../ui/icon");
 const metrics_display_selector_module_css_1 = __importDefault(require("./metrics-display-selector.module.css"));
 const MetricsDisplaySelector = (props) => {
     const { className = '', value, onSelect, ...restProps } = props;
-    return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", as: "nav", className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.root, className), ...restProps },
-        react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TABLE, size: "small", type: "button", onClick: () => onSelect(constants_1.MetricsDisplayType.TABLE), className: metrics_display_selector_module_css_1.default.button },
-            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
-                react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.TABLE, className: metrics_display_selector_module_css_1.default.icon }),
-                react_1.default.createElement("span", null, "Table"))),
-        react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TREEMAP, size: "small", type: "button", onClick: () => onSelect(constants_1.MetricsDisplayType.TREEMAP), className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.button) },
-            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
-                react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.TREEMAP, className: metrics_display_selector_module_css_1.default.icon }),
-                react_1.default.createElement("span", null, "Treemap")))));
+    return (react_1.default.createElement(control_group_1.ControlGroup, { className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.root, className), ...restProps },
+        react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TABLE, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TABLE, onClick: () => onSelect(constants_1.MetricsDisplayType.TABLE), className: metrics_display_selector_module_css_1.default.button }, "Table"),
+        react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TREEMAP, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TREEMAP, onClick: () => onSelect(constants_1.MetricsDisplayType.TREEMAP), className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.button) }, "Treemap")));
 };
 exports.MetricsDisplaySelector = MetricsDisplaySelector;
 //# sourceMappingURL=metrics-display-selector.js.map

package/lib/components/metrics-display-selector/metrics-display-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAAqD;AACrD,wDAAoD;AACpD,4CAAyC;AACzC,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,KACoE,EACpE,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QACnF,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,6CAAG,CAAC,MAAM;YAErB,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;gBAC7C,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,6CAAG,CAAC,IAAI,GAAI;gBACtD,oDAAkB,CACR,CACL;QACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,OAAO,EAC5C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,OAAO,CAAC,EACnD,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,MAAM,CAAC;YAEzB,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;gBAC7C,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,6CAAG,CAAC,IAAI,GAAI;gBACxD,sDAAoB,CACV,CACL,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,sBAAsB,0BAoCjC"}
+{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAAqD;AACrD,4CAAyC;AACzC,0DAAsD;AACtD,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,KACuE,EACvE,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,4BAAY,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QAC7D,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,6CAAG,CAAC,MAAM,YAGd;QACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,OAAO,EAC5C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,OAAO,CAAC,EACnD,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,MAAM,CAAC,cAGlB,CACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,sBAAsB,0BAgCjC"}

package/lib/components/metrics-table/metrics-table.i18n.js

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SHOW_LESS = exports.SHOW_ALL = exports.EMPTY_MESSAGE = exports.SORT_PERCENTUAL_CHANGE = exports.SORT_CHANGE = exports.SORT_VALUE = exports.CURRENT_TITLE = exports.BASELINE_TITLE = void 0;
-exports.BASELINE_TITLE = 'Baseline';
-exports.CURRENT_TITLE = 'Current';
-exports.SORT_VALUE = 'value';
-exports.SORT_CHANGE = 'change';
-exports.SORT_PERCENTUAL_CHANGE = 'percentual change';
+exports.SHOW_LESS = exports.SHOW_ALL = exports.EMPTY_MESSAGE = void 0;
 exports.EMPTY_MESSAGE = 'No items found.';
 exports.SHOW_ALL = 'Show all';
 exports.SHOW_LESS = 'Show less';

package/lib/components/metrics-table/metrics-table.i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-table.i18n.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAE1B,QAAA,UAAU,GAAG,OAAO,CAAC;AACrB,QAAA,WAAW,GAAG,QAAQ,CAAC;AACvB,QAAA,sBAAsB,GAAG,mBAAmB,CAAC;AAE7C,QAAA,aAAa,GAAG,iBAAiB,CAAC;AAClC,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,SAAS,GAAG,WAAW,CAAC"}
+{"version":3,"file":"metrics-table.i18n.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,iBAAiB,CAAC;AAClC,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,SAAS,GAAG,WAAW,CAAC"}

package/lib/components/metrics-table/metrics-table.js

@@ -30,47 +30,18 @@ exports.MetricsTable = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const sum_1 = __importDefault(require("lodash/sum"));
-const utils_1 = require("@bundle-stats/utils");
 const button_1 = require("../../ui/button");
 const icon_1 = require("../../ui/icon");
 const table_1 = require("../../ui/table");
 const stack_1 = require("../../layout/stack");
 const metric_1 = require("../metric");
 const delta_1 = require("../delta");
-const job_name_1 = require("../job-name");
-const sort_button_1 = require("../sort-button");
+const metrics_table_header_1 = require("../metrics-table-header");
 const I18N = __importStar(require("./metrics-table.i18n"));
 const metrics_table_module_css_1 = __importDefault(require("./metrics-table.module.css"));
-const METRIC_TYPE = utils_1.METRIC_TYPE_CONFIGS[utils_1.MetricTypes.FileSize];
 const VISIBLE_COUNT = 500;
 const BASELINE_COLUMN_SPAN = 1;
 const CURRENT_COLUMN_SPAN = 3;
-const getRowsRunTotal = (rows, runIndex) => (0, sum_1.default)(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
-const JobColumn = ({ run, isBaseline }) => {
-    const colSpan = isBaseline ? BASELINE_COLUMN_SPAN : CURRENT_COLUMN_SPAN;
-    const { label, internalBuildNumber } = run;
-    if (!run) {
-        return react_1.default.createElement(table_1.Table.Th, { colSpan: colSpan }, "-");
-    }
-    return (react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.jobCol, colSpan: colSpan },
-        react_1.default.createElement(job_name_1.JobName, { title: isBaseline ? I18N.BASELINE_TITLE : I18N.CURRENT_TITLE, internalBuildNumber: internalBuildNumber, className: metrics_table_module_css_1.default.jobName }, label)));
-};
-const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
-    const currentRunTotal = getRowsRunTotal(rows, runIndex);
-    const baselineRunTotal = !isBaseline ? getRowsRunTotal(rows, runIndex + 1) : 0;
-    const total = (0, utils_1.getMetricRunInfo)(METRIC_TYPE, currentRunTotal, baselineRunTotal);
-    const fieldPath = `runs[${runIndex}]`;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.value, metrics_table_module_css_1.default.sum) },
-            react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "value", label: I18N.SORT_VALUE, updateSort: updateSort, sort: sort },
-                react_1.default.createElement(metric_1.Metric, { value: total.displayValue }))),
-        !isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.sum) },
-                react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "delta", label: I18N.SORT_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDelta, deltaType: total.deltaType })))),
-            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage, metrics_table_module_css_1.default.sum) },
-                react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: I18N.SORT_PERCENTUAL_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDeltaPercentage, deltaType: total.deltaType }))))))));
-};
 const Row = ({ className = '', item, renderHeader, ...restProps }) => (react_1.default.createElement(table_1.Table.Tr, { className: (0, classnames_1.default)(!item.changed && metrics_table_module_css_1.default.unchanged, className), ...restProps },
     react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.metricName }, renderHeader(item)),
     item.runs.map((run, index) => {
@@ -89,19 +60,15 @@ const Row = ({ className = '', item, renderHeader, ...restProps }) => (react_1.d
                 react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.delta }, 'delta' in run && (react_1.default.createElement(delta_1.Delta, { displayValue: run.displayDelta, deltaType: run.deltaType }))),
                 react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage) }, 'delta' in run && (react_1.default.createElement(delta_1.Delta, { displayValue: run.displayDeltaPercentage, deltaType: run.deltaType })))))));
     })));
-const MetricsTable = ({ className = '', runs, items, showHeaderSum = false, title = '', sort, updateSort, renderRowHeader = (item) => item.label, emptyMessage = I18N.EMPTY_MESSAGE, showAllItems, setShowAllItems, ...restProps }) => {
+const MetricsTable = ({ className = '', runs, items, showHeaderSum = false, title, sort, updateSort, renderRowHeader = (item) => item.label, emptyMessage = I18N.EMPTY_MESSAGE, showAllItems, setShowAllItems, ...restProps }) => {
     const columnCount = (runs.length - 1) * CURRENT_COLUMN_SPAN + BASELINE_COLUMN_SPAN + 1;
-    const rootClassName = (0, classnames_1.default)(metrics_table_module_css_1.default.root, className, runs.length > 1 && metrics_table_module_css_1.default.multipleRuns, showHeaderSum && metrics_table_module_css_1.default.showHeaderSum);
+    const rootClassName = (0, classnames_1.default)(metrics_table_module_css_1.default.root, className, runs.length > 1 && metrics_table_module_css_1.default.multipleRuns);
     const showEmpty = (0, isEmpty_1.default)(items);
     const showItems = !showEmpty;
     const hasHiddenItems = items?.length > VISIBLE_COUNT;
     const visibleItems = !hasHiddenItems || showAllItems ? items : items?.slice(0, VISIBLE_COUNT);
     return (react_1.default.createElement(table_1.Table, { className: rootClassName, compact: true, ...restProps },
-        react_1.default.createElement(table_1.Table.THead, null,
-            react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_module_css_1.default.headerRow },
-                react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.metricName, rowSpan: showHeaderSum ? 2 : 1 }, title || ' '),
-                runs.map((run, runIndex) => (react_1.default.createElement(JobColumn, { run: run, isBaseline: runIndex === runs.length - 1 })))),
-            showHeaderSum && (react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_module_css_1.default.headerRow }, runs.map((_, runIndex) => (react_1.default.createElement(SumColumn, { rows: items, isBaseline: runIndex === runs.length - 1, runIndex: runIndex, updateSort: updateSort, sort: sort })))))),
+        react_1.default.createElement(metrics_table_header_1.MetricsTableHeader, { metricTitle: title, showSum: showHeaderSum, jobs: runs, rows: items, sort: sort, updateSort: updateSort }),
         react_1.default.createElement(table_1.Table.TBody, null,
             showEmpty && (react_1.default.createElement(table_1.Table.Tr, null,
                 react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.empty, colSpan: columnCount },

package/lib/components/metrics-table/metrics-table.js.map

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

package/lib/components/metrics-table/metrics-table.module.css

@@ -10,52 +10,9 @@
   text-decoration: underline;
 }
 
-/* columns */
-.metricName {
-  width: 55%;
-}
-
-.root .jobCol {
-  text-align: right;
-}
-
-.root .value {
-  text-align: right;
-  vertical-align: baseline;
-  width: 15%;
-}
-
+.root .value,
 .root .delta {
   text-align: right;
-  font-size: var(--size-xsmall);
-  vertical-align: baseline;
-  width: 10%;
-  color: pink;
-}
-
-.root .deltaPercentage {
-  width: 5%;
-}
-
-.root tbody .delta {
-  line-height: 1.6rem; /* baseline alignment with the column value */
-}
-
-.jobName {
-  white-space: nowrap;
-}
-
-/* columns overrides for showHeaderSum */
-.showHeaderSum .headerRow .jobCol {
-  border-bottom: 0;
-  padding-bottom: 0;
-}
-
-.showHeaderSum .headerRow .sum {
-  padding-top: var(--space-xxxsmall);
-  font-size: var(--size-small);
-  vertical-align: middle;
-  text-transform: none;
 }
 
 /** rows */

package/lib/components/{total-size-type-title → metrics-table-header}/index.js

@@ -14,5 +14,5 @@ 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("./total-size-type-title"), exports);
+__exportStar(require("./metrics-table-header"), exports);
 //# sourceMappingURL=index.js.map

package/lib/components/metrics-table-header/index.js.map

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

package/lib/components/metrics-table-header/metrics-table-header.i18n.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SORT_PERCENTUAL_CHANGE = exports.SORT_CHANGE = exports.SORT_VALUE = exports.CURRENT_TITLE = exports.BASELINE_TITLE = void 0;
+exports.BASELINE_TITLE = 'Baseline';
+exports.CURRENT_TITLE = 'Current';
+exports.SORT_VALUE = 'value';
+exports.SORT_CHANGE = 'change';
+exports.SORT_PERCENTUAL_CHANGE = 'percentual change';
+//# sourceMappingURL=metrics-table-header.i18n.js.map

package/lib/components/metrics-table-header/metrics-table-header.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-table-header.i18n.js","sourceRoot":"","sources":["../../../src/components/metrics-table-header/metrics-table-header.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAE1B,QAAA,UAAU,GAAG,OAAO,CAAC;AACrB,QAAA,WAAW,GAAG,QAAQ,CAAC;AACvB,QAAA,sBAAsB,GAAG,mBAAmB,CAAC"}

package/lib/components/metrics-table-header/metrics-table-header.js

@@ -0,0 +1,79 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetricsTableHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const sum_1 = __importDefault(require("lodash/sum"));
+const utils_1 = require("@bundle-stats/utils");
+const table_1 = require("../../ui/table");
+const delta_1 = require("../delta");
+const job_name_1 = require("../job-name");
+const metric_1 = require("../metric");
+const sort_button_1 = require("../sort-button");
+const I18N = __importStar(require("./metrics-table-header.i18n"));
+const metrics_table_header_module_css_1 = __importDefault(require("./metrics-table-header.module.css"));
+const METRIC_TYPE = utils_1.METRIC_TYPE_CONFIGS[utils_1.MetricTypes.FileSize];
+const BASELINE_COLUMN_SPAN = 1;
+const CURRENT_COLUMN_SPAN = 3;
+const JobColumn = ({ job, isBaseline }) => {
+    const colSpan = isBaseline ? BASELINE_COLUMN_SPAN : CURRENT_COLUMN_SPAN;
+    const { label, internalBuildNumber } = job;
+    if (!job) {
+        return react_1.default.createElement(table_1.Table.Th, { colSpan: colSpan }, "-");
+    }
+    return (react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.job), colSpan: colSpan },
+        react_1.default.createElement(job_name_1.JobName, { title: isBaseline ? I18N.BASELINE_TITLE : I18N.CURRENT_TITLE, internalBuildNumber: internalBuildNumber, className: metrics_table_header_module_css_1.default.jobName }, label)));
+};
+const getRowsRunTotal = (rows, runIndex) => (0, sum_1.default)(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
+const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
+    const currentRunTotal = getRowsRunTotal(rows, runIndex);
+    const baselineRunTotal = !isBaseline ? getRowsRunTotal(rows, runIndex + 1) : 0;
+    const total = (0, utils_1.getMetricRunInfo)(METRIC_TYPE, currentRunTotal, baselineRunTotal);
+    const fieldPath = `runs[${runIndex}]`;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.value, metrics_table_header_module_css_1.default.sum) },
+            react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "value", label: I18N.SORT_VALUE, updateSort: updateSort, sort: sort },
+                react_1.default.createElement(metric_1.Metric, { value: total.displayValue }))),
+        !isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.sum) },
+                react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "delta", label: I18N.SORT_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDelta, deltaType: total.deltaType })))),
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.deltaPercentage, metrics_table_header_module_css_1.default.sum) },
+                react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: I18N.SORT_PERCENTUAL_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDeltaPercentage, deltaType: total.deltaType }))))))));
+};
+const MetricsTableHeader = (props) => {
+    const { className = '', metricTitle = '', showSum = false, jobs, rows, sort, updateSort } = props;
+    const rootClassName = (0, classnames_1.default)(metrics_table_header_module_css_1.default.root, showSum && metrics_table_header_module_css_1.default.showHeaderSum, className);
+    return (react_1.default.createElement(table_1.Table.THead, { className: rootClassName },
+        react_1.default.createElement(table_1.Table.Tr, null,
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.metric), rowSpan: showSum ? 2 : 1 }, metricTitle || ' '),
+            jobs.map((job, runIndex) => (react_1.default.createElement(JobColumn, { job: job, isBaseline: runIndex === jobs.length - 1 })))),
+        showSum && (react_1.default.createElement(table_1.Table.Tr, null, jobs.map((_, runIndex) => (react_1.default.createElement(SumColumn, { rows: rows, isBaseline: runIndex === jobs.length - 1, runIndex: runIndex, updateSort: updateSort, sort: sort })))))));
+};
+exports.MetricsTableHeader = MetricsTableHeader;
+//# sourceMappingURL=metrics-table-header.js.map

package/lib/components/metrics-table-header/metrics-table-header.js.map

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

package/lib/components/metrics-table-header/metrics-table-header.module.css

@@ -0,0 +1,51 @@
+/* columns */
+.root .col {
+  padding-top: var(--space-xxsmall);
+  padding-bottom: var(--space-xxsmall);
+}
+
+.root .metric {
+  width: 55%;
+  vertical-align: middle;
+}
+
+.root .job {
+  padding-top: var(--space-xxsmall);
+  text-align: right;
+}
+
+.root .value {
+  text-align: right;
+  vertical-align: baseline;
+  width: 15%;
+}
+
+.root .delta {
+  text-align: right;
+  font-size: var(--size-xsmall);
+  vertical-align: baseline;
+  width: 10%;
+  color: pink;
+}
+
+.root .deltaPercentage {
+  width: 5%;
+}
+
+.jobName {
+  white-space: nowrap;
+}
+
+/* columns overrides for showHeaderSum */
+.showHeaderSum .job {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.showHeaderSum .sum {
+  padding-top: 0;
+  font-size: var(--size-small);
+  vertical-align: middle;
+  text-transform: none;
+}
+

package/lib/components/metrics-table-options/metrics-table-options.js

@@ -11,8 +11,8 @@ const dropdown_1 = require("../../ui/dropdown");
 const MetricsTableOptions = (props) => {
     const { className, handleViewAll, handleResetFilters, ...restProps } = props;
     return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, glyph: "more-vertical", ...restProps },
-        handleResetFilters && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
-        handleViewAll && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL))));
+        handleResetFilters && (react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
+        handleViewAll && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL)));
 };
 exports.MetricsTableOptions = MetricsTableOptions;
 exports.MetricsTableOptions.propTypes = {

package/lib/components/metrics-table-options/metrics-table-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA6C;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAG,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IACvC,cAAI,CAAC,aAAa,CACL,CACjB;QACA,aAAa,IAAI,CAChB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,aAAa,IAClC,cAAI,CAAC,QAAQ,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}
+{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA2D;AAEpD,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,uBAAY,IAAC,OAAO,EAAE,kBAAkB,IAAG,cAAI,CAAC,aAAa,CAAgB,CAC/E;QACA,aAAa,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,aAAa,IAAG,cAAI,CAAC,QAAQ,CAAgB,CAC7E,CACZ,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}

package/lib/components/metrics-table-title/metrics-table-title.js

@@ -17,7 +17,7 @@ const metrics_table_title_module_css_1 = __importDefault(require("./metrics-tabl
 const MetricsTableTitle = (props) => {
     const { className, title, info, popoverInfo, popoverHref } = props;
     const rootClassName = (0, classnames_1.default)(metrics_table_title_module_css_1.default.root, className);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", className: rootClassName },
+    return (react_1.default.createElement(stack_1.Stack, { space: "none", className: rootClassName },
         react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: metrics_table_title_module_css_1.default.title },
             react_1.default.createElement("span", null, title),
             (popoverInfo || popoverHref) && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP, className: metrics_table_title_module_css_1.default.anchorIcon }), anchorClassName: metrics_table_title_module_css_1.default.anchor },

package/lib/components/metrics-table-title/metrics-table-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sDAA8B;AAC9B,wDAAoD;AACpD,8CAA2C;AAC3C,4CAAyC;AACzC,wCAAqC;AACrC,oDAAgD;AAChD,sGAAmD;AAE5C,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,aAAa;QAC7C,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,wCAAG,CAAC,KAAK;YAC1E,4CAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,8BAAC,sBAAS,IACR,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,wCAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,wCAAG,CAAC,MAAM;gBAE3B,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;oBACpB,WAAW,IAAI,yCAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IACzE,cAAI,CAAC,SAAS,CACR,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,qCAAG,SAAS,EAAE,wCAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B;AAEF,yBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,oBAAS,CAAC,IAAI;IACpB,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,oBAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,yBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}
+{"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sDAA8B;AAC9B,wDAAoD;AACpD,8CAA2C;AAC3C,4CAAyC;AACzC,wCAAqC;AACrC,oDAAgD;AAChD,sGAAmD;AAE5C,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,aAAa;QAC1C,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,wCAAG,CAAC,KAAK;YAC1E,4CAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,8BAAC,sBAAS,IACR,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,wCAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,wCAAG,CAAC,MAAM;gBAE3B,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;oBACpB,WAAW,IAAI,yCAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IACzE,cAAI,CAAC,SAAS,CACR,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,qCAAG,SAAS,EAAE,wCAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B;AAEF,yBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,oBAAS,CAAC,IAAI;IACpB,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,oBAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,yBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}

package/lib/components/metrics-table-title/metrics-table-title.module.css

@@ -1,8 +1,9 @@
 .root {
+  color: var(--color-text-ultra-light);
 }
 
 .title {
-  color: var(--color-text-light);
+  color: inherit;
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
@@ -18,8 +19,7 @@
 }
 
 .info {
-  color: var(--color-text-light);
+  font-size: var(--size-small);
   font-family: var(--font-family-fixed);
-  font-size: var(--size-xsmall);
-  font-weight: bold;
+  font-weight: normal;
 }