minerva-design 1.12.0 → 1.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # minerva-design
 
+## 1.12.1
+
+### Patch Changes
+
+- 7884716: Taro: `Page` re-applies the theme of the closest `ConfigProvider` / `ThemeProvider` (mode, palette and design classes, `primaryColor` and custom theme variables). In mini-programs every page renders under its own root, outside the provider's element, so pages used to get only the default light tokens: the brand color, dark mode and palettes now reach page content. Outside the default light theme, `Page` also paints the page background and text color. React Native icons accept any `ColorValue` for `color` (e.g. the color a navigation `tabBarIcon` receives).
+
 ## 1.12.0
 
 ### Minor Changes

package/dist/native/icon/types.d.cts

@@ -1,3 +1,4 @@
+import { ColorValue } from 'react-native';
 import { SvgProps } from 'react-native-svg';
 import { IconDefinition } from '../../icons/core.cjs';
 export interface IconProps extends Omit<SvgProps, "color" | "stroke" | "strokeWidth" | "fill" | "width" | "height" | "viewBox" | "title" | "children" | "name"> {
@@ -5,8 +6,8 @@ export interface IconProps extends Omit<SvgProps, "color" | "stroke" | "strokeWi
     icon: IconDefinition;
     /** Width and height in dp @default 24 */
     size?: number;
-    /** Stroke color; per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
-    color?: string;
+    /** Stroke color (any React Native `ColorValue`, e.g. the `color` of a navigation `tabBarIcon`); per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
+    color?: ColorValue;
     /** Stroke width on the 24×24 grid (scales with the size) @default 2 */
     strokeWidth?: number;
     /** Keeps `strokeWidth` in dp whatever the size @default false */

package/dist/native/icon/types.d.ts

@@ -1,3 +1,4 @@
+import { ColorValue } from 'react-native';
 import { SvgProps } from 'react-native-svg';
 import { IconDefinition } from '../../icons/core.js';
 export interface IconProps extends Omit<SvgProps, "color" | "stroke" | "strokeWidth" | "fill" | "width" | "height" | "viewBox" | "title" | "children" | "name"> {
@@ -5,8 +6,8 @@ export interface IconProps extends Omit<SvgProps, "color" | "stroke" | "strokeWi
     icon: IconDefinition;
     /** Width and height in dp @default 24 */
     size?: number;
-    /** Stroke color; per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
-    color?: string;
+    /** Stroke color (any React Native `ColorValue`, e.g. the `color` of a navigation `tabBarIcon`); per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
+    color?: ColorValue;
     /** Stroke width on the 24×24 grid (scales with the size) @default 2 */
     strokeWidth?: number;
     /** Keeps `strokeWidth` in dp whatever the size @default false */

package/dist/native/source/icon/types.ts

@@ -1,5 +1,6 @@
 // Props of the React Native bindings (minerva-design/native/icons).
 
+import type { ColorValue } from "react-native";
 import type { SvgProps } from "react-native-svg";
 import type { IconDefinition } from "../../../icons/core.js";
 
@@ -20,8 +21,8 @@ export interface IconProps extends Omit<
   icon: IconDefinition;
   /** Width and height in dp @default 24 */
   size?: number;
-  /** Stroke color; per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
-  color?: string;
+  /** Stroke color (any React Native `ColorValue`, e.g. the `color` of a navigation `tabBarIcon`); per-path `colors` of the icon win @default the theme's text color (`text-color` token) */
+  color?: ColorValue;
   /** Stroke width on the 24×24 grid (scales with the size) @default 2 */
   strokeWidth?: number;
   /** Keeps `strokeWidth` in dp whatever the size @default false */

package/dist/taro/{components-DA7_jBUn.js → components-DoBebZ28.js}

@@ -44,7 +44,7 @@ function q(e) {
 		return R.onWindowResize?.(t), () => R.offWindowResize?.(t);
 	}, [n]), [n, r];
 }
