@bundle-stats/ui 4.19.0-beta.4 → 4.19.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  2. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  3. package/lib/ui/dropdown/dropdown.module.css +1 -1
  4. package/lib/ui/tooltip/tooltip.js +2 -2
  5. package/lib/ui/tooltip/tooltip.js.map +1 -1
  6. package/lib/ui/tooltip/tooltip.module.css +0 -9
  7. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  8. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  9. package/lib-esm/ui/dropdown/dropdown.module.css +1 -1
  10. package/lib-esm/ui/tooltip/tooltip.js +2 -2
  11. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  12. package/lib-esm/ui/tooltip/tooltip.module.css +0 -9
  13. package/package.json +3 -3
  14. package/src/components/metrics-table-options/metrics-table-options.tsx +1 -1
  15. package/src/ui/dropdown/dropdown.module.css +1 -1
  16. package/src/ui/tooltip/tooltip.module.css +0 -9
  17. package/src/ui/tooltip/tooltip.stories.tsx +0 -6
  18. package/src/ui/tooltip/tooltip.tsx +1 -6
  19. package/types/ui/tooltip/tooltip.d.ts +0 -1
package/lib/components/metrics-table-options/metrics-table-options.js CHANGED
@@ -10,7 +10,7 @@ const dropdown_1 = require("../../ui/dropdown");
10
10
  const metrics_table_options_module_css_1 = __importDefault(require("./metrics-table-options.module.css"));
