@vaadin/component-base 25.0.0-beta6 → 25.0.0-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "25.0.0-beta6",
+  "version": "25.0.0-rc1",
   "publishConfig": {
     "access": "public"
   },
@@ -33,15 +33,14 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@vaadin/vaadin-development-mode-detector": "^2.0.0",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-beta6",
     "@vaadin/vaadin-usage-statistics": "^2.1.0",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-beta6",
-    "@vaadin/test-runner-commands": "25.0.0-beta6",
+    "@vaadin/chai-plugins": "25.0.0-rc1",
+    "@vaadin/test-runner-commands": "25.0.0-rc1",
     "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^21.0.0"
   },
-  "gitHead": "b6b638bee18aa62f095e0a0b7bf16a39db756f84"
+  "gitHead": "cea5e86ad18824e5631b63c11150b4d7701869c5"
 }

package/src/define.js

@@ -13,7 +13,7 @@ function dashToCamelCase(dash) {
 
 const experimentalMap = {};
 
-export function defineCustomElement(CustomElement, version = '25.0.0-beta6') {
+export function defineCustomElement(CustomElement, version = '25.0.0-rc1') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;

package/src/styles/add-global-styles.js

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright (c) 2025 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * Add a `<style>` block with given styles to the document.
+ *
+ * @param {string} id the id to set on the created element, only for informational purposes
+ * @param  {CSSResultGroup[]} styles the styles to add
+ */
+export const addGlobalStyles = (id, ...styles) => {
+  const styleTag = document.createElement('style');
+  styleTag.id = id;
+  styleTag.textContent = styles.map((style) => style.toString()).join('\n');
+
+  document.head.insertAdjacentElement('afterbegin', styleTag);
+};

package/src/styles/loader-styles.js

@@ -37,4 +37,11 @@ export const loaderStyles = css`
   :host(:not([loading])) [part~='loader'] {
     display: none;
   }
+
+  @media (forced-colors: active) {
+    [part='loader'] {
+      forced-color-adjust: none;
+      --vaadin-spinner-color: CanvasText;
+    }
+  }
 `;

package/src/styles/style-props.js

@@ -4,7 +4,7 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { css } from 'lit';
-import { addGlobalThemeStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+import { addGlobalStyles } from './add-global-styles.js';
 
 // NOTE: Base color CSS custom properties are explicitly registered as `<color>`
 // here to avoid performance issues in Aura. Aura overrides these properties with
@@ -28,7 +28,7 @@ import { addGlobalThemeStyles } from '@vaadin/vaadin-themable-mixin/register-sty
   });
 });
 
-addGlobalThemeStyles(
+addGlobalStyles(
   'vaadin-base',
   css`
     @layer vaadin.base {

package/src/styles/user-colors.js

@@ -4,9 +4,9 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { css } from 'lit';
-import { addGlobalThemeStyles } from '@vaadin/vaadin-themable-mixin/register-styles.js';
+import { addGlobalStyles } from './add-global-styles.js';
 
-addGlobalThemeStyles(
+addGlobalStyles(
   'vaadin-base-user-colors',
   css`
     @layer vaadin.base {

package/src/virtualizer-iron-list-adapter.js

@@ -693,7 +693,7 @@ export class IronListAdapter {
    * @override
    */
   _increasePoolIfNeeded(count) {
-    if (this._physicalCount > 2 && count) {
+    if (this._physicalCount > 2 && this._physicalAverage > 0 && count > 0) {
       // The iron-list logic has already created some physical items and
       // has decided to create more. Since each item creation round is
       // expensive, let's try to create the remaining items in one go.