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

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 (35) hide show
  1. package/lib/components/metric/metric.module.css +1 -0
  2. package/lib/components/run-info/run-info.js +3 -3
  3. package/lib/components/run-info/run-info.js.map +1 -1
  4. package/lib/components/run-info/run-info.module.css +2 -2
  5. package/lib/css/variables.css +2 -4
  6. package/lib/layout/box/box.module.css +1 -1
  7. package/lib/ui/button/button.module.css +0 -2
  8. package/lib/ui/input/input.module.css +1 -1
  9. package/lib/ui/input-search/input-search.js +1 -1
  10. package/lib/ui/input-search/input-search.js.map +1 -1
  11. package/lib/ui/textarea/textarea.module.css +0 -1
  12. package/lib/ui/tooltip/tooltip.module.css +4 -4
  13. package/lib-esm/components/metric/metric.module.css +1 -0
  14. package/lib-esm/components/run-info/run-info.js +3 -3
  15. package/lib-esm/components/run-info/run-info.js.map +1 -1
  16. package/lib-esm/components/run-info/run-info.module.css +2 -2
  17. package/lib-esm/css/variables.css +2 -4
  18. package/lib-esm/layout/box/box.module.css +1 -1
  19. package/lib-esm/ui/button/button.module.css +0 -2
  20. package/lib-esm/ui/input/input.module.css +1 -1
  21. package/lib-esm/ui/input-search/input-search.js +1 -1
  22. package/lib-esm/ui/input-search/input-search.js.map +1 -1
  23. package/lib-esm/ui/textarea/textarea.module.css +0 -1
  24. package/lib-esm/ui/tooltip/tooltip.module.css +4 -4
  25. package/package.json +7 -7
  26. package/src/components/metric/metric.module.css +1 -0
  27. package/src/components/run-info/run-info.module.css +2 -2
  28. package/src/components/run-info/run-info.tsx +3 -3
  29. package/src/css/variables.css +2 -4
  30. package/src/layout/box/box.module.css +1 -1
  31. package/src/ui/button/button.module.css +0 -2
  32. package/src/ui/input/input.module.css +1 -1
  33. package/src/ui/input-search/input-search.tsx +2 -0
  34. package/src/ui/textarea/textarea.module.css +0 -1
  35. package/src/ui/tooltip/tooltip.module.css +4 -4
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/run-info/run-info.js CHANGED
@@ -70,12 +70,12 @@ 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 },
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) }),
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
+ react_1.default.createElement(skeleton_1.Skeleton, { 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
  };
81
81
  exports.RunInfo = RunInfo;
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,18 +43,19 @@
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);
48
46
  }
49
47
 
50
48
  /* Loading state */
51
49
  .loading.currentMetric {
52
50
  min-width: 0;
53
51
  max-width: 8em;
52
+ height: 1em;
54
53
  }
55
54
 
56
55
  .loading.baselineMetric {
57
56
  min-width: 0;
58
57
  max-width: 8em;
58
+ height: 1em;
59
59
  }
60
60
 
61
61
  /* Hover 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/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/input-search/input-search.js CHANGED
@@ -66,7 +66,7 @@ const InputSearch = (props) => {
66
66
  changeValue('');
67
67
  }, [changeValue]);
68
68
  return (react_1.default.createElement("div", { className: rootClassname },
69
- react_1.default.createElement(input_1.Input, { className: input_search_module_css_1.default.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off" }),
69
+ react_1.default.createElement(input_1.Input, { className: input_search_module_css_1.default.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off" }),
70
70
  value && (react_1.default.createElement(button_1.Button, { size: "small", radius: "circle", glyph: icon_1.Icon.ICONS.CANCEL, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: input_search_module_css_1.default.cancelButton }))));
71
71
  };
72
72
  exports.InputSearch = InputSearch;
package/lib/ui/input-search/input-search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAA4B;AAC5B,+DAAuC;AACvC,uDAA+B;AAE/B,sCAAmC;AACnC,kCAA+B;AAC/B,oCAAiC;AAEjC,wFAA4C;AASrC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,cAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAGjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,GAClB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,WAAW,eAiEtB"}
1
+ {"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAA4B;AAC5B,+DAAuC;AACvC,uDAA+B;AAE/B,sCAAmC;AACnC,kCAA+B;AAC/B,oCAAiC;AAEjC,wFAA4C;AASrC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,cAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAGjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,GACpB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,WAAW,eAmEtB"}
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.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-background);
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,5 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
28
+ fill: var(--color-highlight);
29
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/run-info/run-info.js CHANGED
@@ -31,12 +31,12 @@ 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 },
39
- React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
38
+ showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { space: "xxxsmall", className: css.info },
39
+ React.createElement(Skeleton, { className: cx(css.currentMetric, css.loading) }),
40
40
  showBaseline && React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
41
41
  };
42
42
  //# sourceMappingURL=run-info.js.map
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":"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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-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,18 +43,19 @@
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);
48
46
  }
49
47
 
50
48
  /* Loading state */
