fix(field)!: change compound attribute names to kebab-case

BREAKING_CHANGE: Attributes `hasstart` and `hasend` have been changed to `has-start` and `has-end` respectively. PiperOrigin-RevId: 542626280
material-components · Jun 22, 2023 · 2937aef · 2937aef
1 parent 65d6d03
commit 2937aef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/field/lib/field.ts b/field/lib/field.ts
@@ -26,12 +26,12 @@ export class Field extends LitElement implements SurfacePositionTarget {
   /**
    * Whether or not the field has leading content.
    */
-  @property({type: Boolean}) hasStart = false;
+  @property({type: Boolean, attribute: 'has-start'}) hasStart = false;
 
   /**
    * Whether or not the field has trailing content.
    */
-  @property({type: Boolean}) hasEnd = false;
+  @property({type: Boolean, attribute: 'has-end'}) hasEnd = false;
 
   @state() private isAnimating = false;
   private labelAnimation?: Animation;

diff --git a/textfield/lib/text-field.ts b/textfield/lib/text-field.ts
@@ -520,8 +520,8 @@ export abstract class TextField extends LitElement {
       ?disabled=${this.disabled}
       ?error=${this.hasError}
       ?focused=${this.focused}
-      ?hasEnd=${this.hasTrailingIcon}
-      ?hasStart=${this.hasLeadingIcon}
+      ?has-end=${this.hasTrailingIcon}
+      ?has-start=${this.hasLeadingIcon}
       .label=${this.label}
       ?populated=${!!this.value}
       ?required=${this.required}