@bundle-stats/ui 4.20.3-beta.1 → 4.21.1-beta.0

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

@@ -21,10 +21,10 @@ const MetricsTableTitle = (props) => {
         react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: metrics_table_title_module_css_1.default.title },
             react_1.default.createElement("span", null, title),
             (popoverInfo || popoverHref) && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP, className: metrics_table_title_module_css_1.default.anchorIcon }), anchorClassName: metrics_table_title_module_css_1.default.anchor },
-                react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+                react_1.default.createElement(stack_1.Stack, { space: "xxsmall" },
                     popoverInfo && react_1.default.createElement("p", null, popoverInfo),
                     popoverHref && (react_1.default.createElement("p", null,
-                        react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: () => window.open(popoverHref) }, i18n_1.default.READ_MORE))))))),
+                        react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: () => window.open(popoverHref), className: metrics_table_title_module_css_1.default.readMore }, i18n_1.default.LEARN_MORE))))))),
         info && react_1.default.createElement("p", { className: metrics_table_title_module_css_1.default.info }, info)));
 };
 exports.MetricsTableTitle = MetricsTableTitle;

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

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

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

@@ -23,3 +23,8 @@
   font-family: var(--font-family-fixed);
   font-weight: normal;
 }
+
+.readMore {
+  cursor: pointer;
+  text-decoration: underline;
+}

package/lib/i18n.js

@@ -9,11 +9,11 @@ exports.default = {
     NO_DATA: 'No data available.',
     CURRENT: 'current',
     BASELINE: 'baseline',
-    READ_MORE: 'Read more',
-    ASSETS_INFO: 'Asset size - the size of the file produced by the bundler',
-    ASSET_TOTALS_INFO: 'The total size of the assets produce by the bundler, by file type',
-    MODULES_INFO: 'Module size - module source size before any production optimization(ex: minification)',
-    PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: minification)",
+    LEARN_MORE: 'Learn more about the metrics and data',
+    ASSETS_INFO: 'Asset size - size of the file outputted by the bundler',
+    ASSET_TOTALS_INFO: 'The total size of the assets outputted by the bundler, by file type',
+    MODULES_INFO: 'Module size - the module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)',
+    PACKAGES_INFO: "Package size - the total package's module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)",
     RESET_FILTERS: 'Reset filters',
     VIEW_ALL: 'View all entries',
     EXPORT: 'Export',

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,2DAA2D;IACxE,iBAAiB,EAAE,mEAAmE;IACtF,YAAY,EACV,uFAAuF;IACzF,aAAa,EACX,qGAAqG;IAEvG,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,iBAAiB,EAAE,mBAAmB;IACtC,sBAAsB,EAAE,qBAAqB;IAE7C,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,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,UAAU,EAAE,uCAAuC;IAEnD,WAAW,EAAE,wDAAwD;IACrE,iBAAiB,EAAE,qEAAqE;IACxF,YAAY,EACV,4IAA4I;IAC9I,aAAa,EACX,6JAA6J;IAE/J,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,iBAAiB,EAAE,mBAAmB;IACtC,sBAAsB,EAAE,qBAAqB;IAE7C,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}

package/lib/ui/dropdown/dropdown.module.css

@@ -29,12 +29,12 @@
   outline: none;
   border: 0;
   border-radius: var(--radius-small);
-  padding: var(--space-xxxsmall) calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
+  padding: calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
   background: none;
   text-align: left;
   color: var(--color-text-light);
   font-size: var(--size-small);
-  line-height: inherit;
+  line-height: var(--line-height);
   text-decoration: none;
   cursor: default;
 }

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

@@ -15,10 +15,10 @@ export const MetricsTableTitle = (props) => {
         React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
             React.createElement("span", null, title),
             (popoverInfo || popoverHref) && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP, className: css.anchorIcon }), anchorClassName: css.anchor },
