@pie-lib/text-select 4.0.1-next.20261004165705 → 4.0.1-next.20261004173930

package/dist/__tests__/legend.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/legend.js

@@ -6,27 +6,27 @@ import i from "@mui/icons-material/Check";
 import a from "@mui/icons-material/Close";
 import o from "@pie-lib/translator";
 //#region src/legend.tsx
-var { translator: s } = o, c = e("div")(({ theme: e }) => ({
+var { translator: s } = o, c = `1px solid ${t.v("pie")("border-light", "lightgrey")}`, l = e("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "row",
 	alignItems: "center",
 	gap: e.spacing(2),
-	borderBottom: "1px solid lightgrey",
-	borderTop: "1px solid lightgrey",
+	borderBottom: c,
+	borderTop: c,
 	paddingBottom: e.spacing(1),
 	paddingTop: e.spacing(1),
 	marginBottom: e.spacing(1)
-})), l = e("span")(({ theme: e }) => ({
+})), u = e("span")(({ theme: e }) => ({
 	fontSize: "14px",
 	fontWeight: "bold",
-	color: t.black(),
+	color: t.text(),
 	marginLeft: e.spacing(1)
-})), u = e("div")(() => ({
+})), d = e("div")(() => ({
 	position: "relative",
 	padding: "4px",
 	fontSize: "14px",
 	borderRadius: "4px"
-})), d = e(u)(() => ({ border: `${t.correctTertiary()} solid 2px` })), f = e(u)(() => ({ border: `${t.incorrectWithIcon()} solid 2px` })), p = e(u)(() => ({ border: `${t.incorrectWithIcon()} dashed 2px` })), m = {
+})), f = e(d)(() => ({ border: `${t.correctTertiary()} solid 2px` })), p = e(d)(() => ({ border: `${t.incorrectWithIcon()} solid 2px` })), m = e(d)(() => ({ border: `${t.incorrectWithIcon()} dashed 2px` })), h = {
 	color: t.white(),
 	position: "absolute",
 	top: "-8px",
@@ -34,31 +34,31 @@ var { translator: s } = o, c = e("div")(({ theme: e }) => ({
 	borderRadius: "50%",
 	fontSize: "12px",
 	padding: "2px"
-}, h = e(i)(() => ({
-	...m,
+}, g = e(i)(() => ({
+	...h,
 	backgroundColor: t.correctTertiary()
-})), g = e(a)(() => ({
-	...m,
+})), _ = e(a)(() => ({
+	...h,
 	backgroundColor: t.incorrectWithIcon()
-})), _ = ({ language: e, showOnlyCorrect: t }) => {
+})), v = ({ language: e, showOnlyCorrect: t }) => {
 	let i = [
 		{
-			Icon: h,
+			Icon: g,
 			label: s.t("selectText.correctAnswerSelected", { lng: e }),
-			Container: d
+			Container: f
 		},
 		{
-			Icon: g,
+			Icon: _,
 			label: s.t("selectText.incorrectSelection", { lng: e }),
-			Container: f
+			Container: p
 		},
 		{
-			Icon: g,
+			Icon: _,
 			label: s.t("selectText.correctAnswerNotSelected", { lng: e }),
-			Container: p
+			Container: m
 		}
 	];
-	return t && i.splice(1, 2), /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, { children: s.t("selectText.key", { lng: e }) }), i.map(({ Icon: e, label: t, Container: i }, a) => /* @__PURE__ */ r(i, { children: [/* @__PURE__ */ n(e, {}), /* @__PURE__ */ n("span", { children: t })] }, a))] });
+	return t && i.splice(1, 2), /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(u, { children: s.t("selectText.key", { lng: e }) }), i.map(({ Icon: e, label: t, Container: i }, a) => /* @__PURE__ */ r(i, { children: [/* @__PURE__ */ n(e, {}), /* @__PURE__ */ n("span", { children: t })] }, a))] });
 };
 //#endregion
-export { _ as Legend };
+export { v as Legend };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/text-select",
-  "version": "4.0.1-next.20261004165705",
+  "version": "4.0.1-next.20261004173930",
   "description": "Some react components for text selection",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "@pie-framework/parse-english": "^1.0.0",
     "@pie-lib/render-ui": "8.0.1-next.20261004165705",
     "@pie-lib/style-utils": "3.0.1-next.20261002233132",
-    "@pie-lib/translator": "5.0.1-next.20261004041321",
+    "@pie-lib/translator": "5.0.1-next.20261004173930",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",
     "@pie-element/shared-lodash": "0.1.2-next.20261002215153",