51
49
  .loading.currentMetric {
52
50
  min-width: 0;
53
51
  max-width: 8em;
52
+ height: 1em;
54
53
  }
55
54
 
56
55
  .loading.baselineMetric {
57
56
  min-width: 0;
58
57
  max-width: 8em;
58
+ height: 1em;
59
59
  }
60
60
 
61
61
  /* Hover 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/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/input-search/input-search.js CHANGED
@@ -27,7 +27,7 @@ export const InputSearch = (props) => {
27
27
  changeValue('');
28
28
  }, [changeValue]);
29
29
  return (React.createElement("div", { className: rootClassname },
30
- React.createElement(Input, { className: css.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off" }),
30
+ React.createElement(Input, { className: css.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off" }),
31
31
  value && (React.createElement(Button, { size: "small", radius: "circle", glyph: Icon.ICONS.CANCEL, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: css.cancelButton }))));
32
32
  };
33
33
  //# sourceMappingURL=input-search.js.map
package/lib-esm/ui/input-search/input-search.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAGjD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa;QAC3B,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,GAClB;QACD,KAAK,IAAI,CACR,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,GAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,IAAI,MAAM,aAAa,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAS5C,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAGjD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa;QAC3B,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,GACpB;QACD,KAAK,IAAI,CACR,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,GAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
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.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-background);
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,5 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
28
+ fill: var(--color-highlight);
29
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.19.1-alpha.0",
3
+ "version": "4.19.1-beta.1",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -39,10 +39,10 @@
39
39
  "@babel/preset-env": "7.26.9",
40
40
  "@babel/preset-react": "7.26.3",
41
41
  "@babel/preset-typescript": "7.26.0",
42
- "@storybook/addon-essentials": "8.6.4",
42
+ "@storybook/addon-essentials": "8.6.7",
43
43
  "@storybook/addon-webpack5-compiler-babel": "3.0.5",
44
- "@storybook/react": "8.6.4",
45
- "@storybook/react-webpack5": "8.6.4",
44
+ "@storybook/react": "8.6.7",
45
+ "@storybook/react-webpack5": "8.6.7",
46
46
  "@types/d3": "7.4.3",
47
47
  "@types/react": "18.3.13",
48
48
  "@types/react-router-dom": "5.3.3",
@@ -61,7 +61,7 @@
61
61
  "react-dom": "18.3.1",
62
62
  "react-router-dom": "5.3.4",
63
63
  "rimraf": "6.0.1",
64
- "storybook": "8.6.4",
64
+ "storybook": "8.6.7",
65
65
  "typescript": "5.8.2",
66
66
  "typescript-plugin-css-modules": "5.1.0"
67
67
  },
@@ -74,7 +74,7 @@
74
74
  "react-router-dom": "^5.0.0"
75
75
  },
76
76
  "dependencies": {
77
- "@bundle-stats/utils": "4.19.1-alpha.0",
77
+ "@bundle-stats/utils": "4.19.1-beta.1",
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": "059a194d975b6fb6c82d1d58f306f95d4750e537"
85
+ "gitHead": "564bbd00a3cb92e3faeb9f3f0bd02716e901c074"
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/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,18 +43,19 @@
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);
48
46
  }
49
47
 
50
48
  /* Loading state */
51
49
  .loading.currentMetric {
52
50
  min-width: 0;
53
51
  max-width: 8em;
52
+ height: 1em;
54
53
  }
55
54
 
56
55
  .loading.baselineMetric {
57
56
  min-width: 0;
58
57
  max-width: 8em;
58
+ height: 1em;
59
59
  }
60
60
 
61
61
  /* Hover 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,8 +121,8 @@ export const RunInfo = ({
121
121
  {showBaseline && <Metric className={css.baselineMetric} value={baseline} />}
122
122
  </Stack>
123
123
  ) : (
124
- <Stack className={css.info}>
125
- <Skeleton as="p" className={cx(css.currentMetric, css.loading)} />
124
+ <Stack space="xxxsmall" className={css.info}>
125
+ <Skeleton className={cx(css.currentMetric, css.loading)} />
126
126
  {showBaseline && <Skeleton as="p" className={cx(css.baselineMetric, css.loading)} />}
127
127
  </Stack>
128
128
  )}
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/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/input-search/input-search.tsx CHANGED
@@ -67,6 +67,8 @@ export const InputSearch = (
67
67
  value={value}
68
68
  size="small"
69
69
  autoComplete="off"
70
+ autoCorrect="off"
71
+ autoCapitalize="off"
70
72
  />
71
73
  {value && (
72
74
  <Button
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-background);
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,5 +25,5 @@
25
25
 
26
26
  .arrow svg {
27
27
  display: block;
28
- fill: var(--color-light);
28
+ fill: var(--color-highlight);
29
29
  }