@wippy-fe/theme 0.0.62 → 0.0.64

package/contracts/theme-contract.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0.0",
-  "implementationRelease": "1.0.62",
+  "implementationRelease": "1.0.64",
   "upstream": {
     "package": "@primeuix/themes",
     "version": "2.0.3",

package/effective-contract.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.62",
-  "implementationRelease": "1.0.62",
+  "packageVersion": "0.0.64",
+  "implementationRelease": "1.0.64",
   "compatibility": {
-    "themePackageVersion": "0.0.62",
+    "themePackageVersion": "0.0.64",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.62",
+    "implementationRelease": "1.0.64",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -14,7 +14,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "12b153ce7e8c50f1ed3a9acacf7cca18a1879eb0263252ce82adde4c54cba724",
+      "themeContract": "a47fc609d0054e11f71cd21f64160c5be8b1e6ac0641329614da8c81fea87bed",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -35,7 +35,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "322274f50fc263f822a296425594e91841dc2a0826ddd7e733066d29cff6c41a",
+    "inputHash": "9fdbfaa932b0d0774028e43152812dbbb6a4150651ddb6f85a2e7dc03c56200d",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wippy-fe/theme",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "Theme variables, shared Tailwind config, and PrimeVue styling for Wippy web components.",
   "type": "module",
   "main": "theme-config.css",

package/primevue-plugin.ts

@@ -255,6 +255,11 @@ function onViewportChange(): void {
   requestAnimationFrame(syncActiveLayers)
 }
 
+function syncLayerTheme(layer: HTMLElement, host: Element): void {
+  layer.classList.toggle('w-theme-light', host.classList.contains('w-theme-light'))
+  layer.classList.toggle('w-theme-dark', host.classList.contains('w-theme-dark'))
+}
+
 /**
  * Create a fresh per-OVERLAY layer (one per Portal instance, NOT shared per shadow root),
  * pinned to viewport origin and kept in sync as its overlay opens (a per-layer
@@ -263,9 +268,13 @@ function onViewportChange(): void {
  * for components that open several overlays at once; {@link teardownOverlayLayer} removes
  * it on unmount or a switch to inline.
  */
-function createLayer(root: ShadowRoot): HTMLElement {
+function createLayer(root: ShadowRoot, themeSource: Element): HTMLElement {
   const layer = document.createElement('div')
   layer.setAttribute(LAYER_ATTR, '')
+  // Forced-mode selectors need an in-shadow ancestor. The theme-root marker
+  // keeps their token defaults from masking inherited Facade custom values.
+  layer.setAttribute('data-wippy-theme-root', '')
+  syncLayerTheme(layer, themeSource)
   const topLayer = supportsTopLayer()
   // Inline reset of the UA `[popover]` styling — scoped to this one private element,
   // NEVER a global rule that could leak across modules. A shown popover gets the UA
@@ -318,6 +327,7 @@ function createLayer(root: ShadowRoot): HTMLElement {
   // observer is referenced only via the WeakMap, so it is disconnected when the layer
   // detaches (in syncActiveLayers) and otherwise GC'd with the layer.
   const observer = new MutationObserver((records) => {
+    syncLayerTheme(layer, themeSource)
     // S2: this layer serves exactly ONE overlay (one Portal instance), so its
     // `__wippyAnchorName` — the trigger anchor-name stamped by `setupOverlayLayer` — is unambiguous.
     // Anchor the overlay when it teleports in; release its style observer when it leaves.
@@ -338,6 +348,7 @@ function createLayer(root: ShadowRoot): HTMLElement {
       syncLayer(layer)
   })
   observer.observe(layer, { childList: true })
+  observer.observe(themeSource, { attributes: true, attributeFilter: ['class'] })
   layerObservers.set(layer, observer)
 
   activeLayers.add(layer)
@@ -391,7 +402,8 @@ function setupOverlayLayer(inst: PortalInstance): void {
     return
   // Eager: the layer is promoted to the top layer BEFORE the overlay opens, so PrimeVue
   // never measures a not-yet-promoted box.
-  inst.layer = createLayer(inst.hostRoot)
+  const themeSource = inst.$el?.parentElement?.closest('[data-wippy-theme-root], .w-theme-light, .w-theme-dark') ?? inst.hostRoot.host
+  inst.layer = createLayer(inst.hostRoot, themeSource)
   // S2: stamp a unique `anchor-name` on the trigger (the placeholder's parent is the
   // component root the self-anchored families align to) and hand it to this layer.
   if (supportsAnchor()) {

package/tailwind-contract.json

@@ -1,10 +1,10 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.62",
+  "packageVersion": "0.0.64",
   "compatibility": {
-    "themePackageVersion": "0.0.62",
+    "themePackageVersion": "0.0.64",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.62",
+    "implementationRelease": "1.0.64",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -13,7 +13,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "12b153ce7e8c50f1ed3a9acacf7cca18a1879eb0263252ce82adde4c54cba724",
+      "themeContract": "a47fc609d0054e11f71cd21f64160c5be8b1e6ac0641329614da8c81fea87bed",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -34,7 +34,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "322274f50fc263f822a296425594e91841dc2a0826ddd7e733066d29cff6c41a",
+    "inputHash": "9fdbfaa932b0d0774028e43152812dbbb6a4150651ddb6f85a2e7dc03c56200d",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },

package/tokens.json

@@ -1,15 +1,15 @@
 {
   "schemaVersion": "1.0.0",
-  "packageVersion": "0.0.62",
-  "implementationRelease": "1.0.62",
+  "packageVersion": "0.0.64",
+  "implementationRelease": "1.0.64",
   "generatedFrom": [
     "theme-config.css",
     "contracts/theme-contract.json"
   ],
   "compatibility": {
-    "themePackageVersion": "0.0.62",
+    "themePackageVersion": "0.0.64",
     "manifestSchemaVersion": "1.0.0",
-    "implementationRelease": "1.0.62",
+    "implementationRelease": "1.0.64",
     "tailwindVersion": "3.4.19",
     "tailwindcssPrimeuiVersion": "0.6.1",
     "primevueVersion": "4.5.5",
@@ -18,7 +18,7 @@
     "referencePrimeuixThemesVersion": "2.0.3",
     "referencePrimeuixThemesIntegrity": "sha512-3fS1883mtCWhgUgNf/feiaaDSOND4EBIOu9tZnzJlJ8QtYyL6eFLcA6V3ymCWqLVXQ1+lTVEZv1gl47FIdXReg==",
     "sourceHashes": {
-      "themeContract": "12b153ce7e8c50f1ed3a9acacf7cca18a1879eb0263252ce82adde4c54cba724",
+      "themeContract": "a47fc609d0054e11f71cd21f64160c5be8b1e6ac0641329614da8c81fea87bed",
       "runtimeAcceptanceRequirements": "6bac23fb52a87b18b1661b5ac73747a972e07f40af6961571b5f4dd831d4cb85",
       "themeConfig": "9b484e9da76871d11edda5a555b0d0443a262acd80fb42c74c4fd78e2b23b5ae",
       "tailwindConfig": "f1e862105254f082a78823ea685e3c6dc3ff5822516b7434a1e1141c976adc1d",
@@ -39,7 +39,7 @@
   "acceptance": {
     "status": "unverified",
     "evidenceSchemaVersion": "1.0.0",
-    "inputHash": "322274f50fc263f822a296425594e91841dc2a0826ddd7e733066d29cff6c41a",
+    "inputHash": "9fdbfaa932b0d0774028e43152812dbbb6a4150651ddb6f85a2e7dc03c56200d",
     "requirements": "contracts/runtime-acceptance-requirements.json",
     "gate": "node scripts/build-theme-contract.mjs --check --acceptance --evidence <path> --evidence-sha256 <hash>"
   },