Merge branch 'material-components:main' into main-community

Author: maicol07

button/internal/button.ts

@@ -12,34 +12,23 @@ import {property, query, queryAssignedElements} from 'lit/decorators.js';
 
 import {ARIAMixinStrict} from '../../internal/aria/aria.js';
 import {mixinDelegatesAria} from '../../internal/aria/delegate.js';
-import {
-  FormSubmitter,
-  setupFormSubmitter,
-  type FormSubmitterType,
-} from '../../internal/controller/form-submitter.js';
 import {
   dispatchActivationClick,
   isActivationClick,
 } from '../../internal/events/form-label-activation.js';
-import {
-  internals,
-  mixinElementInternals,
-} from '../../labs/behaviors/element-internals.js';
+import {mixinElementInternals} from '../../labs/behaviors/element-internals.js';
+import {mixinFormAssociated} from '../../labs/behaviors/form-associated.js';
+import {mixinFormSubmitter} from '../../labs/behaviors/form-submitter.js';
 
 // Separate variable needed for closure.
-const buttonBaseClass = mixinDelegatesAria(mixinElementInternals(LitElement));
+const buttonBaseClass = mixinDelegatesAria(
+  mixinFormSubmitter(mixinFormAssociated(mixinElementInternals(LitElement))),
+);
 
 /**
  * A button component.
  */
-export abstract class Button extends buttonBaseClass implements FormSubmitter {
-  static {
-    setupFormSubmitter(Button);
-  }
-
-  /** @nocollapse */
-  static readonly formAssociated = true;
-
+export abstract class Button extends buttonBaseClass {
   /** @nocollapse */
   static override shadowRootOptions: ShadowRootInit = {
     mode: 'open',
@@ -49,7 +38,7 @@ export abstract class Button extends buttonBaseClass implements FormSubmitter {
   /**
    * Whether or not the button is disabled.
    */
-  @property({type: Boolean, reflect: true}) disabled = false;
+  declare disabled: boolean; // for jsdoc until lit-analyzer is updated
 
   /**
    * Whether or not the button is "soft-disabled" (disabled but still
@@ -95,32 +84,6 @@ export abstract class Button extends buttonBaseClass implements FormSubmitter {
   @property({type: Boolean, attribute: 'has-icon', reflect: true}) hasIcon =
     false;
 
-  /**
-   * The default behavior of the button. May be "button", "reset", or "submit"
-   * (default).
-   */
-  @property() type: FormSubmitterType = 'submit';
-
-  /**
-   * The value added to a form with the button's name when the button submits a
-   * form.
-   */
-  @property({reflect: true}) value = '';
-
-  get name() {
-    return this.getAttribute('name') ?? '';
-  }
-  set name(name: string) {
-    this.setAttribute('name', name);
-  }
-
-  /**
-   * The associated form element with which this element's value will submit.
-   */
-  get form() {
-    return this[internals].form;
-  }
-
   @query('.button') private readonly buttonElement!: HTMLElement | null;
 
   @queryAssignedElements({slot: 'icon', flatten: true})

commitlint.config.js

@@ -32,6 +32,7 @@ export default {
         'progress',
         'radio',
         'ripple',
+        'sass-ext',
         'select',
         'slider',
         'switch',

docs/components/button.md

@@ -12,7 +12,7 @@ dirname: button
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/checkbox.md

@@ -12,7 +12,7 @@ dirname: checkbox
 # Document freshness: For more information, see go/fresh-source.
 freshness: {
   owner: 'lizmitchell'
-  reviewed: '2025-05-20'
+  reviewed: '2025-11-23'
 }
 tag: 'docType:reference'
 *-->

docs/components/chip.md

@@ -10,7 +10,7 @@ dirname: chips
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/dialog.md

@@ -10,7 +10,7 @@ dirname: dialog
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/divider.md

@@ -2,7 +2,7 @@
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/elevation.md

@@ -2,7 +2,7 @@
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/fab.md

@@ -12,7 +12,7 @@ dirname: fab
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->
 

docs/components/focus-ring.md

@@ -2,7 +2,7 @@
 
 <!--*
 # Document freshness: For more information, see go/fresh-source.
-freshness: { owner: 'lizmitchell' reviewed: '2025-05-20' }
+freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
 tag: 'docType:reference'
 *-->