@epam/ai-dial-chat-shared 1.1.0-dev.112 → 1.1.0-dev.114

package/index.js

@@ -48736,7 +48736,7 @@ var oD = 2e3, sD = (e, t = oD) => {
 	languageLabel: "_languageLabel_g6q37_15",
 	copiedIcon: "_copiedIcon_g6q37_19",
 	scrollContainer: "_scrollContainer_g6q37_23"
-}, lD = { color: "var(--text-secondary, #6B7280)" }, uD = { color: "var(--bg-accent-primary, #2764d9)" }, dD = { color: "var(--text-accent-tertiary, #7e39ec)" }, fD = { color: "var(--text-primary, #161b2d)" }, pD = {
+}, lD = { color: "var(--text-secondary, #6B7280)" }, uD = { color: "var(--text-accent, #1d4ed8)" }, dD = { color: "var(--text-accent-tertiary, #7e39ec)" }, fD = { color: "var(--text-primary, #161b2d)" }, pD = {
 	"code[class*=\"language-\"]": {
 		color: "var(--text-primary, #161b2d)",
 		background: "none",
@@ -48873,9 +48873,13 @@ var oD = 2e3, sD = (e, t = oD) => {
 		})]
 	});
 }), gD = {
-	thinking: "_thinking_10q01_9",
-	"cm-shimmer": "_cm-shimmer_10q01_1",
-	secondaryBorder: "_secondaryBorder_10q01_18"
+	thinking: "_thinking_1fufa_9",
+	"cm-shimmer": "_cm-shimmer_1fufa_1",
+	h6: "_h6_1fufa_18",
+	codeInline: "_codeInline_1fufa_22",
+	secondaryBorder: "_secondaryBorder_1fufa_27",
+	blockquote: "_blockquote_1fufa_31",
+	link: "_link_1fufa_36"
 }, _D = 1, vD = () => {
 	let e = g(null), t = g(null), [n, r] = _(!1), [i, a] = _(!1), o = d(() => {
 		let n = e.current, i = t.current;
@@ -48897,21 +48901,24 @@ var oD = 2e3, sD = (e, t = oD) => {
 		handleScroll: o
 	};
 }, yD = {
-	tableContainer: "_tableContainer_fkvcl_1",
-	tableContainerLight: "_tableContainerLight_fkvcl_6",
-	scrollContainer: "_scrollContainer_fkvcl_10",
-	tableHeaderCell: "_tableHeaderCell_fkvcl_25",
-	sectionRow: "_sectionRow_fkvcl_29",
-	row: "_row_fkvcl_33",
-	rowDivider: "_rowDivider_fkvcl_37",
-	tableScrollFadeEnd: "_tableScrollFadeEnd_fkvcl_45",
-	tableScrollFadeStart: "_tableScrollFadeStart_fkvcl_53",
-	tableScrollFadeBoth: "_tableScrollFadeBoth_fkvcl_61"
+	tableContainer: "_tableContainer_bubdy_1",
+	tableContainerLight: "_tableContainerLight_bubdy_6",
+	scrollContainer: "_scrollContainer_bubdy_10",
+	tableHeaderCell: "_tableHeaderCell_bubdy_25",
+	sectionRow: "_sectionRow_bubdy_30",
+	row: "_row_bubdy_34",
+	rowDivider: "_rowDivider_bubdy_38",
+	tableScrollFadeEnd: "_tableScrollFadeEnd_bubdy_46",
+	tableScrollFadeStart: "_tableScrollFadeStart_bubdy_54",
+	tableScrollFadeBoth: "_tableScrollFadeBoth_bubdy_62"
 }, bD = u(({ children: e, classNames: t, colors: n, scrollRegionAriaLabel: r = "Scrollable table" }) => {
 	let { scrollContainerRef: i, tableRef: a, hasContentBeyondStart: o, hasContentBeyondEnd: s, handleScroll: c } = vD(), l = Gt({
 		"--cm-markdown-border": n?.border,
 		"--cm-table-scrollbar": n?.scrollbar,
-		"--cm-table-fade": n?.fade
+		"--cm-table-fade": n?.fade,
+		"--cm-table-row-divider": n?.rowDivider,
+		"--cm-table-row-zebra-bg": n?.rowZebraBackground,
+		"--cm-table-row-hover-bg": n?.rowHoverBackground
 	}), u = o || s;
 	return /* @__PURE__ */ y("div", {
 		style: l,
@@ -48973,7 +48980,7 @@ var oD = 2e3, sD = (e, t = oD) => {
 		children: t
 	}),
 	h6: ({ children: t }) => /* @__PURE__ */ y("h6", {
-		className: e.h6,
+		className: Wt(gD.h6, e.h6),
 		children: t
 	}),
 	p: ({ children: t }) => /* @__PURE__ */ y("p", {
@@ -49010,19 +49017,19 @@ var oD = 2e3, sD = (e, t = oD) => {
 			headerClassName: e.codeBlockHeader,
 			codeClassName: e.codeFont
 		}) : /* @__PURE__ */ y("code", {
-			className: Wt("rounded px-1 py-0.5", e.codeInlineFont ?? "dial-code-text", e.codeInline),
+			className: Wt("rounded px-1 py-0.5", gD.codeInline, e.codeInlineFont ?? "dial-code-text", e.codeInline),
 			children: a
 		});
 	},
 	blockquote: ({ children: t }) => /* @__PURE__ */ y("blockquote", {
-		className: Wt("border-s-2 border-primary py-1 ps-4 text-secondary", e.blockquote),
+		className: Wt("border-s-2 py-1 ps-4", gD.blockquote, e.blockquote),
 		children: t
 	}),
 	a: ({ href: t, children: n }) => /* @__PURE__ */ y("a", {
 		href: t,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		className: Wt("decoration-current/60 text-accent underline underline-offset-2 hover:decoration-current focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-[var(--stroke-focus,#EEF1F7)]", e.link),
+		className: Wt("decoration-current/60 underline underline-offset-2 hover:decoration-current focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2", gD.link, e.link),
 		children: n
 	}),
 	hr: () => /* @__PURE__ */ y("hr", { className: Wt("my-5 border-t", gD.secondaryBorder, e.hr) }),
@@ -49045,7 +49052,7 @@ var oD = 2e3, sD = (e, t = oD) => {
 	},
 	th: ({ children: t }) => /* @__PURE__ */ y("th", {
 		scope: "col",
-		className: Wt("sticky top-0 z-[2] max-w-96 whitespace-normal break-words border-b px-3 py-2.5 text-start [overflow-wrap:anywhere]", yD.rowDivider, yD.tableHeaderCell, e.tableHeaderFont ?? "dial-tiny-semi-text uppercase tracking-wider text-secondary", e.tableCell, e.tableHeader),
+		className: Wt("sticky top-0 z-[2] max-w-96 whitespace-normal break-words border-b px-3 py-2.5 text-start [overflow-wrap:anywhere]", yD.rowDivider, yD.tableHeaderCell, e.tableHeaderFont ?? "dial-tiny-semi-text uppercase tracking-wider", e.tableCell, e.tableHeader),
 		children: t
 	}),
 	td: ({ children: t }) => /* @__PURE__ */ y("td", {
@@ -49056,7 +49063,15 @@ var oD = 2e3, sD = (e, t = oD) => {
 	let d = rb(e, t, n), f = h(() => pb(d), [d]), p = Gt({
 		"--cm-thinking-inverted": l?.thinkingPrimary,
 		"--cm-thinking-secondary": l?.thinkingSecondary,
-		"--cm-markdown-border": l?.border
+		"--cm-markdown-border": l?.border,
+		"--cm-blockquote-border": l?.blockquoteBorder,
+		"--cm-blockquote-text": l?.blockquoteText,
+		"--cm-link-text": l?.linkText,
+		"--cm-link-focus": l?.linkFocus,
+		"--cm-table-header-text": l?.tableHeaderText,
+		"--cm-h6-text": l?.headingSixText,
+		"--cm-code-inline-bg": l?.inlineCodeBackground,
+		"--cm-code-inline-text": l?.inlineCodeText
 	}), m = h(() => ({
 		...DD(r, t, o, s, c, u),
 		...TD,
@@ -49089,11 +49104,11 @@ var oD = 2e3, sD = (e, t = oD) => {
 	h3: "dial-h3-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
 	h4: "mb-2 mt-4 dial-body-semi-text first:mt-0 [text-wrap:balance]",
 	h5: "mb-2 mt-4 dial-small-semi-text first:mt-0 [text-wrap:balance]",
-	h6: "mb-2 mt-4 text-sm font-medium text-secondary first:mt-0 [text-wrap:balance]",
+	h6: "mb-2 mt-4 text-sm font-medium first:mt-0 [text-wrap:balance]",
 	p: "dial-body-paragraph-text mb-3 break-words [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0",
 	ul: "mb-3 space-y-1",
 	ol: "mb-3 space-y-1",
-	codeInline: "mx-0.5 bg-layer-raised px-1.5 text-[0.875em] text-primary break-words [overflow-wrap:anywhere]",
+	codeInline: "mx-0.5 px-1.5 text-[0.875em] break-words [overflow-wrap:anywhere]",
 	blockquote: "my-4",
 	link: "break-words [overflow-wrap:anywhere]",
 	tableWrapper: "my-4"

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.112",
+  "version": "1.1.0-dev.114",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",