@vaadin/vaadin-themable-mixin 23.3.3 → 24.0.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-themable-mixin",
-  "version": "23.3.3",
+  "version": "24.0.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -40,5 +40,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "1529ed623e053d28a3c1c66af55ebe402743ddd0"
+  "gitHead": "2e04534d8b47bcd216f89b5f849bafef1a73b174"
 }

package/register-styles.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 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';

package/register-styles.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 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';

package/vaadin-themable-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import type { Constructor } from '@open-wc/dedupe-mixin';

package/vaadin-themable-mixin.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { css, CSSResult, unsafeCSS } from 'lit';
@@ -77,7 +77,7 @@ function getAllThemes() {
  */
 function matchesThemeFor(themeFor, tagName) {
   return (themeFor || '').split(' ').some((themeForToken) => {
-    return new RegExp(`^${themeForToken.split('*').join('.*')}$`).test(tagName);
+    return new RegExp(`^${themeForToken.split('*').join('.*')}$`, 'u').test(tagName);
   });
 }
 

package/vaadin-theme-property-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import type { Constructor } from '@open-wc/dedupe-mixin';
@@ -25,28 +25,7 @@ export declare class ThemePropertyMixinClass {
    * See [Styling Components: Sub-components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components/#sub-components).
    * page for more information.
    *
-   * @deprecated The `theme` property is not supposed for public use and will be dropped in Vaadin 24.
-   * Please, use the `theme` attribute instead.
    * @protected
    */
-  theme: string | null | undefined;
-
-  /**
-   * Helper property with theme attribute value facilitating propagation
-   * in shadow DOM.
-   *
-   * Enables the component implementation to propagate the `theme`
-   * attribute value to the sub-components in Shadow DOM by binding
-   * the sub-component’s "theme" attribute to the `theme` property of
-   * the host.
-   *
-   * **NOTE:** Extending the mixin only provides the property for binding,
-   * and does not make the propagation alone.
-   *
-   * See [Styling Components: Sub-components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components/#sub-components).
-   * page for more information.
-   *
-   * @protected
-   */
-  readonly _theme: string | null | undefined;
+  protected readonly _theme: string | null | undefined;
 }

package/vaadin-theme-property-mixin.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 /**
@@ -10,31 +10,6 @@ export const ThemePropertyMixin = (superClass) =>
   class VaadinThemePropertyMixin extends superClass {
     static get properties() {
       return {
-        /**
-         * Helper property with theme attribute value facilitating propagation
-         * in shadow DOM.
-         *
-         * Enables the component implementation to propagate the `theme`
-         * attribute value to the sub-components in Shadow DOM by binding
-         * the sub-component’s "theme" attribute to the `theme` property of
-         * the host.
-         *
-         * **NOTE:** Extending the mixin only provides the property for binding,
-         * and does not make the propagation alone.
-         *
-         * See [Styling Components: Sub-components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components/#sub-components).
-         * page for more information.
-         *
-         * @deprecated The `theme` property is not supposed for public use and will be dropped in Vaadin 24.
-         * Please, use the `theme` attribute instead.
-         * @protected
-         */
-        theme: {
-          type: String,
-          reflectToAttribute: true,
-          observer: '__deprecatedThemePropertyChanged',
-        },
-
         /**
          * Helper property with theme attribute value facilitating propagation
          * in shadow DOM.
@@ -59,8 +34,16 @@ export const ThemePropertyMixin = (superClass) =>
       };
     }
 
-    /** @private */
-    __deprecatedThemePropertyChanged(theme) {
-      this._set_theme(theme);
+    static get observedAttributes() {
+      return [...super.observedAttributes, 'theme'];
+    }
+
+    /** @protected */
+    attributeChangedCallback(name, oldValue, newValue) {
+      super.attributeChangedCallback(name, oldValue, newValue);
+
+      if (name === 'theme') {
+        this._set_theme(newValue);
+      }
     }
   };