@vaadin/vaadin-themable-mixin 25.0.0-beta7 → 25.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-themable-mixin",
-  "version": "25.0.0-beta7",
+  "version": "25.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -33,15 +33,15 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/component-base": "25.0.0-beta7",
+    "@vaadin/component-base": "~25.0.0",
     "lit": "^3.0.0"
   },
   "devDependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/chai-plugins": "25.0.0-beta7",
-    "@vaadin/test-runner-commands": "25.0.0-beta7",
+    "@vaadin/chai-plugins": "~25.0.0",
+    "@vaadin/test-runner-commands": "~25.0.0",
     "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^21.0.0"
   },
-  "gitHead": "f12f14c37d2c0a72f708baff4a95230168d58dcc"
+  "gitHead": "c979f7ca278b6412095176ada230eb07eb4456bf"
 }

package/register-styles.d.ts

@@ -1,9 +1,6 @@
-import type { CSSResultGroup } from 'lit';
-
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 export { registerStyles, css, unsafeCSS } from './vaadin-themable-mixin.js';
-export const addGlobalThemeStyles: (id: string, ...styles: CSSResultGroup[]) => void;

package/register-styles.js

@@ -4,20 +4,3 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 export { registerStyles, css, unsafeCSS } from './vaadin-themable-mixin.js';
-
-/**
- * This is for use internally by Lumo and Material styles.
- *
- * @param {string} id the id to set on the created element, only for informational purposes
- * @param  {CSSResultGroup[]} styles the styles to add
- */
-export const addGlobalThemeStyles = (id, ...styles) => {
-  const styleTag = document.createElement('style');
-  styleTag.id = id;
-  styleTag.textContent = styles
-    .map((style) => style.toString())
-    .join('\n')
-    .replace(':host', 'html');
-
-  document.head.insertAdjacentElement('afterbegin', styleTag);
-};

package/src/lumo-injector.js

@@ -97,6 +97,23 @@ export class LumoInjector {
     this.#componentsByTag.values().forEach((components) => components.forEach(removeLumoStyleSheet));
   }
 
+  /**
+   * Forces all monitored components to re-evaluate and update their
+   * injected styles.
+   *
+   * This method can be used to force LumoInjector to clean up component
+   * styles synchonously after the Lumo stylesheet has been removed from
+   * the root element. Without this, there may be a short FOUC, when the
+   * Lumo styles are already removed from the root but still present in
+   * the component Shadow DOMs, since those are removed asynchronously on
+   * `transitionstart` (CSSPropertyObserver).
+   */
+  forceUpdate() {
+    for (const tagName of this.#styleSheetsByTag.keys()) {
+      this.#updateStyleSheet(tagName);
+    }
+  }
+
   /**
    * Adds a component to the list of elements monitored for style injection.
    * If the styles have already been detected, they are injected into the