@appcorp/kismaa-web-ui 0.1.50 → 0.1.52

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 (11) hide show
  1. package/molecules/horoscope-card/horoscope-card.js +13 -2
  2. package/molecules/horoscope-card/props.js +1 -8
  3. package/molecules/horoscope-card/type.d.ts +1 -2
  4. package/organisms/horoscope-cards-grid/props.js +12 -28
  5. package/organisms/horoscope-details-section/horoscope-details-section.js +2 -2
  6. package/organisms/horoscope-details-section/props.js +1 -8
  7. package/organisms/horoscope-details-section/type.d.ts +5 -4
  8. package/package.json +1 -1
  9. package/templates/horoscope-detail-page/horoscope-detail.js +2 -2
  10. package/templates/horoscope-detail-page/props.js +1 -1
  11. package/templates/horoscope-detail-page/type.d.ts +1 -1
package/molecules/horoscope-card/horoscope-card.js CHANGED
@@ -6,6 +6,7 @@ var _a;
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.HoroscopeCard = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
+ var image_1 = __importDefault(require("next/image"));
9
10
  var typography_1 = require("../typography");
10
11
  var type_1 = require("./type");
11
12
  var sizeMap = (_a = {},
@@ -13,9 +14,19 @@ var sizeMap = (_a = {},
13
14
  _a[type_1.HOROSCOPE_CARD_SIZES.SM] = 'my-3',
14
15
  _a);
15
16
  var HoroscopeCard = function (_a) {
16
- var cardHeading = _a.cardHeading, cardIcon = _a.cardIcon, handleCardOnClick = _a.handleCardOnClick, _b = _a.cardSize, cardSize = _b === void 0 ? type_1.HOROSCOPE_CARD_SIZES.MD : _b;
17
+ var cardHeading = _a.cardHeading, cardIcon = _a.cardIcon, _b = _a.cardSize, cardSize = _b === void 0 ? type_1.HOROSCOPE_CARD_SIZES.MD : _b, handleCardOnClick = _a.handleCardOnClick;
17
18
  return (react_1.default.createElement("div", { className: "group w-full cursor-pointer overflow-hidden rounded-xl border-[1px] border-gray-300 transition-all duration-300 ease-in-out hover:scale-[1.01] hover:border-purple-400/70", onClick: handleCardOnClick },
18
- react_1.default.createElement("div", { className: "flex justify-center rounded-xl bg-purple-300/50 p-4 transition-colors group-hover:bg-purple-400/70 ".concat(cardSize === type_1.HOROSCOPE_CARD_SIZES.SM ? 'lg:4 p-2' : 'md:p-8 lg:p-12', " ") }, cardIcon),
19
+ react_1.default.createElement("div", { className: "h-60 w-full bg-purple-300/50 p-8" },
20
+ react_1.default.createElement("div", { className: "relative h-full w-full" },
21
+ react_1.default.createElement(image_1.default
22
+ // className={`flex justify-center rounded-xl bg-purple-300/50 p-4 transition-colors group-hover:bg-purple-400/70 ${
23
+ // cardSize === HOROSCOPE_CARD_SIZES.SM ? 'lg:4 p-2' : 'md:p-8 lg:p-12'
24
+ // } `}
25
+ , {
26
+ // className={`flex justify-center rounded-xl bg-purple-300/50 p-4 transition-colors group-hover:bg-purple-400/70 ${
27
+ // cardSize === HOROSCOPE_CARD_SIZES.SM ? 'lg:4 p-2' : 'md:p-8 lg:p-12'
28
+ // } `}
29
+ className: "bg-contain bg-center", alt: cardHeading, fill: true, height: 0, sizes: "20vw", src: cardIcon, width: 0 }))),
19
30
  react_1.default.createElement("div", { className: "text-center ".concat(sizeMap[cardSize]) },
20
31
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H5 }, cardHeading))));
21
32
  };