11
11
  const MetricsTableOptions = (props) => {
12
12
  const { onViewAllClick, onResetClick, onExportClick, ...restProps } = props;
13
- return (react_1.default.createElement(dropdown_1.Dropdown, { glyph: "more-vertical", ...restProps },
13
+ return (react_1.default.createElement(dropdown_1.Dropdown, { glyph: "more-vertical", placement: "bottom-end", ...restProps },
14
14
  react_1.default.createElement("div", { className: metrics_table_options_module_css_1.default.group },
15
15
  onResetClick && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onResetClick }, i18n_1.default.RESET_FILTERS),
16
16
  onViewAllClick && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: onViewAllClick }, i18n_1.default.VIEW_ALL)),
package/lib/components/metrics-table-options/metrics-table-options.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,sDAA8B;AAC9B,gDAA2D;AAC3D,0GAAqD;AAQ9C,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,8BAAC,mBAAQ,IAAC,KAAK,EAAC,eAAe,KAAK,SAAS;QAC3C,uCAAK,SAAS,EAAE,0CAAG,CAAC,KAAK;YACtB,YAAY,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,YAAY,IAAG,cAAI,CAAC,aAAa,CAAgB;YACxF,cAAc,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,cAAc,IAAG,cAAI,CAAC,QAAQ,CAAgB,CACpF;QACN,uCAAK,SAAS,EAAE,0CAAG,CAAC,KAAK,IACtB,aAAa,IAAI,CAChB;YACE,8BAAC,uBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAG,cAAI,CAAC,UAAU,CAAgB;YACnF,8BAAC,uBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAG,cAAI,CAAC,WAAW,CAAgB,CACpF,CACJ,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B"}
1
+ {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,sDAA8B;AAC9B,gDAA2D;AAC3D,0GAAqD;AAQ9C,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,8BAAC,mBAAQ,IAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAC,YAAY,KAAK,SAAS;QAClE,uCAAK,SAAS,EAAE,0CAAG,CAAC,KAAK;YACtB,YAAY,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,YAAY,IAAG,cAAI,CAAC,aAAa,CAAgB;YACxF,cAAc,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,cAAc,IAAG,cAAI,CAAC,QAAQ,CAAgB,CACpF;QACN,uCAAK,SAAS,EAAE,0CAAG,CAAC,KAAK,IACtB,aAAa,IAAI,CAChB;YACE,8BAAC,uBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAG,cAAI,CAAC,UAAU,CAAgB;YACnF,8BAAC,uBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAG,cAAI,CAAC,WAAW,CAAgB,CACpF,CACJ,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B"}
package/lib/ui/dropdown/dropdown.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  position: absolute;
11
11
  left: 0;
12
12
  top: 100%;
13
- border-radius: var(--radius-medium);
13
+ border-radius: var(--radius-small);
14
14
  box-shadow: var(--shadow-layer);
15
15
  background: var(--color-background);
16
16
  min-width: 12em;
package/lib/ui/tooltip/tooltip.js CHANGED
@@ -9,11 +9,11 @@ const classnames_1 = __importDefault(require("classnames"));
9
9
  const tooltip_1 = require("ariakit/tooltip");
10
10
  const tooltip_module_css_1 = __importDefault(require("./tooltip.module.css"));
11
11
  const Tooltip = (props) => {
12
- const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
12
+ const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, ...restProps } = props;
13
13
  const tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top', timeout: 300 });
14
14
  return (react_1.default.createElement(react_1.default.Fragment, null,
15
15
  react_1.default.createElement(tooltip_1.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, "aria-controls": tooltip.open ? tooltip.contentElement?.id : '', ...(ref ? { ref } : {}), ...restProps }),
16
- title && (react_1.default.createElement(tooltip_1.Tooltip, { state: tooltip, className: (0, classnames_1.default)(tooltip_module_css_1.default.tooltip, tooltipClassName, darkMode && tooltip_module_css_1.default.tooltipDarkMode) },
16
+ title && (react_1.default.createElement(tooltip_1.Tooltip, { state: tooltip, className: (0, classnames_1.default)(tooltip_module_css_1.default.tooltip, tooltipClassName) },
17
17
  react_1.default.createElement(tooltip_1.TooltipArrow, { state: tooltip, className: tooltip_module_css_1.default.arrow, size: 12 }),
18
18
  title))));
19
19
  };
package/lib/ui/tooltip/tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,6CAKyB;AAEzB,8EAAuC;AAWhC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,8BAAC,uBAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,8BAAC,iBAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,4BAAG,CAAC,eAAe,CAAC;YAE7E,8BAAC,sBAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,4BAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,OAAO,WAoClB"}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,6CAKyB;AAEzB,8EAAuC;AAUhC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,8BAAC,uBAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,8BAAC,iBAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC;YACrE,8BAAC,sBAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,4BAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,OAAO,WAgClB"}
package/lib/ui/tooltip/tooltip.module.css CHANGED
@@ -27,12 +27,3 @@
27
27
  display: block;
28
28
  fill: var(--color-light);
29
29
  }
30
-
31
- .tooltipDarkMode {
32
- background: var(--color-text-dark);
33
- color: var(--color-light);
34
- }
35
-
36
- .tooltipDarkMode .arrow svg {
37
- fill: var(--color-text-dark);
38
- }
package/lib-esm/components/metrics-table-options/metrics-table-options.js CHANGED
@@ -4,7 +4,7 @@ import { Dropdown, DropdownItem } from '../../ui/dropdown';
4
4
  import css from './metrics-table-options.module.css';
