@vaadin/vaadin-themable-mixin 24.0.0-alpha3 → 24.0.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-themable-mixin",
-  "version": "24.0.0-alpha3",
+  "version": "24.0.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -40,5 +40,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "7a013a3c5a56abd61dd4f7773c6ec77c3541bdf2"
+  "gitHead": "fc0b1721eda9e39cb289b239e440fc9e29573a31"
 }

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

@@ -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

@@ -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);
+      }
     }
   };