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

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/module-info/module-info.js

@@ -6,7 +6,7 @@ import { BUNDLE_MODULES_DUPLICATE, FILE_TYPE_LABELS, MODULE_SOURCE_TYPE_LABELS,
 import { Stack } from '../../layout/stack';
 import { Tag } from '../../ui/tag';
 import { ComponentLink } from '../component-link';
-import { EntryInfo } from '../entry-info';
+import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
 import css from './module-info.module.css';
 export const ModuleInfo = (props) => {
     var _a;
@@ -31,11 +31,11 @@ export const ModuleInfo = (props) => {
                 if (!chunk) {
                     return null;
                 }
-                return (React.createElement(CustomComponentLink, { ...getBundleModulesByChunk(chunkIds, chunkId), className: css.chunksItem }, chunk.name));
+                return (React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesByChunk(chunkIds, chunkId), className: css.chunksItem }, chunk.name));
             }))),
             (item === null || item === void 0 ? void 0 : item.fileType) && (React.createElement(EntryInfo.Meta, { label: "File type" },
-                React.createElement(CustomComponentLink, { ...getBundleModulesByFileTpe(item.fileType, fileTypeLabel) }, fileTypeLabel))),
+                React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesByFileTpe(item.fileType, fileTypeLabel) }, fileTypeLabel))),
             React.createElement(EntryInfo.Meta, { label: "Source" },
-                React.createElement(CustomComponentLink, { ...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel)))));
+                React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel)))));
 };
 //# sourceMappingURL=module-info.js.map

package/lib-esm/components/module-info/module-info.js.map

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

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

@@ -1,15 +1,3 @@
 .chunksItems {
   display: inline;
 }
-
-.chunksItem {
-  overflow-wrap: break-word;
-  text-decoration: none;
-  text-transform: none;
-  font-weight: normal;
-  font-size: 1em;
-}
-
-.chunksItem + .chunksItem {
-  margin-left: var(--space-xxxsmall);
-}

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

@@ -39,11 +39,13 @@
 
 /* Loading state */
 .loading.currentMetric {
-  width: 8em;
+  min-width: 0;
+  max-width: 8em;
 }
 
 .loading.baselineMetric {
-  width: 5em;
+  min-width: 0;
+  max-width: 5em;
 }
 
 /* Hover state */

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.1",
   "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.5",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "7.4.3",
-    "@storybook/react-webpack5": "7.4.3",
+    "@storybook/react": "7.4.5",
+    "@storybook/react-webpack5": "7.4.5",
     "@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.5",
     "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.1",
     "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": "0d87a5b548e5298ae07dc3f6358d44119190dde0"
 }

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/asset-info/asset-info.tsx

@@ -14,7 +14,7 @@ import { Asset, MetaChunk } from '@bundle-stats/utils/types/webpack';
 import { FlexStack } from '../../layout/flex-stack';
 import { Tag } from '../../ui/tag';
 import { ComponentLink } from '../component-link';
