@bundle-stats/ui 4.19.0 → 4.19.1-beta.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 (45) hide show
  1. package/lib/components/metric/metric.module.css +1 -0
  2. package/lib/components/metrics-table-options/metrics-table-options.js +1 -1
  3. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  4. package/lib/components/run-info/run-info.js +2 -2
  5. package/lib/components/run-info/run-info.js.map +1 -1
  6. package/lib/components/run-info/run-info.module.css +1 -2
  7. package/lib/css/variables.css +2 -4
  8. package/lib/layout/box/box.module.css +1 -1
  9. package/lib/ui/button/button.module.css +0 -2
  10. package/lib/ui/dropdown/dropdown.module.css +1 -1
  11. package/lib/ui/input/input.module.css +1 -1
  12. package/lib/ui/textarea/textarea.module.css +0 -1
  13. package/lib/ui/tooltip/tooltip.js +2 -2
  14. package/lib/ui/tooltip/tooltip.js.map +1 -1
  15. package/lib/ui/tooltip/tooltip.module.css +4 -13
  16. package/lib-esm/components/metric/metric.module.css +1 -0
  17. package/lib-esm/components/metrics-table-options/metrics-table-options.js +1 -1
  18. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  19. package/lib-esm/components/run-info/run-info.js +2 -2
  20. package/lib-esm/components/run-info/run-info.js.map +1 -1
  21. package/lib-esm/components/run-info/run-info.module.css +1 -2
  22. package/lib-esm/css/variables.css +2 -4
  23. package/lib-esm/layout/box/box.module.css +1 -1
  24. package/lib-esm/ui/button/button.module.css +0 -2
  25. package/lib-esm/ui/dropdown/dropdown.module.css +1 -1
  26. package/lib-esm/ui/input/input.module.css +1 -1
  27. package/lib-esm/ui/textarea/textarea.module.css +0 -1
  28. package/lib-esm/ui/tooltip/tooltip.js +2 -2
  29. package/lib-esm/ui/tooltip/tooltip.js.map +1 -1
  30. package/lib-esm/ui/tooltip/tooltip.module.css +4 -13
  31. package/package.json +3 -3
  32. package/src/components/metric/metric.module.css +1 -0
  33. package/src/components/metrics-table-options/metrics-table-options.tsx +1 -1
  34. package/src/components/run-info/run-info.module.css +1 -2
  35. package/src/components/run-info/run-info.tsx +2 -2
  36. package/src/css/variables.css +2 -4
  37. package/src/layout/box/box.module.css +1 -1
  38. package/src/ui/button/button.module.css +0 -2
  39. package/src/ui/dropdown/dropdown.module.css +1 -1
  40. package/src/ui/input/input.module.css +1 -1
  41. package/src/ui/textarea/textarea.module.css +0 -1
  42. package/src/ui/tooltip/tooltip.module.css +4 -13
  43. package/src/ui/tooltip/tooltip.stories.tsx +0 -6
  44. package/src/ui/tooltip/tooltip.tsx +1 -6
  45. package/types/ui/tooltip/tooltip.d.ts +0 -1
package/lib/components/metric/metric.module.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .root {
2
2
  font-family: var(--font-family-fixed);
3
+ line-height: 1;
3
4
  }
4
5
 
5
6
  .displayUnit {
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/components/run-info/run-info.js CHANGED
@@ -70,11 +70,11 @@ const RunInfo = ({ className = '', title = null, titleHoverCard = null, titleToo
70
70
  titleHoverCard && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: (0, classnames_1.default)(run_info_module_css_1.default.titleIcon, run_info_module_css_1.default.titleHoverCardIcon) }, titleHoverCard)),
71
71
  titleTooltip && (react_1.default.createElement(tooltip_1.Tooltip, { title: titleTooltip, className: (0, classnames_1.default)(run_info_module_css_1.default.titleIcon, run_info_module_css_1.default.titleTooltipIcon) },
72
72
  react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
73
- !loading ? (react_1.default.createElement(stack_1.Stack, { className: run_info_module_css_1.default.info },
73
+ !loading ? (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: run_info_module_css_1.default.info },
74
74
  react_1.default.createElement(metric_1.Metric, { value: currentValueParams[0], unit: currentValueParams[1], inline: true, className: run_info_module_css_1.default.currentMetric }, (delta || deltaPercentage) && (react_1.default.createElement("span", { className: run_info_module_css_1.default.delta },
75
75
  deltaPercentage && (react_1.default.createElement(delta_1.Delta, { displayValue: deltaPercentage, deltaType: deltaType, className: run_info_module_css_1.default.deltaValue })),
76
76
  delta && (react_1.default.createElement(delta_1.Delta, { displayValue: delta, deltaType: deltaType, className: run_info_module_css_1.default.deltaValue }))))),
77
- showBaseline && react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.baselineMetric, value: baseline }))) : (react_1.default.createElement(stack_1.Stack, { className: run_info_module_css_1.default.info },
77
+ showBaseline && react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.baselineMetric, value: baseline }))) : (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: run_info_module_css_1.default.info },
78
78
  react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(run_info_module_css_1.default.currentMetric, run_info_module_css_1.default.loading) }),
