@appcorp/kismaa-web-ui 0.1.30 → 0.1.31

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 +6 -9
  2. package/molecules/mega-menu-card/props.js +0 -1
  3. package/molecules/mega-menu-card/type.d.ts +0 -1
  4. package/organisms/mega-menu/mega-menu.js +4 -1
  5. package/organisms/mega-menu/props.js +45 -36
  6. package/package.json +1 -1
package/molecules/mega-menu-card/mega-menu-card.js CHANGED
@@ -8,14 +8,11 @@ var react_1 = __importDefault(require("react"));
8
8
  var image_1 = __importDefault(require("next/image"));
9
9
  var typography_1 = require("../typography");
10
10
  var MegaMenuCard = function (_a) {
11
- var imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, label = _a.label, description = _a.description, handleCardOnClick = _a.handleCardOnClick;
12
- return (react_1.default.createElement("div", { className: "flex cursor-pointer items-stretch gap-2", onClick: handleCardOnClick },
13
- react_1.default.createElement("div", { className: "w-16 overflow-hidden rounded-xl" },
14
- react_1.default.createElement(image_1.default, { src: imageSrc, alt: imageAlt, width: 64, height: 64, className: "h-full w-full object-cover" })),
15
- react_1.default.createElement("div", { className: "w-[80%]" },
16
- react_1.default.createElement("div", { className: "" },
17
- react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.SUBH5 }, label)),
18
- react_1.default.createElement("div", { className: "mt-1 text-[#767676]" },
19
- react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.SUBH5 }, description)))));
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 })),
15
+ react_1.default.createElement("div", { className: "flex w-[80%] items-center" },
16
+ react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.SUBH5 }, label))));
20
17
  };
21
18
  exports.MegaMenuCard = MegaMenuCard;
package/molecules/mega-menu-card/props.js CHANGED
@@ -5,6 +5,5 @@ 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
- description: 'Build your dream multi vendor marketplace',
9
8
  handleCardOnClick: function () { return void 0; },
10
9
  };
package/molecules/mega-menu-card/type.d.ts CHANGED
@@ -2,6 +2,5 @@ export interface MegaMenuCardProps {
2
2
  imageSrc: string;
3
3
  imageAlt: string;
4
4
  label: string;
5
- description: string;
6
5
  handleCardOnClick: () => void;
7
6
  }
package/organisms/mega-menu/mega-menu.js CHANGED
@@ -8,6 +8,9 @@ var molecules_1 = require("../../molecules");
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var MegaMenu = function (_a) {
10
10
  var items = _a.items;
11
- return (react_1.default.createElement("div", { className: "mx-auto grid w-full max-w-4xl grid-cols-1 gap-x-3 gap-y-10 rounded-md bg-white p-4 shadow-[0px_4px_23.8px_0px_#00000040] sm:grid-cols-2 sm:p-6 lg:grid-cols-3 lg:px-11 lg:py-10" }, items === null || items === void 0 ? void 0 : items.map(function (item, ind) { return (react_1.default.createElement(molecules_1.MegaMenuCard, { key: ind, label: item.label, description: item.description, imageAlt: item.imageAlt, imageSrc: item.imageSrc, handleCardOnClick: item.handleCardOnClick })); })));
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 }));
14
+ })));
12
15
  };
13
16
  exports.MegaMenu = MegaMenu;
package/organisms/mega-menu/props.js CHANGED
@@ -4,66 +4,75 @@ exports.megaMenuData = void 0;
4
4
  exports.megaMenuData = {
5
5
  items: [
6
6
  {
7
- imageAlt: 'Person Image',
8
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
9
- label: 'Going Literatures',
10
- description: 'Build your dream multi vendor marketplace',
7
+ imageAlt: 'Psychic Readings',
8
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic-readings.svg',
9
+ label: 'Psychic Readings',
11
10
  handleCardOnClick: function () { return void 0; },
12
11
  },
13
12
  {
14
- imageAlt: 'Person Image',
15
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
16
- label: 'Going Literatures',
17
- description: 'Build your dream multi vendor marketplace',
13
+ imageAlt: 'Love & Relationship',
14
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/love-relationship.svg',
15
+ label: 'Love & Relationship',
18
16
  handleCardOnClick: function () { return void 0; },
19
17
  },
20
18
  {
21
- imageAlt: 'Person Image',
22
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
23
- label: 'Going Literatures',
24
- description: 'Build your dream multi vendor marketplace',
19
+ imageAlt: 'Life Path & Advice',
20
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/life-path-advice.svg',
21
+ label: 'Life Path & Advice',
25
22
  handleCardOnClick: function () { return void 0; },
26
23
  },
27
24
  {
28
- imageAlt: 'Person Image',
29
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
30
- label: 'Going Literatures',
31
- description: 'Handful Reproduced uses now your text',
25
+ imageAlt: 'Numerology',
26
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/numerology.svg',
27
+ label: 'Numerology',
32
28
  handleCardOnClick: function () { return void 0; },
33
29
  },
34
30
  {
35
- imageAlt: 'Person Image',
36
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
37
- label: 'Going Literatures',
38
- description: 'Build your dream multi vendor marketplace',
31
+ imageAlt: 'Spiritual Readings',
32
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/spiritual-readings.svg',
33
+ label: 'Spiritual Readings',
39
34
  handleCardOnClick: function () { return void 0; },
40
35
  },
41
36
  {
42
- imageAlt: 'Person Image',
43
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
44
- label: 'Going Literatures',
45
- description: 'Build your dream multi vendor marketplace',
37
+ imageAlt: 'Tarot Card Readings',
38
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/tarot-card-readings.svg',
39
+ label: 'Tarot Card Readings',
46
40
  handleCardOnClick: function () { return void 0; },
47
41
  },
48
42
  {
49
- imageAlt: 'Person Image',
50
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
51
- label: 'Going Literatures',
52
- description: 'Build your dream multi vendor marketplace',
43
+ imageAlt: 'Astrology Readings',
44
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/astrology-readings.svg',
45
+ label: 'Astrology Readings',
53
46
  handleCardOnClick: function () { return void 0; },
54
47
  },
55
48
  {
56
- imageAlt: 'Person Image',
57
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
58
- label: 'Going Literatures',
59
- description: 'Build your dream multi vendor marketplace',
49
+ imageAlt: 'Dream Interpretation',
50
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/dream-interpretation.svg',
51
+ label: 'Dream Interpretation',
60
52
  handleCardOnClick: function () { return void 0; },
61
53
  },
62
54
  {
63
- imageAlt: 'Person Image',
64
- imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
65
- label: 'Going Literatures',
66
- description: 'Build your dream multi vendor marketplace',
55
+ imageAlt: 'Financial Outlook',
56
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/financial-outlook.svg',
57
+ label: 'Financial Outlook',
58
+ handleCardOnClick: function () { return void 0; },
59
+ },
60
+ {
61
+ imageAlt: 'Cartomancy Readings',
62
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/cartomancy-readings.svg',
63
+ label: 'Cartomancy Readings',
64
+ handleCardOnClick: function () { return void 0; },
65
+ },
66
+ {
67
+ imageAlt: 'Angel Readings',
68
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/angel-readings.svg',
69
+ label: 'Angel Readings',
70
+ handleCardOnClick: function () { return void 0; },
71
+ },
72
+ {
73
+ imageAlt: 'Aura Cleansing',
74
+ imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/aura-cleansing.svg',
75
+ label: 'Aura Cleansing',
67
76
  handleCardOnClick: function () { return void 0; },
68
77
  },
69
78
  ],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.30",
3
+ "version": "0.1.31",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",