@vaadin/vaadin-themable-mixin - npm Package Compare versions

Comparing version 22.0.0-beta1 to 22.0.0-beta2

package.json

 {
   "name": "@vaadin/vaadin-themable-mixin",
-  "version": "22.0.0-beta1",
+  "version": "22.0.0-beta2",
   "publishConfig": {
@@ -33,2 +33,3 @@ "access": "public"
   "dependencies": {
+    "@open-wc/dedupe-mixin": "^1.3.0",
     "lit": "^2.0.0"
@@ -42,3 +43,3 @@ },
   },
-  "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
+  "gitHead": "f13833683e6667f6ca6678452db14aa6b7eac4a4"
 }

vaadin-themable-mixin.d.ts

@@ -6,16 +6,19 @@ /**
  */
+import { Constructor } from '@open-wc/dedupe-mixin';
 import { CSSResult, CSSResultGroup } from 'lit';
-import { ThemePropertyMixin, ThemePropertyMixinConstructor } from './vaadin-theme-property-mixin.js';
+import { ThemePropertyMixinClass } from './vaadin-theme-property-mixin.js';
 
-declare function ThemableMixin<T extends new (...args: any[]) => {}>(
+/**
+ * A mixin for `nav` elements, facilitating navigation and selection of childNodes.
+ */
+export declare function ThemableMixin<T extends Constructor<HTMLElement>>(
   base: T
-): T & ThemableMixinConstructor & ThemePropertyMixinConstructor;
+): T & Constructor<ThemableMixinClass> & Constructor<ThemePropertyMixinClass>;
 
-interface ThemableMixinConstructor {
-  new (...args: any[]): ThemableMixin;
-  finalize(): void;
+export declare class ThemableMixinClass {
+  protected static finalize(): void;
+
+  protected static finalizeStyles(styles?: CSSResultGroup): CSSResult[];
 }
 
-interface ThemableMixin extends ThemePropertyMixin {}
-
 /**
@@ -41,2 +44,2 @@ * Registers CSS styles for a component type. Make sure to register the styles before
 
-export { ThemableMixin, ThemableMixinConstructor, registerStyles, __themeRegistry };
+export { registerStyles, __themeRegistry };

vaadin-themable-mixin.js

@@ -6,3 +6,3 @@ /**
  */
-import { CSSResult, css, unsafeCSS } from 'lit';
+import { css, CSSResult, unsafeCSS } from 'lit';
 import { ThemePropertyMixin } from './vaadin-theme-property-mixin.js';
@@ -9,0 +9,0 @@

vaadin-theme-property-mixin.d.ts

@@ -6,9 +6,9 @@ /**
  */
-declare function ThemePropertyMixin<T extends new (...args: any[]) => {}>(base: T): T & ThemePropertyMixinConstructor;
+import { Constructor } from '@open-wc/dedupe-mixin';
 
-interface ThemePropertyMixinConstructor {
-  new (...args: any[]): ThemePropertyMixin;
-}
+export declare function ThemePropertyMixin<T extends Constructor<HTMLElement>>(
+  base: T
+): T & Constructor<ThemePropertyMixinClass>;
 
-interface ThemePropertyMixin {
+export declare class ThemePropertyMixinClass {
   /**
@@ -31,3 +31,1 @@ * Helper property with theme attribute value facilitating propagation
 }
-
-export { ThemePropertyMixin, ThemePropertyMixinConstructor };

No alert changes

Improved metrics

Total package byte prevSize

23741

increased by0.3%

Lines of code

325

increased by0.62%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Added@open-wc/dedupe-mixin@^1.3.0

• + Added@open-wc/dedupe-mixin@1.4.0(transitive)