@stackshift-ui/navigation 6.1.0-alpha.3 → 6.1.0-alpha.4
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 +7 -7
- package/src/navigation_g.tsx +4 -1
- package/src/navigation_h.tsx +2 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/navigation",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.1.0-alpha.
|
|
4
|
+
"version": "6.1.0-alpha.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"typescript": "^5.6.2",
|
|
30
30
|
"vite-tsconfig-paths": "^5.0.1",
|
|
31
31
|
"vitest": "^2.1.1",
|
|
32
|
-
"@stackshift-ui/
|
|
33
|
-
"@stackshift-ui/
|
|
32
|
+
"@stackshift-ui/typescript-config": "6.0.10",
|
|
33
|
+
"@stackshift-ui/eslint-config": "6.0.10"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"classnames": "^2.5.1",
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"@stackshift-ui/flex": "6.0.11",
|
|
44
44
|
"@stackshift-ui/image": "6.0.11",
|
|
45
45
|
"@stackshift-ui/link": "6.0.11",
|
|
46
|
+
"@stackshift-ui/scripts": "6.0.10",
|
|
46
47
|
"@stackshift-ui/section": "6.0.11",
|
|
47
|
-
"@stackshift-ui/system": "6.0.11",
|
|
48
|
-
"@stackshift-ui/grid": "6.0.11",
|
|
49
48
|
"@stackshift-ui/text": "6.0.11",
|
|
50
|
-
"@stackshift-ui/
|
|
49
|
+
"@stackshift-ui/grid": "6.0.11",
|
|
50
|
+
"@stackshift-ui/system": "6.0.11",
|
|
51
51
|
"@stackshift-ui/social-icons": "6.0.12",
|
|
52
|
-
"@stackshift-ui/
|
|
52
|
+
"@stackshift-ui/heading": "6.0.11"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@stackshift-ui/system": ">=6.0.11",
|
package/src/navigation_g.tsx
CHANGED
|
@@ -80,6 +80,7 @@ export default function Navigation_G({ logo, socialMedia, dropdownMenu }: Naviga
|
|
|
80
80
|
showMenu={showMenu}
|
|
81
81
|
firstLine={firstLine}
|
|
82
82
|
secondLine={secondLine}
|
|
83
|
+
isNavHovered={isNavHovered}
|
|
83
84
|
/>
|
|
84
85
|
</div>
|
|
85
86
|
</div>
|
|
@@ -473,11 +474,13 @@ function BurgerMenuButton({
|
|
|
473
474
|
showMenu,
|
|
474
475
|
firstLine,
|
|
475
476
|
secondLine,
|
|
477
|
+
isNavHovered,
|
|
476
478
|
}: {
|
|
477
479
|
menu: boolean;
|
|
478
480
|
showMenu: () => void;
|
|
479
481
|
firstLine: any;
|
|
480
482
|
secondLine: any;
|
|
483
|
+
isNavHovered: boolean;
|
|
481
484
|
}) {
|
|
482
485
|
return (
|
|
483
486
|
<div
|
|
@@ -489,7 +492,7 @@ function BurgerMenuButton({
|
|
|
489
492
|
width="40"
|
|
490
493
|
height="40"
|
|
491
494
|
viewBox="0 0 44 44"
|
|
492
|
-
fill="#ffffff"
|
|
495
|
+
fill={isNavHovered ? "#ffffff" : "#000000"}
|
|
493
496
|
xmlns="http://www.w3.org/2000/svg"
|
|
494
497
|
className="cursor-pointer">
|
|
495
498
|
<animated.rect width="20" height="3" style={firstLine} />
|
package/src/navigation_h.tsx
CHANGED
|
@@ -251,6 +251,8 @@ const MobileMenuContentItem = React.memo(({ megaMenu }: MobileMenuContentItemPro
|
|
|
251
251
|
MobileMenuContentItem.displayName = "MobileMenuContentItem";
|
|
252
252
|
|
|
253
253
|
export default function Navigation_H({ logo, iconLinks, megaMenu }: NavigationProps) {
|
|
254
|
+
console.log("🚀 ~ iconLinks", iconLinks);
|
|
255
|
+
console.log("🚀 ~ megaMenu", megaMenu);
|
|
254
256
|
const [{ y }] = useWindowScroll();
|
|
255
257
|
const sticky =
|
|
256
258
|
y && y > 80
|