@moderneinc/react-charts 1.5.2-next.e6e08d → 1.5.2-next.f2fa0c

package/dist/index.js

@@ -6114,9 +6114,9 @@ function sh(e, t, n, r) {
 	let d = s ? `parliament-label parliament-label-${s}` : "parliament-label";
 	if (e.select(`.${d.split(" ")[0]}`).empty()) {
 		let t = e.append("g").attr("class", d).attr("transform", `translate(${i},${a - c * .15})`).style("opacity", "0").style("pointer-events", "none");
-		t.append("text").attr("class", "label-category").attr("text-anchor", "middle").attr("dy", "-15").style("font-size", "22px").style("fill", "#666").style("font-family", "system-ui, -apple-system, sans-serif"), t.append("text").attr("class", "label-value").attr("text-anchor", "middle").attr("dy", "35").style("font-size", "48px").style("font-weight", "bold").style("font-family", "system-ui, -apple-system, sans-serif");
+		t.append("text").attr("class", "label-category").attr("text-anchor", "middle").attr("dy", "-15").style("font-size", "22px").style("fill", "var(--rc-muted-text, #666)").style("font-family", "system-ui, -apple-system, sans-serif"), t.append("text").attr("class", "label-value").attr("text-anchor", "middle").attr("dy", "35").style("font-size", "48px").style("font-weight", "bold").style("font-family", "system-ui, -apple-system, sans-serif");
 		let n = t.append("g").attr("class", "scale-indicator").attr("transform", "translate(0, 65)").style("opacity", "0");
-		n.append("circle").attr("r", 4).attr("cx", -30).attr("cy", 0).style("fill", "#888"), n.append("text").attr("x", -20).attr("y", 0).attr("dy", "0.35em").attr("text-anchor", "start").style("font-size", "18px").style("fill", "#666").style("font-style", "italic").style("font-family", "system-ui, -apple-system, sans-serif");
+		n.append("circle").attr("r", 4).attr("cx", -30).attr("cy", 0).style("fill", "var(--rc-muted-text, #888)"), n.append("text").attr("x", -20).attr("y", 0).attr("dy", "0.35em").attr("text-anchor", "start").style("font-size", "18px").style("fill", "var(--rc-muted-text, #666)").style("font-style", "italic").style("font-family", "system-ui, -apple-system, sans-serif");
 	}
 }
 //#endregion
@@ -7134,9 +7134,9 @@ function bh(e, t, n, r, i, a, o, s, c, l, u, d = !0, f = 14, p, m, h, g, _, v) {
 		let i = v ? `.parliament-label-${v}` : ".parliament-label";
 		if (e.select(i).empty()) {
 			let t = s / 2, n = r.radius + 10, i = c - r.radius * .3, a = Math.max(n, i), o = v ? `parliament-label parliament-label-${v}` : "parliament-label", l = e.append("g").attr("class", o).attr("transform", `translate(${t},${a - r.radius * .15})`).style("opacity", "0").style("pointer-events", "none");
-			l.append("text").attr("class", "label-category").attr("text-anchor", "middle").attr("dy", "-15").style("font-size", "22px").style("fill", "#666").style("font-family", "system-ui, -apple-system, sans-serif"), l.append("text").attr("class", "label-value").attr("text-anchor", "middle").attr("dy", "35").style("font-size", "48px").style("font-weight", "bold").style("font-family", "system-ui, -apple-system, sans-serif");
+			l.append("text").attr("class", "label-category").attr("text-anchor", "middle").attr("dy", "-15").style("font-size", "22px").style("fill", "var(--rc-muted-text, #666)").style("font-family", "system-ui, -apple-system, sans-serif"), l.append("text").attr("class", "label-value").attr("text-anchor", "middle").attr("dy", "35").style("font-size", "48px").style("font-weight", "bold").style("font-family", "system-ui, -apple-system, sans-serif");
 			let u = l.append("g").attr("class", "scale-indicator").attr("transform", "translate(0, 65)").style("opacity", "0");
-			u.append("circle").attr("r", 4).attr("cx", -30).attr("cy", 0).style("fill", "#888"), u.append("text").attr("x", -20).attr("y", 0).attr("dy", "0.35em").attr("text-anchor", "start").style("font-size", "18px").style("fill", "#666").style("font-style", "italic").style("font-family", "system-ui, -apple-system, sans-serif");
+			u.append("circle").attr("r", 4).attr("cx", -30).attr("cy", 0).style("fill", "var(--rc-muted-text, #888)"), u.append("text").attr("x", -20).attr("y", 0).attr("dy", "0.35em").attr("text-anchor", "start").style("font-size", "18px").style("fill", "var(--rc-muted-text, #666)").style("font-style", "italic").style("font-family", "system-ui, -apple-system, sans-serif");
 		}
 		Re();
 	}), E.play();
@@ -7154,7 +7154,7 @@ function xh(e, t, n, r, i, a) {
 function Sh(e, t, n, r, i) {
 	let a = i ? `.parliament-label-${i}` : ".parliament-label", o = q(e).select(a);
 	if (!o.empty()) if (t) {
-		o.style("opacity", "1"), o.select(".label-category").text(t.label).style("fill", "#666");
+		o.style("opacity", "1"), o.select(".label-category").text(t.label).style("fill", "var(--rc-muted-text, #666)");
 		let e = t.value > 1 ? "repos" : "repo";
 		o.select(".label-value").text(`${t.value} ${e}`).style("fill", t.color);
 		let i = o.select(".scale-indicator");
@@ -7516,7 +7516,7 @@ var Th = ({ data: t, categories: n, mode: r, width: i = 900, height: a = 400, ma
 		"aria-label": "Categories summary",
 		className: "category-summary-table",
 		size: "small",
-		sx: {
+		sx: (e) => ({
 			maxWidth: {
 				xs: "clamp(360px, 90%, 400px)",
 				sm: "clamp(360px, 90%, 400px)",
@@ -7531,7 +7531,7 @@ var Th = ({ data: t, categories: n, mode: r, width: i = 900, height: a = 400, ma
 				paddingRight: "4px",
 				lineHeight: "normal",
 				borderBottom: "1px solid",
-				borderColor: "grey.300",
+				borderColor: `var(--rc-table-border, ${e.palette.divider})`,
 				fontSize: "clamp(10px, 1.8vw, 12px)"
 			},
 			"& thead .MuiTableCell-root": {
@@ -7546,7 +7546,7 @@ var Th = ({ data: t, categories: n, mode: r, width: i = 900, height: a = 400, ma
 				fontSize: "11px"
 			},
 			"& tbody tr:last-of-type .MuiTableCell-root": { borderBottom: "none" }
-		},
+		}),
 		children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(a, {
 			colSpan: 2,
 			children: "Category"
@@ -12463,11 +12463,11 @@ var Rx = j, zx = {
 					"& tbody .MuiTableRow-root:first-of-type .MuiTableCell-root": { paddingTop: "2px" }
 				},
 				children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v(o, {
-					sx: { "& .MuiTableCell-root": {
+					sx: (e) => ({ "& .MuiTableCell-root": {
 						borderBottom: "1px solid",
-						borderColor: "grey.300",
+						borderColor: `var(--rc-table-border, ${e.palette.divider})`,
 						pb: "2px"
-					} },
+					} }),
 					children: [
 						/* @__PURE__ */ _(a, {
 							colSpan: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moderneinc/react-charts",
-  "version": "1.5.2-next.e6e08d",
+  "version": "1.5.2-next.f2fa0c",
   "description": "Parliament chart visualization library for React",
   "type": "module",
   "devEngines": {