@k8o/arte-odyssey 5.0.0 → 5.0.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.
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useCallback, useRef, useSyncExternalStore } from "react";
|
|
3
3
|
//#region src/hooks/scroll-direction/index.ts
|
|
4
|
+
const SERVER_SNAPSHOT = {
|
|
5
|
+
x: "right",
|
|
6
|
+
y: "up"
|
|
7
|
+
};
|
|
8
|
+
const getServerSnapshot = () => SERVER_SNAPSHOT;
|
|
4
9
|
const useScrollDirection = (threshold = 50) => {
|
|
5
10
|
const stateRef = useRef({
|
|
6
11
|
direction: {
|
|
@@ -52,10 +57,6 @@ const useScrollDirection = (threshold = 50) => {
|
|
|
52
57
|
};
|
|
53
58
|
}, [threshold]);
|
|
54
59
|
const getSnapshot = () => stateRef.current.direction;
|
|
55
|
-
const getServerSnapshot = () => ({
|
|
56
|
-
x: "right",
|
|
57
|
-
y: "up"
|
|
58
|
-
});
|
|
59
60
|
return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
60
61
|
};
|
|
61
62
|
//#endregion
|
|
@@ -15,10 +15,11 @@ const getSnapshot = () => {
|
|
|
15
15
|
};
|
|
16
16
|
return cachedSnapshot;
|
|
17
17
|
};
|
|
18
|
-
const
|
|
18
|
+
const SERVER_SNAPSHOT = {
|
|
19
19
|
width: 0,
|
|
20
20
|
height: 0
|
|
21
|
-
}
|
|
21
|
+
};
|
|
22
|
+
const getServerSnapshot = () => SERVER_SNAPSHOT;
|
|
22
23
|
const subscribe = (callback) => {
|
|
23
24
|
window.addEventListener("resize", callback);
|
|
24
25
|
return () => {
|
package/dist/styles/index.css
CHANGED
|
@@ -82,18 +82,18 @@
|
|
|
82
82
|
* H (hue) is fixed per color family.
|
|
83
83
|
*/
|
|
84
84
|
|
|
85
|
-
/* Gray — H:
|
|
86
|
-
--gray-50: oklch(0.975 0.
|
|
87
|
-
--gray-100: oklch(0.945 0.
|
|
88
|
-
--gray-200: oklch(0.9 0.
|
|
89
|
-
--gray-300: oklch(0.84 0.
|
|
90
|
-
--gray-400: oklch(0.75 0.
|
|
91
|
-
--gray-500: oklch(0.66 0.
|
|
92
|
-
--gray-600: oklch(0.52 0.
|
|
93
|
-
--gray-700: oklch(0.42 0.
|
|
94
|
-
--gray-800: oklch(0.3 0.
|
|
95
|
-
--gray-900: oklch(0.25 0.
|
|
96
|
-
--gray-950: oklch(0.18 0.
|
|
85
|
+
/* Gray — H: 235 (sky blue tint), minimal chroma for branded neutral */
|
|
86
|
+
--gray-50: oklch(0.975 0.001 235);
|
|
87
|
+
--gray-100: oklch(0.945 0.0015 235);
|
|
88
|
+
--gray-200: oklch(0.9 0.003 235);
|
|
89
|
+
--gray-300: oklch(0.84 0.004 235);
|
|
90
|
+
--gray-400: oklch(0.75 0.005 235);
|
|
91
|
+
--gray-500: oklch(0.66 0.006 235);
|
|
92
|
+
--gray-600: oklch(0.52 0.006 235);
|
|
93
|
+
--gray-700: oklch(0.42 0.003 235);
|
|
94
|
+
--gray-800: oklch(0.3 0.002 235);
|
|
95
|
+
--gray-900: oklch(0.25 0.0015 235);
|
|
96
|
+
--gray-950: oklch(0.18 0.001 235);
|
|
97
97
|
|
|
98
98
|
/* Red — H: 25 */
|
|
99
99
|
--red-50: oklch(0.975 0.016 25);
|