package/molecules/horoscope-card/props.js CHANGED
@@ -1,15 +1,8 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.horoscopeCardData = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var sagitarious_icon_1 = require("../../atoms/sagitarious-icon");
9
4
  exports.horoscopeCardData = {
10
5
  cardHeading: 'SAGITTARIUS',
11
- cardIcon: react_1.default.createElement(sagitarious_icon_1.SagittariusIcon, {
12
- className: 'lg:h-full lg:w-full size-24',
13
- }),
6
+ cardIcon: '',
14
7
  handleCardOnClick: function () { return void 0; },
15
8
  };
package/molecules/horoscope-card/type.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import { ReactElement } from 'react';
2
1
  export declare enum HOROSCOPE_CARD_SIZES {
3
2
  SM = "SM",
4
3
  MD = "MD"
5
4
  }
6
5
  export interface HoroscopeCardProps {
7
6
  cardHeading: string;
8
- cardIcon: ReactElement;
7
+ cardIcon: string;
9
8
  handleCardOnClick: () => void;
10
9
  cardSize?: HOROSCOPE_CARD_SIZES;
11
10
  }
package/organisms/horoscope-cards-grid/props.js CHANGED
@@ -1,83 +1,67 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.horoscopeCardsGridData = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var sagitarious_icon_1 = require("../../atoms/sagitarious-icon");
9
4
  var molecules_1 = require("../../molecules");
10
- var capricon_icon_1 = require("../../atoms/capricon-icon");
11
- var aquarius_icon_1 = require("../../atoms/aquarius-icon");
12
- var scorpio_icon_1 = require("../../atoms/scorpio-icon");
13
- var pisces_icon_1 = require("../../atoms/pisces-icon");
14
- var libra_icon_1 = require("../../atoms/libra-icon");
15
- var cancer_icon_1 = require("../../atoms/cancer-icon");
16
- var virgo_icon_1 = require("../../atoms/virgo-icon");
17
- var aries_icon_1 = require("../../atoms/aries-icon");
18
- var taurus_icon_1 = require("../../atoms/taurus-icon");
19
- var gemini_icon_1 = require("../../atoms/gemini-icon");
20
- var leo_icon_1 = require("../../atoms/leo-icon");
21
5
  exports.horoscopeCardsGridData = {
22
6
  cardItems: [
23
7
  {
24
8
  cardHeading: 'SAGITTARIUS',
25
- cardIcon: react_1.default.createElement(sagitarious_icon_1.SagittariusIcon, { className: "size-32" }),
9
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/sagittarius.svg',
26
10
  handleCardOnClick: function () { return console.log('SAGITTARIUS'); },
27
11
  },
28
12
  {
29
13
  cardHeading: 'CAPRICORN',
30
- cardIcon: react_1.default.createElement(capricon_icon_1.CapriconIcon, { className: "size-32" }),
14
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/capricorn.svg',
31
15
  handleCardOnClick: function () { return console.log('ARIES'); },
32
16
  },
33
17
  {
34
18
  cardHeading: 'AQUARIUS',
35
- cardIcon: react_1.default.createElement(aquarius_icon_1.AquariusIcon, { className: "size-32" }),
19
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/aquarius.svg',
36
20
  handleCardOnClick: function () { return console.log('LEO'); },
37
21
  },
38
22
  {
39
23
  cardHeading: 'SCORPIO',
40
- cardIcon: react_1.default.createElement(scorpio_icon_1.ScorpioIcon, { className: "size-32" }),
24
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/scorpio.svg',
41
25
  handleCardOnClick: function () { return console.log('VIRGO'); },
42
26
  },
43
27
  {
44
28
  cardHeading: 'PISCES',
45
- cardIcon: react_1.default.createElement(pisces_icon_1.PiscesIcon, { className: "size-32" }),
29
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/pisces.svg',
46
30
  handleCardOnClick: function () { return console.log('LIBRA'); },
47
31
  },
48
32
  {
49
33
  cardHeading: 'LIBRA',
50
- cardIcon: react_1.default.createElement(libra_icon_1.LibraIcon, { className: "size-32" }),
34
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/libra.svg',
51
35
  handleCardOnClick: function () { return console.log('CAPRICORN'); },
52
36
  },
53
37
  {
54
38
  cardHeading: 'CANCER',
55
- cardIcon: react_1.default.createElement(cancer_icon_1.CancerIcon, { className: "size-32" }),
39
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/cancer.svg',
56
40
  handleCardOnClick: function () { return console.log('TAURUS'); },
57
41
  },
58
42
  {
59
43
  cardHeading: 'VIRGO',
60
- cardIcon: react_1.default.createElement(virgo_icon_1.VirgoIcon, { className: "size-32" }),
44
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/virgo.svg',
61
45
  handleCardOnClick: function () { return console.log('GEMINI'); },
62
46
  },
63
47
  {
64
48
  cardHeading: 'ARIES',
65
- cardIcon: react_1.default.createElement(aries_icon_1.AriesIcon, { className: "size-32" }),
49
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/aries.svg',
66
50
  handleCardOnClick: function () { return console.log('LIBRA'); },
67
51
  },
68
52
  {
69
53
  cardHeading: 'TAURUS',
70
- cardIcon: react_1.default.createElement(taurus_icon_1.TaurusIcon, { className: "size-32" }),
54
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/taurus.svg',
71
55
  handleCardOnClick: function () { return console.log('CAPRICORN'); },
72
56
  },
73
57
  {
74
58
  cardHeading: 'GEMINI',
75
- cardIcon: react_1.default.createElement(gemini_icon_1.GeminiIcon, { className: "size-32" }),
59
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/gemini.svg',
76
60
  handleCardOnClick: function () { return console.log('TAURUS'); },
77
61
  },
78
62
  {
79
63
  cardHeading: 'LEO',
80
- cardIcon: react_1.default.createElement(leo_icon_1.LeoIcon, { className: "size-32" }),
64
+ cardIcon: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/leo.svg',
81
65
  handleCardOnClick: function () { return console.log('GEMINI'); },
82
66
  },
83
67
  ],
package/organisms/horoscope-details-section/horoscope-details-section.js CHANGED
@@ -8,11 +8,11 @@ var react_1 = __importDefault(require("react"));
8
8
  var section_header_1 = require("../section-header");
9
9
  var accordion_1 = require("../../molecules/accordion");
10
10
  var HoroscopeDetailsSection = function (_a) {
11
- var heading = _a.heading, breadcrumbs = _a.breadcrumbs;
11
+ var heading = _a.heading, breadcrumbs = _a.breadcrumbs, items = _a.items;
12
12
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
13
13
  react_1.default.createElement("div", { className: "kismaa-container" },
14
14
  react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return void 0; }, breadcrumbs: breadcrumbs }),
