@appcorp/kismaa-web-ui 0.2.64 → 0.2.65

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 (15) hide show
  1. package/molecules/accordion/accordion.js +5 -2
  2. package/molecules/badge/badge.js +2 -2
  3. package/molecules/blog-list/index.js +4 -3
  4. package/molecules/breadcrumbs/breadcrumbs.js +2 -2
  5. package/molecules/button/button.js +6 -4
  6. package/molecules/user-card/user-card.js +3 -3
  7. package/organisms/banner/banner.js +2 -2
  8. package/organisms/blog-detail-section/blog-detail-section.js +4 -3
  9. package/organisms/core-values-section/core-values-section.js +2 -2
  10. package/organisms/cta-banner/cta-banner.js +2 -2
  11. package/organisms/highlight-banner/highlight-banner.js +2 -2
  12. package/organisms/navbar/navbar.js +3 -2
  13. package/organisms/onboarding-step-card/onboarding-step-card.js +2 -2
  14. package/organisms/section-header/section-header.js +2 -2
  15. package/package.json +1 -1
package/molecules/accordion/accordion.js CHANGED
@@ -41,10 +41,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
41
41
  }
42
42
  return to.concat(ar || Array.prototype.slice.call(from));
43
43
  };
44
+ var __importDefault = (this && this.__importDefault) || function (mod) {
45
+ return (mod && mod.__esModule) ? mod : { "default": mod };
46
+ };
44
47
  Object.defineProperty(exports, "__esModule", { value: true });
45
48
  exports.Accordion = void 0;
46
49
  var react_1 = __importStar(require("react"));
47
- var solid_1 = require("@heroicons/react/24/solid");
50
+ var ChevronDownIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronDownIcon"));
48
51
  var typography_1 = require("../typography");
49
52
  var Accordion = function (_a) {
50
53
  var accordionItems = _a.accordionItems;
@@ -64,7 +67,7 @@ var Accordion = function (_a) {
64
67
  react_1.default.createElement("div", { className: open[index]
65
68
  ? 'bg-primary w-fit rounded-full p-2 text-white'
66
69
  : 'text-primary w-fit rounded-full bg-white p-2', style: { boxShadow: '0px 5px 16px 0px #080F340F' } },
67
- react_1.default.createElement(solid_1.ChevronDownIcon, { className: "h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ".concat(open[index] ? 'rotate-180' : ' ', " ") })))),
70
+ react_1.default.createElement(ChevronDownIcon_1.default, { className: "h-4 w-4 transition-all duration-300 ease-in-out lg:h-7 lg:w-7 ".concat(open[index] ? 'rotate-180' : ' ', " ") })))),
68
71
  open[index] && (react_1.default.createElement("div", { className: "mt-7 w-[95%] text-black/45" },
69
72
  typeof item.description === 'string' && (react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, item.description)),
70
73
  typeof item.description === 'object' && (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
package/molecules/badge/badge.js CHANGED
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
8
8
  // import { PSYCHIC_SPECIALITY } from '@appcorp/kismaa-utils';
9
9
  // import { textToEnum } from '@react-pakistan/util-functions';
10
10
  var type_1 = require("./type");
11
- var outline_1 = require("@heroicons/react/24/outline");
11
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
12
12
  var classNameMap = function () {
13
13
  var _a;
14
14
  return (_a = {},
@@ -22,6 +22,6 @@ var Badge = function (_a) {
22
22
  return (react_1.default.createElement("div", { className: "font-primary flex w-fit flex-row items-center justify-center gap-2 ".concat(classNameMap()[type]) },
23
23
  label,
24
24
  handleOnCrossClick && (react_1.default.createElement("button", { onClick: function () { return handleOnCrossClick(label); } },
25
- react_1.default.createElement(outline_1.XMarkIcon, { className: "size-4" })))));
25
+ react_1.default.createElement(XMarkIcon_1.default, { className: "size-4" })))));
26
26
  };
27
27
  exports.Badge = Badge;
package/molecules/blog-list/index.js CHANGED
@@ -7,7 +7,8 @@ exports.BlogList = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var image_1 = __importDefault(require("next/image"));
9
9
  var util_functions_1 = require("@react-pakistan/util-functions");
