@wpmoo/ui 1.0.0-rc.8 → 1.0.0

package/scss/themes/_root.scss

@@ -1,6 +1,10 @@
 .moo-ui[data-bs-theme] {
   @include moo-core-scales;
   @include moo-core-shared;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
 }
 
 .moo-ui[data-bs-theme="light"] {

package/scss/themes/_standalone.scss

@@ -1,5 +1,3 @@
-// A complete document places its resolved owner directly inside body. The
-// owner, rather than body, supplies the viewport-sized foreground surface.
-body > .moo-ui[data-bs-theme] {
+body > .moo-ui[data-bs-theme]:not([data-moo-overlay-host]) {
   min-block-size: 100dvh;
 }

package/scss/themes/_theme.scss

@@ -91,6 +91,10 @@ $moo-theme-colors-border-subtle-dark: (
   --moo-chart-3: #{$moo-chart-3};
   --moo-chart-4: #{$moo-chart-4};
   --moo-chart-5: #{$moo-chart-5};
+  --moo-heading-font-family: var(--#{$prefix}body-font-family);
+  --moo-small-font-size: #{$moo-small-font-size};
+  --moo-paragraph-margin-top: #{$moo-paragraph-margin-top};
+  --moo-paragraph-margin-bottom: #{$paragraph-margin-bottom};
 }
 
 @mixin moo-core-light {

package/scss/utilities/_background_color.scss

@@ -0,0 +1,18 @@
+$moo-bg-color-utility: map-get($utilities, "background-color");
+$moo-bg-color-values: map-get($moo-bg-color-utility, values);
+$utilities: map-merge(
+  $utilities,
+  (
+    "background-color": map-merge(
+      $moo-bg-color-utility,
+      (
+        values: map-merge(
+          $moo-bg-color-values,
+          (
+            "body-secondary": unquote("rgb(from var(--#{$prefix}secondary-bg) r g b / var(--#{$prefix}bg-opacity))"),
+          )
+        ),
+      )
+    ),
+  )
+);

package/scss/utilities/_border.scss

@@ -0,0 +1,4 @@
+/* Border utilities */
+.border-dashed {
+  border-style: dashed !important;
+}

package/dist/js/theme-prepaint.js

@@ -1,91 +0,0 @@
-/*!
- * Moo UI theme prepaint
- * Copyright 2026 WPMoo (https://wpmoo.org)
- * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
- */
-(() => {
-  const ownerDocument =
-    typeof document === "undefined"
-      ? null
-      : document;
-  const owner = ownerDocument?.currentScript?.parentElement;
-  const ownerSelector =
-    '.moo-ui[data-bs-theme="light"], .moo-ui[data-bs-theme="dark"]';
-
-  if (!owner?.matches?.(ownerSelector)) return;
-
-  const body = ownerDocument?.body;
-  const documentOwner =
-    owner.dataset?.mooDocumentOwner === "true" &&
-    owner.parentElement === body &&
-    owner === body?.firstElementChild;
-  const view =
-    ownerDocument?.defaultView ||
-    (typeof window === "undefined" ? null : window);
-  const normalizeDirection = (value) =>
-    value === "ltr" || value === "rtl" ? value : null;
-  const ownerDirection = normalizeDirection(
-    owner.getAttribute?.("dir") || owner.dir,
-  );
-  const documentDirection = normalizeDirection(
-    ownerDocument?.documentElement?.getAttribute?.("dir") ||
-      ownerDocument?.documentElement?.dir,
-  );
-  owner.__mooPrepaintBaseline = {
-    theme: owner.dataset.bsTheme === "dark" ? "dark" : "light",
-    direction: documentOwner ? documentDirection || "ltr" : ownerDirection,
-  };
-
-  const readPreference = (axis, allowed) => {
-    const dataKey = axis === "theme" ? "mooThemeKey" : "mooDirectionKey";
-    const explicit = owner.dataset?.[dataKey]?.trim();
-    const key = explicit || (documentOwner ? `moo:${axis}` : null);
-    if (!key) return null;
-
-    try {
-      const value = view?.localStorage?.getItem(key);
-      return allowed.includes(value) ? value : null;
-    } catch (_) {
-      return null;
-    }
-  };
-
-  const systemPrefersDark = () => {
-    try {
-      const matchMedia = view?.matchMedia;
-      if (typeof matchMedia !== "function") return null;
-      return Boolean(
-        matchMedia.call(view, "(prefers-color-scheme: dark)")?.matches,
-      );
-    } catch (_) {
-      return null;
-    }
-  };
-
-  try {
-    const storedTheme = readPreference("theme", ["light", "dark", "system"]);
-    const mediaPrefersDark =
-      storedTheme === "system" ? systemPrefersDark() : null;
-    const resolvedTheme =
-      storedTheme === "dark"
-        ? "dark"
-        : storedTheme === "light"
-          ? "light"
-          : storedTheme === "system" && mediaPrefersDark !== null
-            ? mediaPrefersDark
-              ? "dark"
-              : "light"
-            : owner.dataset.bsTheme === "dark"
-              ? "dark"
-              : "light";
-    owner.dataset.bsTheme = resolvedTheme;
-
-    const storedDirection = readPreference("direction", ["ltr", "rtl"]);
-    if (storedDirection) {
-      if (documentOwner) ownerDocument.documentElement.dir = storedDirection;
-      else owner.dir = storedDirection;
-    }
-  } finally {
-    owner.dataset.mooPrepaint = "ready";
-  }
-})();