15
15
  react_1.default.createElement("div", { className: "pt-8" },
16
- react_1.default.createElement(accordion_1.Accordion, { accordionItems: [{ title: 'Hello', description: 'Description' }] })))));
16
+ react_1.default.createElement(accordion_1.Accordion, { accordionItems: items })))));
17
17
  };
18
18
  exports.HoroscopeDetailsSection = HoroscopeDetailsSection;
package/organisms/horoscope-details-section/props.js CHANGED
@@ -1,17 +1,10 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.horoscopeDetailsSectionData = void 0;
7
- var horoscope_detail_mdx_1 = __importDefault(require("../horoscope-details/horoscope-detail.mdx"));
8
- var react_1 = __importDefault(require("react"));
9
4
  exports.horoscopeDetailsSectionData = {
10
5
  heading: 'Capricorn',
11
6
  breadcrumbs: {
12
7
  items: [{ label: 'Horoscope', route: '/horoscope', isActive: false }],
13
8
  },
14
- horoscopeDetails: react_1.default.createElement(horoscope_detail_mdx_1.default),
15
- sidebarImage: 'https://img.freepik.com/free-photo/capricorn-zodiac-sign-night-sky-horoscope-astrology-background-capricorn-pink-blue_559531-10997.jpg?t=st=1734081539~exp=1734085139~hmac=b8cf82f1d0ed850ac3eae9338fec5ca5cbd4dd068c7f08743cb2b54bb4d04456&w=996',
16
- sidebarDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no.\n\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel ut congue varius congue aliquet leo. Netus neque nibh semper in diam viverra nibh aliquam elit. Amet orci et dolor, faucibus a leo malesuada ullamcorper. Amet pellentesque velit felis mollis turpis pellentesque donec. Cursus consectetur mattis molestie nibh no.',
9
+ items: [{ title: 'Title', description: 'Description' }],
17
10
  };
