@bundle-stats/ui 4.20.1 → 4.20.2

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 (15) hide show
  1. package/lib/components/run-info/run-info.module.css +5 -6
  2. package/lib/css/variables.css +1 -0
  3. package/lib-esm/components/run-info/run-info.module.css +5 -6
  4. package/lib-esm/css/variables.css +1 -0
  5. package/package.json +6 -7
  6. package/src/components/asset-info/asset-info.stories.tsx +1 -1
  7. package/src/components/bundle-assets/bundle-assets.stories.tsx +1 -1
  8. package/src/components/entry-info/entry-info.stories.tsx +1 -1
  9. package/src/components/metrics-display-selector/metrics-display-selector.stories.tsx +1 -1
  10. package/src/components/metrics-table-options/metrics-table-options.stories.tsx +1 -1
  11. package/src/components/metrics-treemap/metrics-treemap.stories.tsx +1 -1
  12. package/src/components/module-info/module-info.stories.tsx +1 -1
  13. package/src/components/run-info/run-info.module.css +5 -6
  14. package/src/css/variables.css +1 -0
  15. package/src/ui/filters/filters.stories.tsx +1 -1
package/lib/components/run-info/run-info.module.css CHANGED
@@ -3,6 +3,7 @@
3
3
  font-weight: bold;
4
4
  font-size: var(--size-xsmall);
5
5
  text-transform: uppercase;
6
+ letter-spacing: 0.02em;
6
7
  }
7
8
 
8
9
  .titleText {
@@ -27,6 +28,8 @@
27
28
  color: var(--color-heading);
28
29
  white-space: nowrap;
29
30
  font-weight: bold;
31
+ line-height: var(--line-height-number);
32
+ height: var(--line-height-number);
30
33
  }
31
34
 
32
35
  .delta {
@@ -43,19 +46,19 @@
43
46
  .baselineMetric {
44
47
  color: var(--color-text-ultra-light);
45
48
  font-size: var(--size-small);
49
+ line-height: var(--line-height-number);
50
+ height: var(--line-height-number);
46
51
  }
47
52
 
48
53
  /* Loading state */
49
54
  .loading.currentMetric {
50
55
  min-width: 0;
51
56
  max-width: 8em;
52
- height: 1em;
53
57
  }
54
58
 
55
59
  .loading.baselineMetric {
56
60
  min-width: 0;
57
61
  max-width: 8em;
58
- height: 1em;
59
62
  }
60
63
 
61
64
  /* Hover state */
@@ -86,10 +89,6 @@
86
89
  font-size: var(--size-xxxlarge);
87
90
  }
88
91
 
89
- .large .baselineMetric {
90
- font-size: var(--size-small);
91
- }
92
-
93
92
  .xlarge .currentMetric {
94
93
  font-size: var(--size-xxxxlarge);
95
94
  }
package/lib/css/variables.css CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  --line-height: 1.66;
28
28
  --line-height-heading: 1.33;
29
+ --line-height-number: 1.2em;
29
30
 
30
31
  /*
31
32
  * Color scheme:
package/lib-esm/components/run-info/run-info.module.css CHANGED
@@ -3,6 +3,7 @@
3
3
  font-weight: bold;
4
4
  font-size: var(--size-xsmall);
5
5
  text-transform: uppercase;
6
+ letter-spacing: 0.02em;
6
7
  }
7
8
 
8
9
  .titleText {
@@ -27,6 +28,8 @@
27
28
  color: var(--color-heading);
28
29
  white-space: nowrap;
29
30
  font-weight: bold;
31
+ line-height: var(--line-height-number);
32
+ height: var(--line-height-number);
30
33
  }
31
34
 
32
35
  .delta {
@@ -43,19 +46,19 @@
43
46
  .baselineMetric {
44
47
  color: var(--color-text-ultra-light);
45
48
  font-size: var(--size-small);
49
+ line-height: var(--line-height-number);
50
+ height: var(--line-height-number);
46
51
  }
47
52
 
48
53
  /* Loading state */