79
79
  showBaseline && react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(run_info_module_css_1.default.baselineMetric, run_info_module_css_1.default.loading) })))));
80
80
  };
package/lib/components/run-info/run-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
package/lib/components/run-info/run-info.module.css CHANGED
@@ -25,7 +25,6 @@
25
25
 
26
26
  .currentMetric {
27
27
  color: var(--color-heading);
28
- line-height: var(--line-height-heading);
29
28
  white-space: nowrap;
30
29
  font-weight: bold;
31
30
  }
@@ -44,7 +43,7 @@
44
43
  .baselineMetric {
45
44
  color: var(--color-text-ultra-light);
46
45
  font-size: var(--size-small);
47
- line-height: var(--line-height-heading);
46
+ line-height: 1;
48
47
  }
49
48
 
50
49
  /* Loading state */
package/lib/css/variables.css CHANGED
@@ -33,9 +33,9 @@
33
33
  * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23ebc013&mcgpalette3=%232a2933&mcgpalette4=%23287acc&themename=bundle-stats
34
34
  * https://hihayk.github.io/scale/#4/5/50/90/-51/0/0/14/353138/53/49/56/white
35
35
  */
36
- --color-gray-25: #f9f9fa;
36
+ --color-gray-25: #f9f9f9;
37
37
  --color-gray-50: #e5e5e7;
38
- --color-gray-100: #bfbfc2;
38
+ --color-gray-100: #d2d2d4;
39
39
  --color-gray-200: #959499;
40
40
  --color-gray-300: #6a6970;
41
41
  --color-gray-400: #4a4952;
@@ -199,8 +199,6 @@
199
199
  --radius-medium: 7px;
200
200
  --radius-large: 9px;
201
201
 
202
- --outline-hover: 0 0 0 var(--space-xxxsmall) var(--color-highlight);
203
-
204
202
  --skeleton-inline-background: linear-gradient(transparent 10%, currentColor 10.1%, currentColor 89.9%, transparent 90%);
205
203
  --skeleton-block-background: currentColor;
206
204
  --skeleton-opacity: 0.06;
package/lib/layout/box/box.module.css CHANGED
@@ -24,7 +24,7 @@
24
24
  .outlineHover:focus,
25
25
  .outlineHover:active,
26
26
  .outlineHover:hover {
27
- box-shadow: var(--outline-hover);
27
+ border-color: var(--color-outline-dark);
28
28
  transition: var(--transition-in);
29
29
  }
30
30
 
package/lib/ui/button/button.module.css CHANGED
@@ -113,7 +113,6 @@ a.root {
113
113
  .solid:hover,
114
114
  .solid:active,
115
115
  .solid:focus {
116
- box-shadow: var(--outline-hover);
117
116
  background: var(--color-text-light);
118
117
  color: var(--color-background);
119
118
  }
@@ -228,7 +227,6 @@ a.root {
228
227
  .outline:hover,
229
228
  .outline:active,
230
229
  .outline:focus {
231
- box-shadow: var(--outline-hover);
232
230
  border-color: var(--color-outline-dark);
233
231
  }
234
232
 
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/input/input.module.css CHANGED
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  .root:focus {
28
- box-shadow: var(--outline-hover);
28
+ border-color: var(--color-outline-dark);
29
29
  color: inherit;
30
30
  transition: var(--transition-out);
31
31
  }
package/lib/ui/textarea/textarea.module.css CHANGED
@@ -26,7 +26,6 @@
26
26
  }
27
27
 
28
28
  .root:focus {
29
- box-shadow: var(--outline-hover);
30
29
  border-color: var(--color-outline-dark);
31
30
  color: inherit;
32
31
  transition: var(--transition-out);
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
@@ -14,10 +14,10 @@
14
14
  z-index: var(--layer-xxhigh);
15
15
  padding: var(--space-xxxsmall) var(--space-xxsmall);
16
16
  border-radius: var(--radius-small);
17
- background: var(--color-light);
17
+ background: var(--color-highlight);
18
18
  max-width: 28em;
19
- color: var(--color-text);
20
- font-size: var(--size-xsmall);
19
+ color: var(--color-text-light);
20
+ font-size: var(--size-small);
21
21
  text-align: center;
22
22
  filter: drop-shadow(var(--shadow-layer));
23
23
  will-change: filter;
@@ -25,14 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
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);
28
+ fill: var(--color-highlight);
38
29
  }