package/organisms/horoscope-details-section/type.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { ReactElement } from 'react';
2
1
  import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
2
+ export interface HoroscopeFaqItem {
3
+ title: string;
4
+ description: string;
5
+ }
3
6
  export interface HoroscopeDetailsSectionTypes {
4
7
  heading: string;
5
- horoscopeDetails: ReactElement;
6
- sidebarImage: string;
7
- sidebarDescription: string;
8
8
  breadcrumbs: BreadcrumbsProps;
9
+ items: HoroscopeFaqItem[];
9
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.50",
3
+ "version": "0.1.52",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
package/templates/horoscope-detail-page/horoscope-detail.js CHANGED
@@ -19,14 +19,14 @@ var organisms_1 = require("../../organisms");
19
19
  var react_1 = __importDefault(require("react"));
20
20
  var disclaimer_1 = require("../../molecules/disclaimer/disclaimer");
21
21
  var HoroscopeDetailPage = function (_a) {
22
- var navbar = _a.navbar, banner = _a.banner, horoscopeDetails = _a.horoscopeDetails, relatedHoroscope = _a.relatedHoroscope, getAppBanner = _a.getAppBanner, ctaBannerProps = _a.ctaBannerProps, footer = _a.footer;
22
+ var navbar = _a.navbar, banner = _a.banner, horoscopeDetails = _a.horoscopeDetails, relatedHoroscope = _a.relatedHoroscope, getAppBanner = _a.getAppBanner, ctaBanner = _a.ctaBanner, footer = _a.footer;
23
23
  return (react_1.default.createElement("div", null,
24
24
  react_1.default.createElement(organisms_1.Navbar, __assign({}, navbar)),
25
25
  react_1.default.createElement(organisms_1.Banner, __assign({}, banner)),
26
26
  react_1.default.createElement(organisms_1.HoroscopeDetailsSection, __assign({}, horoscopeDetails)),
27
27
  react_1.default.createElement(organisms_1.HoroscopeSection, __assign({}, relatedHoroscope)),
28
28
  react_1.default.createElement(organisms_1.GetAppBanner, __assign({}, getAppBanner)),
29
- react_1.default.createElement(organisms_1.CtaBanner, __assign({}, ctaBannerProps)),
29
+ react_1.default.createElement(organisms_1.CtaBanner, __assign({}, ctaBanner)),
30
30
  react_1.default.createElement(organisms_1.Footer, __assign({}, footer)),
31
31
  react_1.default.createElement(disclaimer_1.Disclaimer, { id: "" })));
32
32
  };
package/templates/horoscope-detail-page/props.js CHANGED
@@ -24,7 +24,7 @@ var props_7 = require("../../organisms/horoscope-section/props");
24
24
  exports.horoscopeDetailPageData = {
25
25
  navbar: __assign({}, props_1.navbarData),
26
26
  banner: __assign(__assign({}, props_2.bannerData), { type: organisms_1.BANNER_TYPES.HEADER }),
27
- ctaBannerProps: __assign({}, props_3.ctaBannerData),
27
+ ctaBanner: __assign({}, props_3.ctaBannerData),
28
28
  getAppBanner: __assign({}, props_5.getAppBannerData),
29
29
  horoscopeDetails: __assign({}, props_6.horoscopeDetailsSectionData),
30
30
  footer: __assign({}, props_4.footerData),
package/templates/horoscope-detail-page/type.d.ts CHANGED
@@ -5,6 +5,6 @@ export interface HoroscopeDetailPageProps {
5
5
  horoscopeDetails: HoroscopeDetailsSectionTypes;
6
6
  relatedHoroscope: HoroscopeSectionProps;
7
7
  getAppBanner: GetAppProps;
8
- ctaBannerProps: CtaBannerProps;
8
+ ctaBanner: CtaBannerProps;
9
9
  footer: FooterProps;
10
10
  }