@appcorp/kismaa-web-ui 0.1.99 → 0.1.100

package/molecules/mega-menu-card/mega-menu-card.js

@@ -9,9 +9,9 @@ var image_1 = __importDefault(require("next/image"));
 var typography_1 = require("../typography");
 var MegaMenuCard = function (_a) {
     var imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, label = _a.label, handleCardOnClick = _a.handleCardOnClick;
-    return (react_1.default.createElement("div", { className: "flex cursor-pointer items-stretch gap-2 rounded-md p-2 hover:bg-gray-100", onClick: handleCardOnClick },
-        react_1.default.createElement("div", { className: "w-8 overflow-hidden rounded-xl" },
-            react_1.default.createElement(image_1.default, { alt: imageAlt, className: "h-full w-full object-contain", height: 32, src: imageSrc, width: 32 })),
+    return (react_1.default.createElement("div", { className: "flex cursor-pointer flex-row items-center justify-center gap-2 rounded-md p-2 hover:bg-gray-100", onClick: handleCardOnClick },
+        react_1.default.createElement("div", { className: "relative size-8 overflow-hidden rounded-xl" },
+            react_1.default.createElement(image_1.default, { alt: imageAlt, fill: true, height: 0, priority: true, sizes: "20vw", src: imageSrc, width: 0 })),
         react_1.default.createElement("div", { className: "flex w-[80%] items-center" },
             react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.SUBH5 }, label))));
 };

package/organisms/navbar/navbar.js

@@ -10,6 +10,7 @@ var molecules_1 = require("../../molecules");
 var solid_1 = require("@heroicons/react/24/solid");
 var link_1 = __importDefault(require("next/link"));
 var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
 var mega_menu_1 = require("../mega-menu");
 var header_pointer_icon_1 = require("../../atoms/header-pointer-icon");
 var Navbar = function (_a) {
@@ -53,12 +54,21 @@ var Navbar = function (_a) {
                         return (react_1.default.createElement("div", { key: label, className: "w-fit" },
                             react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
                     }))))),
-        isMobileMenuOpen && (react_1.default.createElement("div", { className: "bg-purple-200/90 lg:hidden" },
-            react_1.default.createElement("div", { className: "flex flex-col gap-4 px-4 py-6" },
-                navLinks.map(function (link, index) { return (react_1.default.createElement("div", { key: index },
-                    react_1.default.createElement(link_1.default, { href: link.href, className: "flex cursor-pointer items-center justify-between" },
-                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH2 }, link.label)))); }),
-                headerActions
+        isMobileMenuOpen && (react_1.default.createElement("div", { className: "col-span-2 bg-purple-200/90 lg:hidden" },
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-4 p-4" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(link_1.default, { href: navLinks[0].href, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, navLinks[0].label))),
+                react_1.default.createElement("div", null, navLinks[1].megaMenuItems &&
+                    navLinks[1].megaMenuItems.map(function (link) { return (react_1.default.createElement("div", { key: link.label },
+                        react_1.default.createElement(link_1.default, { href: link.route, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
+                            react_1.default.createElement("div", { className: "relative my-2 size-7" },
+                                react_1.default.createElement(image_1.default, { alt: link.imageAlt, fill: true, height: 0, sizes: "10vw", src: link.imageSrc, width: 0 })),
+                            react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, link.label)))); })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(link_1.default, { href: navLinks[2].href, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
+                        react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, navLinks[2].label))),
+                react_1.default.createElement("div", { className: "flex flex-col items-center gap-2" }, headerActions
                     .filter(function (_a) {
                     var enabled = _a.enabled;
                     return enabled;
@@ -68,6 +78,6 @@ var Navbar = function (_a) {
                     var handleOnClick = _a.handleOnClick, label = _a.label, type = _a.type;
                     return (react_1.default.createElement("div", { key: label, className: "w-fit" },
                         react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
-                }))))));
+                })))))));
 };
 exports.Navbar = Navbar;

package/organisms/navbar/props.js

@@ -23,8 +23,8 @@ exports.navbarData = {
             order: 2,
         },
         {
-            label: 'Blogs',
-            href: '/blogs',
+            label: 'Horoscope',
+            href: '/horoscopes',
             isActive: false,
             isHoverActive: false,
             enabled: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.99",
+  "version": "0.1.100",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",