package/lib-esm/components/metric/metric.module.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .root {
2
2
  font-family: var(--font-family-fixed);
3
+ line-height: 1;
3
4
  }
4
5
 
5
6
  .displayUnit {
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/components/run-info/run-info.js CHANGED
@@ -31,11 +31,11 @@ export const RunInfo = ({ className = '', title = null, titleHoverCard = null, t
31
31
  titleHoverCard && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: cx(css.titleIcon, css.titleHoverCardIcon) }, titleHoverCard)),
32
32
  titleTooltip && (React.createElement(Tooltip, { title: titleTooltip, className: cx(css.titleIcon, css.titleTooltipIcon) },
33
33
  React.createElement(Icon, { glyph: Icon.ICONS.HELP }))))),
34
- !loading ? (React.createElement(Stack, { className: css.info },
34
+ !loading ? (React.createElement(Stack, { space: "xxxsmall", className: css.info },
35
35
  React.createElement(Metric, { value: currentValueParams[0], unit: currentValueParams[1], inline: true, className: css.currentMetric }, (delta || deltaPercentage) && (React.createElement("span", { className: css.delta },
36
36
  deltaPercentage && (React.createElement(Delta, { displayValue: deltaPercentage, deltaType: deltaType, className: css.deltaValue })),
37
37
  delta && (React.createElement(Delta, { displayValue: delta, deltaType: deltaType, className: css.deltaValue }))))),
38
- showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { className: css.info },
38
+ showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { space: "xxxsmall", className: css.info },
39
39
  React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
40
40
  showBaseline && React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
41
41
  };
package/lib-esm/components/run-info/run-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAGxC,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAE3D,MAAM,eAAe,GAAG,CAAC,KAAa,EAAqB,EAAE;IAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAExD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAoBF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,IAAI,EACZ,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,GAAG,SAAS,EAC8C,EAAE,EAAE;IAC9D,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,SAAS,EACT,GAAG,CAAC,IAAI,CAAC,EACT,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,SAAS,CAC5C,CAAC;IAEF,MAAM,kBAAkB,GAAyB,OAAO,CAAC,GAAG,EAAE;QAC5D,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC5C,OAAO,CAAC,OAAO,CAAC,CAAC;QACnB,CAAC;QAED,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS;QAC/C,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,KAAK;YAC1E,8BAAM,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,KAAK,CAAQ;YAC7C,cAAc,IAAI,CACjB,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EACvC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,kBAAkB,CAAC,IAEnD,cAAc,CACL,CACb;YACA,YAAY,IAAI,CACf,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,gBAAgB,CAAC;gBAC9E,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CACxB,CACX,CACS,CACb;QAEA,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI;YACxB,oBAAC,MAAM,IACL,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC5B,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC3B,MAAM,QACN,SAAS,EAAE,GAAG,CAAC,aAAa,IAE3B,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,CAC7B,8BAAM,SAAS,EAAE,GAAG,CAAC,KAAK;gBACvB,eAAe,IAAI,CAClB,oBAAC,KAAK,IACJ,YAAY,EAAE,eAAe,EAC7B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,GAAG,CAAC,UAAU,GACzB,CACH;gBACA,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,GAAI,CAChF,CACI,CACR,CACM;YACR,YAAY,IAAI,oBAAC,MAAM,IAAC,SAAS,EAAE,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,GAAI,CACrE,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI;YACxB,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI;YACjE,YAAY,IAAI,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI,CAC9E,CACT,CACS,CACb,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
package/lib-esm/components/run-info/run-info.module.css CHANGED
@@ -25,7 +25,6 @@
25
25
 
26
26
  .currentMetric {
27
27
  color: var(--color-heading);
28
- line-height: var(--line-height-heading);
29
28
  white-space: nowrap;
30
29
  font-weight: bold;
31
30
  }
@@ -44,7 +43,7 @@
44
43
  .baselineMetric {
45
44
  color: var(--color-text-ultra-light);
46
45
  font-size: var(--size-small);
47
- line-height: var(--line-height-heading);
46
+ line-height: 1;
48
47
  }
49
48
 
50
49
  /* Loading state */
package/lib-esm/css/variables.css CHANGED
@@ -33,9 +33,9 @@
33
33
  * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23ebc013&mcgpalette3=%232a2933&mcgpalette4=%23287acc&themename=bundle-stats
34
34
  * https://hihayk.github.io/scale/#4/5/50/90/-51/0/0/14/353138/53/49/56/white
35
35
  */
36
- --color-gray-25: #f9f9fa;
36
+ --color-gray-25: #f9f9f9;
37
37
  --color-gray-50: #e5e5e7;
38
- --color-gray-100: #bfbfc2;
38
+ --color-gray-100: #d2d2d4;
39
39
  --color-gray-200: #959499;
40
40
  --color-gray-300: #6a6970;
41
41
  --color-gray-400: #4a4952;
@@ -199,8 +199,6 @@
199
199
  --radius-medium: 7px;
200
200
  --radius-large: 9px;
201
201
 
202
- --outline-hover: 0 0 0 var(--space-xxxsmall) var(--color-highlight);
203
-
204
202
  --skeleton-inline-background: linear-gradient(transparent 10%, currentColor 10.1%, currentColor 89.9%, transparent 90%);
205
203
  --skeleton-block-background: currentColor;
206
204
  --skeleton-opacity: 0.06;
package/lib-esm/layout/box/box.module.css CHANGED
@@ -24,7 +24,7 @@
24
24
  .outlineHover:focus,
25
25
  .outlineHover:active,
26
26
  .outlineHover:hover {
27
- box-shadow: var(--outline-hover);
27
+ border-color: var(--color-outline-dark);
28
28
  transition: var(--transition-in);
29
29
  }
30
30
 
package/lib-esm/ui/button/button.module.css CHANGED
@@ -113,7 +113,6 @@ a.root {
113
113
  .solid:hover,
114
114
  .solid:active,
115
115
  .solid:focus {
116
- box-shadow: var(--outline-hover);
117
116
  background: var(--color-text-light);
118
117
  color: var(--color-background);
119
118
  }
@@ -228,7 +227,6 @@ a.root {
228
227
  .outline:hover,
229
228
  .outline:active,
230
229
  .outline:focus {
231
- box-shadow: var(--outline-hover);
232
230
  border-color: var(--color-outline-dark);
233
231
  }
234
232
 
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/input/input.module.css CHANGED
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  .root:focus {
28
- box-shadow: var(--outline-hover);
28
+ border-color: var(--color-outline-dark);
29
29
  color: inherit;
30
30
  transition: var(--transition-out);
31
31
  }
package/lib-esm/ui/textarea/textarea.module.css CHANGED
@@ -26,7 +26,6 @@
26
26
  }
27
27
 
28
28
  .root:focus {
29
- box-shadow: var(--outline-hover);
30
29
  border-color: var(--color-outline-dark);
31
30
  color: inherit;
32
31
  transition: var(--transition-out);
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
@@ -14,10 +14,10 @@
14
14
  z-index: var(--layer-xxhigh);
15
15
  padding: var(--space-xxxsmall) var(--space-xxsmall);
16
16
  border-radius: var(--radius-small);
17
- background: var(--color-light);
17
+ background: var(--color-highlight);
18
18
  max-width: 28em;
19
- color: var(--color-text);
20
- font-size: var(--size-xsmall);
19
+ color: var(--color-text-light);
20
+ font-size: var(--size-small);
21
21
  text-align: center;
22
22
  filter: drop-shadow(var(--shadow-layer));
23
23
  will-change: filter;
@@ -25,14 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
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);
28
+ fill: var(--color-highlight);
38
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.19.0",
3
+ "version": "4.19.1-beta.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",
77
+ "@bundle-stats/utils": "4.19.1-beta.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": "76fb8805ad3e844041d9b0a007c857001b8167ac"
85
+ "gitHead": "cb7ea4d55a879f976d0368e4424cdaff5e955c05"
86
86
  }
package/src/components/metric/metric.module.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .root {
2
2
  font-family: var(--font-family-fixed);
3
+ line-height: 1;
3
4
  }
4
5
 
5
6
  .displayUnit {
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/components/run-info/run-info.module.css CHANGED
@@ -25,7 +25,6 @@
25
25
 
26
26
  .currentMetric {
27
27
  color: var(--color-heading);
28
- line-height: var(--line-height-heading);
29
28
  white-space: nowrap;
30
29
  font-weight: bold;
31
30
  }
@@ -44,7 +43,7 @@
44
43
  .baselineMetric {
45
44
  color: var(--color-text-ultra-light);
46
45
  font-size: var(--size-small);
47
- line-height: var(--line-height-heading);
46
+ line-height: 1;
48
47
  }
49
48
 
50
49
  /* Loading state */
package/src/components/run-info/run-info.tsx CHANGED
@@ -96,7 +96,7 @@ export const RunInfo = ({
96
96
  )}
97
97
 
98
98
  {!loading ? (
99
- <Stack className={css.info}>
99
+ <Stack space="xxxsmall" className={css.info}>
100
100
  <Metric
101
101
  value={currentValueParams[0]}
102
102
  unit={currentValueParams[1]}
@@ -121,7 +121,7 @@ export const RunInfo = ({
121
121
  {showBaseline && <Metric className={css.baselineMetric} value={baseline} />}
122
122
  </Stack>
123
123
  ) : (
124
- <Stack className={css.info}>
124
+ <Stack space="xxxsmall" className={css.info}>
125
125
  <Skeleton as="p" className={cx(css.currentMetric, css.loading)} />
126
126
  {showBaseline && <Skeleton as="p" className={cx(css.baselineMetric, css.loading)} />}
127
127
  </Stack>
package/src/css/variables.css CHANGED
@@ -33,9 +33,9 @@
33
33
  * http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23ebc013&mcgpalette3=%232a2933&mcgpalette4=%23287acc&themename=bundle-stats
34
34
  * https://hihayk.github.io/scale/#4/5/50/90/-51/0/0/14/353138/53/49/56/white
35
35
  */
36
- --color-gray-25: #f9f9fa;
36
+ --color-gray-25: #f9f9f9;
37
37
  --color-gray-50: #e5e5e7;
38
- --color-gray-100: #bfbfc2;
38
+ --color-gray-100: #d2d2d4;
39
39
  --color-gray-200: #959499;
40
40
  --color-gray-300: #6a6970;
41
41
  --color-gray-400: #4a4952;
@@ -199,8 +199,6 @@
199
199
  --radius-medium: 7px;
200
200
  --radius-large: 9px;
201
201
 
202
- --outline-hover: 0 0 0 var(--space-xxxsmall) var(--color-highlight);
203
-
204
202
  --skeleton-inline-background: linear-gradient(transparent 10%, currentColor 10.1%, currentColor 89.9%, transparent 90%);
205
203
  --skeleton-block-background: currentColor;
206
204
  --skeleton-opacity: 0.06;
package/src/layout/box/box.module.css CHANGED
@@ -24,7 +24,7 @@
24
24
  .outlineHover:focus,
25
25
  .outlineHover:active,
26
26
  .outlineHover:hover {
27
- box-shadow: var(--outline-hover);
27
+ border-color: var(--color-outline-dark);
28
28
  transition: var(--transition-in);
29
29
  }
30
30
 
package/src/ui/button/button.module.css CHANGED
@@ -113,7 +113,6 @@ a.root {
113
113
  .solid:hover,
114
114
  .solid:active,
115
115
  .solid:focus {
116
- box-shadow: var(--outline-hover);
117
116
  background: var(--color-text-light);
118
117
  color: var(--color-background);
119
118
  }
@@ -228,7 +227,6 @@ a.root {
228
227
  .outline:hover,
229
228
  .outline:active,
230
229
  .outline:focus {
231
- box-shadow: var(--outline-hover);
232
230
  border-color: var(--color-outline-dark);
233
231
  }
234
232
 
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/input/input.module.css CHANGED
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  .root:focus {
28
- box-shadow: var(--outline-hover);
28
+ border-color: var(--color-outline-dark);
29
29
  color: inherit;
30
30
  transition: var(--transition-out);
31
31
  }
package/src/ui/textarea/textarea.module.css CHANGED
@@ -26,7 +26,6 @@
26
26
  }
27
27
 
28
28
  .root:focus {
29
- box-shadow: var(--outline-hover);
30
29
  border-color: var(--color-outline-dark);
31
30
  color: inherit;
32
31
  transition: var(--transition-out);
package/src/ui/tooltip/tooltip.module.css CHANGED
@@ -14,10 +14,10 @@
14
14
  z-index: var(--layer-xxhigh);
15
15
  padding: var(--space-xxxsmall) var(--space-xxsmall);
16
16
  border-radius: var(--radius-small);
17
- background: var(--color-light);
17
+ background: var(--color-highlight);
18
18
  max-width: 28em;
19
- color: var(--color-text);
20
- font-size: var(--size-xsmall);
19
+ color: var(--color-text-light);
20
+ font-size: var(--size-small);
21
21
  text-align: center;
22
22
  filter: drop-shadow(var(--shadow-layer));
23
23
  will-change: filter;
@@ -25,14 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
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);
28
+ fill: var(--color-highlight);
38
29
  }
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 {};