10
- var outline_1 = require("@heroicons/react/24/outline");
10
+ var ClockIcon_1 = __importDefault(require("@heroicons/react/24/outline/ClockIcon"));
11
+ var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
11
12
  var BlogList = function (_a) {
12
13
  var items = _a.items, handleClick = _a.handleClick;
13
14
  return (react_1.default.createElement("div", { className: "flex flex-col gap-8" }, items.map(function (d) { return (react_1.default.createElement("div", { onClick: function () { return handleClick(d.slug); }, key: d.id, className: "flex cursor-pointer flex-row gap-4 rounded-lg bg-gray-100 p-4 shadow-md" },
@@ -16,10 +17,10 @@ var BlogList = function (_a) {
16
17
  react_1.default.createElement("div", { className: "flex w-full flex-col justify-center gap-4" },
17
18
  react_1.default.createElement("div", { className: "flex flex-row items-start justify-start gap-8" },
18
19
  react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
19
- react_1.default.createElement(outline_1.CalendarIcon, { className: "size-4" }),
20
+ react_1.default.createElement(CalendarIcon_1.default, { className: "size-4" }),
20
21
  react_1.default.createElement("p", { className: "text-sm text-gray-500" }, (0, util_functions_1.formatDate)(d.date, util_functions_1.DATE_FORMATS.DAY_DD_MM_YY_COMPACT))),
21
22
  react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
22
- react_1.default.createElement(outline_1.ClockIcon, { className: "size-5", stroke: "var(--color-gray-500)" }),
23
+ react_1.default.createElement(ClockIcon_1.default, { className: "size-5", stroke: "var(--color-gray-500)" }),
23
24
  react_1.default.createElement("p", { className: "text-sm text-gray-500" }, d.readTime))),
24
25
  react_1.default.createElement("p", { className: "font-secondary text-xl font-bold" }, d.title),
25
26
  react_1.default.createElement("p", { className: "text-md text-gray-500" }, (0, util_functions_1.truncateText)(d.excerpt, 100))))); })));
package/molecules/breadcrumbs/breadcrumbs.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.BreadCrumbs = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var link_1 = __importDefault(require("next/link"));
10
- var solid_1 = require("@heroicons/react/24/solid");
10
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
11
11
  var home_icon_1 = require("../../atoms/home-icon");
12
12
  var BreadCrumbs = function (_a) {
13
13
  var items = _a.items;
@@ -21,7 +21,7 @@ var BreadCrumbs = function (_a) {
21
21
  var label = _a.label, route = _a.route, isActive = _a.isActive;
22
22
  var isLast = index === items.length - 1;
23
23
  return (react_1.default.createElement("li", { key: label, className: "flex items-center text-xs lg:text-sm" },
24
- react_1.default.createElement(solid_1.ChevronRightIcon, { className: "mx-1 h-4 w-4 flex-shrink-0 text-gray-400 lg:mx-2", "aria-hidden": "true" }),
24
+ react_1.default.createElement(ChevronRightIcon_1.default, { className: "mx-1 h-4 w-4 flex-shrink-0 text-gray-400 lg:mx-2", "aria-hidden": "true" }),
25
25
  isLast || isActive ? (react_1.default.createElement("span", { className: "font-normal text-slate-500", "aria-current": "page" }, label)) : (react_1.default.createElement(link_1.default, { href: route, className: "text-primary hover:underline" }, label))));
26
26
  }))));
27
27
  };
package/molecules/button/button.js CHANGED
@@ -6,7 +6,9 @@ var _a, _b, _c, _d;
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.Button = exports.sizeMap = exports.hoverMap = exports.colorMap = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/24/solid");
9
+ var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/24/solid/ArrowPathIcon"));
10
+ var CheckIcon_1 = __importDefault(require("@heroicons/react/24/solid/CheckIcon"));
11
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/solid/XMarkIcon"));
10
12
  var type_1 = require("./type");
11
13
  exports.colorMap = (_a = {},
12
14
  _a[type_1.BUTTON_TYPES.PRIMARY] = 'bg-primary text-white transition-all ease-in-out duration-300',
@@ -58,15 +60,15 @@ var Button = function (_a) {
58
60
  var renderContent = function () {
59
61
  if (type === type_1.BUTTON_TYPES.LOADING) {
60
62
  return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
61
- react_1.default.createElement(solid_1.ArrowPathIcon, { className: "size-6 animate-spin" })));
63
+ react_1.default.createElement(ArrowPathIcon_1.default, { className: "size-6 animate-spin" })));
62
64
  }
