@appcorp/kismaa-web-ui 0.1.41 → 0.1.44

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/props.js +1 -0
  2. package/molecules/mega-menu-card/type.d.ts +1 -0
  3. package/organisms/mega-menu/mega-menu.js +2 -2
  4. package/organisms/mega-menu/props.js +12 -0
  5. package/organisms/navbar/navbar.js +2 -2
  6. package/package.json +23 -18
package/molecules/mega-menu-card/props.js CHANGED
@@ -5,5 +5,6 @@ exports.megaMenuCardData = {
5
5
  imageAlt: 'Person Image',
6
6
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
7
7
  label: 'Going Literatures',
8
+ route: '',
8
9
  handleCardOnClick: function () { return void 0; },
9
10
  };
package/molecules/mega-menu-card/type.d.ts CHANGED
@@ -2,5 +2,6 @@ export interface MegaMenuCardProps {
2
2
  imageSrc: string;
3
3
  imageAlt: string;
4
4
  label: string;
5
+ route: string;
5
6
  handleCardOnClick: () => void;
6
7
  }
package/organisms/mega-menu/mega-menu.js CHANGED
@@ -9,8 +9,8 @@ var react_1 = __importDefault(require("react"));
9
9
  var MegaMenu = function (_a) {
10
10
  var items = _a.items;
11
11
  return (react_1.default.createElement("div", { className: "mx-auto grid w-full max-w-4xl grid-cols-1 gap-4 gap-y-8 rounded-md bg-white p-4 shadow-[0px_4px_23.8px_0px_#00000040] sm:grid-cols-2 lg:grid-cols-3" }, items === null || items === void 0 ? void 0 : items.map(function (_a) {
12
- var label = _a.label, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, handleCardOnClick = _a.handleCardOnClick;
13
- return (react_1.default.createElement(molecules_1.MegaMenuCard, { key: label, label: label, imageAlt: imageAlt, imageSrc: imageSrc, handleCardOnClick: handleCardOnClick }));
12
+ var label = _a.label, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, route = _a.route, handleCardOnClick = _a.handleCardOnClick;
13
+ return (react_1.default.createElement(molecules_1.MegaMenuCard, { key: label, label: label, imageAlt: imageAlt, imageSrc: imageSrc, route: route, handleCardOnClick: handleCardOnClick }));
14
14
  })));
15
15
  };
16
16
  exports.MegaMenu = MegaMenu;
package/organisms/mega-menu/props.js CHANGED
@@ -7,72 +7,84 @@ exports.megaMenuData = {
7
7
  imageAlt: 'Psychic Readings',
8
8
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic-readings.svg',
9
9
  label: 'Psychic Readings',
10
+ route: '',
10
11
  handleCardOnClick: function () { return void 0; },
11
12
  },
12
13
  {
13
14
  imageAlt: 'Love & Relationship',
14
15
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/love-relationship.svg',
15
16
  label: 'Love & Relationship',
17
+ route: '',
16
18
  handleCardOnClick: function () { return void 0; },
17
19
  },
18
20
  {
19
21
  imageAlt: 'Life Path & Advice',
20
22
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/life-path-advice.svg',
21
23
  label: 'Life Path & Advice',
24
+ route: '',
22
25
  handleCardOnClick: function () { return void 0; },
23
26
  },
24
27
  {
25
28
  imageAlt: 'Numerology',
26
29
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/numerology.svg',
27
30
  label: 'Numerology',
31
+ route: '',
28
32
  handleCardOnClick: function () { return void 0; },
29
33
  },
30
34
  {
31
35
  imageAlt: 'Spiritual Readings',
32
36
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/spiritual-readings.svg',
33
37
  label: 'Spiritual Readings',
38
+ route: '',
34
39
  handleCardOnClick: function () { return void 0; },
35
40
  },
36
41
  {
37
42
  imageAlt: 'Tarot Card Readings',
38
43
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/tarot-card-readings.svg',
39
44
  label: 'Tarot Card Readings',
45
+ route: '',
40
46
  handleCardOnClick: function () { return void 0; },
41
47
  },
