linkedunion-design-kit 1.4.2 → 1.4.4

package/dist/components/MediaCard/PostByCategory.js

@@ -4,8 +4,9 @@ import { LuImage } from "../Images/LuImage";
 import { Button } from "../Button/Button";
 import Link from "next/link";
 import { getColor } from "../../app/scripts";
+import { colors } from "../../utils";
 export var PostByCategory = function (props) {
     return (_jsxs(_Fragment, { children: [(props === null || props === void 0 ? void 0 : props.layout) === cardLayoutEnum.horizontal ?
                 _jsxs("div", { className: "lu-pd-250 bg-white lu-border-rounded-xl ".concat(props === null || props === void 0 ? void 0 : props.className, " lu-shadow-md 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 === null || props === void 0 ? void 0 : props.image, aspectRatio: "", width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props === null || props === void 0 ? void 0 : 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_theme1 lu-font-size-2x-large lu-font-weight-semibold horizontal_card_heading", children: props === null || props === void 0 ? void 0 : props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light horizontal_body_text lu-text-caption", children: props === null || props === void 0 ? void 0 : props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_button" }) })] })] })
-                : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(props.className, " lu-shadow-md 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", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "lu-text-default lu-font-size-2x-large lu-font-weight-semibold vertical_card_heading", children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light lu-text-caption vertical_body_text", children: props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100" }) })] }) })), _jsx("style", { jsx: true, global: true, children: "\n                .card_PostByCategory_theme1{\n                    color: ".concat(getColor(props === null || props === void 0 ? void 0 : props.card_title_color, 'lu-text-default'), ";\n                }\n            ") })] }));
+                : (_jsx(_Fragment, { children: _jsxs("div", { className: "lu-pd-400 bg-white lu-border-rounded-xl ".concat(props.className, " lu-shadow-md 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", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "lu-text-default lu-font-size-2x-large lu-font-weight-semibold vertical_card_heading", children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light lu-text-caption vertical_body_text", children: props.body })] }), _jsx(Link, { href: props.href || '', className: "lu-width-100", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: 'lu-btn-gray', iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100" }) })] }) })), _jsx("style", { jsx: true, global: true, children: "\n                .card_PostByCategory_theme1{\n                    color: ".concat(getColor(props === null || props === void 0 ? void 0 : props.card_title_color, colors.default), ";\n                }\n            ") })] }));
 };

package/dist/utils/index.d.ts

@@ -120,6 +120,9 @@ export declare const textColorList: {
     key: string;
     label: string;
 }[];
+export declare const colors: {
+    default: string;
+};
 export declare const avatarShapeList: {
     key: string;
     label: string;

package/dist/utils/index.js

@@ -362,6 +362,9 @@ export var textColorList = [
     { key: 'lu-text-link-default', label: 'lu-text-link-default' },
     { key: 'lu-text-link-pressed', label: 'lu-text-link-pressed' },
 ];
+export var colors = {
+    default: 'var(--black)'
+};
 export var avatarShapeList = [
     { key: 'square', label: 'square' },
     { key: 'circle', label: 'circle' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "private": false,
   "files": [
     "dist",