5
5
  export const MetricsTableOptions = (props) => {
6
6
  const { onViewAllClick, onResetClick, onExportClick, ...restProps } = props;
7
- return (React.createElement(Dropdown, { glyph: "more-vertical", ...restProps },
7
+ return (React.createElement(Dropdown, { glyph: "more-vertical", placement: "bottom-end", ...restProps },
8
8
  React.createElement("div", { className: css.group },
9
9
  onResetClick && React.createElement(DropdownItem, { onClick: onResetClick }, I18N.RESET_FILTERS),
10
10
  onViewAllClick && React.createElement(DropdownItem, { onClick: onViewAllClick }, I18N.VIEW_ALL)),
package/lib-esm/components/metrics-table-options/metrics-table-options.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,GAAG,MAAM,oCAAoC,CAAC;AAQrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,KAAK,SAAS;QAC3C,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACtB,YAAY,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,IAAG,IAAI,CAAC,aAAa,CAAgB;YACxF,cAAc,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,cAAc,IAAG,IAAI,CAAC,QAAQ,CAAgB,CACpF;QACN,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,IACtB,aAAa,IAAI,CAChB;YACE,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,UAAU,CAAgB;YACnF,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAG,IAAI,CAAC,WAAW,CAAgB,CACpF,CACJ,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,GAAG,MAAM,oCAAoC,CAAC;AAQrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAC,YAAY,KAAK,SAAS;QAClE,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK;YACtB,YAAY,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY,IAAG,IAAI,CAAC,aAAa,CAAgB;YACxF,cAAc,IAAI,oBAAC,YAAY,IAAC,OAAO,EAAE,cAAc,IAAG,IAAI,CAAC,QAAQ,CAAgB,CACpF;QACN,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,IACtB,aAAa,IAAI,CAChB;YACE,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,UAAU,CAAgB;YACnF,oBAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,IAAG,IAAI,CAAC,WAAW,CAAgB,CACpF,CACJ,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC"}
package/lib-esm/ui/dropdown/dropdown.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  position: absolute;
11
11
  left: 0;
12
12
  top: 100%;
13
- border-radius: var(--radius-medium);
13
+ border-radius: var(--radius-small);
14
14
  box-shadow: var(--shadow-layer);
15
15
  background: var(--color-background);
16
16
  min-width: 12em;
package/lib-esm/ui/tooltip/tooltip.js CHANGED
@@ -4,11 +4,11 @@ import { Tooltip as UITooltip, TooltipAnchor as UITooltipAnchor, TooltipArrow as
4
4
  import css from './tooltip.module.css';
5
5
  export const Tooltip = (props) => {
6
6
  var _a;
7
- const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
7
+ const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, ...restProps } = props;
8
8
  const tooltip = useTooltipState({ placement: 'top', timeout: 300 });
9
9
  return (React.createElement(React.Fragment, null,
10
10
  React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, "aria-controls": tooltip.open ? (_a = tooltip.contentElement) === null || _a === void 0 ? void 0 : _a.id : '', ...(ref ? { ref } : {}), ...restProps }),
11
- title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode) },
11
+ title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName) },
12
12
  React.createElement(UITooltipArrow, { state: tooltip, className: css.arrow, size: 12 }),
13
13
  title))));
14
14
  };
package/lib-esm/ui/tooltip/tooltip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAWvC,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,cAAc,0CAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,oBAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC;YAE7E,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAUvC,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,cAAc,0CAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC;YACrE,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
package/lib-esm/ui/tooltip/tooltip.module.css CHANGED
@@ -27,12 +27,3 @@
27
27
  display: block;
28
28
  fill: var(--color-light);
29
29
  }
30
-
31
- .tooltipDarkMode {
32
- background: var(--color-text-dark);
33
- color: var(--color-light);
34
- }
35
-
36
- .tooltipDarkMode .arrow svg {
37
- fill: var(--color-text-dark);
38
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.19.0-beta.4",
3
+ "version": "4.19.1-alpha.0",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -74,7 +74,7 @@
74
74
  "react-router-dom": "^5.0.0"
75
75
  },
76
76
  "dependencies": {
77
- "@bundle-stats/utils": "4.19.0-beta.4",
77
+ "@bundle-stats/utils": "4.19.1-alpha.0",
78
78
  "ariakit": "2.0.0-next.44",
79
79
  "d3": "7.9.0",
80
80
  "modern-css-reset": "1.4.0",
@@ -82,5 +82,5 @@
82
82
  "snarkdown": "2.0.0",
83
83
  "use-query-params": "2.2.1"
84
84
  },
