@bundle-stats/ui 4.7.0-rc.5 → 4.7.0

package/lib/app/header/header.js

@@ -7,16 +7,17 @@ exports.Header = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const config_json_1 = __importDefault(require("../../config.json"));
+const i18n_1 = __importDefault(require("../../i18n"));
 const container_1 = require("../../ui/container");
+const icon_1 = require("../../ui/icon");
 const flex_stack_1 = require("../../layout/flex-stack");
 const jobs_header_1 = require("../../components/jobs-header");
 const header_module_css_1 = __importDefault(require("./header.module.css"));
-const ui_1 = require("../../ui");
 const Header = ({ className = '', jobs }) => (react_1.default.createElement(container_1.Container, { as: "header", className: (0, classnames_1.default)(header_module_css_1.default.root, className) },
     react_1.default.createElement(flex_stack_1.FlexStack, { space: "small", alignItems: "center" },
         react_1.default.createElement(jobs_header_1.JobsHeader, { className: header_module_css_1.default.jobs, jobs: jobs }),
         react_1.default.createElement("div", { className: header_module_css_1.default.tools },
-            react_1.default.createElement("a", { href: config_json_1.default.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: header_module_css_1.default.toolsGitHub },
-                react_1.default.createElement(ui_1.Icon, { glyph: ui_1.Icon.ICONS.GITHUB, size: "large", className: header_module_css_1.default.toolsGitHubIcon }))))));
+            react_1.default.createElement("a", { href: config_json_1.default.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: header_module_css_1.default.toolsGitHub, title: i18n_1.default.GITHUB_LINK_TITLE },
+                react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.GITHUB, size: "large", className: header_module_css_1.default.toolsGitHubIcon }))))));
 exports.Header = Header;
 //# sourceMappingURL=header.js.map

package/lib/app/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,wDAAoD;AACpD,8DAA0D;AAC1D,4EAAsC;AACtC,iCAAgC;AAMzB,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,sBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,8BAAC,wBAAU,IAAC,SAAS,EAAE,2BAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,uCAAK,SAAS,EAAE,2BAAG,CAAC,KAAK;YACvB,qCAAG,IAAI,EAAE,qBAAM,CAAC,SAAS,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,2BAAG,CAAC,WAAW;gBAC7F,8BAAC,SAAI,IAAC,KAAK,EAAE,SAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,2BAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC;AAXW,QAAA,MAAM,UAWjB"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,oEAAuC;AACvC,sDAA8B;AAC9B,kDAA+C;AAC/C,wCAAqC;AACrC,wDAAoD;AACpD,8DAA0D;AAC1D,4EAAsC;AAM/B,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,sBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,8BAAC,wBAAU,IAAC,SAAS,EAAE,2BAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,uCAAK,SAAS,EAAE,2BAAG,CAAC,KAAK;YACvB,qCACE,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,2BAAG,CAAC,WAAW,EAC1B,KAAK,EAAE,cAAI,CAAC,iBAAiB;gBAE7B,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,2BAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC;AAjBW,QAAA,MAAM,UAiBjB"}

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