49
54
  .loading.currentMetric {
50
55
  min-width: 0;
51
56
  max-width: 8em;
52
- height: 1em;
53
57
  }
54
58
 
55
59
  .loading.baselineMetric {
56
60
  min-width: 0;
57
61
  max-width: 8em;
58
- height: 1em;
59
62
  }
60
63
 
61
64
  /* Hover state */
@@ -86,10 +89,6 @@
86
89
  font-size: var(--size-xxxlarge);
87
90
  }
88
91
 
89
- .large .baselineMetric {
90
- font-size: var(--size-small);
91
- }
92
-
93
92
  .xlarge .currentMetric {
94
93
  font-size: var(--size-xxxxlarge);
95
94
  }
package/lib-esm/css/variables.css CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  --line-height: 1.66;
28
28
  --line-height-heading: 1.33;
29
+ --line-height-number: 1.2em;
29
30
 
30
31
  /*
31
32
  * Color scheme:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.20.1",
3
+ "version": "4.20.2",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -39,10 +39,9 @@
39
39
  "@babel/preset-env": "7.27.2",
40
40
  "@babel/preset-react": "7.27.1",
41
41
  "@babel/preset-typescript": "7.27.1",
42
- "@storybook/addon-essentials": "8.6.12",
43
42
  "@storybook/addon-webpack5-compiler-babel": "3.0.6",
44
- "@storybook/react": "8.6.12",
45
- "@storybook/react-webpack5": "8.6.12",
43
+ "@storybook/react": "9.0.2",
44
+ "@storybook/react-webpack5": "9.0.2",
46
45
  "@types/d3": "7.4.3",
47
46
  "@types/react": "18.3.13",
48
47
  "@types/react-router-dom": "5.3.3",
@@ -61,7 +60,7 @@
61
60
  "react-dom": "18.3.1",
62
61
  "react-router-dom": "5.3.4",
63
62
  "rimraf": "6.0.1",
64
- "storybook": "8.6.12",
63
+ "storybook": "9.0.2",
65
64
  "typescript": "5.8.3",
66
65
  "typescript-plugin-css-modules": "5.1.0"
67
66
  },
@@ -74,7 +73,7 @@
74
73
  "react-router-dom": "^5.0.0"
75
74
  },
76
75
  "dependencies": {
77
- "@bundle-stats/utils": "4.20.1",
76
+ "@bundle-stats/utils": "4.20.2",
78
77
  "ariakit": "2.0.0-next.44",
79
78
  "d3": "7.9.0",
80
79
  "modern-css-reset": "1.4.0",
@@ -82,5 +81,5 @@
82
81
  "snarkdown": "2.0.0",
83
82
  "use-query-params": "2.2.1"
84
83
  },
85
- "gitHead": "63ad3387ba66066e88337a623390e7ebd86faa75"
84
+ "gitHead": "0bcfc1396924c6bd4cf527bf511f0527599df25f"
86
85
  }
package/src/components/asset-info/asset-info.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Meta, Story } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions'; // eslint-disable-line import/no-extraneous-dependencies
3
+ import { action } from 'storybook/actions'; // eslint-disable-line import/no-extraneous-dependencies
4
4
 
5
5
  import { getWrapperDecorator } from '../../stories';
6
6
  import { AssetInfo } from '.';
package/src/components/bundle-assets/bundle-assets.stories.tsx CHANGED
@@ -9,7 +9,7 @@ import {
9
9
  import merge from 'lodash/merge';
10
10
  import set from 'lodash/set';
11
11
  import type { Meta, StoryObj } from '@storybook/react';
12
- import { action } from '@storybook/addon-actions';
12
+ import { action } from 'storybook/actions';
13
13
 
14
14
  /* eslint-disable import/no-relative-packages */
15
15
  import baselineStats from '../../../../../fixtures/webpack-stats.baseline.json';