-                React.createElement(Stack, { space: "xxxsmall" },
+                React.createElement(Stack, { space: "xxsmall" },
                     popoverInfo && React.createElement("p", null, popoverInfo),
                     popoverHref && (React.createElement("p", null,
-                        React.createElement(Button, { kind: "primary", type: "button", onClick: () => window.open(popoverHref) }, I18N.READ_MORE))))))),
+                        React.createElement(Button, { kind: "primary", type: "button", onClick: () => window.open(popoverHref), className: css.readMore }, I18N.LEARN_MORE))))))),
         info && React.createElement("p", { className: css.info }, info)));
 };
 MetricsTableTitle.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,GAAG,MAAM,kCAAkC,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,aAAa;QAC1C,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,KAAK;YAC1E,kCAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,GAAG,CAAC,MAAM;gBAE3B,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU;oBACpB,WAAW,IAAI,+BAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IACzE,IAAI,CAAC,SAAS,CACR,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,2BAAG,SAAS,EAAE,GAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}
+{"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,GAAG,MAAM,kCAAkC,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,aAAa;QAC1C,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,KAAK;YAC1E,kCAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,GAAG,CAAC,MAAM;gBAE3B,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS;oBACnB,WAAW,IAAI,+BAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,oBAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EACvC,SAAS,EAAE,GAAG,CAAC,QAAQ,IAEtB,IAAI,CAAC,UAAU,CACT,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,2BAAG,SAAS,EAAE,GAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,SAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}

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

@@ -23,3 +23,8 @@
   font-family: var(--font-family-fixed);
   font-weight: normal;
 }
+
+.readMore {
+  cursor: pointer;
+  text-decoration: underline;
+}

package/lib-esm/i18n.js

@@ -7,11 +7,11 @@ export default {
     NO_DATA: 'No data available.',
     CURRENT: 'current',
     BASELINE: 'baseline',
-    READ_MORE: 'Read more',
-    ASSETS_INFO: 'Asset size - the size of the file produced by the bundler',
-    ASSET_TOTALS_INFO: 'The total size of the assets produce by the bundler, by file type',
-    MODULES_INFO: 'Module size - module source size before any production optimization(ex: minification)',
-    PACKAGES_INFO: "Package size - the total package's module size before any production optimization(ex: minification)",
+    LEARN_MORE: 'Learn more about the metrics and data',
+    ASSETS_INFO: 'Asset size - size of the file outputted by the bundler',
+    ASSET_TOTALS_INFO: 'The total size of the assets outputted by the bundler, by file type',
+    MODULES_INFO: 'Module size - the module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)',
+    PACKAGES_INFO: "Package size - the total package's module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)",
     RESET_FILTERS: 'Reset filters',
     VIEW_ALL: 'View all entries',
     EXPORT: 'Export',

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,2DAA2D;IACxE,iBAAiB,EAAE,mEAAmE;IACtF,YAAY,EACV,uFAAuF;IACzF,aAAa,EACX,qGAAqG;IAEvG,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,iBAAiB,EAAE,mBAAmB;IACtC,sBAAsB,EAAE,qBAAqB;IAE7C,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,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,UAAU,EAAE,uCAAuC;IAEnD,WAAW,EAAE,wDAAwD;IACrE,iBAAiB,EAAE,qEAAqE;IACxF,YAAY,EACV,4IAA4I;IAC9I,aAAa,EACX,6JAA6J;IAE/J,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,iBAAiB,EAAE,mBAAmB;IACtC,sBAAsB,EAAE,qBAAqB;IAE7C,iBAAiB,EAAE,oCAAoC;IACvD,YAAY,EAAE,cAAc;IAC5B,uBAAuB,EAAE,sBAAsB;IAC/C,cAAc,EAAE,kEAAkE;CACnF,CAAC"}

package/lib-esm/ui/dropdown/dropdown.module.css

@@ -29,12 +29,12 @@
   outline: none;
   border: 0;
   border-radius: var(--radius-small);
-  padding: var(--space-xxxsmall) calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
+  padding: calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
   background: none;
   text-align: left;
   color: var(--color-text-light);
   font-size: var(--size-small);
-  line-height: inherit;
+  line-height: var(--line-height);
   text-decoration: none;
   cursor: default;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.20.3-beta.1",
+  "version": "4.21.1-beta.0",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -40,8 +40,8 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@storybook/addon-webpack5-compiler-babel": "3.0.6",
-    "@storybook/react": "9.0.12",
-    "@storybook/react-webpack5": "9.0.12",
+    "@storybook/react": "9.0.14",
+    "@storybook/react-webpack5": "9.0.14",
     "@types/d3": "7.4.3",
     "@types/react": "18.3.13",
     "@types/react-router-dom": "5.3.3",
@@ -60,7 +60,7 @@
     "react-dom": "18.3.1",
     "react-router-dom": "5.3.4",
     "rimraf": "6.0.1",
-    "storybook": "9.0.12",
+    "storybook": "9.0.14",
     "typescript": "5.8.3",
     "typescript-plugin-css-modules": "5.1.0"
   },