-import { EntryInfo } from '../entry-info';
+import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
 import css from './asset-info.module.css';
 
 interface ChunkModulesLinkProps {
@@ -134,12 +134,13 @@ export const AssetInfo = (props: AssetInfoProps & React.ComponentProps<'div'>) =
     >
       {item.fileType && (
         <EntryInfo.Meta label="File type">
-          <CustomComponentLink
+          <EntryInfoMetaLink
+            as={CustomComponentLink}
             {...getBundleAssetsFileTypeComponentLink(item.fileType, fileTypeLabel)}
             onClick={onClick}
           >
             {fileTypeLabel}
-          </CustomComponentLink>
+          </EntryInfoMetaLink>
         </EntryInfo.Meta>
       )}
 

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 {
@@ -85,7 +84,33 @@
 }
 
 .metaLabel {
+  padding: 2px 0;
   display: inline-block;
   margin-right: var(--space-xxxsmall);
-  min-width: 5em;
+  min-width: 6em;
+  color: var(--color-text-light);
+}
+
+.metaLink {
+  padding: 2px var(--space-xxxsmall);
+  border-radius: var(--radius-small);
+  background: var(--color-highlight);
+  transition: var(--transition-out);
+
+  overflow-wrap: break-word;
+  text-decoration: none;
+  text-transform: none;
+  font-weight: normal;
+}
+
+.metaLink + .metaLink {
+  margin-left: var(--space-xxsmall);
+}
+
+.metaLink:hover,
+.metaLink:active,
+.metaLink:focus {
+  transition: var(--transition-in);
+  background: var(--color-outline);
+  color: var(--color-primary-dark);
 }

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

@@ -11,6 +11,15 @@ import { Table } from '../../ui/table';
 import { RunInfo } from '../run-info';
 import css from './entry-info.module.css';
 
+interface EntryInfoMetaLinkProps {
+  as?: React.ElementType;
+}
+
+export const EntryInfoMetaLink = (props: EntryInfoMetaLinkProps & React.ComponentProps<'a'>) => {
+  const { as: BaseComponent = 'a', className = '', ...restProps } = props;
+  return <BaseComponent className={cx(css.metaLink, className)} {...restProps} />;
+};
+
 interface EntryInfoMetaProps {
   label: string;
 }
@@ -67,7 +76,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 +97,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 +115,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/module-info/module-info.module.css

@@ -1,15 +1,3 @@
 .chunksItems {
   display: inline;
 }
-
-.chunksItem {
-  overflow-wrap: break-word;
-  text-decoration: none;
-  text-transform: none;
-  font-weight: normal;
-  font-size: 1em;
-}
-
-.chunksItem + .chunksItem {
-  margin-left: var(--space-xxxsmall);
-}

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

@@ -16,7 +16,7 @@ import { Module, MetaChunk } from '@bundle-stats/utils/types/webpack';
 import { Stack } from '../../layout/stack';
 import { Tag } from '../../ui/tag';
 import { ComponentLink } from '../component-link';
-import { EntryInfo } from '../entry-info';
+import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
 import css from './module-info.module.css';
 
 interface ModuleInfoProps {
@@ -83,12 +83,13 @@ export const ModuleInfo = (props: ModuleInfoProps & React.ComponentProps<'div'>)
               }
 
               return (
-                <CustomComponentLink
+                <EntryInfoMetaLink
+                  as={CustomComponentLink}
                   {...getBundleModulesByChunk(chunkIds, chunkId)}
                   className={css.chunksItem}
                 >
                   {chunk.name}
-                </CustomComponentLink>
+                </EntryInfoMetaLink>
               );
             })}
           </EntryInfo.Meta>
@@ -96,19 +97,23 @@ export const ModuleInfo = (props: ModuleInfoProps & React.ComponentProps<'div'>)
 
         {item?.fileType && (
           <EntryInfo.Meta label="File type">
-            <CustomComponentLink {...getBundleModulesByFileTpe(item.fileType, fileTypeLabel)}>
+            <EntryInfoMetaLink
+              as={CustomComponentLink}
+              {...getBundleModulesByFileTpe(item.fileType, fileTypeLabel)}
+            >
               {fileTypeLabel}
-            </CustomComponentLink>
+            </EntryInfoMetaLink>
           </EntryInfo.Meta>
         )}
 
         <EntryInfo.Meta label="Source">
-          <CustomComponentLink
+          <EntryInfoMetaLink
+            as={CustomComponentLink}
             {...getBundleModulesBySource(item.thirdParty || false, sourceTypeLabel)}
             onClick={onClick}
           >
             {sourceTypeLabel}
-          </CustomComponentLink>
+          </EntryInfoMetaLink>
         </EntryInfo.Meta>
       </Stack>
     </EntryInfo>

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

@@ -39,11 +39,13 @@
 
 /* Loading state */
 .loading.currentMetric {
-  width: 8em;
+  min-width: 0;
+  max-width: 8em;
 }
 
 .loading.baselineMetric {
-  width: 5em;
+  min-width: 0;
+  max-width: 5em;
 }
 
 /* Hover state */

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/components/entry-info/entry-info.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import { MetricRunInfo } from '@bundle-stats/utils';
+interface EntryInfoMetaLinkProps {
+    as?: React.ElementType;
+}
+export declare const EntryInfoMetaLink: (props: EntryInfoMetaLinkProps & React.ComponentProps<'a'>) => React.JSX.Element;
 interface EntryInfoMetaProps {
     label: string;
 }