@epam/ai-dial-chat-shared 1.1.0-dev.479 → 1.1.0-dev.487

package/components/EntityHeader/EntityHeader.js

@@ -5,27 +5,28 @@ import { EntityTypeLabel as r } from "../EntityTypeLabel/EntityTypeLabel.js";
 import { FeaturedChip as i } from "../FeaturedChip/FeaturedChip.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/EntityHeader/EntityHeader.tsx
-var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0, typeClassName: d = "dial-caption-lead-semi-text", iconBadgeClassName: f = "rounded-[14px]", featuredChipClassName: p, featuredLabel: m = "Featured", hasFeaturedTag: h = !0, iconSize: g = 48, query: _, footer: v, statusBadge: y }) => /* @__PURE__ */ o("div", {
+var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0, typeClassName: d = "dial-caption-lead-semi-text", iconBadgeClassName: f = "rounded-[14px]", featuredChipClassName: p, featuredChipStyle: m, featuredLabel: h = "Featured", hasFeaturedTag: g = !0, iconSize: _ = 48, query: v, footer: y, statusBadge: b }) => /* @__PURE__ */ o("div", {
 	className: "flex items-start gap-2",
 	children: [/* @__PURE__ */ a(t, {
 		src: s.iconUrl,
-		size: g,
+		size: _,
 		initialsName: s.name,
 		styles: { badgeClassName: f }
 	}), /* @__PURE__ */ o("div", {
-		className: e("flex min-w-0 flex-1 flex-col gap-1", v != null && "self-stretch"),
+		className: e("flex min-w-0 flex-1 flex-col gap-1", y != null && "self-stretch"),
 		children: [
 			/* @__PURE__ */ o("div", {
 				className: "relative flex flex-row items-center justify-between",
 				children: [/* @__PURE__ */ a(r, {
 					type: s.type,
 					className: d
-				}), (y != null || h && s.isFeatured) && /* @__PURE__ */ o("div", {
+				}), (b != null || g && s.isFeatured) && /* @__PURE__ */ o("div", {
 					className: "absolute end-0 top-[-6px] flex items-center gap-2",
-					children: [y, h && s.isFeatured && /* @__PURE__ */ a(i, {
+					children: [b, g && s.isFeatured && /* @__PURE__ */ a(i, {
 						type: s.type,
-						label: m,
-						className: p
+						label: h,
+						className: p,
+						style: m
 					})]
 				})]
 			}),
@@ -34,11 +35,11 @@ var s = ({ item: s, nameClassName: c, versionClassName: l, showVersion: u = !0,
 				postfix: u ? s.version : void 0,
 				postfixClassName: l,
 				titleClassName: c,
-				query: _
+				query: v
 			}),
-			v != null && /* @__PURE__ */ a("div", {
+			y != null && /* @__PURE__ */ a("div", {
 				className: "mt-auto pt-1",
-				children: v
+				children: y
 			})
 		]
 	})]

package/components/FeaturedChip/FeaturedChip.js

@@ -2,13 +2,14 @@ import { mergeClasses as e } from "../../utils/merge-class.js";
 import { ENTITY_TYPE_BG_COLOR as t, ENTITY_TYPE_COLOR as n } from "../../constants/entity-colors.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/FeaturedChip/FeaturedChip.tsx
-var i = ({ label: i, className: a, type: o }) => {
-	let s = t[o], c = n[o];
+var i = ({ label: i, className: a, type: o, style: s }) => {
+	let c = t[o], l = n[o];
 	return /* @__PURE__ */ r("div", {
 		className: e("h-[24px] gap-1 rounded-2xl border-none px-2", "flex items-center justify-center", a ?? "dial-caption-lead-semi-text"),
 		style: {
-			backgroundColor: s,
-			color: c
+			backgroundColor: c,
+			color: l,
+			...s
 		},
 		children: i
 	});

package/index.d.ts

@@ -860,6 +860,8 @@ export declare interface EntityHeaderProps {
     footer?: ReactNode;
     /** CSS class for the featured chip. */
     featuredChipClassName?: string;
+    /** Style override for the featured chip, merged over its default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    featuredChipStyle?: CSSProperties;
     /** Arbitrary badge rendered before the featured chip, in the same top-end corner. Omitted (the default) renders nothing in that slot. */
     statusBadge?: ReactNode;
 }
@@ -942,8 +944,10 @@ export declare interface FeaturedChipProps {
     label: string;
     /** Additional CSS class for typography overrides. */
     className?: string;
-    /** Entity category — resolves the label's color via ENTITY_TYPE_COLOR. */
+    /** Entity category — resolves the label's default color via ENTITY_TYPE_COLOR when `style` doesn't set one. */
     type: CatalogEntityType;
+    /** Style overrides merged over the chip's default per-entity-type colors, e.g. `{ backgroundColor, color, border }`. */
+    style?: CSSProperties;
 }
 
 /** Well-known file extension constants used as fallback when a MIME type is unavailable. */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.1.0-dev.479",
+  "version": "1.1.0-dev.487",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [