refactor(badge): add prop value

ionic-team · May 21, 2024 · 1f782c0 · 1f782c0
1 parent 34a7b9f
commit 1f782c0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/core/api.txt b/core/api.txt
@@ -310,7 +310,7 @@ ion-backdrop,event,ionBackdropTap,void,true
 ion-badge,shadow
 ion-badge,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-badge,prop,mode,"ios" | "md",undefined,false,false
-ion-badge,prop,size,"small" | undefined,undefined,false,false
+ion-badge,prop,size,"medium" | "small" | undefined,undefined,false,false
 ion-badge,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-badge,css-prop,--background,ionic
 ion-badge,css-prop,--background,ios

diff --git a/core/src/components.d.ts b/core/src/components.d.ts
@@ -412,7 +412,7 @@ export namespace Components {
         /**
           * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
          */
-        "size"?: 'small';
+        "size"?: 'small' | 'medium';
         /**
           * The theme determines the visual appearance of the component.
          */
@@ -5644,7 +5644,7 @@ declare namespace LocalJSX {
         /**
           * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
          */
-        "size"?: 'small';
+        "size"?: 'small' | 'medium';
         /**
           * The theme determines the visual appearance of the component.
          */

diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx
@@ -30,7 +30,7 @@ export class Badge implements ComponentInterface {
    * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions.
    * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
    */
-  @Prop() size?: 'small';
+  @Prop() size?: 'small' | 'medium';
 
   private getSize(): string | undefined {
     const theme = getIonTheme(this);