@pie-lib/render-ui 8.0.1-next.20261005190856 → 8.0.1-next.20261006003311

package/dist/feedback.js

@@ -1,28 +1,28 @@
-import { correct as e, disabled as t, incorrect as n } from "./color.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { CSSTransition as o, TransitionGroup as s } from "react-transition-group";
-import { jsx as c } from "react/jsx-runtime";
+import { backgroundDark as e, correctSecondary as t, incorrectSecondary as n, text as r } from "./color.js";
+import i from "react";
+import a from "prop-types";
+import { styled as o } from "@mui/material/styles";
+import { CSSTransition as s, TransitionGroup as c } from "react-transition-group";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/feedback.tsx
-var l = a("div")({
+var u = o("div")({
 	transformOrigin: "0% 0px 0px",
 	width: "100%",
 	display: "block",
 	overflow: "hidden",
 	"&.incorrect": { color: "#946202" }
-}), u = a("div")({
+}), d = o("div")({
 	WebkitFontSmoothing: "antialiased",
-	backgroundColor: `var(--feedback-bg-color, ${t()})`,
+	backgroundColor: `var(--feedback-bg-color, ${e()})`,
 	borderRadius: "4px",
 	lineHeight: "25px",
 	margin: "0px",
 	padding: "10px",
 	verticalAlign: "middle",
-	color: "var(--feedback-color, white)",
-	"&.correct": { backgroundColor: `var(--feedback-correct-bg-color, ${e()})` },
+	color: `var(--feedback-color, ${r()})`,
+	"&.correct": { backgroundColor: `var(--feedback-correct-bg-color, ${t()})` },
 	"&.incorrect": { backgroundColor: `var(--feedback-incorrect-bg-color, ${n()})` }
-}), d = a("div")({
+}), f = o("div")({
 	"&.feedback-enter": { height: "1px" },
 	"&.feedback-enter-active": {
 		height: "45px",
@@ -33,24 +33,24 @@ var l = a("div")({
 		height: "1px",
 		transition: "height 200ms"
 	}
-}), f = class extends r.Component {
+}), p = class extends i.Component {
 	static propTypes = {
-		correctness: i.string,
-		feedback: i.string
+		correctness: a.string,
+		feedback: a.string
 	};
-	nodeRef = r.createRef();
+	nodeRef = i.createRef();
 	renderFeedback() {
 		let { correctness: e, feedback: t } = this.props;
-		return !e || !t ? null : /* @__PURE__ */ c(o, {
+		return !e || !t ? null : /* @__PURE__ */ l(s, {
 			nodeRef: this.nodeRef,
 			timeout: {
 				enter: 500,
 				exit: 200
 			},
 			classNames: "feedback",
-			children: /* @__PURE__ */ c(d, {
+			children: /* @__PURE__ */ l(f, {
 				ref: this.nodeRef,
-				children: /* @__PURE__ */ c(l, { children: /* @__PURE__ */ c(u, {
+				children: /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(d, {
 					className: e,
 					dangerouslySetInnerHTML: { __html: t }
 				}) })
@@ -58,8 +58,8 @@ var l = a("div")({
 		}, "hasFeedback");
 	}
 	render() {
-		return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(s, { children: this.renderFeedback() }) });
+		return /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(c, { children: this.renderFeedback() }) });
 	}
 };
 //#endregion
-export { f as Feedback, f as default };
+export { p as Feedback, p as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "8.0.1-next.20261005190856",
+  "version": "8.0.1-next.20261006003311",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "repository": {
     "type": "git",