package/src/components/entry-info/entry-info.stories.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { action } from '@storybook/addon-actions'; // eslint-disable-line import/no-extraneous-dependencies
2
+ import { action } from 'storybook/actions'; // eslint-disable-line import/no-extraneous-dependencies
3
3
 
4
4
  import { getWrapperDecorator } from '../../stories';
5
5
  import { EntryInfo } from '.';
package/src/components/metrics-display-selector/metrics-display-selector.stories.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { action } from '@storybook/addon-actions'; // eslint-disable-line
1
+ import { action } from 'storybook/actions'; // eslint-disable-line
2
2
  import { Meta, StoryObj } from '@storybook/react';
3
3
 
4
4
  import { MetricsDisplayType } from '../../constants';
package/src/components/metrics-table-options/metrics-table-options.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  // eslint-disable-next-line import/no-extraneous-dependencies
3
- import { action } from '@storybook/addon-actions';
3
+ import { action } from 'storybook/actions';
4
4
 
5
5
  import { getWrapperDecorator } from '../../stories';
6
6
  import { MetricsTableOptions } from '.';
package/src/components/metrics-treemap/metrics-treemap.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Meta, StoryObj } from '@storybook/react';
3
3
  // eslint-disable-next-line import/no-extraneous-dependencies
4
- import { action } from '@storybook/addon-actions';
4
+ import { action } from 'storybook/actions';
5
5
  import { createJobs } from '@bundle-stats/utils';
6
6
  import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
7
7
 
package/src/components/module-info/module-info.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  // eslint-disable-next-line import/no-extraneous-dependencies
3
- import { action } from '@storybook/addon-actions';
3
+ import { action } from 'storybook/actions';
4
4
 
5
5
  import { getWrapperDecorator } from '../../stories';
6
6
  import { ModuleInfo } from '.';
package/src/components/run-info/run-info.module.css CHANGED
@@ -3,6 +3,7 @@
3
3
  font-weight: bold;
4
4
  font-size: var(--size-xsmall);
5
5
  text-transform: uppercase;
6
+ letter-spacing: 0.02em;
6
7
  }
7
8
 
8
9
  .titleText {
@@ -27,6 +28,8 @@
27
28
  color: var(--color-heading);
28
29
  white-space: nowrap;
29
30
  font-weight: bold;
31
+ line-height: var(--line-height-number);
32
+ height: var(--line-height-number);
30
33
  }
31
34
 
32
35
  .delta {
@@ -43,19 +46,19 @@
43
46
  .baselineMetric {
44
47
  color: var(--color-text-ultra-light);
45
48
  font-size: var(--size-small);
49
+ line-height: var(--line-height-number);
50
+ height: var(--line-height-number);
46
51
  }
47
52
 
48
53
  /* Loading state */
49
54
  .loading.currentMetric {
50
55
  min-width: 0;
51
56
  max-width: 8em;
52
- height: 1em;
53
57
  }
54
58
 
55
59
  .loading.baselineMetric {
56
60
  min-width: 0;
57
61
  max-width: 8em;
58
- height: 1em;
59
62
  }
60
63
 
61
64
  /* Hover state */
@@ -86,10 +89,6 @@
86
89
  font-size: var(--size-xxxlarge);
87
90
  }
88
91
 
89
- .large .baselineMetric {
90
- font-size: var(--size-small);
91
- }
92
-
93
92
  .xlarge .currentMetric {
94
93
  font-size: var(--size-xxxxlarge);
95
94
  }
package/src/css/variables.css CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  --line-height: 1.66;
28
28
  --line-height-heading: 1.33;
29
+ --line-height-number: 1.2em;
29
30
 
30
31
  /*
31
32
  * Color scheme:
package/src/ui/filters/filters.stories.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions'; // eslint-disable-line
3
+ import { action } from 'storybook/actions'; // eslint-disable-line
4
4
 
5
5
  import { getWrapperDecorator } from '../../stories';
6
6
  import { Filters } from '.';