linkedunion-design-kit 1.2.6 → 1.2.8

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

@@ -16,7 +16,8 @@ card.args = {
     layout: cardLayoutEnum.horizontal,
     btnLabel: 'View More',
     href: 'https://www.google.com/',
-    card_title_color: 'lu-text-default'
+    card_title_color: 'lu-text-default',
+    id: 1
 };
 card.argTypes = {
     mediaPosition: {

package/dist/components/MediaCard/PostByCategory.jsx

@@ -3,7 +3,6 @@ import { LuImage } from "../Images/LuImage";
 import { Button } from "../Button/Button";
 import Link from "next/link";
 export var PostByCategory = function (props) {
-    var _a;
     return (<>
         {(props === null || props === void 0 ? void 0 : props.layout) === cardLayoutEnum.horizontal ?
             <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")}>
@@ -12,7 +11,7 @@ export var PostByCategory = function (props) {
                 </div>
                 <div className="flex flex-1 flex-col">
                     <div className={"flex flex-col justify-center flex-1 h-full"}>
-                        <div className={"".concat((_a = props.card_title_color) !== null && _a !== void 0 ? _a : "text-[".concat(props.card_title_color, "]"), " lu-font-size-2x-large lu-font-weight-semibold horizontal_card_heading")}>{props === null || props === void 0 ? void 0 : props.heading}</div>
+                        <div className={"card_title_color_".concat(props === null || props === void 0 ? void 0 : props.id, " lu-font-size-2x-large lu-font-weight-semibold horizontal_card_heading")}>{props === null || props === void 0 ? void 0 : props.heading}</div>
                         <p className={"lu-base-font-size lu-font-weight-extra-light horizontal_body_text lu-text-caption"}>{props === null || props === void 0 ? void 0 : props.body}</p>
                     </div>
                     <Link href={props.href || ''} className="lu-width-100">
@@ -34,5 +33,8 @@ export var PostByCategory = function (props) {
                     </Link>
                 </div>
             </>)}
+        <style jsx global>
+            {"\n                .card_title_color_".concat(props === null || props === void 0 ? void 0 : props.id, " {\n                    color: ").concat(props.card_title_color, ";\n                }\n            ")}
+        </style>
     </>);
 };

package/dist/utils/index.d.ts

@@ -10,6 +10,7 @@ export declare const defaultCardProps: {
     btnLabel: string;
     href: string;
     card_title_color: string;
+    id: number;
 };
 export declare const colorGroups: {
     primary: string[];

package/dist/utils/index.js

@@ -11,7 +11,8 @@ export var defaultCardProps = {
     className: '',
     btnLabel: 'View More',
     href: 'https://www.google.com/',
-    card_title_color: 'lu-text-default'
+    card_title_color: 'lu-text-default',
+    id: 1
 };
 export var colorGroups = {
     primary: [

package/package.json

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