63
65
  if (type === type_1.BUTTON_TYPES.SUCCESS) {
64
66
  return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
65
- react_1.default.createElement(solid_1.CheckIcon, { className: "size-6" })));
67
+ react_1.default.createElement(CheckIcon_1.default, { className: "size-6" })));
66
68
  }
67
69
  if (type === type_1.BUTTON_TYPES.ERROR) {
68
70
  return (react_1.default.createElement("div", { className: "flex min-w-32 items-center justify-center gap-2" },
69
- react_1.default.createElement(solid_1.XMarkIcon, { className: "size-6" })));
71
+ react_1.default.createElement(XMarkIcon_1.default, { className: "size-6" })));
70
72
  }
71
73
  return (react_1.default.createElement("div", { className: "flex w-[100%] items-center justify-center gap-2" },
72
74
  iconPrefix,
package/molecules/user-card/user-card.js CHANGED
@@ -14,7 +14,7 @@ var typography_1 = require("../typography");
14
14
  var badge_1 = require("../badge");
15
15
  var type_1 = require("../badge/type");
16
16
  var ratings_1 = require("../ratings");
17
- var solid_1 = require("@heroicons/react/24/solid");
17
+ var HeartIcon_1 = __importDefault(require("@heroicons/react/24/solid/HeartIcon"));
18
18
  var UserCard = function (_a) {
19
19
  var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, handleIsFavorite = _a.handleIsFavorite, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isFavorite = _a.isFavorite, isHovered = _a.isHovered, loggedInUser = _a.loggedInUser, name = _a.name, onlineStatus = _a.onlineStatus, price = _a.price, rating = _a.rating, handleOnMouseEnter = _a.handleOnMouseEnter, handleOnMouseLeave = _a.handleOnMouseLeave, username = _a.username;
20
20
  return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onClick: function (e) {
@@ -60,10 +60,10 @@ var UserCard = function (_a) {
60
60
  e.stopPropagation();
61
61
  handleIsFavorite(id);
62
62
  } },
63
- react_1.default.createElement(solid_1.HeartIcon, { className: "h-8 w-8 text-red-500" }))) : (react_1.default.createElement("div", { onClick: function (e) {
63
+ react_1.default.createElement(HeartIcon_1.default, { className: "h-8 w-8 text-red-500" }))) : (react_1.default.createElement("div", { onClick: function (e) {
64
64
  e.stopPropagation();
65
65
  handleIsFavorite(id);
66
66
  } },
67
- react_1.default.createElement(solid_1.HeartIcon, { className: "h-8 w-8 text-gray-500" })))))))));
67
+ react_1.default.createElement(HeartIcon_1.default, { className: "h-8 w-8 text-gray-500" })))))))));
68
68
  };
69
69
  exports.UserCard = UserCard;
package/organisms/banner/banner.js CHANGED
@@ -8,7 +8,7 @@ exports.Banner = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var type_1 = require("./type");
10
10
  var molecules_1 = require("../../molecules");
11
- var solid_1 = require("@heroicons/react/24/solid");
11
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
12
12
  var bannerSizeMap = (_a = {},
13
13
  _a[type_1.BANNER_TYPES.HEADER] = 'lg:h-96 h-72',
14
14
  _a[type_1.BANNER_TYPES.HERO] = 'lg:pt-72 pt-48 lg:pb-32 pb-16',
@@ -30,7 +30,7 @@ var Banner = function (_a) {
30
30
  .sort(function (a, b) { return a.order - b.order; })
31
31
  .map(function (_a) {
32
32
  var label = _a.label, handleOnClick = _a.handleOnClick;
33
- return (react_1.default.createElement(molecules_1.Button, { handleOnClick: handleOnClick, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), key: label, label: label, type: molecules_1.BUTTON_TYPES.PRIMARY }));
33
+ return (react_1.default.createElement(molecules_1.Button, { handleOnClick: handleOnClick, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), key: label, label: label, type: molecules_1.BUTTON_TYPES.PRIMARY }));
34
34
  })))));
35
35
  };
