add missing annotations and delcarations

vaadin · Mar 5, 2025 · 56b67f9 · 56b67f9
1 parent e32f90b
commit 56b67f9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/form-layout/src/vaadin-form-layout-mixin.d.ts b/packages/form-layout/src/vaadin-form-layout-mixin.d.ts
@@ -5,6 +5,7 @@
  */
 import type { Constructor } from '@open-wc/dedupe-mixin';
 import type { ResizeMixinClass } from '@vaadin/component-base/src/resize-mixin.js';
+import type { SlotStylesMixinClass } from '@vaadin/component-base/src/slot-styles-mixin.js';
 
 export type FormLayoutLabelsPosition = 'aside' | 'top';
 
@@ -19,7 +20,7 @@ export type FormLayoutResponsiveStep = {
  */
 export declare function FormLayoutMixin<T extends Constructor<HTMLElement>>(
   base: T,
-): Constructor<ResizeMixinClass> & Constructor<FormLayoutMixinClass> & T;
+): Constructor<ResizeMixinClass> & Constructor<FormLayoutMixinClass> & Constructor<SlotStylesMixinClass> & T;
 
 export declare class FormLayoutMixinClass {
   /**

diff --git a/packages/form-layout/src/vaadin-form-layout-mixin.js b/packages/form-layout/src/vaadin-form-layout-mixin.js
@@ -252,6 +252,10 @@ export const FormLayoutMixin = (superClass) =>
       this.__childrenAttributesObserver.disconnect();
     }
 
+    /**
+     * @override
+     * @protected
+     */
     get slotStyles() {
       return [`${formLayoutSlotStyles}`.replace('vaadin-form-layout', this.localName)];
     }

diff --git a/packages/form-layout/src/vaadin-form-layout-styles.js b/packages/form-layout/src/vaadin-form-layout-styles.js
@@ -149,6 +149,7 @@ export const formLayoutStyles = css`
 `;
 
 export const formLayoutSlotStyles = css`
+  /* Using :where to ensure user styles always take precedence */
   :where(vaadin-form-layout[auto-responsive] vaadin-form-item > *) {
     box-sizing: border-box;
     max-width: 100%;