linkedunion-design-kit 1.4.8 → 1.5.0

package/dist/components/Icons/IconView.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,12 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconView } from "./IconView";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var IconView_1 = require("./IconView");
+exports.default = {
     title: "Components/Icon",
-    component: IconView,
+    component: IconView_1.IconView,
     tags: ["!autodocs"],
 };
-var Template = function (args) { return _jsx(IconView, __assign({}, args)); };
-export var iconView = Template.bind({});
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(IconView_1.IconView, __assign({}, args)); };
+exports.iconView = Template.bind({});

package/dist/components/Icons/LUIcon.d.ts

@@ -1,2 +1,3 @@
 import { IconProps } from "@/types/interface";
-export declare const LUIcon: ({ size, fill, icon, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const LUIcon: ({ size, fill, icon, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default LUIcon;

package/dist/components/Icons/LUIcon.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { iconList } from "../../utils/iconList";
-export var LUIcon = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var iconList_1 = require("../../utils/iconList");
+var LUIcon = function (_a) {
     var _b;
     var size = _a.size, fill = _a.fill, icon = _a.icon, className = _a.className;
-    var selectedIcon = iconList.find(function (item) { return item.key === icon; });
-    return (_jsx(_Fragment, { children: _jsxs("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [_jsx("g", { "clip-path": "url(#clip0_9168_14965)", children: _jsx("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_9168_14965", children: _jsx("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
+    var selectedIcon = iconList_1.iconList.find(function (item) { return item.key === icon; });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [(0, jsx_runtime_1.jsx)("g", { "clip-path": "url(#clip0_9168_14965)", children: (0, jsx_runtime_1.jsx)("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_9168_14965", children: (0, jsx_runtime_1.jsx)("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
 };
+exports.default = LUIcon;

package/dist/components/Icons/LUIcon.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,42 +10,47 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LUIcon } from "./LUIcon";
-import { iconColorList, iconSizeList } from "../../utils";
-import { iconList } from "../../utils/iconList";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.icon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils");
+var iconList_1 = require("../../utils/iconList");
+var LUIcon_1 = __importDefault(require("./LUIcon"));
+exports.default = {
     title: "Components/Icon",
-    component: LUIcon,
+    component: LUIcon_1.default,
     tags: ["autodocs"],
 };
-var Template = function (args) { return _jsx(LUIcon, __assign({}, args)); };
-export var icon = Template.bind({});
-icon.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(LUIcon_1.default, __assign({}, args)); };
+exports.icon = Template.bind({});
+exports.icon.args = {
     size: "lu-icon-x-small",
     fill: "lu-primary-icon-default",
-    icon: iconList[0].key,
+    icon: iconList_1.iconList[0].key,
 };
-icon.argTypes = {
+exports.icon.argTypes = {
     size: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.iconSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: iconSizeList.map(function (size) { return size.key; }),
+        options: utils_1.iconSizeList.map(function (size) { return size.key; }),
     },
     fill: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconColorList.map(function (color) { return [color.key, color.label]; })),
+            labels: Object.fromEntries(utils_1.iconColorList.map(function (color) { return [color.key, color.label]; })),
         },
-        options: iconColorList.map(function (color) { return color.key; }),
+        options: utils_1.iconColorList.map(function (color) { return color.key; }),
     },
     icon: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
         },
-        options: iconList.map(function (icon) { return icon.key; }),
+        options: iconList_1.iconList.map(function (icon) { return icon.key; }),
     },
 };

package/dist/components/Images/LuImage.d.ts

@@ -1,2 +1,3 @@
 import { AspectRatioProps } from "@/types/interface";
 export declare const LuImage: ({ image, aspectRatio, width, height, className, }: AspectRatioProps) => import("react/jsx-runtime").JSX.Element;
+export default LuImage;

package/dist/components/Images/LuImage.js

@@ -1,6 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from "next/image";
-export var LuImage = function (_a) {
-    var image = _a.image, _b = _a.aspectRatio, aspectRatio = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? 240 : _c, _d = _a.height, height = _d === void 0 ? 240 : _d, _e = _a.className, className = _e === void 0 ? '' : _e;
-    return (_jsx(Image, { src: image || "", alt: "Image", width: width, height: height, className: "".concat(aspectRatio, " ").concat(className) }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LuImage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var image_1 = __importDefault(require("next/image"));
+var LuImage = function (_a) {
+    var image = _a.image, _b = _a.aspectRatio, aspectRatio = _b === void 0 ? "" : _b, _c = _a.width, width = _c === void 0 ? 240 : _c, _d = _a.height, height = _d === void 0 ? 240 : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
+    return ((0, jsx_runtime_1.jsx)(image_1.default, { src: image || "", alt: "Image", width: width, height: height, className: "".concat(aspectRatio, " ").concat(className) }));
+};
+exports.LuImage = LuImage;
+exports.default = exports.LuImage;

package/dist/components/Images/LuImage.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,41 +10,43 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LuImage } from "./LuImage";
-import { landscapeaspectRatioList, portraitaspectRatioList } from "../../utils";
-import { orientationEnum } from "../../utils/enum";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.image = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("./LuImage");
+var utils_1 = require("../../utils");
+var enums_1 = require("../../utils/enums");
+exports.default = {
     title: "Components/Image",
-    component: LuImage,
+    component: LuImage_1.LuImage,
 };
 var Template = function (args, _a) {
     var argTypes = _a.argTypes;
     //Show aspectRatio options based on orientation(landscape)
-    var isLandscape = args.orientation === orientationEnum.landscape;
+    var isLandscape = args.orientation === enums_1.OrientationEnum.horizontal;
     argTypes.aspectRatio.options = isLandscape
-        ? landscapeaspectRatioList.map(function (ratio) { return ratio.key; })
-        : portraitaspectRatioList.map(function (ratio) { return ratio.key; });
-    argTypes.aspectRatio.control.labels = Object.fromEntries((isLandscape ? landscapeaspectRatioList : portraitaspectRatioList).map(function (ratio) { return [ratio.key, ratio.label]; }));
-    return _jsx(LuImage, __assign({}, args));
+        ? utils_1.landscapeaspectRatioList.map(function (ratio) { return ratio.key; })
+        : utils_1.portraitaspectRatioList.map(function (ratio) { return ratio.key; });
+    argTypes.aspectRatio.control.labels = Object.fromEntries((isLandscape ? utils_1.landscapeaspectRatioList : utils_1.portraitaspectRatioList).map(function (ratio) { return [ratio.key, ratio.label]; }));
+    return (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, args));
 };
-export var image = Template.bind({});
-image.args = {
+exports.image = Template.bind({});
+exports.image.args = {
     image: "/images/demo-image.jpg",
-    aspectRatio: portraitaspectRatioList[0].key,
+    aspectRatio: utils_1.portraitaspectRatioList[0].key,
     width: 240,
     height: 240,
     className: "",
 };
-image.argTypes = {
+exports.image.argTypes = {
     orientation: {
         control: { type: "select" },
-        options: [orientationEnum.portrait, orientationEnum.landscape],
+        options: [enums_1.OrientationEnum.vertical, enums_1.OrientationEnum.horizontal],
     },
     //Show Default aspectRatio options for portrait orientation
     aspectRatio: {
         control: { type: "select" },
-        options: portraitaspectRatioList.map(function (ratio) { return ratio.key; }),
-        labels: Object.fromEntries(portraitaspectRatioList.map(function (ratio) { return [ratio.key, ratio.label]; })),
+        options: utils_1.portraitaspectRatioList.map(function (ratio) { return ratio.key; }),
+        labels: Object.fromEntries(utils_1.portraitaspectRatioList.map(function (ratio) { return [ratio.key, ratio.label]; })),
     },
 };

package/dist/components/Images/index.d.ts

@@ -0,0 +1,4 @@
+export declare enum OrientationEnum {
+    portrait = "Portrait",
+    landscape = "Landscape"
+}

package/dist/components/Images/index.js

@@ -0,0 +1,6 @@
+export var OrientationEnum;
+(function (OrientationEnum) {
+    OrientationEnum["portrait"] = "Portrait";
+    OrientationEnum["landscape"] = "Landscape";
+})(OrientationEnum || (OrientationEnum = {}));
+;

package/dist/components/MediaCard/Card.d.ts

@@ -1,2 +1,3 @@
 import { CardProps } from "@/types/interface";
-export declare const Card: ({ type, layout, id, className, image, mediaPosition, heading, body, href, btnLabel, cardStyle, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ type, layout, id, className, image, mediaPosition, heading, body, href, btnLabel, cardStyle, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/MediaCard/Card.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,22 +10,24 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { sectionType, cardLayoutEnum } from "../../utils/enum";
-import { PostByCategory } from "./PostByCategory/PostByCategory";
-import { colors } from "../../utils/colors";
-import { defaultCardProps } from "../../utils";
-import { ContactProfile } from "./ContactProfile/ContactProfile";
-export var Card = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? sectionType.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? cardLayoutEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? defaultCardProps.image : _f, _g = _a.mediaPosition, mediaPosition = _g === void 0 ? "" : _g, _h = _a.heading, heading = _h === void 0 ? defaultCardProps.heading : _h, _j = _a.body, body = _j === void 0 ? defaultCardProps.body : _j, _k = _a.href, href = _k === void 0 ? defaultCardProps.href : _k, _l = _a.btnLabel, btnLabel = _l === void 0 ? defaultCardProps.btnLabel : _l, _m = _a.cardStyle, cardStyle = _m === void 0 ? {
-        card_title_color: colors.default,
-        card_description_color: colors.caption_color,
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PostByCategory_1 = require("./PostByCategory/PostByCategory");
+var colors_1 = require("../../utils/colors");
+var utils_1 = require("../../utils");
+var ContactProfile_1 = require("./ContactProfile/ContactProfile");
+var _1 = require(".");
+var enums_1 = require("../../utils/enums");
+var Card = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? _1.SectionTypeEnum.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? enums_1.OrientationEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? utils_1.defaultCardProps.image : _f, _g = _a.mediaPosition, mediaPosition = _g === void 0 ? "" : _g, _h = _a.heading, heading = _h === void 0 ? utils_1.defaultCardProps.heading : _h, _j = _a.body, body = _j === void 0 ? utils_1.defaultCardProps.body : _j, _k = _a.href, href = _k === void 0 ? utils_1.defaultCardProps.href : _k, _l = _a.btnLabel, btnLabel = _l === void 0 ? utils_1.defaultCardProps.btnLabel : _l, _m = _a.cardStyle, cardStyle = _m === void 0 ? {
+        card_title_color: colors_1.colors.default,
+        card_description_color: colors_1.colors.caption_color,
         card_shadow_toggle: 1,
         card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors.white,
-        card_button_background_color: colors.gray,
-        card_button_text_color: colors.default,
-        card_image_border_color: colors === null || colors === void 0 ? void 0 : colors.default,
+        card_background_color: colors_1.colors.white,
+        card_button_background_color: colors_1.colors.gray,
+        card_button_text_color: colors_1.colors.default,
+        card_image_border_color: colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default,
         card_image_border_radius: "0",
         card_image_border: "0",
     } : _m;
@@ -40,5 +43,6 @@ export var Card = function (_a) {
         href: href,
         cardStyle: cardStyle,
     };
-    return (_jsxs(_Fragment, { children: [type === sectionType.postByCategoriesTheme && (_jsx(PostByCategory, __assign({}, data))), type === sectionType.contactsProfileTheme && (_jsx(ContactProfile, __assign({}, data)))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [type === _1.SectionTypeEnum.postByCategoriesTheme && ((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, data))), type === _1.SectionTypeEnum.contactsProfileTheme && ((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, data)))] }));
 };
+exports.default = Card;

package/dist/components/MediaCard/Card.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,51 +10,52 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from "./Card";
-import { cardLayoutEnum, orientationEnum, sectionType } from "../../utils/enum";
-import { sectionTypeList } from "../../utils";
-import { colors } from "../../utils/colors";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.card = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Card_1 = __importDefault(require("./Card"));
+var utils_1 = require("../../utils");
+var colors_1 = require("../../utils/colors");
+var _1 = require(".");
+var enums_1 = require("../../utils/enums");
+exports.default = {
     title: "Components/Card",
-    component: Card,
+    component: Card_1.default,
 };
-var Template = function (args) { return _jsx(Card, __assign({}, args)); };
-export var card = Template.bind({});
-card.args = {
-    type: sectionType.postByCategoriesTheme,
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, args)); };
+exports.card = Template.bind({});
+exports.card.args = {
+    type: _1.SectionTypeEnum.postByCategoriesTheme,
     image: "/images/demo-image.jpg",
     heading: "Heading Text",
     body: "The quick brown fox jumps over the lazy dog.",
-    mediaPosition: orientationEnum.landscape,
-    layout: cardLayoutEnum.horizontal,
+    layout: enums_1.OrientationEnum.horizontal,
     btnLabel: "View More",
     href: "https://www.google.com/",
     cardStyle: {
-        card_title_color: colors.default,
-        card_description_color: colors.caption_color,
+        card_title_color: colors_1.colors.default,
+        card_description_color: colors_1.colors.caption_color,
         card_shadow_toggle: 1,
         card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors.white,
-        card_button_background_color: colors.gray,
-        card_button_text_color: colors.default,
+        card_background_color: colors_1.colors.white,
+        card_button_background_color: colors_1.colors.gray,
+        card_button_text_color: colors_1.colors.default,
     },
     id: 1,
 };
-card.argTypes = {
-    mediaPosition: {
-        control: { type: "select" },
-        options: [orientationEnum.portrait, orientationEnum.landscape],
-    },
+exports.card.argTypes = {
     layout: {
         control: { type: "select" },
-        options: [cardLayoutEnum.horizontal, cardLayoutEnum.vertical],
+        options: [enums_1.OrientationEnum.horizontal, enums_1.OrientationEnum.vertical],
     },
     type: {
         control: {
             type: "select",
-            labels: Object.fromEntries(sectionTypeList.map(function (type) { return [type.key, type.label]; })),
+            labels: Object.fromEntries(utils_1.sectionTypeList.map(function (type) { return [type.key, type.label]; })),
         },
-        options: sectionTypeList.map(function (type) { return type.key; }),
+        options: utils_1.sectionTypeList.map(function (type) { return type.key; }),
     },
 };

package/dist/components/MediaCard/ContactProfile/ContactProfile.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,15 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardLayoutEnum } from "../../../utils/enum";
-import { ContactProfileTheme1 } from "./ContactProfileTheme1";
-import { ContactProfileTheme2 } from "./ContactProfileTheme2";
-import { getColor } from "../../../app/scripts";
-import { colors } from "../../../utils/colors";
-export var ContactProfile = function (props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ContactProfileTheme1_1 = require("./ContactProfileTheme1");
+var ContactProfileTheme2_1 = require("./ContactProfileTheme2");
+var scripts_1 = require("../../../app/scripts");
+var colors_1 = require("../../../utils/colors");
+var enums_1 = require("../../../utils/enums");
+var ContactProfile = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    return (_jsxs("div", { children: [props.layout === cardLayoutEnum.horizontal ? (_jsx(ContactProfileTheme1, __assign({}, props))) : (_jsx(_Fragment, { children: _jsx(ContactProfileTheme2, __assign({}, props)) })), _jsx("style", { jsx: true, global: true, children: "\n          .card_ContactProfile_title_color_".concat(props.id, " {\n            color: ").concat(getColor((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors === null || colors === void 0 ? void 0 : colors.default), ";\n          }\n          .card_ContactProfile_designation_color_").concat(props.id, " {\n            color: ").concat(getColor((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors.caption_color), ";\n          }\n          .card_shadow_ContactProfile_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
-                    ? "0px 4px 12px 0px ".concat(getColor((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_ContactProfile_").concat(props.id, " {\n            background-color: ").concat(getColor((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors.white), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, " {\n            background-color: ").concat(getColor((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, ":hover {\n            background-color: ").concat(getColor((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors.neutral), " !important;\n          }\n        ") })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_ContactProfile_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_ContactProfile_designation_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_ContactProfile_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
+                    ? "0px 4px 12px 0px ".concat((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
+                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_ContactProfile_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n        ") })] }));
 };
+exports.ContactProfile = ContactProfile;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../components/Button/Button";
-import { LuImage } from "../../../components/Images/LuImage";
-import { contentTypeEnum } from "../../../utils/enum";
-import Link from "next/link";
-import styles from "../card.module.css";
-export var ContactProfileTheme1 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [_jsxs("div", { className: "flex gap-x-5", children: [_jsx("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(styles.horizontal_card_image), children: _jsx(LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsx("div", { className: "flex flex-1 flex-col", children: _jsxs("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [_jsx("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.horizontal_card_heading), children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(styles.horizontal_body_text), children: props.body })] }) })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(styles.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfileTheme1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("../../../components/Button/Button");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var ContactProfileTheme1 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-x-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(card_module_css_1.default.horizontal_card_image), children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(card_module_css_1.default.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
+};
+exports.ContactProfileTheme1 = ContactProfileTheme1;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../components/Button/Button";
-import { LuImage } from "../../../components/Images/LuImage";
-import { contentTypeEnum } from "../../../utils/enum";
-import Link from "next/link";
-import styles from "../card.module.css";
-export var ContactProfileTheme2 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [_jsx("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.vertical_card_heading), children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(styles.vertical_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfileTheme2 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("../../../components/Button/Button");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var ContactProfileTheme2 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
+};
+exports.ContactProfileTheme2 = ContactProfileTheme2;

package/dist/components/MediaCard/PostByCategory/PostByCategory.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,15 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardLayoutEnum } from "../../../utils/enum";
-import { colors } from "../../../utils/colors";
-import { ensureValue, getColor } from "../../../app/scripts";
-import { PostByCategoryTheme1 } from "./PostByCategoryTheme1";
-import { PostByCategoryTheme2 } from "./PostByCategoryTheme2";
-export var PostByCategory = function (props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategory = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var colors_1 = require("../../../utils/colors");
+var scripts_1 = require("../../../app/scripts");
+var PostByCategoryTheme1_1 = require("./PostByCategoryTheme1");
+var PostByCategoryTheme2_1 = require("./PostByCategoryTheme2");
+var enums_1 = require("../../../utils/enums");
+var PostByCategory = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    return (_jsxs("div", { children: [props.layout === cardLayoutEnum.horizontal ? (_jsx(PostByCategoryTheme1, __assign({}, props))) : (_jsx(_Fragment, { children: _jsx(PostByCategoryTheme2, __assign({}, props)) })), _jsx("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat(getColor((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors === null || colors === void 0 ? void 0 : colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat(getColor((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
-                    ? "0px 4px 12px 0px ".concat(getColor((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat(getColor((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat(getColor((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat(getColor((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat(getColor((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors === null || colors === void 0 ? void 0 : colors.default), " !important;\n            border-radius: ").concat(ensureValue((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat(ensureValue((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PostByCategoryTheme2_1.PostByCategoryTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
+                    ? "0px 4px 12px 0px ".concat((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
+                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat((0, scripts_1.getColor)((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), " !important;\n            border-radius: ").concat((0, scripts_1.ensureValue)((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat((0, scripts_1.ensureValue)((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
 };
+exports.PostByCategory = PostByCategory;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LuImage } from "../../../components/Images/LuImage";
-import Link from "next/link";
-import { Button } from "../../../components/Button/Button";
-import { contentTypeEnum } from "../../../utils/enum";
-import styles from "../card.module.css";
-export var PostByCategoryTheme1 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-col justify-center flex-1 h-full", children: [_jsx("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.horizontal_card_heading), children: props.heading }), _jsx("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(styles.horizontal_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(styles.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategoryTheme1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var Button_1 = require("../../../components/Button/Button");
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var PostByCategoryTheme1 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(card_module_css_1.default.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
+};
+exports.PostByCategoryTheme1 = PostByCategoryTheme1;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LuImage } from "../../../components/Images/LuImage";
-import Link from "next/link";
-import { Button } from "../../../components/Button/Button";
-import { contentTypeEnum } from "../../../utils/enum";
-import styles from "../card.module.css";
-export var PostByCategoryTheme2 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.vertical_card_heading), children: props.heading }), _jsx("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(styles.vertical_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategoryTheme2 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var Button_1 = require("../../../components/Button/Button");
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var PostByCategoryTheme2 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
+};
+exports.PostByCategoryTheme2 = PostByCategoryTheme2;