36
36
  return (react_1.default.createElement("section", { style: {
package/organisms/blog-detail-section/blog-detail-section.js CHANGED
@@ -8,7 +8,8 @@ var react_1 = __importDefault(require("react"));
8
8
  var image_1 = __importDefault(require("next/image"));
9
9
  var section_header_1 = require("../section-header");
10
10
  var util_functions_1 = require("@react-pakistan/util-functions");
11
- var outline_1 = require("@heroicons/react/24/outline");
11
+ var ClockIcon_1 = __importDefault(require("@heroicons/react/24/outline/ClockIcon"));
12
+ var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
12
13
  var BlogDetailSection = function (_a) {
13
14
  var blogBanner = _a.blogBanner, blogContent = _a.blogContent, blogPublishedDate = _a.blogPublishedDate, blogTimeToRead = _a.blogTimeToRead, blogTitle = _a.blogTitle, breadcrumbs = _a.breadcrumbs, sectionHeading = _a.sectionHeading;
14
15
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
@@ -18,10 +19,10 @@ var BlogDetailSection = function (_a) {
18
19
  react_1.default.createElement(image_1.default, { alt: blogTitle, className: "object-cover", fill: true, height: 0, sizes: "70vw", src: blogBanner, width: 0 })),
19
20
  react_1.default.createElement("div", { className: "flex flex-row items-start justify-start gap-8 py-8" },
20
21
  react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
21
- react_1.default.createElement(outline_1.CalendarIcon, { className: "size-4" }),
22
+ react_1.default.createElement(CalendarIcon_1.default, { className: "size-4" }),
22
23
  react_1.default.createElement("p", { className: "text-sm text-gray-500" }, (0, util_functions_1.formatDate)(blogPublishedDate, util_functions_1.DATE_FORMATS.DAY_DD_MM_YY_COMPACT))),
23
24
  react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
24
- react_1.default.createElement(outline_1.ClockIcon, { className: "size-5", stroke: "var(--color-gray-500)" }),
25
+ react_1.default.createElement(ClockIcon_1.default, { className: "size-5", stroke: "var(--color-gray-500)" }),
25
26
  react_1.default.createElement("p", { className: "text-sm text-gray-500" }, blogTimeToRead))),
26
27
  react_1.default.createElement("div", { className: "grid grid-cols-12 gap-16 pt-8" },
27
28
  react_1.default.createElement("div", { className: "col-span-12" }, blogContent)))));
package/organisms/core-values-section/core-values-section.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.CoreValuesSection = void 0;
7
7
  var molecules_1 = require("../../molecules");
8
8
  var core_values_card_1 = require("../../molecules/core-values-card");
9
- var solid_1 = require("@heroicons/react/24/solid");
9
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
10
10
  var react_1 = __importDefault(require("react"));
11
11
  var CoreValuesSection = function (_a) {
12
12
  var heading = _a.heading, description = _a.description, coreValuesCard = _a.coreValuesCard, btnHandleOnClick = _a.btnHandleOnClick, btnLabel = _a.btnLabel;
@@ -19,6 +19,6 @@ var CoreValuesSection = function (_a) {
19
19
  react_1.default.createElement("div", { className: "mt-16 grid grid-cols-12 gap-8" }, coreValuesCard.slice(0, 6).map(function (value, index) { return (react_1.default.createElement("div", { className: "col-span-12 md:col-span-6 lg:col-span-4", key: index },
20
20
  react_1.default.createElement(core_values_card_1.CoreValuesCard, { icon: value.icon, heading: value.heading, description: value.description }))); })),
21
21
  react_1.default.createElement("div", { className: "mx-auto mt-14 w-fit" },
22
- react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.PRIMARY, size: molecules_1.BUTTON_SIZES.MD, label: btnLabel, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: btnHandleOnClick })))));
22
+ react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.PRIMARY, size: molecules_1.BUTTON_SIZES.MD, label: btnLabel, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: btnHandleOnClick })))));
23
23
  };
24
24
  exports.CoreValuesSection = CoreValuesSection;
package/organisms/cta-banner/cta-banner.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.CtaBanner = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
- var solid_1 = require("@heroicons/react/24/solid");
8
+ var ArrowRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ArrowRightIcon"));
9
9
  var button_1 = require("../../molecules/button");
10
10
  var typography_1 = require("../../molecules/typography");