85
- "gitHead": "4bdc9eab17407cf64f9c036b311e0f997014491e"
85
+ "gitHead": "059a194d975b6fb6c82d1d58f306f95d4750e537"
86
86
  }
package/src/components/metrics-table-options/metrics-table-options.tsx CHANGED
@@ -15,7 +15,7 @@ export const MetricsTableOptions = (props: MetricsTableOptionsProps) => {
15
15
  const { onViewAllClick, onResetClick, onExportClick, ...restProps } = props;
16
16
 
17
17
  return (
18
- <Dropdown glyph="more-vertical" {...restProps}>
18
+ <Dropdown glyph="more-vertical" placement="bottom-end" {...restProps}>
19
19
  <div className={css.group}>
20
20
  {onResetClick && <DropdownItem onClick={onResetClick}>{I18N.RESET_FILTERS}</DropdownItem>}
21
21
  {onViewAllClick && <DropdownItem onClick={onViewAllClick}>{I18N.VIEW_ALL}</DropdownItem>}
package/src/ui/dropdown/dropdown.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  position: absolute;
11
11
  left: 0;
12
12
  top: 100%;
13
- border-radius: var(--radius-medium);
13
+ border-radius: var(--radius-small);
14
14
  box-shadow: var(--shadow-layer);
15
15
  background: var(--color-background);
16
16
  min-width: 12em;
package/src/ui/tooltip/tooltip.module.css CHANGED
@@ -27,12 +27,3 @@
27
27
  display: block;
28
28
  fill: var(--color-light);
29
29
  }
30
-
31
- .tooltipDarkMode {
32
- background: var(--color-text-dark);
33
- color: var(--color-light);
34
- }
35
-
36
- .tooltipDarkMode .arrow svg {
37
- fill: var(--color-text-dark);
38
- }
package/src/ui/tooltip/tooltip.stories.tsx CHANGED
@@ -28,12 +28,6 @@ export const LongTitle: Story = {
28
28
  },
29
29
  };
30
30
 
31
- export const DarkModeFalse: Story = {
32
- args: {
33
- darkMode: false,
34
- },
35
- };
36
-
37
31
  export const CustomTooltip: Story = {
38
32
  args: {
39
33
  tooltipClassName: css.customTooltip,
package/src/ui/tooltip/tooltip.tsx CHANGED
@@ -15,7 +15,6 @@ interface TooltipProps<T extends React.ElementType> {
15
15
  title?: React.ReactNode;
16
16
  as?: T;
17
17
  containerRef?: React.RefObject<HTMLElement>;
18
- darkMode?: boolean;
19
18
  }
20
19
 
21
20
  export const Tooltip = <T extends React.ElementType = 'span'>(
@@ -27,7 +26,6 @@ export const Tooltip = <T extends React.ElementType = 'span'>(
27
26
  title = '',
28
27
  as: Component = 'span',
29
28
  containerRef: ref,
30
- darkMode = true,
31
29
  ...restProps
32
30
  } = props;
33
31
 
@@ -44,10 +42,7 @@ export const Tooltip = <T extends React.ElementType = 'span'>(
44
42
  {...restProps}
45
43
  />
46
44
  {title && (
47
- <UITooltip
48
- state={tooltip}
49
- className={cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode)}
50
- >
45
+ <UITooltip state={tooltip} className={cx(css.tooltip, tooltipClassName)}>
51
46
  <UITooltipArrow state={tooltip} className={css.arrow} size={12} />
52
47
  {title}
53
48
  </UITooltip>
package/types/ui/tooltip/tooltip.d.ts CHANGED
@@ -5,7 +5,6 @@ interface TooltipProps<T extends React.ElementType> {
5
5
  title?: React.ReactNode;
6
6
  as?: T;
7
7
  containerRef?: React.RefObject<HTMLElement>;
8
- darkMode?: boolean;
9
8
  }
10
9
  export declare const Tooltip: <T extends React.ElementType = "span">(props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>) => React.JSX.Element;
11
10
  export {};