@k8o/arte-odyssey 5.0.1 → 5.0.3
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
|
@@ -246,14 +246,14 @@
|
|
|
246
246
|
--primary-bg: var(--teal-200);
|
|
247
247
|
--primary-bg-subtle: var(--teal-50);
|
|
248
248
|
--primary-bg-mute: var(--teal-100);
|
|
249
|
-
--primary-bg-emphasize: var(--teal-
|
|
249
|
+
--primary-bg-emphasize: var(--teal-300);
|
|
250
250
|
--primary-border: var(--teal-500);
|
|
251
251
|
|
|
252
252
|
--secondary-fg: var(--cyan-800);
|
|
253
253
|
--secondary-bg: var(--cyan-200);
|
|
254
254
|
--secondary-bg-subtle: var(--cyan-50);
|
|
255
255
|
--secondary-bg-mute: var(--cyan-100);
|
|
256
|
-
--secondary-bg-emphasize: var(--cyan-
|
|
256
|
+
--secondary-bg-emphasize: var(--cyan-300);
|
|
257
257
|
--secondary-border: var(--cyan-500);
|
|
258
258
|
|
|
259
259
|
--back-drop: rgb(0, 0, 0, 0.5);
|
|
@@ -295,17 +295,17 @@
|
|
|
295
295
|
--border-warning: var(--yellow-400);
|
|
296
296
|
--border-error: var(--red-400);
|
|
297
297
|
|
|
298
|
-
--primary-fg: var(--teal-
|
|
298
|
+
--primary-fg: var(--teal-300);
|
|
299
299
|
--primary-bg: var(--teal-800);
|
|
300
|
-
--primary-bg-subtle: var(--teal-
|
|
301
|
-
--primary-bg-mute: var(--teal-
|
|
300
|
+
--primary-bg-subtle: var(--teal-950);
|
|
301
|
+
--primary-bg-mute: var(--teal-900);
|
|
302
302
|
--primary-bg-emphasize: var(--teal-700);
|
|
303
303
|
--primary-border: var(--teal-500);
|
|
304
304
|
|
|
305
|
-
--secondary-fg: var(--cyan-
|
|
305
|
+
--secondary-fg: var(--cyan-300);
|
|
306
306
|
--secondary-bg: var(--cyan-800);
|
|
307
|
-
--secondary-bg-subtle: var(--cyan-
|
|
308
|
-
--secondary-bg-mute: var(--cyan-
|
|
307
|
+
--secondary-bg-subtle: var(--cyan-950);
|
|
308
|
+
--secondary-bg-mute: var(--cyan-900);
|
|
309
309
|
--secondary-bg-emphasize: var(--cyan-700);
|
|
310
310
|
--secondary-border: var(--cyan-500);
|
|
311
311
|
|