-function ee(e, t, n, { side: r = "bottom", align: a = "center", sideOffset: o = 6, alignOffset: c = 0, collisionPadding: l = 8, matchAnchorWidth: u = !1 }) {
+function J(e, t, n, { side: r = "bottom", align: a = "center", sideOffset: o = 6, alignOffset: c = 0, collisionPadding: l = 8, matchAnchorWidth: u = !1 }) {
 	let [d, f] = s();
 	i(() => {
 		if (!n) {
@@ -150,25 +150,25 @@ function ee(e, t, n, { side: r = "bottom", align: a = "center", sideOffset: o =
 }
 //#endregion
 //#region src/theme.tsx
-var J = t(null);
-function te(e) {
+var Y = t(null);
+function ee(e) {
 	try {
 		return R.getStorageSync(e);
 	} catch {
 		return;
 	}
 }
-var ne = ["primary-color", ..._], Y = /* @__PURE__ */ new Set();
-function X(e, t) {
+var te = ["primary-color", ..._], X = /* @__PURE__ */ new Set();
+function ne(e, t) {
 	let n = F(e);
 	if (process.env.NODE_ENV !== "production" && n === void 0) {
 		let t = JSON.stringify(e);
-		Y.has(t) || (Y.add(t), console.error(C("ConfigProvider", D(e))));
+		X.has(t) || (X.add(t), console.error(C("ConfigProvider", D(e))));
 	}
 	return (e !== void 0 && n !== void 0 ? n : t) ?? null;
 }
 function re(e) {
-	return Object.fromEntries(Object.entries(e).filter(([e]) => !ne.includes(e)));
+	return Object.fromEntries(Object.entries(e).filter(([e]) => !te.includes(e)));
 }
 function ie() {
 	try {
@@ -178,11 +178,11 @@ function ie() {
 	}
 }
 function ae({ theme: e, palette: t, primaryColor: n, locale: a, design: c, preset: l, density: u, radius: d, shadow: f, fontScale: p, children: m, persist: g = !1, onThemeChange: _, onPaletteChange: v, ...b }) {
-	let x = r(J), S = g && !x, [C, w] = s(() => {
-		let t = S ? te("minerva-theme") : void 0;
+	let x = r(Y), S = g && !x, [C, w] = s(() => {
+		let t = S ? ee("minerva-theme") : void 0;
 		return A(t) ? t : e ?? x?.definition ?? "light";
 	}), [E, D] = s(() => {
-		let e = S ? te("minerva-palette") : void 0;
+		let e = S ? ee("minerva-palette") : void 0;
 		return O(e) ? e : t === void 0 ? x?.palette ?? null : t;
 	}), [k, j] = s(ie), [N, P] = s({}), F = typeof C == "string" ? C === "auto" ? "system" : C === "github-dark" ? "dark" : C : "light" in C && "dark" in C ? "system" : x?.theme ?? "light", L = o([e, x?.definition]);
 	i(() => {
@@ -205,14 +205,18 @@ function ae({ theme: e, palette: t, primaryColor: n, locale: a, design: c, prese
 		...f ? { shadow: f } : {},
 		...p ? { fontScale: p } : {},
 		...N
-	}, H = F === "system" ? k : F, U = typeof C == "object" ? "light" in C && "dark" in C ? C[H] : C : C === "github-dark" ? T : void 0, W = X(n, x?.primaryColor), G = W !== null || (x?.brandScope ?? !1), K = I({
+	}, H = F === "system" ? k : F, U = typeof C == "object" ? "light" in C && "dark" in C ? C[H] : C : C === "github-dark" ? T : void 0, W = ne(n, x?.primaryColor), G = W !== null || (x?.brandScope ?? !1), K = I({
 		mode: H,
 		palette: E,
 		primaryColor: W,
 		design: V,
 		overrides: U && W ? re(U) : U
-	}), q = (e) => Object.fromEntries(e.filter((e) => e in K.css).map((e) => [`--${e}`, K.css[e]])), ee = U ? q(Object.keys(K.css)) : G ? q(ne) : {};
-	return /* @__PURE__ */ B(J.Provider, {
+	}), q = (e) => Object.fromEntries(e.filter((e) => e in K.css).map((e) => [`--${e}`, K.css[e]])), J = U ? q(Object.keys(K.css)) : G ? q(te) : {}, X = M({
+		mode: H,
+		palette: E,
+		design: V
+	});
+	return /* @__PURE__ */ B(Y.Provider, {
 		value: {
 			tokens: K,
 			definition: C,
@@ -233,28 +237,28 @@ function ae({ theme: e, palette: t, primaryColor: n, locale: a, design: c, prese
 			setDesign: P,
 			locale: (typeof a == "string" ? a : a?.language) ?? x?.locale ?? "en",
 			primaryColor: W,
-			brandScope: G
+			brandScope: G,
+			scope: {
+				className: X,
+				style: J
+			}
 		},
 		children: /* @__PURE__ */ B(h, {
 			...b,
 			style: {
-				...ee,
+				...J,
 				...b.style
 			},
 			"data-minerva": "config-provider",
 			"data-theme": H,
 			"data-mode": F,
-			className: y(M({
-				mode: H,
-				palette: E,
-				design: V
-			}), b.className),
+			className: y(X, b.className),
 			children: m
 		})
 	});
 }
 function oe({ defaultTheme: e, defaultPalette: t, primaryColor: n, children: i, locale: a, disableStorage: o = !1, onThemeChange: s, onPaletteChange: c }) {
-	let l = r(J);
+	let l = r(Y);
 	return /* @__PURE__ */ B(ae, {
 		theme: e ?? (l ? void 0 : "system"),
 		palette: t,
@@ -267,10 +271,10 @@ function oe({ defaultTheme: e, defaultPalette: t, primaryColor: n, children: i,
 	});
 }
 function se() {
-	return r(J);
+	return r(Y);
 }
 function ce() {
-	let e = r(J);
+	let e = r(Y);
 	if (!e) throw Error("useTheme requires ConfigProvider or ThemeProvider");
 	return e;
 }
@@ -328,7 +332,7 @@ function de({ presets: e = ["minerva", "touch"], disabled: t, ...n }) {
 	});
 }
 function Z() {
-	let e = r(J), t = k(e?.locale) ? e.locale : "en";
+	let e = r(Y), t = k(e?.locale) ? e.locale : "en";
 	return {
 		t: b({
 			language: t,
@@ -338,7 +342,7 @@ function Z() {
 	};
 }
 function fe() {
-	return r(J)?.tokens ?? I();
+	return r(Y)?.tokens ?? I();
 }
 //#endregion
 //#region src/h5.ts
@@ -745,7 +749,7 @@ function Ae({ value: e, defaultValue: t = "", onChange: n, open: r, defaultOpen:
 		open: T,
 		setOpen: E
 	}), me(k, T, !1, () => E(!1), A);
-	let M = ee(A, k, T, {
+	let M = J(A, k, T, {
 		side: "bottom",
 		align: "start",
 		sideOffset: 4,
@@ -859,32 +863,32 @@ function Ie({ value: e, defaultValue: t = "", onChange: n, options: r, onSelect:
 }, animation: A = !0, ...j }) {
 	let { t: M } = Z(), N = Q(), P = v ?? g?.disabled ?? N.disabled, F = b ?? g?.readOnly ?? N.readOnly, [I, L] = G(e, t, n), [R, H] = G(j.open, j.defaultOpen ?? !1, (e) => {
 		j.onOpenChange?.(e), s?.(e);
-	}), U = a().replace(/[^a-zA-Z0-9_-]/g, ""), W = `mn-auto-complete-${U}-anchor`, q = `mn-auto-complete-${U}-panel`, J = R && !P && !F;
+	}), U = a().replace(/[^a-zA-Z0-9_-]/g, ""), W = `mn-auto-complete-${U}-anchor`, q = `mn-auto-complete-${U}-panel`, Y = R && !P && !F;
 	pe(W, {
-		open: J,
+		open: Y,
 		setOpen: H,
 		input: !0
-	}), me(q, J, !1, () => H(!1), W);
-	let te = O === "top" || O === "bottom", ne = ee(W, q, J, {
+	}), me(q, Y, !1, () => H(!1), W);
+	let ee = O === "top" || O === "bottom", te = J(W, q, Y, {
 		side: O,
 		align: "start",
-		sideOffset: te ? k.y : k.x,
-		alignOffset: te ? k.x : k.y,
+		sideOffset: ee ? k.y : k.x,
+		alignOffset: ee ? k.x : k.y,
 		matchAnchorWidth: "min"
-	}), Y = r.map((e) => typeof e == "string" ? {
+	}), X = r.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
 	} : e).filter((e) => c ? c(I, e) : e.label.toLowerCase().includes(I.toLowerCase()));
-	l && (Y = [...Y].sort(l));
-	let X = [];
-	u ? Y.forEach((e) => {
-		let t = u(e), n = d === "adjacent" ? X.at(-1)?.[0] === t ? X.at(-1) : void 0 : X.find((e) => e[0] === t);
-		n ? n[1].push(e) : X.push([t, [e]]);
-	}) : X.push(["", Y]);
+	l && (X = [...X].sort(l));
+	let ne = [];
+	u ? X.forEach((e) => {
+		let t = u(e), n = d === "adjacent" ? ne.at(-1)?.[0] === t ? ne.at(-1) : void 0 : ne.find((e) => e[0] === t);
+		n ? n[1].push(e) : ne.push([t, [e]]);
+	}) : ne.push(["", X]);
 	let re = (e, t = !1) => {
 		e.disabled || P || F || (T && L(e.label), i?.(e), t && o?.(e), H(!1));
-	}, ie = Y.find((e) => !e.disabled);
-	return /* @__PURE__ */ V(z, { children: [J && /* @__PURE__ */ B(h, {
+	}, ie = X.find((e) => !e.disabled);
+	return /* @__PURE__ */ V(z, { children: [Y && /* @__PURE__ */ B(h, {
 		className: "mn-picker-backdrop",
 		onClick: () => H(!1)
 	}), /* @__PURE__ */ V(K, {
@@ -893,7 +897,7 @@ function Ie({ value: e, defaultValue: t = "", onChange: n, options: r, onSelect:
 		className: j.className,
 		style: {
 			...j.style,
-			zIndex: J ? 50 : void 0
+			zIndex: Y ? 50 : void 0
 		},
 		children: [
 			m && /* @__PURE__ */ B(p, { children: m }),
@@ -914,15 +918,15 @@ function Ie({ value: e, defaultValue: t = "", onChange: n, options: r, onSelect:
 					L(e), H(!0);
 				}
 			}),
-			J && /* @__PURE__ */ B(K, {
+			Y && /* @__PURE__ */ B(K, {
 				name: "auto-complete",
 				part: "content",
 				role: "listbox",
 				id: q,
-				"data-side": ne.side,
-				className: y(D, A && "mn-popup-animated", `mn-popup-${ne.side}`),
-				style: ne.style,
-				children: S ? /* @__PURE__ */ B(p, { children: M("common.loading") }) : Y.length ? X.map(([e, t], n) => /* @__PURE__ */ V(h, {
+				"data-side": te.side,
+				className: y(D, A && "mn-popup-animated", `mn-popup-${te.side}`),
+				style: te.style,
+				children: S ? /* @__PURE__ */ B(p, { children: M("common.loading") }) : X.length ? ne.map(([e, t], n) => /* @__PURE__ */ V(h, {
 					role: u ? "group" : void 0,
 					"aria-label": e || void 0,
 					children: [u && /* @__PURE__ */ B(p, {
@@ -952,7 +956,7 @@ function Ie({ value: e, defaultValue: t = "", onChange: n, options: r, onSelect:
 function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c, disabled: l, readOnly: u, placeholder: d, allowClear: m = !0, showSearch: g, filter: _, loadData: v, displayRender: y, optionRender: b, maxLevel: C = 6, expandTrigger: w = "click", width: T = 240, dropdownClassName: E, dropdownStyle: D, optionStyle: O, ...k }) {
 	let A = Q(), { t: j } = Z();
 	d ??= j("cascader.placeholder");
-	let M = (l ?? A.disabled) || (u ?? A.readOnly), [N, P] = G(e, t, (e) => n?.(e, x(r, e))), [F, I] = G(k.open, k.defaultOpen ?? !1, k.onOpenChange), [L, R] = s([]), [H, U] = s(!1), [W, q] = s(""), [J, te] = s(""), ne = a().replace(/[^a-zA-Z0-9_-]/g, ""), Y = `mn-cascader-${ne}-anchor`, X = `mn-cascader-${ne}-panel`, re = ee(Y, X, F, {
+	let M = (l ?? A.disabled) || (u ?? A.readOnly), [N, P] = G(e, t, (e) => n?.(e, x(r, e))), [F, I] = G(k.open, k.defaultOpen ?? !1, k.onOpenChange), [L, R] = s([]), [H, U] = s(!1), [W, q] = s(""), [Y, ee] = s(""), te = a().replace(/[^a-zA-Z0-9_-]/g, ""), X = `mn-cascader-${te}-anchor`, ne = `mn-cascader-${te}-panel`, re = J(X, ne, F, {
 		side: "bottom",
 		align: "start",
 		sideOffset: 4,
@@ -978,18 +982,18 @@ function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c,
 			} else R(e.map((e) => e.value));
 			return;
 		}
-		P(e.map((e) => e.value)), te(""), I(!1);
+		P(e.map((e) => e.value)), ee(""), I(!1);
 	};
 	function de(e, t) {
 		w === "hover" && le(e, t) && ue([...ae.slice(0, t), e]);
 	}
-	let fe = J ? S(r).filter((e) => !le(e.option, e.path.length - 1) && e.path.length <= ce && (_ ? _(J, e.path) : e.path.map((e) => e.label).join(" / ").toLowerCase().includes(J.toLowerCase()))) : [], pe = [r, ...ae.map((e) => e.children ?? []).filter((e) => e.length)];
+	let fe = Y ? S(r).filter((e) => !le(e.option, e.path.length - 1) && e.path.length <= ce && (_ ? _(Y, e.path) : e.path.map((e) => e.label).join(" / ").toLowerCase().includes(Y.toLowerCase()))) : [], pe = [r, ...ae.map((e) => e.children ?? []).filter((e) => e.length)];
 	return /* @__PURE__ */ V(z, { children: [F && /* @__PURE__ */ B(h, {
 		className: "mn-picker-backdrop",
 		onClick: () => I(!1)
 	}), /* @__PURE__ */ V(K, {
 		name: "cascader",
-		id: Y,
+		id: X,
 		className: k.className,
 		style: {
 			width: T,
@@ -1012,7 +1016,7 @@ function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c,
 				"aria-label": j("cascader.clear"),
 				disabled: M,
 				onClick: () => {
-					P([]), te("");
+					P([]), ee("");
 				},
 				children: "×"
 			}),
@@ -1020,7 +1024,7 @@ function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c,
 				name: "cascader",
 				part: "content",
 				role: "listbox",
-				id: X,
+				id: ne,
 				"data-side": re.side,
 				className: E,
 				style: {
@@ -1030,8 +1034,8 @@ function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c,
 				children: [
 					g && /* @__PURE__ */ B(We, {
 						"aria-label": c ? `${c} ${j("searchBar.label")}` : j("cascader.options"),
-						value: J,
-						onChange: te,
+						value: Y,
+						onChange: ee,
 						disabled: M
 					}),
 					" ",
@@ -1039,7 +1043,7 @@ function Le({ value: e, defaultValue: t = [], onChange: n, options: r, label: c,
 						role: "alert",
 						children: W
 					}),
-					H ? /* @__PURE__ */ B(p, { children: j("common.loading") }) : J ? fe.length ? fe.map((e) => /* @__PURE__ */ B($, {
+					H ? /* @__PURE__ */ B(p, { children: j("common.loading") }) : Y ? fe.length ? fe.map((e) => /* @__PURE__ */ B($, {
 						variant: "ghost",
 						role: "option",
 						style: O,
@@ -1430,7 +1434,7 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 		value: D,
 		disabled: n ?? L.disabled,
 		style: { display: "none" }
-	}), q = _ === "segmented" && f != null && m != null, ee = y(`mn-size-${b}`, `mn-color-${x}`, `mn-shape-${v}`, H && "mn-disabled", g && "mn-loading");
+	}), q = _ === "segmented" && f != null && m != null, J = y(`mn-size-${b}`, `mn-color-${x}`, `mn-shape-${v}`, H && "mn-disabled", g && "mn-loading");
 	if (q) return /* @__PURE__ */ V(h, {
 		role: "group",
 		id: N.id ?? L.id,
@@ -1438,7 +1442,7 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 		"aria-labelledby": N["aria-labelledby"],
 		"aria-describedby": N["aria-describedby"],
 		"aria-disabled": H,
-		className: y("mn-switch-segmented", ee, a),
+		className: y("mn-switch-segmented", J, a),
 		style: typeof M == "object" ? M : void 0,
 		"data-minerva": "switch",
 		"data-part": "root",
@@ -1452,7 +1456,7 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 			children: e ? m : f
 		}, String(e)))]
 	});
-	let J = /* @__PURE__ */ V(h, {
+	let Y = /* @__PURE__ */ V(h, {
 		className: y("mn-switch-control", `mn-color-${x}`),
 		children: [
 			/* @__PURE__ */ V($, {
@@ -1464,7 +1468,7 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 				"aria-checked": R,
 				"aria-invalid": A ?? L.invalid,
 				"aria-required": j ?? L.required,
-				className: y("mn-switch", "mn-switch-custom", ee, R && "mn-checked"),
+				className: y("mn-switch", "mn-switch-custom", J, R && "mn-checked"),
 				variant: "ghost",
 				color: x,
 				disabled: H,
@@ -1492,15 +1496,15 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 				className: "mn-switch-ripple"
 			}, P)
 		]
-	}), te = f != null && m != null, ne = l ?? u;
+	}), ee = f != null && m != null, te = l ?? u;
 	return /* @__PURE__ */ V(h, {
-		className: y("mn-switch-field", `mn-label-${S}`, ee, a),
+		className: y("mn-switch-field", `mn-label-${S}`, J, a),
 		style: typeof M == "object" ? M : void 0,
 		"data-minerva": "switch",
 		"data-part": "root",
 		children: [
 			K,
-			te && /* @__PURE__ */ B($, {
+			ee && /* @__PURE__ */ B($, {
 				className: y("mn-switch-side", !R && "mn-selected"),
 				variant: "ghost",
 				color: x,
@@ -1508,20 +1512,20 @@ function Ge({ checked: e, defaultChecked: t = !1, disabled: n, readOnly: r, clas
 				onClick: (e) => U(!1, e),
 				children: f
 			}),
-			J,
-			te ? /* @__PURE__ */ B($, {
+			Y,
+			ee ? /* @__PURE__ */ B($, {
 				className: y("mn-switch-side", R && "mn-selected"),
 				variant: "ghost",
 				color: x,
 				disabled: H,
 				onClick: (e) => U(!0, e),
 				children: m
-			}) : ne && /* @__PURE__ */ B(p, {
+			}) : te && /* @__PURE__ */ B(p, {
 				className: "mn-switch-label",
-				children: ne
+				children: te
 			})
 		]
 	});
 }
 //#endregion
-export { pe as A, K as B, Me as C, xe as D, Ve as E, le as F, q as H, Z as I, se as L, ue as M, de as N, Q as O, oe as P, ce as R, Ne as S, Fe as T, G as U, ee as V, Ee as _, Ie as a, Ue as b, we as c, _e as d, ye as f, Oe as g, Be as h, N as i, ae as j, me as k, ge as l, Re as m, We as n, Le as o, ve as p, Ge as r, Ce as s, $ as t, be as u, De as v, Pe as w, Ae as x, He as y, fe as z };
+export { pe as A, K as B, Me as C, xe as D, Ve as E, le as F, q as H, Z as I, se as L, ue as M, de as N, Q as O, oe as P, ce as R, Ne as S, Fe as T, G as U, J as V, Ee as _, Ie as a, Ue as b, we as c, _e as d, ye as f, Oe as g, Be as h, N as i, ae as j, me as k, ge as l, Re as m, We as n, Le as o, ve as p, Ge as r, Ce as s, $ as t, be as u, De as v, Pe as w, Ae as x, He as y, fe as z };

package/dist/taro/display.d.ts

@@ -300,6 +300,14 @@ export declare function SplitLayout({ aside, asideWidth, gap, collapseBelow, chi
     gap?: number | string;
     collapseBelow?: "md" | "lg";
 }): import('react').JSX.Element;
+/**
+ * The root of a page. Inside a `ConfigProvider` / `ThemeProvider` it
+ * re-applies the provider's token scope (mode, palette and design classes,
+ * brand color / custom theme variables): in mini-programs every page renders
+ * under its own root, outside the provider's element, so without it pages
+ * only get the default light tokens of `page`. Outside the default light
+ * theme it also paints the page background and text color.
+ */
 export declare function Page({ maxWidth, ...props }: NativeProps & {
     maxWidth?: number | string;
 }): import('react').JSX.Element;

package/dist/taro/icons.js

@@ -1,4 +1,4 @@
-import { z as e } from "./components-DA7_jBUn.js";
+import { z as e } from "./components-DoBebZ28.js";
 import { useMemo as t } from "react";
 import { Image as n } from "@tarojs/components";
 import { jsx as r } from "react/jsx-runtime";

package/dist/taro/index.js

@@ -1,4 +1,4 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as ee, z as te } from "./components-DA7_jBUn.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as ee, z as te } from "./components-DoBebZ28.js";
 import { Children as ne, Fragment as V, cloneElement as re, createContext as ie, forwardRef as H, isValidElement as ae, useContext as oe, useEffect as U, useId as se, useImperativeHandle as ce, useMemo as W, useRef as G, useState as le } from "react";
 import { Canvas as ue, Image as de, Navigator as fe, ScrollView as pe, Text as K, View as q } from "@tarojs/components";
 import { addDays as me, cn as J, computeFixedColumnLayout as he, dayKey as ge, formatHasSeconds as _e, formatTime as ve, getColumnCompare as ye, getPaginationItems as be, getPaginationVisibleRange as xe, getTabsTabStop as Se, getVirtualRange as Ce, isSafeUrl as we, matchesAccept as Te, matchesShortcut as Ee, monthStart as De, nextSortState as Oe, normalizeShortcuts as ke, parseDayKey as Ae, parseTimeInput as je, resolveSize as Me, resolveTimeFormat as Ne, resolveTokens as Pe, secondsOfDay as Fe, startOfToday as Ie, weekStart as Le } from "../core/index.js";
@@ -3160,10 +3160,17 @@ function vi({ aside: e, asideWidth: n = 320, gap: r = 6, collapseBelow: i = "md"
 	});
 }
 function yi({ maxWidth: e = 1200, ...n }) {
+	let r = c(), i = r?.scope, a = !!r && (r.resolvedTheme === "dark" || r.palette !== null || typeof r.definition == "object" || r.definition === "github-dark");
 	return /* @__PURE__ */ Y(t, {
 		name: "page",
 		...n,
+		className: J(i?.className, n.className),
 		style: {
+			...i?.style,
+			...a && {
+				backgroundColor: "var(--background-color)",
+				color: "var(--text-color)"
+			},
 			maxWidth: e,
 			...n.style
 		}

package/dist/taro/monaco.js

@@ -1,4 +1,4 @@
-import { I as e, L as t, t as n } from "./components-DA7_jBUn.js";
+import { I as e, L as t, t as n } from "./components-DoBebZ28.js";
 import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/monaco.tsx

package/dist/taro/theme.d.ts

@@ -23,6 +23,15 @@ interface ThemeContextValue {
     primaryColor: PrimaryColorPair | null;
     /** A provider of the tree wrote brand tokens (nested ones must re-write them) */
     brandScope: boolean;
+    /**
+     * The token scope of this provider's root: its token classes and inline
+     * CSS variables. `Page` re-applies it, because in mini-programs every page
+     * renders under its own root, outside the provider's element.
+     */
+    scope: {
+        className: string;
+        style: Record<string, string>;
+    };
 }
 export interface ConfigProviderProps extends NativeProps, DesignOptions {
     theme?: ConfigProviderTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minerva-design",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "Minerva Design: React, Vue, Angular, Web Components and native platform components with shared design tokens and contracts",
   "license": "MIT",
   "author": "fwx5618177 <fwx5618177@gmail.com>",