@bundle-stats/ui 4.13.0-beta.15 → 4.13.0-beta.16
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/delta/delta.module.css +10 -1
- package/lib/components/run-info/run-info.module.css +7 -7
- package/lib-esm/components/delta/delta.module.css +10 -1
- package/lib-esm/components/run-info/run-info.module.css +7 -7
- package/package.json +4 -4
- package/src/components/delta/delta.module.css +10 -1
- package/src/components/run-info/run-info.module.css +7 -7
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
white-space: nowrap;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
.CHANGE {
|
|
8
|
+
color: var(--color-info);
|
|
9
|
+
}
|
|
10
|
+
|
|
7
11
|
.HIGH_NEGATIVE {
|
|
8
12
|
color: var(--color-red-dark);
|
|
9
13
|
}
|
|
@@ -29,11 +33,16 @@
|
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
.inverted {
|
|
32
|
-
|
|
36
|
+
padding: 0 2px;
|
|
37
|
+
border-radius: var(--radius-xsmall);
|
|
33
38
|
background-color: var(--color-gray-ultra-light);
|
|
34
39
|
color: var(--color-light);
|
|
35
40
|
}
|
|
36
41
|
|
|
42
|
+
.inverted.CHANGE {
|
|
43
|
+
background: var(--color-info-light);
|
|
44
|
+
}
|
|
45
|
+
|
|
37
46
|
.inverted.HIGH_NEGATIVE {
|
|
38
47
|
background: var(--color-red-dark);
|
|
39
48
|
}
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
font-weight: bold;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
.delta {
|
|
35
|
+
font-weight: normal;
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
.deltaValue + .deltaValue::before {
|
|
35
39
|
margin-left: calc(var(--space-xxxsmall) / 2);
|
|
36
40
|
margin-right: calc(var(--space-xxxsmall) / 2);
|
|
@@ -72,17 +76,13 @@
|
|
|
72
76
|
|
|
73
77
|
/* Size variation */
|
|
74
78
|
.small .currentMetric {
|
|
75
|
-
font-size: var(--size-
|
|
79
|
+
font-size: var(--size-medium);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
.large .currentMetric {
|
|
79
|
-
font-size: var(--size-
|
|
83
|
+
font-size: var(--size-xxlarge);
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
.large .baselineMetric {
|
|
83
|
-
font-size: var(--size-
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.large .delta {
|
|
87
|
-
margin-left: var(--space-xxxsmall);
|
|
87
|
+
font-size: var(--size-small);
|
|
88
88
|
}
|
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
white-space: nowrap;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
.CHANGE {
|
|
8
|
+
color: var(--color-info);
|
|
9
|
+
}
|
|
10
|
+
|
|
7
11
|
.HIGH_NEGATIVE {
|
|
8
12
|
color: var(--color-red-dark);
|
|
9
13
|
}
|
|
@@ -29,11 +33,16 @@
|
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
.inverted {
|
|
32
|
-
|
|
36
|
+
padding: 0 2px;
|
|
37
|
+
border-radius: var(--radius-xsmall);
|
|
33
38
|
background-color: var(--color-gray-ultra-light);
|
|
34
39
|
color: var(--color-light);
|
|
35
40
|
}
|
|
36
41
|
|
|
42
|
+
.inverted.CHANGE {
|
|
43
|
+
background: var(--color-info-light);
|
|
44
|
+
}
|
|
45
|
+
|
|
37
46
|
.inverted.HIGH_NEGATIVE {
|
|
38
47
|
background: var(--color-red-dark);
|
|
39
48
|
}
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
font-weight: bold;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
.delta {
|
|
35
|
+
font-weight: normal;
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
.deltaValue + .deltaValue::before {
|
|
35
39
|
margin-left: calc(var(--space-xxxsmall) / 2);
|
|
36
40
|
margin-right: calc(var(--space-xxxsmall) / 2);
|
|
@@ -72,17 +76,13 @@
|
|
|
72
76
|
|
|
73
77
|
/* Size variation */
|
|
74
78
|
.small .currentMetric {
|
|
75
|
-
font-size: var(--size-
|
|
79
|
+
font-size: var(--size-medium);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
.large .currentMetric {
|
|
79
|
-
font-size: var(--size-
|
|
83
|
+
font-size: var(--size-xxlarge);
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
.large .baselineMetric {
|
|
83
|
-
font-size: var(--size-
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.large .delta {
|
|
87
|
-
margin-left: var(--space-xxxsmall);
|
|
87
|
+
font-size: var(--size-small);
|
|
88
88
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.13.0-beta.
|
|
3
|
+
"version": "4.13.0-beta.16",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"hex-rgb": "5.0.0",
|
|
53
53
|
"identity-obj-proxy": "3.0.0",
|
|
54
54
|
"jest": "29.7.0",
|
|
55
|
-
"jest-date-mock": "1.0.
|
|
55
|
+
"jest-date-mock": "1.0.10",
|
|
56
56
|
"jest-environment-jsdom": "29.7.0",
|
|
57
57
|
"lodash": "4.17.21",
|
|
58
58
|
"prop-types": "15.8.1",
|
|
@@ -73,12 +73,12 @@
|
|
|
73
73
|
"react-router-dom": "^5.0.0"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@bundle-stats/utils": "4.13.0-beta.
|
|
76
|
+
"@bundle-stats/utils": "4.13.0-beta.16",
|
|
77
77
|
"ariakit": "2.0.0-next.44",
|
|
78
78
|
"d3": "^7.8.5",
|
|
79
79
|
"modern-css-reset": "1.4.0",
|
|
80
80
|
"react-use": "^17.5.0",
|
|
81
81
|
"use-query-params": "2.2.1"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "833dbdc28c70f824098dd67fe8c2b6fc2dcce47f"
|
|
84
84
|
}
|
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
white-space: nowrap;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
.CHANGE {
|
|
8
|
+
color: var(--color-info);
|
|
9
|
+
}
|
|
10
|
+
|
|
7
11
|
.HIGH_NEGATIVE {
|
|
8
12
|
color: var(--color-red-dark);
|
|
9
13
|
}
|
|
@@ -29,11 +33,16 @@
|
|
|
29
33
|
}
|
|
30
34
|
|
|
31
35
|
.inverted {
|
|
32
|
-
|
|
36
|
+
padding: 0 2px;
|
|
37
|
+
border-radius: var(--radius-xsmall);
|
|
33
38
|
background-color: var(--color-gray-ultra-light);
|
|
34
39
|
color: var(--color-light);
|
|
35
40
|
}
|
|
36
41
|
|
|
42
|
+
.inverted.CHANGE {
|
|
43
|
+
background: var(--color-info-light);
|
|
44
|
+
}
|
|
45
|
+
|
|
37
46
|
.inverted.HIGH_NEGATIVE {
|
|
38
47
|
background: var(--color-red-dark);
|
|
39
48
|
}
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
font-weight: bold;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
.delta {
|
|
35
|
+
font-weight: normal;
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
.deltaValue + .deltaValue::before {
|
|
35
39
|
margin-left: calc(var(--space-xxxsmall) / 2);
|
|
36
40
|
margin-right: calc(var(--space-xxxsmall) / 2);
|
|
@@ -72,17 +76,13 @@
|
|
|
72
76
|
|
|
73
77
|
/* Size variation */
|
|
74
78
|
.small .currentMetric {
|
|
75
|
-
font-size: var(--size-
|
|
79
|
+
font-size: var(--size-medium);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
82
|
.large .currentMetric {
|
|
79
|
-
font-size: var(--size-
|
|
83
|
+
font-size: var(--size-xxlarge);
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
.large .baselineMetric {
|
|
83
|
-
font-size: var(--size-
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.large .delta {
|
|
87
|
-
margin-left: var(--space-xxxsmall);
|
|
87
|
+
font-size: var(--size-small);
|
|
88
88
|
}
|