@@ -73,7 +73,7 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "4.20.3-beta.1",
+    "@bundle-stats/utils": "4.21.1-beta.0",
     "ariakit": "2.0.0-next.44",
     "d3": "7.9.0",
     "modern-css-reset": "1.4.0",
@@ -81,5 +81,5 @@
     "snarkdown": "2.0.0",
     "use-query-params": "2.2.1"
   },
-  "gitHead": "fbae3cd503d90049834a290a504037b818bf2164"
+  "gitHead": "bdd46c2bc9c878c7d68f055c504cf2d2ca31e600"
 }

package/src/components/metrics-table-title/metrics-table-title.jsx

@@ -24,12 +24,17 @@ export const MetricsTableTitle = (props) => {
             label={<Icon glyph={Icon.ICONS.HELP} className={css.anchorIcon} />}
             anchorClassName={css.anchor}
           >
-            <Stack space="xxxsmall">
+            <Stack space="xxsmall">
               {popoverInfo && <p>{popoverInfo}</p>}
               {popoverHref && (
                 <p>
-                  <Button kind="primary" type="button" onClick={() => window.open(popoverHref)}>
-                    {I18N.READ_MORE}
+                  <Button
+                    kind="primary"
+                    type="button"
+                    onClick={() => window.open(popoverHref)}
+                    className={css.readMore}
+                  >
+                    {I18N.LEARN_MORE}
                   </Button>
                 </p>
               )}

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

@@ -23,3 +23,8 @@
   font-family: var(--font-family-fixed);
   font-weight: normal;
 }
+
+.readMore {
+  cursor: pointer;
+  text-decoration: underline;
+}

package/src/i18n.js

@@ -10,14 +10,14 @@ export default {
   CURRENT: 'current',
   BASELINE: 'baseline',
 
-  READ_MORE: 'Read more',
+  LEARN_MORE: 'Learn more about the metrics and data',
 
-  ASSETS_INFO: 'Asset size - the size of the file produced by the bundler',
-  ASSET_TOTALS_INFO: 'The total size of the assets produce by the bundler, by file type',
+  ASSETS_INFO: 'Asset size - size of the file outputted by the bundler',
+  ASSET_TOTALS_INFO: 'The total size of the assets outputted by the bundler, by file type',
   MODULES_INFO:
-    'Module size - module source size before any production optimization(ex: minification)',
+    'Module size - the module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)',
   PACKAGES_INFO:
-    "Package size - the total package's module size before any production optimization(ex: minification)",
+    "Package size - the total package's module size(source or transformed) before any production optimization(module hoisting, tree-shaking, minification, etc.)",
 
   RESET_FILTERS: 'Reset filters',
   VIEW_ALL: 'View all entries',

package/src/ui/dropdown/dropdown.module.css

@@ -29,12 +29,12 @@
   outline: none;
   border: 0;
   border-radius: var(--radius-small);
-  padding: var(--space-xxxsmall) calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
+  padding: calc(var(--space-xxxsmall) + var(--space-xxxsmall) / 2);
   background: none;
   text-align: left;
   color: var(--color-text-light);
   font-size: var(--size-small);
-  line-height: inherit;
+  line-height: var(--line-height);
   text-decoration: none;
   cursor: default;
 }

package/types/i18n.d.ts

@@ -7,7 +7,7 @@ declare namespace _default {
     let NO_DATA: string;
     let CURRENT: string;
     let BASELINE: string;
-    let READ_MORE: string;
+    let LEARN_MORE: string;
     let ASSETS_INFO: string;
     let ASSET_TOTALS_INFO: string;
     let MODULES_INFO: string;