11
11
  var CtaBanner = function (_a) {
@@ -26,6 +26,6 @@ var CtaBanner = function (_a) {
26
26
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description)),
27
27
  react_1.default.createElement("div", { className: "flex w-fit flex-col items-start justify-start gap-6 md:w-[75%] lg:w-[85%] lg:flex-row lg:items-center" },
28
28
  react_1.default.createElement(button_1.Button, { handleOnClick: firstBtnHandleClick, label: firstBtnText, type: button_1.BUTTON_TYPES.PRIMARY }),
29
- react_1.default.createElement(button_1.Button, { handleOnClick: secondBtnHandleClick, iconSuffix: react_1.default.createElement(solid_1.ArrowRightIcon, { className: "size-5" }), label: secondBtnText, outlined: true, type: button_1.BUTTON_TYPES.PRIMARY }))))));
29
+ react_1.default.createElement(button_1.Button, { handleOnClick: secondBtnHandleClick, iconSuffix: react_1.default.createElement(ArrowRightIcon_1.default, { className: "size-5" }), label: secondBtnText, outlined: true, type: button_1.BUTTON_TYPES.PRIMARY }))))));
30
30
  };
31
31
  exports.CtaBanner = CtaBanner;
package/organisms/highlight-banner/highlight-banner.js CHANGED
@@ -7,7 +7,7 @@ exports.HighlightBanner = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var typography_1 = require("../../molecules/typography");
9
9
  var button_1 = require("../../molecules/button");
10
- var solid_1 = require("@heroicons/react/24/solid");
10
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
11
11
  var HighlightBanner = function (_a) {
12
12
  var bannerButtonText = _a.bannerButtonText, bannerDescription = _a.bannerDescription, bannerTitle = _a.bannerTitle, handleCtaClick = _a.handleCtaClick, bannerBg = _a.bannerBg;
13
13
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-purple-200", style: {
@@ -21,6 +21,6 @@ var HighlightBanner = function (_a) {
21
21
  react_1.default.createElement("div", { className: "mt-3 flex flex-col items-center gap-4 text-gray-600" },
22
22
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, bannerDescription),
23
23
  react_1.default.createElement("div", { className: "mt-4 w-fit" },
24
- react_1.default.createElement(button_1.Button, { label: bannerButtonText, type: button_1.BUTTON_TYPES.PRIMARY, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: handleCtaClick })))))));
24
+ react_1.default.createElement(button_1.Button, { label: bannerButtonText, type: button_1.BUTTON_TYPES.PRIMARY, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: handleCtaClick })))))));
25
25
  };
26
26
  exports.HighlightBanner = HighlightBanner;
package/organisms/navbar/navbar.js CHANGED
@@ -7,7 +7,8 @@ exports.Navbar = void 0;
7
7
  var kismaa_logo_1 = require("../../atoms/kismaa-logo");
8
8
  var search_icon_1 = require("../../atoms/search-icon");
9
9
  var molecules_1 = require("../../molecules");
10
- var solid_1 = require("@heroicons/react/24/solid");
10
+ var Bars3Icon_1 = __importDefault(require("@heroicons/react/24/solid/Bars3Icon"));
11
+ var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/solid/XMarkIcon"));
11
12
  var link_1 = __importDefault(require("next/link"));
12
13
  var react_1 = __importDefault(require("react"));
13
14
  var image_1 = __importDefault(require("next/image"));
@@ -39,7 +40,7 @@ var Navbar = function (_a) {
39
40
  react_1.default.createElement(kismaa_logo_1.KismaaLogo, { className: "size-20 lg:h-20 lg:w-28" })),
