@appcorp/kismaa-web-ui 0.1.99 → 0.2.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.
Files changed (6) hide show
  1. package/molecules/mega-menu-card/mega-menu-card.js +3 -3
  2. package/organisms/footer/footer.js +6 -5
  3. package/organisms/navbar/navbar.js +17 -7
  4. package/organisms/navbar/props.js +2 -2
  5. package/organisms/review-card/review-card.js +2 -1
  6. package/package.json +1 -1
package/molecules/mega-menu-card/mega-menu-card.js CHANGED
@@ -9,9 +9,9 @@ var image_1 = __importDefault(require("next/image"));
9
9
  var typography_1 = require("../typography");
10
10
  var MegaMenuCard = function (_a) {
11
11
  var imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, label = _a.label, handleCardOnClick = _a.handleCardOnClick;
12
- return (react_1.default.createElement("div", { className: "flex cursor-pointer items-stretch gap-2 rounded-md p-2 hover:bg-gray-100", onClick: handleCardOnClick },
13
- react_1.default.createElement("div", { className: "w-8 overflow-hidden rounded-xl" },
14
- react_1.default.createElement(image_1.default, { alt: imageAlt, className: "h-full w-full object-contain", height: 32, src: imageSrc, width: 32 })),
12
+ 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 },
13
+ react_1.default.createElement("div", { className: "relative size-8 overflow-hidden rounded-xl" },
14
+ react_1.default.createElement(image_1.default, { alt: imageAlt, fill: true, height: 0, priority: true, sizes: "20vw", src: imageSrc, width: 0 })),
15
15
  react_1.default.createElement("div", { className: "flex w-[80%] items-center" },
16
16
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.SUBH5 }, label))));
17
17
  };
package/organisms/footer/footer.js CHANGED
@@ -96,12 +96,13 @@ var Footer = function (_a) {
96
96
  react_1.default.createElement("div", { className: "block h-full w-fit" },
97
97
  react_1.default.createElement("div", { className: "text-neutral-800" },
98
98
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Payment Solutions")),
99
- react_1.default.createElement("div", { className: "mt-6 flex flex-wrap gap-2" },
100
- react_1.default.createElement("table", null,
99
+ react_1.default.createElement("div", { className: "mt-6 flex flex-wrap items-start gap-2" },
100
+ react_1.default.createElement("table", { className: "w-full" },
101
101
  react_1.default.createElement("tbody", null,
102
102
  react_1.default.createElement("tr", null,
103
- react_1.default.createElement("td", { align: "center" },
104
- react_1.default.createElement("a", { href: "https://www.paypal.com/webapps/mpp/paypal-popup", title: "How PayPal Works" },
105
- react_1.default.createElement(image_1.default, { alt: "PayPal Acceptance Mark", height: 90, src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 220 })))))))))))));
103
+ react_1.default.createElement("td", null,
104
+ react_1.default.createElement("a", { href: "", title: "How PayPal Works" },
105
+ react_1.default.createElement("div", { className: "relative h-32 w-full" },
106
+ react_1.default.createElement(image_1.default, { alt: "PayPal Acceptance Mark", className: "object-contain object-top", fill: true, height: 0, sizes: "20vw", src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 0 }))))))))))))));
106
107
  };
107
108
  exports.Footer = Footer;
package/organisms/navbar/navbar.js CHANGED
@@ -10,6 +10,7 @@ var molecules_1 = require("../../molecules");
10
10
  var solid_1 = require("@heroicons/react/24/solid");
11
11
  var link_1 = __importDefault(require("next/link"));
12
12
  var react_1 = __importDefault(require("react"));
13
+ var image_1 = __importDefault(require("next/image"));
13
14
  var mega_menu_1 = require("../mega-menu");
14
15
  var header_pointer_icon_1 = require("../../atoms/header-pointer-icon");
15
16
  var Navbar = function (_a) {
@@ -53,12 +54,21 @@ var Navbar = function (_a) {
53
54
  return (react_1.default.createElement("div", { key: label, className: "w-fit" },
54
55
  react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
55
56
  }))))),
