@bundle-stats/ui 4.8.1-beta.2 → 4.8.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.
- package/lib/ui/dropdown/dropdown.module.css +1 -5
- package/lib/ui/filters/filters.module.css +7 -7
- package/lib-esm/ui/dropdown/dropdown.module.css +1 -5
- package/lib-esm/ui/filters/filters.module.css +7 -7
- package/package.json +3 -3
- package/src/ui/dropdown/dropdown.module.css +1 -5
- package/src/ui/filters/filters.module.css +7 -7
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
outline: none;
|
|
54
54
|
border: 0;
|
|
55
55
|
border-radius: var(--radius-small);
|
|
56
|
-
padding:
|
|
56
|
+
padding: var(--space-xxxsmall) var(--space-xxxsmall);
|
|
57
57
|
background: none;
|
|
58
58
|
text-align: left;
|
|
59
59
|
color: var(--color-text-light);
|
|
@@ -62,10 +62,6 @@
|
|
|
62
62
|
text-decoration: none;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.item + .item {
|
|
66
|
-
margin-top: calc(var(--space-xxxsmall) / 2);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
65
|
.item[data-active-item],
|
|
70
66
|
.item:hover,
|
|
71
67
|
.item:focus,
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.filterOnlyButton {
|
|
31
|
-
padding:
|
|
31
|
+
padding: 0 var(--space-xxxsmall);
|
|
32
32
|
display: none;
|
|
33
33
|
appearance: none;
|
|
34
34
|
border: none;
|
|
35
35
|
border-radius: var(--radius-small);
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
position: absolute;
|
|
38
|
-
right:
|
|
39
|
-
top:
|
|
40
|
-
|
|
38
|
+
right: 2px;
|
|
39
|
+
top: 50%;
|
|
40
|
+
transform: translateY(-50%);
|
|
41
41
|
transition: var(--transition-in);
|
|
42
42
|
background: var(--color-info);
|
|
43
43
|
color: var(--color-background);
|
|
44
|
-
font-size: var(--size-
|
|
45
|
-
line-height: var(--
|
|
44
|
+
font-size: var(--size-xsmall);
|
|
45
|
+
line-height: var(--line-height-header);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.filterOnlyButton:hover,
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
top: 0;
|
|
62
62
|
right: 100%;
|
|
63
63
|
bottom: 0;
|
|
64
|
-
width: var(--space-
|
|
64
|
+
width: var(--space-small);
|
|
65
65
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-highlight) 75%);
|
|
66
66
|
}
|
|
67
67
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
outline: none;
|
|
54
54
|
border: 0;
|
|
55
55
|
border-radius: var(--radius-small);
|
|
56
|
-
padding:
|
|
56
|
+
padding: var(--space-xxxsmall) var(--space-xxxsmall);
|
|
57
57
|
background: none;
|
|
58
58
|
text-align: left;
|
|
59
59
|
color: var(--color-text-light);
|
|
@@ -62,10 +62,6 @@
|
|
|
62
62
|
text-decoration: none;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.item + .item {
|
|
66
|
-
margin-top: calc(var(--space-xxxsmall) / 2);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
65
|
.item[data-active-item],
|
|
70
66
|
.item:hover,
|
|
71
67
|
.item:focus,
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.filterOnlyButton {
|
|
31
|
-
padding:
|
|
31
|
+
padding: 0 var(--space-xxxsmall);
|
|
32
32
|
display: none;
|
|
33
33
|
appearance: none;
|
|
34
34
|
border: none;
|
|
35
35
|
border-radius: var(--radius-small);
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
position: absolute;
|
|
38
|
-
right:
|
|
39
|
-
top:
|
|
40
|
-
|
|
38
|
+
right: 2px;
|
|
39
|
+
top: 50%;
|
|
40
|
+
transform: translateY(-50%);
|
|
41
41
|
transition: var(--transition-in);
|
|
42
42
|
background: var(--color-info);
|
|
43
43
|
color: var(--color-background);
|
|
44
|
-
font-size: var(--size-
|
|
45
|
-
line-height: var(--
|
|
44
|
+
font-size: var(--size-xsmall);
|
|
45
|
+
line-height: var(--line-height-header);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.filterOnlyButton:hover,
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
top: 0;
|
|
62
62
|
right: 100%;
|
|
63
63
|
bottom: 0;
|
|
64
|
-
width: var(--space-
|
|
64
|
+
width: var(--space-small);
|
|
65
65
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-highlight) 75%);
|
|
66
66
|
}
|
|
67
67
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.8.1
|
|
3
|
+
"version": "4.8.1",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -73,10 +73,10 @@
|
|
|
73
73
|
"react-router-dom": "^5.0.0"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@bundle-stats/utils": "4.8.1
|
|
76
|
+
"@bundle-stats/utils": "^4.8.1",
|
|
77
77
|
"ariakit": "2.0.0-next.44",
|
|
78
78
|
"modern-css-reset": "1.4.0",
|
|
79
79
|
"use-query-params": "2.2.1"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "a8709710614a96831283e1b3ad59824f8c56062a"
|
|
82
82
|
}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
outline: none;
|
|
54
54
|
border: 0;
|
|
55
55
|
border-radius: var(--radius-small);
|
|
56
|
-
padding:
|
|
56
|
+
padding: var(--space-xxxsmall) var(--space-xxxsmall);
|
|
57
57
|
background: none;
|
|
58
58
|
text-align: left;
|
|
59
59
|
color: var(--color-text-light);
|
|
@@ -62,10 +62,6 @@
|
|
|
62
62
|
text-decoration: none;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.item + .item {
|
|
66
|
-
margin-top: calc(var(--space-xxxsmall) / 2);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
65
|
.item[data-active-item],
|
|
70
66
|
.item:hover,
|
|
71
67
|
.item:focus,
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.filterOnlyButton {
|
|
31
|
-
padding:
|
|
31
|
+
padding: 0 var(--space-xxxsmall);
|
|
32
32
|
display: none;
|
|
33
33
|
appearance: none;
|
|
34
34
|
border: none;
|
|
35
35
|
border-radius: var(--radius-small);
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
position: absolute;
|
|
38
|
-
right:
|
|
39
|
-
top:
|
|
40
|
-
|
|
38
|
+
right: 2px;
|
|
39
|
+
top: 50%;
|
|
40
|
+
transform: translateY(-50%);
|
|
41
41
|
transition: var(--transition-in);
|
|
42
42
|
background: var(--color-info);
|
|
43
43
|
color: var(--color-background);
|
|
44
|
-
font-size: var(--size-
|
|
45
|
-
line-height: var(--
|
|
44
|
+
font-size: var(--size-xsmall);
|
|
45
|
+
line-height: var(--line-height-header);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.filterOnlyButton:hover,
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
top: 0;
|
|
62
62
|
right: 100%;
|
|
63
63
|
bottom: 0;
|
|
64
|
-
width: var(--space-
|
|
64
|
+
width: var(--space-small);
|
|
65
65
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-highlight) 75%);
|
|
66
66
|
}
|
|
67
67
|
|