update iconOnly state to icon

microsoft · Jun 14, 2024 · 58f4a6a · 58f4a6a
1 parent 870f6ab
commit 58f4a6a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/web-components/src/anchor-button/anchor-button.ts b/packages/web-components/src/anchor-button/anchor-button.ts
@@ -304,7 +304,7 @@ export class AnchorButton extends BaseAnchor {
    * @param next - the next state
    */
   public iconOnlyChanged(prev: boolean, next: boolean) {
-    toggleState(this.elementInternals, 'iconOnly', next);
+    toggleState(this.elementInternals, 'icon', next);
   }
 }
 

diff --git a/packages/web-components/src/button/button.ts b/packages/web-components/src/button/button.ts
@@ -213,7 +213,7 @@ export class Button extends FASTElement {
    * @param next - the next state
    */
   public iconOnlyChanged(prev: boolean, next: boolean) {
-    toggleState(this.elementInternals, 'iconOnly', next);
+    toggleState(this.elementInternals, 'icon', next);
   }
 
   /**

diff --git a/packages/web-components/src/styles/states/index.ts b/packages/web-components/src/styles/states/index.ts
@@ -52,7 +52,7 @@ export const largeState = css.partial`:is([state--large], :state(large))`;
  * Selector for the `iconOnly` state.
  * @public
  */
-export const iconOnlyState = css.partial`:is([state--iconOnly], :state(iconOnly))`;
+export const iconOnlyState = css.partial`:is([state--icon], :state(icon))`;
 
 /**
  * Selector for the `pressed` state.