@bundle-stats/ui 4.19.1-alpha.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 (30) hide show
  1. package/lib/components/metric/metric.module.css +1 -0
  2. package/lib/components/run-info/run-info.js +2 -2
  3. package/lib/components/run-info/run-info.js.map +1 -1
  4. package/lib/components/run-info/run-info.module.css +1 -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/textarea/textarea.module.css +0 -1
  10. package/lib/ui/tooltip/tooltip.module.css +4 -4
  11. package/lib-esm/components/metric/metric.module.css +1 -0
  12. package/lib-esm/components/run-info/run-info.js +2 -2
  13. package/lib-esm/components/run-info/run-info.js.map +1 -1
  14. package/lib-esm/components/run-info/run-info.module.css +1 -2
  15. package/lib-esm/css/variables.css +2 -4
  16. package/lib-esm/layout/box/box.module.css +1 -1
  17. package/lib-esm/ui/button/button.module.css +0 -2
  18. package/lib-esm/ui/input/input.module.css +1 -1
  19. package/lib-esm/ui/textarea/textarea.module.css +0 -1
  20. package/lib-esm/ui/tooltip/tooltip.module.css +4 -4
  21. package/package.json +3 -3
  22. package/src/components/metric/metric.module.css +1 -0
  23. package/src/components/run-info/run-info.module.css +1 -2
  24. package/src/components/run-info/run-info.tsx +2 -2
  25. package/src/css/variables.css +2 -4
  26. package/src/layout/box/box.module.css +1 -1
  27. package/src/ui/button/button.module.css +0 -2
  28. package/src/ui/input/input.module.css +1 -1
  29. package/src/ui/textarea/textarea.module.css +0 -1
  30. 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,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/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.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,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,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":"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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,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/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.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,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.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.1-alpha.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": "059a194d975b6fb6c82d1d58f306f95d4750e537"
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/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/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,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
  }