42
48
  {
43
49
  imageAlt: 'Astrology Readings',
44
50
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/astrology-readings.svg',
45
51
  label: 'Astrology Readings',
52
+ route: '',
46
53
  handleCardOnClick: function () { return void 0; },
47
54
  },
48
55
  {
49
56
  imageAlt: 'Dream Interpretation',
50
57
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/dream-interpretation.svg',
51
58
  label: 'Dream Interpretation',
59
+ route: '',
52
60
  handleCardOnClick: function () { return void 0; },
53
61
  },
54
62
  {
55
63
  imageAlt: 'Financial Outlook',
56
64
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/financial-outlook.svg',
57
65
  label: 'Financial Outlook',
66
+ route: '',
58
67
  handleCardOnClick: function () { return void 0; },
59
68
  },
60
69
  {
61
70
  imageAlt: 'Cartomancy Readings',
62
71
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/cartomancy-readings.svg',
63
72
  label: 'Cartomancy Readings',
73
+ route: '',
64
74
  handleCardOnClick: function () { return void 0; },
65
75
  },
66
76
  {
67
77
  imageAlt: 'Angel Readings',
68
78
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/angel-readings.svg',
69
79
  label: 'Angel Readings',
80
+ route: '',
70
81
  handleCardOnClick: function () { return void 0; },
71
82
  },
72
83
  {
73
84
  imageAlt: 'Aura Cleansing',
74
85
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/aura-cleansing.svg',
75
86
  label: 'Aura Cleansing',
87
+ route: '',
76
88
  handleCardOnClick: function () { return void 0; },
77
89
  },
78
90
  ],
