From 777521f218f687a51a567428fc63e255e9800e06 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Fri, 31 May 2024 11:47:13 -0700
Subject: [PATCH] feat(badge): add soft to the ionic theme (#29573)

Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
---
 core/api.txt                                  |   1 +
 core/src/components.d.ts                      |   8 ++
 core/src/components/badge/badge.ionic.scss    |  14 ++++
 core/src/components/badge/badge.tsx           |  25 ++++++
 .../components/badge/test/shape/badge.e2e.ts  |  77 ++++++++++++++++++
 ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1343 bytes
 ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2107 bytes
 ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1265 bytes
 ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2709 bytes
 ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 4388 bytes
 ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2500 bytes
 ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 809 bytes
 ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1159 bytes
 ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 794 bytes
 ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1781 bytes
 ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2403 bytes
 ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1677 bytes
 .../components/badge/test/shape/index.html    |  41 ++++++++++
 packages/angular/src/directives/proxies.ts    |   4 +-
 .../standalone/src/directives/proxies.ts      |   4 +-
 packages/vue/src/proxies.ts                   |   1 +
 21 files changed, 171 insertions(+), 4 deletions(-)
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png
 create mode 100644 core/src/components/badge/test/shape/index.html

diff --git a/core/api.txt b/core/api.txt
index d84b70bc3b..549f3fbbac 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -312,6 +312,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,shape,"soft" | undefined,undefined,false,false
 ion-badge,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall" | undefined,undefined,false,false
 ion-badge,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-badge,css-prop,--background,ionic
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index aa541317ec..e06f4f2962 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -417,6 +417,10 @@ export namespace Components {
           * The mode determines the platform behaviors of the component.
          */
         "mode"?: "ios" | "md";
+        /**
+          * Set to `"soft"` for slightly rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+         */
+        "shape"?: 'soft';
         /**
           * Set to `"xxsmall"` for the smallest badge. Set to "xsmall" for a very small badge. Set to `"small"` for a small badge. Set to "medium" for a medium badge. Set to "large" for a large badge. Set to `"xlarge"` for the largest badge.  Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
          */
@@ -5661,6 +5665,10 @@ declare namespace LocalJSX {
           * The mode determines the platform behaviors of the component.
          */
         "mode"?: "ios" | "md";
+        /**
+          * Set to `"soft"` for slightly rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+         */
+        "shape"?: 'soft';
         /**
           * Set to `"xxsmall"` for the smallest badge. Set to "xsmall" for a very small badge. Set to `"small"` for a small badge. Set to "medium" for a medium badge. Set to "large" for a large badge. Set to `"xlarge"` for the largest badge.  Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
          */
diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss
index d0e4ac5a7e..b171a7b3c2 100644
--- a/core/src/components/badge/badge.ionic.scss
+++ b/core/src/components/badge/badge.ionic.scss
@@ -18,6 +18,20 @@
   font-weight: globals.$ionic-font-weight-medium;
 }
 
+// Badge Shapes
+// --------------------------------------------------
+
+/* Soft Badge */
+:host(.badge-soft) {
+  @include border-radius(globals.$ionic-border-radius-200);
+}
+
+:host(.badge-xxsmall.badge-soft),
+:host(.badge-xsmall.badge-soft),
+:host(.badge-small.badge-soft) {
+  @include border-radius(globals.$ionic-border-radius-100);
+}
+
 // Badge Sizes
 // --------------------------------------------------
 
diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx
index 97f743d5ff..eb6a4ee191 100644
--- a/core/src/components/badge/badge.tsx
+++ b/core/src/components/badge/badge.tsx
@@ -26,6 +26,13 @@ export class Badge implements ComponentInterface {
    */
   @Prop({ reflect: true }) color?: Color;
 
+  /**
+   * Set to `"soft"` for slightly rounded corners.
+   *
+   * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+   */
+  @Prop() shape?: 'soft';
+
   /**
    * Set to `"xxsmall"` for the smallest badge.
    * Set to "xsmall" for a very small badge.
@@ -38,6 +45,22 @@ export class Badge implements ComponentInterface {
    */
   @Prop() size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 
+  private getShape(): string | undefined {
+    const theme = getIonTheme(this);
+    const { shape } = this;
+
+    // TODO(ROU-10777): Remove theme check when shapes are defined for all themes.
+    if (theme !== 'ionic') {
+      return undefined;
+    }
+
+    if (shape === undefined) {
+      return 'round';
+    }
+
+    return shape;
+  }
+
   private getSize(): string | undefined {
     const theme = getIonTheme(this);
     const { size } = this;
@@ -55,12 +78,14 @@ export class Badge implements ComponentInterface {
   }
 
   render() {
+    const shape = this.getShape();
     const size = this.getSize();
     const theme = getIonTheme(this);
     return (
       <Host
         class={createColorClasses(this.color, {
           [theme]: true,
+          [`badge-${shape}`]: shape !== undefined,
           [`badge-${size}`]: size !== undefined,
         })}
       >
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts b/core/src/components/badge/test/shape/badge.e2e.ts
new file mode 100644
index 0000000000..32bfa16bf5
--- /dev/null
+++ b/core/src/components/badge/test/shape/badge.e2e.ts
@@ -0,0 +1,77 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across directions.
+ */
+configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => {
+  test.describe(title('badge: shape'), () => {
+    test('should render soft badges for smaller sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="xxsmall">1</ion-badge>
+          <ion-badge shape="soft" size="xsmall">1</ion-badge>
+          <ion-badge shape="soft" size="small">1</ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-smaller-sizes`));
+    });
+
+    test('should render soft badges with long text for smaller sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="xxsmall">99+</ion-badge>
+          <ion-badge shape="soft" size="xsmall">99+</ion-badge>
+          <ion-badge shape="soft" size="small">99+</ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-smaller-sizes-long-text`));
+    });
+
+    test('should render soft badges for larger sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="medium">1</ion-badge>
+          <ion-badge shape="soft" size="large">1</ion-badge>
+          <ion-badge shape="soft" size="xlarge">1</ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-larger-sizes`));
+    });
+
+    test('should render soft badges with long text for larger sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="medium">99+</ion-badge>
+          <ion-badge shape="soft" size="large">99+</ion-badge>
+          <ion-badge shape="soft" size="xlarge">99+</ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-larger-sizes-long-text`));
+    });
+  });
+});
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9443d536c2e62baee1468eec4a682ff1270e32bb
GIT binary patch
literal 1343
zcmV-F1;F}=P)<h;3K|Lk000e1NJLTq00D^r002A)1^@s6ldVS200001b5ch_0Itp)
z=>Px(`AI}URCt{2-Ct;xbsWd>&-0vT?RY#YZutjVY_gE@A}tg~I4IJaKr}29*+rHq
z1VtB>Q9+0-&{0?YyBJt0UKj-$6hWiWz<FcV0-J-dkrUEptkyj4JZDcAO%dnQ<2q;i
z{eI7Rzb+5#@cD8$`|kJWyT^;7C=#r3VxXu4-xT!IxlpIig&H2U`{Sw4ds@*DXvLj@
zo_sK?mgP03BLS!&k0xP<!npLtkx{+%`It%*rqldC8DDyFLr#0Q=2a7zP6MD4Xc89a
z8w|DO?Gc?hUost~B33pA`uMr|y0?)|0l3aL9RSkdo<eFGge3hi80v6O!E_7&6~Icu
zu-<{9*1rCSCQ|k(_?~pCqmI=C;5b$ihJDmsNL_=Fq=`s+@2ktEV*n@<O~SD6&lXKb
zm@)lBq3H+!%0!betUpC(5jW}|N^fmIwQzpJ*tWTX>CO#|jHPg|Y0_^aj^5=3aE-GE
z*DlNz+{)a5_xOd`jy0>IPZpbw0H6#`Za4J}hFbN~u=XFdw?Rl!X+qj}bWCerxum{9
z_U8e($H^w)+FSv10{~p*T$AV>D5~SwnCTeP)^Ti%)dT?NIM*axohx8&0Dy~}YZ5Nc
z6)-mdz%|Y_376*zm>U4#nkg4EXM66Tn&t|a8vx*%YfZw`+`;f@q@Mnwdism%?7GbJ
z2mrt$zATzMV6FfF?BdJ9xdY}3X2zQ4K>OPA`uUxDt-YJai~>j&*gAL6acoT6TC+Tl
zpbVa*mgO~itff|)Te50g<lH?40EPv&&K+ExEBIjNJkwE}wX!MD@%DwLV*qeiVDsDo
za|PuaEkyd_yK#MbqM*9GulH%X0Hz_ZdG3I@g7Wkag<AB~MHMFh4rpu5nvMj(F@eo<
z2h0_er(o|Q5r88&$-K^joTnWRXVtxDp<aD7XF3i57+3XIhiWp?Blp*;tu?C+t7}y|
zc{B9uzH!sh0KmAaZxT;Dkk!HG=Sz~tLn$mtLB@0{0I);VZ#RvHk-j`NuI=yssU=Te
z)X*i)K>*;YimoKqGzZ$XKBwE~d)l;rq>^tvV~+G*(UIOOregqrmC9}s^Rk|{wPv+z
z{T$u5?BBQR`jP#707!$fo5b!-IlZ=duELUZ_CiU^7PFxb0BKS7nZ%j%CB1OqFWs^8
zqTc-M@5-bC09c{ymBhhs`ERWNkXBWHy9odguj=O{s>z|Af)4SV4gk}@N&)~7izWd8
zh((hC0L0=<;s#C6{%$$~09b>S1OOlwO#%QAtD@UYom~ZWc5%fL0Mde$1OOlwO#%QA
zizWd8h((hC0K}q6003h7OBUGMCvKL_=DbPLR!@>N*9KGze^rycL)SOUW^>*oX{#qm
znrj291x;cWrLCSMX|4^Z7XFTPb99@9-{pMP(=+SlOnKebyh+klPm;KL0l3A#YiUM%
zw&YFcm}2kNxoTdTnew`=d6T5Ao+NSg0&t5LMNu>{A+6qhNvD1ZP3Ms&w<%8UtCJsd
z?rB@zBx$QBNm9K4+~G@-?@Pzq>$H1gP8ow=?2IqHyfLTV_W%9`V@uv7X{#s6t=0>`
z9bObg(e*E!7%1w)?t)JL8tU}9P{X59{7+XvecscGhCuf;1ls;kRxQhGruFl)oi|C^
z>Pb>=y#VYsrAYt)a21;Z0DxFD2>?JWngjqK);~nQ<Ky1e-7^3H002ovPDHLkV1kh<
BiW>j`

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..512f45837335fa7792373a616feaf1dc0c944d80
GIT binary patch
literal 2107
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

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..59cf9050c8d909b4a3c94adfcb6d7ade09bb8618
GIT binary patch
literal 1265
zcmV<N1P=R&P)<h;3K|Lk000e1NJLTq00D*o002A)0ssI2?Zk=|00006VoOIv0RI60
z0RN!9r;`8x1g1$uK~#90?cGgi9CaMV@&C+hc4s#+8(SI$ZOp-g)EK;p#FuK~VpNb8
zDus$IB!%D$R6W@$<YJ|lfT#o|g%)~I@gmfg#En?+ptOQXBZ5%c<Wgco6Owe_cRa*H
z*JQH0$?W`pv-|xVbI3dd_F?CrXLk(8aTF>uJ)0j(rjpaS>+^-xjGn(+bHwOuxB4Cn
z5BAz!9U(0lfZ8#rq)KFR&bwz;zMM!E#r(A_Qw=4eBZphUAwzc-z%x`*d6}Hke{$)k
zt6AMaHt>8`_`-=et%SN^>JAV9$Ih(C>?5Vr<kjr^XIFHm06aq_l`%b=|7s$oJH=*3
z$5S(NdEF@hZ%|2Pj3ot~A8n{mRHrA?x>Eq&ppwe?aVn=fLU|KYLhmbqYEemL%-$;K
zj!@o>e*zE^sD!v-i=W${N;W<#Y1y}JN-3q5QvnDGR6@`QK;!mjlZ}sYVBYUETjG4%
zt~&zY0Vy|bYulgEaXn|rg`)c6Vyge+rEFeGK?99RN+n6y{;=@@v=dQDa<)Hgd;q;f
zRFa(S4;vpqFA<d_YWu^+2hd1FC5hVpu<-#jDjDO{ViOd&?GGCtK%@UUqIR30)r>PU
zm!Fx-e}3@}-|qupbEfiZ6U6ohKv|~pcN4_+=YbvO2m4}weY*3hN1AkJ0mKRUzX=*0
zPYorakM0)t@w%F_n~Z%=M2_sW`?|v>cdmeokpG*Ywe8Qy;TB)7s@22yTbEDmh{vcR
zpp1}~O;Dq4e_CuK9y1n}i{Jg4xs!2@y&Th>2oNfyWfRnB+n<|@#aBLA9RDMmE2!6>
zv317*<TABvf@-n-i8L7pd+dpi+K%sU_WYM`)6K==`QNj-#_C~UE9&8l`SH%sKyUQW
z)Aqg1hEnS1KLvd}1wd5-Ur7g^jC}K6Tz3ip-VpH_x9x~D84JtB(eYHzhqoK;hzh7b
zfq$2D{z~TSU(y`Y0QF&um1G*~xvub$y>@HNc=gnhx0$MPdzFu;0QIBlN_uFQb+pfZ
z<5_$6PD?43oNlaz5rCSi`Yh>apM7F~b6d=uy1^I10`OSXmGs-+`PW94?i;-I*#!~b
zmJOhuRDI+2{pCz8asYs;gAo9LdJ^~%K;WFals<QfhoAr(<6RN}L8v4Ef>22S1gWdD
zq|P@NbVmTNExbztAPAKNK#;B9xQ!)KV@U?w0KCMzBmja?NdN?)k^l%oB>@nGN&+B=
zc~4ZsQ=wZ+FRCSj8_C(+v<4w0PziJG`)YmGv8&{wS~9qioXySuG6TV7zR(@^|Eh`7
zi)zW>MshYci6DdoDq#-x+LpfuN|vbxdhNS^;(rD=lC!y4pBV@)v#TRCl!*Fy$+upN
z?s>3eHST`~H<GitS)UmQF2ix0Y~Fe4<dQ#+KkDla|8TsmY2DF>pBdap&gRA~GZ0YL
z@bIu@8V7qKi>uC+Yk8+;4{Eeb^-h2E?A!4TUqAk22x2xjn`Z_B%5d&_k<HBIPfw;N
zrn1-P3oB`FUVJUK(b;Y#y2As#b|v>0wa5^}Y;LN}3<OI_B>{k5vj3R`putc{00g0u
b00{Cg<MH-UM@%c900000NkvXXu0mjfxr$};

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..117f06854d23cd908f5e179532a1b119a70f6692
GIT binary patch
literal 2709
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
P00000NkvXXu0mjfsAvwt

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..df43559f406462f7005fbf6e93c7b312d4a06859
GIT binary patch
literal 4388
zcmV+<5!>#GP)<h;3K|Lk000e1NJLTq00D^r002A)1^@s6ldVS2000o{Nkl<ZcwX(D
zcYssH7RFDuW?Qx|QWT^r_@oLdC_JAaO=<cN=^{vzMUf&Ps1yNFSOEparHX~8q7*?N
zic(ZMPZ3mP5fz2)*<SO`nQ(WLY?4i~xw$vtod0%nGk4~9Z|0jhbIy#$fCg-;BXBXT
z9Nsxl2)m9K!KvR$Av<5)k0~-#11;+ZK(DsJ@Nh>h+z{udI;LD9Ccp%oC!k@Ga2}eR
z-_WBN3|py(kB=0|c^lcw9?&5e-Wsn15)U>ezy!RP0E>i*p528j<<Mh6CY-%grlMN8
zUX|wc{Nb}_qoHmL&njG}$lqiF$`W9aP?o>h-3KS>VGFvLe94A)*24OUI$vrMw}lB@
zQv_HfRPwmb{apq(C#FMbxk@VJrfLM>B;v>AvCyQpzne<rVweCE@FW2i2~X0tbFUej
zb7Aqv`6{W6d#f?MPbe%J67JqYxilug1Uy23MZzPPtG`LR=^1eBd};L;df^pq8wSA9
z#W7x3bFMNIU;-=>DtQN@hNr4N%+*y?6ycP$A>P%m^Y@ql6Ht(V*NX&21SRdthkd7u
z;p7E%jl^3u2!Jjvf*`SHC^Sg0AK{~U=!$}`f&8~NY)z2=CVU4bzy#b*z^g^#$@RIg
ze5ZH#@hA5Rg=Hgb`{h|A-2QHJflPo2xPgGzibU(F8LFE(RQEh+W^v*r>%MswiR$R_
z=S+YJC_%t0MPl;09CR@iD8Z}7_e|^=0?S86R4Io=qQ+>s04Bf$WFX*mB0*~qH%>^C
z0fpy^Oj#9IWsQPG!gKujPE3FaI8MOpM8cbA5z=F^Hk)9PaQvm^E13Wj@EifJ6A5oz
zi?Dp0*48FiBs}-h^PQLg6L6e>*NKF$bf%Uep}x{CTdy96z&ie;<SUtgng~=82_^Cl
zuEl%;76~=|47e^#fC<<lU?vi3$UC@J@(EZZ_(#bEn1DABs1OM?`TDPgd;%5;Z}@p|
z9hm?V5F(+*h#_CkCt#7_A0HE70^UGClXAJtpw_$tU(P3}sYu*%y+6$C9|oP92SIFv
zAEaC<gH2x*z|!scP;6xjD>~O<{Cy!X@}3ZAa-BaE;WY=&6vOjd^Wb=j{Ci&U!nHSa
z2V6%cP?dltF<Ea=Yxc4)=M&UKB<^b&1RqX~g3#cq5A=)gi=oHDEHj}Xf!Og(6x`P;
zsLB^gP#^j($%0)cie>$Mut>;?mkVbCvJud<dOF>pw%t>u*7|ZjfvX}x+iw4q6brSY
z{2(LO029{g;fIT*Ft%GLOz0jW(9L-_59WQ4SMk!!=o<<z4mNHs`1bxnSiU14;v@ZF
z%@`eAALj>YdIK~|OcUi<vu6i{L6}y9=UtS*)^CbjdKp<HT*Ag*Vgia2(7=P2t@jLy
zSIt-fS36UcRNrPbTy59re}%vsV~u-1^;?n++m2Lr+WY54L#LYpAw9<cb;hKM*@OnK
zySO?I>c#qr4H4Vm#)#4bzxN+O@cEo5QPz|Vx$p{#hc!z}jz^c41~%*~gb}OsE}><S
za0wfKi3uo9z-L7w3|%p^286@FJA<Kaj6Yn;B%ggDEc`G}_~R{&I^S{Vvu{=>0P>0q
zu<Ljc%-oWT-;?LiX;(#J<3t?{?W~2oLIXq$O|9tgsXfE-|LgH{vO8vG!nePaK*I!o
z_;ppR_}_FqB6W$y5vk|#vm5c6JtvEy`+_VM3B`YsTmdGaE&@I&652q3{qtg=U88_1
zw0EQLz1NFbP;N4RS~)7B!c}AXg^OwB(BYX3_&dw}LgA`N?3o<}-Ed9f+}~x;<cV~%
z_TAYu5DqSg7XKT*QV$zZ6z{<Q9lH9zA+PF%yUEl(!}7Xfd9?7|aDsVx(sewOP}h%^
zYr_OQNx&yXV(vp>@Z7({pa9om2Pb92?vq8(uRV^kC+Hv$bz}5uJ*?ep>?}Js4}^Ws
z8#`8t^jZ2zKHOBtAGS@8!WoF4=v1k5b+@@H65FOlLZ91$A*a9qx?!ni)uMWz!SxEV
zNy#~|;?n{!UDvVZQhIlCBn<2rEY>4pN1B(%BH`|*&gC%y?<3%oA|bg@mZ6XRDfG2V
zwq{HOjOiMJ3$UfoZhD6Jck*~0jQpn-PGA^ln`y@XkqyF*a|?E$6#Y}{u~f*+tGaYU
zVid3QgO3gu!Cs6ia>iU0iRV%L=HPwFy3Nai&;M6>-w|E3unvWgY~tD+Shc4BXjYZI
zF#&>591s0e0v%^(R#cPz_x;PU&=kdm7O&$+r2<7lmAvQJQKLJL6+`bu)?HMVEO<@A
znYV+lWdiCU;Bz8DonpZjV<*@DrEJlGOZGs!VEA}?B$T1|NH_Ef<YWK(-HS2MzHtD&
ziia2_;$cRT=|VKvxyFk>yU)*pJ*TRQz_}H%&<Jx5rf$p?`3cULt0K`1JM<ry#eyGp
z=9e<cVaysmoc_HOdbJ6LrNbgXdo{{+D9(O1Uv({Qo}`1pcWFiSUPs}eGr^-UN^0RF
z;cyQwUX%Tb?yJV=zG9JZ<|*>EOu+XE*cFMPcWdFP`$N(F5&&8G<s$rX7B1%I;G(Ii
zk>8s}xE-2c4~_Q455+KTQ!f019ZyZo+0HaNOamF~jh%a+#o6%5(MpkM*DwH%EH)k=
z+6evc=g|*;YH1AIT0a0RXB~7+?xuJV`Z?+~JtTi=?#rjol@JNKFS*ia7Gr5N8;H|U
zJQKjZFJx8BZt6t)!I4EVPzT*-re?s$NHe6Ea19(dTLO1In<=89q)=Mv+C>;XOB}w#
zh49T^S8||rjGf0Fn?dnRqNcwD{yq~>hJa0xnEF5{EEyUO)RFx1R~d#-`itbP{bx#`
z%iPS0g<lG}+&ec~xHEpog<frt23;^3xRPBi+&6#XXtyTjtVmENm$e}tbU0F8fVl#*
zF=s%sdu}n-mF$)$)8X_VWw3ol6!dNz1P8H`?1Y`9WE35hnw$V3IM9|{H<s;CN+hTr
z<RVM#i2`011w5}D-bVpHky0YuXJj!W%w1&HV+ibmLE+G&budKWEa~Kh5_s<YJXky=
zT!>`S&U~1>zS1>k+E!k;uE`tB-(>>cO~9&1&}jUxH{&4~CkB$srZy&T9a<10j@=x#
zLJym+jwlbKyXH0%cTJ!_h-_f$c$2><gi)_oUG$xe$yp8J{c-f3Cpv0-=B!9iSz8iy
zFsPFjJ5K}j!tCQiKbKT2Mw7dStRWtOnu156j=47k);w;^I~f0F4y^gS0HUz{Z;jJI
z-}c6o=0|ZRu?}Yv4dVUax+vrK$+k|36!{0VK)l5yYKS`E!V>#0hAZu=?p1pm-Aa$3
zTgg)JY<;h3ZGSk63*8!2)~-17_^*w16&8u=$n)n+z;_8)6^RFL4;CFDC126*u#!#c
z5duk%M!<G-;XHt@oH$IdO2tGgvgqNd=#nzJp>Dk)08YIe1KIdD{oiuQ_b9r2+M?^H
z2gc>^#`t`D=1OPUsFpv_J*cxMqk2%LGDSPl%z#W9Y10ho;QY#P*<5s`X#+J-irPgY
zNgb#pl(s@;E$e@CVmh3?<bLt9$BCZVdrwA+wTg$AWy5=i>}N(tp!?|4Sy9jtXM#VX
zP}9uHR#qj8gzt6$+%hIm9RaH%@i;~Rt;R?o%jgx!T|@4trjyb!@ys|9rNpjqOze`3
z7C(#LNe~@Y-7#rZ64K-r393i)dj7CvNCb3l5hz?{JB}3zSJ`W$Bj7JgkgJ3Bl8k0f
zv~5NI4qBiE>%-?tgsW;d<`9rI!?ym6ZB~;=)WU5wC<%@h&imnvX8?)>nIz!W9(?Nt
z0k~%2C)SSW8PhC?qPOmzV@$lWWh@fa{fzi?Cg8gStcpaB)<LjqW)z&ij1eyrD@T};
zNKkTF?a^rvilg$}%?V<(U4L8}Q1TfWMHuNZ?2>X4Zo*OZPZpzUPl$xINA@btf}X(H
z(EB*b9*CoDd)B{0FnsWIBwW7QR%@edCD$a#WjF6(^Tq4`;JU=n71=gjU8NY>>Tj}k
zO}P;?>o5(YmFrdKg=@LUa=A=EUII4PBvM|B6E2$hIHG<Dw{mERE}YGiBB2FtQEi%?
z`xPdl-Hi!ppJFESW4Qi6g0XBw1Uz(yab!#45sHi1Qj(Xg=GfX7$Q5^!wR_O4=NP)6
zC`!jxNUQWc62EU28l#>TeUuN+U__TSQ&J>m;Wptj`h|*Y@B=tQ+JM`H?>lXOA*A5#
z1ke|h!`VN}#I_@=as7o{ah@<12~SYwdoTg_6R;WGG_G5SaLt$+MJy$to8#!OrEuE}
z<5~r+Eqwh#jM=u;(slGX?JrahLobyO2^uw1_-F67!SKSsa1kE50~5gRw~_!xs}~ds
zde_ZCBE+;Mx@IUcs|EV%ZFQtdiiG=L1$j$kk&u@!m(B#_B49U9g7yfaBrKXy&?uGM
zNaVX;ySD(hwx~=zqwOFjbPt9482v+|)GtpL3wM?2{z9})A=$SW5k=xckw>3hO;V%1
zluY+ilCE`iCSjUXCzVBKE%e2mQ!Vp6=<{zEMpxu{(BI@b>pnjd&R~0N8H<GDuO*9w
z<E;2fCZHw)4rg3bXzO82$fCV~dgBIp_L8VpJr*HOL8E<;reac^rFmjaLRuF|%PGg1
zPl?!riPj=)IadzOj}|+?p82yBwqcg`>wEG=Mz&n$s`$xOAGynAk&v4(m(K*`A>fcm
zP)O;^!^6eKa!1aU!tFCNtd9C=#xbo=s5n+rkG^hl)%;;4na&d;ArCJ1mC7RFK9*b(
z6JP@J5wI%~v^Y8ix8;aNUp*P^@6&Z&rbt3FwXU}Yi5*sJqyL{4uJbWOf51}PIS?!o
zzI&LGtyh(267v0sxnw3FCjq-6u>wOz>3|ywVg2a4LRh)G04Uka(gt9-=*A}^(T`sy
z))-#do(I2O4Tr61<$ZO;?W^r#k*Mh#&);VP>LTEfyGh9^`)X(EtL<WuQ1aKp_htg_
zC%_`%ex?qU$RgnoCccOXFad=Lut+HM09Ygx0?)T)0!+Xu0xS|v;d0-_EE4Wx$t5uX
zCLkXH776*-+AWzyLLu;cTPDB+oFc#?;S?_SUCbikK9*b(6JP@J5nz#!kF8TPi6}gG
z!&95>dAiAzWJ#w5vM~WB;C%!%EvKX#PW^_53aHRp;x4Qw@eFEHYxQ&nsI|V1BJ|aE
z*=j%S(?toCY)pU&cpm{xVzS<lw5vdsHBamr0?S95??gL!T@I+VzK%k))~*?wb73)V
z$?l6b9k*&(glB29F##sveFQWqm&*({;(5<%w3JnG;!JH*yMSAQsI|V1GPKq%I_<Cd
z<a8)C-|@uJB2{}G?fy&K#5cwh^w^jH6YxF)8UvadN9Wc?+Y(+i*4NQTZ?9cr-^hVA
zco2{;nRFDcFSUu=!UV1*0zxFH!D{mLTl3jlJ`^?8*U=ZIx^~gVh#hBVz{v~hTqAO{
zozivf8wbFb&zT=c<!l*zJriI8$`Ys$395z~M(FlN+Lox)P+vzMpQG)f2&WM%^|0*-
zDux#u9bdb4tPXS-*~G>Kn1J^ZFcS%C2KoG#@5~b?(RnJ0h(_35S_H!6USU<%AgV*F
zM18BPlk|B_+C?Yhy?d|_b{;Dd&q3|su@vS??d{nn7zTCH!VPieYe|kW<Lj6J6Hpg{
zDk7n->TzwD025#WOh8EjED}o6=X)~&Ccp$#PJl&1<qwFf#{`%F6Ht->i-eN&`QA)`
e2`~Yb6Zk)VtbevVEg~KO0000<MNUMnLSTY70zS3?

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ac6cd539931afe3d0d350ffedd6df8e58f00cdd
GIT binary patch
literal 2500
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
DMZ2(j

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0644f61202a03c3c455a5bfdd50b8cd31df84ae1
GIT binary patch
literal 809
zcmV+^1J?YBP)<h;3K|Lk000e1NJLTq00D^r001Ni1^@s6d?>~_00001b5ch_0Itp)
z=>Px%<4Ht8RCt{2-9Km(VHn5p-(4=orq<N9R<H{G1GO$fYe5{GL=+?K<|u0EB)Uii
z7g2{6agu6LaB^@^n!&A;N<j)Pir9i6D0Q$^Q?==z#GaE=a|un}yGzpVXASTBJei&x
z@B6!0uIsw0a?jr^X<%ed@4w`f&iMOv8snA@Y<G0Er(UNz*7;fs0K#Tf`;bVDFRJJE
zY$&xyt|Zjm6$_;{00hAfyMb~IrZQ`?HUI>n>W9RKsoa{Z4FEx?`XMpv^BF{?)&_te
zRQ-?u0QiR?0RZsCkN^O9a{SoTWNv|60sw@^_>)9xd{N1Pw8kd0MuKhWjH|K9tdaw1
zrN$SH^!VR~^_DK3tkb8V7Nh$DK&>$TB;jXvU@(<25?*U-vUTx9Tz$vt)L3sB=?wsC
zk?|)9KeGd-_8z*>p#JW-CZ=-wv%oc00PtdbNcfo@FtzvNmkVmY{9T8y{UqxE00sDR
za9!!1zBYTd0RXj%E3g0nPoWHnEeTs^j>Pn!uR$O0HtT46G>kR?07W=jWv;<QZsEm^
zP1@NS(bpf#+R<vu;(`$XR3v+~xds!th2HzW)O7Zn22*n-tp@-E!!9S+Q0m%O6Iso1
zb_@U&&+*D0?A;nsvLmKsXH27Smvrmd%3uBbp8^2XHalNVz_F!wcbawl;5v2fiOPxO
zUrfdT0BT#_oJ4L}YCS)#bjH=pqs_s06`*Z>Ghw#?02Ryg3ap8j^8o;=8(}&CfG36o
z0KikI?`|3%o!9W_e3&f&01Dtq0s!ENAprpJ<Rs!&!MsDuxoOYO67iKUT`IO;IfAZN
zN<RQlOYHq^r5{V=TU*Y4l~%8qFlz%q5bXZ$c*%?Ntu1H2N~>2)n6&{Q2$3fbZ(i@*
z9o6UQzxqAzY9U*AL1Wxf$F8XE^={PZL$MW~?`w0kn*E9ix?Z{c06;CVT-PO94FJfC
n+f4ufPYekFfG36o0Kn5f0tW!KPx>{R00000NkvXXu0mjf?Gkq7

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ead53a8ce9cbc94e0de3a1b09b06951736e2494e
GIT binary patch
literal 1159
zcmV;21bF+2P)<h;3K|Lk000e1NJLTq00D^r001Ni1^@s6d?>~_000C|Nkl<ZcwX(@
z%}Z2K7{~GFnv;$;zBlb^+||yYHc^yCF9cyw(oQWS1cPc}ZGsGfC>KRRF50+gl?3%4
z)GDGNA&LmXaZ~t)iZ2zTPIpEOs~L}T&wcfNXM5+|bMEIH{ds46?lIElO9K8%jx5TR
zzG)dqrX)GK=;+lXHWx`lA|m(NVv>j#IocN|M*sl?ycRHm9uk>=*x5BMlXLE7T~(PO
z?|W(q3a?i%{Ud;YqXK~siIaDy<i*=xjw0nddDHF^d49FhlfLN`0R#|mLm==WQQbP~
z`d!5G#AH5t8hlje#yrsn0tg`Bi9p~(!e}1x1a7(0bbs8_{^=Y61Q2jifRNDCB_uQf
zX^sE_z7`-PG^dA<&;+D80ton8fRNCf9zsGBkmd*=;A;U#Lc-3v1yx-F-%0p-eK9x$
z5D2({?IGb*-9o;)1VSR<E0EzMfPk+BY!3-1>lSj=C0GrK$Oe%UyGo?}U{qdzNy)8e
zvz8``kDDy9(Fg$q0wQ30NH|%ykgG1C(2%G!E2XcWDwmf1r4p}PdaTCH{#ogMN=O7`
z%`!{`5O7hz_K+y_mv*7o`tM)vh4$BwC^jFbQ6ulZ&dc|Sh3wq~AyMco@O}gk2#Y}I
zLZZ6dkS*pN#OH4da{f@MJnpC<B*L=VxlRNSC|JO=kce&+IkTr!I*vr;+LIZ1^(nQc
z!Ry{htn7r4SQ9yKLI8mf3wRO|H=4`k((y8>-ehFy8@ngu<wrsy#OshtM*snz3S>i~
zkh%st>K5MIu8|Kz^O9OfXYV8k37@VGhJ^qEp%*X)hZoXT_G8egTPQaFsc7EZ8>r)O
zRC+JO2#L@yLjVv!z^?*E)1Aq*)%_TB>lO$Jzb*^Lg#ZEwED0D@EhA~GySnMtEf5kc
zLj({&z~2IfoF2}(@8{OKB56Aim9vdesqY-idlfqWZA3`;dvP#21Q0+VXGnA&jmm>_
zF`4<9mI|{%d9{KyLV`_)_%T8Nf%PkpGbHwIkI3|owCvjvk%#TEbsG|POe@cBvO|$`
zAb@~h1@eB}lo{~FV^KmvF>{23UzaxHLI43f1PBRDMM6Rokmd*=;A;U-L&A!T&UYYI
z`ct(bBve8iM*x8!3lI{Tvqwm10@54-1bi((NN7$EA)yIKa|96ZwSZA+7Sm15<t&v@
zesR6ctfffy*8O#XRjs3v?|ixvZuh4eZ?5sE+Hf2J1P}<4fbEavaC`ewC;L-PWUj}O
zsM>HG0R#{Tl0fzWe+^yZ1^@M**#>l=r&bd2r7b|0UzsP$S~;Hz&F%iIjz`sw;|L&t
zK#&CfJSzNh-?R)2retW$d_3zaugpg*4fPSZ-xm8XAXWy&TF<A#a=Sk}#-ln1#}PmP
zfuIQ3zUfd<E}U^9fB*srs09cKwGr<?009I-D?mtucIvrs1Q0+#EkH=9jd%wF2p|wz
Zf!{omceCuppPv8#002ovPDHLkV1kd~`OE+S

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5265ed9b917acd4926bca372bfbc20b00f4a8b2
GIT binary patch
literal 794
zcmV+#1LgdQP)<h;3K|Lk000e1NJLTq00D*o001Ni0ssI20znGn00006VoOIv0RI60
z0RN!9r;`8x0?$cAK~#90?c6<R6JZ?3@p~?BUeYuq4HimWbSNl=AYH11N}-A(f)Ei3
zB4)6gR4sxEB7zhovvsnflj6&27SXA?*bL4hagy|fHX$!2J%=n!+T!Kzp5!6@e#Xl^
z|L2+hJUsc`BTUoO6q8%7&ny%&+3H5gowbDxF)`|&o9Y`G^0-nEfFwe-mXuqrCvLB<
z6gFM291V$VI(A@yt^}w{@Ad*(%`6mT^dn8vR*UAX7X=xW0k}oEmXyg><rV+9B(XRE
z=ag$nZk-?PXkBJ;0M04bk^t;wv?Krup(O!Oh}YqG+ZiIVLIAdNv`cDah~6$%Y@A7N
zl*|v`D&u!oa?5qw3phCFd2~7S`&ry}1prEMv`ccHA!=lWUf+zgJMc`xKYJl~>WE(m
zC-VbPi=$nVD;XktS)u7kW9*Rc`KR()k^l99-r=YvxsoBWmlb;WrZ||&r=G4CE3_n_
zcQ`%X?w0RAYu#P~0QX4@0T_O9_2j<A$I%mqeez}j&`V_Pk{%>OH_ip4A)#rS;0PLk
zHD1j^w#Y_?=<HGdyRYTHHEnv*aBZ;wdY#wG{X~rn(dQpk>-P;EzrR|m(~khON4K6W
zYU{qCn*IDEfW1rKo-Oj|+WE1-``O67i=mdExNiu6RNj{JBVA~@`FJEK0zQ%b)%r&}
z_YDD%YKIWOomYkZsr*_|%5Af*8@`?w$v@p*1ps%nh5$BA?d6wpSC#?*+?NDEA+#g_
z3X%Jb+kB=ppD9V50zfZemjpl|v?Kru@rDht<EL%$Yx(UDBf+K*Xm=ai78x}y&ILd<
z`oyT;`rD@yO)s}Kwv#n2&ILd<`rK4s;|h`g8VKv@E8(qAtdH$vP3v<3P>nt^<jJOE
z$?-tHv1=pfH^il5fu$$0;en>JCo5w+S+m`_0H{WoCZDYVPzAdN01BZc0Z<4n34lWW
Y0gk2mz5SI_%>V!Z07*qoM6N<$g2c*h+W-In

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8050298f22d2eeddd01a3e07e4e1cac4a1f21f47
GIT binary patch
literal 1781
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
X0`6}g*4%!<00000NkvXXu0mjfC2MuH

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..82086cedb22279a06fee740d957ceed5085d60b0
GIT binary patch
literal 2403
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
Vl+o}E$}Io@002ovPDHLkV1nf;aHjwO

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-long-text-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..20d70ff0bb8618882312a4a23a1127254f5c1469
GIT binary patch
literal 1677
zcmV;826Fj{P)<h;3K|Lk000e1NJLTq00D*o001Ni0ssI20znGn00006VoOIv0RI60
z0RN!9r;`8x20}?hK~#90?c8Z_6Lk~-@b}-{Z0@6JOQDB!ka83d5C<rNST2FFP%Rb4
zA`W)Alzu1$t)dR10|l&%qA&t-$R!F0BckF_V7P{gP#`0RMW$7e(ko5UT$`*PGL|$p
z+oWug+P>eX_Pr!;_d{R*`S05$JkLYNQd#55-)25q<}g`BJ~g$Rj2*xh<*0hc)8c+I
zLdb)3u$EL=;~KQMuGZ`hU5O|qDJ#||MPpY&NPJYJ4?tx3+sq;DM*vV~;S08#Ls|l%
zPOGD}q@!hyFjV>OVmPWG)CqO8mL&TAQHvVFQU#$-sH3$cgwX#Qwj_j5JAy3<A=HjA
z;VC2ftPqX}A=Dv-W0mBY721E+F5=#^$;ux*XHR>rwz9@0@G?T6AVX39VYF>`?1eS@
ziG$ccQV5|)2}er`-K<cnBSLRvDc_x?qA563>Uc1Y{;E(nqPL{g6hbIc!qJjKIx8eF
zA|z+YlBo(~Bmc-Nb<@`xr>rtEG%TO46izjHYN+(He9g!{*ryN*pK!FKkj@GTj0p9A
zfKkcF50@O(CN}^aGdOPEaXpsGvJ4SOHNCxG5;J{-EV&ErRUs5U9si1(+pA^$S?iY2
z5T~VDO(BFLA_9MbU9{Bx#ah#j*xQ?83Nsb0#@p=1ZH{w6dVh&VP5>Z2it3X<0{}w{
zr4T|96s92nZwFu24(Y+Xci5VmNUzLMRaCoopR@_Y+pONgZz-|P9Vb6mq%XPRm^7G;
z)ldM?VC4l;g_(+#IjW`)*^#H&k*5KG>|*1-v-bNsbA(W97!Yr0D3Dp9fyqo-FUg7n
zmZf_vgn(hKe#unD?vplu@uoL^ny2~o4{qg`jX@pKqHSh|BGb~OGai*~`q7#*N~T~*
zjma&Lx?^;g-QoZsPDgdsQ5Ds$Ix`Od^^JI68$uz+i1>gZ&#cgKgG1nPLMdHo04Ocz
z0D$M=xWPGRoSdQk#<_o|jwTOgJzuhdVzKkN8ya#q005+PqnAuk94fU7r?!^ZwwBlc
z;Pou!+cT6)_gHqGxUa<;LMU*Q=tD!ovqH6I9^l?Cvem)U6m->5{^DXCReTh+eW3;b
zJ~(0xJcSSnGsb6V=*c0{;^$RyTI%ax?DIZ0nQgqkpa6kcp`Xj0^%lM$Ls44pjMY$c
z#>oMIbNP)wJxn_JVHN;XGBPNc*}Omv0Ba9h4V7GgXE=X?{MnJRAw3v{loTCo{OO7#
zkQ72FA}H_uqXa$m`6A7^8_wAuHH_)cu6|DCFX%D;A@<l?QS^V7G6J(g4OV{sM$-c^
z)cIBVz4_YTt6VNO)S7vJ@u58>xntzHW8_i^=^jgaeol%GV)Zn%r=(vJed?MsbG7l+
zUFHB&0PxO!3(2m+Z*2&LQ?n~>69%#}33+L=slm#pbfe$QR=&8&)MC){`ZygmI#oh~
z+~L`K+V=e=N1p`RP|1C}RA;E<931a2UbxF#xXTOx)mvgtUUg=!HU@i!FRX89Lkb}j
z5zUqxEJNHpG&*<y`0a0(Qc7afREt5Kk|ah`QAz>;33@s)nvzO_=uEX{_vvfSQGMCr
zy(Het5PxxmP$$uBm3025lcr$dM8)3Iw%O@203f90U{Q{0-gvp^UANXp13>z+`eTMb
z_hJe%6vI*^S;M90Z*uFtv9=mV2z3$!rrq)WeO<14;Y2yl!^K-%-$Yt9^RCO?LNGOv
z=^jfz-cM4Hp_sbL=;q<fb*E?E$AkZ(%e@-eRX$b!+8ER5;P;)euQ*`w-gxpC7baXQ
zM7)b4gv8=Iy`A@oX~hAH%MI_(R#ltaE_chp%N5+^3Qnga0C41jofCRyQ48YdRtFVF
z2z3&^ElH~&qf^;QgW0U%vh-zj0zrfj5}ohW^uCGA<^}5HSbF^Ox>Hx30zm-SdBR4r
ztAbr3A%u`Wj9N~-N0ZK8cdBOI^?6Z?K>=Dtv#W1DCBzlZTK<Y6gv3IP9U%TQr=Mv4
z9P3b&h)6AeMG-<`p^9=;p7A2FM60RdS!(Zy=p`ajOQ0x1NGw$Ec)F}upPeRc!+rKX
zG;;FH2<gQ&`o!ipe27>gBDGpAiVzYD;dy)v5JITE!2k9Lp>_mY5<;jQ!Ip#&YDfM7
Xg1cQ2v^K9$00000NkvXXu0mjfjNu%B

literal 0
HcmV?d00001

diff --git a/core/src/components/badge/test/shape/index.html b/core/src/components/badge/test/shape/index.html
new file mode 100644
index 0000000000..58ba6d17fd
--- /dev/null
+++ b/core/src/components/badge/test/shape/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Badge - Shape</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Button - Shape</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content class="ion-padding" id="content" no-bounce>
+        <ion-list>
+          <ion-item>
+            <ion-label>Default</ion-label>
+            <ion-badge slot="end">00</ion-badge>
+            <ion-badge slot="end">99+</ion-badge>
+          </ion-item>
+          <ion-item>
+            <ion-label>Soft</ion-label>
+            <ion-badge slot="end" shape="soft">1</ion-badge>
+            <ion-badge slot="end" shape="soft">99+</ion-badge>
+          </ion-item>
+        </ion-list>
+      </ion-content>
+    </ion-app>
+  </body>
+</html>
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index dc31523cea..db6c7f8902 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -260,14 +260,14 @@ export declare interface IonBackdrop extends Components.IonBackdrop {
 
 
 @ProxyCmp({
-  inputs: ['color', 'mode', 'size', 'theme']
+  inputs: ['color', 'mode', 'shape', 'size', 'theme']
 })
 @Component({
   selector: 'ion-badge',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['color', 'mode', 'size', 'theme'],
+  inputs: ['color', 'mode', 'shape', 'size', 'theme'],
 })
 export class IonBadge {
   protected el: HTMLElement;
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index 2c40bd0556..ee91d8f165 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -344,14 +344,14 @@ export declare interface IonBackdrop extends Components.IonBackdrop {
 
 @ProxyCmp({
   defineCustomElementFn: defineIonBadge,
-  inputs: ['color', 'mode', 'size', 'theme']
+  inputs: ['color', 'mode', 'shape', 'size', 'theme']
 })
 @Component({
   selector: 'ion-badge',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['color', 'mode', 'size', 'theme'],
+  inputs: ['color', 'mode', 'shape', 'size', 'theme'],
   standalone: true
 })
 export class IonBadge {
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 958a52c82a..835ca9bbdc 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -118,6 +118,7 @@ export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-b
 
 export const IonBadge = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
   'color',
+  'shape',
   'size'
 ]);