56
- isMobileMenuOpen && (react_1.default.createElement("div", { className: "bg-purple-200/90 lg:hidden" },
57
- react_1.default.createElement("div", { className: "flex flex-col gap-4 px-4 py-6" },
58
- navLinks.map(function (link, index) { return (react_1.default.createElement("div", { key: index },
59
- react_1.default.createElement(link_1.default, { href: link.href, className: "flex cursor-pointer items-center justify-between" },
60
- react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH2 }, link.label)))); }),
61
- headerActions
57
+ isMobileMenuOpen && (react_1.default.createElement("div", { className: "col-span-2 bg-purple-200/90 lg:hidden" },
58
+ react_1.default.createElement("div", { className: "grid grid-cols-1 gap-4 p-4" },
59
+ react_1.default.createElement("div", null,
60
+ react_1.default.createElement(link_1.default, { href: navLinks[0].href, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
61
+ react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, navLinks[0].label))),
62
+ react_1.default.createElement("div", null, navLinks[1].megaMenuItems &&
63
+ navLinks[1].megaMenuItems.map(function (link) { return (react_1.default.createElement("div", { key: link.label },
64
+ react_1.default.createElement(link_1.default, { href: link.route, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
65
+ react_1.default.createElement("div", { className: "relative my-2 size-7" },
66
+ react_1.default.createElement(image_1.default, { alt: link.imageAlt, fill: true, height: 0, sizes: "10vw", src: link.imageSrc, width: 0 })),
67
+ react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, link.label)))); })),
68
+ react_1.default.createElement("div", null,
69
+ react_1.default.createElement(link_1.default, { href: navLinks[2].href, className: "flex cursor-pointer flex-row items-center justify-start gap-4" },
70
+ react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH3 }, navLinks[2].label))),
71
+ react_1.default.createElement("div", { className: "flex flex-col items-center gap-2" }, headerActions
62
72
  .filter(function (_a) {
63
73
  var enabled = _a.enabled;
64
74
  return enabled;
@@ -68,6 +78,6 @@ var Navbar = function (_a) {
68
78
  var handleOnClick = _a.handleOnClick, label = _a.label, type = _a.type;
69
79
  return (react_1.default.createElement("div", { key: label, className: "w-fit" },
70
80
  react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
71
- }))))));
81
+ })))))));
72
82
  };
73
83
  exports.Navbar = Navbar;
package/organisms/navbar/props.js CHANGED
@@ -23,8 +23,8 @@ exports.navbarData = {
23
23
  order: 2,
24
24
  },
25
25
  {
26
- label: 'Blogs',
27
- href: '/blogs',
26
+ label: 'Horoscope',
27
+ href: '/horoscopes',
28
28
  isActive: false,
29
29
  isHoverActive: false,
30
30
  enabled: true,
package/organisms/review-card/review-card.js CHANGED
@@ -19,7 +19,8 @@ var ReviewCard = function (_a) {
19
19
  react_1.default.createElement("div", { className: "grid grid-cols-2" },
20
20
  react_1.default.createElement(quote_icon_1.QuoteIcon, { fill: isActive ? '#FFF' : quoteIconFill, className: "size-10" }),
21
21
  react_1.default.createElement("div", { className: "flex flex-row-reverse gap-2" },
22
- isTrustPilot && (react_1.default.createElement(image_1.default, { src: "https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg", alt: "Trustpilot logo", width: 50, height: 50 })),
22
+ isTrustPilot && (react_1.default.createElement("div", { className: "relative size-10" },
23
+ react_1.default.createElement(image_1.default, { alt: "Trustpilot logo", fill: true, height: 0, sizes: "10vw", src: "https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg", width: 0 }))),
23
24
  react_1.default.createElement("div", { className: "flex flex-col items-end" },
24
25
  react_1.default.createElement("div", { className: "font-secondary" },
25
26
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, (0, util_functions_1.truncateText)(name, 10))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.99",
3
+ "version": "0.2.0",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",