@@ -23,7 +23,7 @@ const EntryInfo = (props) => {
     const baselineRun = item.runs.length > 1 ? item.runs?.[item.runs.length - 1] : null;
     const metricRunInfo = (0, utils_1.getMetricRunInfo)(utils_1.METRIC_TYPES.METRIC_TYPE_FILE_SIZE, item.runs?.[0]?.value, baselineRun?.value || 0);
     return (react_1.default.createElement(portal_1.Portal, { className: (0, classnames_1.default)(entry_info_module_css_1.default.root, className) },
-        react_1.default.createElement(box_1.Box, { padding: "small", as: "header", className: entry_info_module_css_1.default.header },
+        react_1.default.createElement(box_1.Box, { padding: "medium", as: "header", className: entry_info_module_css_1.default.header },
             react_1.default.createElement(stack_1.Stack, { space: "small" },
                 tags && react_1.default.createElement("div", null, tags),
                 react_1.default.createElement("h3", { className: entry_info_module_css_1.default.label },
@@ -31,7 +31,7 @@ const EntryInfo = (props) => {
                 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" })),
             react_1.default.createElement("button", { type: "button", onClick: onClose, className: entry_info_module_css_1.default.headerClose },
                 react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CLOSE, size: "large" }))),
-        react_1.default.createElement(box_1.Box, { padding: "small", as: "main", className: entry_info_module_css_1.default.contentWrapper },
+        react_1.default.createElement(box_1.Box, { padding: "medium", as: "main", className: entry_info_module_css_1.default.contentWrapper },
             react_1.default.createElement(stack_1.Stack, { space: "small", className: entry_info_module_css_1.default.content },
                 children,
                 react_1.default.createElement(table_1.Table, { outline: true, compact: true, className: entry_info_module_css_1.default.runs },

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

@@ -30,7 +30,6 @@
   /** space for close icon */
   padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
   border-bottom: 1px solid var(--color-outline);
-  background: var(--color-highlight);
 }
 
 .headerClose {

package/lib/components/metric-run-info/metric-run-info.js

@@ -30,18 +30,25 @@ exports.MetricRunInfo = void 0;
 const react_1 = __importStar(require("react"));
 const utils_1 = require("@bundle-stats/utils");
 const stack_1 = require("../../layout/stack");
+const flex_stack_1 = require("../../layout/flex-stack");
+const icon_1 = require("../../ui/icon");
 const run_info_1 = require("../run-info");
 const metric_run_info_module_css_1 = __importDefault(require("./metric-run-info.module.css"));
-const MetricHoverCard = ({ description, url }) => {
+const MetricHoverCard = ({ title, description, url }) => {
     const onClick = (0, react_1.useCallback)(() => {
         if (url) {
             window.open(url);
         }
     }, [url]);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
-        react_1.default.createElement("p", null, description),
-        url && (react_1.default.createElement("p", null,
-            react_1.default.createElement("button", { type: "button", onClick: onClick, className: metric_run_info_module_css_1.default.readMoreLink }, "Read more")))));
+    return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", className: metric_run_info_module_css_1.default.metricHoverCard },
+        react_1.default.createElement("h3", { className: metric_run_info_module_css_1.default.metricHoverCardTitle }, title),
+        react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+            react_1.default.createElement("p", { className: metric_run_info_module_css_1.default.metricHoverCardDescription }, description),
+            url && (react_1.default.createElement("div", null,
+                react_1.default.createElement("button", { type: "button", onClick: onClick, className: metric_run_info_module_css_1.default.readMoreLink },
+                    react_1.default.createElement(flex_stack_1.FlexStack, { alignItems: "center", space: "xxxsmall" },
+                        react_1.default.createElement("span", null, "Read more"),
+                        react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.EXTERNAL_LINK, size: "small" }))))))));
 };
 const MetricRunInfo = (props) => {
     const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
@@ -49,7 +56,7 @@ const MetricRunInfo = (props) => {
     const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline || 0);
     const titleHoverCard = (0, react_1.useMemo)(() => {
         if (showMetricDescription) {
-            return react_1.default.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
+            return (react_1.default.createElement(MetricHoverCard, { title: metric.label, description: metric.description, url: metric.url }));
         }
         return null;
     }, [showMetricDescription, metric]);

package/lib/components/metric-run-info/metric-run-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,0CAAoD;AACpD,8FAA+C;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;QACrB,yCAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,8BAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI;YAChB,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB"}
+{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,wDAAoD;AACpD,wCAAqC;AACrC,0CAAoD;AACpD,8FAA+C;AAQ/C,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEvE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,oCAAG,CAAC,eAAe;QACnD,sCAAI,SAAS,EAAE,oCAAG,CAAC,oBAAoB,IAAG,KAAK,CAAM;QACrD,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;YACrB,qCAAG,SAAS,EAAE,oCAAG,CAAC,0BAA0B,IAAG,WAAW,CAAK;YAC9D,GAAG,IAAI,CACN;gBACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY;oBACjE,8BAAC,sBAAS,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU;wBAC7C,wDAAsB;wBACtB,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5C,CACL,CACL,CACP,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,CACL,8BAAC,eAAe,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAC3F,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI;YAChB,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,aAAa,iBAyCxB"}

package/lib/components/metric-run-info/metric-run-info.module.css

@@ -1,3 +1,8 @@
+.metricHoverCardTitle {
+  font-weight: bold;
+  font-size: 1em;
+}
+
 .readMoreLink {
   appearance: none;
   background: none;
@@ -15,4 +20,3 @@
   color: var(--color-primary-dark);
   text-decoration: none;
 }
-

package/lib/components/summary/summary.js

@@ -27,8 +27,8 @@ const SummaryItem = (props) => {
 };
 const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = component_link_1.ComponentLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
     react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
-        react_1.default.createElement("div", { className: summary_module_css_1.default.items }, constants_1.METRICS_WEBPACK_GENERAL.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
+        react_1.default.createElement("div", { className: summary_module_css_1.default.items }, constants_1.METRICS_WEBPACK_GENERAL.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, size: "large", loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
     react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
-        react_1.default.createElement("div", { className: summary_module_css_1.default.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: (0, classnames_1.default)(summary_module_css_1.default.item, summary_module_css_1.default.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, size: "small", loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
+        react_1.default.createElement("div", { className: summary_module_css_1.default.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: (0, classnames_1.default)(summary_module_css_1.default.item, summary_module_css_1.default.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
 exports.Summary = Summary;
 //# sourceMappingURL=summary.js.map

package/lib/components/summary/summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAKyB;AACzB,0CAAuC;AACvC,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,kCAAsB;IACzB,GAAG,mCAAuB;IAC1B,GAAG,oCAAwB;CAC5B,CAAC;AAYF,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,UAAU,EAAE,qBAAqB,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeK,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,mCAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACE,CACF;IACN,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,CAAC,SAAS,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,KAAK,GACnB,CACH,CAAC,CACE,CACF,CACF,CACP,CAAC;AA3CW,QAAA,OAAO,WA2ClB"}
+{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAKyB;AACzB,0CAAuC;AACvC,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,kCAAsB;IACzB,GAAG,mCAAuB;IAC1B,GAAG,oCAAwB;CAC5B,CAAC;AAYF,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,UAAU,EAAE,qBAAqB,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeK,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,mCAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACE,CACF;IACN,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,CAAC,SAAS,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,KAAK,GACnB,CACH,CAAC,CACE,CACF,CACF,CACP,CAAC;AA3CW,QAAA,OAAO,WA2ClB"}

package/lib/css/variables.css

@@ -196,7 +196,7 @@
   --outline-hover: 0 0 0 3px var(--color-highlight);
 
   /** Layout */
-  --max-width: 94rem;
-  --entry-info-width: 640px;
+  --max-width: 88rem;
+  --entry-info-width: 64rem;
   --entry-info-top: var(--header-height);
 }

package/lib/i18n.js

@@ -16,5 +16,9 @@ exports.default = {
     PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: terser minification)",
     RESET_FILTERS: 'Reset filters',
     VIEW_ALL: 'View all entries',
+    GITHUB_LINK_TITLE: 'View BundleStats project on GitHub',
+    REPORT_ISSUE: 'Report issue',
+    REPORT_ISSUE_LINK_TITLE: 'Open issue on GitHub',
+    APP_LINK_TITLE: 'Visit RelativeCI - In-depth bundle stats analysis and monitoring',
 };
 //# sourceMappingURL=i18n.js.map

package/lib/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;CAC7B,CAAC"}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAE5B,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}

package/lib/layout/footer/footer.js

@@ -9,6 +9,7 @@ const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const config_json_1 = __importDefault(require("../../config.json"));
 const container_1 = require("../../ui/container");
+const i18n_1 = __importDefault(require("../../i18n"));
 const box_1 = require("../box");
 const stack_1 = require("../stack");
 const footer_module_css_1 = __importDefault(require("./footer.module.css"));
@@ -21,12 +22,12 @@ const Footer = ({ className, version }) => (react_1.default.createElement(contai
         react_1.default.createElement(stack_1.Stack, { space: "xsmall" },
             react_1.default.createElement("div", null,
                 react_1.default.createElement("nav", { className: footer_module_css_1.default.nav },
-                    react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: "In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)" }, `BundleStats ${version}`),
+                    react_1.default.createElement(ExternalLink, { href: config_json_1.default.gitHubUrl, className: (0, classnames_1.default)(footer_module_css_1.default.navItem, footer_module_css_1.default.navLink), title: i18n_1.default.GITHUB_LINK_TITLE }, `BundleStats ${version}`),
                     react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
-                        react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title: "Navigate to GitHub and open issue" }, "Report issue")),
+                        react_1.default.createElement(ExternalLink, { href: `${config_json_1.default.gitHubUrl}/issues`, className: footer_module_css_1.default.navLink, title: i18n_1.default.REPORT_ISSUE_LINK_TITLE }, i18n_1.default.REPORT_ISSUE)),
                     react_1.default.createElement("span", { className: footer_module_css_1.default.navItem },
                         react_1.default.createElement("span", null, "Made by "),
-                        react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title: "Go to RelativeCI - Specialized insights for web bundles" }, "RelativeCI"))))))));
+                        react_1.default.createElement(ExternalLink, { className: footer_module_css_1.default.navLink, href: config_json_1.default.siteUrl, title: i18n_1.default.APP_LINK_TITLE }, config_json_1.default.appName))))))));
 exports.Footer = Footer;
 exports.Footer.defaultProps = {
     className: '',

package/lib/layout/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E,IAEnF,eAAe,OAAO,EAAE,CACZ;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAC,mCAAmC,mBAG5B,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAC,yDAAyD,iBAGlD,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AArCW,QAAA,MAAM,UAqCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,kDAA+C;AAC/C,sDAA8B;AAC9B,gCAA6B;AAC7B,oCAAiC;AACjC,4EAAsC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,qCAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,8BAAC,qBAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,8BAAC,SAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,2BAAG,CAAC,KAAK;QACpD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,uCAAK,SAAS,EAAE,2BAAG,CAAC,GAAG;oBACrB,8BAAC,YAAY,IACX,IAAI,EAAE,qBAAM,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,2BAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAE,cAAI,CAAC,iBAAiB,IAE5B,eAAe,OAAO,EAAE,CACZ;oBACf,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,8BAAC,YAAY,IACX,IAAI,EAAE,GAAG,qBAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,KAAK,EAAE,cAAI,CAAC,uBAAuB,IAElC,cAAI,CAAC,YAAY,CACL,CACV;oBACP,wCAAM,SAAS,EAAE,2BAAG,CAAC,OAAO;wBAC1B,uDAAqB;wBACrB,8BAAC,YAAY,IACX,SAAS,EAAE,2BAAG,CAAC,OAAO,EACtB,IAAI,EAAE,qBAAM,CAAC,OAAO,EACpB,KAAK,EAAE,cAAI,CAAC,cAAc,IAEzB,qBAAM,CAAC,OAAO,CACF,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AArCW,QAAA,MAAM,UAqCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,oBAAS,CAAC,MAAM;CAC1B,CAAC"}

package/lib-esm/app/header/header.js

@@ -1,15 +1,16 @@
 import React from 'react';
 import cx from 'classnames';
 import config from '../../config.json';
+import I18N from '../../i18n';
 import { Container } from '../../ui/container';
+import { Icon } from '../../ui/icon';
 import { FlexStack } from '../../layout/flex-stack';
 import { JobsHeader } from '../../components/jobs-header';
 import css from './header.module.css';
-import { Icon } from '../../ui';
 export const Header = ({ className = '', jobs }) => (React.createElement(Container, { as: "header", className: cx(css.root, className) },
     React.createElement(FlexStack, { space: "small", alignItems: "center" },
         React.createElement(JobsHeader, { className: css.jobs, jobs: jobs }),
         React.createElement("div", { className: css.tools },
-            React.createElement("a", { href: config.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: css.toolsGitHub },
+            React.createElement("a", { href: config.gitHubUrl, target: "_blank", rel: "noopener noreferrer", className: css.toolsGitHub, title: I18N.GITHUB_LINK_TITLE },
                 React.createElement(Icon, { glyph: Icon.ICONS.GITHUB, size: "large", className: css.toolsGitHubIcon }))))));
 //# sourceMappingURL=header.js.map

package/lib-esm/app/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAMhC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,oBAAC,UAAU,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACvB,2BAAG,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,GAAG,CAAC,WAAW;gBAC7F,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/app/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAMtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAgD,EAAE,EAAE,CAAC,CAChG,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ;QAC1C,oBAAC,UAAU,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;QAC/C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACvB,2BACE,IAAI,EAAE,MAAM,CAAC,SAAS,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,GAAG,CAAC,WAAW,EAC1B,KAAK,EAAE,IAAI,CAAC,iBAAiB;gBAE7B,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,eAAe,GAAI,CAC7E,CACA,CACI,CACF,CACb,CAAC"}

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

@@ -18,7 +18,7 @@ export const EntryInfo = (props) => {
     const baselineRun = item.runs.length > 1 ? (_a = item.runs) === null || _a === void 0 ? void 0 : _a[item.runs.length - 1] : null;
     const metricRunInfo = getMetricRunInfo(METRIC_TYPES.METRIC_TYPE_FILE_SIZE, (_c = (_b = item.runs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value, (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.value) || 0);
     return (React.createElement(Portal, { className: cx(css.root, className) },
-        React.createElement(Box, { padding: "small", as: "header", className: css.header },
+        React.createElement(Box, { padding: "medium", as: "header", className: css.header },
             React.createElement(Stack, { space: "small" },
                 tags && React.createElement("div", null, tags),
                 React.createElement("h3", { className: css.label },
@@ -26,7 +26,7 @@ export const EntryInfo = (props) => {
                 React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" })),
             React.createElement("button", { type: "button", onClick: onClose, className: css.headerClose },
                 React.createElement(Icon, { glyph: Icon.ICONS.CLOSE, size: "large" }))),
-        React.createElement(Box, { padding: "small", as: "main", className: css.contentWrapper },
+        React.createElement(Box, { padding: "medium", as: "main", className: css.contentWrapper },
             React.createElement(Stack, { space: "small", className: css.content },
                 children,
                 React.createElement(Table, { outline: true, compact: true, className: css.runs },

package/lib-esm/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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAiB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEpF,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAM1C,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,GACuC,EAAE,EAAE,CAAC,CACpD,2BAAG,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACnC,8BAAM,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,KAAK,CAAQ;IAC9C,8BAAM,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,QAAQ,CAAQ,CACjD,CACL,CAAC;AAmBF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAmD,EAAE,EAAE;;IAC/E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,MAAM,EACN,eAAe,GAAG,MAAM,EACxB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,0CAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAGpF,MAAM,aAAa,GAAG,gBAAgB,CACpC,YAAY,CAAC,qBAAqB,EAClC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAG,CAAC,CAAC,0CAAE,KAAK,EACrB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACxC,oBAAC,GAAG,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM;YACpD,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO;gBACjB,IAAI,IAAI,iCAAM,IAAI,CAAO;gBAE1B,4BAAI,SAAS,EAAE,GAAG,CAAC,KAAK;oBACtB,oBAAC,QAAQ,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,GAAI,CAC3E;gBAEL,oBAAC,OAAO,IACN,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,KAAK,EAAE,aAAa,CAAC,sBAAsB,EAC3C,eAAe,EAAE,aAAa,CAAC,YAAY,EAC3C,SAAS,EAAE,aAAa,CAAC,SAAS,EAClC,QAAQ,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,KAAI,IAAI,EAC3C,IAAI,EAAC,OAAO,GACZ,CACI;YACR,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW;gBAChE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACvC,CACL;QACN,oBAAC,GAAG,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,CAAC,cAAc;YAC1D,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,CAAC,OAAO;gBACxC,QAAQ;gBAET,oBAAC,KAAK,IAAC,OAAO,QAAC,OAAO,QAAC,SAAS,EAAE,GAAG,CAAC,IAAI;oBACxC,oBAAC,KAAK,CAAC,KAAK;wBACV,oBAAC,KAAK,CAAC,EAAE;4BACP,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,aAAmB;4BACxE,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,WAAW,CAAC,IAAG,YAAY,CAAY;4BACjF,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,WAAW,CAAC,WAAiB,CAC9D,CACC;oBACd,oBAAC,KAAK,CAAC,KAAK,QACT,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBAC5B,MAAM,GAAG,GAAG,QAAQ,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,KAAI,KAAK,IAAI,KAAK,EAAE,CAAC;wBAElD,OAAO,CACL,oBAAC,KAAK,CAAC,EAAE,IAAC,GAAG,EAAE,GAAG;4BAChB,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,IAAG,MAAM,CAAC,KAAK,CAAC,CAAY;4BACjF,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,WAAW,CAAC;gCACpD,oBAAC,QAAQ,IACP,SAAS,EAAE,GAAG,CAAC,QAAQ,EACvB,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,CAAC,GAAW,aAAX,GAAG,uBAAH,GAAG,CAAW,eAAe,CAAC,KAAI,GAAG,GAC5C,CACO;4BACX,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,WAAW,CAAC;gCACpD,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IACtB,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,CAAA,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAC/C,CACE,CACF,CACZ,CAAC;oBACJ,CAAC,CAAC,CACU,CACR,CACF,CACJ,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC"}
+{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}

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

@@ -30,7 +30,6 @@
   /** space for close icon */
   padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
   border-bottom: 1px solid var(--color-outline);
-  background: var(--color-highlight);
 }
 
 .headerClose {

package/lib-esm/components/metric-run-info/metric-run-info.js

@@ -1,18 +1,25 @@
 import React, { useCallback, useMemo } from 'react';
 import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
 import { Stack } from '../../layout/stack';
+import { FlexStack } from '../../layout/flex-stack';
+import { Icon } from '../../ui/icon';
 import { RunInfo } from '../run-info';
 import css from './metric-run-info.module.css';
-const MetricHoverCard = ({ description, url }) => {
+const MetricHoverCard = ({ title, description, url }) => {
     const onClick = useCallback(() => {
         if (url) {
             window.open(url);
         }
     }, [url]);
-    return (React.createElement(Stack, { space: "xxxsmall" },
-        React.createElement("p", null, description),
-        url && (React.createElement("p", null,
-            React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink }, "Read more")))));
+    return (React.createElement(Stack, { space: "xxsmall", className: css.metricHoverCard },
+        React.createElement("h3", { className: css.metricHoverCardTitle }, title),
+        React.createElement(Stack, { space: "xxxsmall" },
+            React.createElement("p", { className: css.metricHoverCardDescription }, description),
+            url && (React.createElement("div", null,
+                React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink },
+                    React.createElement(FlexStack, { alignItems: "center", space: "xxxsmall" },
+                        React.createElement("span", null, "Read more"),
+                        React.createElement(Icon, { glyph: Icon.ICONS.EXTERNAL_LINK, size: "small" }))))))));
 };
 export const MetricRunInfo = (props) => {
     const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
@@ -20,7 +27,7 @@ export const MetricRunInfo = (props) => {
     const metricRunInfo = getMetricRunInfo(metric, current, baseline || 0);
     const titleHoverCard = useMemo(() => {
         if (showMetricDescription) {
-            return React.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
+            return (React.createElement(MetricHoverCard, { title: metric.label, description: metric.description, url: metric.url }));
         }
         return null;
     }, [showMetricDescription, metric]);

package/lib-esm/components/metric-run-info/metric-run-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAC;AACpD,OAAO,GAAG,MAAM,8BAA8B,CAAC;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU;QACrB,+BAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,oBAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI;YAChB,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/metric-run-info/metric-run-info.module.css

@@ -1,3 +1,8 @@
+.metricHoverCardTitle {
+  font-weight: bold;
+  font-size: 1em;
+}
+
 .readMoreLink {
   appearance: none;
   background: none;
@@ -15,4 +20,3 @@
   color: var(--color-primary-dark);
   text-decoration: none;
 }
-

package/lib-esm/components/summary/summary.js

@@ -21,7 +21,7 @@ const SummaryItem = (props) => {
 };
 export const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = ComponentLink, }) => (React.createElement(Box, { className: cx(css.root, className) },
     React.createElement("div", { className: css.wrapper },
-        React.createElement("div", { className: css.items }, METRICS_WEBPACK_GENERAL.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: css.item, metricId: metricId, data: data, loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
+        React.createElement("div", { className: css.items }, METRICS_WEBPACK_GENERAL.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: css.item, metricId: metricId, data: data, size: "large", loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
     React.createElement("div", { className: css.wrapper },
-        React.createElement("div", { className: css.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: cx(css.item, css.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, size: "small", loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
+        React.createElement("div", { className: css.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: cx(css.item, css.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
 //# sourceMappingURL=summary.js.map

package/lib-esm/components/summary/summary.js.map

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

package/lib-esm/css/variables.css

@@ -196,7 +196,7 @@
   --outline-hover: 0 0 0 3px var(--color-highlight);
 
   /** Layout */
-  --max-width: 94rem;
-  --entry-info-width: 640px;
+  --max-width: 88rem;
+  --entry-info-width: 64rem;
   --entry-info-top: var(--header-height);
 }

package/lib-esm/i18n.js

@@ -14,5 +14,9 @@ export default {
     PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: terser minification)",
     RESET_FILTERS: 'Reset filters',
     VIEW_ALL: 'View all entries',
+    GITHUB_LINK_TITLE: 'View BundleStats project on GitHub',
+    REPORT_ISSUE: 'Report issue',
+    REPORT_ISSUE_LINK_TITLE: 'Open issue on GitHub',
+    APP_LINK_TITLE: 'Visit RelativeCI - In-depth bundle stats analysis and monitoring',
 };
 //# sourceMappingURL=i18n.js.map

package/lib-esm/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;CAC7B,CAAC"}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.js"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,OAAO,EAAE,oBAAoB;IAE7B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IAEpB,SAAS,EAAE,WAAW;IAEtB,WAAW,EAAE,uDAAuD;IACpE,iBAAiB,EAAE,0DAA0D;IAC7E,YAAY,EACV,8FAA8F;IAChG,aAAa,EACX,4GAA4G;IAE9G,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAE5B,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}

package/lib-esm/layout/footer/footer.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import config from '../../config.json';
 import { Container } from '../../ui/container';
+import I18N from '../../i18n';
 import { Box } from '../box';
 import { Stack } from '../stack';
 import css from './footer.module.css';
@@ -15,12 +16,12 @@ export const Footer = ({ className, version }) => (React.createElement(Container
         React.createElement(Stack, { space: "xsmall" },
             React.createElement("div", null,
                 React.createElement("nav", { className: css.nav },
-                    React.createElement(ExternalLink, { href: config.gitHubUrl, className: cx(css.navItem, css.navLink), title: "In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)" }, `BundleStats ${version}`),
+                    React.createElement(ExternalLink, { href: config.gitHubUrl, className: cx(css.navItem, css.navLink), title: I18N.GITHUB_LINK_TITLE }, `BundleStats ${version}`),
                     React.createElement("span", { className: css.navItem },
-                        React.createElement(ExternalLink, { href: `${config.gitHubUrl}/issues`, className: css.navLink, title: "Navigate to GitHub and open issue" }, "Report issue")),
+                        React.createElement(ExternalLink, { href: `${config.gitHubUrl}/issues`, className: css.navLink, title: I18N.REPORT_ISSUE_LINK_TITLE }, I18N.REPORT_ISSUE)),
                     React.createElement("span", { className: css.navItem },
                         React.createElement("span", null, "Made by "),
-                        React.createElement(ExternalLink, { className: css.navLink, href: config.siteUrl, title: "Go to RelativeCI - Specialized insights for web bundles" }, "RelativeCI"))))))));
+                        React.createElement(ExternalLink, { className: css.navLink, href: config.siteUrl, title: I18N.APP_LINK_TITLE }, config.appName))))))));
 Footer.defaultProps = {
     className: '',
     version: null,

package/lib-esm/layout/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,2BAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK;QACpD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,6BAAK,SAAS,EAAE,GAAG,CAAC,GAAG;oBACrB,oBAAC,YAAY,IACX,IAAI,EAAE,MAAM,CAAC,SAAS,EACtB,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAC,8EAA8E,IAEnF,eAAe,OAAO,EAAE,CACZ;oBACf,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO;wBAC1B,oBAAC,YAAY,IACX,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,KAAK,EAAC,mCAAmC,mBAG5B,CACV;oBACP,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO;wBAC1B,6CAAqB;wBACrB,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,IAAI,EAAE,MAAM,CAAC,OAAO,EACpB,KAAK,EAAC,yDAAyD,iBAGlD,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/layout/footer/footer.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,2BAAG,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,GAAI,CAAC;AAG3F,YAAY,CAAC,SAAS,GAAG;IAEvB,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChD,oBAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACvD,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK;QACpD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YACnB;gBACE,6BAAK,SAAS,EAAE,GAAG,CAAC,GAAG;oBACrB,oBAAC,YAAY,IACX,IAAI,EAAE,MAAM,CAAC,SAAS,EACtB,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,EACvC,KAAK,EAAE,IAAI,CAAC,iBAAiB,IAE5B,eAAe,OAAO,EAAE,CACZ;oBACf,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO;wBAC1B,oBAAC,YAAY,IACX,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS,SAAS,EAClC,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,KAAK,EAAE,IAAI,CAAC,uBAAuB,IAElC,IAAI,CAAC,YAAY,CACL,CACV;oBACP,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO;wBAC1B,6CAAqB;wBACrB,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,IAAI,EAAE,MAAM,CAAC,OAAO,EACpB,KAAK,EAAE,IAAI,CAAC,cAAc,IAEzB,MAAM,CAAC,OAAO,CACF,CACV,CACH,CACF,CACA,CACJ,CACI,CACb,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.7.0-rc.5",
+  "version": "4.7.0",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -39,10 +39,10 @@
     "@babel/preset-env": "7.22.20",
     "@babel/preset-react": "7.22.15",
     "@babel/preset-typescript": "7.22.15",
-    "@storybook/addon-essentials": "7.4.3",
+    "@storybook/addon-essentials": "7.4.4",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "7.4.3",
-    "@storybook/react-webpack5": "7.4.3",
+    "@storybook/react": "7.4.4",
+    "@storybook/react-webpack5": "7.4.4",
     "@types/react": "18.2.22",
     "babel-plugin-require-context-hook": "1.0.0",
     "classnames": "2.3.2",
@@ -59,7 +59,7 @@
     "react-dom": "18.2.0",
     "react-router-dom": "5.3.4",
     "rimraf": "5.0.1",
-    "storybook": "7.4.3",
+    "storybook": "7.4.4",
     "typescript": "5.1.6",
     "typescript-plugin-css-modules": "5.0.1"
   },
@@ -72,11 +72,11 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.7.0-rc.5",
+    "@bundle-stats/utils": "^4.7.0",
     "ariakit": "2.0.0-next.44",
     "modern-css-reset": "1.4.0",
     "query-string": "7.1.3",
     "use-query-params": "2.2.1"
   },
-  "gitHead": "d873b12d8d852f650060fb0e2a6519db773c71db"
+  "gitHead": "1d51810980cd038e5e39910298504186482b14cf"
 }

package/src/app/header/header.tsx

@@ -2,11 +2,12 @@ import React from 'react';
 import cx from 'classnames';
 
 import config from '../../config.json';
+import I18N from '../../i18n';
 import { Container } from '../../ui/container';
+import { Icon } from '../../ui/icon';
 import { FlexStack } from '../../layout/flex-stack';
 import { JobsHeader } from '../../components/jobs-header';
 import css from './header.module.css';
-import { Icon } from '../../ui';
 
 interface HeaderProps {
   jobs: React.ComponentProps<typeof JobsHeader>['jobs'];
@@ -17,7 +18,13 @@ export const Header = ({ className = '', jobs }: HeaderProps & React.ComponentPr
     <FlexStack space="small" alignItems="center">
       <JobsHeader className={css.jobs} jobs={jobs} />
       <div className={css.tools}>
-        <a href={config.gitHubUrl} target="_blank" rel="noopener noreferrer" className={css.toolsGitHub}>
+        <a
+          href={config.gitHubUrl}
+          target="_blank"
+          rel="noopener noreferrer"
+          className={css.toolsGitHub}
+          title={I18N.GITHUB_LINK_TITLE}
+        >
           <Icon glyph={Icon.ICONS.GITHUB} size="large" className={css.toolsGitHubIcon} />
         </a>
       </div>

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

@@ -30,7 +30,6 @@
   /** space for close icon */
   padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
   border-bottom: 1px solid var(--color-outline);
-  background: var(--color-highlight);
 }
 
 .headerClose {

package/src/components/entry-info/entry-info.tsx

@@ -67,7 +67,7 @@ export const EntryInfo = (props: EntryInfoProps & React.ComponentProps<'div'>) =
 
   return (
     <Portal className={cx(css.root, className)}>
-      <Box padding="small" as="header" className={css.header}>
+      <Box padding="medium" as="header" className={css.header}>
         <Stack space="small">
           {tags && <div>{tags}</div>}
 
@@ -88,7 +88,7 @@ export const EntryInfo = (props: EntryInfoProps & React.ComponentProps<'div'>) =
           <Icon glyph={Icon.ICONS.CLOSE} size="large" />
         </button>
       </Box>
-      <Box padding="small" as="main" className={css.contentWrapper}>
+      <Box padding="medium" as="main" className={css.contentWrapper}>
         <Stack space="small" className={css.content}>
           {children}
 
@@ -106,7 +106,9 @@ export const EntryInfo = (props: EntryInfoProps & React.ComponentProps<'div'>) =
 
                 return (
                   <Table.Tr key={key}>
-                    <Table.Th className={cx(css.runsCell, css.runsColJob)}>{labels[index]}</Table.Th>
+                    <Table.Th className={cx(css.runsCell, css.runsColJob)}>
+                      {labels[index]}
+                    </Table.Th>
                     <Table.Td className={cx(css.runsCell, css.runsColName)}>
                       <FileName
                         className={css.fileName}

package/src/components/metric-run-info/metric-run-info.module.css

@@ -1,3 +1,8 @@
+.metricHoverCardTitle {
+  font-weight: bold;
+  font-size: 1em;
+}
+
 .readMoreLink {
   appearance: none;
   background: none;
@@ -15,4 +20,3 @@
   color: var(--color-primary-dark);
   text-decoration: none;
 }
-

package/src/components/metric-run-info/metric-run-info.tsx

@@ -2,15 +2,18 @@ import React, { useCallback, useMemo } from 'react';
 import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
 
 import { Stack } from '../../layout/stack';
+import { FlexStack } from '../../layout/flex-stack';
+import { Icon } from '../../ui/icon';
 import { RunInfo, RunInfoProps } from '../run-info';
 import css from './metric-run-info.module.css';
 
 interface MetricInfoProps {
+  title: string;
   description: string;
   url?: string;
 }
 
-const MetricHoverCard = ({ description, url }: MetricInfoProps) => {
+const MetricHoverCard = ({ title, description, url }: MetricInfoProps) => {
   // The component parent can be rendered inside a link, use button to avoid using nested links
   const onClick = useCallback(() => {
     if (url) {
@@ -19,15 +22,21 @@ const MetricHoverCard = ({ description, url }: MetricInfoProps) => {
   }, [url]);
 
   return (
-    <Stack space="xxxsmall">
-      <p>{description}</p>
-      {url && (
-        <p>
-          <button type="button" onClick={onClick} className={css.readMoreLink}>
-            Read more
-          </button>
-        </p>
-      )}
+    <Stack space="xxsmall" className={css.metricHoverCard}>
+      <h3 className={css.metricHoverCardTitle}>{title}</h3>
+      <Stack space="xxxsmall">
+        <p className={css.metricHoverCardDescription}>{description}</p>
+        {url && (
+          <div>
+            <button type="button" onClick={onClick} className={css.readMoreLink}>
+              <FlexStack alignItems="center" space="xxxsmall">
+                <span>Read more</span>
+                <Icon glyph={Icon.ICONS.EXTERNAL_LINK} size="small" />
+              </FlexStack>
+            </button>
+          </div>
+        )}
+      </Stack>
     </Stack>
   );
 };
@@ -59,7 +68,9 @@ export const MetricRunInfo = (props: MetricRunInfoProps & React.ComponentProps<'
 
   const titleHoverCard = useMemo(() => {
     if (showMetricDescription) {
-      return <MetricHoverCard description={metric.description} url={metric.url} />;
+      return (
+        <MetricHoverCard title={metric.label} description={metric.description} url={metric.url} />
+      );
     }
 
     return null;

package/src/components/summary/summary.tsx

@@ -98,6 +98,7 @@ export const Summary = ({
             className={css.item}
             metricId={metricId}
             data={data}
+            size="large"
             loading={loading}
             customLink={summaryItemLink}
             showDelta={showSummaryItemDelta}
@@ -115,7 +116,6 @@ export const Summary = ({
             metricId={metricId}
             data={data}
             customLink={summaryItemLink}
-            size="small"
             loading={loading}
             showDelta={showSummaryItemDelta}
             showBaseline={false}

package/src/css/variables.css

@@ -196,7 +196,7 @@
   --outline-hover: 0 0 0 3px var(--color-highlight);
 
   /** Layout */
-  --max-width: 94rem;
-  --entry-info-width: 640px;
+  --max-width: 88rem;
+  --entry-info-width: 64rem;
   --entry-info-top: var(--header-height);
 }

package/src/i18n.js

@@ -21,4 +21,9 @@ export default {
 
   RESET_FILTERS: 'Reset filters',
   VIEW_ALL: 'View all entries',
+
+  GITHUB_LINK_TITLE: 'View BundleStats project on GitHub',
+  REPORT_ISSUE: 'Report issue',
+  REPORT_ISSUE_LINK_TITLE: 'Open issue on GitHub',
+  APP_LINK_TITLE: 'Visit RelativeCI - In-depth bundle stats analysis and monitoring',
 };

package/src/layout/footer/footer.jsx

@@ -4,6 +4,7 @@ import cx from 'classnames';
 
 import config from '../../config.json';
 import { Container } from '../../ui/container';
+import I18N from '../../i18n';
 import { Box } from '../box';
 import { Stack } from '../stack';
 import css from './footer.module.css';
@@ -26,7 +27,7 @@ export const Footer = ({ className, version }) => (
             <ExternalLink
               href={config.gitHubUrl}
               className={cx(css.navItem, css.navLink)}
-              title="In-depth bundle analyzer for webpack(bundle size, assets, modules, packages)"
+              title={I18N.GITHUB_LINK_TITLE}
             >
               {`BundleStats ${version}`}
             </ExternalLink>
@@ -34,9 +35,9 @@ export const Footer = ({ className, version }) => (
               <ExternalLink
                 href={`${config.gitHubUrl}/issues`}
                 className={css.navLink}
-                title="Navigate to GitHub and open issue"
+                title={I18N.REPORT_ISSUE_LINK_TITLE}
               >
-                Report issue
+                {I18N.REPORT_ISSUE}
               </ExternalLink>
             </span>
             <span className={css.navItem}>
@@ -44,9 +45,9 @@ export const Footer = ({ className, version }) => (
               <ExternalLink
                 className={css.navLink}
                 href={config.siteUrl}
-                title="Go to RelativeCI - Specialized insights for web bundles"
+                title={I18N.APP_LINK_TITLE}
               >
-                RelativeCI
+                {config.appName}
               </ExternalLink>
             </span>
           </nav>

package/types/i18n.d.ts

@@ -14,5 +14,9 @@ declare namespace _default {
     let PACKAGES_INFO: string;
     let RESET_FILTERS: string;
     let VIEW_ALL: string;
+    let GITHUB_LINK_TITLE: string;
+    let REPORT_ISSUE: string;
+    let REPORT_ISSUE_LINK_TITLE: string;
+    let APP_LINK_TITLE: string;
 }
 export default _default;