package/organisms/navbar/navbar.js CHANGED
@@ -17,7 +17,7 @@ var Navbar = function (_a) {
17
17
  var renderNavLink = function (link) {
18
18
  var _a;
19
19
  return (react_1.default.createElement("div", { key: link.label, className: "relative w-fit", onMouseEnter: handleMegaMenuToggle, onMouseLeave: handleMegaMenuToggle },
20
- react_1.default.createElement(link_1.default, { href: link.href, className: "cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ".concat(link.isActive ? 'text-primary' : 'text-[#263238]', " flex items-center gap-1") },
20
+ react_1.default.createElement(link_1.default, { href: link.href, className: "hover:text-primary cursor-pointer transition-all duration-300 ease-in-out ".concat(link.isActive ? 'text-primary' : 'text-[#263238]', " flex items-center gap-1") },
21
21
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH2 }, link.label)),
22
22
  link.isHoverActive && ((_a = link.megaMenuItems) === null || _a === void 0 ? void 0 : _a.length) && (react_1.default.createElement(react_1.default.Fragment, null,
23
23
  react_1.default.createElement(header_pointer_icon_1.HeaderTriangleIcon, { className: "absolute -bottom-14 left-5 z-50 size-8" }),
@@ -32,7 +32,7 @@ var Navbar = function (_a) {
32
32
  react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" }),
33
33
  react_1.default.createElement("button", { onClick: toggleMobileMenu, className: "cursor-pointer" }, isMobileMenuOpen ? (react_1.default.createElement(solid_1.XMarkIcon, { className: "h-8 w-8" })) : (react_1.default.createElement(solid_1.Bars3Icon, { className: "h-8 w-8" })))),
34
34
  react_1.default.createElement("div", { className: "hidden w-[85%] items-center justify-between lg:flex" },
35
- react_1.default.createElement("div", { className: "flex gap-10" }, navLinks
35
+ react_1.default.createElement("div", { className: "flex gap-8" }, navLinks
36
36
  .filter(function (_a) {
37
37
  var enabled = _a.enabled;
38
38
  return enabled;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.41",
3
+ "version": "0.1.44",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -21,10 +21,12 @@
21
21
  "prepare": "husky",
22
22
  "publish:npm": "yarn build && cd lib/ && npm publish --access public && cd ..",
23
23
  "start": "next start",
24
- "storybook": "storybook dev -p 9001",
24
+ "storybook": "concurrently 'yarn:watch:*'",
25
25
  "test": "jest",
26
26
  "test:coverage": "jest --coverage",
27
- "test:watch": "jest --watch"
27
+ "test:watch": "jest --watch",
28
+ "watch:storybook": "storybook dev -p 9001",
29
+ "watch:tailwind": "npx @tailwindcss/cli -i src/styles/globals.css -o src/styles/tailwind-output.css --watch"
28
30
  },
29
31
  "lint-staged": {
30
32
  "*.{js,jsx,ts,tsx}": [
@@ -43,7 +45,7 @@
43
45
  "dependencies": {},
44
46
  "devDependencies": {
45
47
  "@appcorp/app-corp-designs": "^0.4.45",
46
- "@appcorp/app-corp-vista": "^0.0.34",
48
+ "@appcorp/app-corp-vista": "^0.0.60",
47
49
  "@appcorp/kismaa-utils": "^0.1.43",
48
50
  "@chromatic-com/storybook": "3.2.3",
49
51
  "@eslint/compat": "^1.2.3",
@@ -55,16 +57,19 @@
55
57
  "@next/eslint-plugin-next": "^15",
56
58
  "@next/mdx": "^15",
57
59
  "@react-pakistan/util-functions": "^1.23.34",
58
- "@storybook/addon-essentials": "8.4.7",
59
- "@storybook/addon-interactions": "8.4.7",
60
- "@storybook/addon-onboarding": "8.4.7",
61
- "@storybook/addon-themes": "8.4.7",
62
- "@storybook/addon-webpack5-compiler-swc": "1.0.5",
63
- "@storybook/blocks": "8.4.7",
64
- "@storybook/nextjs": "8.4.7",
65
- "@storybook/react": "8.4.7",
66
- "@storybook/react-webpack5": "8.4.7",
67
- "@storybook/test": "8.4.7",
60
+ "@storybook/addon-essentials": "8.5.1",
61
+ "@storybook/addon-interactions": "8.5.1",
62
+ "@storybook/addon-links": "^8.5.3",
63
+ "@storybook/addon-onboarding": "8.5.1",
64
+ "@storybook/addon-themes": "8.5.1",
65
+ "@storybook/blocks": "8.5.1",
66
+ "@storybook/nextjs": "8.5.1",
67
+ "@storybook/react": "8.5.1",
68
+ "@storybook/test": "8.5.1",
69
+ "@storybook/types": "^8.5.3",
70
+ "@tailwindcss/cli": "^4",
71
+ "@tailwindcss/forms": "^0.5.10",
72
+ "@tailwindcss/postcss": "^4",
68
73
  "@testing-library/dom": "^10.4.0",
69
74
  "@testing-library/jest-dom": "^6.6.3",
70
75
  "@testing-library/react": "^16.0.1",
@@ -73,7 +78,7 @@
73
78
  "@types/node": "^22",
74
79
  "@types/react": "^19",
75
80
  "@types/react-dom": "^19",
76
- "concurrently": "^9.1.0",
81
+ "concurrently": "^9.1.2",
77
82
  "eslint": "^9.16.0",
78
83
  "eslint-config-next": "^15",
79
84
  "eslint-config-prettier": "^9.1.0",
@@ -88,13 +93,13 @@
88
93
  "next-themes": "^0.4.3",
89
94
  "postcss": "^8",
90
95
  "prettier": "^3.4.1",
91
- "prettier-plugin-tailwindcss": "^0.6.9",
96
+ "prettier-plugin-tailwindcss": "^0.6.11",
92
97
  "react": "^19",
93
98
  "react-dom": "^19",
94
99
  "rimraf": "^6.0.1",
95
- "storybook": "8.4.7",
100
+ "storybook": "8.5.1",
96
101
  "swiper": "^11.1.15",
97
- "tailwindcss": "^3.4.1",
102
+ "tailwindcss": "^4",
98
103
  "ts-jest": "^29.2.5",
99
104
  "ts-node": "^10.9.2",
100
105
  "typescript": "^5"