40
41
  react_1.default.createElement("div", { className: "flex items-center gap-6 lg:hidden" },
41
42
  react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" }),
42
- 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" })))),
43
+ react_1.default.createElement("button", { onClick: toggleMobileMenu, className: "cursor-pointer" }, isMobileMenuOpen ? (react_1.default.createElement(XMarkIcon_1.default, { className: "h-8 w-8" })) : (react_1.default.createElement(Bars3Icon_1.default, { className: "h-8 w-8" })))),
43
44
  react_1.default.createElement("div", { className: "hidden w-[85%] items-center justify-between lg:flex" },
44
45
  react_1.default.createElement("div", { className: "flex gap-8" }, navLinks
45
46
  .filter(function (_a) {
package/organisms/onboarding-step-card/onboarding-step-card.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.OnboardingStepCard = void 0;
7
7
  var molecules_1 = require("../../molecules");
8
- var solid_1 = require("@heroicons/react/24/solid");
8
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
9
9
  var react_1 = __importDefault(require("react"));
10
10
  var type_1 = require("./type");
11
11
  var vista_combobox_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-combobox-v1/vista-combobox-v1");
@@ -17,6 +17,6 @@ var OnboardingStepCard = function (props) {
17
17
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H3 }, title)),
18
18
  react_1.default.createElement("div", { className: "my-4 text-center" },
19
19
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H6 }, description)),
20
- react_1.default.createElement("div", null, btnType === type_1.ONBOARDING_BTN_TYPES.BUTTON ? (react_1.default.createElement(molecules_1.Button, { label: props.buttonText, size: molecules_1.BUTTON_SIZES.MD, type: molecules_1.BUTTON_TYPES.QUATERNARY, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-6" }), handleOnClick: props.onButtonClick })) : (react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { comboboxInputClassName: "bg-white focus:outline-purple-300 py-2 border-[1px] border-primary", handleInputOnChange: props.comboInputOnChange, handleOnBlur: props.comboOnBlur, handleOnChange: props.comboOnChange, label: props.comboLabel, listItems: props.comboListItems, nodeQueryKey: props.nodeQueryKey, nodeSelectKey: props.nodeSelectKey, placeholder: props.placeholder, query: props.comboQuery, selectKey1: props.comboSelectKey1, selectedItem: props.comboSelectedItem })))));
20
+ react_1.default.createElement("div", null, btnType === type_1.ONBOARDING_BTN_TYPES.BUTTON ? (react_1.default.createElement(molecules_1.Button, { label: props.buttonText, size: molecules_1.BUTTON_SIZES.MD, type: molecules_1.BUTTON_TYPES.QUATERNARY, iconSuffix: react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-6" }), handleOnClick: props.onButtonClick })) : (react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { comboboxInputClassName: "bg-white focus:outline-purple-300 py-2 border-[1px] border-primary", handleInputOnChange: props.comboInputOnChange, handleOnBlur: props.comboOnBlur, handleOnChange: props.comboOnChange, label: props.comboLabel, listItems: props.comboListItems, nodeQueryKey: props.nodeQueryKey, nodeSelectKey: props.nodeSelectKey, placeholder: props.placeholder, query: props.comboQuery, selectKey1: props.comboSelectKey1, selectedItem: props.comboSelectedItem })))));
21
21
  };
22
22
  exports.OnboardingStepCard = OnboardingStepCard;
package/organisms/section-header/section-header.js CHANGED
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.SectionHeader = void 0;
7
7
  var molecules_1 = require("../../molecules");
8
8
  var react_1 = __importDefault(require("react"));
9
- var solid_1 = require("@heroicons/react/24/solid");
9
+ var ChevronRightIcon_1 = __importDefault(require("@heroicons/react/24/solid/ChevronRightIcon"));
10
10
  var type_1 = require("../../molecules/badge/type");
11
11
  var breadcrumbs_1 = require("../../molecules/breadcrumbs");
12
12
  var vista_badge_v1_1 = require("@appcorp/app-corp-vista/atoms/vista-badge-v1/vista-badge-v1");
13
13
  var vista_badge_type_1 = require("@appcorp/app-corp-vista/type/vista-badge-type");
14
14
  var SectionHeader = function (_a) {
15
- var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
15
+ var _b = _a.badgeText, badgeText = _b === void 0 ? '' : _b, breadcrumbs = _a.breadcrumbs, _c = _a.btnIcon, btnIcon = _c === void 0 ? react_1.default.createElement(ChevronRightIcon_1.default, { className: "size-7" }) : _c, _d = _a.btnOutlined, btnOutlined = _d === void 0 ? false : _d, btnText = _a.btnText, _e = _a.btnType, btnType = _e === void 0 ? molecules_1.BUTTON_TYPES.QUATERNARY : _e, handleButtonClick = _a.handleButtonClick, heading = _a.heading, numberOfFilters = _a.numberOfFilters, renderCtaButton = _a.renderCtaButton, subheading = _a.subheading;
16
16
  return (react_1.default.createElement(react_1.default.Fragment, null,
17
17
  (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.items) && breadcrumbs.items.length > 0 && (react_1.default.createElement("div", { className: "mb-14" },
18
18
  react_1.default.createElement(breadcrumbs_1.BreadCrumbs, { items: breadcrumbs.items }))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.2.64",
3
+ "version": "0.2.65",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",