@docpensieve/components 0.3.0-beta.2 → 0.3.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.
- package/package.json +2 -2
- package/styles/components.css +6 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@docpensieve/components",
|
|
3
|
-
"version": "0.3.0
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "DocPensieve global MDX components, usable without import: Card, Columns, Tooltip, Tree, Skill, TimeTimer, LogoIcon, ScrollToTop",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"types"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@docpensieve/shared": "0.3.0
|
|
23
|
+
"@docpensieve/shared": "0.3.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"react": "^19"
|
package/styles/components.css
CHANGED
|
@@ -489,13 +489,16 @@
|
|
|
489
489
|
}
|
|
490
490
|
|
|
491
491
|
/* The fill plays as it enters the viewport, where that is possible.
|
|
492
|
-
Elsewhere the bar is full from the start: the value is still read.
|
|
492
|
+
Elsewhere the bar is full from the start: the value is still read.
|
|
493
|
+
It ends once the gauge is wholly in view, not further up the screen: a
|
|
494
|
+
gauge low on a short page can never scroll higher, and a full gauge
|
|
495
|
+
stopped short of the end reads as a wrong value. */
|
|
493
496
|
@supports (animation-timeline: view()) {
|
|
494
497
|
@media (prefers-reduced-motion: no-preference) {
|
|
495
498
|
.dp-skill-fill {
|
|
496
499
|
animation: dp-skill-grow linear both;
|
|
497
500
|
animation-timeline: view();
|
|
498
|
-
animation-range: entry
|
|
501
|
+
animation-range: entry 0% entry 100%;
|
|
499
502
|
}
|
|
500
503
|
}
|
|
501
504
|
}
|
|
@@ -608,7 +611,7 @@
|
|
|
608
611
|
.dp-skill-dial-fill {
|
|
609
612
|
animation: dp-skill-draw linear both;
|
|
610
613
|
animation-timeline: view();
|
|
611
|
-
animation-range: entry
|
|
614
|
+
animation-range: entry 0% entry 100%;
|
|
612
615
|
}
|
|
613
616
|
}
|
|
614
617
|
}
|