@bundle-stats/ui 4.20.1-beta.0 → 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.
- package/lib/components/run-info/run-info.module.css +5 -6
- package/lib/css/variables.css +1 -0
- package/lib-esm/components/run-info/run-info.module.css +5 -6
- package/lib-esm/css/variables.css +1 -0
- package/package.json +7 -8
- package/src/components/asset-info/asset-info.stories.tsx +1 -1
- package/src/components/bundle-assets/bundle-assets.stories.tsx +1 -1
- package/src/components/entry-info/entry-info.stories.tsx +1 -1
- package/src/components/metrics-display-selector/metrics-display-selector.stories.tsx +1 -1
- package/src/components/metrics-table-options/metrics-table-options.stories.tsx +1 -1
- package/src/components/metrics-treemap/metrics-treemap.stories.tsx +1 -1
- package/src/components/module-info/module-info.stories.tsx +1 -1
- package/src/components/run-info/run-info.module.css +5 -6
- package/src/css/variables.css +1 -0
- package/src/ui/filters/filters.stories.tsx +1 -1
|
@@ -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
|
@@ -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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.20.
|
|
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",
|
|
@@ -36,13 +36,12 @@
|
|
|
36
36
|
},
|
|
37
37
|
"homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@babel/preset-env": "7.27.
|
|
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": "
|
|
45
|
-
"@storybook/react-webpack5": "
|
|
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": "
|
|
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.
|
|
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": "
|
|
84
|
+
"gitHead": "0bcfc1396924c6bd4cf527bf511f0527599df25f"
|
|
86
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Meta, Story } from '@storybook/react';
|
|
3
|
-
import { action } from '
|
|
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 '.';
|
|
@@ -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 '
|
|
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';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { action } from '
|
|
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 '.';
|
|
@@ -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 '
|
|
3
|
+
import { action } from 'storybook/actions';
|
|
4
4
|
|
|
5
5
|
import { getWrapperDecorator } from '../../stories';
|
|
6
6
|
import { MetricsTableOptions } from '.';
|
|
@@ -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 '
|
|
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
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
3
|
-
import { action } from '
|
|
3
|
+
import { action } from 'storybook/actions';
|
|
4
4
|
|
|
5
5
|
import { getWrapperDecorator } from '../../stories';
|
|
6
6
|
import { ModuleInfo } from '.';
|
|
@@ -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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Meta } from '@storybook/react';
|
|
3
|
-
import { action } from '
|
|
3
|
+
import { action } from 'storybook/actions'; // eslint-disable-line
|
|
4
4
|
|
|
5
5
|
import { getWrapperDecorator } from '../../stories';
|
|
6
6
|
import { Filters } from '.';
|