From 5c0b5c32d04759c640a343d35c964a4fab1e815d Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Wed, 22 May 2024 11:11:37 -0700 Subject: [PATCH 01/16] feat(badge): add small/default size for ionic theme (#29526) --- core/api.txt | 1 + core/src/components.d.ts | 8 ++++ core/src/components/badge/badge.ionic.scss | 32 ++++++++++++++ core/src/components/badge/badge.tsx | 26 +++++++++++- .../components/badge/test/size/badge.e2e.ts | 22 ++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 459 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 536 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 440 bytes .../src/components/badge/test/size/index.html | 39 ++++++++++++++++++ packages/angular/src/directives/proxies.ts | 4 +- .../standalone/src/directives/proxies.ts | 4 +- packages/vue/src/proxies.ts | 3 +- 12 files changed, 133 insertions(+), 6 deletions(-) create mode 100644 core/src/components/badge/badge.ionic.scss create mode 100644 core/src/components/badge/test/size/badge.e2e.ts create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/badge/test/size/index.html diff --git a/core/api.txt b/core/api.txt index 0b514e6580..d86d9002b1 100644 --- a/core/api.txt +++ b/core/api.txt @@ -310,6 +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 | 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,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 index d9802a3b7c..517586ff27 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -409,6 +409,10 @@ export namespace Components { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"small"` for less height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + */ + "size"?: 'small'; /** * The theme determines the visual appearance of the component. */ @@ -5637,6 +5641,10 @@ declare namespace LocalJSX { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"small"` for less height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + */ + "size"?: 'small'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss new file mode 100644 index 0000000000..b6a583e9d4 --- /dev/null +++ b/core/src/components/badge/badge.ionic.scss @@ -0,0 +1,32 @@ +@use "../../themes/ionic/ionic.globals.scss" as globals; +@import "./badge"; + +// Ionic Badge +// -------------------------------------------------- + +:host { + --padding-start: #{globals.$ionic-space-100}; + --padding-end: #{globals.$ionic-space-100}; + --padding-top: #{globals.$ionic-space-0}; + --padding-bottom: #{globals.$ionic-space-0}; + + display: inline-flex; + + align-items: center; + justify-content: center; + + font-weight: globals.$ionic-font-weight-medium; +} + +// Badge Sizes +// -------------------------------------------------- + +/* Small Badge */ +:host(.badge-small) { + min-width: globals.$ionic-scale-800; + height: globals.$ionic-scale-800; + + font-size: globals.$ionic-font-size-400; + + line-height: globals.$ionic-line-height-600; +} diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx index 46dbd5a165..59da1fbd13 100644 --- a/core/src/components/badge/badge.tsx +++ b/core/src/components/badge/badge.tsx @@ -14,7 +14,7 @@ import type { Color } from '../../interface'; styleUrls: { ios: 'badge.ios.scss', md: 'badge.md.scss', - ionic: 'badge.md.scss', + ionic: 'badge.ionic.scss', }, shadow: true, }) @@ -26,12 +26,36 @@ export class Badge implements ComponentInterface { */ @Prop({ reflect: true }) color?: Color; + /** + * Set to `"small"` for less height and width. + * Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + */ + @Prop() size?: 'small'; + + private getSize(): string | undefined { + const theme = getIonTheme(this); + const { size } = this; + + // TODO(ROU-10747): Remove theme check when sizes are defined for all themes. + if (theme !== 'ionic') { + return undefined; + } + + if (size === undefined) { + return 'small'; + } + + return size; + } + render() { + const size = this.getSize(); const theme = getIonTheme(this); return ( diff --git a/core/src/components/badge/test/size/badge.e2e.ts b/core/src/components/badge/test/size/badge.e2e.ts new file mode 100644 index 0000000000..c9c8aeb6ac --- /dev/null +++ b/core/src/components/badge/test/size/badge.e2e.ts @@ -0,0 +1,22 @@ +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: size'), () => { + test('should render small badges', async ({ page }) => { + await page.setContent( + ` + 00 + `, + config + ); + + const badge = page.locator('ion-badge'); + + await expect(badge).toHaveScreenshot(screenshot(`badge-size-small`)); + }); + }); +}); diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..9fe9cd84a5d3906717faf10897be097ad401eef4 GIT binary patch literal 459 zcmV;+0W|)JP)Px$g-Jv~R9J=Wm9a|#Q5?s=uk)@HHPcKBr-}-py~ZGDEof>KH|Gdi3Zg*@f{JKr zZMF8AqJO{|YKT;*OtF&GF3)=nmw|!ro(Cer`z}B3ejncZ@P6Q8V8p|V<*Wq;%WRCqPsT9Fz4m#yyES-ScP7n@BxXEZp<#hl+;gjO}?i+qL z!FW*OVpw4c1U*Lk^+Rv?U;hsD_i!Btq$8CIAlP^?fS(;C7d31b0c1Fw@{c2dF1 zyN-u!jf=4?008ks8H4~A8v{6qxNx=QgI3(Q1gqGV^Kq!h|vXcjguMPs2*ER-mTtSCzvHv9oH zxyFKsX&f`;py3?8bEX*g_kEvpG^qEy;}4HU1yCJO9Z((k7Y^8} zb+FgQA=^OV+Q(yd^BK++7GEP&j^?|-l}y6sN-gHvY4Ks#UI3=TSmdNcp>LUmbCnfq z%F+Ck_L2bm6M7gkC=}QkoZfIS&>Eai8^FH2Bdx^?jtAsu6ammW4el2Va9_Nk%yAd4 z;TlMQr8E`=T?}sgyrkyjn)~r{_p1Z>=@gD9^`iCGVSl*DQWuQ|lNRQFA3XQGq-Oi* zRT)4@CI$Dn9_zaS)Hpu@=4~{ZDzvZ;`H2IZq{ihAL)Wso3h++aVv+;}(l7e5OSdK aJMaPUkY}*6x@*(`0000IN6u}UO4am-BP`}K!m^Vwf=qRc_&?7#mo9KQY=zZ525#8p&W?HAIJW>L?3 zd*{VpQ9h=J(}lnO{4bI6=I=jzQkVdH5b<#`YRRx%ef;Oni@yvE46i@^J9hK82rrYe zI5Qq8tVUtCKth0tfq~)W2ZWPee*DM4z#uNbghz@53)om085kIlz5M$R0|NsCJ1Zj| zDH1He1^)jhSqi%aKY#ycU|?WnL5M)uKY#znBZbu{7ObL>AeKN1R!IRS1_p-b@Bh92 zgj0$HAAI`$|MH_hS~4t}(ku)N4C4GuR_d%TKmNP_>MtHC5-ea~VCdfXje&t-f1|+S zT)q?Sg6yn}eVf1i`%gd$6X49rmmdCk@!_Ab6040S+t(leyElIC-1v>46ehr#lc@!U icX2&x!Keiz#R349ht!+1&=?*70000 + + + + Badge - Size + + + + + + + + + + + + + Button - Size + + + + + + + Default Badge + 00 + + + Small Badge + 00 + + + + + + diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index 552e9cecbe..3cfff5d14d 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', 'theme'] + inputs: ['color', 'mode', 'size', 'theme'] }) @Component({ selector: 'ion-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'mode', 'theme'], + inputs: ['color', 'mode', '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 76ae26028a..2cd74d64fe 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', 'theme'] + inputs: ['color', 'mode', 'size', 'theme'] }) @Component({ selector: 'ion-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'mode', 'theme'], + inputs: ['color', 'mode', 'size', 'theme'], standalone: true }) export class IonBadge { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index b114af9f1a..391bc1ad11 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -114,7 +114,8 @@ export const IonBackdrop = /*@__PURE__*/ defineContainer('ion-b export const IonBadge = /*@__PURE__*/ defineContainer('ion-badge', defineIonBadge, [ - 'color' + 'color', + 'size' ]); From 15f8c550467fa2f2fccd8f7e61e70ad26b03f934 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Wed, 22 May 2024 11:32:48 -0700 Subject: [PATCH 02/16] feat(badge): add medium size for ionic theme (#29528) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++++---- core/src/components/badge/badge.ionic.scss | 10 ++++++++++ core/src/components/badge/badge.tsx | 4 ++-- core/src/components/badge/test/size/badge.e2e.ts | 13 +++++++++++++ ...ium-ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 501 bytes ...um-ionic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 924 bytes ...ium-ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 473 bytes core/src/components/badge/test/size/index.html | 4 ++++ 9 files changed, 34 insertions(+), 7 deletions(-) create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index d86d9002b1..7b71e2ad13 100644 --- 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 | 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 index 517586ff27..2d0dc800f5 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -410,9 +410,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for less height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + * 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. */ @@ -5642,9 +5642,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for less height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + * 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.ionic.scss b/core/src/components/badge/badge.ionic.scss index b6a583e9d4..5b6cfcf915 100644 --- a/core/src/components/badge/badge.ionic.scss +++ b/core/src/components/badge/badge.ionic.scss @@ -30,3 +30,13 @@ line-height: globals.$ionic-line-height-600; } + +/* Medium Badge */ +:host(.badge-medium) { + min-width: globals.$ionic-scale-1000; + height: globals.$ionic-scale-1000; + + font-size: globals.$ionic-font-size-450; + + line-height: globals.$ionic-line-height-700; +} diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx index 59da1fbd13..c2c2f95c54 100644 --- a/core/src/components/badge/badge.tsx +++ b/core/src/components/badge/badge.tsx @@ -27,10 +27,10 @@ export class Badge implements ComponentInterface { @Prop({ reflect: true }) color?: Color; /** - * Set to `"small"` for less height and width. + * 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); diff --git a/core/src/components/badge/test/size/badge.e2e.ts b/core/src/components/badge/test/size/badge.e2e.ts index c9c8aeb6ac..3d277a4e95 100644 --- a/core/src/components/badge/test/size/badge.e2e.ts +++ b/core/src/components/badge/test/size/badge.e2e.ts @@ -18,5 +18,18 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(badge).toHaveScreenshot(screenshot(`badge-size-small`)); }); + + test('should render medium badges', async ({ page }) => { + await page.setContent( + ` + 00 + `, + config + ); + + const badge = page.locator('ion-badge'); + + await expect(badge).toHaveScreenshot(screenshot(`badge-size-medium`)); + }); }); }); diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6c1265c54f4acbd191950f5cc2b243f9420f8dc6 GIT binary patch literal 501 zcmVPx$uSrBfR9J=WmcK6pVH}5_x4lEF?LdM^<7Y%H#9)ya8H`x)2bhc^u_M7K@eha* zV`H@uiGfL28u7bQZPS)s&v0#nM7-y{(BXZiyUXY9ect!`zW2U@sXLo0#`oU>KcNLx z(SoXIK~=P%Dq2vLsuwiezA)Hfurd>3xYxuq1n2PrE4vx?j`F|C{e*CHn(1lrbF$Vz zI3T#ZwMgY`2HKrIPHrSCjmzd_a8=@^iF(2T!Omfhp7|#R7ZNOPrx5~{r$erDo(ql* z)Bvy<%TgZpt%EFY1?Y?Vi8lCL9b#fV$^LQPRnBukfc`dv)!7gueI}+~aQ4j}E1UCN@UN-* rhq#&@W6U^oY|{J_0EvyKKmPHj3x(t)iGk0VYPN@G#Yzo1neN4vm_DzmE*& zF$W^kjQC-g6&2Tv7)UehE-tqz0+$l)OGO|du3q98>9elOHvp}!2LN{3NU zZGl1tR9(GPn^mZIXT|=TW=s;W>^L+*)@$Nt+pv1yT`%10^#9?zuXISBfzzW zz(6s$D|ZOhpJo}5J*l;%2EX>&5tiz#!NsI~wBOdkPD)KlYEY>FtdIE`oOjHC9@1u} z;^$o*g8XFIc+rG9(m#cS;4KdEm!qRl3kzAe_NbowWMjt)H`HWK2k$J>Ay_BFmP;nQ zY34!Lo@grLPw~ItGl2>QWCv*@MIJ_q{Op4f z>VcOHRz&BUIlGxLYUCuS(L`>Xh&1ORqgfOM$kriyP#6Z>R(p}&#-3u+2)Rkpjp#D+ z+qsA|^UwKOc+X+bPudK7)36I;Z<2l2&8Q^cLPHcFJ1E<3&PS^ev4Gsg6AsjoewI-_ zjHWL8v^kfPd|sj_qLz`nSk92V4LKE~c=16voTxSMCSmYCn+?@`Jot)iT!b9^v4fC6Ce#|h;N3fVj zHzIY#D#Su8#6m2@KZ(Q2qRFTuxui@boKA|noW66SonF-}(oP|!-6;{KnO(mkljowL z)mSV@8N)(KZSKyeoS0wr*1SiN$?;_^vhp^%R@gq$2tjh$V};rhPfzp!*iTms1^@@? zN<+ukkR#GBnbO~jWhV*sNdWF&^yW;d%3ezbfaoCQQ(IzpFKG@wK3RLRRAm6XGT~EO zVySaEA%stDiCJf4Fvh30#N}$M-sk#0f!9Tvh)->a>kXDG=m6s3)>os*B;ad3C_c3% z25@mx2e2{gq7neC&$t~Fw~vjdqG3uoG5@(n0yLZQ`&=Zi8ft~bLzFSh?Wt#(nknUk zVtkXo;$36s*Y)868VgdtLb4C~>S4LPFQ3{v@gL>?^Small Badge 00 + + Medium Badge + 00 + From 258dabfb9e587848a76f719bdbb7af03938f5716 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Wed, 22 May 2024 11:58:09 -0700 Subject: [PATCH 03/16] feat(badge): add large size for ionic theme (#29529) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++++---- core/src/components/badge/badge.ionic.scss | 13 +++++++++++++ core/src/components/badge/badge.tsx | 4 ++-- core/src/components/badge/test/size/badge.e2e.ts | 13 +++++++++++++ ...ge-ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 561 bytes ...e-ionic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1089 bytes ...ge-ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 546 bytes core/src/components/badge/test/size/index.html | 4 ++++ 9 files changed, 37 insertions(+), 7 deletions(-) create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 7b71e2ad13..d5de100175 100644 --- 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 | undefined,undefined,false,true ion-badge,prop,mode,"ios" | "md",undefined,false,false -ion-badge,prop,size,"medium" | "small" | undefined,undefined,false,false +ion-badge,prop,size,"large" | "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 index 2d0dc800f5..5c2c3bd73c 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -410,9 +410,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * 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. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium'; + "size"?: 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ @@ -5642,9 +5642,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * 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. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium'; + "size"?: 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss index 5b6cfcf915..a8f3457e7b 100644 --- a/core/src/components/badge/badge.ionic.scss +++ b/core/src/components/badge/badge.ionic.scss @@ -40,3 +40,16 @@ line-height: globals.$ionic-line-height-700; } + +/* Large Badge */ +:host(.badge-large) { + --padding-start: #{globals.$ionic-space-200}; + --padding-end: #{globals.$ionic-space-200}; + + min-width: globals.$ionic-scale-1200; + height: globals.$ionic-scale-1200; + + font-size: globals.$ionic-font-size-500; + + line-height: globals.$ionic-line-height-700; +} diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx index c2c2f95c54..8dca94cc99 100644 --- a/core/src/components/badge/badge.tsx +++ b/core/src/components/badge/badge.tsx @@ -27,10 +27,10 @@ export class Badge implements ComponentInterface { @Prop({ reflect: true }) color?: Color; /** - * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. * Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: 'small' | 'medium'; + @Prop() size?: 'small' | 'medium' | 'large'; private getSize(): string | undefined { const theme = getIonTheme(this); diff --git a/core/src/components/badge/test/size/badge.e2e.ts b/core/src/components/badge/test/size/badge.e2e.ts index 3d277a4e95..9b71fa7489 100644 --- a/core/src/components/badge/test/size/badge.e2e.ts +++ b/core/src/components/badge/test/size/badge.e2e.ts @@ -31,5 +31,18 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(badge).toHaveScreenshot(screenshot(`badge-size-medium`)); }); + + test('should render large badges', async ({ page }) => { + await page.setContent( + ` + 00 + `, + config + ); + + const badge = page.locator('ion-badge'); + + await expect(badge).toHaveScreenshot(screenshot(`badge-size-large`)); + }); }); }); diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..bdb603037a3d9d4af7af5e8229633cbb8bbbe50a GIT binary patch literal 561 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpTC#^NA%Cx&(BWL^T`Nvoi)FH`{v*t|)oYi) zC6xuOUGg1MRW54P9sR6VCI7njXx5`!dzCHZW-h-~{*!ml`8Q|YtW)~#efdDeHt8L@ zeh17j5wE_${<9BCf+n6fHNN%y@;#x&A=hf|t}-(H-F{WRu`sO3=&y2j^@q2)ZTHTx zFf13%`1G^dc7lD<(`totUWRc_kDWcMtc9;INzBxnP_@(j_z}k0yPuopYa&)HXq?+@HTk_a15c^?iDgqPs?(YLg%yvd*kHAUO!qRlHB-p{zJ}Be>}f@c~L2I?WE@DbyAPdjel$~UYKR8w(oM_iKbgO_ZnV&T z*Szj}up0B$wwzopr0J3%hX#fBK literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b754d91de8283b21e33aea9fbe6d01606313e1fe GIT binary patch literal 1089 zcmV-H1it%;P)9j2>E8Fsv4ZNoHyOhF{>j(~;6JM; zDe#{KfTVz=fJg?U5E4nC=+7kuL{lho14#jq1d9G#Qb06?A~z7FKu5hC+hf%j5f%Ww zT8>Itk0^&%gQf;VF(5gqLJar z9s@cXGxge)lrG7Yji9D z+4=RDe4s{<3W5PtrWnydC&$L~b=Y>XuIcd8i#3=voWX-q4}DmFreJ1^Xb z-fC;|jUUD!ZK($J9w2yT6`XGV7z6=mua)CNs*yb{YO|HZGP%Jwn;Xp_WuXQRrx%*| zYIe2skby9+z*dqQn=bgk_UNEM`4I!_(?8LIr>~pE++Si51fXwMC5rax*&{+%no;`B z7r)=bg}w`n<5;zxH9;37!{QVNj^E(IikdD^25Xv$eIB*bhTLcTB@hH)P!A;vc5wiD zE;Ij-fMfaxu(3_eII9|FlBCXz5HKWv=Ox>bdfU|mK+VYDNap}d+*gB(h4p{QyU$G! zfWbZ6Ab)4@9|4$VSK|{&a#v;uRHTgl4#1@SHOMJwAposjfj(W7c)p(tq24RZD0}bA zff!OUuaJ^St?kq*xJZ6m&X^FamSNFJ2a<34azIOR!1gT%M((iTdQl7IfQdA*s#9F- zMsBd;L7A@#&52@=x=6!zV%-d`3Y8o*AheU>my+APy#f_SxhfQvU_sHF7OFz@z_-ap zbTY`1lu?V_S3WmoRm#G4m>b;|cZ)rU+QRjL^ko`Mi)4^T7#=~G{%&zY8Jt_LVJnrM z^Z}|CUlWwX^pL&N)JTX41RVv&?y{kfbmEa@RLEYXV=K;r6Aqlb#f8f#vVM(>60{T3 z^|SY!pzPDNZsa%Xp$k(F+xgy|^%o34Ph$G(6i_$u`M;< zAWSFY1D!@`r@m9{#=6W}lnWf>L@6MEtbg)}Cjd*S<0pLlP-`ynz{7xy)4J8G5 z66SYzNddo8%5y_W0iJ~U-Ca_^@09Y~P*Q*=VSaaS^$L6iq^H+_>%>Hq00000NkvXX Hu0mjfW5EFF literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..fe4ef459479c3d8dff32ff87e4f9d367ac3f59df GIT binary patch literal 546 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1SD@H0do8rMuf{eEBGvn@6-+TOUulPIBiu#tk zLp$C#)L(QIvFdPQ4}77(CF`=VS))Y2)nCCnsq@e77co{wHYqVzu0HGA94sOK{5Yf@x*@aEF|6XATPCTUJ!`H^C*nQoP--TJ1;)T(~YnYn-Mrt&8r zJMPn?*&<_N{gmOxozif#SHAwa|Fd+(vKa2|+fto-P|%6b%WgA6jb`QCnfcXn49A6% zIVUT($b3mTz!0$R$K08dv#S4C~sMzk8{<=!0l*OIH@`e3+5t~Nm1_f7J zC00JhrdN6lU+!4VefITLlyf0aIiI%Bfq?&KC%N3Pn?lDl)BOVWiN_oJ1*wR*c|`itN1SBY2P+~!>Fa6R@yi9jpg hq6^4Dd$H6p{O|K$rHShTcL5`v!PC{xWt~$(69C|s?r{JB literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/index.html b/core/src/components/badge/test/size/index.html index 793531d4e9..8062263ef5 100644 --- a/core/src/components/badge/test/size/index.html +++ b/core/src/components/badge/test/size/index.html @@ -36,6 +36,10 @@ Medium Badge 00 + + Large Badge + 00 + From 1c035af1a2661b0cc8345fea2f81bc656de92280 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Wed, 22 May 2024 14:00:43 -0700 Subject: [PATCH 04/16] feat(badge): add xlarge size for ionic theme (#29530) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++++---- core/src/components/badge/badge.ionic.scss | 13 +++++++++++++ core/src/components/badge/badge.tsx | 4 ++-- core/src/components/badge/test/size/badge.e2e.ts | 13 +++++++++++++ ...ge-ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 632 bytes ...e-ionic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1163 bytes ...ge-ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 607 bytes core/src/components/badge/test/size/index.html | 12 ++++++++---- 9 files changed, 41 insertions(+), 11 deletions(-) create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index d5de100175..be951f2a15 100644 --- 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 | undefined,undefined,false,true ion-badge,prop,mode,"ios" | "md",undefined,false,false -ion-badge,prop,size,"large" | "medium" | "small" | undefined,undefined,false,false +ion-badge,prop,size,"large" | "medium" | "small" | "xlarge" | 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 index 5c2c3bd73c..59f58e668e 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -410,9 +410,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Set to `"xlarge"` for the largest badge. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium' | 'large'; + "size"?: 'small' | 'medium' | 'large' | 'xlarge'; /** * The theme determines the visual appearance of the component. */ @@ -5642,9 +5642,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Set to `"xlarge"` for the largest badge. Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium' | 'large'; + "size"?: 'small' | 'medium' | 'large' | 'xlarge'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss index a8f3457e7b..dfb72a521e 100644 --- a/core/src/components/badge/badge.ionic.scss +++ b/core/src/components/badge/badge.ionic.scss @@ -53,3 +53,16 @@ line-height: globals.$ionic-line-height-700; } + +/* Extra Large Badge */ +:host(.badge-xlarge) { + --padding-start: #{globals.$ionic-space-200}; + --padding-end: #{globals.$ionic-space-200}; + + min-width: globals.$ionic-scale-1400; + height: globals.$ionic-scale-1400; + + font-size: globals.$ionic-font-size-550; + + line-height: globals.$ionic-line-height-700; +} diff --git a/core/src/components/badge/badge.tsx b/core/src/components/badge/badge.tsx index 8dca94cc99..c733457c6c 100644 --- a/core/src/components/badge/badge.tsx +++ b/core/src/components/badge/badge.tsx @@ -27,10 +27,10 @@ export class Badge implements ComponentInterface { @Prop({ reflect: true }) color?: Color; /** - * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. + * Set to `"small"` for less height and width. Set to "medium" for slightly larger dimensions. Set to "large" for even greater height and width. Set to `"xlarge"` for the largest badge. * Defaults to `"small"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: 'small' | 'medium' | 'large'; + @Prop() size?: 'small' | 'medium' | 'large' | 'xlarge'; private getSize(): string | undefined { const theme = getIonTheme(this); diff --git a/core/src/components/badge/test/size/badge.e2e.ts b/core/src/components/badge/test/size/badge.e2e.ts index 9b71fa7489..48e3b96461 100644 --- a/core/src/components/badge/test/size/badge.e2e.ts +++ b/core/src/components/badge/test/size/badge.e2e.ts @@ -44,5 +44,18 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(badge).toHaveScreenshot(screenshot(`badge-size-large`)); }); + + test('should render xlarge badges', async ({ page }) => { + await page.setContent( + ` + 00 + `, + config + ); + + const badge = page.locator('ion-badge'); + + await expect(badge).toHaveScreenshot(screenshot(`badge-size-xlarge`)); + }); }); }); diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ae25c46730b08ce2f54ff556606b37d94387c0d8 GIT binary patch literal 632 zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1|(OsS<3+_#^NA%Cx&(BWL`2bFd2EeIEG|2 zzMWy85$q^)-2Q!>(C1(38ApTuH|U0P-Cf0(Bv~Er zmUKT_kX$%H&#CZ(z0>NA9V-K!ReWcC5o%{&rkcOvd-sdh-#-1jf6MLXf4_J4W1GIT ztSttw;>AB~FKpWOm?if(=dC{BEwbtv)_xbt<}7$?;dnc<@?gYfH7k=T4-R=q@Ba0e zg|ojT?DL14O4sE?PUyPa@0yYFPh`DhxluYlo6nqgJ#VUQmrL&ZvUg#^Z|M80wL#(VE^X!_yV#nBEMJrN z;`fdp2(@S1vzbz#K1?Ms>brx?2GNPG?tZ(0B9v5(QREq~nf#jaev z`ZiQFRz7_aP;!QTn=4D_vGXf)BX6Hi@&&24n9Ui!cVCBS{_D1?+dgjHMnGrI-?x%s zL*d+{73EJae*4g8%20Fmdc}WNu-tpUsSzCC)85VT-&kEeC)d{Q@$uV|Hzno5^XxSj zt=`n5>1&xY|JM8`&t{6m9a;6yXz!5^Pv!UjxAr{7GXG$A_>##s^J9}<<+je-+VyoV z*HRn1Gue5*(=03}_Ul|xNp=dp_uzle?HAZ02OewZ^gDiV|FUk@1*IznPgg&ebxsLQ E0JE|qiU0rr literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4ea0076250d17443f7731eb713025b644f38b1a6 GIT binary patch literal 1163 zcmV;61a$j}P)trVt#48llsJe&qLO#oR8VsKMHG$AAd;#g$jG8qg(G*Ks@jtw(# z1SSy8q9Gw0D#P$5xIuU*4VY@r~UoD z-*f#g@*X!7>T zYlb>a_;rJeR0A5D0w~ztj^A4Xm^&#-t^yY8cl%NJNr&MBV3?qVL~GeP81bZH&515N zx329Ls0ky@IQ70$e!rB!mJw(cMbFytL3WJ%I(4ZB=P&l$+OvB_JTk{e!qX8%Vooc1 zl$_`e!vs@@n{jrXLL#Tahi!*DRbZMbT}X^KVdwEKyilf)uPJh1X1W!Bx_gn7=T@!n zU%F$LT)~f2u13NzL1rp7%N;U?C*Sen!1roHIkDD>^igIqoF1gD@W|`VmN=0*!i@Tc zZcKXfZxw!KJbPY`m!D;=^`iE>&<1t8qzx0yemn}F=EupuH<`fJ5$OJL(V#*Kq8GBE-NDH&5KDg7g3j0K0^N{}DT{jd$6*V6$u5QYgZ$cV!B#o7d! znT*O;2>wyw!tlW+O@i6wK2&|9F8Mp~>4E;c@^euijaS&RO4v9mfW^L}!r6 z?7C?((~7;=e_m}0C&^^e$Yf6a)`RqwipiWIlX;j-=Gf2OnD~a;WS%CIsl913nQOe* zb7p`|=Ak4r&Xp={V$qg%Y~HV)Seid}VTi+o9b^`B$TV0~FLPklqgJ``-=C{)6E8ny z!$%912`7b2se#PNNEkkYW)sj%jouj}q4wMB$a=5O6=ZGuI?wsw?%t&m@mX-C-t zrO~Io=E3O;eT|;A2-YfEeL*7MioifOdIqv|UJMGKvCDvqcV0!+(N4JyY|4$ph#@9) zbOw>U*o_tf&Eh_4{EZu3uv-CkHuEZdaQk{OKf{J)H07{hBj55W4n{Qw#$lIGSDb*c zRIZ_7;U*up9#Y$V&J$6nToeaM`uC0>Xmn#|(|67Ijlyt={sWJZTsbQmvmdh}$<=pV zD*4inegAP?nmR5LMKkO)=~zfjiAJ{os%f5GP1mJ1o~}zqOyF+s4V!{@8>rsz7Xt~6AJR8gkBs%LA{ydWuH)x7bW!K5DMze954HXg1ji97l%+# dZ{~Q}cLQB8`e=J-96SI3002ovPDHLkV1k_ICo}*6 literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cd0d1e965a5d9d74f1c77ae448d413c186c4a0e5 GIT binary patch literal 607 zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1SHj;tnma=Y)RhkE)4%caKYZ?lNlJ8L_A#_ zLoyoQPIvSW36wbg|8rW|waA$09$iC@%grfqD*l>^vMdKDS8(YlHQAJKTCr5G?RG!e z&Ed$Ne`%p@38$mAtD9n1$I8_Lx5aK9Teo?)@n+d;X4jkdnAaTM^zpA>{=MJ!_xc~s z?l+e@b~%H^WiM+=VqjLp6e+Q#ZLTYkn3)oRhwpEjX!rSJ#*+QoDKkC(eu%5ru!%n* z`|Q-eB%=(we>2tE*Un_W7(6-q_c@1050j-@9gTdJ+3XhZ{I#&6yziKRBEs7jg*;E4I5X+pPc&W*1pLz&Z~xZF}&k5mE0Aj z<8V>>t|CLV{ayXtex*h~H!>{P8d-v}rj7yB}ojf_WCt9-PNNW&K@rtF4 z8@x^94_~}LDZ7(nX+*=KUo)*&t)669DYfjOcK5D(k*ihRb=CSeWqez~v*1$IDwjjY zo9}O1F2Ws9@_RS;g3n35>Tf#a?dyDZgRGc-&70v?(xUyZTi2ViRJY zdMTvKb5V^Z9{T?vJlcD8Y{u b6F-?Bhx3TE6y(YSQw)QrtDnm{r-UW|j+_>n literal 0 HcmV?d00001 diff --git a/core/src/components/badge/test/size/index.html b/core/src/components/badge/test/size/index.html index 8062263ef5..10db12c721 100644 --- a/core/src/components/badge/test/size/index.html +++ b/core/src/components/badge/test/size/index.html @@ -25,21 +25,25 @@ - Default Badge + Default 00 - Small Badge + Small 00 - Medium Badge + Medium 00 - Large Badge + Large 00 + + XLarge + 00 + From b21f95cced2eb104662e8bd56837600da211b16d Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso <32780808+BenOsodrac@users.noreply.github.com> Date: Thu, 23 May 2024 15:19:02 +0100 Subject: [PATCH 05/16] feat(tokens): add rgba for color tokens with 8 chars (#29542) Issue number: internal --------- ## What is the new behavior? - Added new method to detect colors with eight characters - Added logic to generate an rgba when the above is true. This is to ensure better compatibility with older devices that don't support colors with more than six characters. ## Does this introduce a breaking change? - [ ] Yes - [x] No --- core/scripts/tokens/index.js | 3 +- core/scripts/tokens/utilities.js | 44 +++++++++++++++++++---- core/src/foundations/ionic.root.scss | 22 ++++++------ core/src/foundations/ionic.vars.scss | 54 ++++++++++++++++++++++------ 4 files changed, 94 insertions(+), 29 deletions(-) diff --git a/core/scripts/tokens/index.js b/core/scripts/tokens/index.js index 777f9a2f56..f500d127a4 100644 --- a/core/scripts/tokens/index.js +++ b/core/scripts/tokens/index.js @@ -11,6 +11,7 @@ const targetPath = './src/foundations/'; const { variablesPrefix, + getRgbaValue, hexToRgb, generateShadowValue, generateFontFamilyValue, @@ -41,8 +42,8 @@ StyleDictionary.registerFormat({ } else if (prop.attributes.category.match('font-family')) { return generateFontFamilyValue(prop); } else { - // TODO(ROU-4870): prevent colors with 8 characters to be created without a rgb transformation const rgb = hexToRgb(prop.value); + prop.value = getRgbaValue(prop.value); return ` --${variablesPrefix}-${prop.name}: ${prop.value};${ rgb ? `\n --${variablesPrefix}-${prop.name}-rgb: ${rgb.r}, ${rgb.g}, ${rgb.b};` : `` }`; diff --git a/core/scripts/tokens/utilities.js b/core/scripts/tokens/utilities.js index 499ecb6f4e..82039a5686 100644 --- a/core/scripts/tokens/utilities.js +++ b/core/scripts/tokens/utilities.js @@ -1,6 +1,18 @@ const variablesPrefix = 'ionic'; // Variable that holds the prefix used on all css and scss variables generated -// Generates translate an hex color value to rgb +// Generates a valid rgba() color +function getRgbaValue(propValue) { + // Check if its rgba color + const isRgba = hexToRgba(propValue); + // If it is, then compose rgba() color, otherwise use the normal color + if (isRgba !== null) { + return (propValue = `rgba(${isRgba.r}, ${isRgba.g}, ${isRgba.b},${isRgba.a})`); + } else { + return propValue; + } +} + +// Translates an hex color value to rgb function hexToRgb(hex) { const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result @@ -12,9 +24,24 @@ function hexToRgb(hex) { : null; } +// Translates an hex color value to rgba +function hexToRgba(hex) { + const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); + return result + ? { + r: parseInt(result[1], 16), + g: parseInt(result[2], 16), + b: parseInt(result[3], 16), + a: Math.round((parseInt(result[4], 16) * 100) / 255) / 100, + } + : null; +} + // Generates a valid box-shadow value from a shadow Design Token structure function generateShadowValue(shadow) { - return `${shadow.offsetX} ${shadow.offsetY} ${shadow.blur} ${shadow.spread} ${shadow.color}`; + const color = getRgbaValue(shadow.color); + + return `${shadow.offsetX} ${shadow.offsetY} ${shadow.blur} ${shadow.spread} ${color}`; } // Generates a valid font-family value from a font-family Design Token structure @@ -55,16 +82,19 @@ function getTypeMap(dictionary, type) { ); } -// Generates a rgb color value, based on a color Design Token -function generateRgbValue(prop) { +// Generates a final value, based if the Design Token is of type color or not +function generateValue(prop) { const rgb = hexToRgb(prop.value); + let rgbDeclaration = ''; - // If the token is color, also add a rgb variable using the same color if (rgb) { + // If the token is color, also add a rgb variable using the same color rgbDeclaration = `\n$${variablesPrefix}-${prop.name}-rgb: var(--${variablesPrefix}-${prop.name}-rgb, ${rgb.r}, ${rgb.g}, ${rgb.b});`; } + prop.value = getRgbaValue(prop.value); + return `$${variablesPrefix}-${prop.name}: var(--${variablesPrefix}-${prop.name}, ${prop.value});${rgbDeclaration}`; } @@ -135,11 +165,13 @@ function generateSpaceUtilityClasses(prop, className) { // Export all methods to be used on the tokens.js script module.exports = { variablesPrefix, + getRgbaValue, hexToRgb, + hexToRgba, generateShadowValue, generateFontFamilyValue, generateTypographyValue, - generateRgbValue, + generateRgbValue: generateValue, generateColorUtilityClasses, generateFontUtilityClass, generateSpaceUtilityClasses, diff --git a/core/src/foundations/ionic.root.scss b/core/src/foundations/ionic.root.scss index e05636a292..0cf695c09e 100644 --- a/core/src/foundations/ionic.root.scss +++ b/core/src/foundations/ionic.root.scss @@ -4,14 +4,14 @@ */ :root { - --ionic-elevation-100: 0px 3px 9px 0px #00000012, 0px 0px 4px 0px #0000000a; - --ionic-elevation-200: 0px 8px 25px 0px #00000014, 0px 1px 5px 0px #0000000d; - --ionic-elevation-300: 0px 6px 32px 0px #00000029, 0px 2px 7px 0px #0000000d; - --ionic-elevation-400: 0px 15px 48px 0px #0000002e, 0px 3px 12px 0px #0000001f; - --ionic-elevation-500: 0px 3px 9px 0px #062b6312, 0px 0px 4px 0px #062b630a; - --ionic-elevation-600: 0px 8px 25px 0px #062b6314, 0px 1px 5px 0px #062b630d; - --ionic-elevation-700: 0px 15px 32px 0px #062b6317, 0px 2px 7px 0px #062b630d; - --ionic-elevation-800: 0px 20px 48px 0px #062b631f, 0px 3px 14px 0px #062b631f; + --ionic-elevation-100: 0px 3px 9px 0px rgba(0, 0, 0, 0.07), 0px 0px 4px 0px rgba(0, 0, 0, 0.04); + --ionic-elevation-200: 0px 8px 25px 0px rgba(0, 0, 0, 0.08), 0px 1px 5px 0px rgba(0, 0, 0, 0.05); + --ionic-elevation-300: 0px 6px 32px 0px rgba(0, 0, 0, 0.16), 0px 2px 7px 0px rgba(0, 0, 0, 0.05); + --ionic-elevation-400: 0px 15px 48px 0px rgba(0, 0, 0, 0.18), 0px 3px 12px 0px rgba(0, 0, 0, 0.12); + --ionic-elevation-500: 0px 3px 9px 0px rgba(6, 43, 99, 0.07), 0px 0px 4px 0px rgba(6, 43, 99, 0.04); + --ionic-elevation-600: 0px 8px 25px 0px rgba(6, 43, 99, 0.08), 0px 1px 5px 0px rgba(6, 43, 99, 0.05); + --ionic-elevation-700: 0px 15px 32px 0px rgba(6, 43, 99, 0.09), 0px 2px 7px 0px rgba(6, 43, 99, 0.05); + --ionic-elevation-800: 0px 20px 48px 0px rgba(6, 43, 99, 0.12), 0px 3px 14px 0px rgba(6, 43, 99, 0.12); --ionic-font-size-275: 11px; --ionic-font-size-300: 12px; --ionic-font-size-350: 14px; @@ -615,7 +615,7 @@ --ionic-state-focus-1-rgb: 158, 196, 253; --ionic-state-focus-2: #ffafaf; --ionic-state-focus-2-rgb: 255, 175, 175; - --ionic-state-disabled: #ffffff99; - --ionic-state-hover: #2424240a; - --ionic-state-pressed: #24242414; + --ionic-state-disabled: rgba(255, 255, 255, 0.6); + --ionic-state-hover: rgba(36, 36, 36, 0.04); + --ionic-state-pressed: rgba(36, 36, 36, 0.08); } diff --git a/core/src/foundations/ionic.vars.scss b/core/src/foundations/ionic.vars.scss index 9a212c151c..f37cec7000 100644 --- a/core/src/foundations/ionic.vars.scss +++ b/core/src/foundations/ionic.vars.scss @@ -3,14 +3,46 @@ * Ionic Design System */ -$ionic-elevation-100: var(--ionic-elevation-100, 0px 3px 9px 0px #00000012, 0px 0px 4px 0px #0000000a); -$ionic-elevation-200: var(--ionic-elevation-200, 0px 8px 25px 0px #00000014, 0px 1px 5px 0px #0000000d); -$ionic-elevation-300: var(--ionic-elevation-300, 0px 6px 32px 0px #00000029, 0px 2px 7px 0px #0000000d); -$ionic-elevation-400: var(--ionic-elevation-400, 0px 15px 48px 0px #0000002e, 0px 3px 12px 0px #0000001f); -$ionic-elevation-500: var(--ionic-elevation-500, 0px 3px 9px 0px #062b6312, 0px 0px 4px 0px #062b630a); -$ionic-elevation-600: var(--ionic-elevation-600, 0px 8px 25px 0px #062b6314, 0px 1px 5px 0px #062b630d); -$ionic-elevation-700: var(--ionic-elevation-700, 0px 15px 32px 0px #062b6317, 0px 2px 7px 0px #062b630d); -$ionic-elevation-800: var(--ionic-elevation-800, 0px 20px 48px 0px #062b631f, 0px 3px 14px 0px #062b631f); +$ionic-elevation-100: var( + --ionic-elevation-100, + 0px 3px 9px 0px rgba(0, 0, 0, 0.07), + 0px 0px 4px 0px rgba(0, 0, 0, 0.04) +); +$ionic-elevation-200: var( + --ionic-elevation-200, + 0px 8px 25px 0px rgba(0, 0, 0, 0.08), + 0px 1px 5px 0px rgba(0, 0, 0, 0.05) +); +$ionic-elevation-300: var( + --ionic-elevation-300, + 0px 6px 32px 0px rgba(0, 0, 0, 0.16), + 0px 2px 7px 0px rgba(0, 0, 0, 0.05) +); +$ionic-elevation-400: var( + --ionic-elevation-400, + 0px 15px 48px 0px rgba(0, 0, 0, 0.18), + 0px 3px 12px 0px rgba(0, 0, 0, 0.12) +); +$ionic-elevation-500: var( + --ionic-elevation-500, + 0px 3px 9px 0px rgba(6, 43, 99, 0.07), + 0px 0px 4px 0px rgba(6, 43, 99, 0.04) +); +$ionic-elevation-600: var( + --ionic-elevation-600, + 0px 8px 25px 0px rgba(6, 43, 99, 0.08), + 0px 1px 5px 0px rgba(6, 43, 99, 0.05) +); +$ionic-elevation-700: var( + --ionic-elevation-700, + 0px 15px 32px 0px rgba(6, 43, 99, 0.09), + 0px 2px 7px 0px rgba(6, 43, 99, 0.05) +); +$ionic-elevation-800: var( + --ionic-elevation-800, + 0px 20px 48px 0px rgba(6, 43, 99, 0.12), + 0px 3px 14px 0px rgba(6, 43, 99, 0.12) +); $ionic-font-size-275: var(--ionic-font-size-275, 11px); $ionic-font-size-300: var(--ionic-font-size-300, 12px); $ionic-font-size-350: var(--ionic-font-size-350, 14px); @@ -614,9 +646,9 @@ $ionic-state-focus-1: var(--ionic-state-focus-1, #9ec4fd); $ionic-state-focus-1-rgb: var(--ionic-state-focus-1-rgb, 158, 196, 253); $ionic-state-focus-2: var(--ionic-state-focus-2, #ffafaf); $ionic-state-focus-2-rgb: var(--ionic-state-focus-2-rgb, 255, 175, 175); -$ionic-state-disabled: var(--ionic-state-disabled, #ffffff99); -$ionic-state-hover: var(--ionic-state-hover, #2424240a); -$ionic-state-pressed: var(--ionic-state-pressed, #24242414); +$ionic-state-disabled: var(--ionic-state-disabled, rgba(255, 255, 255, 0.6)); +$ionic-state-hover: var(--ionic-state-hover, rgba(36, 36, 36, 0.04)); +$ionic-state-pressed: var(--ionic-state-pressed, rgba(36, 36, 36, 0.08)); $ionic-display-sm-regular: ( font-family: $ionic-font-family, From b9af47ae0da6e1c9c941e9d2417d556506c3ca2f Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 23 May 2024 12:12:31 -0400 Subject: [PATCH 06/16] feat(avatar): add styles for default (medium) size in ionic theme (#29538) Issue number: internal --------- ## What is the current behavior? Avatar does not have any styles in the ionic theme. ## What is the new behavior? - Adds background, border and font styles for avatar - Adds the styles for the medium size and defaults the size to medium - Adds e2e test for avatar sizes ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10735-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) --- core/api.txt | 1 + core/src/components.d.ts | 8 +++ core/src/components/avatar/avatar.ionic.scss | 38 +++++++++++ core/src/components/avatar/avatar.tsx | 37 ++++++++++- .../components/avatar/test/size/avatar.e2e.ts | 54 ++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 540 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 521 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 500 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 627 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 585 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 624 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 695 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 717 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 637 bytes .../components/avatar/test/size/index.html | 61 ++++++++++++++++++ packages/angular/src/directives/proxies.ts | 4 +- .../standalone/src/directives/proxies.ts | 4 +- packages/vue/src/proxies.ts | 4 +- 18 files changed, 204 insertions(+), 7 deletions(-) create mode 100644 core/src/components/avatar/avatar.ionic.scss create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/index.html diff --git a/core/api.txt b/core/api.txt index be951f2a15..f9e01aaf3b 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,6 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false +ion-avatar,prop,size,"medium" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic ion-avatar,css-prop,--border-radius,ios diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 59f58e668e..0b7b31f612 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -335,6 +335,10 @@ export namespace Components { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + */ + "size"?: 'medium'; /** * The theme determines the visual appearance of the component. */ @@ -5563,6 +5567,10 @@ declare namespace LocalJSX { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + */ + "size"?: 'medium'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss new file mode 100644 index 0000000000..2eda3dba71 --- /dev/null +++ b/core/src/components/avatar/avatar.ionic.scss @@ -0,0 +1,38 @@ +@use "../../themes/ionic/ionic.globals.scss" as globals; +@import "./avatar"; + +// Ionic Avatar +// -------------------------------------------------- + +:host { + display: flex; + + align-items: center; + justify-content: center; + + background: globals.$ionic-color-neutral-100; + color: globals.$ionic-color-neutral-800; + + font-weight: globals.$ionic-font-weight-regular; + + line-height: globals.$ionic-line-height-600; +} + +:host(:not(.avatar-image)) { + border: globals.$ionic-border-size-025 solid globals.$ionic-color-neutral-800; +} + +// Avatar Sizes +// -------------------------------------------------- + +:host(.avatar-medium) { + --padding-top: #{globals.$ionic-space-0}; + --padding-end: #{globals.$ionic-space-200}; + --padding-bottom: #{globals.$ionic-space-0}; + --padding-start: #{globals.$ionic-space-200}; + + width: globals.$ionic-scale-1000; + height: globals.$ionic-scale-1000; + + font-size: globals.$ionic-font-size-400; +} diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 8f8bbaf3bf..bd1134bfaf 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -1,5 +1,5 @@ import type { ComponentInterface } from '@stencil/core'; -import { Component, Host, h } from '@stencil/core'; +import { Component, Element, Host, Prop, h } from '@stencil/core'; import { getIonTheme } from '../../global/ionic-global'; @@ -12,17 +12,50 @@ import { getIonTheme } from '../../global/ionic-global'; styleUrls: { ios: 'avatar.ios.scss', md: 'avatar.md.scss', - ionic: 'avatar.md.scss', + ionic: 'avatar.ionic.scss', }, shadow: true, }) export class Avatar implements ComponentInterface { + @Element() el!: HTMLElement; + + /** + * Set to `"medium"` for the default height and width. + * + * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + */ + @Prop() size?: 'medium'; + + get hasImage() { + return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); + } + + private getSize(): string | undefined { + const theme = getIonTheme(this); + const { size } = this; + + // TODO(ROU-10752): Remove theme check when sizes are defined for all themes. + if (theme !== 'ionic') { + return undefined; + } + + if (size === undefined) { + return 'medium'; + } + + return size; + } + render() { const theme = getIonTheme(this); + const size = this.getSize(); + return ( diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts b/core/src/components/avatar/test/size/avatar.e2e.ts new file mode 100644 index 0000000000..3d7360f957 --- /dev/null +++ b/core/src/components/avatar/test/size/avatar.e2e.ts @@ -0,0 +1,54 @@ +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('avatar: size'), () => { + test.describe('medium', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-image`)); + }); + }); + }); +}); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..dfb50e7fdcf3a57d60d5abc2c42338e5b7a0c8fd GIT binary patch literal 540 zcmV+%0^|LOP)Px$)=5M`R9J=WnZ2s&Komy5=s`qrEK*Cr9}tTmSO}taB4QyTf~^**Yy$cOc>qBK z8}S*e1g*qM0>Lgte1kwz$bf}HPIuto1@Fy-tHrExX7lX@n;8a17>!0AKA0~6n9XMI z_V^>Jsv`7miC1tzR=6N5T#ywm$O;!^$O#P_0(cXfy)J4Mgy8IN*N2 zV=|e*^E~YLdl-g+QmMq8%{*e;wqaQoI-L#(AxI{Z==b|D3mCv|25!Rx7x!3)gkAUa!$^x0&S-)FH{` za=6`YSS%I@g+l1{dXOY3i0I(18CjMg%W_b0KQIeYN^v|MVVWi!$AKUS5JeG%LIL%9 z9r1YleS(+E1)I$V#bObI!2qHt!t*>hjsw#)v0N_E?RJsLWd6V4^?Jo_x5IQgecFq~ zVo0S@Xf~Ue&*vBphe#w6zWVq+#hRu;QIwZ;ilRW%G{0^93F^9zN~MBGB=WL08jYe{ zF2gVkKdt`d9VYY}WVV!IvN*1mp48SHpkh6t>R4?Si&AGXnkkdPgh@uqA~uUMkikIb z_MUP}-7Duj=ickq`_9kzeLv^(Jm-CdVzH>=jhDaxTdmexB1)134oGPYH%PI^vfLmy zNHsvs^BLp@^%xiqhnUS~5Cj2{NCfeCTu=PVTGM85JRakCJVF#jsH%$5Xauj!W;4uB24u6x+8PRl zw3ae3b`LU82E1G@kxHfD^Z5)xk^oPq6T00lDwWF9!`tmP3WWk34u@_?5@4-XL!;4v z)oOiu@a1wryY7J!Rtd00000 LNkvXXu0mjf9NXuC literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cdbb3cec217fe345f9b4dea26d0465d2e682d478 GIT binary patch literal 500 zcmV6-OTg5_{h{34@A=@mn%`VAclx63X;hg_tE=3q%7zX!_`rtUO*XzAl zHBB@2V)9W8W-x;p{P*AwikaK(Hl0o##{mEoi^WExA&O$y5SkT_MkC+%+wHb#n)myC zJRVbogoZDd%kg;BbzPQa2%)a)`~BYYyvSifh%C#o*w-M>^AJKpNaS!joyHhHBti(r zIF(984hw>ys_Jk!JfF|5>kbA3RaFH+2%AH5tLydpd_K1Px%ElET{R9J=Wm`!imKoCG5U_KfM4IgQ8NScryD@E=9KlfC%RaEs*wL%7^QVT{< zQ{&ji(8C6>!GR1$z=0?EfHmuVV%Iw}PJH+=9<#?JcP+4rgJ4_^f^pF{@sLg*x)xZD z`kl{0xuCAN#1d>8ptr#D!}krK(T0o$wKKRVZ&}bC!krGLy*lpuFKG4P_6oF=d@k`G z^hfZyzFICw*McuPjMhjAV!`^K*rFDD(Uy-93ARl61VM&A7=76o zk>KBf&?thQC5smcI-bxbf`KcG7YQa4LYoN2BU!viFq;s9ZRRISLgiREMiQJ(!RxBfD!^4$p6Bqz%W&>u?*W$ z*E|^wPK$6}f|F;ayrplkKZ0fl?v2$_QnG24l`hK5&&MYP^_Dv0d|`PcMN7e(^QT+W zg(bFK_}YZNplgf6(4V!YZ!Z^1y3n8Nc<}M(_T++eE%;Pl%t|4_JALsh!8Wm7_;w$@ zHx)E(=s)bhY7WB;_dZj>O>}IVq8(^&r-I&wkC8Y8kF>o{bqB$?{09f&x8hQlq3-|y N002ovPDHLkV1n$H90>pb literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a566b986a1f4d2c80d2e640cc6e4feaeb3c60b8f GIT binary patch literal 585 zcmV-P0=E5$P)4bGz#h=sE7LV^D(HG$O1)@tSl6*6w+*_>(b6sclWxwx(i0N0b(*>$cp!q^iThlA(r)Lg`1_7VfnueAX zEZzg92cS!kX67Zhb;4;_y7Mn^aR%3Gk#K4yP}HA@|Z^3mW`N z8nAE&uxnL}U7cQ$8z}|Iu076=j=4!wb4(s(6-x# zH*MTzcrr(C)Vdlf*({sA`dm_3tPgU0v7m#pyRWI-8Wocqa|tT9WY1qq#ey+CJ_^W*N z)<8w5qUNne)`S4{&aGP4IyfuFwO}+X-tmnEWOa(SK!w2Uuo!`+RyCDJnJFMEc1gvl zU0_BS2F*|rYt};#0djnuQcF3i*R?}Q{->W*+)fO~={G>W8Q^pFx8d|fb5q5wDc?+( zp2b{BwJGlY(m3-EHcSB7wXB{KY@Yyi6~A0;rOx~5MP*`Ik-_Fjz`+{`7f{9h|4PAk XJt8vbZQ*t=v4fNN!NR4jLmo5W5TWudJ)V2)nS1Acw)Xx!U>8d4g!&)+D8Rbv1lOlO;>Kn= z2S_E!rzvF+im#vm4xrVe*}?T9*RKZXf<}c}2`zT8>v7s*V67ZI|3-hzNgZ8C1(aK$ zfV0b$)H@9|X?CPyg=%*3{5Zh9@nSZum+R4!Sf0&b zbJN!TsvA2Fa9FQOl9{rdlS`tUH-l42Wo}C1bl42er!nX#_%v1eGk6tm?c){X3p3lo#N6074+-{f;Ww z^BGPUPO!c+nPE=}9{3DRBb{RJ3C1(Bdt}p6kFpLtbLoy~n+)xBh9(HG94v><2tb2u znrePx%aY;l$R9J=WnK4W2P!xc_K2j_#(n6ae3WDuW6cHg=Gb*(R{s9LmIE#}%!=d6o zaCCBT>CiUu|r++uYsVp(x6SoN1bLIvqD2 z8yh2)N-;Gx_5TD94-aXzTFA1@^z`&V?&Rcz^Ye2Oi39+S<6zr1nM{Vw%}pYa$oC4~ z-`~?}wTQ>#=(_$v5I~k?c6N5$`0DD4{r!E)h7S^*WB@ zeA+WJGsDEh1UEM~o@RL#e0_bTR;!^X3X6-2IF7^F+1aOk-EJ2l1hOo9n&Zf*|4Fi=%>pw6~!j*gB1cz%B7;^KnI$w~70yr+4dchE2lGMNm?WD)>X zRWVHyA;dskzu!j)fe?a+hX;7SEKg5Qp5}Sl!EU!pqtQUqG_J3&0T>@2N0KBA!(e4) z#jQ;w5^QX2xN)!7qf{z!aB#rZ*4Fn3)@n8S{XUgSg-WF|kgHa!zAMwy+R9hz5F zm2$c4UIHNmrBVsrk2jf2vbMH{rfHr8L&ak8E%+|>K_KXtK+rFNpkD$(zXXDQ2?YHT d`t83V{sKXu=5+vPY^MMK002ovPDHLkV1mUeM4bQt literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ff8f260ae6a5b77bfb8780bf7100ccd8281d20ef GIT binary patch literal 717 zcmV;;0y6!HP)v!t;X)| z?sNeYi3A=V9?)*LsTG64@Fk$%@5kKS+~B)dEQVUG2CvsUJwRf^<#Iuz(ctav4R?2U z^s_)97$of*90p9KQn56 zy$)h9?s6ru(GlOlgTs!I83p$w1k6$1CXJaWN{vn zR;vYKMXS|9uh-KYq-?jhw-mHLo&6H;@9)zg>2|w#dU`@Oo28~L7Rw}j++Vk@uC9ckem&Yej`9%t<}|4?CtIS z6OhD`JxG~JTZ~(r0AF8UL8fwRYYXe^>!0=}lX-o84Uflz`T6;84VFqJWHK2zoleMP zvT=OeN}SKV!feq*5u?*4D7Sy-f#alEn#dk_~_Q9v+a@ zC~uHA$ZCK!p6@~4Agck^c)kaJ%pmJV(~SQBuBgWVPA~+h00000NkvXXu0mjfZqQj* literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e8849fc65a8281daa029feb2468b2c7fe1585aef GIT binary patch literal 637 zcmV-@0)qXCP)QEE_;FCuhBSH})II3|GLlY5-lt333A(J9FiQqqQ zarYNEJGtrPD2R%GAU8FQ6a#{yg4l{WsDn}Q4MHe=eT{>(??LW#bI!TvQO>~=dvQOe~qK@c3reckZVqkegL(KOBP z_lu(VAw`lT!!QiPghHWoI_+>co}Zr$8(s<{glL-Pd44n+&FAyKm0=i05QL^_*MT>i zjjE~~$NBw!i^U>I(uacme!t)E*Xwno(Rh7*eRy~0tlgK zG^%H3vso^e(?27T2*WVffe}I;kLULG765|5V5id=4u@W^_nf6DDwRqBz~OM{_xsIe zlcFfYO&h~+Z*P;yL=c4Y&CxVX5QHd-I(&0;<955xbDz(*SS;%G`W0Y=5CGI_wOXyF z2W44~$KyEu$#R#=g%CO%4xeT(g-@rGBuO+)3xc2rr_*V*TJ80EcXxMxE*X!5?lLRPDlW!d*Z z48y|VaJ${!ZnpriTCIx3A^;EsK~YpPnGA=+hA@`NWXyN937fD9o3IK0TQK%hzngvo X$Qau8F1xMD00000NkvXXu0mjf@p&Ve literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/index.html b/core/src/components/avatar/test/size/index.html new file mode 100644 index 0000000000..4de374675e --- /dev/null +++ b/core/src/components/avatar/test/size/index.html @@ -0,0 +1,61 @@ + + + + + Avatar - Size + + + + + + + + + + + + + + + Avatar - Size + + + + +

Text

+
+ AB + AB +
+ +

Icons

+
+ + + + + + +
+ +

Images

+
+ + + + + + +
+ + + + diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index 3cfff5d14d..20d8c4c3f9 100644 --- a/packages/angular/src/directives/proxies.ts +++ b/packages/angular/src/directives/proxies.ts @@ -210,14 +210,14 @@ export declare interface IonApp extends Components.IonApp {} @ProxyCmp({ - inputs: ['mode', 'theme'] + inputs: ['mode', 'size', 'theme'] }) @Component({ selector: 'ion-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['mode', 'theme'], + inputs: ['mode', 'size', 'theme'], }) export class IonAvatar { protected el: HTMLElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index 2cd74d64fe..2bfb4707a5 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -290,14 +290,14 @@ export declare interface IonApp extends Components.IonApp {} @ProxyCmp({ defineCustomElementFn: defineIonAvatar, - inputs: ['mode', 'theme'] + inputs: ['mode', 'size', 'theme'] }) @Component({ selector: 'ion-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['mode', 'theme'], + inputs: ['mode', 'size', 'theme'], standalone: true }) export class IonAvatar { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index 391bc1ad11..200c9bd0ab 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -102,7 +102,9 @@ export const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-avatar', defineIonAvatar); +export const IonAvatar = /*@__PURE__*/ defineContainer('ion-avatar', defineIonAvatar, [ + 'size' +]); export const IonBackdrop = /*@__PURE__*/ defineContainer('ion-backdrop', defineIonBackdrop, [ From fea59b73aa247219d664e2af99e830eabce7486f Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 23 May 2024 12:28:00 -0400 Subject: [PATCH 07/16] feat(avatar): add styles for small size in ionic theme (#29540) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"small"` size in the ionic theme. ## What is the new behavior? - Adds the styles for the small size (width, height, padding, font size) - Adds e2e test for small size to the existing avatar test for sizes ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10734-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++-- core/src/components/avatar/avatar.ionic.scss | 15 +++++- core/src/components/avatar/avatar.tsx | 4 +- .../components/avatar/test/size/avatar.e2e.ts | 45 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 465 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 460 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 462 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 501 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 481 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 480 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 586 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 590 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 562 bytes .../components/avatar/test/size/index.html | 17 +++++-- 15 files changed, 79 insertions(+), 12 deletions(-) create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index f9e01aaf3b..8dc2c9d6b8 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,size,"medium" | undefined,undefined,false,false +ion-avatar,prop,size,"medium" | "small" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic ion-avatar,css-prop,--border-radius,ios diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 0b7b31f612..4e5bb6f07f 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'medium'; + "size"?: 'small' | 'medium'; /** * The theme determines the visual appearance of the component. */ @@ -5568,9 +5568,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'medium'; + "size"?: 'small' | 'medium'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index 2eda3dba71..9311fb77ad 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -5,6 +5,9 @@ // -------------------------------------------------- :host { + --padding-top: #{globals.$ionic-space-0}; + --padding-bottom: #{globals.$ionic-space-0}; + display: flex; align-items: center; @@ -25,10 +28,18 @@ // Avatar Sizes // -------------------------------------------------- +:host(.avatar-small) { + --padding-end: #{globals.$ionic-space-150}; + --padding-start: #{globals.$ionic-space-150}; + + width: globals.$ionic-scale-800; + height: globals.$ionic-scale-800; + + font-size: globals.$ionic-font-size-350; +} + :host(.avatar-medium) { - --padding-top: #{globals.$ionic-space-0}; --padding-end: #{globals.$ionic-space-200}; - --padding-bottom: #{globals.$ionic-space-0}; --padding-start: #{globals.$ionic-space-200}; width: globals.$ionic-scale-1000; diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index bd1134bfaf..30da01da58 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -20,11 +20,11 @@ export class Avatar implements ComponentInterface { @Element() el!: HTMLElement; /** - * Set to `"medium"` for the default height and width. + * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. * * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: 'medium'; + @Prop() size?: 'small' | 'medium'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts b/core/src/components/avatar/test/size/avatar.e2e.ts index 3d7360f957..2138db767a 100644 --- a/core/src/components/avatar/test/size/avatar.e2e.ts +++ b/core/src/components/avatar/test/size/avatar.e2e.ts @@ -6,6 +6,51 @@ import { configs, test } from '@utils/test/playwright'; */ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => { test.describe(title('avatar: size'), () => { + test.describe('small', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-small-image`)); + }); + }); + test.describe('medium', () => { test('should not have visual regressions when containing text', async ({ page }) => { await page.setContent( diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2ad835f630979f79b93fbe05ed6f8ba0d0628596 GIT binary patch literal 465 zcmV;?0WSWDP)Px$i%CR5R9J=W*FTEFKorOEZ-NlCP&*-kG+HVmhy-lr0yY*3qK!Aui+BKAu@tnj zQPKp&N;`7_42|x47gh{lFc`d~d9T+)eM#pJ z6#*hZ1o#o)cs$~H-j4vWup1YP1>5ZwDJ7O=QLR>=2e56M>-9>%-v?kanXq23sZ=U= zXN4Mp>$;zsmCI%3^Ld!4aDaF`{%Q7}=aEjQp9c^^uv{+jeIMWVS*=zyo6S&wPdvgFq zQ7Dy4bUGbIqY;%DMvp9|u7!Y^_i9~|kZinl-UkAowqEQUZWxB~cmRN|>-Q`VRDb(D5CI~{r-|w@6tJMmfP6x$eF&=<# z+qc^-QmGWW-7ZR{5?65wj{FAb=hy26&+}N(d_E6R6ypK7Ua!o4*LCrHKG_;(vsskO zWoVj)TrL+Hgxi7p{f_l|jasdSdcDq$5Q!l6`#p}wBijxF3L`E6+WX~liP2~jn0q#x zVK5jVlgYeg-~zBLi_KY8)xg9w9uke?owxuT$HDo0W^)fxI-Q0r%b~6!7XTHdhevA{ zB-)NjrSh(M_MICbR923l1R!xBap3Pbz_Gf&9{L4!+!oLRH?YG10000z;)efwW{kn0Lr>1EZ3WfJ1P1EgmyU}Qj z$74YdN~KbSL(C~!tyaBW@3;F~#bQxWl;v_6?GUqq$K$bHueaN6XcS{ytJS^&sH*CD z-t+kkjUt4~emgb>GZ(K*rjXYWA<$N*tNX@B2;06#B!3x*;t*8l(j07*qoM6N<$ Ef?DO%IRF3v literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ca2f436a9521bff1ec87745caff9a80352f8104f GIT binary patch literal 501 zcmVPx$uSrBfR9J=Wm)TCjKoo|*0tLz{f(xeTm5CAG{|&q}df^s{F#?qsD=7OaUQ|ti zLT1ben)oNZne@#0I?I1fwd2Bg%nIdOW%7T3UjY!14d@S{XhXdN&8{;R3qvvjyBW~^ zKM3&n0@n{P98Hebn$BZAL*9gRLVQl)EhtyvyfmBKt-%P+?!m4r2Ivmp#uA_OqU^vZ z1Gs+z8Mhjaz^W<)kXcgM7~w6DRja2E!2b=m5UnsmQ-^hV03)OjAR}?FKeZ_sBLt93 zgC>#O?*nsPAwWon15+H}&;(u3V}-4FC*^$EwKd-j^#B~@U_B-}t7I+MN z_fhW7{mq#(<3#q)+ie7RA|XJifUW|c-$3;NsJ#GhEyKNu7?7O;aOnCna zl&ZiNLG(LOdc2qeGLv!$F#tb)d?gFKxg>`W0kG@`XYQFhu~>;K#jol6Pcf$eTsRVHQdD$x8e>RqP=I$1gYl-QgLss0gq060tDdRmmZpC?92@V3P2xOM?& zUApn}+1^;iMPPoW`@5xp&ZHX@(Y~@-07qrH$p!`BGHex$C>DU%rNb+XxvYc$fh+I} X3Zv!W=VM*$00000NkvXXu0mjf!ax*8PocG>h-j$91+bUI_kRM{x*%a;RJ0hiR7J{P zX<=N5AOfASV4{g@&cZeqQ5r2R`!0|XPQOrx0OG@N+sNF84&xj_}9NgCp1fz($gIM1uLQuaW948et zz14gFOf<&vk_uYBB>f#Pc3PZZFj5lqgQNmQwAiO{0&7P}V3|n;_MVcUkV`5k7tm!T z)YFvhqyj_dxP-R8#+pX8gpp1v0E&4|D(I^s^fV_G4rOK3RBp6zjN|d-(+dDB6FW!Q zmhAl-f=&1Z_kj@fNAv@Nknsc{ox(J*Oe|BK0000Px%1W80eR9J=WmqAM^Q5462V+~;lX3|Oo1>H$9jS5*%;KHSWD;I8DyK(7Z zf@pTqqUPF0NEiYOL{J0;1qp=fdz;?yq*o*Oz|EZ1+;jf-e}0_H%y5-TrSgj{#xB71 z_4QVo*J?F9Tj~5)xBxDI3*Z9mt}7f22Hf1-P%f8ABoZsNMx()KGy-5}XNN!_Kqiyn z;^N}}0hp!p%Lgbp%pMo}Zs76be|D z#cVeFqS@cyCm0NJbaaHS>%?L)y4|j$_gVliFE6O7%IWDT;c%E%tM#M)J4_%r@UBx2_d4-a{KeB|otioLzPf9~^oy(|_BC;OiPy4^10 z@tA70ir??I^HNHL5VYHEGMNl~zKZktoaJ)KU@+j};eli_xfy^Ef_OZ>(wxtajizas zrfCBhhJj%iD2l?t!2!Cilh5Zj11ObB-`0x7qWxU2*Bu*u7hC@qxBxDI3*Z7M+rFOv Y1`8dm5kYv*P5=M^07*qoM6N<$f+-Lbv;Y7A literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cecdcbea5964814e5d3bb75d7005446a98ebd82d GIT binary patch literal 590 zcmV-U0_nfHK(R zeeb)@)BAC}=Y3J<9iC^pyPmu2`d$D3bzdBx&v(TaejEaj&*#4cAr^~)1z;6m6<`(k zYXvr&4RX00zArB5bh@7wSEJFucs!;t4u=DULIJ&A54+tCKA(Sc$^FwJ>UO&r4u>!p z4DforzX9xaJGk9$T(4Jfk1R(QLsZ^*1Hk<7+0ODynorc5VfXQUSa=ApQRH8A7L_(7j3nr5ZxLhusfy?Cr zl}d$3Bm$vO_!z)qu|T<8W(tx5sZ@$~W;UA{fcGIJfz#=PUatp{NQ7W8_!z+Z6XWrC zOd`^uTCGMn9A*H19YUg1p-@0FnS@fQ{1D>PXGjW>1h22J&}y|zlI?bjTCGNvkjZ4! zf?ELOj$AIk4`4o@qgt)fXD1emnIyyp60=&ZuvjbOV07*qoM6N<$f;iR)y8r+H literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..015eaef4a2c97a0c98463634e42b0631155bfe87 GIT binary patch literal 562 zcmV-20?qx2P)BUuK>^UnM}sx@f3?igwW##(=wrO{|~y2$GJ)a&)w2%(vtD&w=Xu@+tRVwHEEZD~ zWwly82k5#kiej_b%;j=cM^TjVc&up}j^mH}T`tF2{tRrl+uQ9%5QKf`kw^r`aX}C$ ziUNSk<#IZmOw&9Z4$I||B+2Ihgit!2w$lLs!?1F>j1aN_j^j9v!!Rru43Z?tFwAp6 zyWM_lwpuOgq1){`#XZ*he@#EY2Y3Sjd-d=87o%^!+`Zks>Hq)$07*qoM6N<$g8f(j A(EtDd literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/index.html b/core/src/components/avatar/test/size/index.html index 4de374675e..cbb9c27692 100644 --- a/core/src/components/avatar/test/size/index.html +++ b/core/src/components/avatar/test/size/index.html @@ -30,15 +30,26 @@ -

Text

+

Default

AB + + + + + + +
+ +

Text

+
+ AB AB

Icons

- + @@ -48,7 +59,7 @@

Images

- + From 7f8be3e18c5bcb5c45a44300cb18b4b77a390bbf Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 23 May 2024 12:44:35 -0400 Subject: [PATCH 08/16] feat(avatar): add styles for large size in ionic theme (#29541) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"large"` size in the ionic theme. ## What is the new behavior? - Adds the styles for the large size (width, height, padding, font size) - Adds e2e test for large size to the existing avatar test for sizes ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10736-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++-- core/src/components/avatar/avatar.ionic.scss | 10 ++++ core/src/components/avatar/avatar.tsx | 5 +- .../components/avatar/test/size/avatar.e2e.ts | 45 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 652 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 578 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 592 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 740 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 688 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 728 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 798 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 819 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 721 bytes .../components/avatar/test/size/index.html | 7 +++ 15 files changed, 70 insertions(+), 7 deletions(-) create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 8dc2c9d6b8..f97c5a7328 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,size,"medium" | "small" | undefined,undefined,false,false +ion-avatar,prop,size,"large" | "medium" | "small" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic ion-avatar,css-prop,--border-radius,ios diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 4e5bb6f07f..fdef0c5812 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium'; + "size"?: 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ @@ -5568,9 +5568,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium'; + "size"?: 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index 9311fb77ad..83f703fb0a 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -47,3 +47,13 @@ font-size: globals.$ionic-font-size-400; } + +:host(.avatar-large) { + --padding-end: #{globals.$ionic-space-250}; + --padding-start: #{globals.$ionic-space-250}; + + width: globals.$ionic-scale-1200; + height: globals.$ionic-scale-1200; + + font-size: globals.$ionic-font-size-450; +} diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 30da01da58..982f28b91b 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -20,11 +20,12 @@ export class Avatar implements ComponentInterface { @Element() el!: HTMLElement; /** - * Set to `"small"` for a compact size, or to `"medium"` for the default height and width. + * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to + * `"large"` for a larger size. * * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: 'small' | 'medium'; + @Prop() size?: 'small' | 'medium' | 'large'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts b/core/src/components/avatar/test/size/avatar.e2e.ts index 2138db767a..7502a0fa48 100644 --- a/core/src/components/avatar/test/size/avatar.e2e.ts +++ b/core/src/components/avatar/test/size/avatar.e2e.ts @@ -95,5 +95,50 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-medium-image`)); }); }); + + test.describe('large', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-image`)); + }); + }); }); }); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..59474e263f3aa7787395e56123a2a6f70c9bddb0 GIT binary patch literal 652 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 literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e9f988306cfa11e397e2dfe43674c274fb327bc7 GIT binary patch literal 819 zcmV-31I+x1P)_J8&DRf2m*?|IKX&+|L?Tu?DPJ6psbUJ4T6^ZEXygq4*Q zZ~@Ik#|bpkeL9;H-~=Q(z*|V7fs#Mx1SDH1F##ta(Ll+ca{`hrl$fAy1d_=l4i69E za=Fmo-~X+wySqF1{rv9+~@TrP*f!9mQ- z%v2OW`&zA*?dS7(Twh<~@$nHBiv^RDlg$x8MT9~j3=Iw8^70bf+uP{q=qM{jAmDU5 zF)=Yw+IxF@gWK)K^Yb%ycX!d!(o&U(x)6v&B6xaw!qU3sDpuK1` ziu3bx?Ck8ItE;QA0$yHTu(7cLtJMm#*^EFSz*=c_byXAr3i5ir$Y!(6A#i+rj6@>A zM09s|kH-VM-Oi?uuxO;--`}(Q zAQUAC7#kZajoCt>z$Oq;)ai7XpP#RKlu9B%t#fpARMEA$xj76B46yy*E^#WA!ok4- z78e(x*XygIP_qD<{p7GlqXD`4b;V*asMTux`_t^d0&Z?@5DW(Kb;OEMQnP@ot1E=V z;fgOW(K$IeVGmqqXXmd3;_*0(t@MijCZuKo^l(w1)9h|-ZT)seI-SPe-X6OjMx(JL z;PXpNci`dS0k^lejMnnkmJ<+dl}v%0fK0}UPRj|1wo0ZzPCzDOMW^Ki xL|Y|OASWP`v7*y*0-~*wDX>I9ru+>_`vIRb3qKD^vDp9s002ovPDHLkV1i)wh&})S literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5dee4eee30fc260cbce095d8182b30daa8fd21fb GIT binary patch literal 721 zcmV;?0xtcDP)a;if$?>qGOD4=#Ul%7bPyz67+OQw1W>KwvQJ}r4IMme!u(P-3RWtA(5ri zX>d#^004zT;jcCRk8*__Me zwuZ{(a;;WdmrAA5YPCip5vS96K%s88D+t11Fc^(SX0!QgAR3Kowc6!!$@4r-)1^}B z>FLSga7bDFCr8$9x1CO>TCJvO`r80WlDD_FcXxO3cs!HI003I8mc+&P7UDQ=I2>MI zUwggYPN%b2EOzG&2E*Ce+57wZp@e9fR;g4jmn#qmOeT}p*VoP zLyN_NVHlDm6$*vTW;2;g6h*mQuC3T~I^}tOxm=FN<8rwylgVPS*g=F?mYqx{e!qWJ z`u+ZDwF)8BXf&I#VzIbcrc$Z%^YeoUwcBliAP9osc^&|8d3h-a0>d!DU~n^be}7L9 z1OQ+@pR+9c{QN8kLO2}$Wg!S5%d(;<=JWY2%Ppaci;MMh;Pd$)gq2F==H^DJRQ{$A z!!V*KK0ZF4o}R9o{eHjEX#DR%T4AwRdcEGq$H$J$PlPCnvRbVqNp3dnc6+ngq$nzx zOny5{6vbYzCzs20I-QhVqzZ8y$8lUd9^dM#)oO>s!7xlBkvKUySv9-eu2!oB06+*| zUS2qk3xz^b&T9`LilP7j9*^hi(ACw|+uIw AB AB + AB

Icons

@@ -55,6 +56,9 @@ + + +

Images

@@ -65,6 +69,9 @@ + + + From b4ce7129b23f06de1eca98884703c99a49b186cb Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 28 May 2024 09:48:02 -0400 Subject: [PATCH 09/16] feat(avatar): add styles for xsmall size in ionic theme (#29548) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"xsmall"` size in the ionic theme. ## What is the new behavior? - Adds the styles for the xsmall size (width, height, padding, font size, font weight and line height) - Adds e2e test for xsmall size to the existing avatar test for sizes ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10733-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++-- core/src/components/avatar/avatar.ionic.scss | 14 ++++++ core/src/components/avatar/avatar.tsx | 6 +-- .../components/avatar/test/size/avatar.e2e.ts | 45 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 390 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 396 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 384 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 438 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 376 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 418 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 490 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 525 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 456 bytes .../components/avatar/test/size/index.html | 7 +++ 15 files changed, 74 insertions(+), 8 deletions(-) create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index f97c5a7328..4eeea12614 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,size,"large" | "medium" | "small" | undefined,undefined,false,false +ion-avatar,prop,size,"large" | "medium" | "small" | "xsmall" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic ion-avatar,css-prop,--border-radius,ios diff --git a/core/src/components.d.ts b/core/src/components.d.ts index fdef0c5812..be9bca602a 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium' | 'large'; + "size"?: `xsmall` | 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ @@ -5568,9 +5568,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: 'small' | 'medium' | 'large'; + "size"?: `xsmall` | 'small' | 'medium' | 'large'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index 83f703fb0a..fbb2af9a6b 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -28,6 +28,20 @@ // Avatar Sizes // -------------------------------------------------- +:host(.avatar-xsmall) { + --padding-end: #{globals.$ionic-space-050}; + --padding-start: #{globals.$ionic-space-050}; + + width: globals.$ionic-scale-600; + height: globals.$ionic-scale-600; + + font-size: globals.$ionic-font-size-300; + + font-weight: globals.$ionic-font-weight-medium; + + line-height: globals.$ionic-line-height-500; +} + :host(.avatar-small) { --padding-end: #{globals.$ionic-space-150}; --padding-start: #{globals.$ionic-space-150}; diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 982f28b91b..7628a19d94 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -20,12 +20,12 @@ export class Avatar implements ComponentInterface { @Element() el!: HTMLElement; /** - * Set to `"small"` for a compact size, `"medium"` for the default height and width, or to - * `"large"` for a larger size. + * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` + * for the default height and width, or to `"large"` for a larger size. * * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: 'small' | 'medium' | 'large'; + @Prop() size?: `xsmall` | 'small' | 'medium' | 'large'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts b/core/src/components/avatar/test/size/avatar.e2e.ts index 7502a0fa48..75f65222d7 100644 --- a/core/src/components/avatar/test/size/avatar.e2e.ts +++ b/core/src/components/avatar/test/size/avatar.e2e.ts @@ -6,6 +6,51 @@ import { configs, test } from '@utils/test/playwright'; */ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screenshot, title }) => { test.describe(title('avatar: size'), () => { + test.describe('xsmall', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xsmall-image`)); + }); + }); + test.describe('small', () => { test('should not have visual regressions when containing text', async ({ page }) => { await page.setContent( diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cc70a57b5c4cffacf6dc4014d0e1afdd2d9e6c45 GIT binary patch literal 390 zcmV;10eSw3P)Px$KuJVFR7i>KmZ6TqKoEw%p*TpYFkrAK3>7>8NgE^y2FDxlB)kJ5JOQ#*71bE9 zg#<7lDlh~xXD-}vcj+x$n_P1DyUEVXxARZ3Ss4z8N{%W5jK||#nvX^!3b}NCr++}U zfc1J!9LEm3 zFrUv6kz1^)hzQ+o_h$fAWipx2>2#=8t9NJH?Uw0u%3v_KgMU=&l6~LDahy-h0cy1x z&1RDz2%ekZdcBe)2_nLNzyC5vRY{WMX4yjk%d+r1kIiP2dc$_RooZ3)4oamGjYcCC k@ST3wYx*|2LJ#707*qoM6N<$f;ldxbpQYW literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ce9e4960f9d1226f079a58e90931d1f4dd3da689 GIT binary patch literal 396 zcmV;70dxL|P)w5z-p4-|um|-7uX_sc0C67>~!8OeX#GV7J?WWm%}IN(DEY4R!Ln zL;V1Qk>^GE|&`hh@uEV z5c+Gf@B3gF<{?P(C*Ou)bc=`xxvq=ZYz9e^p2X5LMI6UityWL)zeSA^ZMR#DMk6SS zQu)%u;ehk`3|-eN?`r`?QNZ&&@I3$Wg~TCg{(L^KtZ8&WHurQo)#gkVj^nuZ9W;(e qi-JZ6Ei}4K(HHROLDwki{{I0(Z`hHRy-fxH0000{`dTN#h`-PF2Va2gkwHKs^V!Od9 zKZZKySZjSgp82&(2*fgW- z^-3xI+S|5WRh6OG1i7x8=lT79zuj*8{eC{R*84pp e?+1}reMg_-JY>AIVwPe60000ZykS literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..bbb8b4aabdb46335be06fbca122f63722b9b58bd GIT binary patch literal 438 zcmV;n0ZIOeP)Px$a7jc#R7i=vm0eH5FcgNLjc+nEq9_^-5%Cuo2D%PZI~axQ&Y9EulhnJ zLu#If1$s-m!Q|6q8<{ID6&#mWThlw=S)^jySK~c9-;$- zjothG&c5^AWsd5@At_eoe*yfLk(b4JcTaz{Xz&j8TWCE-Mazq@wFcQ4JIo4D@#6+O z_kR}2dr+&|Ay&Zo4cz(m4p)n?vu<8v1Zek%7j9nf@5TV=K-C_XQkzVJH-16t0PXzX z%%y*bWsyp!I%EX|F>Ojrdxn_iB&L-FF%2P?t;x7*Jh#gU588O&sr)M3#vJ1u=$5W{ z@4w0n5qbCQ3#3Ni~*O`L zbi5zxINYVR7d3Dc(fKU{ zH?1N>DXs@he2$wCmVYo>+cKv=;?eyUdAcD?PnbRt2KgVtVRJLI3~& literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..bfc3fa1a8ad968977cbef63ea4258ecc7d302292 GIT binary patch literal 490 zcmVPx$q)9|UR7i>Kmc7d2Koo`_bX zD#0sA#J@&Mi9aY-=>&C~-LQ-K78}_uobH@=cpuK0Gs8qI%X;v}^##!D_1-_(32X21CU50C>D#aSKzuX@pv3nRmo&Bh@$w^rfRiHyWOVQY!Zvb7!HT8RdBstSuU4c zuU8t4Mvz}D7E~&gAQl7xNs^Ex30>Di&nXn}%e+>rkxHciI3AA-1_M^B73p*uevYf> zdHBB1d_I4gvTp&d>mtiChG7IbRaF^}$2g7?0BqaFwrvDKAe+rnE|)_A5zDe3pXd4m g_`d;>cYj-c0FGal+sDo!+W-In07*qoM6N<$f@7}RkpKVy literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6423dfa3396176120ece250b9a5d8a6153b5f571 GIT binary patch literal 525 zcmV+o0`mQdP)~Pu_K{+dWKir@A0>=4(>ySWqTbtR`hrl8=<+-riGA zo!ooR>E7<<-Okf<-rxKD{_jhLLZJ`*sQ!`yJVA7T4<)KA#T`hl2%BDwVKU zEVx`Q7!HS!$z+JdV*CNigw^BIjs0|J2n(P)$(fM_9l+-^7Qb~`ee46IfwJRT1N zcxFHfLZJ}ha2Q&xmLFg?n}GyOw8-UhbUGbuw_BvsX;2hJPoP$-;c~g~cswu~jj-8l zkV>T>5{Vedw;|VRHLTa`munb_M4;2@Sc*u~YPCYM*<@)X^)CU3!vV!&kyc_dnP><( zCCR~THX|4e(g2c&&1S>xcEe;c!EU!hp-|wSU_2h9-|r)r%RwrYGE;QBT`U$08eT4! znRh^xs8lL=y_XM0K8AY6(e`xpw#=;k%C#nJ7 P00000NkvXXu0mjf;U?{D literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..01b707b35bb5935c5035b73ea702524d9175a413 GIT binary patch literal 456 zcmV;(0XP1MP){|K)O+>rtRtWwB2i;oHI|QT@vBPz{p6Q&EoFCtpKoZk+9X=5P08FRTKT-yR z!Othu004YJ(ILF-P9~FhJU$wYczHgb$Kx^25kjh}w%hGQA`t;{UH5c40RUr6lB8!} z)3j2lbUYpxiv>cc*=z=TCL%5*zflRL72^E?-cpI?>LU@8}oIfRUJRNruV*0000Text
+ AB AB AB AB @@ -50,6 +51,9 @@

Icons

+ + + @@ -63,6 +67,9 @@

Images

+ + + From 3b93bb4a9b5af38dffb8e8ece64f6ece0e78575b Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso <32780808+BenOsodrac@users.noreply.github.com> Date: Tue, 28 May 2024 15:57:30 +0100 Subject: [PATCH 10/16] feat(tokens): add html preview based on design-tokens (#29545) Issue number: internal --------- ## What is the new behavior? - Added new files to scripts/tokens for the html template and css to style the generated preview - Added Style Dictionary register for generating html elements for each main token ## Does this introduce a breaking change? - [ ] Yes - [x] No --- core/.stylelintrc.yml | 1 + core/package.json | 4 +- core/scripts/tokens/index.js | 143 ++ core/scripts/tokens/preview.styles.css | 63 + core/scripts/tokens/preview.template.html | 52 + core/src/foundations/tokens.preview.html | 1743 +++++++++++++++++++++ 6 files changed, 2004 insertions(+), 2 deletions(-) create mode 100644 core/scripts/tokens/preview.styles.css create mode 100644 core/scripts/tokens/preview.template.html create mode 100644 core/src/foundations/tokens.preview.html diff --git a/core/.stylelintrc.yml b/core/.stylelintrc.yml index 0e7a49eec6..184d0ee4fe 100644 --- a/core/.stylelintrc.yml +++ b/core/.stylelintrc.yml @@ -15,6 +15,7 @@ ignoreFiles: - src/themes/functions.string.scss - src/themes/native.theme.default.scss - src/css/themes/*.scss + - scripts/tokens/*.css indentation: 2 diff --git a/core/package.json b/core/package.json index 02ebdb39b3..f8b47d7d19 100644 --- a/core/package.json +++ b/core/package.json @@ -77,7 +77,7 @@ "build.css": "npm run css.sass && npm run css.minify", "build.debug": "npm run clean && stencil build --debug", "build.docs.json": "stencil build --docs-json dist/docs.json", - "build.tokens": "node ./scripts/tokens/index.js && npm run lint.sass.fix && npm run prettier.tokens", + "build.tokens": "node ./scripts/tokens/index.js && npm run lint.fix && npm run prettier.tokens", "clean": "node scripts/clean.js", "css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css", "css.sass": "sass --embed-sources --style compressed src/css:./css", @@ -90,7 +90,7 @@ "lint.ts.fix": "npm run eslint -- --fix", "prerender.e2e": "node scripts/testing/prerender.js", "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx,scss}\"", - "prettier.tokens": "prettier \"./src/foundations/*.scss\" --write --cache", + "prettier.tokens": "prettier \"./src/foundations/*.{scss, html}\" --write --cache", "start": "npm run build.css && stencil build --dev --watch --serve", "test": "npm run test.spec && npm run test.e2e", "test.spec": "stencil test --spec --max-workers=2", diff --git a/core/scripts/tokens/index.js b/core/scripts/tokens/index.js index f500d127a4..09c5647227 100644 --- a/core/scripts/tokens/index.js +++ b/core/scripts/tokens/index.js @@ -5,6 +5,8 @@ // - It is probably the most well-known and widely used Design Tokens tool. It has also been regularly maintained for a long time. // - It can easily scale to different necessities we might have in the future. +const fs = require('fs'); +const path = require('path'); const StyleDictionary = require('style-dictionary'); const targetPath = './src/foundations/'; @@ -138,6 +140,137 @@ StyleDictionary.registerFormat({ }, }); +// Register the custom format to generate HTML +// Load the HTML template +const template = fs.readFileSync(path.join(__dirname, 'preview.template.html'), 'utf8'); + +StyleDictionary.registerFormat({ + name: 'html/tokens', + formatter: function ({ dictionary }) { + // Function to extract numerical value from token name + const extractValue = (tokenName) => { + const match = tokenName.match(/-([0-9]+)/); + return match ? parseInt(match[1], 10) : Number.MAX_SAFE_INTEGER; + }; + + let colorTokens = ` + + + + + + + + + + `; + let fontSizeTokens = ''; + let boxShadowTokens = ''; + let borderSizeTokens = ''; + let borderRadiusTokens = ''; + let borderStyleTokens = ''; + let fontWeightTokens = ''; + let letterSpacingTokens = ''; + let spaceTokens = ''; + + // Collect border-radius and space tokens for separate sorting + let borderRadiusTokenList = []; + let spaceTokenList = []; + + dictionary.allProperties.forEach((token) => { + if (token.attributes.category === 'color') { + colorTokens += ` + + + + + + `; + } else if (token.attributes.category === 'font-size') { + fontSizeTokens += ` +
+ ${token.name} (${token.value}) +
+ `; + } else if (token.attributes.category.startsWith('Elevation')) { + const cssShadow = token.value.map(generateShadowValue).join(', '); + boxShadowTokens += ` +
+ ${token.name} +
+ `; + } else if (token.attributes.category === 'border-size' || token.attributes.category === 'border-width') { + borderSizeTokens += ` +
+ ${token.name} (${token.value}) +
+ `; + } else if (token.attributes.category === 'border-radius') { + borderRadiusTokenList.push(token); // Collect border-radius tokens + } else if (token.attributes.category === 'border-style') { + borderStyleTokens += ` +
+ ${token.name} (${token.value}) +
+ `; + } else if (token.attributes.category === 'font-weight') { + fontWeightTokens += ` +
+ ${token.name} (${token.value}) +
+ `; + } else if (token.attributes.category === 'letter-spacing') { + // Convert % to px + const letterSpacingValue = token.value.replace('%', '') + 'px'; + letterSpacingTokens += ` +
+ ${token.name} (${letterSpacingValue}) +
+ `; + } else if (token.attributes.category === 'space') { + spaceTokenList.push(token); // Collect space tokens + } + }); + + // Sort border-radius and space tokens + borderRadiusTokenList.sort((a, b) => extractValue(a.name) - extractValue(b.name)); + spaceTokenList.sort((a, b) => extractValue(a.name) - extractValue(b.name)); + + // Generate HTML for sorted border-radius tokens + borderRadiusTokenList.forEach((token) => { + borderRadiusTokens += ` +
+ ${token.name} (${token.value}) +
+ `; + }); + + // Generate HTML for sorted space tokens + spaceTokenList.forEach((token) => { + spaceTokens += ` +
+
+ ${token.name} (${token.value}) +
+
+ `; + }); + + colorTokens += '
ColorHexToken Name
${token.value}${token.name}
'; + + return template + .replace('{{colorTokens}}', colorTokens) + .replace('{{fontSizeTokens}}', fontSizeTokens) + .replace('{{boxShadowTokens}}', boxShadowTokens) + .replace('{{borderSizeTokens}}', borderSizeTokens) + .replace('{{borderRadiusTokens}}', borderRadiusTokens) + .replace('{{borderStyleTokens}}', borderStyleTokens) + .replace('{{fontWeightTokens}}', fontWeightTokens) + .replace('{{letterSpacingTokens}}', letterSpacingTokens) + .replace('{{spaceTokens}}', spaceTokens); + }, +}); + // Custom transform to ensure unique token names StyleDictionary.registerTransform({ name: 'name/cti/kebab-unique', @@ -210,6 +343,16 @@ StyleDictionary.extend({ }, ], }, + html: { + transformGroup: 'custom', + buildPath: targetPath, + files: [ + { + destination: 'tokens.preview.html', + format: 'html/tokens', + }, + ], + }, }, fileHeader: { myFileHeader: () => { diff --git a/core/scripts/tokens/preview.styles.css b/core/scripts/tokens/preview.styles.css new file mode 100644 index 0000000000..56349b7fb7 --- /dev/null +++ b/core/scripts/tokens/preview.styles.css @@ -0,0 +1,63 @@ +table { + width: 100%; + border-collapse: collapse; + margin-bottom: 20px; +} + +th, +td { + padding: 10px; + border: 1px solid #ccc; + text-align: left; +} + +th { + background-color: #f4f4f4; +} + +thead th { + position: sticky; + top: 0; + background-color: #f4f4f4; + z-index: 1; +} + +.color-swatch { + width: 50px; + height: 50px; +} + +.font-size-token, +.weight-token, +.letter-spacing-token { + margin: 10px 0; +} + +.border-token, +.shadow-token { + margin: 10px; + padding: 10px; +} + +.border-token { + border: 1px solid #000; +} + +.spacing-wrapper { + background-color: lightblue; +} + +.spacing-wrapper > div { + background-color: #fff; +} + +.token-wrapper:has(.spacing-wrapper) { + display: flex; + flex-direction: column; + gap: 20px; +} + +hr { + background-color: #ccc; + margin: 20px 0; +} diff --git a/core/scripts/tokens/preview.template.html b/core/scripts/tokens/preview.template.html new file mode 100644 index 0000000000..462b49fa39 --- /dev/null +++ b/core/scripts/tokens/preview.template.html @@ -0,0 +1,52 @@ + + + + + + Design Tokens + + + + + + + + + + Design Tokens - Preview + + + +

Color Tokens

+
{{colorTokens}}
+
+

Font Size Tokens

+
{{fontSizeTokens}}
+
+

Font Weight Tokens

+
{{fontWeightTokens}}
+
+

Letter Spacing Tokens

+
{{letterSpacingTokens}}
+
+

Box Shadow Tokens

+
{{boxShadowTokens}}
+
+

Border Size Tokens

+
{{borderSizeTokens}}
+
+

Border Radius Tokens

+
{{borderRadiusTokens}}
+
+

Border Style Tokens

+
{{borderStyleTokens}}
+
+

Space Tokens

+
{{spaceTokens}}
+ + + + diff --git a/core/src/foundations/tokens.preview.html b/core/src/foundations/tokens.preview.html new file mode 100644 index 0000000000..be20ee99c0 --- /dev/null +++ b/core/src/foundations/tokens.preview.html @@ -0,0 +1,1743 @@ + + + + + + Design Tokens + + + + + + + + + + Design Tokens - Preview + + + +

Color Tokens

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ColorHexToken Name
#ffffff-color-base-white
#111111-color-base-black
#f1f1f1-color-neutral-100
#e7e7e7-color-neutral-200
#cfcfcf-color-neutral-300
#b9b9b9-color-neutral-400
#a2a2a2-color-neutral-500
#8c8c8c-color-neutral-600
#777777-color-neutral-700
#626262-color-neutral-800
#4e4e4e-color-neutral-900
#3b3b3b-color-neutral-1000
#292929-color-neutral-1100
#242424-color-neutral-1200
#feeded-color-red-100
#fde1e1-color-red-200
#fcc1c1-color-red-300
#faa1a1-color-red-400
#f97d7d-color-red-500
#f85151-color-red-600
#e52929-color-red-700
#bf2222-color-red-800
#991b1b-color-red-900
#761515-color-red-1000
#540f0f-color-red-1100
#330909-color-red-1200
#feedea-color-pumpkin-100
#fde0db-color-pumpkin-200
#fbbdb1-color-pumpkin-300
#f9947c-color-pumpkin-400
#f75d07-color-pumpkin-500
#da5206-color-pumpkin-600
#bd4705-color-pumpkin-700
#9f3c05-color-pumpkin-800
#803004-color-pumpkin-900
#602403-color-pumpkin-1000
#401802-color-pumpkin-1100
#210c01-color-pumpkin-1200
#fff1ea-color-orange-100
#ffe8db-color-orange-200
#ffcfb1-color-orange-300
#ffb37b-color-orange-400
#ff9400-color-orange-500
#e18300-color-orange-600
#c37100-color-orange-700
#a45f00-color-orange-800
#844d00-color-orange-900
#633a00-color-orange-1000
#422700-color-orange-1100
#221400-color-orange-1200
#fff9ea-color-yellow-100
#fff5db-color-yellow-200
#ffebb1-color-yellow-300
#ffe07b-color-yellow-400
#ffd600-color-yellow-500
#e1bd00-color-yellow-600
#c3a400-color-yellow-700
#a48a00-color-yellow-800
#846f00-color-yellow-900
#635300-color-yellow-1000
#423800-color-yellow-1100
#221d00-color-yellow-1200
#f3faea-color-lime-100
#eaf7db-color-lime-200
#d3efb2-color-lime-300
#bbe77d-color-lime-400
#a0df18-color-lime-500
#8dc515-color-lime-600
#7aab12-color-lime-700
#678f0f-color-lime-800
#53730c-color-lime-900
#3e5709-color-lime-1000
#2a3a06-color-lime-1100
#151e03-color-lime-1200
#ebf9ec-color-green-100
#dcf5de-color-green-200
#b3ebb7-color-green-300
#7fe089-color-green-400
#23d643-color-green-500
#1fbd3b-color-green-600
#1ba433-color-green-700
#178a2b-color-green-800
#126f23-color-green-900
#0e531a-color-green-1000
#093811-color-green-1100
#051d09-color-green-1200
#eaf8f5-color-teal-100
#dbf3ee-color-teal-200
#b1e7dd-color-teal-300
#7bdbca-color-teal-400
#00cfb7-color-teal-500
#00b7a2-color-teal-600
#009e8c-color-teal-700
#008576-color-teal-800
#006b5f-color-teal-900
#005147-color-teal-1000
#003630-color-teal-1100
#001c19-color-teal-1200
#ebf9fe-color-aqua-100
#dcf4fd-color-aqua-200
#b3e9fc-color-aqua-300
#80defa-color-aqua-400
#27d3f9-color-aqua-500
#22bbdc-color-aqua-600
#1ea2bf-color-aqua-700
#1988a0-color-aqua-800
#146d81-color-aqua-900
#0f5261-color-aqua-1000
#0a3741-color-aqua-1100
#051c21-color-aqua-1200
#f2f4fd-color-blue-100
#e9ecfc-color-blue-200
#d0d7fa-color-blue-300
#b5c0f7-color-blue-400
#94a5f4-color-blue-500
#6986f2-color-blue-600
#105cef-color-blue-700
#0f54da-color-blue-800
#0d4bc3-color-blue-900
#0b41a9-color-blue-1000
#09358a-color-blue-1100
#072561-color-blue-1200
#f3f2fb-color-indigo-100
#eae9f9-color-indigo-200
#d3d1f2-color-indigo-300
#bab5eb-color-indigo-400
#9d95e4-color-indigo-500
#786bdd-color-indigo-600
#411bd5-color-indigo-700
#3b19c3-color-indigo-800
#3516ae-color-indigo-900
#2e1397-color-indigo-1000
#26107b-color-indigo-1100
#1a0b57-color-indigo-1200
#f5f2fe-color-violet-100
#eee9fd-color-violet-200
#dcd1fb-color-violet-300
#c9b6f9-color-violet-400
#b396f6-color-violet-500
#9a6cf4-color-violet-600
#7c20f2-color-violet-700
#711ddd-color-violet-800
#651ac5-color-violet-900
#5817ab-color-violet-1000
#48128c-color-violet-1100
#330d63-color-violet-1200
#f9f3fe-color-purple-100
#f5eafd-color-purple-200
#e9d3fa-color-purple-300
#deb9f8-color-purple-400
#d29bf6-color-purple-500
#c575f3-color-purple-600
#b73cf1-color-purple-700
#a737dc-color-purple-800
#9531c5-color-purple-900
#812aaa-color-purple-1000
#6a238b-color-purple-1100
#4b1862-color-purple-1200
#fdf3fb-color-magenta-100
#fcebf8-color-magenta-200
#f9d4f1-color-magenta-300
#f6bcea-color-magenta-400
#f39fe3-color-magenta-500
#f07cdb-color-magenta-600
#ed4ad3-color-magenta-700
#d844c1-color-magenta-800
#c13cac-color-magenta-900
#a83495-color-magenta-1000
#892b7a-color-magenta-1100
#611e56-color-magenta-1200
#fef3f5-color-pink-100
#fdeaee-color-pink-200
#fad3dc-color-pink-300
#f8b9c9-color-pink-400
#f69bb3-color-pink-500
#f3759a-color-pink-600
#f13b7d-color-pink-700
#dc3672-color-pink-800
#c53066-color-pink-900
#aa2a58-color-pink-1000
#8b2248-color-pink-1100
#621833-color-pink-1200
#f2f4fd-color-primary-100
#e9ecfc-color-primary-200
#d0d7fa-color-primary-300
#b5c0f7-color-primary-400
#94a5f4-color-primary-500
#6986f2-color-primary-600
#105cef-color-primary-700
#0f54da-color-primary-800
#0d4bc3-color-primary-900
#0b41a9-color-primary-1000
#09358a-color-primary-1100
#072561-color-primary-1200
#105cef-color-primary-base
#ebf9fe-color-info-100
#dcf4fd-color-info-200
#b3e9fc-color-info-300
#80defa-color-info-400
#27d3f9-color-info-500
#22bbdc-color-info-600
#1ea2bf-color-info-700
#1988a0-color-info-800
#146d81-color-info-900
#0f5261-color-info-1000
#0a3741-color-info-1100
#051c21-color-info-1200
#1ea2bf-color-info-base
#fff1ea-color-warning-100
#ffe8db-color-warning-200
#ffcfb1-color-warning-300
#ffb37b-color-warning-400
#ff9400-color-warning-500
#e18300-color-warning-600
#c37100-color-warning-700
#a45f00-color-warning-800
#844d00-color-warning-900
#633a00-color-warning-1000
#422700-color-warning-1100
#221400-color-warning-1200
#c37100-color-warning-base
#feeded-color-danger-100
#fde1e1-color-danger-200
#fcc1c1-color-danger-300
#faa1a1-color-danger-400
#f97d7d-color-danger-500
#f85151-color-danger-600
#e52929-color-danger-700
#bf2222-color-danger-800
#991b1b-color-danger-900
#761515-color-danger-1000
#540f0f-color-danger-1100
#330909-color-danger-1200
#e52929-color-danger-base
#ebf9ec-color-success-100
#dcf5de-color-success-200
#b3ebb7-color-success-300
#7fe089-color-success-400
#23d643-color-success-500
#1fbd3b-color-success-600
#1ba433-color-success-700
#178a2b-color-success-800
#126f23-color-success-900
#0e531a-color-success-1000
#093811-color-success-1100
#051d09-color-success-1200
#1ba433-color-success-base
+
+
+

Font Size Tokens

+
+
-font-size-275 (11px)
+ +
-font-size-300 (12px)
+ +
-font-size-350 (14px)
+ +
-font-size-400 (16px)
+ +
-font-size-450 (18px)
+ +
-font-size-500 (20px)
+ +
-font-size-550 (22px)
+ +
-font-size-600 (24px)
+ +
-font-size-650 (26px)
+ +
-font-size-700 (28px)
+ +
-font-size-800 (32px)
+ +
-font-size-900 (36px)
+
+
+

Font Weight Tokens

+
+
-font-weight-thin (100)
+ +
-font-weight-extra-light (200)
+ +
-font-weight-light (300)
+ +
-font-weight-regular (400)
+ +
-font-weight-medium (500)
+ +
-font-weight-semi-bold (600)
+ +
-font-weight-bold (700)
+ +
-font-weight-extra-bold (800)
+ +
-font-weight-black (900)
+
+
+

Letter Spacing Tokens

+
+
-letter-spacing-0 (0px)
+ +
-letter-spacing-1 (1px)
+ +
-letter-spacing-2 (1.5px)
+
+
+

Box Shadow Tokens

+
+
+ -elevation-100 +
+ +
+ -elevation-200 +
+ +
+ -elevation-300 +
+ +
+ -elevation-400 +
+ +
+ -elevation-500 +
+ +
+ -elevation-600 +
+ +
+ -elevation-700 +
+ +
+ -elevation-800 +
+
+
+

Border Size Tokens

+
+
-border-size-0 (0px)
+ +
-border-size-025 (1px)
+ +
-border-size-050 (2px)
+ +
-border-size-075 (3px)
+
+
+

Border Radius Tokens

+
+
-border-radius-0 (0px)
+ +
-border-radius-050 (2px)
+ +
-border-radius-100 (4px)
+ +
-border-radius-200 (8px)
+ +
-border-radius-300 (12px)
+ +
-border-radius-400 (16px)
+ +
-border-radius-800 (32px)
+ +
-border-radius-1000 (40px)
+ +
-border-radius-full (999px)
+
+
+

Border Style Tokens

+
+
-border-style-none (none)
+ +
-border-style-solid (solid)
+ +
-border-style-dashed (dashed)
+ +
-border-style-dotted (dotted)
+
+
+

Space Tokens

+
+
+
-space-0 (0px)
+
+ +
+
-space-050 (2px)
+
+ +
+
-space-100 (4px)
+
+ +
+
-space-150 (6px)
+
+ +
+
-space-200 (8px)
+
+ +
+
-space-250 (10px)
+
+ +
+
-space-300 (12px)
+
+ +
+
-space-400 (16px)
+
+ +
+
-space-500 (20px)
+
+ +
+
-space-600 (24px)
+
+ +
+
-space-700 (28px)
+
+ +
+
-space-800 (32px)
+
+ +
+
-space-900 (36px)
+
+ +
+
-space-1000 (40px)
+
+ +
+
-space-1200 (48px)
+
+
+ + + + From 01c1b4fef2d150e9473972bbbbb93566b50a9a56 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 28 May 2024 11:37:16 -0400 Subject: [PATCH 11/16] feat(avatar): add styles for xlarge size in ionic theme (#29549) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"xlarge"` size in the ionic theme. ## What is the new behavior? - Adds the styles for the xlarge size (width, height, padding, font size and line height) - Adds e2e test for xlarge size to the existing avatar test for sizes ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10737-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) --------- Co-authored-by: Giuliana Silva <108938618+OS-giulianasilva@users.noreply.github.com> --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++-- core/src/components/avatar/avatar.ionic.scss | 12 +++++ core/src/components/avatar/avatar.tsx | 5 +- .../components/avatar/test/size/avatar.e2e.ts | 45 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 784 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 671 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 771 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 849 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 780 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 866 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 957 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1024 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 871 bytes .../components/avatar/test/size/index.html | 7 +++ 15 files changed, 72 insertions(+), 7 deletions(-) create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 4eeea12614..e918066138 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,size,"large" | "medium" | "small" | "xsmall" | undefined,undefined,false,false +ion-avatar,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic ion-avatar,css-prop,--border-radius,ios diff --git a/core/src/components.d.ts b/core/src/components.d.ts index be9bca602a..03ef26d101 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: `xsmall` | 'small' | 'medium' | 'large'; + "size"?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; /** * The theme determines the visual appearance of the component. */ @@ -5568,9 +5568,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, or to `"large"` for a larger size. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. + * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - "size"?: `xsmall` | 'small' | 'medium' | 'large'; + "size"?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index fbb2af9a6b..f6434916ff 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -71,3 +71,15 @@ font-size: globals.$ionic-font-size-450; } + +:host(.avatar-xlarge) { + --padding-end: #{globals.$ionic-space-300}; + --padding-start: #{globals.$ionic-space-300}; + + width: globals.$ionic-scale-1400; + height: globals.$ionic-scale-1400; + + font-size: globals.$ionic-font-size-550; + + line-height: globals.$ionic-line-height-700; +} diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 7628a19d94..b90c659896 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -21,11 +21,12 @@ export class Avatar implements ComponentInterface { /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` - * for the default height and width, or to `"large"` for a larger size. + * for the default height and width, `"large"` for a larger size, or `"xlarge"` for + * the largest dimensions. * * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ - @Prop() size?: `xsmall` | 'small' | 'medium' | 'large'; + @Prop() size?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts b/core/src/components/avatar/test/size/avatar.e2e.ts index 75f65222d7..5838519dc5 100644 --- a/core/src/components/avatar/test/size/avatar.e2e.ts +++ b/core/src/components/avatar/test/size/avatar.e2e.ts @@ -185,5 +185,50 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-large-image`)); }); }); + + test.describe('xlarge', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-size-xlarge-image`)); + }); + }); }); }); diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..486cc47f6b1cb14c31a05f7aa691e43555e326dd GIT binary patch literal 784 zcmV+r1MmEaP)Px%%1J~)RA_|Y-K^%vly>&&DfS_(rREQxEwNoL5jR+R06@^#?QUx2a$=9$E z@ue_IzJU-M3#*7lz(y2PC}E4ds9OY6C}ggY<3znf-HA+?r<~o{|Lb4X!rZH-?)9YQu*P<6DR>S#gL(SoX@1yx52s*V;^ot77DYeo?v1XovA zR4Nq!Y}+Or4r3UG^xDz|@9*zPr_(r&gKgUYR4NsQhK7j8dC$>+6#lLH;eew6uidIPC83a(;eJ zKA&f2XNOX$#Ny(j?DF#0!S3#EQmGWj$HyEV9%7m%6B8385(zBJl3l(zI~mKeh(@DC zqtRxRdqqwYU|@i*t}f}dr3u#Sb@KTCb>t5tkHA3mQCUW9A4 z8h*c@NF>7KpZ{7a z^fdeX`v~Ff_gGH_FD@>4e0*efcJ|YK=jP^cU6;$tOD`jNE11jW7#ka-y}kX@eLFfj z7#$rYm&$=f-2cXx*nf{l%hFZFj__ruNkSMhWNW3d>$y}e)VZ`(GpSj@{v-i}}( z5FnXMdU?rj)ADcCw4mx}LDkWMs-p!}M+>Ts7E~QAs5&h#Xtero1-}9Mi`G7w@J0#% O0000z^ literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..feadc4bf3975568fb6fb1bbc0964266d10b785bf GIT binary patch literal 671 zcmV;Q0$}}#P)4~ow0Jhuhr$j83N+f`ftX2#@vOVN32F0MwD4`zp64`u#7}P0fu~^W4zgHo>UN42iVV&WBjAevexG)` z9r=7dm5A{V31>sCP^HzW&SrBb0tBtofF%Cy3t7YqgiS}vE=Y&LJY@2|z$0gc(S z(P-TKOyQZWR;yZPQ|*A5THJ0oWwY74EMU69NvrE$DD8mtdR>75@}BE>JgVDjwc0(m zf4fIJAP$)6bV^2|w`PgL#N%;or>Sa zUkq|rm^;20V;N#)XJNLqwq=qR_}FT-g5<-9_WS)@ zE;lnXlS-v*HXA~y*=(Mlp9_MJOeQhL|6c*KM-@eReSPJ5eqf0ZvfJ&4hlfv3PqkVN zqyk3t<>kd}Hm|L%4G*18Cr#6hMgyb*MwF&$P17_@8y>2vs_QyU(;yWvqHecaRn>=w zhvA{3D5|P%Y;1s3z=*D_tav=0VzJomb_bJgw=0U`=H}+|@-j#T*zGAAji%G-)6>)K z?QMjRBuN4}*-lPQL{Ti4%NS#?*BcIp8HRz%hkPH$RG-``86(#_4y*VmWDVp&*N7z{g|4n-9_~Gv@ksyZx6PG7{sW`}_OX*Vo_Q-(#+~+wH+%&~Tk`QJ2f*a=8qj{;y2U zS11vMhKNE#M4=&~&=65*h$u8f6q>0K#nbXT(NA1<;RN{j=y3o5002ovPDHLkV1k0M BbQ=Hw literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..54ee2dfae9eedd49aa5a8a324324981ad8da6c13 GIT binary patch literal 849 zcmV-X1FrmuP)Px&3rR#lRA_HeSB3p)`=L}7Qsy&PN-Ox?j{2CDVJ=Qxgf12Ptb z0&o*Wr5#ZY_B89DIUL2C-002RRu z*^n#h$I%uvO#LL>jIAZ;v>;#7Pht=`f!JDtZrqxk)Ea8~(LqbF-q0I-6v~=YkCtG| zqc`|SV`yHlB^aDSMGy+;U9TmmJNQ$0J^E#p_B0W5vDDcSh^;NS=b~VIQ$L2bU?S?y zt-2bNDTK8Jy&ibEub)USulB(s@RSy*CU!SuZl^YfG1yv{i6vGKzCM7ppnjaqRoOd2 zOwi|r_a_itn>@x&1l}G=Wuy?Ds{KBAcMMlKxX6sYlnVvmI1bNdz3J5EFs2T}d}tf? z?n3&!58qvh`EC%dF1F%Pb+D+7-%f)5>8xFQS@^w)g%_O4O=H)gQiJxwqy>alAnbBA zg0x`42D1eBHdN|h*Ob^W!Yk?s1zp;EqHIMiQF)uq1g}`M6;=SqV2xuieFVN2Ql?&kAr8_9|DzYaGnOk znj~d84z|@++o<#Clc$xckW53iAdsB^sXKKfqHvOUx)vQOcy6dQk>39wPQ4|6m2M0x?k%Othu~fG!3ktt?w?uIsWkeQR``wEPT1N6r6XK bg7eNFPde{GckiX800000NkvXXu0mjfg87a) literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5c71e4c15ca13b8f5a29f96b29de90f569cecf0c GIT binary patch literal 780 zcmV+n1M~ceP)s(d;?B@ySY7k9cbJW*af%u zle}dP*lGh*E{##i=1Q8D;cZL-U+?}~XKCH6-T^fUj@kH*JexSKwRq$0n{ApRDiu-z?;1|7j^%0 zPvqX1)=I#rkt_TZCH&?#aCVV)0!6o*xdv>k>-ttrQGUAc+eG0vda79HqZ$DVf7mAE zwp?_7q`c^Q!^j=E_^umWeAPi_*g1;}uf_Ru*e6p!t&*0?4Is?{2WzshNvGlI!7b!K zu2Q|e|1iK!yjlV3awXE<`J#>jnJ5_a!9pf}b%!jQ*10KY<8Ja^O2Fh}HrnD?3NGhz z^A9qnBo?F)lckv{cp`O({t0j-5tC3+U|ygBC}9^RvR3ARIY}E@mF zI?cRjO|}pM^O@EX15%lGSN1o_W`|9^w9bUJqr!EmJgwA{PibdBCYV0%%cd>Qt28E{ z9^ZCPM8yJ9v7PT%59S?If;R5PD;f#-=>XUh)yCOYMa@U`a1R3kd8}eNEU5H6j%dCDNmH{_uv~*x1?j{4&0|9|%fczFRu6cOpt z7M5O?Zg)36;PisMoiu>V^m}4xPR=(;HaUs){)^%!~>^?ZLzV!rbEfWn%mf#^JJ=Aa#+C+Cbh|?*(+0W z=E*b1h$=WZ<)k*fWjo;WG4%qkwy<@FR#P-qeE3eiDF`{Oa~<$@N7GgFt3NoES>8}@ zvj0mjp_ZuY@vE+x@ALxK(+L!dD#hWMPNp7T&xSUK84-(CJlYe#@u~QM&Y+4#&#%Ne zjC3LtRa8xg)*2|`?8`(ukEpc(=>5bwS8> zfww#Qw>MIZru{QgkD(y8ufmQV9coJxsooSQhCdX`_!XJs!>5)1whJGfzs<4hTcS zh%g37+9VSslVsCoR;s3GH{!B|*QR+*yMx~yUkO`0Ns-O4yo8e_pA#2&Vo{~IY~y-d zG-*xTIETaV1N?wm(LQjbVkzZ(CTnfBa@`)@N|up zC)1;*JUeF&}?YGw~dvfr2BKhR>Vl*uz`AeXHT8;|H_sQEl+)=j}J2A<^UN zoqsnoQoZ72_zAWz8pj-+-?z{NzEy|^ipIWZtw|U?fY3O?i2A^u(--w;KWy%c_I3a7 szGxVaX!@{(Bd7j9XCZ2ug{W!%00BV!jm1cSsQ>@~07*qoM6N<$f|kOfmjD0& literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d677f0589c12e6a0598813a0d46c8ec13b9226f7 GIT binary patch literal 957 zcmV;u148_XP)Px&cS%G+RA_F_o+Y(Ta$W!oU^=niE9OqD6rbv=Q2d{RJ)B^iQ-8 zTC|LI{emD`X46m>8DbEG7G$U;f`#LB-^F{C8`bSz$IE3d^T2@T%$YNvhjZpTi$Nh0 ziG1T9#tg8$y!^Lw{1Fxw7BKzo5Pup&Q12LmddCpdJBFa%F$DFFA*go@LA_%L>K${V zC*0cFqEILh3WadFTpy0f=kx6D?!N1{SS&ak4*L81@pwE9$WW=)wIDtLT+T>CA{GNDiiK@dJ2?{GL+TwJWRpP!#e zrBdwd?2t?*+1}nJ91d&B)UanzRaInJ#%8k-3@l)iA+CB0;fOBoGKNGBN^yBuRD6)!p3<-?y@=s+w{&Ot2~=iXtA52dC3X zJRYZ1D*g6c>2w;tKgUf?O`38wM6g&al1LQe&dyHUZa1k^ird>;dU|@^U1zaa@Or(qwxTFxvsrSv9Gjb)baZsk z)zzgbn`XhAn;SBj486U*w70jvIVXxDsZ6@<>dvR&-dY012{W7V{L5> zNs3=>!@~mrZEbB@B5GT~>box(41PMs=ksB+*|@s8;_>nE%Q;_PU)kH+Sb ztJTWDz<`#B^{-$yo8|iY8k^0A&*%I624*vUzn^F{iY&`aPEOX&6^lhyS66FoMNzoF zzo$?rAP55CaG2KC)_NoUfB$+ftQHr)-~VOt5Jiz_G>RliOiWDF`V~bX9*@`BCX)%f z-HzYyXMB7dx7%HByc$9z68UC);ngvQpx!YA^^PH^cML(jV+iUULs0J+f_ldg)H{Zt f-Vy%wzZLuk`}sN7Yy6@u00000NkvXXu0mjf_xirQ literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e8455ee0cf8ef520f27e2654c4766ecea6b73cd2 GIT binary patch literal 1024 zcmV+b1poVqP)qlF=jv)}Yi;<)OGf~QhKBwn#MahUaDabV zTCU(G3B8?kx1vM^^WO!UbNs2UXz!lWEK$78c1tlr^ zVqmk`(9_d{o0}UnHZ~$IF78Jc?d|P&e0==$-pk7iK|w)?jEqE1P7eF^WXZ1J!NCE> z$H!Srsi~#I<`M0CBR>Qq+aRk>&xCz1*P;nJ3C|5 zx2&v;wHtSrEC3G=4>2}2hQ!1~)Ya8}iiKJRwT`s3G*nktivs-GCdkNYwPJL16i-i2 zXlrXjczC#57-a!CJw1)x-Cc(PkV0R3qN5^1&K4IJv9Ym%?CflmmX`hwKpM5^p3(iH z0wcDrudi`+b%m;`Dx{~U+fAeZ3T;O$Gn_^1v4T50JD8c7fzfD0O-+sHxk3ulNM<&h zod!5RKab7LO=MO{Bh=T|BOxI{Gzcmjr1IU}oxMkrp(6!p zrk$LeWaC~#Lj&UDA^n literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..878db1b1be37ac78dd2ac8f95e8e21b536ea60ea GIT binary patch literal 871 zcmeAS@N?(olHy`uVBq!ia0vp^79h;Q1SHj;tnma=Y)RhkE)4%caKYZ?lNlJ8WjtLR zLoyoQ&a(IT>>$y8|A?7ZX6Tv#bEOZH30*9A38ulT>6`dj4TJk8qo_x{a`E8=V^>U3eMW0qsM zap%sT%wByDwaI_{txdRvm-1pmz004T%i6kY-@bRd-kmz-r6H0fv3KXrn>TK(SkKXP z;qF~ozV_wImseL+?ejO8etPFRZiZRQ_KF{^*n98c!^D~x9Wn0Krd6xd)zw$8UVSj( z!)zB*U*?8$=gw{3ym{x&o!`EF`(9jQcmLC;qPNK_LvG!>cP_=Ky1Kf%yW6EuH*WFz z_3M{qvNaz(dD63GLZZaklG2irGw04R9XNWFH8ZJuQCp%yOG@OlR7r-C*!)cwpMPd# za9RYEJzJLF06Ir6Yh@YST`t|G1 z&dz)H?qyh@!DX^>#nGgXU%r^k_4{noug{xTYOl59)|Y2ydQMWg6!1uNZP@DL$B*ac=3dMY33mycqH?lO=JX~hHSVSl&-Ev% zure{W1X#`8w|B4VS=G3UpFbC0FLif!cMV)4D(ZSN#c0;D-kzQ-{$j2hAKtz8@ZrOA z=lry$Mny+|uHd-T>H4wK+;{WCIZO=u7IHOx@cez`$dQ8w9qs0yPuo1v<4JwzG%wZ5 zCa>q4o95i!mV4Wv=i|qZ=l81!a6I{3dAzV=(McEH!y401cP-M<(J|q9TC{WRTHV;| z`$hKd-_Opl|GvM7@3xsAD&?i6tL;U&TL0ATPmT2V_m|%qt~K@V-@m(eTRRFIdT0=6 zaN=Vf930Hd%AB AB AB + AB

Icons

@@ -63,6 +64,9 @@ + + +

Images

@@ -79,6 +83,9 @@ + + +
From d4971581cc692e175e7c163e51a53e459e10d55a Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 28 May 2024 13:25:54 -0400 Subject: [PATCH 12/16] feat(avatar): add styles for default (round) shape in ionic theme (#29550) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"round"` shape in the ionic theme. ## What is the new behavior? - Adds the styles for the default (round) shape (border radius) - Adds e2e test for the round shape - Updates the screenshots for the avatar `size` due to the new default shape ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10738-ionic1.vercel.app/src/components/avatar/test/shape?ionic:theme=ionic) --- core/api.txt | 1 + core/src/components.d.ts | 8 +++ core/src/components/avatar/avatar.ionic.scss | 11 +++- core/src/components/avatar/avatar.tsx | 25 ++++++++ .../avatar/test/shape/avatar.e2e.ts | 54 +++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1482 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1194 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1450 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1138 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1068 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1093 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1643 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1390 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1589 bytes .../components/avatar/test/shape/index.html | 55 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 652 -> 1767 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 578 -> 1283 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 592 -> 1745 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 740 -> 1384 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 688 -> 1269 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 728 -> 1308 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 798 -> 1921 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 819 -> 1510 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 721 -> 1852 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 540 -> 1482 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 521 -> 1194 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 500 -> 1450 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 627 -> 1138 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 585 -> 1068 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 624 -> 1093 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 695 -> 1643 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 717 -> 1390 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 637 -> 1589 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 465 -> 1151 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 460 -> 1008 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 462 -> 1186 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 501 -> 928 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 481 -> 891 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 480 -> 883 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 586 -> 1294 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 590 -> 1125 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 562 -> 1289 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 784 -> 2050 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 671 -> 1547 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 771 -> 2081 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 849 -> 1578 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 780 -> 1651 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 866 -> 1566 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 957 -> 2200 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1024 -> 1828 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 871 -> 2209 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 390 -> 870 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 396 -> 754 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 384 -> 887 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 438 -> 703 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 376 -> 655 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 418 -> 676 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 490 -> 994 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 525 -> 888 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 456 -> 968 bytes packages/angular/src/directives/proxies.ts | 4 +- .../standalone/src/directives/proxies.ts | 4 +- packages/vue/src/proxies.ts | 3 +- 63 files changed, 159 insertions(+), 6 deletions(-) create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/index.html diff --git a/core/api.txt b/core/api.txt index e918066138..cb233e2d7e 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,6 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false +ion-avatar,prop,shape,"round" | undefined,undefined,false,false ion-avatar,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 03ef26d101..07d039058e 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -335,6 +335,10 @@ export namespace Components { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"round"` for an avatar with fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + */ + "shape"?: 'round'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ @@ -5567,6 +5571,10 @@ declare namespace LocalJSX { * The mode determines the platform behaviors of the component. */ "mode"?: "ios" | "md"; + /** + * Set to `"round"` for an avatar with fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + */ + "shape"?: 'round'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index f6434916ff..9e8c228944 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -22,6 +22,8 @@ } :host(:not(.avatar-image)) { + @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); + border: globals.$ionic-border-size-025 solid globals.$ionic-color-neutral-800; } @@ -79,7 +81,14 @@ width: globals.$ionic-scale-1400; height: globals.$ionic-scale-1400; - font-size: globals.$ionic-font-size-550; + font-size: globals.$ionic-font-size-500; line-height: globals.$ionic-line-height-700; } + +// Avatar Shapes +// -------------------------------------------------- + +:host(.avatar-round) { + --border-radius: #{globals.$ionic-border-radius-full}; +} diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index b90c659896..6e3db222f3 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -28,6 +28,13 @@ export class Avatar implements ComponentInterface { */ @Prop() size?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; + /** + * Set to `"round"` for an avatar with fully rounded corners. + * + * Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + */ + @Prop() shape?: 'round'; + get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); } @@ -48,15 +55,33 @@ export class Avatar implements ComponentInterface { return size; } + private getShape(): string | undefined { + const theme = getIonTheme(this); + const { shape } = this; + + // TODO(ROU-10755): Remove theme check when shapes are defined for all themes. + if (theme !== 'ionic') { + return undefined; + } + + if (shape === undefined) { + return 'round'; + } + + return shape; + } + render() { const theme = getIonTheme(this); const size = this.getSize(); + const shape = this.getShape(); return ( diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts b/core/src/components/avatar/test/shape/avatar.e2e.ts new file mode 100644 index 0000000000..7a54762782 --- /dev/null +++ b/core/src/components/avatar/test/shape/avatar.e2e.ts @@ -0,0 +1,54 @@ +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('avatar: shape'), () => { + test.describe('round', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-image`)); + }); + }); + }); +}); diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0c83c6cf9fdf3a8d96ab2c2214f70f54b40368ac GIT binary patch literal 1482 zcmV;*1vUDKP)Px)gh@m}R9J<@nO{hgT^z?hPN}uEKd>O1F4JumTiBp73axZzgvtup2%?J`NL~hY zTNhqLw~=+DQh1fSsbvdwN!g$njCPUBCIzv<6XKsedqz_n?7et#@4M`MYn$cg?)jaw z@A>T6*`9OG%CgyPmLiy+pC=p+6N|<8`t>WxWRgT80f1JkMXgp-Sy{>M-Mg{bZ0K~l zVuqotP{FaWF#>@A%gf7HtycE#-HSq@K&4WlQmFutBne59NT<`x%*-%7J&jy0r@6VA z_V)JQBRDZJfyd+F?Af!JOeQKTD+?M(5ClGb`oxnbPjI5sb&<3=IvjXU`tG zy1FPYFE2>!doq~}PoF*|7K`C_yVx-n`-Y^XFW-a)s^Nx0fXLJ*iZR{{DU( z4hM~mjfD%oc=3X0G|Ghw7dBMvdxnRHu~;m$w6y%Xpx^K3%a<=WozCAXw}!{#p|-Y` z*4EZ_ZL;qRZ{NOUc6RoU$pJW>PCk72Krk3w*On(3kH>lT?AdSsSbxODix=^Fy$FJk zSI-k192} #xG<>>A0Wnf?+ua*<^`~B3`)^7N>wGdP)6$XQW$;ruFEhjiKGD25Z z*Jiop=x&LbrBbNX>UH&KG|Ibo?~2Z?udgQ-iy;#P0i{w|bWlxA4RdpId9_R? zLtR}R&CSh4=PH#-1VKQSOeS*+&0;7oFXzmeGYkw2u(-I$;^HDhLql|QbQGNlpjN9% zBob7JqF9n3fZ1#&olbN2?p7B_Ns`#HV@JUu zv$L~2e*74l&Bpoj=h5kOWV2Zo78Zy^BHX`!pL6HVVKf>G&K5-xtyW8gUau#eP8S@I zOePr{8{_)*>+9MS3Izs(fzzi?bLY+-E?v4*@I3$a?HhW%9$9sDH8V3a1q=4|_0iMQ z^V5DkJw5dG^%b1|@#9Af1_Lsi&BpZfbU`l;27??sc8o1sw*0iOTrTIxkt2jcp@PPU zL?YO1HY#*F9ox2TLlA_YZUNWWw{IW8V34aT7eE*_7gQmN2twf`)) zR##U``sLq9UcGvSLZQHJxBtD|YHx4H>-Cb!WH#H4m6a8IK40$SA-AG-xmcH;4PNlT-9Js4u*$^|Fjzq9z3ACyPKUmcjndCoh&pqHe#_@@^)6gn@5ixap1rK4jnqQu5Fzl zKub#tb#--rmp3WC7k;2_o2)pT}t{?g;^|5#aBVRUp9K@f1e-RtID!Gdc{PEO+ScU%@gl?oGkU$N&HU07*qoM6N<$f+XzGfB*mh literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4fb87757e5e1f20411f65d50d294ce9c4883f1f4 GIT binary patch literal 1194 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 Ef=E;#VE_OC literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-image-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..fa7ba211930fccdc4259bf39299efa63a76203fb GIT binary patch literal 1068 zcmV+{1k?M8P)6&h*|XEuLgnbMHOhJgY0vX^7n%4qoc3;117kS(Z&Q@m~s z$J`8U$ARt+7406S4lRJ<1Yj=Du(n;q?!Jn=W&|YC-lA&ow`vG?x!`G$2P*}zr~%7~ z0={S6A{*)jB}x5OXWyI!CU3wP+u6BGnX=H%8@LJvqqqj-vxy-Y6io zC+-r79pH0Z1f%x4EzCe>RP*Ma!9=;+%2`@4YAKJgjUyQd;5luTA* zAL3&7(vkHfhZ%}&ve3SXeg-9)%(FyV?B4$YFx**$@@cKWWLw%%x|j??-9?#;6`7fA z+C@kslH^=J5b6}iAgv(Mt4uG;GioX`(+fa>7xj9?&70KqF}X5RKHm{Q+H@3!y7Kal z0oI!=PO|sV0Gmk`%%P*q@+8TbCNkOhB6qKGx@8xW6mwxtw`BUSl}-;OiIXy8b%;(_ z(?B{4?ENLI?VPasyu79PoF#<$e7(##Db%u-ZPYrwP&;XLjZ!Roj^65=kOkR;8?o+y zEI6TCWyM7GclbwxQa1lD_RPR27QHQ{0jiTTYAQ9dVxU_h!djl(QoE%I?l3}JFyI$Y zdXZtkVy<*gD`SkJd zIm5=T+!)X(pab0+9^9-pj3q#NHGT5>=s*Vj4EL`o`fIFNYCgX`dZ}S`tGVtT32L}^ z)n1420rPE?;n_!}ZWe790>pG~pJ%ufsU1o}fTVz2{&bE%ENwK#nq;**ld7dl9l6-N zIGJX6G0(8Nts=*ZxD%l=GSH>r*0_RRpL_yJSq)h!6rePTSbAH?bY>#@^kT!-J#vx;MA{A9rWwH*?OJGiQbo5n_md zo};d8<+yC%F;6lD27rTfK`T0CQdBT_F2m!D27pC^Z(McWA`%4*4^%blhu51iF07&a7 z7${{SLW9Xn%SZR7);$IO^L3bo38=SGyMQlee`x}{Wo(rY5)m7w+^>$8GzK?1@}G9# zT78KZbzJs?2L{$nJlcj9Y_A6!@-EhH4dnS$zYI1O;qYYy6~JX5FX{-{dNqr?K23rD zZ7Dx^=bT!wdJ)t+cD)t&S1NYeR%7tMRhAQMWQE#AEb2(L7NiRN+qT7xt8T%sJ7IaV zeZ3%>LgY)dgUv&P^A6pDEjw&0bfR24uPZz3uVr%rc-K+k*?+WO6DholC)u^5_>~>( zkfjxs;IC}O?O{Z#w4Ruoj!N^k%lOcb02hqJ;DQ;^VBj(CMIC&lY*;dymnKkJi)iC3 z#uY_?1;=hV0eE*K;=ll)h{YlcV^P;lY;DA9$vKNr*D!o^59?8$8yymHN*2zD z>pWILr3rkpi@oY%e`^B!RUGWZjRuVqJ3RBdg9O1N6|8Gq_Q!?5x{2aiv|lHcUzM7X zrtTm?AHh-1p`1(5WnM;#c)>_A)wiUA$$2irQzBvA3`m0O!}TE(cSTB2c9m-Y)(zF@ zg}GTObRBdZ^l#v}u!opDMj3;VMkWPw6}b#@21ICN7YzjnMnnTwJv-y`N3!dq)kC9$ zt{qm;%!mOw1JyjrS?F^~n=>42Q(9-Y#ok{H+3JrM-5=oe0?lp$-ohDF^0>bNb7lOo zY|6c=z+IK;`Sh#~UolVO=oK!yZvdQAC6D(vp$iC32iq83sK(`Ovn!w0#NpX8Cx4{U zIzHUOr#rGdQ{Doo=p448IzWbcbXY#;{`LD<7mm}^bsio00000 LNkvXXu0mjfWpf20 literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..23f8bad6bc535afce91a3faa7858580d7b2e5919 GIT binary patch literal 1643 zcmV-x29)`UP)Px*B}qgjfys03PAg{XY z%8Rb5YtyTYLb^!lA~mI2B4wo0$U@DwG;=3Tgu|U3@z0$3yGRc#Ew_H9UpTP$dEV!J zK6~GDwM)bjH3GJl|{sVN2r2l043eEs?rzu%9~=L5iCFrd@vNJvN^B_)NNoE+lf z;{GHJQIP^Ze*Bo8o*w4s=gG>-A~Q1+wOWl}So) z%urunPi18#`T6;g13r89442ErnKNhpD%j6zYHGr2wNg}66h5HC;o$S<&)Dtue+sv% zmX;P$Q&TA}E?(n{{@Kvm+l$-n-ZVG>yWP(F_wR8!oojp{fPx_K=+UEpzO3u%+_`hK zwzeXQVu(Eiu(7d`nwpx;W>ZvCQ^T!Ww?b?Rpu^!HH8u6GKdq5StJRX6oJ?0&mts=@ zo12@dsHoT~Hbpj@jppWNr5&}ryuAG6$rFOXAO!^lTMD`Q_RoLNBrOV;K2hX zCMGZ%jijWcg!o>*e96$z5C($*fIuLCEX$b9W-ea5NNjBEZ^uqdOhlGtrl+S-4Gs>H zm6a6{+_!Jvn3$MAuh-Mp*S7``z-Tmb<;oSM{pr&u8X6jKI2_n)wheP+Wo0oqI7qZ0 z2xMerL3^04ygbUJ)KAJLK|MFi+{Ix(Bg zN(rBrmxtT!#_RQl^jlh5!t3?o^?H@9Kp+rcc6K&wKuMBNg-y1yOd}&B6c!fZ@pxe6 z*I%Vl;dDAVe*C!7*I+Pk{``5Ry|}nYU0ogb?%m_^<;!8`RO$74WLaj%jvX6z9vB#4 zX=#b>?ryrfyF+~a{r!}emlG8gwQg)oObprC*>rYx5)1}WseV5?; z@$vB+0y>>e4jeeZ*|TRu?30s|+`M@cm&-+FX67&Bywq_x3^aTTwGjae0*H_>~_29@9*c>v11$N0+^kh z#bh#}N=iy%baWJ})%x3jzP>)xYBl@!?_bxSmzRgb;ZPm|uh&amT^+0}Z(Lj)m6eqg z78ZsD_~F9`EEWqP5ttC1xE{>f$cdn^qw^D*2pw((I z7z{tEnSz1>K7RbT)m)0k#>SLeAsV2ptc=#yR)WFcRQ>#Kgpizyv{He0-dajt=a0`!CM}{}^yp4u^xDo*rabCObQu^z?Kz8Vx#~ z4xLU1E5)WHNzBd7;c~ec8X7{Y)lyJUKxt`dL|-goz*S98Pb;q>L{Y@&^C3wR0D8S1 pgTa8wWFk2^nVg&)WfLE%{sU4ClGmeBfusNc002ovPDHLkV1l;$7JmQ$ literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..87df931c47b5a9b148d38b134f3c4d3a47e2a342 GIT binary patch literal 1390 zcmV-!1(EuRP)3- zgF}L7si+BxQ<(;8+M6k1`ulDEb5QSaj^ppY-tIkT@BQsHerp}g`i5W^GBq`YzP>(u z|Nb3|i;MX2NJ3DxIc);G?eix?znwXQb1P2Gh%F0SLSXBUj|Nf22%1U&1 zcf-%m58mG1G8nZd5j59#baaUIk&%%wGc!|Mt_ZNVw->KpzlO83Gp=91j?<@4D{gA& zgDXF3<7-d;sr)WM-dknw_}Yd-GUl@_39PQpFfW~ckbwY zT_-@A^ySN!SXfv9c3gaOTVz#K*_$G`UWIWo2bJe*8EhA|eg~m)4$d z-@e74KYx&%oUHXs3n0xpJw1)|^z=gkCmm8;TrA8T6&1DR+${hZ5bxf-6W|WYtom+E za}#7(SlE`pkpa^02#h`_<+DRo;lKHlK1rZb3X%anfBqb6Yioz*cls_*e>68YmrX4I zvO;8LW+FQ~d(U}puUcoG%+Jq9QBjeoI09frMFsx;{fk?-ZtZpdeOX^uR|g{_BcVkB zFfA?ZK$7up(Mn1D$&)A0eEaroy}Y~}4^t;Fz481TRIofB!ygY;3liCjlfOAk$f0T@|#f zwY3#KK0dg8`?eB3FjyQM9H1#FDOvaO@)Be~t<==iU_=VPs?k)Q*ynOnmzE37U<_T@MWn#kq6ml-7vn)CS$*%9SgE^O5iIw??Cp*Gn4Q z4)DW=5BU7~vxrb786O`zmZ{8pyBSUEL>C>l3NJxOAqoWqU zoSYn?L0*cih#K_u^+iZXh!Q?QdPR^B;D(tM7f3IV8_vzmAuB5j>=tr!b8+Fq1yQ0T z*&Za)|776z?%e}}MvbJTr0fjf($W&Bm4JW%+_-T=oI$ho^z;azQgliH@7}#Df`k=n zc6L?}RcbmqI$8}r$N<%vxU;hpwY9Zd>h;&JUqJ@ML*3oo#liY~u&b*J)z#HP`_|Uh z20_Xu-bs+q-v~&TT)cQuX2$veaxM3undugWL=FR zEG+bDu)V!qMCOAB4@669NaQr5Hc>Y>H>0t!QKS@Bh0Vf5UszZOrYoi&NrN#lF)%SP z5k5FGGlQ0v7NI#dOG+XqYPF^A@#Dv$chJ}1u(FW0v-E9`;$z2-36|vQ>WZMCAQ3o9 zBA2=&PZs_cbnD0yR{Fz{ru+nW*@n=l2Dn6|aG!QbB>Y_in02+|(Z7#YvU zj~{XM>Q&L%?aK&wv$|PvczZTV6gFBU0Gxy|s5TGL*{`svVh=-ZN8!MoR@nC;x~@>= wXNck9VbMm?Y`Q)}kij@PIe}z$x1S;Y0T*R9MCP}h(*OVf07*qoM6N<$f~(w=n*aa+ literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d40428e320e709617f1ef5731453df75b55bc271 GIT binary patch literal 1589 zcmV-52Fm$~P)?~HVyv=I=f*o`xo2#U6*mSIQ}7qkl#HpLhX zCDg=KOE#H52 z=iEEzcMq4`Ip;te$ALqrUazmOuSX)0SS*%ICiD3`!!Q5wTqilUb;UBWO7 zf}q1VggSz=+3d>7iqGfk>+92KG$@KHl}d?3($mue0H{{0`FwtJb2Ao;ef#!pYirAB zG@48%nN0TY;9{}3xVRV$1_^?|aa^fXc8nvPPW%0Sk|ak*M=cghe}Dgx!6Zq}&CTic z`tkAc-rnAh$YzzxWv|yuQIyqc#c}+w;99NbbULHasNHTqckbMgkj>iI*l;);8jZ$g zvzgxdW}Y-SS;=~SS%J31o83XM*x6;<2aHeXJ%$P zzBW5M8w>`YJbBXB*Viz2%Cf9hs|^GKd!|Gpkxr-6>2xC_BlqszJ9FmD=g*(pxVm`pB2Ck9EEYpi zv?G|JD79KWHZ~TI$1|Bst7Q-bAqc{>SWbvj)eZxV?lpU(>zhS~Go*e{BrP!#3&ckSA>P$;y% zzK&rSKP#8Z?RGl=U}tA18jX599=TlJCTIjfDwT?$JrV$rPN#qV{Ao6u`IA$t)d+$F z0)Ym&r>E!q`Sbkv!i5XJe*Jp)?p^y|8vq~>3WY4o3Ir{8Kv5I`V0n3Yd3m{ETwPtg zb?erFZ=F4RmZGSgot;)bS(X)vL;{IK^85GiR@WBCalv3vtyY`O=7uqmNW6XfmZs^e zSFi4W<;Ra7QmM2}B!xmjDwPUUD%IxZrb?wcaM9Y@S~iqA04jw|8i0sM!cXkilSB zSy|cI+5!ONa=BNpUI73Q1d+?-ckkXc7z}N|{LKM<|Ni~Wn>UXhJ!-S`WcBpv)BE@D z!x)BbZ*QkkssD$XPNyrC3W}mI1VIEr?7xA#B){KJ5CjB4FaW@0GWmSIa=F}XYPnn{ zNs`YvU;uzjCe!QnUaz;?V2{Ux<2YYd{mHp377ImD8yg$lqb3rGP$)DxImti%0r&U! zTdh`y!%?kPyFq0b#^G>GO-(hjm%k}Aj^i4Q#_4p{>-CeR*6Veb%caxlMn^{*#$CC) z&1M4tEG#UXAiG|#&(F`pFl@D2o9zb_Z7*KD;5X6nbJ + + + + Avatar - Shape + + + + + + + + + + + + + + + Avatar - Shape + + + + +

Default

+
+ AB + + + + + + +
+ +

Round

+
+ AB + AB + AB + AB + AB +
+ + + + diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 59474e263f3aa7787395e56123a2a6f70c9bddb0..48800fd377ece645829a828ee91a7c5da8b314dc 100644 GIT binary patch delta 1739 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 BD-Qqw diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index 610139a51c9f0bd6dae960583633113416c8f395..6057f927537255d9b2099c84b4cc5259cfd5aabb 100644 GIT binary patch delta 1264 zcmV)+7qlpt@VmOYqWk-My1u?(Glapf?giQbk2M07Z zHb#H3@=8-lmaykeRsfJD+uGV(LV0sbz@4C%GR;~6Xl-rf6!}{Lt2Q{`(nz)K?d=wy zSOA!to8wXdDa;jRaBz@Ik)om^Sv?s5T&Jg}hh0Zm2Dl0s>=V7cy%w${1DKqgZrOQ4!%0L#nEbaQjVWr8~h%8i(q z7)~?{0GS7_qqVA3f`&!6wzjx*hM>ewPfr(8|6@EHb+xa69=@xG`JDnRDV@fm5{-q?B3puxJb0HLYXtE5ZD$h7DFralItiD4A>hJGo zi+`r1q!36C#28l0v{=G25hkvys}m0Z1B0blTwG-40RqONprC+R2$Aw*07NS3XsjOr zaCv!2r>Ca`A2k=Wq}V+pA|iz0V*sLp7;ZB&GsB9*_mN8BIuN)LQYiKZ04XUc(d|xh z5Q|8o2;AY}VG0TgVqdpM8R9*}#^d87Rex7k>k4Q&jf&XF(0F5oD=RBixd+l8ECj+p ztH>Lfh*F}txtUiK+^8A>Hwue&b#%zq8J zqJUmZOiZ+Bmi{kl(cG0>fti-PKw_v>k-PZFt?6|MwOb!>n1jIi*k8Dl?jt4%gyc?c zdB`V$z#ai^9&8&*;GZIZk>^pGgT)he%xbqxkrE&1s}Cs>-9IBRW1lX2n50{^(T$b1>2k6h0000`CBYy%3NklxG&IwQ zMAJ|uG&B{>d*^QN?RlQJ@9y3+Z1;MIIA9!5RKP??Q9$M6#sOss6&n}_6a`d1ZX9?d;eY9L!fZCfX0s6`e!m}) zNCZx&Q(5(&4cHuLG#aqm?TE!<;=bv0ip%AKa=HBa1PJV6vA6?Eq@vL%!r`zs5-bi3 zheJ3V4kQwZ8=&Ly80YgDsZ{Fq2@t~HK#AC2zpJoeabP~5V=|ebTCLt-tJP|V$K$Ub zA=*IAW>ajQP=6?d>-CD|aw#@asZ`RsiC7#U*^kE~Mxzn7+pTcH=kp<%Ov2@IsU+s^ zEE@r>DF123LSVgKW3^ggzu(_n?eTaJ39m$OX(K>`+ithvcDqH^AH6bA9nHq!a6q9@P=6k1Z3O!LzEC)y&s&N|r_&J* zWilB{^^c0Q5vWuuLQ${RYYEV9w-b)l>vc=@tORIid%Ye$KN3rU>2|xwX0u8|t;GS# zHG%os`BqubfD>tzS8Oc=tODk!GXywPmFa05kWq`H);PeSs!UJgfQ(ukwZ;JsRb_e_ s2V~UZs3SEFaHuNN^VbbmUX%jEz7OeT}V;fO>c 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 LNkvXXu0mjfE8(2@ delta 704 zcmV;x0zdue3giWlFn)F6Ja9M}r($j+n=ndiH2~-_j@0tLP3*Ro}_Qf)|J)HN{O1Td_ECC zt0QwZPmU|I6Mq4i{PpkE>C5ay03l1}Y@Vd6nFzq%6nb02oFagc|yxunR6p}I6T?YWbVIC}v6)9xFQC=qkO@J3Mc)KUJ zf0x&PirN*~?iSb)D4s1=&>R)atY$_kGJxS2PAe+2oPPykhhZ-Zg{-;F&=|l&wYzsk z{av~pi$Ed@ap6)qPfO`aB%*4pLV@oK1s=fIE7WvVd&To$Fa)=+YF_Tv`-BbQ4cG`l zCJAX_?&FsTU^Iq$8)}X!MA|(S_&n8bCyy;lb?Z`b$fY2YP;iTCA%Lo*>Q{d-5_ul9 zx@uh1)qlBc3ie;ZR`Tid{1d?K!+8xVP4#LlQ#D78=qBu>p^#JU$a$K(4}8DW>lm2O zn^$nKGyD3ZeElJOE~%c)x^;35jkZcX9{Wb7PIU(G;phJm{Jm~&RWEfkp1w8#FdD=0 zDfA3<+)S(0g-^ex&rblHUd!7Xt5Bn@{(pF=2{{0r9_6ZZ<%@9wU>OZ7({g-W!NBE0 mBVVl%H~_z%0oJX+1N;TVPSyXt^##8G0000*@b z1Xi{!Fl=?`GtKbsg#O&V{skL#V@O~Y#$trv~BiwA(CBVtq zdS3m&Vt?)5TU7U$%9}SyMk$h$s@2a1mw;~M*(uh-W|YQZb!&;`(T9E14-#S=9F4@|HA|Kc)Hg8y zupc%t;}{;aA?_{N(p!M5DDnRcqjh}TC=hoS&40QQ>u-Q8xG?m^Z#r!fH@B#Kqg zJ;b~Y>xcmFg@;RkMJKt5CFmr*c0n(hiKgh?{j3veoPxXB!+(+{bTuNrokRVM1jJ4q_=uTg<-RM7YVdRqoq z``pl~?AN|G8tXqbRBLeY_tD|bXf+iyx+SGWEtEU~&X;P>dIwGy5^wAb5y>2{JrjyK zB^UNhB_&U+Qqr%wT#=29(tqJbpD=4F>iOlMwhDWDeHU1x_^#W$G9}6V zqVs%SPz%z#DuHbkp3K|WV&F^EKIs*3FJUHffy&IrUg}iFroTUGt);cd5vjBv!;>|D zH)cN=Z}=}$A@Ke{;+Nlqd*j$o#y6Wke=jM5HQ%B6w%6}3OZ@so?|-tb z+hl*ZB5`B36;t2^$Da!le?0FG65n2uxHa#OCG?7^A4r6O=T&ce$;Wc~{h2VXx=f|T z1>m5~yu1OIwXC|h}5TS9)aDpSV!fcD2DI`B-T#ZtLS2h?>6kHeIy znwa(q1d&;IE%9nkVk0k5-WM%(G53Flha}EqBtAVM+K0@Klt!{|0XJHpa1{> M07*qoM6N<$f~v4v-~a#s delta 665 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 delta 762 zcmVK_pN4Ni)io4-Ie!KJGoO{_&!6s?0F!4GVsRCH0vUG6PN>qS%XAmo8S&c}P+ z_u=FW36WB%l*KPb23S~F5M75Yrl+TIi7uj690Acd0-|vQM1SK5h{h2RjUyl$M?f_4 zcP#Sq^1|ZcBEevgv9YnLb2c_M$Ye6*wj@a?ib5z9A{L9`_xo+-{+1os+uP&p?2Jq% z!~Okz)j1Cj4;Y3)YildvaF|diL_+9>x&CPLfabYX>x9otXX#@fR3WWmO+uNwB z`r%wvRS5=z<$tze7|hSllTN3ZoSgh}?wWU?SS*sy=ZVMT^!E0m>pGV8`Pb}@jt+c2 zAB94}R{oj=bX~{gauJP285kI#SS)gSdiv>j(=;iSN(2G{Tls5xge=PseY_sugvMd@w~gj;V|dt=iJ`jerm0zrX~PNrP7z{ zu)PDCrqR;U!qn6hk|ezwySuw%c6Js`(?}+h|6S+p?TzE(V`N#jbq;I^TwPsZ7zT+% zqM~?!wzf7pJ3Gl{vkVUpmme8`gM$MuFE0UjdUJXrm&FE4X=ct~GgU%7v6ZLNIo@p$n2{Y*?u5RFFdl!BB>r7Y*;u0R|C(KrI4aRfx; s2#CfJ5RD@s8b?4hzg|H4?Z4an0f1BRy^V-z{{R3007*qoM6N<$g3`KpdjJ3c diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index e9f988306cfa11e397e2dfe43674c274fb327bc7..0369ce4e312d08c63457b6b3abc493bd2aafac95 100644 GIT binary patch delta 1493 zcmV;`1uFWp2IdQpBYy?0Nklx3_0Mq5S;$lki(#U#H#O zUE0{#U_j#IFMd$rnsV(0MgsrOJ`?iR9sxFl{GX1fS>pG_tVp-PboGwR_mG3=RtgPbaa%m zv$H8IEKKcCY5{P{7Znwei;IgsI*ERFZ*Py@ym>>Zseh?zCr%{*C_gqfMrmnjH?BN~ z79jfi`Y0hGK_v*K0OsfCsiUKVZe!*ZO~qM4l{;Ml0Gh0+sWAxUg_eLjK`%v`y#k=B zs)|wMO)Xe$7YAG#R9jb9C-;gRfPsMlmI{Ev3{hHJTUjcSl9Ix!#{+=tG&VLe*HKIZ z303>D=6&37fsI$+Z;j92l zAe&_XK7Ra2TU%Q!O)v&Qy5Z;N$B2dj0Q10gbj>Pn8Z@$3Ogb1z^6S?xDO{(ap+RRo zhKGmg%a<>dmzPJrzP?w+`TqSoy?y&u?tgQ0bANJja-zt{NQ#b*CW%BM>idmge8k&q`keJ zrS+1ot}dxQ>;ol`YKMe`(9+TpGpk~$$XVdUix(6V6T|CyadE+@`{d+=UcP)uCMG6Y zV}F1PnVOoCME0T-{*O{n7wPQmr2YMUDl9By{ET8ms3gWz1pxPYdU^=CSABgw+1S`< ztpZ9@fRL1xl}U9CUb6K=)z#IMl$1nqadFhv*2Y{(Hl~~+>HxfY^@*VBQ zdi?mYXdOyROZ5YQ*@M~h^Yhuq&(F^pm+p~URY;pYKjFoYinz@G>RGo&#D?r6%d|AbqQpkFAMFsHCrEumYfR-BQe&%=6~iUt*)*zYn7Cg=oZMtrV^k(xDS-c%*<3eLFg9) z93pagc{vY2`0$-OcUbBU76M31OG`~&BX^%qC9Wfx6ZPe5dYDh_J8&DRf2m*?|IKX z&+|L?Tu?DPJ6psbUJ4T6^ZEXygq4*QZ~@Ik#|bpkeL9;H;C}=pI>1{=L95M zC@}#iAkjd{pK}6|EtHs`ZUmCaBn}S`;c~gq-{1eOth>8A`2GH}-`m>S(A(RK(a}+i zkB>v4P*g3aE&|@)-?6o|gJ#)mhI>Bd0by#q^q3bWaa zKp?VBEdv-cX#9B;(r4B`}2#Q%pRan9 zN+Lk5bANPnRMEA$xj76B46yy*E^#WA!ok4-78e(x*XygIP_qD<{p7GlqXD`4b;V*a zsMTux`_t^d0&Z?@5DW(Kb;OEMQnP@ot1E=V;fgOW(K$IeVGmqqXXmd3;_*0(t@Mij zCZuKo^l(w1)9h|-ZT)seI-SPe-X6OjMx(JL;D7T=On2bn;Q_a|w~W^E@^WJyG8%u> zK2*%~^z@Gg6^lhCj$Y)owY8Ff&%y2O?da+00ZkzisZy!LbWK@I%>=4GNv03D0GW&x zot6_2ZIw)coPbQmicZT3h_*_mKu$m=V@0Rs1VmdUQy?cGld+=Hasr~Qk}0r6K&Jc+ bNf!G7pECZgM;a9nLwJ#l!CcNB)oi zAF}t|`JT`D@Y>;fKHtv+EtkuIeG12MpU;P3STGojMx!K2ZhvoY0|1yzCYQ@?Y;2Ut zWOBLu{Q2|s_4WI8POBb>BuS^!>2Nrr(P&#+n_Mmzi^UBM4O}jl!C(LY(&;oo5b=0C z5{Y0Kwz07xkx0~PH3UIiF83&b5{ZPxVsSVeot>RsU0rgyoJONnd@7sGVi@M}c-Gd| zG#bsoz<@v?IDafqCX=yRtyZh``t|Ett+uYNuA;}iA_&4}vpJnkole)^-(OQxb3mX_ zC}cDm1p=uF`CX;D& zbX2KSmNa0LTwPjPGMP+IpFWkzWJgE?0O;=SK7IQ1+kdxj34*wJ^X6WI5^rc}X~}A} z!Z2LT9z2-h@wm}wym#;3UM70cHHxAplj*P0004wSAq>Ow^Yg2#tL1<~q0r3C%#$Zi z{whs@X?%QqdU`q>4wnW>r_)BGQLon@`M&v+nwpx1hK7trV`>g?=1*g171;_-MFE?htmWCzG@w;%If-Yb<# zWw+Y_01O<*qtR$fOH1_+Qxr8hIVqFLoUfySG zYil?hP9~EKpU%P!C|8Cy?WK-@no~v^7bN;h{xl_-2_3budkQ4Po+{MNeYF+ik?LxQ8*lCq*5t1n_VSM zHk(CJRH;-l7>qM#&PXH@m&?`B(NSbZl7A$QVcSd|w=QC_b%lgUg@P8LxX0mw`*%_85|BL zl}fQ#tcpM=ie@sI$B!Q~nasi>hG8E*eE3s9%InmrQyUu_iA17&rnR-T#b&b^jg5`5 zSgfI;p(2pW*MkQSNAP@)y0>i_@MeA%fTcJ>(D5}@%3l-qX%1XYfrzq;vr%!=E;MT2M<^L}LKqL~8 zN~H|BT#g_}#oWW?asdD?UAnaQ*5%8WeLkPp>%DmKVt(cQ`}YOh#>U1+kAEJiRI2j+ z0RVo#U!&2`zJLEdF){Jt#fyC%XGgAVHajsf@$%(MdVPJpSS-dc>>ttq0Q`QxR4V21 zcys`OTCMhYJpUHR?RKlxYLHLRAP8DpTO$bKU(w(=zP`TR-QB$d#N~1|8ja0n`&U3V zo2{p(C*RcC*~kL}15T$ik$*@WKTSLyM-XISU?6|F10)a#bUNMK+}!a4&Cbpa4h|N& zk-tCn{{DU($MdQGvB~Llk|f#J*H>8i4OCN81H-V%WC{cV$3wHZxoI|=VHn=s3SxMn;OVsB%C6fYsI2>FMdAp&kZbv%ldBf*=luBNPhl9=>omoRcR{0swyg{7F&Nw{PDfk%-^#|MKOF zR4UC6UyACaqX8-?nM@YOQ?Xc#Ac(?vs;;h1BoY#sm0000< KMNUMnLSTYdsf!>0 delta 680 zcmV;Z0$2UK4$%dWHGcwzNkl4Vg+k%4HU5#!X61kFuniVMfrU_DArx2$1%DPofrU_DAry)q%z+T* z^Lew`oXh35hRWq~tyWu?N~O|jwMHTlr_*^rp>DS;2*O}67>!0|v-xWv8jWhT+U0V| z^E^${rBdnX>B-@6NLlPLyN_NVHlDm6$*vTW;2;g6h*mQuC3T~I^}tOxm=FN<8rwylgVPS*g=F? zmYqx{e!qWJ`u+ZDwF)8BXf&I#VzIbcrc$Z%^YeoUwSU`ff*=Tj;CUVZaCvzt2m-?} z!C-JRc7K0Q5Ci~VKA*EJ`~3VY2tqg<{$(KuAux_sZ{=^5W_H{C_X+uo}QkroBe*j(P;edL0Vz4SbDwQ$H&Kx%uj?Uin3a*BuQ>I z?RI;!*?*)cDw#}vJ4+PBUau#Y%XK=PlwG6>aU92STs$7%>Z{dihr_`zOd^puIXPK1 zyWOr9a4A z@Zj_LByJ>2r_=aj!!EE83M_;I3!%V5D6kL;EFpvf3!ykVA=$D0p85ph=kUMbRws=B O0000s;-5WxMpGQ@y?Al& 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 pbep=rA-K6t z>R4?Si&AGXnkkdPgh@uqA~uUMkikIb_MUP}-7Duj=ickq`_9kzeLv^(Jm-CdVzH>= zjhDaxTdmexB1)134oGPYH%PI^vfLmyNHsvs^BLp@^%xiqhkuyOW)K7ckw^sbcwA5X z%UaWBa6BI4csxQBMX0KZ(P#v(*NbpCOoB88aKGPUFc_dzDm}n-IvwP4IoR!X!;q!` zZns;^=W}GU*#{6=mXS;*5sgOw7VvhvK~WS`tJP1C>-7p|uv{)1hBNgoUa!}fOeRRD z(;85(*Fz$afPdTVeh)xKu~;m$S+rOz$Ye4I1Og;DQw@?yzS+Q(pX7W#V>+E;wOZkD zIB55v%jH5a7(^@Q z-7YGX%G1N!?KTR90vry9Zb%YftyV*$(SX%zeR}Zaa%n-mUPrUp{5?Q+G4FOet$nYo ze!mZo$D{k{Gi>nQ-pyw73LpG_Kl1rJoKELU_4gvffVxg06mvj=JT1x%a)VR@)I6U- mZjfq#n*TpDNd3~E%zpq4TS)*tW#aY#0000LYk(1`}Qr9$?!Zc2!bR@ihrU201yOmI2<^R69m!G z(c$%aAqX-P5UL5@+1dH{@nbTXY;0^KNs=H4x7&?j*o6xh000LE2a+V^ayg#oS65em z{`}e9-5m;roKEMzgJoHso16Rm`Ewu;peV}icGvult*xz8D#fyFXJ=Hp zgJBqwBx#zqSS&Tbs;WMJ{v3v3nx>6eJdIRUjm2UBfQJts+HAIC!R2!K*|TRTir%|- z4~F4WQVnUEHak1JzrX+J(WC0`J`_C~jlwW|hExE65q}T>Ff}!GsJ-%(OeWXX)@YhO zLu!Rh(=^9%sZ{Duuq?|nGczM2Bd4F&zshE_jgF2^Pfzdd?HvNo&CU7!{?n}Cn(}x& z*REZQ$K(Hl^Z9%_oeqUU=SMZv*VmUyrFM39euEQYnf&do^1-spD-e$AedU|>ohS}cU&gF71U%u?=>G|UTI9V8m zNs?q$6s0a30O0oR+aErB7#|-800e`<-rnB2>^7UNR4Q5P@)&|3sK39zzrX(-zim z?-v&rZ{EB)I5_BXxgZD|nSc2fMG?nwm>>wA=WF(sB&wf_0|Nub>u+#VQ&S`oVHoD%;NU!{ilQ(KGdw)p*w}ao z3;>`giX_QsG^%OZ*-|x4i^XC-pMS5jv$N88=U}nx@Un%)l@liA1W~ z|B|##OiUPqsQ0)$Dn(IZu^0@)V`F0{C2fYv==bx$T>+1}|_)>{RTv6-Apg_EB5KLYRobsRSY0EV9im$zYUa=ak``|6?vi7+@F%_m2AD zIIh?0y;wC(GxlQgQ4D4mBj5Mi z?Y3!}_xpW39#e#bhA)@P@p#mAU6y4Cp|0!u{oeDu$YDZ=EX%Rj*C5aH5JEyoTozbpU-GA4KDR83<2Zy+wOXYJ zp@9Janx<)*Mt?C&51&pa+qMsfgX_8gfJ`Qn&1MloVUIZk?EC&~HnVNJQmHhX%|s#r z0Kgb;w_D4y%H?vcR*M8)EEb#1rqk(2lJxkfD2k#e2%&zz&+~ln^A38eJ00000NkvXXu0mjfZ^z!N diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Chrome-linux.png index 771f594575ab59bbf3debdda660583972096d891..6413156d07e2a0258ff66da716e5d6e2cab2e7e3 100644 GIT binary patch delta 1105 zcmV-X1g`t@1o8-wFnoi|!54LB2^YQ#% zGb6OtngsF#O{=Hq3^ZOK@B@Jt3INiUCS_~Vwq|8nP|QgjOMfJp1`!9)4>X6zij%(J zG?1|-T6PqLWzDNaNy;{dH3IYl&4C-@b}cl?R^og@H0!yL?UH2#Iur0Z!KQ)UTDP&S z>EovQNo%OOibmJIb~pfypx(9FZ-mV9;lvdjhMM0F75(9izjlqvI3af`lN0F*pave+ z6g}TO37Q>f^?#t}MW3^2DCVLk4&-|~))ik}0sQM(h}$z;xta^rIt;_fzo%^2-GoZf z46>9BxxF<$_ZZ+|GoaS8=Nj?@cussSKCqa)8(Q34#eYTi2lxSiy106_@H1~xR}%%f+3UC*o#w|a{K0vsFK zXrD$*vgaxM(5&Wp!6Imp`iAlAhmxMBkZ#+|y%?p?e8t(^xow5)`{vUwImw_dE1fbQ z+xG=>sDI1>3)y5)msN~mW2gku56l7AR+2%DBxSt*><1wIDSdR391FHfiP!+xDVepq zkpd-7Ws{uV6};I5zBVz-w!X%#%wiY$xUlUe?Zf^nWxv(CS`nSaVBJGOWf(h)Hs!#?GWP ztr%OUNm^T3Ji{j`lhVjiKAC%OLZ!S!X48_CW!~;?N-0Z`O-pQmLPk@Mv6bq17cu7# z!4IR2gy%=Ur&F+GM`sephU{5PW@5CtVm8VR8=z8@)H{0ScA(XRqZ4r3QH7tSffqe5 zDt~3edLGKFP{_=(ps5t2&^tdg?bkz&+T&$DR8VWep*tTcuF_7_l`6%k1zuJ;AF{V$ zjRS@XetM!&I$FhQJ*sixOAb%lin`P2Xex!~<6VJu20eD{JZc5}{> zZv^nwr-G#zC1Fve9nIJG#Kamh^?oo2;hP^dkDp)v)!Sw5ZD_vyL`>Z$&b?v%?vdh$ zzh6!}ymwo1|ITdNMpwXx$BOU&5Im_17L85;+}hB5_Vz_FUKnsBx1;&?5&ZL9#7a6o z0$2jx*wWm82TCi~e2G3ufBvg@Sc7_7Fbu#C1jDnU?#QSIr)f#j5I`SbJ{kxOA8B$(nvfnVMeYAT_f)l2 zRP|7`LI$N$3r0{=@!Z&}bC!krGLy*lpu zFKG4P_6oF=d@k`G^hfZyzFICw*McuPjMhjAV!`^K*rFDD(Uy-9 z3ARl61VM&A7=76ok>KBf&?thQC5smcI-bxbf`KcG7YQa4LYoN2BU!viFq;-HRi5s|ndIgS3OVU0D87K} zQ~5ZtU@8gkuc0WAJjuhmnp$Ehi8x(dqYZjnWr!%!8q{9FWo6wNVhT>^^r8E2RzwtX zs#q=Ux?r79IhMbj&t>m>lD!vPYl$sqw&z?ATpyevIDe0YKsEz8P4y&c4f2nB@<^EG zM1oxle)qsIRj;uO+fmm%84XU0a9)CwXQsTRZ?QjuW(V$#)lyQjX_b{O%FEBkCk6GE zI^%p{c_c+k!JG4^ThoOlwq5wzgub9_i^I^LwWe<`7fZU(pX+$=@#psBf^;qTRA0bZncV9cXW-g5HLYkvIg8w7pMt c2f?`f2M6J|;!>BP?*IS*07*qoM6N<$g2BZXLjV8( diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-image-ionic-md-ltr-light-Mobile-Firefox-linux.png index a566b986a1f4d2c80d2e640cc6e4feaeb3c60b8f..fa7ba211930fccdc4259bf39299efa63a76203fb 100644 GIT binary patch delta 1048 zcmV+z1n2w71gr>6&h*|XEuLgnbMHOhJgY0vX^7n%4qoc3;117kS(Z&Q@m~s$J`8U$ARt+7406S4u36x;sjtW&#<;##O}U| zyk-O>(%zzK@V9CRce&tckq0XUu&4pci2}Z7-69-P|4(`g7!JANlDMM~Ai44DrUH%0 z-&zKxsxX}CVY>TkNlkzY-x_B%I}l{eu~YV*u>?piU05&TN6sZUy zOMvrnd2odykblYmnSK7{N?1EQ{A&dQ9e`W%js$YNzj|>MKqqdEZ2~J>K#_yA5*ODu z*bNNz$Qe1%&XXr-bhiN@CB#xvoLXeH_bb5ePdUZ@HsHdboHa*!HACVY0HnB^i7}~c zosG(aD_?;?UW|w@MA%gYk%tza&@FvytC5PIzZ|Wb1ULH zN3MOfXdiPT)fAIAM&(>RImq;mqXS&tC?K^b?h=U|;B#CAqxS!a)1~YdN!f}zz?rBf z)ms7xj9?&70KqF}X5RKHm{Q+H@3!y7Kal0oI!=PO|sV0Gmk`%%P*q@+8TbCNkOh zB6qKGx@8xW6mwxtw`BUSl}-;OiIXy8b%;(_(|_G3gHksCFZRs9C>Fgf zr2(pwGioX|vSOfHBEnjp+)}%x3GOgLTrl7lPkaW#N(!wgKUpWX0VFuEW=Mzw9SWAL zTz@H5l%IZ94ozgSB~DJ81r7Ht;-#B^?- zXSfup9ZEugq<~!hbdEnPZ8XN3WVJh!s-;UEx!AlonPzw~&#=0!BFBrk6QMFP(52zl zxPo4vd;&^Y& delta 561 zcmV-10?z%c2+0JHBYy%ANkl4bGz#h=sE7LV^D(HG z$O1)@tSl6*6w+*_>(b6sclWxwx(i0N0b z(*>$cp!q^iThlA(r)Lg`1_7VfnueAXEZzg92cS!kX67Zh9)kxiEA0(88K zejD+5p#U9eA-RMwOFbnQtL3oT zC>KyoxBe(41-aC((Zh{W>$M+yMi`F8z^v9lMW~|Yt$#+=gaGxFKqxiZvxBMS>XXZC^&Y3f3 zh7l2Bh=87>u59JFY~V3ZG6e>JgLFYFI%QH+FnBJ*$8 zGzK?1@}G9#T78KZbzJs?2L{$nJlcj9Y_A6!@-EhH4dnS$zYI1O;qYYy6~JX5FX{-{ zdNqr?K23rDZ7Dx^=bT!wdJ)t+cD)t&S1NYeR%7tMRezQfY-EMnMJ(z_wHBlb{M)w0 zjjL|KuRCFRvwgiFnnL7Dw1dq)?nNDZrEFL- znwKU}T7QdZ<15A$MSumzZaD#XcO&A!0HBD)Dv`E}C}v|(*G+6~#A?Yoi&57wd~^@% zQJxze5^+iv&WP(gRzal+e6owZ>SBLu0{c}Q?8J=*jT1XO^Sgrt!6Ox{Yh3ong}}Or z;##y{CzW57nvtgNAVD9&QO=>9OVDLrMv8dBNPjZbx1@r}c`n0KB4OPONP_Fb^&t~? zMM_Y1m1_Xj4b|v{xmhZ79dsS^Z{WDFhnPG@8H15VCIxd9xeRg!L}+9e4Fw2BL<3hn zJLB_5vg@POL!*PP9ahlHhyghR)jY~s=yOS%GaPJFT4%S#-d_#b>W>%QAK>%?&29qT z!hac5^0>bNb7lOoY|6c=z+IK;`Sh#~UolVO=oK!yZvdQAC6D(vp$iC32iq83sK(`O zvn!w0#NpX8Cx4{UIzHUOr#rGdQ{DooX#$#CaI`rl+y6kL-pnU;*=cr6w!0&=jS+SvL&7(_AB(w$H-=qKSkWhx~3;b_`Asl zF#>)?$Ab!e{Sd{q2v0?WM{a;us~E#V Z{RjDw#!WqD%WVJv002ovPDHLkV1mlH0H*)| delta 582 zcmV-M0=fOg2=D}uHGcvnNklK{ybn8O6-LCAN(l5y6Obi zr$6GxW;zE*CCR5LWe|$5pa2e_)uY+L^&;1=2IzuDg<1(Mc7L$zaoS>FtsFi7Mt{sn z9bHHTlv|*Hv&)s#I}I#OTS%TqQs9d|{gG6-fkmqu6WH}>cBEp3YIgDbIKaK}Vm7Up z>(P@~p3Pu$)7Ji~8#@kgSg%TwnX;XeOQM`NgHuUmZc5^G*bL66mBD!<4sa7TqJIExl%*PmRC3je6f;uPf!nX#_%v1eGk6tm?c){X3p3lo#N6 z074+-{f;Ww^BGPUPO!c+nPE=}9{3DRBb{RJ3C1(Bdw*opQjf9@Jag%eXqyb}b%rJg zupBIh&Imw*Y?^A0N`~a>@Y>RkHp}6n!}UK~je`BZ^&{lY>p#8^^PPcz0F!XH U;42|_TL1t607*qoM6N<$f|76+WB>pF diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 841ddb2029b0fcf490f35cf076e67be5eef58665..23f8bad6bc535afce91a3faa7858580d7b2e5919 100644 GIT binary patch delta 1614 zcmV-U2C@0K1?vouFn2(3Q|6`)2oa^x=86FHKkf2Wu(){Ld~``b0-A~Q1+wOWl zAn@qXqkq1v>*?INbF{X$B8p;&Jp{0^v5}gZn$2cYR8v#Kty{N3Yzm;m;UG0N^{+pz zkw~l6lAN4OS67!}QvjQro2jU%*eW(fHk*y+=4PcGwY5mzF@!|z(X=xD+A_xMnU%y`0=XSesI-Sb(_U&7~eEAag*cOY0o}L~6 zR8vz^%+Jq9{NMWE!2>2HCNLU}q@<*T_+Gwz${BKp=oD%b3k(E?&GyY;5dr z$4*R4M3!Zyr>9X34i1u)l@$@(w{PE=n3zDX*MHO3*S7``z-Tmb<;oSM{pr&u8X6jK zI2_n)wheP+Wo0oqI7qZ02xMerLf*BNP@E;_-N3<=0=OQsHzuIe&iqxYE~PFmV3-d8NI$xJX@H9ry0tiSF)hy1TnWeEt3Xl$Vzi6&1B^Y)niH+1c52c6JgB z22rVgKR15AAH80WN~hBy%QErt@f!jP5 zttC1xE{>f$cdn^qw^D*2pw((I7z{tEnSz1>K7RbT)m)0k#>SLeAsV2ptc=#yR)WFc zRX#?Afy?#J=Wa zAwNGKtJNB^v-;P%fB!xQ4<1}ovauc@Kv7W~{Mv&jbG$ za8(Y6gPxuqWLYLVJDc?MbTk?bI-L%kP6sQ+rX)$s&CTI*xfmK6LPx9BQczGpX=!Oh zUo2w4RZUM%E3Y9$QN-u-AxRPddc7Wl!GOtRA~`vkoSYnG6CbJm15yo=*P~K_qyPW_ M07*qoM6N<$f;cG^a{vGU delta 659 zcmV;E0&M;347UZ4FnUu|r++uYsV zp(x6SoN1bLIvqD28yh2)N-;Gx_5TD94-aXzTFA1@^z`&V?&Rcz^Ye2Oi39+S<6zr1 znM{Vw%}pYa$oC4~-`~?}wTQ>#=(_$v5I~k?c6N5$`0DD4{r!E)h7S^?y2!<9ymPGc&`)!~{1tH=bsB7JPkurB4X3$H&LKyu2VuqmA|?Xcz_y3k$5TuMezSmc`!Q9?fQxTrT&| zejx<0SbuC}IZuL?WpR6ZOQBF891aiUve_)DREpEnQ&+Ip>v4H`={}pLNwr#KX=!O> zIZuMRt`m($nVp>-npahoa=GkY0wDyYQVHIVH3-gF}L7si+BxQ<(;8+M6k1`ulDEb5QSaj^ppY z-tIkT@BQsHerp}g`i5W^GBq`YzP>(u|Nb3|i;MX2-`_6|JA3vlE?v5W6DLl<)YKFNMIqSbip#eifLx_!yg{P;d!Tk&ZeDUH1 zMn^{x7ZSKSU_T8qVTVS5c=t}XU}lv z%o)VT$Lln?PJm@)WjKEPI3gk<4g#0fo^Rj2#h*Wakbj(K&v|aIT4$cj&(B9uQIV)P z0$@c&1%Lkj{fk?-ZtZpdeOX^uR|g{_BcVkBFfA?ZK$7up(Mn1D$&)A0eEaroy}Y~} z4^t z;Fz481TRIofB!ygY;3liCjlfOAk$f0T@|#fwSTo0K0ZFUefzc&J}_7u92}r2DJfa^ z^70a7K&{l&)L=vNf=*E@H*en539z7`04GnLl%G{qRbgag1k{d_kW75~^a+}c$XyQ& z4aK>0=akln=hOz>;mVaOg7cB@@wY~!k=IKa+z#-=hY$Gt`Ll>nB^e(dM}2)gG#ivh z1b>OzcNJxkhK0$g# zkPzU8nH3jEFOVC~&CMYzD+}xva&vQW;lc$`q9oZKB+~z6;P>v`1A|75q@<+m4B*nz z5~!7cfB@XMaYLLzv-R}!2%u7QN&xTPy?-l$gcWLbc2*EoYC1YPS`9wP0M(kfv$GSm zwY6L7_1CXoK?cM_-QC^A!TNl#tE&su)zw1#*4EYrLCPlHNs!Rr2uPP)ym(P&#`*wq zE%%_A=@y1W4idF#hOH%|l1&r4v(3WDWJ-AS=n*U|Ec9xyy}eyT=7R?hL`!N&Y>H>0t!QKS@Bh0Vf5UszZOrYoi&NrN#lF)%SP5k5FGGlQ0v7NI#dOG+XqYPF^A z@#Dv$chJ}1u(FW0v-E9`;$z2-36|vQ>WZMCAQ3o9BA2=&PZs_cbnD0yR{Fz{ru+nW zSbB~RU9Z1JVw!$gG<;$0~<}sVKsCt0u;^Km9*RJikv1en> zn*Qa>m%R@#rJFDXk(jo%wZY%tA8fMJwg}Q5)EF7h$B!Rz_3Bm8+3m{+cvZ8yS#fxK zHcAvWS|k9RgfXZ#57F7Lu&H7XLvBamz@1ju_aVBjP~~Tc;o)J?M$&A$K0}bfI5|0i eWOlcoA^rguWi~|Sx1G}f0000R23ZZT#xwPx z&*y_gBEj+T@d!t`Tt+&b9$XiRL|9l@fJ&u;PN&1n%*;gW{|(q^G!P1fXp)nY6DXC+ zPYL^gX0sV$u^8{~?|6KCM6pZj{v&eZfcPHsCvB)VsLYF6FWOQ(*uk|B6xm&#_8!Pdc7Xb z&d#v1vI3LIGy*tGv9z>=gM$N*p_ycH9+Fn81!6_3)qg^-*V7!NY`3?!6tq8`{Sxo* z@6#dacDs0bdO|jvrKT+w%OrfS7addQq#l=OMV!feq*5u?*4D7Sy-f#alEn#dk_~_Q9v+a@C@*i2H^^#$HJNlo<;1Eyf^y z0Ie(gj7D2ghTN{K|$)6)Y0s8*}_e13CtGZu?| z`}S>XYs+XfnoK5{O!n{KVzIcmxEKru34*|JT&Yxcj3b>+`~7~BBu7U_Ef!0EfB%ue zBuUQA&FS^}@qh90-rnAh$YzzxWv|yuQIyqc#c}+w;99NbbULHasNHTqckbMgkj>iI z*l;);8jZ$gvzf?+^gscDr}k8zZ037mY@3 zHrokO8*H1+M$@$4@81h97K`)q^LD%a_~&|{5CoZ?o}QbVE0s#Sz>ABEdcFQQ|KW}r z92^`O8ChCd`U}qGauh|GOs4Kpc}+}A`2GHDHv0$c^?Hp)qgX8NHdrhc69n<`<3|91 zfa5rlB!6dSW;(t$J3AW;2A@26(%0A5Fus2MIvfu3W06RtP$+KPxS`kUTRFjT{N>A+ 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 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index f787258700841dc94e21d53234bc3095d7b853fa..0fd2474f09c5faa5a18494e641c0f4415cc94def 100644 GIT binary patch delta 1148 zcmV-?1cUp|1EL9#HGc$GNklWHPU>uK)n4RH{;`v|8=Jz<&UQP%IYnI3V=`(&@C{ z?>|01*6DN*LcLz!(a|B1NXn_XT<-e%Iv$VHG(9phLXxCLqxo(?u~^*Q-3^Ds7>13F zjkUJ6@;qQZpFcP_2#3Qsj$5tPrlzI_0qJylV`HPMt803CS}vFKSpNxzVLTqs)6S^0mpHnQ0VaRaCv#TySuwaKsudXU0t1TkV`Qp95Cn>% zfk5EDfOI+?4u@xEW`6Dt06-9AW@aWB3^EM!JHYSvV}BSXlgS#2OQlk&RBA|5C=^Dc z(d+dB00eJuZzm@wV`F3dnqsl&bUN*JyWMWz+1aTKaXnxd7K_CSg@SN;dODlUnoK5s zK_C#2$z%%)3ud!9l}aU($==>x9)5Fk^X28GR4NrD5(x+)zdHcn>guZUmKcU5lgWk> z2w@_T5P#4#t=H=tvRhkQ%O4E@z%UH|`cZ~Xr=w|F@bK_}qG&_5!C-K?TrA77EbDT) z3+7qiA+G|H$uvAXED#8q zo14F{5{bp)LZKiM@g-$4nNTQnadFYo(t;q!`+xg;Z*MP-<4UEHN5!(NR4Nsz)#_|E z%k$CV@wm_Do0yoGot+g5g#dt$kB`&S)2*$osi`TRvC3w%DwRs4)oQP=ueDljO;RqG z^Lo8YOH1wT?Ujo{p>Skmq_3~f;c#fRT7^PUQ(Lwb3=9m!ve|5hhldnJ{luN3sAx30xVTuExnF9_-QC^#`nuU{ z#&Nvn;PQauxV^o-NF-9Xwv@pzjKkrO%jFh}<)4a|+wFdSeqLN$TeFUbDXIbh`fjeh4A|cJd254h|q2&mGhN O0000^K!Yo?p;}yMNv!`005m%r`2jv6h(M`J^-B0=fz^N-|zGJJVNMp zyVdJ;MNul1N`C@?-EKFV&HDYmrfD=y1Hk=$-)uIM$wXDv*j~i|JkOg>r>1EZ3WfJ1 zP1EgmyU}Qj$74YdN~KbSL(C~!tyaBW@3;F~#bQxWl;v_6?GUqq$K$bHueaN6XcS{y ztJS^&sH*CD-t+kkjUt4~emgb>GZ(K*rjXYWA<$Q%G+LTP{Be*ix(dJBdkF4q76 N002ovPDHLkV1oSQ%60$% diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Chrome-linux.png index ca2f436a9521bff1ec87745caff9a80352f8104f..07d1a1b8f250514e3e2a9e8ed7eef986063b5d83 100644 GIT binary patch delta 893 zcmV-@1A_eZ1E2?xFnZTW=dh6vuya@h0nQn%IG+Nm{6aN{cEUxTx^N zEAL21d^)}a&q%zX2t`0zkP0NO-Kwz@H@4Sy);lviERE~py*TavZD-D$^WQUbZo)a| z$cawh&>c7?kz{JXSOI`mprvC~TN)KXy{hu6L}U?|8pmgyHYZgn9QBgnW z;%Wq(gVvd${X$}0x{@>^H`XlM>k5&eVj%%z;jm>GhWTBYhT5v(&Xz*S90Y<3%cG|d zng!BtfE8uAvjwGFfCINqn72c-B{hk(&`X>e$p6KR(HC z9AYoEd&&FO36458CSWX_2I=9}NpWf7ne+7hZXhuhwQo-?CRAS0Vipk7^`z-BF5Cb9w3ks@! z{8rvsOHN1|C4&$uZb-t&v46yz7ur2|(t+S2-+vz^p|T3w^*D-VaC~wLJS}D&(c|Za zlYyc)gu~X=3Q!t+FU}7&AKtAR-rtNpei=0HH58|P%P;@Ded7?nnf=GmA6afSX4id5 zKuLJ8Cs@(B2c@M^T!An4Q|6gD7Xa@ZF(DL(Nk}z5%k&S|e&u&}3x+@d2Oy+Pp4&jFb%O6i= z?%`BR_~5$b>yKq-W0FbWRqX$5Ic&j;u^@~@>=_3I?O4@%YRO_#O?*nsPAwWon15+H}&;(u3V}-4FC*^$EwKd-j^#B~@U_B-} zt7I+MNXIK5M!9H7&OlSo^rO!Wz00F@dPD(VxvH3lv% zup1r#Wx)1pfY+7>z%u_(-(1O7?u07`cn7g+i6rC_ooWC8002ovPDHLk FV1k~Q%?SVi diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-image-ionic-md-ltr-light-Mobile-Firefox-linux.png index 4f885f1f76f86f7221bc78514c01f12fef4c7c44..f13b8fdf8783a92ea4f109204c9c6c4f498bf7b3 100644 GIT binary patch delta 869 zcmV-r1DgEd1N#P$BYy)zNklT@ODkN`zJyUfcHYlW@YL@64H z84cB_Bd}8t_?Sl1QM>UVHO}<`p@1`u4gwVUbV?|}O$%801+4!8b_yl9PypyY3iNjY zes{IeVsKoFJAajM5O}+!mOZl#%&h>HB++R3B>35WAlmMp4@$>HNy1)b0;zQqt69J6 zNdli;(yNA%xSB+7*u+4039CrJOL~(1*=P62YiW@Z*G{>ogX&>yfEA0fNMIptVl(d^ zeR2&*t?NZ^?;7X^5T@T1IN1F6J)x4Ht~e|Llm_1F@1(pp8!)jrOxuplDc|Y?TTe1(jh>b57LOLgJ7>^3JU)R z3$N&i#DDyarH&pat5GwyqR-e-`NIG6KaZ=w#@#UP=75PHKkY-=dpSmk{e41+`3S~aLk0cUEsl_zUA(h1gUWUrffp3 zm6LU2c`_sL@Hx}=eO(d+erH@D5mk)k_GP5R#8ZK6{$SD(4hr16&K!}Ko000@@bL`C zLSEWvS`F$A!+jjLN8Kkb&!1CLdiArfw{Cm vuE4M--Ox@EN!%h`uqz}m*uyZI&`;ezB*LTKtz`-g00000NkvXXu0mjf^ZcKH delta 456 zcmV;(0XP2p2H^vcBYy#?Nkl_fhW7{mq#(<3#q)+ie7RA|XJifUW|c-$3;N zsJ#GhEyKNu7?7O;aOnCnal&ZiNLG(LOdc2qeGJlhD2r&RZetabhytyQY z5CO342WRe?JF!@aoi$lGL;&SG;Ibym-n_M(1qyTOZ$tox7i74mI+*@Po;Hd<0D#40R3IuM#P8*(58~&&>;v3NsYQuFO+mM3>I*81?JEOSb zt^{XZ%*&@B$A1-dfn9hmN2N}RG`h1PL59mDfqYsfyFH#ZfXoH*Tf+y?ppneo@cjNa z%jpTj{Yff^&QU7R{4nZWrv>E6@u=HFDS}DUg2KLtkN=P33UK=fT+`-bZaq3#IscT{ zoC~S`5qbbPOWt}~l)0ZLMoRFu#OkW yM`gLm1_j_UY!!?s7J%2K!z+xrtb_o8EAR^nqvhe}V_ob30000!uHGcyrNklUejDheTJ>tetQtz9(yE{e82uGqXd? zjB+T=qr_ZgJT1gblV$?o5Z4^`YuxY=g+e-1!9ZmKX>NvN9)G8TQTabO3QXq_`JUKR zz%Y)^)nzIx&$i4$Xou=)TZ$ED?h9nOd3lCgWp}3LRKJAJ5eJmJ{&Q%%v;faMEfHF87;Nse1$_jB3>-o0;kmlwx zwVZaQ&>x^8mzdE%MWHRGzi-4$@j_rYwim-Nw)?(x4vj%9S5;L+HvK)B&mYWwtF>k2MIJ?4dgk-ul080q#=(X_p z;UcYxu-`GhCl)W-ALr^kk>d&ar?}m$$5~N#v47V=GsNQu`op$^H!s@Lwj3pVaQsf} z0B#FBKgKxWo$W=;7XpIt^~dmRkNAIuC-LP+crzf~l~^;R?>;wm_np}5F24W5L|b>s zb${@>O8LiMFiPHLG-?L;;VW*2<%8E8g~m?@{M&%^#!rzT?0&%CenzX!qjdOvJ>j2! z#YCSMYh)b4&NhFu$L}{c9)ACgEa!t)d>qqwLTL`A0YEwkJVYVyZ1aAPe6K2={{VlO Vb8@|97;*pr002ovPDHLkV1iqJmr?)# delta 437 zcmV;m0ZRV!2H*pbHGct>Nkl>wWNq>sKf=Zm&Esf0@u1AVPRCX z7`0SI%3o<=T!QSnh2SSi{b>5XKm}c8QW)WQcwKr!fNTak zN4bEZuv$LF?NE1!Ci4-0fIq*r#yDxgtorMnntyRkxnWAig`{d=&K_1G$$1fWo6V8Y`@fEF)^n19C!eQx00000NkvXXu0mjfdO*`D diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0d9feb40f2ffe25a52b47b972db99b09175725c5..35badde60fcc8d79acd91976a208a1f967d5824d 100644 GIT binary patch delta 1262 zcmVrxs*5hxwRR%}{RP!U5as=@y9iMcOWHyP;*MPyC}?20b9ScA85Be|-PVO}wA|5E z`h~&X^FHVKe$L^%&-*??E|<$uhH|+a>+9>Ns!A*tL(?=gO@9MGk|Z1s2M&h=S(dR{ ztq6ipPFjR=07gbe2#3Q|RaIfP+Yv<(o6UwOiU8=kj;`w@5(zX-V`pcF*49>fdwc&6 zU~O%Up`jt1PABc{?U>ExvYu*tdz(-w#Qgj`{r&w|t=7K>7#|-e5{VE91gNd8Ez9^% z>AFrZ7{u%K(tp|6Sw6ty$B&UDiJqRGe=`14qoboF5(yqWcyKttqeqYMcs#h>?jteJ zYi4GKxw*N05T@S;jZAel@OiA3n`?mlw!y!?JY;c%E# zDzzWr`Sa%l0)b;Q&+Fd3d%Sq@q8MOgWCW+v`Ojbb-+xFHMJ`>s#Ms!_Eym^zBmKL(vEUK#V z^5siToqsxo%jGJWPZULBu^6UUELN!LM#^L|ynp{5zu(W|;v(O^ecKmPU0sdEV&VMx z^SE3t>g(%SUS2lLDT*R1D=U~ZO~Yoh9SAT#KabgL=KA&PNRq_t?CgQ@KYsjRZEX#U z#bOv^x7*P)jS5ZE4t)dBXq0Q$t|15lZnvAMsedVaK3`Fcq9}a&^odL+Lp&a*zP_He zwl>3@q9~%OYH=kjrLSMVvbeZNQ&STFPN$PEU%v49^XGjDo0^(%yWQNlaf6Q^KeDi} za9DaOBuPTobxxl?T{2*Hb{3P##G5y73fIhLGm4^6S65dA(Ad~m7-upWCMG7hdi83_ zynni`BS{jbJb;n%um9r3i-livb2D>ubNu}I)9}8ksw&dywBdX_9!HjCDr8wkQIwKF z%gf7bZf?@w-_MydXNsOqQ4~IW_<+abfxV^p{rh*a*(|H8t3)CZoKB}9fUfJbw6yF3 zyn6MjWRRjLG&D36nX^}H8XFslMxzCQ$$!a7CMPEm1c92G8eA?Hw{PD*5a7av3shLG zR?_J-+uPgws^OhGcMKEs_4O70KYaMmFs_ugwzk;W*}-D5U=joYuh+}lw{QO{$^R(7 z_XvWpy9|4Kds$dmIPhaUDruU=($W%LU0v||dEoy2`vil*V+RNZgA5D|6vhRBbARW~ z;q`hM9UVP3^WouPIyyRvN_0^r?Ck6$kw`EzGjrtT)6>(WQYkt*I*P8BJeEIs@&udB zhTrc$67%8VVN$6SgM)+n<_sH?*RNj_4u=T@0*7u^M$$BmU@*w7Tel2r!hx+>GMQv( zXo$;~FXQw1sI06k%Xn*Ri%=-U(r3~V0|NsGZp&pgr(B(($>~i))BuffV?&~Hdt9%DYWORssi9}IFKX>S(d4*tHWZkl--{H Y0!jb^tY=ORiU0rr07*qoM6N<$g6pk&mjD0& delta 549 zcmV+=0^0qK3d#hKFn@{29TF2MEm^;VkKYBfAt>HJr?04{(F-~#NfD;x|4+<)BMP%f8ABoZsNMx()K zGy-5}XNN!_Kqiyn;^N}}0hp!p%Lg zbp%pMo}Zs76be|D#cVeFqS@cyCm0NJbaaHS>%?L)y4|j$_gVliFE6O7%IWDT;c%E% ztM#M)j+HKtq)9kgBlDoS*j*pKw1NbxkNPi?^=ME1Kd3=22>gtNUy}f_# z^Lo8377Hi)p8>kvF5~f-YPE{r@3-?(N`w%!+ifzL41B(d^ZA_Ra>-yY;NjtcWHPxK zfDnRsJigML&yS6!X_%&I0~m&ZVHhZi!ok4-x~`MY=Qjf=l}g{%ip8S+T(8$18+{jB n{};FbE*^jj-~uSyzMlUE3mvQxL3qzj00000NkvXXu0mjfnQIT8 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index cecdcbea5964814e5d3bb75d7005446a98ebd82d..e3631d4fae14afd9fda6559c939a6692a7fac1d0 100644 GIT binary patch delta 1105 zcmV-X1g`te1my^jBYy-eNkl1lz{bV~?(Xj3>FJ5&so5&#LPudj!>xjEwE;$UfMskKWLU%b7& z#pviL?(gqWQh!n+X}~7{$H&KLYHDJOBO)TcrTF7VQ&UsyjiRC=I668iJyrrhmKPTn zv(_ec|r+5MMVYN+}wW5aw$*j@9(3!x>|fB0-%IDIXOXk zdisxA{!v(WcQ+gy9K^(A0D|ia3k$!UaN44##B6SEMt@^tBZq%*^~3KyGd>%F4>r*7@b-C8JJDOM|<+yOPYo!9lF7tni&oCSzkfJUkE?83|oo z-A~RTkJr}LqOGkBvUlc^kB^UYiKsgh6BC%5n`4GcO-=m-;QIO+2?+@xW~cu{Lql9i z(b3V8Vt=XBV`5?;>*(l^TU%QrC@4rRfSQ^bwrY8KnX_0=PfvWGJV5lDm6avlQOWJ? z?Wr_uVPOH}RasqKojfco49?EZDgjV+kh=&(Lqh{wF0%M%k5#l|A_Hqj|%FO}%X$O!+>$bZOC34ko?>gwVUsA5xUU;_gKki93B zyrrc@rS%k3Vy~#EDDH$uM@MLHZ|6HBBP0HfLa@5Jia&q;a1Ok^y>Z9P%gcklzP?J? z1qB6~0g$WS^F&lg3Mwlr*)o5Be-VI?gmm%r^n}UDNp9IxYN`$c&=dlp#B_9YL^))k zlYf&Fva_>A03VZ(Jk{FT3Zi%FsvnOS0(D79ibz0cXeeA=T}2sJS6Arm?PX7xn3!+~ zQ~{uOOifKc0T7c=T^Sx69H6JChs#cJ7@;uGU2t$Pw`~GIAxKI}Vnx*diCZWq^7Hd0 zBS2;N`1q)vi2C~aK&&MdN2&~(9Y}#96MvF6V`F13>)6;>N$cqyk%+XVVzn&w#fM5% z{J&^Mzuu0?gEWwwo}O~I`PSW)etjq<5W-ka?KwO={70feV>xY1IXOA% z$8tfNu$a&)Mz#E37L&2DF=k1v7ZXL3h1HC_5fBjYrPXX{X$i!3-&)NSL6A3y5lVM= zcg5wDwqa_sip%Ni>nm@|!g5N}Q%XvTM$j6!V?{8uo^Ne!@jxQAp4;2o!^OqrOY8YR Xp$4h3>uJez00000NkvXXu0mjf5V{pt delta 566 zcmV-60?Ga52+jnMBYy%FNkl_nfHK(Reeb)@)BAC}=Y3J<9iC^pyPmu2`d$D3bzdBx z&v(TaejEaj&*#4cAr^~)1z;6m6<`(kYXvr&4RX00zArB5bbq>^7FVOuz<4~SF%E|V zg+c+nUJtw74nCiMbIJYFBIX*19*;i`uwJiGEEYi^ve_){%4jtH z5nwPFU^<;5k$*@$4$yA5vET3E_xsUmwdgqz2;2l9^HQl)s0B8g?J)r2X*!*T!{LC* zWWsW}M5$DwF^NP%lM@RjlL@$7E}enP4aXd2a!mGU@-U?!21*9@pw!k(xFOV07*qoM6N<$ Ef_HNV(f|Me diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 015eaef4a2c97a0c98463634e42b0631155bfe87..8772edd630af96bf403586e2262ceb8ca3ddc4a4 100644 GIT binary patch delta 1252 zcmV7N$gxA5s?sEdl5>M)%4B+ZA~RAB0*g;)Mc8|y0r5y=1qTS>&MG?GnsSF z^ZlIrc_5mmL3YJrF@hk1!C)v93WvjwkB3Y=Mx7g8-OH9 ztJS)-wWUxf5CkbHDdF?^xw*Lv_3rNO`1m*w2!ui*wOVa78YL3RR{_t@&r3^7PNx$^ z(ZRIIXV9WAW3p&W=1NNwzszz6cl`7{Zgww6 zx~D`CgvDYR92`uIgT;JaUS4KrXE6->i8}xQL6G|T`l+d@=jZ2lfW^f{u~_^MGm|b1 z!vq4s+S=NG0Foq~PG?6)$IsmX01yOqbadc2PEpiffPd9$MNu?AKmS(%0D!{6LY+>x zva$jIfMc=P_V)JR;9$n4mzS60Iwh=!>~{&)a&&+o$f;*ilW2A z!`l zS;1fsL4S~JgZ24*dcA&cZ!fhgQt=Xrq`0^kMbWadvi<%2^jHKzg25mw6bhA;lw@>2 zIXQ_$A}uW~d3kwzdwbbB!D6vK;29|ticl!Ty1u>^2n5->Us+knX0s6l@p`@K4QQGU z1Oi7#M|E{|>9smeMx!Y&FHd*ia5#^Tk8rku9~~V_51y)-GZX1R;#6H`s(Ux zVPOHs@usGxj6N`j!+Cmog5i&(ot>RTA~7^H#QY`_37^lG0x*jV0FX+hBuQ>;Y@`F? z@qaj%%Y{WE(e3T+hi#fjBm#ke$z)QgR7?p;l5=x&kw_%td1SFz>4mqqw?#!ouv{)b zK0cPqU=;P16?_7Y>I*tJS6h7+YAS zQsFq>*x2~C&g=D7R8*wg0RRvL)z;Q}y?-Eda%b({+UldK#7K;VLFp)?EQZHI(XXpL>y?@nwn~8XfPNI z5Cnb8nx<)+&F1lVvZgJJD2ke%o-QaTFqur>O1vx2M{ zIXO8Y2;%(wT%*w#jYekAq$?|c(bLn@?(S~J^j)D)D3wYCK{7rkDg6OP-ab%Xe#F!O O0000U(*q4b*QD1u{C{w+gNU&# z3$H9U01Su27o~SP9oLJZ?fL*8;0*xx@5{&IaWELLEL$iP?0;sz-&a)?0NieOI2@*F zx>~LNCx8&bFpTHu^xzuzxOl4FF+^#}j20MGN8OvdB!6pKZK(BlTv zG(}OAWw}zRIDdsW&cHNHK@b{^1^|>wrO{|~y2$GJ)a&)w2%(vtD&w=Xu@+ ztRVwHEEZD~Wwly82k5#kiej_b%;j=cM^TjVc&up}j(_8i`&}-_S^f-cx7*w8Mi7L3 z=#fYS$8kXrD2f7r%jI%9olMg_91hFnk|fFJ0EAFFowm~f0K>3yxr`990FL80j>9l4 z7z~mm$uP`wK)c<3Y_?i0>!I82I>kNK`+rS8zz28(0DJZC`xm2czTCatz3Kn}002ov KPDHLkU;%>VzV|-> diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 486cc47f6b1cb14c31a05f7aa691e43555e326dd..10f93b980f974f842d57019cacdb40704127ed1f 100644 GIT binary patch delta 2024 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 eXtero1-}9Mi`G7w@J0#%0000l-F0SnUX1%- z4$92D_j$kH`?dM4N_{^_;jy>3M;jX(bZ~G$zkmOx^Ye3diGPQ+wKd_gv9Tc+7Z>vN z^(A+AcZF9%q*4lSd3l*;XJ=_^Yl|)1!^4AYZEeZX(UJX)OFRVVnmu&^+C`}VCOutovi+}zOU=qQbkk28?a&`|R8^CNR}bAuLldwWak>+3W(H%9=E zii)C`m>7EV=6{Vr@54g|0gAx@6c-owL_!9y=>G>H&Eer;25bzdY(S`DPfrh1K^|a_ zH%0)33MVHg%T`@kfSsM4w6d~7DJd!B>FH^#kYqjo^XE_M?(U|*z(7h%OOyPpB*5$I zYpScOBTGw5N=;2Q_>4(jm5v*6M!UMY=<@QCK7al!>3?iK3%I|(PtDEE^zPj|iin6X zc8!WWKRrE7larH_pPx@|Zf<(tsTUCbtf8TSK79B(7x?Ck6)Jw5%&JWnJDvG?}&Qc+RSi&;y#y8-J8TalEM z^yD}_07QfW)qDv*Cl~7R{equ_s)|Fq2Y~(k{d9VI%6#2x98gubjl{%6&GI#XkRH?$ z*W<|lwZI~*gR0^Zq^JRW?a~v3fJn#Q-d-a`4S!&6Ztkm=o&YFF@!Pj=>|YEJ8N$fO z2n&5oVIZ`Ojg4iQ2Lo(sY9fDsf36YB)YKHq+A)x7MMg$)+e^4QSk>(8?Ee6vo^TI_ zX5#u*3ggw%(n9c6NRBa(#A2?ToE%9Rf!v+ITyPgqQ`PS7uKN4;@9g~X7|7vJeh|Y5 z(0`C*LP7$MX_+O>%*-TJUtgd4>gtMR3_Qlij~^)`BZD0Q@mO11qxSZ8YHV!eF)hn9 z92^`-)!N#sc5-s!7E}We()052dH}M$z0FjY7a)T0i;D|V)zs9eVR3ksAc~8NDLy`) zWhUZ*3;-3m($Z2c5`>X~XHXRs6sYs^@_)ERFF4d>&L1=MV=U0|w2^%#1}&#+2os+c*Zu%g6w1Y;26xOOSp6NU+oZ1%EIM z0jz6ubhP528Y9EQO$d>Sm6a895xNWs4A9Wf5c5|`hiw`+p|qnH;PABxr4K1XTR11> zIeqtN9Q}P=QGIf9qFAVgtN~}Pu&_|p8ozw`!p@{pS%xN5Q##nLs;XjPpWKCFW3cN= zMK+pXTj_KOmJ5bMZe0gP0R~Blpnu~*x}rx>c83u zguom&!l*_d0TS+`wzig#p(Baq@sUP~;X#&w5D*Zc z)mrM>pl5s49zQ6wQ=))`lE2)%Pl}|(_aILcQZVlAlwy@d-G5?Yf>o?}fC3D2paTB> z{d+ctAtgrH5)|()&ZYp0WOFqnBt(&x=K1+~mNXj!CalvaKrt*-cV=dW@L3FM3l&DW z5a2LQ+M3c~EC7P?Ay1CG+-X!6NVe*gdg07*qoM6N<$g4jXneE4~ow0Jhuhr$j83 zN+f`ftX2#@vOVN32F0MwD3@kq(-PTyff&>&Xt7w( ze!o{CyCokJp>#S; ze!pMAY`0q)jYi~jI;l`7JTBmBwW4mfOE47*g}#6o-<8Yd4{+V2>;~uaISq$H`t3(8 zB#_BuC>o9GW`9%h*a0V#3600&=LN*G)@rrrr)~Jxce-@48$_ZwWN=cx|Ni7#Knm|E-Z@5WowDG3^+m+?6}fbQuev0hdfBubxl75@}BE>JgVDjwc0(mf4fIJAP$)6bV^2|w`PgL#N%;or>S

aUkq|rm^;209@kG4< diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index ff3897da240116ee602298a17cf3806d1a38ce12..61d9db7c1457343e1c5f2c5f26e14c4187b447b3 100644 GIT binary patch delta 2050 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 delta 814 zcmV+}1JV4d4ABOVFn*Wr5#ZY_B89DIUL2C-002Rc`O*G)(;@+>EUy=(HeT(obR#If2+(f^OWJozxm?`q4p4 zu-?!cd=$!>Q;(Kl%cD2=NMmSTuO%3qLPZb?=v}WRs5|&mcs=@MmG(3dbFtLf5s0lV zxaXo^d{aM$wqPRa&aJu{lqrO@1-%}4xv!r{FR%8&BY*Ie7O5t7H)L+7Hit3TT9=6> zRu8^DfVH50oXu6)J3>s*=Y{tt5M7%*#!dv@9!X`S5S^<1K6rNwS2?)IjJ}i$1>iUi z&t|>p)aEdz4#RwC8}{x(`n(U{U5WW_5Uwt^;!$<5sEyxFg8u2OU3*#hy@`bvoXSmO z*P&8__J6{p1%y^0>~b}Nv|zyovjq1xRO(>Yl-MxBE9wXZU_Gqn(MU)xCoMs%tXlQ? zlKOj+{z;|tP59e9_W2;X3ft?jwFZ&!k>39wPQ4|6m2M0x?k%Othu~fG!3ktt?w?u sIVb+`{!!~`lPr9>v=p3omV)!nA5S{(L3i(^r2qf`07*qoM6N<$f``qD^#A|> diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-image-ionic-md-ltr-light-Mobile-Firefox-linux.png index 5c71e4c15ca13b8f5a29f96b29de90f569cecf0c..8ac67ec89fd9cb5423b01c550cad4296fa41dcb9 100644 GIT binary patch delta 1635 zcmV-p2Auhf2J;M%BYy@uNklsakLLK4AeO7B{Dz9;b_FOjzd3=_zk^rY`hp@2j8`u*xnC9;t+^i5;XHvn~9#&0$rVi-Uspo&?4EdJu|WPoTcOM>4yRq zdSep3@gM?v=Vc#{7C=_&WSW3w0!M1+!(mrkg4MY%Mqml3&;aTh;MTT953U z9Z*Zq!i6r7>VLZ1*A>9ICk8fmLbZ6Q>+e0C28Mgoc~AnFHzlT%7IqH&dGWoTKu3#- z@%|u!3c{=jkWKyLB$<3eVKuLuyO`e^vT(Ui*e>QIIuT$tXJKYt*uKmwu`k@&KU}4w zjeMaG%D|R(oItj>R_CuOKvv6#%hHoESEB9o5<$0iVK2d)n3%^o~s zqVG&G?|(%AIYPO+V3ARAZ!x_{t`v^0B*SEMu3iijg?2>%ms2KIGw!9w@7$wBy;H9? z>#YlV?___>#H(G$7>)q4VflMO!jkS?!k;th21WH4*zkNXsyh03TtG;?cTpS#0Y?B6 z8wNJA?hVU&8kkyj&xp#5v3_zPag~w9V+zAL8-E~Yytn71Rv!0o2}o_bXF_F0*C~+s zR~cD6hV#nzhlQPe*Z@;m3$q*U4GS;(%RlZJP@TcSz>P80(Z%CNdMrEhumMgdO{8<~ zjSGig6H|H&sLr}h0CmE;c*Mk|KFT2(;O&H-amnlg_vTeu)f>k?k$t0EVq;^gX=c}y zlYeV^>eO``;}HYm!IB|&J!I<5=q8*aX{XFz{FN}JPVDI{(u|JY;f-TcaVKF(r{b)u49yg( z6=L9$qqsHay|&#iaLw>k?`uq zpOs!OTSdJZnbL*5NYXFK6&V??Zlco3z3ie>HREWz39pX+B+JV#WRp^<%uabQz)n2Y z0d!MJq?7ZhSbQ!-c?#83HgU$(qwrg6|A9D3&`YpgYlBArZU@_5(xpZNIBEZ*bbpBf zPEo>}(MWik8DNYO-Z3ZP^-{8^1u{zw7n3soO2j3JPHM!|gNjNPTy^5CUib0sDGMWP4(O`qcWBy+)bUQfpfK0x@zH0DSY4qziTKJ57x^fV1rqUw`JJN6$=d=On)URbcO+5iG0k8EpZ+ z`jjs5MO*^pE!NW(zW*bD14DhompQV9H1dlNElRhlSLSP81WIKkez-|d%8TYw*LI3} zzWhkyY=?)7K#nx_UI5?Slz&KNn*(H5rzCI!(bn4fQd5G?5*)Aoc*{a!Q?F4|n-#SY zqm<))ey!NooitM!ptH!`d5MV`GCm~Lmq{$G8>4iKV#wVAy9Vfh`uVZM{RL5X1H^{p z+OWhYV|uTLHb4f-*7dh(y3@8K>XJ=d8I-tjNq|A>k|%(Lo8Div@LXVlT+4O;3-%5U)i{?wR%ez-BrI*oL|e#7(_adP hC>6R)w+8*D{{f@<_>briv!DO~002ovPDHLkV1hxB8b1I4 delta 757 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 Ef_>VX@&Et; diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index d677f0589c12e6a0598813a0d46c8ec13b9226f7..eca527c41af075dfd786e4ac346694e6bd83a0cc 100644 GIT binary patch delta 2175 zcmV-_2!Qv!2bd9%FnNI%W_ETKLqkKDnVEsp>3;-Ck|0SE6h#352!a5Q z#{-|w2am^tP$)!tdOG6b;@FmgAhrySjg3LC*TZBo!Q=5jp->{O0|QX2)i`zP6qHIOA|oRM67na@%gbnOZN=Ew z7%D3(A(zV;#o4#P$;nBmR4NDr0+f}NAtok<(S!HO+}s>A8Vx9lLQPE#l9H14b^pE$ ze)#YKdc7VcB_&8sPG+K)F*chG?d|PQC=|%c%iHsPdw(|A)YJr$BvDmW6^PD&X>4pn zOiTgwtc9UXn><^Z6&x*Fl(;i#{#-&6fvTky$~Cy>kK5R1iZX=DYn z*^I%#LEO7{Z^wE&wqRXd-9Kp#0HjhWGBPso`0?W%>uuYDO-)URj*doAQPJPh$O;`D z9r*tJ`+v5-Nxv=l{{4GU6!p)W1Avl}5-cn%ptrZz@AWMPr>3T0Fc@(C`t^g*#|k%Y z+<;cA#q{*_mTOxKK7alkB_$;XrHwU;i;JOBskW5+7}V)>5C{YZK8UkHN=gd2TrLa- zgHO4S!B?+dL8(+8v^LgIDwR;H)jnmk!OqT3q<^KQ{q=9lze#+2JVYW9y1KgPGTNYC zuSaQV>0xPO4W&{EolZxe2jll-)$Mj8Dk|zQwXs5UbTpQhmM}3f0eB4>3t|$S(901Xj|X#ebLj5wMsssBLPJAw z{``4HI&yP!F+4nsV7uK84u`|g&Q{E3Gk@G}H`3G7@%{UE7>&jq>&L~#Au}@*nVFe5 zd-g0YU%rgm+FAfWcXu~q9UKk^pFe*_FiDai2!e5-Kk+XARaI3XGBOfct#;orl9G}T z5)y*N#YM(C2!epq>15ZS)9J*>$OxoTDY#rNGBYz_wOTPdJG-wqcDo%Oj|az&9e-o2 zg&+u!B+0J9{{DV!Y-}JqI~xG#zdN8`#YKdYBuTG02Z~m!1((ak>C>kH03wkHM~@zbPN&0_D_0O4ymk87)6;{Vo*tjF zpr9b!x^)XFDJhJ#5Cj2=q7WJs6o14x$Y#dJ$MNmkHxw2YA|xb)F3--+#+x^9@bTkE zq^GBExlbyU(!J=%+)(W6IbZf?ezGiMlmLXsp29*_6SAb&+sh>eY9 zVCxsFtE=>I(A?bYw~obP!P3$axLoe8@ggE3kd~H){{DVUPfydY{C=P)3Vc2vp?p4{ z-qvD@(P+fl+8QogxZt;yMn^}{(a`~&PKV;+;yuM&TU!fA6Gc(KTG0Dr3! z`jy;Fa&j`>y?Y0(R=X#IUw^)Q!SL`fI2;a6oH)Tq6Gc%F2m}Z{e*Abq1M2MTEUZ>5 z($doWn#1oYj94s&*=)wt)RfPX$oTj;T3TA@^M!>4n9XLaudk!LyqxhAZhd_nLZJ}B z5{U$TeSM6AU{mYuw!P&Y6aRdccT>fCjEsyxBod*vwwCe7HhvF3Vt=vt*TV0E2M=)b z=FNb<9R4L{W@hm6Ln+`fH#OZgUqNl8h_$;m-uW8*<- z3z&w62IS@CK`0b%x#o9=H!m*_v9YoLiS{JLGNz%S0SO5SJHD2i*;g`NPfrhYIvt9N ziUL~FV}jLcMSpvHJM#1Mx9w2;vF~)s>FH^xR4Q<}Tqu=F#K*@o(Yt3H4hJ+E4cu-w z?%cWKcPQ8i#tE?og8^!_8X}PhrKP2NS}ofTOG`^=X=#DYX2Z2>*C3P07{v)VrMauC z3p$++E|&`ui3C!q6p4w6jAG5q%+M*#1VJDtCkOfY`FMfIV=pOvVqyXYg8@dPkzSGJ za5!{AI*-Sr_dvWE_}=5kk00pm?L|~n6l5|Pva+)1`COo|W^gm}^Ya)Q8iL(!2T77x zTwJ98wEzJ4d_D+*fIuJspU;O-D1=xn{wpag{{fq;hFl%AcsBq5002ovPDHLkV1g@8 B6b=9Y delta 923 zcmV;M17!S|5xobHFn znKPeK${VC*0cFqEILh3WadFTpy0f=kx6D?!N1{SS&ak4*L81@pwE9$WW=)wIDtLT+T>CA{GNDiiK@dJ2 z?{GL+TwJWRpMRg9Nu^Tk?Cg+CCfVNJCL9iH%G9uDP*qiAS;l6w5ex=-dU_(6O#b}l zCKD|!Ew#htauEmwn4O&kAQp>h&ebr%L?S`4SR@b#FfuX%fFwzE&DGuA4d1u2s;ZiD zHB7K7BZ?v(j|ZpINjx5>R4V=UT22m(Vx zLsTl2FN?{Kl*?rIwJ`}Xu?aa^5 zzw19dJY-{IgO!yPmX?+6@ z<>dvR&-dY012{W7V{L5>Ns3=>!@~mrZEbB@B5GT~>box(41PMs=ksB+*|@s8 z;_>nE%Q;_PU)kH+SbtJTWDz<`#B^{-$yo8|iY8k^0A&*%I624*vUzn^F{iY&`a zPJd3;&J~MAR##VRZADSIzrUwYC?E&|;c%GN*4BC>{(t{^FRT_9zu*65@eoCkXf%o> zNlZ*k)cO@gAs&y{+9s0;yWNi8?`M2`9JkwDZ@d~pBog^%eBsqGhM?Xt1oe&~sCNuO xy<-UK9Yav>7=n7o5Y#({pxzPw^}iMT2Ne7HIoE6aqAdUb002ovPDHLkV1f>oyTt$i diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index e8455ee0cf8ef520f27e2654c4766ecea6b73cd2..a350215310598c617dff9851b50441da4bd74b8c 100644 GIT binary patch delta 1814 zcmV+x2kH2L2&4{>BYy_#NklHYin^nc~c7yA13D}UtT?CebV zxVX5`%$YMOC@6@$y}dOa36V}Kz?PO4YG`PnmoH!Pzu_Sl!E~%Dk^G-h7^zJzZ;>=t5>fwuo_US z0bzetv#xm1NcZZEbB-TwF{G z7A&BR8#h{fuSI~re*L0j$BvPclM^K-CMsTI7LUrrg@0J1MMXu_)6+v485tI>&0zuG zzI{t)&YYo@D_7Er6)V(^QIq@c+_^)yZr!5v^mOv_@-q8Ovw(({RzvYZA1B13^`jzpZZ7RvB?5hr1)^3-k+U`0g*b#--d ztQ(60Q$^T_jg6ItF9AY(FiU(4Gykyyi?j}=ihqyLq69eBwI`H-OlR7(X_6Ktz_hfq zF|9oTD72WHo6BD@Aa)3Kb#rbVJ3E`^&6_uBGZt$n9ia|hH8nN$ zUqF~A!h_PCxO@N|9UYvUqrS3z`*x#a>+S93G|*7+eos$NTDo*81qTOP%OzcpxQK88 zGk?{+e*IcsP*A|@PYbzx`7+(RcaI;nXU`t4%NU9PoIH851oHRqU)~0_wzkrrKYwW5 zx^)yD9iqZ))A$-4y{M3IF!(8|kvLvhGdWYF#0xl_Mw+cwqN3o;>?CngHs>wnXy zPjvL?QFa*6s9ekeVqkfBd0d7Z7#rzyI!kzlT!VOc_Uu{GZQ8U+j~P=da4c{zNYup! z`Q*uyY$ot%^0g!Yr%ahLs7i({+S8{`x%PueLPnxSu)Z||L}-9n0Y-!y6oju_xk3Yz z$Z=MPsW2h_KY#vwc6yiqHKG|H%zptM4+Bd{Ns-1RzDG<;PEH;IXt)O9&9R2z0g><{ zbd4WBUNNI)fY+~Ir`psjjYOFDy5AC6o-Pg_AjQ z6nA~!~nIU*v0qNAggu<=0-I~lcM0!L)0PMu=Mf`1t|6qp^n ztB;S5l*|tYh?-|jO^wM!!4hIAOsEa?STBfqTeohdIdkS1eK*|xt5>gR@7}$99%v5m z=g*%U2cZG%ZeaFGL<;l+bwzz=XQ!f64LRe10|z*FG?!M15P}+OWMrfSh+K5x!i9sJ z4{}i?%cd;CQdlWfQWZSZqRn=f3e|(TgFi|a#DK`ga>TXq>=@o?7HX#K)Wv++I`{I z9<+$s5)yc$rF#I{{oxBBk^PsJmX68eGh=NgMo)Ng0E+f1l-o{J4F#kqA>At&KqFtbmVD)d(aY5k64koH}(X@7lFEq*3C$uuDL{ z8cLCxwQ|V^0`L0h(W4P*QV>lBsL&bnmZm0b*j_cm8$~-MD%dFb+xk2orHiVnD#D?R z&D$yECX2fN&6_v5pnq!%P=MhbIM7+OY8AgjN$0QC8kB1kYg2&Yglfr>C7QG}H#Ro1 z#?*j`ajF88!@_h?T|@N@W(yNW4F=$FPR5$j;Vb}x&U~yfXwBc>pO!CQZgpp`W^2$A z?}s+b7cX9LzZ>eN05SHn0)XQu1?V#i3=Fi%&kFtl4Mv1_{|{ZJ{Qv*}07*qoM6N<$ Ef-|&T*8l(j delta 1003 zcmVqlF z=jv)}Yi;<)OGf~QhKBwn#MahUaDabVTCU(8 za0N9kkYspVK}m`VOxPEHQ{^<>Ge;K9KG#>dB5OsT1|S18aCv!& z+uK{{bUL;_C4VKwZH%%5oSK@#-rgSk{r&O!`pVSw^Yar8P*AY5vlC%qVRoChw>PY< ztzl(l1pxs8%!fdLt4L)9`0((6?(S}chK4fMS65e2Sy_pUj0~3mk};)vS63JA@9)`H zxxrv?6&tgc72x*vHfCpMQCwV%R>Qq+aRk>&xCz1*P;nJ3C|5x2&v;wHtSrEC3G=4>2}2hQ!1~)Ya8} ziiKJRwT`s3G*nktivs-GCdkNYwPJL16i-i2Xn$*KLwI<&TNq^lI6Xa$-Q8V>0gysp zd!nNvL(Uc#7qPLif$Z#Tl$MtM4nP{U=$_I2q5>nfuCK3gb#;ZRsw$+Xr`t`W019nK zEHj)%>#>46J3E+}nSs%0L`_YN=($1)(@17Eo1F$YKR=Jn%}r!xW}>2^!dXn8>^ufI zGJi6HqoX6#*ViKg&m({yovhMk4p1ec6+4D2s2H^>Ipzwg zM6_bZa0L~kRwc(=L6wMB>=>?~V$`bSm@B9f(TW|z6;zB`l^k;gRU%rkW9$klc7g^R ZzXN1yly4#&YF2B8sZMbeLa zefYiZ&co+(UgP1M_xqfKiO1t0RbsK2-EOy7ED!`i5ajiGw|};_U>L?=FnByZBO`-K zrP63L8jZ$cu}Vrxuvl!$V_{MdjYgvj3kxch%49NSXJ@lmEEPCC9~v6sa=AS{J!xra2lPBh)PLvm4Gav>XtX(@_6aW}KGv-9)wGMS7x<#KsK{T@-RR%r>ARbYL06iKNhmGviN-dr%#`dA{GD;jYel@XN5xHnTjPrBoZkU z3S_Fn0ss~k777as|4Za{LLdo((P#vSs7j?elj$7|wY9Y>l?niWi^XCllc}q#E43F* zPk&EOPELx&;dnmQFwOB0H;c%cIg-)kK5QK#wC?_W;1vwym} z8UP>=2tuLI;^N|=PbrnkcsyQFQGtFS3Wc)1zK;9-`!~vjH35xAgTY|I~)$H)q45z<@WY=^aBwHgit7igJJmK^e-vlaQN%j zuf@g1R4Nq!keQjuX0y#^^RHjOGJi8OclTUbSy@?G*(qYN*ozl09%*j}kH?2Xp(Agt zAQ%jWNF=g5R}lyVX0utR)7974@9x>u)P(%&Fn&ZTCEz5=EjX1$hUDQ;eT*AJv|*q zBobj5CK8G0Edzmo#bN;f=ybY-rq$I|kH?dnn|r|HMMXtFe*AzS2&E_t!|CbiI0}X0 z^Z5?Q{P&~PYUA;^R4ToC_3G|=gTe6X)hmrgb8uX{v9SRFK%YnWe7@}LY%HBl_jo+$ zEdc;(wHk-R@p!z1dJcz!$A9BB8qEQ_FE*RaWHP0vrxzC&qa4odcGGAy95U~tw_ICW zb2^=6Wo7$+EqFYh%jN2HI-AYLU@(wMi^cN({d)jFJRVgter z@&6FDT3uIH2ar^xqM~ALZ7u26)Y;P} zj*gDy<`5A95VVfgLaxA*Vg-yPBK31F+L zs>;gBhKGkw-E9veBO^Q>FCkq?jI<>Z$)2URd-rnB*fqatOg-j;PWU`5g39VLpDtdp=Xf&gvqcWN7{Q2|yTmN|= z=5o27KYw0dUw=B=kqU)ErBcacvZRMh;NT-hzu*7j#f!YWysoaU)KY3Rz%V>KJnZ#) zdwYA6ewGM_9DmwIqfxnBZZsMt63Izy?^~@_xm?cU@w&Ua4^A*q9fKPThQYx>27}So z)^?1?;N#=tcDw!Fy?bajPS9Q~2#3QH6BA0MlF#RhL?V<4WKz6duR@{F>-8d$sI|2f zWtMles~W*z5V@*BqtTG78tAWE1cO17$)r}RT`pH+V|=4nEKb-{IZjc8Xf$dx8dWOQ z;^HEeN@X&cG#V{8H zQWxDJ7K^Q{tn9x|1OOlq2s_t_=yW=Z#VRT)`Y+ds{s&|9$yzLfg%|(;002ovPDHLk FV1nxfH0uBW delta 831 zcmZ1|_?&HmX+5)yr;B4qM&sLA_8y-dB--yEG1JNnT@#=#y2Ye9-rHBeoR!_$;?VN%M6x9I?%a9v#*G#0Ihroqy(`PtzI^%e>Z+=J{wC8;?_9^tFl*Uf@uL-c?>&5& zSQDco#@*VqYL&XW`s&rI4<>w=?PBW7+;HyPxy_q5@7%fb+qZAui)-xefBIDPHhE>p zt$X+C&!reuS66p;ce@no#w}jIe*Lmcw&sH;PkOdYNR&8RQd&}S=G-}^14oatW+rtn zYD-jTNr{}6D#=h1o4@Je^UsV7PAh^|3aD<=s46KrQaDHFbZu>Ib93{w)SKJx`aFL6 zRF&b&_wS!=B1^Ov@$>Uvzkc1>*?I5Yy$lO9xJ)*#I9i|d@yi#JxqhE*`t=!w3mH?}{`}XctJ*ygb@$={6>!t4Q?yiArL`7Xs zrWnmy*4xu_#b3;|e&fTt*B(B6cCwe@o@0{kPdfDXld~?&B+uL$)8}xkq`0@OH6#uu3f7edwsvi-u?U88TQ}z7xCRT^FyV)v~;z7y$Dz9pSu02 zk^cVv@>|2TrvCl=clT~Y)n?Ju2i07}r-#x|kqpqz`XU&&@iK&sHp|RJ~)6xo-#^|MQzIjXk z<*Qd+N0WksgPEC`U8XS{P!;0*W^rt$n$Hw7T(Ko15#;pw((Y6h$x$gXQIA-^#vXZ*LC|4-Y7nN*Ej*?EFZ+ zz;PT>EEdVd#RYL)_eXJleohL70(pFV{3=O2gO`^VQY;pKEc|a23I+1|`sx|bpDz(b z5&3++ua*QMpMTF|Yir9p(*SUAZ~&HNkw_#0$(p7?Rn@>8K@c!8F@ajG_S?X59NgU8 zeEUO>kB=eCGGtjsyzP?7Y*#xa93TT=RBwSuzf}$v7G8rr`F2Zpf$g&*B zp=la-cXyyQO#{oafywXh?-(5&_0G0!dy6rYH&lUyfy2;5ZIpp66lPHm0Vgx{?SX*xug8{QNu^ zhUpU6*?-x=>gsBT`6o=%L@X8q&GS4g%j#K0tyV)io$eCHpB|@DDM*sklWW^HVzC&) zf*|1Jg9UbvZmeJ(2bGbyBa_f4m3I&d$i%+8TL&e(qQ}T`TkL?G2(R zA`*!pm&^54b+uZB<2WdlN*EXz==kQl^d(8c)zuY3p%55`K{OimMv7%wFiq22`l(b3 zvplo2JF7ffa5rD9EW&34nYtwHa6z_x?k@MOkHj(6gvO_ N002ovPDHLkV1hMjj6eVY delta 351 zcmV-l0igco28IKWFn<9+Nkl3FrUv6kz1^)hzQ+o_h$fAWipx2>2#=8t9NJH?Uw0u%3v_KgMU=& zl6~LDahy-h0a$9a8qH>tAPAnD;Cj81BncwIe!u@RM^#CZJCb!5{*V974V&Y*K7JW0h0H(Cc()9GL|8nLvrgn!A&NhufLMgfrH%galY z%Vn5MCM+y0K&#b4uh%n2tyT;Dejn9p6}4Ioi;Ig`Utb>y^aG$+EFzIez+$n$X0t)9 zR!c@lKi=Qpad&rzLZN`Itt~7sFN^F&0AzS^ae+`MBt$Fgeds4;b$ombx7*DE~@O4%G99%6fYTgZd~P|c5yjt~e0{yFmRV3bKL7Q?~80SlA?M59q? zG#WS@4%v#_-`|5sH#0LMYj=HpjpyfQ1cO0v-EMb4XiBBY<#Kp?dt(4Z%kRw`M&wHs z4u`>|)9FF8*@V~Ym5hq$`uh5c)zwvIb8~Y8gTa8gxqmsyJ7;HSEK@ELi42I6#C54d z6jZ5Hf(_M}GTGVLk-S4QLif1+{r!Q*{pIXS`R<|f9+$0Y%%+2`ly z;J%_5d}X0X_m`I!q*5tn=W@AZo%7CicXxjeKw9+l^u+Fx4oyrFFu#b~~n~rbNz2S#NJ|;q&=K;JlI0WI38W@^H#RmzHljh3lM0&LhldB*X41fo zjg5(HL{jlz#E#(qRId5_{&eB+ApFW)Sy_SAYE)HRKGaZB+I&8*yfS$Z(jH<^rBY!6 zM~i>d(x-(_R5hE;@caEEgBkg%7zUzeOTAuaGBNyYA*q<1omG6cd;&R_vp}K_SeyU= N002ovPDHLkV1mWbVnzS} delta 370 zcmV-&0ge9h1&jlbBYy!?Nklw5r5Jeu;1@-yWKFIPN`@Z zh8T~>m`o=9^kBE!fn`~!s!9bnn+i|vMfUsMOZGERM2r8EEWq427`V8MCE$D zA_xL1XqslDIH_yh15%vlIWCtA1&E>uK@j?DvhVv~80H~J@+aShVRVa#2)V9{*=z<$ zlAgrUG({Z8SZl3TPw>A*jS+3PTZ~2{D2h_~(!=3^^Z5*2*DLR90Yy>3^E~i8|MG>z zA!+`6KCi54bU-%ubUM}MOcsvgxc412j!27wMh7i4x=qm+@aRF;DC++I0Yh)tk(Rwp Q1^@s607*qoM6N<$f)f6&0RR91 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index d08fc4c72257ffdb0a08e1edfc482ac4f19c03e4..ac6867ae89a5ff8c39e4073cadd9d5fb6eeb33df 100644 GIT binary patch delta 847 zcmV-V1F-yn1NR1yHGcyvNklvp?@5C8zfFmAUy7z`qWSeBhWVt+G%2qD>Qwpy(Q0s+6@ zzqGXEbUFb5gTVk}T(8$_wHiVw7KEk(csM^l&-47W>HYm(*Y%T= z6OQBB?e=Iif)JWK6h(ErT}{*MwOVa+bJH^OudgrT?SHvkuFua;OPk;CuhnXHjIqb# zv2?7ht-Zd!et&m98Rax ztyb$dlxDM;PNyT0NH7>2@BC-fRw@-y6a_&Dg+jAN?Ql4Je0(exi-|{EDI|in6t}6^q48Q_u_=ix6UbN4;JT0Kl>=gplWXgpg&^ Z{R6;^geg(MBTWDR002ovPDHLkV1oG7nnC~o delta 340 zcmV-a0jvJ^27m*QHGcs$Nklgp^Xd-R^R^IF1A0bUIN=gCOYjdMzNO)ONdFE|-k4@5AHq zm}S{|y>7IchfU2n55w@M0)R2LSS&c_Ejp4?3L%6LzoW7&TR^MTN=n%n&1SO}kY!nx mWi>{R*84pp?+1}reMg_-JY>AIVwPe60000rGRWrmfW~3D6bAML<|~XL_+93cLJCzhslm%$e_;GjqOkgw|RUgFwM`E8wOL z4+DX(BmfDiuo9Yl1`4);A>$Z8L^<$$%~eC;v?UMN+<#gmUvyNzCVdj_7bk&YWg8jK!v z9()Cze)OK>2FTlPv`XX>RjO3WAq-SK3v7o#ezb^%dFXu{oLHva)6$US8wMN{VRwC2c#t#{;zYj@+Dogq#&%+G%hXD9NN5e#;=2)|f9cf=V+!>g#)Gb>P7Z70R#`q?2H; zLLnRPc-=O_Ui7UJaNiGe9{6x|0}U72F#?)I#)4uFw)5jIo3jF5Zx0=G`iid=!R58! ztiIeeJb#4{a9D!vyyo~Nq!J=5)76w@#nk^r4q=u3sDho+q!M9eKI-7@p5$mJM)OPH zXh-p8XDqL&k@@+z;?t=lSkjjv;r)@~c>lR}BZq#YrTKUQb$79jx0%y?cn9nD0z>~P zPAiIY2WoeMPG9ga96nYOGAYewPE+3C*_BM<9~9a43Mi8kqwoL#002ovPDHLkV1oVy BK+XUF delta 400 zcmV;B0dM}l1-1i_FnjkB@fR55|G)6kYmFoj zV*vRQ!zN!Fn->)UfkRR8O`2@o>HD0to8{x*j+~^=!o;qB(MH zm>d@%IRev7B0z~8&Ym4Tya{5qu zksJho=R^HX9t=?HfRyMf0nPw)3dHl_U0CHxfMIC3f6D*K3al9DFibcB$me{Vjkaud4! u8GzmYJM)P;&J1AFJ=f9X_S^cU{{e8|c1jFlqzV8400{s|MNUMnLSTX^F}J1w diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Firefox-linux.png index bb3c201f7648e25d770f99bbe2d61aa8ef96a9ed..5e5cfe0d153364d62cb66ebe59aa865126bab46c 100644 GIT binary patch delta 631 zcmV--0*L+i0*?idBYy%`Nkl5D+Q?2HxE9@WVE=7k@i{T(n$FjwY2vF@kEt z$LAdZpY*C!tO-H5HcH5*ny+j{h+w4uTei(FY2$;SM7z#bpIlujqfPg(;E+J+MgD)0=pN?Ab1rxYih?B5g_ooDs zQg1-8w&kLxNPp=2GVnd3JW6#*zT{RuE+8WlKQnGX*hfAseT^rS)z7bXRYZ6+t3G$< z3PF^rE|qI>BRQdLPdC9fsS=;hco6T(E*&`khhWf@1WOwpwK_Da_T@@9`k}RmJ6^p0 zq#qT%B)Q#arxE;XnT9%fQCj5u9bzg&nB=2uv}n0Lu#If1$s-m!Q|6 zq8<{ID6&#mWThlw=S)^jySK~c9-;$-jothG&c5^AWsd5@At_eoe*yfLk(b4JcTaz{ zXz&j8TWCE-Mazq@wFcQ4JIo4D@#6+O_kR}2dr+&|Ay&Zo4S(GE_6}Ezu(NJnV+3gT zhZk;M@9)L{=s?vTmr|QdgExLb>HzKh;LN3eh-HyVr#fT>1Tk$&OnZiy<|L+-1ThUE zm#xXTYCN~g2@l$M->Lj6+{PT^9O#y=c<;Z;4CLw$q9R@v@^g}Zxe781Q%#(M-WyzZ zpxqTwxpygV7FS9I*jR#`+<&hKpm7h)2Ny~6n(7KvmcQPA0#2@=^OQ_H++A9Lz0J{6 w0BDQwsQ{)~;r}TBOv9S-=F}#&>+b_T05w>!>0Ks)@c;k-07*qoM6N<$f)FgL1poj5 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-image-ionic-md-ltr-light-Mobile-Safari-linux.png index adefbb60ab3bc5f3cd08f3213944aa318fe41c49..40195fc59a593c96d2ae4d6114f72f26bd287318 100644 GIT binary patch delta 634 zcmV-=0)_pe1Ed9zHGcwGNklvMF2d> zp5$tX+71Ptc<4d~C|PjtN=LD@;O|rk)U!GTeh!xd4R6%hP=9Eq?T}1@xYN*$vb2DH zN2))PhJ#{EX8=$PARq9XRdrCyT%2_*24$(y9bhnq)&L*`_A7Y454n+0ePkP zo~QcrIc;XN)cAOY+qoG+sesc?jwOg+HsQM@0Q4d@{-ryxPykHk=w9S3n(5b20T8oP zU&pzm6k{;9P=8h$jG%PRay@nCsTR@1Y@~RW{fkvfW18eF3`DmqMpN@D{lEIAMlnRP zH2sPN2utf`k^)8FG$x9~Qkx)2cv{^G+TYDpZKZ`G`_qR{P%2pLmDV=bi-Cjb!oc7H?`sjr-Bh)J^bh7>3VTTj=j z6xpfm(D^lT=`n6*7{`bcBugX<0PtP-4niN55aj^as1OnACE)~~sDMAyp>xZ=O8~M;95uzOwtm!b5aD%4AGI<s*d=r4Wz{6ld9xHGctDNklW$8 z#8hyDYJn=9@zBZ=r?qI`aXRz*&9{tkdZEYyk%=WsQ7-v&pcqd8iZ-V4C(%sOb8v=8 z2_OXZ3P*L!m^E5!OhMUB-jX0vxD$pRo{vAn{{*l$ zuyT|vDkaJ`{BLNH718vAyJz~N=i5zxINYVR z7d3Dc(fKU{H?1N>DXs@he2$wCmVYo>+cKv=;?eyUdAcD?PnbRt2KgVtsghsw%Nqj6@gsAN77H628vqoj zs>;#P5q*7qS(m4$rx65!iHQl_rm8AaQ&alcXf#q+S4U@OCxwND0Qh`9=H}*TYHFe& z7KCa~i9`ac z)tUte27}maHY^qkp-?ExZ#J6|MG=q3gWYaNmgNk;)oLXkkADt$dwXMdcNe$Yjoa-e z91fG~!z+ry+1VL(yFJ5hv)M={lN3mjlm$3GJ|>+`Q(Ifh>+369TU$hxE=CkZs;a6m8jV?P>gnlWa&nUK@o@?Z z3t3uP`n19VQ52D78I#Ebz{|@Ekw}D>mlwvy#`KH(`}=fvck5?^!GOtR!elbxa=Ee+ zkYyQB6e+OV?I?;uO-&7e9=x}=mx_uC0M5_PS$|wyu>5pbiKG0t5m93eSLihrKP3R*VnVUy86$8udJ-l*w{!(Ny)ES)ZX6C`T02~ zCx0hD4jzq0xxT)pwY3%AhaJG^=qR(Zvp)vR&dxGAI{L@(aXH-G-D!h^gIX{c{PrH$ z+1b$s1_rc;hlh-XleIFRpP%vj{gjuN)791WrL0$0R!~)yk&zLKii$FPIhX$C<|dIy zg#7$`Dl03o*=+hqk!2Z4lJuqD(9l3zTRGdO@SFgEo0}VAu^91qoKz}BDwTrY|Kfd& iR99D1Qc{w$y8i&Qd~ofpqkeb*0000pD-eO*_*NMKx`M31}{CmLH-^6aWOEem#)oKN~%jH6+(|-wKQ4}c@3Y1DEVzJok zfbDk6`FsYz^E?zq`9n8N6J6IiolcBKBScZeG|eZUZ(HOz4vL~6%QCL(KIzG15>-_( z3V8h(ze=XvHn diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xsmall-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6423dfa3396176120ece250b9a5d8a6153b5f571..601938fc209db556f06ec1ae9a1715721e4685bd 100644 GIT binary patch delta 866 zcmV-o1D*Vh1o#G!BYy)wNkl`35#B;T(gI-M zm6a7(EEec=I;5tiA|xaPF)=YB(Dn5-9v>fZdU^`0)r$1=bW~PWY65ux93LNJX=w>L zIXNgSEJQ#+fY(NQ!sG$@q_0CGMtF@eU$#=p+o9gLMMEG%GX zXhNJoo}SR$+zjdV_SQkPf1$=5O{QvKU;xtk`nu!t z@)C7*bskx<;Rgo?7#ti#U|^u~ePm<=4-XIGx4*wX;(y}eP*qi>lBv;XM0|Waq{+!i z2PH|ZyPDl@M}L1mK0ZEBQBi@Sq9PSQWMm}r^78QZ_6BE?Voo|bIuswy2&F6a_4PSw zYim84dvbCjRF#sFg6HRFbai#9064{zByDYN4LdtK7#|;3eAw*8#YIR>O-&AG6(00Z z2`?`%D1R<4#_a4Yy1Tow3<9MHHC|d3x5yV+S=NXkdUCFh)!(i{QSI%My1K_ zGUb2_4-X4UGBPp*2(x4#GBY#9LSqH&M?paWY&ILVx3|GtT%nSmoXowwJsch$et$A$5K7KuGJ*SuOOS_O>*({~Q}1bMX{fKS*Gxw9RpAQ6 sXUo~ynUJOHvn4b%6v@fS-#%OZ0KDq*KtA3J0RR9107*qoM6N<$f`llRasU7T delta 500 zcmV~Pu_K{+dWKir@A0>=4(>ySWqTbtR`hrl8=<+-riGAo!ooR>E7<<-Okf<-rxKD{_jhLLZJ`*vbfPNsv>MMHD>&=kpnjMgszY z0MTfaAAo2fdVkz*H|%yhGMNmlRx3On4+D5+Kng;k5aDnbTCJ8JU^bh91WdHZ<#Kd7 z9c;H-q|<3o6h%*Pun)9F}> zNYiSyLbKUqX(aV80f)l@#bS|GVltU%2stIm!E81o7;OyF0FsBzX2b1v!(=kSZns0B zP~e_mJRYOp?<1GXK`NCpQ*^ssEEWqIUM`oJcR-Y=R4RDAUg-6Dei^*D`DKCgCI50? q?vVew@$>)p1e_)rMVy^~X!r!i!WWMG_$En`IF74SD$mc)vMd7tilP>a#qD-e6n}+b*!Lj=Js??@lgVVc zTqa49Ac(QCF_Xyz0IgO_6vbMt#`8QyQ8Z1XDEcFa(^ z*=#nK%LM`filY7ky1BVYr_-TO$Zog)711q05Tenj-|t^pSy3IG7E3yv-rwKvhXMc& zhvVSjAe~N^N`Iw4AX%2<@pvc{Qp?e&j7H<`?rtm=Yc`v|LCIutVPT=qSbE~}dcCPs z3IOzyB$dnMa5&uEzS}nC>V`KtJP|^+Ytom&Tf5u{qXQ`Z*Nbp*I!;GWo^ zSy7bH(NO?+e}CtBzSHSw>s2n7x3{;|Hj1KZM$^;NEX!&jMN!OVvmVFsMx&vEDwRs7 z)7jbC!Eqb_8jZ%))fLb4PNx$91VI=X8Br94Wq;Z38i}HaWJ|qSb1h zo10U6OiWBL3{xx?RZu3A$z(Fa!^4x4lUrL`8mL;Wx?HY-mzS55lap{b{L^v&f3@4~ z^YioL<6|9$VH8DWv)O;3006@<9*+k_Q5^u#G@Z-ky7yS0s@LoJe4eIhP!BDNqJcml z8h?!{iqb!&)oMkf(O@vB-Wk955k*mczdsU*^ch#ZUXMf~tE;PSw_A1obJdngrC2QH z^?H3i-%qt~x7!TE*NfHdCn-%d#X%&d$!_IBqtZRbLdvYPDLeRy`gM zP18NMU@u6OEX&$+BuNqgU>JtuxXb0DC>pBg{ZRD_d!m}#!gV;G00000NkvXXu0mjf D>lM+% delta 413 zcmV;O0b>5h2gn1EHGctpNkl26kSEZZaq6p4i zodm%L5L|tSPU7rZ`T|WvyXjU4{sRZyTG2ZMq!h8kb-SMFoRgd%-bJRTQ|1wyFVYzC)ZSR;fK3WZ!QXWMqLFG-TBs*OfNmSx6RXetc4 z-|x%i5@U=prj$M&kI;twe!tu8f=XXo+iW)1>lI^syWK3y+HSYiYLzb;hG7^60A#b- zdc7W@$hPftI)5#SVzF362nF4>TCL%5*zflRL72^E?-cpI?>LU?-uA6%z%-Ya7l*B00000NkvXX Hu0mjfafiT? diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index 20d8c4c3f9..9ae8165539 100644 --- a/packages/angular/src/directives/proxies.ts +++ b/packages/angular/src/directives/proxies.ts @@ -210,14 +210,14 @@ export declare interface IonApp extends Components.IonApp {} @ProxyCmp({ - inputs: ['mode', 'size', 'theme'] + inputs: ['mode', 'shape', 'size', 'theme'] }) @Component({ selector: 'ion-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['mode', 'size', 'theme'], + inputs: ['mode', 'shape', 'size', 'theme'], }) export class IonAvatar { protected el: HTMLElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index 2bfb4707a5..2c40bd0556 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -290,14 +290,14 @@ export declare interface IonApp extends Components.IonApp {} @ProxyCmp({ defineCustomElementFn: defineIonAvatar, - inputs: ['mode', 'size', 'theme'] + inputs: ['mode', 'shape', 'size', 'theme'] }) @Component({ selector: 'ion-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['mode', 'size', 'theme'], + inputs: ['mode', 'shape', 'size', 'theme'], standalone: true }) export class IonAvatar { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index 200c9bd0ab..0c5e1d05e6 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -103,7 +103,8 @@ export const IonAccordionGroup = /*@__PURE__*/ defineContainer('ion-avatar', defineIonAvatar, [ - 'size' + 'size', + 'shape' ]); From 8ebece3e30027a398273b68a96d077b0ae103c08 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 28 May 2024 13:46:06 -0400 Subject: [PATCH 13/16] feat(avatar): add styles for rectangular shape in ionic theme (#29551) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"rectangular"` shape in the ionic theme. ## What is the new behavior? - Adds the styles for the rectangular shape (border radius) - Adds e2e test for the rectangular shape ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10740-ionic1.vercel.app/src/components/avatar/test/shape?ionic:theme=ionic) --- core/api.txt | 2 +- core/src/components.d.ts | 8 ++-- core/src/components/avatar/avatar.ionic.scss | 4 ++ core/src/components/avatar/avatar.tsx | 5 +- .../avatar/test/shape/avatar.e2e.ts | 45 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 540 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 521 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 500 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 627 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 585 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 624 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 695 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 717 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 637 bytes .../components/avatar/test/shape/index.html | 9 ++++ 15 files changed, 66 insertions(+), 7 deletions(-) create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index cb233e2d7e..8d4287501c 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,shape,"round" | undefined,undefined,false,false +ion-avatar,prop,shape,"rectangular" | "round" | undefined,undefined,false,false ion-avatar,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 07d039058e..2bd6f5c617 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"round"` for an avatar with fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'round'; + "shape"?: 'round' | 'rectangular'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ @@ -5572,9 +5572,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"round"` for an avatar with fully rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'round'; + "shape"?: 'round' | 'rectangular'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index 9e8c228944..ac0d116ede 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -92,3 +92,7 @@ :host(.avatar-round) { --border-radius: #{globals.$ionic-border-radius-full}; } + +:host(.avatar-rectangular) { + --border-radius: #{globals.$ionic-border-radius-0}; +} diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 6e3db222f3..016b7a5eb4 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -29,11 +29,12 @@ export class Avatar implements ComponentInterface { @Prop() size?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; /** - * Set to `"round"` for an avatar with fully rounded corners. + * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` + * for an avatar without rounded corners. * * Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - @Prop() shape?: 'round'; + @Prop() shape?: 'round' | 'rectangular'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts b/core/src/components/avatar/test/shape/avatar.e2e.ts index 7a54762782..f44a119bb1 100644 --- a/core/src/components/avatar/test/shape/avatar.e2e.ts +++ b/core/src/components/avatar/test/shape/avatar.e2e.ts @@ -50,5 +50,50 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-round-image`)); }); }); + + test.describe('rectangular', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + AB + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + + + `, + config + ); + + const avatar = page.locator('ion-avatar'); + + await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-image`)); + }); + }); }); }); diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..dfb50e7fdcf3a57d60d5abc2c42338e5b7a0c8fd GIT binary patch literal 540 zcmV+%0^|LOP)Px$)=5M`R9J=WnZ2s&Komy5=s`qrEK*Cr9}tTmSO}taB4QyTf~^**Yy$cOc>qBK z8}S*e1g*qM0>Lgte1kwz$bf}HPIuto1@Fy-tHrExX7lX@n;8a17>!0AKA0~6n9XMI z_V^>Jsv`7miC1tzR=6N5T#ywm$O;!^$O#P_0(cXfy)J4Mgy8IN*N2 zV=|e*^E~YLdl-g+QmMq8%{*e;wqaQoI-L#(AxI{Z==b|D3mCv|25!Rx7x!3)gkAUa!$^x0&S-)FH{` za=6`YSS%I@g+l1{dXOY3i0I(18CjMg%W_b0KQIeYN^v|MVVWi!$AKUS5JeG%LIL%9 z9r1YleS(+E1)I$V#bObI!2qHt!t*>hjsw#)v0N_E?RJsLWd6V4^?Jo_x5IQgecFq~ zVo0S@Xf~Ue&*vBphe#w6zWVq+#hRu;QIwZ;ilRW%G{0^93F^9zN~MBGB=WL08jYe{ zF2gVkKdt`d9VYY}WVV!IvN*1mp48SHpkh6t>R4?Si&AGXnkkdPgh@uqA~uUMkikIb z_MUP}-7Duj=ickq`_9kzeLv^(Jm-CdVzH>=jhDaxTdmexB1)134oGPYH%PI^vfLmy zNHsvs^BLp@^%xiqhnUS~5Cj2{NCfeCTu=PVTGM85JRakCJVF#jsH%$5Xauj!W;4uB24u6x+8PRl zw3ae3b`LU82E1G@kxHfD^Z5)xk^oPq6T00lDwWF9!`tmP3WWk34u@_?5@4-XL!;4v z)oOiu@a1wryY7J!Rtd00000 LNkvXXu0mjf9NXuC literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cdbb3cec217fe345f9b4dea26d0465d2e682d478 GIT binary patch literal 500 zcmV6-OTg5_{h{34@A=@mn%`VAclx63X;hg_tE=3q%7zX!_`rtUO*XzAl zHBB@2V)9W8W-x;p{P*AwikaK(Hl0o##{mEoi^WExA&O$y5SkT_MkC+%+wHb#n)myC zJRVbogoZDd%kg;BbzPQa2%)a)`~BYYyvSifh%C#o*w-M>^AJKpNaS!joyHhHBti(r zIF(984hw>ys_Jk!JfF|5>kbA3RaFH+2%AH5tLydpd_K1Px%ElET{R9J=Wm`!imKoCG5U_KfM4IgQ8NScryD@E=9KlfC%RaEs*wL%7^QVT{< zQ{&ji(8C6>!GR1$z=0?EfHmuVV%Iw}PJH+=9<#?JcP+4rgJ4_^f^pF{@sLg*x)xZD z`kl{0xuCAN#1d>8ptr#D!}krK(T0o$wKKRVZ&}bC!krGLy*lpuFKG4P_6oF=d@k`G z^hfZyzFICw*McuPjMhjAV!`^K*rFDD(Uy-93ARl61VM&A7=76o zk>KBf&?thQC5smcI-bxbf`KcG7YQa4LYoN2BU!viFq;s9ZRRISLgiREMiQJ(!RxBfD!^4$p6Bqz%W&>u?*W$ z*E|^wPK$6}f|F;ayrplkKZ0fl?v2$_QnG24l`hK5&&MYP^_Dv0d|`PcMN7e(^QT+W zg(bFK_}YZNplgf6(4V!YZ!Z^1y3n8Nc<}M(_T++eE%;Pl%t|4_JALsh!8Wm7_;w$@ zHx)E(=s)bhY7WB;_dZj>O>}IVq8(^&r-I&wkC8Y8kF>o{bqB$?{09f&x8hQlq3-|y N002ovPDHLkV1n$H90>pb literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-image-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a566b986a1f4d2c80d2e640cc6e4feaeb3c60b8f GIT binary patch literal 585 zcmV-P0=E5$P)4bGz#h=sE7LV^D(HG$O1)@tSl6*6w+*_>(b6sclWxwx(i0N0b(*>$cp!q^iThlA(r)Lg`1_7VfnueAX zEZzg92cS!kX67Zhb;4;_y7Mn^aR%3Gk#K4yP}HA@|Z^3mW`N z8nAE&uxnL}U7cQ$8z}|Iu076=j=4!wb4(s(6-x# zH*MTzcrr(C)Vdlf*({sA`dm_3tPgU0v7m#pyRWI-8Wocqa|tT9WY1qq#ey+CJ_^W*N z)<8w5qUNne)`S4{&aGP4IyfuFwO}+X-tmnEWOa(SK!w2Uuo!`+RyCDJnJFMEc1gvl zU0_BS2F*|rYt};#0djnuQcF3i*R?}Q{->W*+)fO~={G>W8Q^pFx8d|fb5q5wDc?+( zp2b{BwJGlY(m3-EHcSB7wXB{KY@Yyi6~A0;rOx~5MP*`Ik-_Fjz`+{`7f{9h|4PAk XJt8vbZQ*t=v4fNN!NR4jLmo5W5TWudJ)V2)nS1Acw)Xx!U>8d4g!&)+D8Rbv1lOlO;>Kn= z2S_E!rzvF+im#vm4xrVe*}?T9*RKZXf<}c}2`zT8>v7s*V67ZI|3-hzNgZ8C1(aK$ zfV0b$)H@9|X?CPyg=%*3{5Zh9@nSZum+R4!Sf0&b zbJN!TsvA2Fa9FQOl9{rdlS`tUH-l42Wo}C1bl42er!nX#_%v1eGk6tm?c){X3p3lo#N6074+-{f;Ww z^BGPUPO!c+nPE=}9{3DRBb{RJ3C1(Bdt}p6kFpLtbLoy~n+)xBh9(HG94v><2tb2u znrePx%aY;l$R9J=WnK4W2P!xc_K2j_#(n6ae3WDuW6cHg=Gb*(R{s9LmIE#}%!=d6o zaCCBT>CiUu|r++uYsVp(x6SoN1bLIvqD2 z8yh2)N-;Gx_5TD94-aXzTFA1@^z`&V?&Rcz^Ye2Oi39+S<6zr1nM{Vw%}pYa$oC4~ z-`~?}wTQ>#=(_$v5I~k?c6N5$`0DD4{r!E)h7S^*WB@ zeA+WJGsDEh1UEM~o@RL#e0_bTR;!^X3X6-2IF7^F+1aOk-EJ2l1hOo9n&Zf*|4Fi=%>pw6~!j*gB1cz%B7;^KnI$w~70yr+4dchE2lGMNm?WD)>X zRWVHyA;dskzu!j)fe?a+hX;7SEKg5Qp5}Sl!EU!pqtQUqG_J3&0T>@2N0KBA!(e4) z#jQ;w5^QX2xN)!7qf{z!aB#rZ*4Fn3)@n8S{XUgSg-WF|kgHa!zAMwy+R9hz5F zm2$c4UIHNmrBVsrk2jf2vbMH{rfHr8L&ak8E%+|>K_KXtK+rFNpkD$(zXXDQ2?YHT d`t83V{sKXu=5+vPY^MMK002ovPDHLkV1mUeM4bQt literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ff8f260ae6a5b77bfb8780bf7100ccd8281d20ef GIT binary patch literal 717 zcmV;;0y6!HP)v!t;X)| z?sNeYi3A=V9?)*LsTG64@Fk$%@5kKS+~B)dEQVUG2CvsUJwRf^<#Iuz(ctav4R?2U z^s_)97$of*90p9KQn56 zy$)h9?s6ru(GlOlgTs!I83p$w1k6$1CXJaWN{vn zR;vYKMXS|9uh-KYq-?jhw-mHLo&6H;@9)zg>2|w#dU`@Oo28~L7Rw}j++Vk@uC9ckem&Yej`9%t<}|4?CtIS z6OhD`JxG~JTZ~(r0AF8UL8fwRYYXe^>!0=}lX-o84Uflz`T6;84VFqJWHK2zoleMP zvT=OeN}SKV!feq*5u?*4D7Sy-f#alEn#dk_~_Q9v+a@ zC~uHA$ZCK!p6@~4Agck^c)kaJ%pmJV(~SQBuBgWVPA~+h00000NkvXXu0mjfZqQj* literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e8849fc65a8281daa029feb2468b2c7fe1585aef GIT binary patch literal 637 zcmV-@0)qXCP)QEE_;FCuhBSH})II3|GLlY5-lt333A(J9FiQqqQ zarYNEJGtrPD2R%GAU8FQ6a#{yg4l{WsDn}Q4MHe=eT{>(??LW#bI!TvQO>~=dvQOe~qK@c3reckZVqkegL(KOBP z_lu(VAw`lT!!QiPghHWoI_+>co}Zr$8(s<{glL-Pd44n+&FAyKm0=i05QL^_*MT>i zjjE~~$NBw!i^U>I(uacme!t)E*Xwno(Rh7*eRy~0tlgK zG^%H3vso^e(?27T2*WVffe}I;kLULG765|5V5id=4u@W^_nf6DDwRqBz~OM{_xsIe zlcFfYO&h~+Z*P;yL=c4Y&CxVX5QHd-I(&0;<955xbDz(*SS;%G`W0Y=5CGI_wOXyF z2W44~$KyEu$#R#=g%CO%4xeT(g-@rGBuO+)3xc2rr_*V*TJ80EcXxMxE*X!5?lLRPDlW!d*Z z48y|VaJ${!ZnpriTCIx3A^;EsK~YpPnGA=+hA@`NWXyN937fD9o3IK0TQK%hzngvo X$Qau8F1xMD00000NkvXXu0mjf@p&Ve literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/index.html b/core/src/components/avatar/test/shape/index.html index a70ecdcb8d..bd07c0e55f 100644 --- a/core/src/components/avatar/test/shape/index.html +++ b/core/src/components/avatar/test/shape/index.html @@ -49,6 +49,15 @@ AB AB + +

Rectangular

+
+ AB + AB + AB + AB + AB +
From 2d249d8f68cd70058cab3dbebaea5a46d14746be Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Tue, 28 May 2024 14:28:12 -0400 Subject: [PATCH 14/16] feat(avatar): add styles for soft shape in ionic theme (#29552) Issue number: internal --------- ## What is the current behavior? Avatar does not have styles for the `"soft"` shape in the ionic theme. ## What is the new behavior? - Adds the styles for the soft shape (border radius) - The `xsmall` and `small` sizes have a different border radius than the larger sizes - Adds e2e tests for the soft shape ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Preview](https://ionic-framework-git-rou-10739-ionic1.vercel.app/src/components/avatar/test/shape?ionic:theme=ionic) --- core/api.txt | 2 +- core/src/components.d.ts | 8 +- core/src/components/avatar/avatar.ionic.scss | 9 ++ core/src/components/avatar/avatar.tsx | 5 +- .../avatar/test/shape/avatar.e2e.ts | 86 ++++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2104 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2401 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2074 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1927 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2234 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1899 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 2486 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 2728 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 2434 bytes .../components/avatar/test/shape/index.html | 9 ++ 15 files changed, 112 insertions(+), 7 deletions(-) create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Safari-linux.png diff --git a/core/api.txt b/core/api.txt index 8d4287501c..977f9e9ee8 100644 --- a/core/api.txt +++ b/core/api.txt @@ -184,7 +184,7 @@ ion-app,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,shadow ion-avatar,prop,mode,"ios" | "md",undefined,false,false -ion-avatar,prop,shape,"rectangular" | "round" | undefined,undefined,false,false +ion-avatar,prop,shape,"rectangular" | "round" | "soft" | undefined,undefined,false,false ion-avatar,prop,size,"large" | "medium" | "small" | "xlarge" | "xsmall" | undefined,undefined,false,false ion-avatar,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-avatar,css-prop,--border-radius,ionic diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 2bd6f5c617..0caf827446 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -336,9 +336,9 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + * Set to `"soft"` for an avatar with slightly rounded corners, `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'round' | 'rectangular'; + "shape"?: 'soft' | 'round' | 'rectangular'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ @@ -5572,9 +5572,9 @@ declare namespace LocalJSX { */ "mode"?: "ios" | "md"; /** - * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. + * Set to `"soft"` for an avatar with slightly rounded corners, `"round"` for an avatar with fully rounded corners, or `"rectangular"` for an avatar without rounded corners. Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - "shape"?: 'round' | 'rectangular'; + "shape"?: 'soft' | 'round' | 'rectangular'; /** * Set to `"xsmall"` for the smallest size, `"small"` for a compact size, `"medium"` for the default height and width, `"large"` for a larger size, or `"xlarge"` for the largest dimensions. Defaults to `"medium"` for the `ionic` theme, undefined for all other themes. */ diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index ac0d116ede..ee9a0eb645 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -89,6 +89,15 @@ // Avatar Shapes // -------------------------------------------------- +:host(.avatar-xsmall.avatar-soft), +:host(.avatar-small.avatar-soft) { + --border-radius: #{globals.$ionic-border-radius-100}; +} + +:host(.avatar-soft) { + --border-radius: #{globals.$ionic-border-radius-200}; +} + :host(.avatar-round) { --border-radius: #{globals.$ionic-border-radius-full}; } diff --git a/core/src/components/avatar/avatar.tsx b/core/src/components/avatar/avatar.tsx index 016b7a5eb4..40ced26c33 100644 --- a/core/src/components/avatar/avatar.tsx +++ b/core/src/components/avatar/avatar.tsx @@ -29,12 +29,13 @@ export class Avatar implements ComponentInterface { @Prop() size?: `xsmall` | 'small' | 'medium' | 'large' | 'xlarge'; /** - * Set to `"round"` for an avatar with fully rounded corners, or `"rectangular"` + * Set to `"soft"` for an avatar with slightly rounded corners, + * `"round"` for an avatar with fully rounded corners, or `"rectangular"` * for an avatar without rounded corners. * * Defaults to `"round"` for the `ionic` theme, undefined for all other themes. */ - @Prop() shape?: 'round' | 'rectangular'; + @Prop() shape?: 'soft' | 'round' | 'rectangular'; get hasImage() { return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img'); diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts b/core/src/components/avatar/test/shape/avatar.e2e.ts index f44a119bb1..8bf6128bb6 100644 --- a/core/src/components/avatar/test/shape/avatar.e2e.ts +++ b/core/src/components/avatar/test/shape/avatar.e2e.ts @@ -95,5 +95,91 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens await expect(avatar).toHaveScreenshot(screenshot(`avatar-shape-rectangular-image`)); }); }); + + test.describe('soft', () => { + test('should not have visual regressions when containing text', async ({ page }) => { + await page.setContent( + ` + + +
+ AB + AB + AB +
+ `, + config + ); + + const container = page.locator('#container'); + + await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-text`)); + }); + + test('should not have visual regressions when containing an icon', async ({ page }) => { + await page.setContent( + ` + + +
+ + + + + + + + + +
+ `, + config + ); + + const container = page.locator('#container'); + + await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-icon`)); + }); + + test('should not have visual regressions when containing an image', async ({ page }) => { + await page.setContent( + ` + + +
+ + + + + + + + + +
+ `, + config + ); + + const container = page.locator('#container'); + + await expect(container).toHaveScreenshot(screenshot(`avatar-shape-soft-image`)); + }); + }); }); }); diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..553e1b1fd635f66c0eccff4acfd3aa07c5905a7c GIT binary patch literal 2104 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 N002ovPDHLkV1h!ElVbn? literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..70b9f8a910ed3e103e06b6f8b336191180fe87ce GIT binary patch literal 2234 zcmV;r2u1gaP)1%h&E8@1)3Qq^~!+Nb_?eQKY0uPU_?6p+fL(4ayH z5H>0a0YL&KE3%oXzYWuFraLpobJ@)9ewGjqYkQ7=p7KoU)@kqq=><08Wd_9gQC-;kb5W`@bhaFkl*;wDqLQR%l zmEs+d52HJKRQS{rh0AS)*U64+7#&L5SUw_NSb#fahZx*Xf5t9yEWUGlOcu5mVY z`gL7@=(cR;5NAJT7N-uhW)>4?3x6j866h=f&ZT>e}7vj{VYVB0vO(DpX-kpKzU5O6NecwSV2+PcWyzeFCt*qm$c4w1?C zL`pFeh0osCne*#CUB0|>Y3;h!hD3#MS#^ zoU+X!43tIA9EuhS?ci%G60oiEOytS(fA+zi-NRxWy7A%_Y?0Q^BF-ZGws1Dl*?+8T z9SLj&fk=^Q} zp9DytI|)SkB!0T3gVL(yrYkeyPV_KK;mn?zh;N5>aJ3bQB*Nxfs};D$)@j=jPlP#0 zfCNY&VkQANMRQzhMJw2`Q6lE&)ef#UB4N8c7PQ-Dxy-g5eECU$1V}(bpslvRwwp*i zelBu*UegWXd2F2Ts6{Jw>8xUD5+H$YA)q=;cgGy23vPwQ*4HB~K1|nc%T3@mZ_aY0 zN&C#14{+8diiDOF^N|1vXb8lLL}MkkVL5ERY&FX`N!ItZ>-yTkRb!{mEQ!N9*lD&7 zY;8Liv&oZ z_yi(F0w;nod%)@7)wRuy>F?V(C5$g!oEQ#ESr5MLbeN9IO~wBMpoJtr0?`EiClU~Y z%905ku_96p2t!y^Wg{3PLnda@hzP`^F=Z_hs2f6Y+uVT>Hlx4{;;6aHB9E{fni-GZ z{wy5VNB4>B-Kl?#wY>E;GA9X;KsOWEBoa8NhIRim2?y62!%AoeEt|m?_F?JikqL1D zG4lfu;!Fg@YQG6>VH*P}4?As_$Aa8#mdpII+IFPrW0oZW66hWR|B3|SA>j)>i-a$D zY~4iC4qCP%k%gUk&v;OO5@)+_m)7Z?q#arFV|^q*0-Z^qe(BKSilYvir^SGf5+j59 zONTmDB)}`lE+^YvO`J(+-%REs0TQqwP`|$P`dqJdOr*Gn;4Aplxc>T5TakcM9ihUX zzr8Kbw`Zquq~oM=lrz1V?Rn047~n7NZQ<`EKmtW2;H{eDcJKTr*H=ORa4)>&Dr{%_cBtQb)O`t9k zML-Y~3CtD{U{JdaSK9`N7;dc#-hZL}0*{;VXzj==pSB%&J)iZG010#!fkKKz7Uv7% zx+!@6Ks&fnB;v^OcM>3hP9jh^k+3;Yowg$yBdk&+($Zvk5+H$2Bv3e!NU~itX~#5f zGtE;Zuylr9SblhuF#ihtCVsdR?9vLm5;m&6+IA#m#&RS;0^LQRFd}hz))UurBrw?q{#zX=nKmu71ph#F!oLQ*J(yLNEeiUXAMM$3*k-%(XWS}M!qopF4 zL>owe1UiHOMZ&Tp;WxQ9=cKwP!t#-^*(XgfMFa*sJ+2R^7+WbbkN^pgfFVGUNbnk9 zHgRRPlzDjd1g6xBAT0aTVa_6w@?$v?Ac1fK6p4gy$NAqpxmD3^n@#u#b+O}Po}Bxr z7`CX5W=0Yqfwmw(kx0=^-(Pa&?!wkOiYG^1`R3EDwIKyU79{}^C^!L%M9L0YT=C@R zX-^iG9dk!SYrf`(`aKyP_T-CWj_es~%`;PCVsR26fi@-Z4^?R$wlZP$1ONa407*qo IM6N<$f)sBd>i_@% literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-image-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b65394b67c00d77a53ad807fd6ad1da3f39d31ca GIT binary patch literal 1899 zcmV-x2bB1UP)Y?m1AQ7K0){EK?)A@8psi=(elyjDG#P!K9SqsW@!Q zzRrbYaDp?LiHYYbOU3!p#w+*YN$+!-E*d@AAG3+cq(>uROvV(MO~`VNrJW3h5ONP2 zP0SxpnJHF(I29(p*^-I1haSc8RJiQLP46>8;-G1^HO2EW%rQVso7IxSy#I?55(@mV zEnP+mQ?kRhe7KGKUflE!KuGM>{EbHdB+%BB4>eOR9}ywM0`Kb&yhWKi z9`Y)GwA#%zUHJWebWdAT%DSMu5+P1SEPrYU{Nn(ce)AI{aCU+I2yb6nM)@*jHgm3S-XA-AM>7P@`?wrpas>dfDArR@v(93%uX9yG9xIEGWJ=V# z3ooc&qFVO&MXA-t-U%#I!iK zQ$om`MQ9n0uk%NiOo7qF%MnZse5_f=qZujj@eEfk^2IhYS%!)ChuE**k4N+0eyZdB zq4jT9?vxO6n?*79lAa2VXod zQ#g__FGtWG*lO0X*KB3S=Q!`%YI&jIr0wru2nj8V*rPB!U0-;?lMRm(N#m)lX5P*g z?=b|9S`OMDwP7xMvm=D8z&g5A%gDqnex6OBTJm>5i}*U5>j3-61Pl56&wc{*FXr@JhL^rg$8591&t^cI#ODjct$qFTmq z0syI)Ulo#S76YpqsCx<-UwWUJ)gSqN2_a;uC1FP4$R?0Y_!W-;Y!wh$cJqjWE!D39 ztcaHQ3Gso|TarY7jP4M_2`0u(1#>KdR1EnPvI#FA$Y=y#Rj{|XG>I|1sUYg-9<^B1 z`6aHmxe!9Wbmzg+r>LEy*|V6H+}>ZZ7C|YG?E>QV(m+dX=I}MczfUc4%n=1|Dkx^X z>1dJl6wWRjUXu1_D1?ODbx4vDpPM-DJXA$JH#Jb};Pf2Nig>Z(Z4nY$*CA=|1TBZF+EU`Eh4BQt+ujT%s^CQl zFMf$41BGK}6QAmK+wT;8Os)|UW}GwG>N$=_bIl&weQ@@x-(s;{K*8Sha3hVaqR*ot zB&;Htm^hfYni^?3UX=vk>LyZRG{tCw$<=jXw89aKA{j$67Rc%r!)^s1PL^zQ+eqW< zZCY(3#4nNOD*NF?x>-VFkUPZ{FCR|O>fv&T{%GMA4bG5DVLgS-98!K3Ohy#^eg`LQ z9JQ?z?K?$mtF-)2h>s$vIRAcEOs>%AvZXun?_bPO&dWdV%D9aWgxn@2>Rp_kV=!Lc zSV&xIxYY2uiF6#>D$04kjw@imvmz=5oDXoJ-4sAtr=on`p%s&;!1(!--7gnTLJ|Mw5ucz@(79s$s=@UJ6hd-n+;zY2kd zq(&E?8@5WHmXZ<&O*9uD$m^adF*PtXmV7XZ5aOXgw?!O#ee&5+8>PHAw=xBKBlJel z#u!a8oZJbWj3E_6at-MOa!KS;P$NIGAB`@0 z!-tNql@gi`O}{SSVn8m1avqym55DO{2$>7$dCJ5@Pggvj0L^Zgi?31@rRg|sq1jvI zAZ-bBhv*LR-!qi*cveK(>cl%jh*JTDq~|KzJ9Ab2w1~nTS4CZ!_|F+yJr8=9K%3xanfe`_vgBk6$Q4QZ^w0bOvrqH0{u**Poor#_6+4gg6$8kW|hw_Wz230E{MJ zKsg_Ze_KMl6^h3u9p`G=6hTd-Oo3v?Ovgj44)DKAKAJ8(G|nl7Be{m( ltcyQZ@k|X%lqbXwKLf=%w1@Rqj4%KI002ovPDHLkV1i0{e{BE& literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..254e82449900072c69da0a051f76d663f509be99 GIT binary patch literal 2486 zcmW+&c|4TsADuyrCB~9QS24(yEYoD26eh#yj%~P-ooq3P3JF;TV;TDva_{`6Yq(|U zBBX3tim_e7BqYf?#!gxKJ>7ra_x(Jd_gT(4-*diClBK!Hae-3;5D4VBDc*<(fk2bM zw-SsOJO!6{vET*0Lo~rcD*L4uArSuCrbdP~Va4o8Q-b(I8QwL9-4RT#;u%hhh2@c` zRWVfXNi~FWt4R|ytmwh59UUpXtgwrP4aEvdU2IujILt?ghkEyeoD$qq-0ykac(kgV zJKn;OPCepwBV*sK*0MD=p>a=H}j8o8eA1rd!`R3i!4$M@de`-o2|KASj5G5YT-s zgY*az7ZMS1sB(Ut+|Z!&q_h+(m&sg=wXcx$_xE2|Tr|9KgXQuAdPYjBE%*F&xQq-Z zN7`}j;P>Bt6Abv+5OZ)4!NbQVuc9Ip6%|$d<*_>ofzr{T&}c}T>(^%oX;cv@ETz?V2jdl0V1wV7B z?_c~m+njL4umKwbiH_qF!K&rQxgnbAaO}s7MBArxPi~pWWg5_j4z|}%Q4=;56(30V z-9kUQefa%ez7pJ8_%w#Ru@PL*=k?!|RK97bWZ}z~n3eJ8aU6sepv}s`p*K_rODUqs z&HQUuPnn$3heDwg3MJY`8Ry}lz{|(i*nbU%^eADeibY_ zv9;xb92_2IW@leikI_7JT+R6v<#2yjURU@2hvv=sfvb#RC?rqiM(m06w$;{wa4amS zcv6mLql^?wf{Thm3C+c}%DKbIMy96xS=reaFqq^b?ZD6dk1y#&?4jmkJke4p-9Op8 za&G8H)j_kyr15GfIJ$DK!0zf~93bNf@!UKMhU}Oem*CHSN7fFUYV|zd?2J{p z+#D#myb>B182FQo(> zBbFPvxX5sD*b3WO03qbg*4CD5SXjZ~>fBs>YpX&23JwRm;YdpEu!$M350r_Gi;H>p zZY^NCnVOa+Y=px>vz^@D`)Z~d%YT@d@DJAyqS5KxB_$Wy!4Lt zcR7Q;brdRfPH%#=I^B{U69eTrc8v9^<^KBTV;Br(+?3Z$Q5>w}?(Tm3%Ue+ur>+WPL70L*cya0-C_bV=YgZ09b)v^4epfA*s?Mu4Q*|DO^vwUSmongrnLuJ3NV;i zRFu-4E<-OX^BIjv92y$Rz$=W@6~Nn{9;4Lb8(U@^YGGlI0tHL)1WnBf`?}=G zuN+Q#zPii*8X6GJ&dwnNn>#xR?>q{-pA6r-cMsUfKsmR)yPGd5De1q>5L9CjYTS^n z?(QKLD+$CQCi1ZeDCUk>B{5*`!R2k8kQIcHoM_V|NejeIZGFAGygYY7#Ns}CLfcM7 z(nsSIfGvOaY<&HS&>LAr#RPUxZeCtOa+Viu zYyqjwl``?IorPi`mT5Gad86bT6eT_V4_jH3u4};L%X=B`JV=>7K0XFluX6KnK|9

V61ksxRtFU*z~Tiz)6zjKksBKu8-nKq!1;(o;@1Ns z+I!!jsj0Np)qtGbTwT=#YzIncw9+Xha(~BcqLNsC``dniH2|Q6U!>m!*x3MxgkwVpz)Mk+inVtSqsdoE&C@zPfsP zB<*Nf&<|9_+1f5m5T8<3nX+U!T0Z}r7?2KFeKX3%J8d3}h0daJa+fck2EDg%cOP>{ zj}J+1_yzn2h+1H?agmXSuk@^Z>g-3x#^_B=zkp2qdJsj1{{wF%a1_1M#|n;9!8#eN zMnYyQmsAx<(-pO%9__d`*NgQhkYr|VuZFg&gs7;fS|dEezT!pG=hI;H*a?2V&W?^x zz4_`9-PN?=MMrnlKrH3K&xRHo%M}tNd!6XyWaj54jxA10CdZMnNZ~Vj;Nl?AOt0?g z?X|ME$IRBwlHnUwW%z?QCX?`l!Jxl-Rm@RRQdc*zwHp$=cSkSlJZ{7sCgEu3P;pT@T{yujs-*QeEfQuN!6lZQ!iFJ+rKQ0rZApigX literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..12880f88a7c4ca8b2227b09d11fae439680cbf32 GIT binary patch literal 2728 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 A4FCWD literal 0 HcmV?d00001 diff --git a/core/src/components/avatar/test/shape/index.html b/core/src/components/avatar/test/shape/index.html index bd07c0e55f..16434a73b3 100644 --- a/core/src/components/avatar/test/shape/index.html +++ b/core/src/components/avatar/test/shape/index.html @@ -41,6 +41,15 @@ +

Soft

+
+ AB + AB + AB + AB + AB +
+

Round

AB From cfdf4555de1af3dd9cbdc171de67a515125b2b8d Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Wed, 29 May 2024 09:57:51 -0400 Subject: [PATCH 15/16] fix(avatar): update font styles for ionic theme to match design (#29560) Issue number: internal --------- ## What is the current behavior? Avatar styles do not match the Figma design. ## What is the new behavior? - Updates the font styles (size, weight & line height) to match Figma design. - Updates screenshots with new styles. ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information [Size Preview](https://ionic-framework-git-fix-avatar-font-sizes-ionic1.vercel.app/src/components/avatar/test/size?ionic:theme=ionic) [Shape Preview](https://ionic-framework-git-fix-avatar-font-sizes-ionic1.vercel.app/src/components/avatar/test/shape?ionic:theme=ionic) --- core/src/components/avatar/avatar.ionic.scss | 22 ++++++++---------- ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 540 -> 630 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 521 -> 528 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 500 -> 561 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 695 -> 758 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 717 -> 770 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 637 -> 706 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1482 -> 1563 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1194 -> 1204 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1450 -> 1503 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1643 -> 1678 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1390 -> 1466 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1589 -> 1619 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 2104 -> 2224 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 2401 -> 2410 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 2074 -> 2177 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 2486 -> 2658 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 2728 -> 2880 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 2434 -> 2526 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1767 -> 1816 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1283 -> 1289 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1745 -> 1801 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1921 -> 1924 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1510 -> 1624 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1852 -> 1933 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1482 -> 1563 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1194 -> 1204 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1450 -> 1503 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1643 -> 1678 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1390 -> 1466 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1589 -> 1619 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1151 -> 1232 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1008 -> 1025 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1186 -> 1228 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 1294 -> 1375 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1125 -> 1226 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 1289 -> 1339 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 2050 -> 2108 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1547 -> 1569 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 2081 -> 2154 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 2200 -> 2234 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 1828 -> 1907 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 2209 -> 2222 bytes 43 files changed, 10 insertions(+), 12 deletions(-) diff --git a/core/src/components/avatar/avatar.ionic.scss b/core/src/components/avatar/avatar.ionic.scss index ee9a0eb645..3a5b5b0999 100644 --- a/core/src/components/avatar/avatar.ionic.scss +++ b/core/src/components/avatar/avatar.ionic.scss @@ -16,15 +16,15 @@ background: globals.$ionic-color-neutral-100; color: globals.$ionic-color-neutral-800; - font-weight: globals.$ionic-font-weight-regular; + font-weight: globals.$ionic-font-weight-medium; - line-height: globals.$ionic-line-height-600; + line-height: globals.$ionic-line-height-700; } :host(:not(.avatar-image)) { @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); - border: globals.$ionic-border-size-025 solid globals.$ionic-color-neutral-800; + border: globals.$ionic-border-size-025 globals.$ionic-border-style-solid globals.$ionic-color-neutral-800; } // Avatar Sizes @@ -39,9 +39,7 @@ font-size: globals.$ionic-font-size-300; - font-weight: globals.$ionic-font-weight-medium; - - line-height: globals.$ionic-line-height-500; + line-height: globals.$ionic-line-height-400; } :host(.avatar-small) { @@ -51,7 +49,9 @@ width: globals.$ionic-scale-800; height: globals.$ionic-scale-800; - font-size: globals.$ionic-font-size-350; + font-size: globals.$ionic-font-size-400; + + line-height: globals.$ionic-line-height-600; } :host(.avatar-medium) { @@ -61,7 +61,7 @@ width: globals.$ionic-scale-1000; height: globals.$ionic-scale-1000; - font-size: globals.$ionic-font-size-400; + font-size: globals.$ionic-font-size-450; } :host(.avatar-large) { @@ -71,7 +71,7 @@ width: globals.$ionic-scale-1200; height: globals.$ionic-scale-1200; - font-size: globals.$ionic-font-size-450; + font-size: globals.$ionic-font-size-500; } :host(.avatar-xlarge) { @@ -81,9 +81,7 @@ width: globals.$ionic-scale-1400; height: globals.$ionic-scale-1400; - font-size: globals.$ionic-font-size-500; - - line-height: globals.$ionic-line-height-700; + font-size: globals.$ionic-font-size-550; } // Avatar Shapes diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index dfb50e7fdcf3a57d60d5abc2c42338e5b7a0c8fd..b78ce061908ec16d3ba0be09084501926641f5a5 100644 GIT binary patch delta 593 zcmV-X01oi}wFn4}07>1uQi@_qhkOTq&W7r?CD6B;w-PVC% zXB)Iz0+#*+D=k7Q?JW#qBiIHK!V*X=fe;iH(y6I7tGn0TapZD$>v*TdKIOo?-vh%p z-@u5Ai;IvAMggeT>+AOTC6!8r#JVN^L@X#vEGSDXC`&9T%YViTDys;Y&*$9U-ZC1E z060EA=JfOwMUjt}PFO4!G#U-Ix3@VtIRW7A?vBUDM=F&HTU%RF`O-&xe}9kf``EUP zX_}a($>rrGp6BuK@E{v6FX*~1hG8It_`W8Dz%UG4*OiTz7fdFT_`d&X-S>Tx$)s$& zykI(=W;h%YhJQcay(YPA}PL;_vcv29zrgI6L5u)DiUxm;dF)F-3`UDxI5>518F#{2s_06RN7 zsH#dXm*ep8a6N*P$%J;h&3HT}pU;!YWY9DXfa!F~+ke{|S65eLG8u}+BC4wXKf#ZW z4_d7jx~@|ymA)KlXJ=>hdOe!WCbn%ab?q$G#r=LCRaH4ZKmYB#RTPCnp+G8?VlWsi zQ!2V(7=}2GgJoGiO^>e-LSR`Ij^hvnL1e+mNBr{gLJ$Nj77L!ApZ{u)5CYHhczu0E z*Y$rZxJtjjkEUr{UtdSscW`jP-rio+a?u4fO`}?^MlQ508~>t?1!ai^Wr+o4i3MfZ fctNr0-w@vbYC)}>NF_%O00000NkvXXu0mjfr`Htc delta 502 zcmVf(Vj&`e ztrn?l0{R4b06_#B@foZHt;9+K!7fF7gFsTqfQ3R%ci`X!@6Cj(#jJ8>^X&zj83sle zjYb|mm@fdB&1UcR_#>*SBJ^&FS8zdAxF9QBkQFY-3KwMMD}Sh$O#P_0(c zXfy)J4Mgy8IN*N2V=|e*^E~YLdl-g+QmMq8%{*e;wqaQoI-L#(AxI{Z==b|D3mCv|25!Rx7x!3)gkA zUa!$^x0&S-)PEt#<#M>)Zdfc92!%rE^?HybDTwIct{GXDA)>SMPExhq@5n!j&c}v7fr2-Ae zX^l3>u}8Vupf<=gz|Ge)_%;SFmkSn)1$MigUr z0%$&;<955DR;#@pkYHA;)e{UsClU$7Vlin*B?iaiF+3g*(&_XA$aFfz^?F4%n|(bX z5qt+B@Si?+LaW5!a=FB8HbbM)c&OcMHjzrDUf*Kc;C8z$Ha8lL!m=!^*K4uS)oPWs z$w~~8w)6Rn$$w;m{eCYj27^IlG8y=MJ|`W0id6>4qWB|O3E+0S#b&d?@pybFWf%q` zkqE-!urxmlklH#LjRY9Y9$humS~}Efx?<>lB+y(gC)I9gKw6A$w+p}DFJ|qxpEQc2 z**u+2D3{BQ7e*RzI2;N?rBcaO`+B{eFr3flZN=Y%q;CQ1^|~+;2n1{uJRAxJdv_SMwPX2;P0onyp5vKvU7PUcb skZXXOuV+vj1c?NYB!AFJL_t(oN9~ort3hEH$G^v5@ni7^5Edq7MV&!LVUaR07$kM- zSZx-IQfD!mDU-p3Nk+;dHj6Tl!9eHso^ngwE9X4t-s{%;&d>LKKj-s2=Y54@v8dvW zm%sp9t=3y2N|FQ)NNEi>NU_JV+#okdH9*bt8RQ1_7#I$Rn19V?5Cj2{NCfeCTu=PV zTGM85JRakCJVF#jsH%$5Xauj*1F-~(4uuWnq}_XT>*6)3mCpkH_QZrD>X~sxl1YH^=u(8HS-KN)*Lb zs|5g(BxN!gnt!H4hXJ71>&ddbSS$d5W!Yx486YGGjA0nZaU9157#kcm3}e6FACJfT z{SE-}cs!fUmdoX2G8q^P1n ziU2SkkN;X+wOTa{W4T<;=X0LtJsvHu$4QoD*L4Sj!G4=tno6YvL3lo&vMhTH^aR_s zz1!`&-R?Ut1A-troz8Zbb7T~ zeb`A+6iJd^GCjeuSd8a+FP+}&|NHcb;0TW3e;-D^>vz)+ckrqPp25|G00000NkvXX Hu0mjfK0EY` delta 456 zcmV;(0XP1!1oQ)tHh-x}L_t(oh3(k8io!q?2H=cYk}4Ss#Y>UKPVI$3Ng>h7O7a5n z34-_zc2;TZRP41CMVmDCQCr1An25ot1R>ijvdu2ZV3cL&l;NEJV=hG)U>FAXj{4v@ zuGj0mST#*E_G0o;3}!Hc8T|L)4~m)F?KYiG9mfFx6pO`1qkkcaV%QLx6^}+E-}l?? zwrQI8`+YnfQ-p+uFPF>lc+_=WmSqT`uIu~#-t)Z3VM2&3%dyzkAkXs$(7dOeT}fW)VVRk2wVF`~GY;vu(RlsWh9-L?QtI zz!-10Tg$S_<#Mf7iv(UQ7Msnc)9FZ(^!TVKilQh8p?<&5^L+604tlFS&s(ilhGBeH zA006YhIT0{#XPvW1kpX|(6L+i z4Z8Fx0zW|b4MGSybn? z$LI6)#1xA~ip65ry;v;9-rn9oIfts?<>e)YVUSEF@qc=~`2Bw3@i?EKpIlvC^^FOI zLP(N?BuOL^2}Dt(R;zJwaWPQNp(@IAfM0o^xxm#(`YmZ27}+u6OBfhnVF%{XmEFTH#$M4EWl~b_^ugZnryvySuxcqryVdH1hd8s;aWJwS^!E z|D8)!Ri2-p0hpVc8;xMKT1D4&CMPFZSXk)kUtV6u>-F;b`pWI?ZPx>oN+oKw8ho7s zmRvfWW_EUVG=kRVNG6kg-=7|jhj=_rxm-q3lu9naX0u7N+3bu9hr_I{uClqgIY?@R zY&L7UAMOrt1)bswI>i-qiYw?8SI{YcUQqb!zajnsg3$ILu1-C#00000NkvXXu0mjf D={95% delta 658 zcmV;D0&V^F1-Au|F@JGML_t(oh3%O!OY2Y+fWJOcEG^PPn<5H=?NAgEAz3pjwFv$J z2PrsMgrK~-Ti5gp=@t&^XI1}J|htHOCac%K+rFNpnqQiLBB{}ZEUyO+}+)w zD9VSNX_|C89XB2u8zYrUF*P;y{{#;Y4{5bp$g<4z^z=aPgtO9{e8;iGOMerBhUKMJE-eA z>2#XqZf*|4Fi=%>pw6~!j*gB1cz%B7;^KnI$w~70yr+4d zchE2lGMNm?WD)>XRWVHyA;dskzu!j)fe?a+hX;7SEPqc=PoCy^+QDwOOQX?1(=@KH zuK^ezA4ifT48ve$WyP&cBob_FY`Af+*P~P_ad2?J*4Ebd2-a#f`u#qYN`*?LGLWlQ ztK{=}LZQ&m-f%d~{QNw}$H%<9ydX)VjrJsH7zPUq3#_lN53F03#opc?&1REaF89xV zAq25lY=2}qPlA?ZaeI49p->p2#S#So1~yPnJCa!gH4VR3O0>+9#)oOTpdVj*m$OyK!wy?asEbfvNi$xq9 z95BVG%`%w`_xJY*hr_H@)G{vkwwU{Ee0&@m8yi?%T@@EF5{cmM?hb2fYcLv(?DBHC z%w}qMco=~|;L|$zT1*R-&*zx~G#U-qY&K{#8gW|OZnqf-XA^w4Zf|dYs?u);Dev;~ z5|59MY=4e-c6P)8%w#e+J3C|Bt57JqE+sWyUtghCtC_b^dSN~L%$g{;T#_cL$vdcByQp6(0y^74Y?<6~ypo12^Li}F!GOtR64%$)n4Fwse#aO8o*^~k z@p#X-n8t(dAUmQL`3{ci45Z+N?`}Tdx##Ea zob&EeV6)kJ_{B>=0E5BcuSB%l?cf1fO2Zpuu}5NggSv!t;X)|?sNeYi3A=V9?)*LsTG64@Fk$%@5kKS+~B)d zEQVUG2CvsUJ%2!A!{u^8qtW2)?G1N#cl5JBAQ&X=8yp5qrBb-LxxvN7#q#z4HF$Y>iNnJ~EH5vQ0J`07YLNV>dc6)}aC37LJ3Bkm1B^r>cz%Ay>FFtYy&lfa z&akqw0+Y!!0ys>uw6uhSg9DJEnPhPul2)q)VnwUfLVvH<(;TF1x3{+xv_GBw67TQt z(;?}0yLftfLN=SFrY#oBBz)Xox2~?PkW40VbaaHp#YLLr{{9}}aF{0D*w~=gzU#qC zrGj`oPVFlcim{NK4U&E%KwquZ)m7~6?fnyw#F9NonMqrWTbux2Utd9{a%*b~>+9>E z_9l~geSduokH>@g`T1`RmP#dLG8s6XPRL}kaeUlLoX_Wx%jM`Jg`5h1ua}n>oS&b= zXf)EtPrt-gs}-}ev$O}B%_a(k0yX#NukKhlaswxWfj|IqxqMK@;SA(t>2x~u=o>!j zghC;tQYqHf*08<3O$TR^#R+hd4S)I`9+1^2Z!VBG$ZCK!p6@~4Agck^c)kaJ%pmJV b(~SQBuBgWVPA~+h00000NkvXXu0mjfynt9D diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-rectangular-text-ionic-md-ltr-light-Mobile-Safari-linux.png index e8849fc65a8281daa029feb2468b2c7fe1585aef..554689c0d5252c672e7fde93e1992dd6e67f9ab1 100644 GIT binary patch delta 664 zcmV;J0%!gG1i}T7Hh*_XL_t(oh3%NXYU*GZ#@{rW8g+0`5fNOhrkJS#Z95f5#VZgx zA$OQn^YW0Vy<#KuNhmn>Xumg6$4*35AyLR+VCV!L5%S!;LR4S23#D0lk z7(o!MQw+l*kw_+!IXyi^5MkBh}30DOIY-Q3)?TCGl}Qz#T%uGNU0Iu-TB5QL&A05A+g)3kNAoxo!%1)rW@%48us0{QUg9y1Kf*zt=Pk$8o#u?(R;KBmkIBr=lnZ0)g}M^M4wy!C>(5 z@j;R#hG964A08eWhA|utmu#=EuYw>5f*^__0C+qe!+$U~EW5p9mSq9J3>g3@isE^m zW!aOH6T2;!%bCNa>-z2O?e+CF!!Q>Y7hbRTJ77tYUS3`RpjNBd>*MiQmgP_=^!F|M z`}=2SXYF?T?d|RH@zL7xlD0%`&XM2m58LGP`M~yMuM~=+0HEvoI>V-p&8HRsN~ID( z5LTV%`G0!7&T(8mpImvtY363h?RJwS+3)we-L3^zRaI400KjoP7K>%G y*`?`Q5<=6o^Fi-`9k2s-zz%q&kl*^<^al=%`VqPIXo6D!0000#U!a5$cypA8#c3L}JQn&x?aG#bt4^S_m07)B6; zrfJuKH=B*Bs(&2E`Tc&2#Ue@4hl2fnzu)iI>vf~iczu0+cz7`EdC?s|Jw2UHCzfS# z91jEn2%%^+s%K}jSuU5;KO>O{!!Xx@5kel1=l1p%0D{3_r_&h@hhDGuoTVr#l}Z7? z;c)2p`^{#PqA0^n8^dpJZ5?l zLRPDlWlP!jK@7vf;c&a%-fp)5uv)E(#UcO@1VK?$GMNmA!-g=H$z;rTwF#TB37fD9 g|64HjQ@@*j1IQTK_Aa}v$^ZZW07*qoM6N<$f;t}^TL1t6 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0c83c6cf9fdf3a8d96ab2c2214f70f54b40368ac..e0c8a79450b69de5bfa55d07a9f5a1dc2009fc3c 100644 GIT binary patch delta 1532 zcmV^L}1CJ3G(we5Oh!lSve4Wo3n#nHl_kKc7B*B7YnX6AFa@(ChUGfloxHa2csQ*RASPfxSBxcJB50Ds!s+j;x;Ek2)b+gci6AQ0f; z!-v29YyF@am6er>%o2$NJv}|l&dy@7Sg=?u zyn6MDo}L~OiG(80ii!%nUM~RZm6a9N*Vi+yt($uO{5i2$47b~j-EPNjw{zvn6{687 z)6>(6Jd28okY$ky?O{mQ_=049@(3l}c@u%xxLv@kLnVXx- z2ylFS96=ChYis-8daKcBICbh2IXO8@OiW~yV}5=fqtS@kX0tInJGwsJEH5v!v9UoSkzjFg zaYxBiDizUal=tu7V=|e3dVU}fK&#dM`wRj&91h;Sd$%LN{QP`$Ivss|eLI5NR6#+( zj<-LSmX@fmuZM4^x=WWX(bd(ZxPOP+Ek&bIu3o*$_3PK++m71haxpqO`Zw7C7#kbI z<#MHtQ-DsVlRzNA+S=ORVndQ7L{Ur|;?t(O^XJdg+uQp$*Z}D3>!YKiBQ2H&XfPOP zZEa<6aPUvFar5R)PM{kwnwjg5`e*4EP9-JR-Ec2klh(bd(((W6H>e*E|k z&->{HrYMRG3=B|QTugIw^DoUA{P&(48yiCuMLIe2=l-I delta 1451 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 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index a9cc9fe39c63685747e3963b67c6f7393b1a93bb..626c0b6bbad65c7948f1279b07cbc3439cb9207a 100644 GIT binary patch delta 1467 zcmV;s1w{I)3*QTnHh+{!L_t(og|(Q^Pt#x+$Dh`%!$I5@8R`;4r-lw^VjQf_L@&6D zktjql*&6UD5dQ)%dh_n@^Rgi_OBSOg7H6y@{h&&gzxW!ZE(oy+9}L4N=MgTY`nn-3p8jN^D~ zYpdOEM-W7dL!>HreSLjuYHE6Vy1u@iAP5}CtyZhaWYX*P03bmEjKyL;pN}L-tzcP}gTdhZ{Csb3?~x-%YC@K4 zd3iYy2oMB8QPjSD`>KFNQGD{`35uc=MX9s67m1=63WWe*U|;~luwB8jEI)ks&}cN? zxN!qT(LGXCDT)#fhYN+m?c2A@$Gy#aFc?Hp^dC|IK!0@z07FAV+uBP{)6>)Q^Yau% z{X=SrO;J=Lk)Ub%ckt%s=E%rMZ*TA3=k<@mFs!eyZ+LikYiny8cyx5s?RM`ahO5eE zv$ z@nc0%G@6qn`S$HwMN!a&g$1M0sAU~i#W0L4%L4-gE|<&Yat#g+ilWFcj7IaOrY57& zm`bJ4WHLz*ghn#}SX^8@dGcf_p6AP3 zc%IkkblN@OIG#$S&~!T8*x0Duj39`3JYFai)K`w<;_TMpB9UM)2mmgZ>(Zr5 zHGi377{>E_4RceHPN(ba?Ck99{0rM(P7DTvD2m#nBa_LzfB*i|r%xLj8vtN3nT{Ph z*4EahJy1kZtgEZjnM|gQjSZvGsKsD>e4Jqzf*?+xK7H`uK>+yn?c3bk+|<;R+wH!3 z^{SRVCZErn&1U4$qeo}XoH=#sROQ~1B!4}9`V;{Ce*ezFWipviD5TfxZ{508_2&aA^tH8yMF!p>({R(NviB^c6Qd`aOmuId!bNRSy?%B=+JImzkdCy*Xucsn}3^| ztLzlRurFV}96x@1w+^eTt31!+IIcqw#N+WW3{xRJY&P4`qesKxaAhh0G&eWfY_miJU4L3ynwgpD>grNoe}Wqt8hk!qAP}e;lYb{c5CVaK z-|w%luipj+0FopLf(QnK+Rrf>r6@`$6mmM9?d|QQ#%*VJilP7@91j0OwxTE_BO@q^ z`h33f_CH+O)TNQ4s9Lwnoe~5g6bhjz+TY(_>C&c3mgS+Lp+q9l*Vk7$DSs<#X=y1C z2soWipU=1RTD0rMoTlmL&!4xowRyeXTJxLZxQU60nVA{C-(Nnjn!o_CwY4=iHpVc_ z*|TR!l5A>fs)}4$Sz#DPJ*aneb(LbcHn6H}Hmeq2>gwtUg0S1|jg5_FvsvAGMN!P> z^O;OWExzzP@9}u{T6`&2u{2m@SvHYKq*AGLI-SjCOXVhu#iEv*91aJL;~L9NKL9D} Vl7UAHne6}o002ovPDHLkV1i*c>&O5A delta 1413 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 jb(3DN$1rT4*G>NbD$vUy delta 1555 zcmV+u2JHFM47Ci9HGc)_NklNlo<;1Eyf^y z0Ie(gj7D2ghTN{K|$)6)Y0s8*}_e13CtGZu?| z`}S>XYs+XfnoK5{O!n{KVzIcmxEKru34*|JT&Yxcj3b>+`~7~BBu7U_Ef!0EfB%ue zBuUQA&FS^}@qh90-rnAh$YzzxWv|yuQIyqc#c}+w;99NbbULHasNHTqckbMgkj>iI z*l;);8jZ$gvzf?+^gscDr}k8zZ037mY@3 zHrokO8*H1+M$@$4@81h97K`)q^LD%a_~&|{5CoZ?o}QbVE0s#Sz>ABEdcFQQ|KW}r z92^`O8ChCd`U}qGauh|GOs4Kpc}+}A`2GHDHv0$c^?Hp)qgX8NHdrhc69n<`<3|91 zfa5rlB!6dSW;(t$J3AW;2A@26(%0A5Fus2MIvfu3W06RtP$+KPxS`kUTRFjT{N>A+ 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 R+c^LL002ovPDHLkV1h|@en9{L delta 2390 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 IM6N<$f+#+8p8x;= diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index 15bd0ffafda6aa7af8057ebbd3dc59515635cd74..6adeeb63fbd9f3411ace53237a9beeb226a47d29 100644 GIT binary patch delta 2147 zcmV-p2%Ptt5P=bpHGc>;Nkl5sSqNg+imzgm$iegT^P#2ClD;Ys2=w;$j*pM$=jW@{YPno4 z6bfmn#P9dd&wtO`Y_{Ry;mpj;s;Vl1KtOR>0Jw>-R4R2koxxxb3WeMKut+3QDwP6( zV03g;uh$1T^1*`#A*WDJM+gN1fjf8ZAcQVozPxwuUa3^d0YNS$WUtb?{DFB2qp2y>nN~KhmkV>ULfBp=94D}Q$>2|w)Vq)UVnKJ}IFj2#w z2!g1tt~Q&^Gcz+xX8{m?cnBeio0lzqoc1l!)|bU`JU>65wKFL`pP!ePhvPUqaR7vq zzx*#HNq=&7c6N4lmYr%CVzpY;YBigQ8jWTvr;`AHb%Na(B1y8NqeCK*AcTBA-}&?B zF$`m?FgiJ%&aK>%qftyujMM34GZBFB5UeFxt=5EugrcG%gpkQ(ve|4JjfSnl=;ZZ! zX}RCObs~|7uJJ1XI3-w1T3%jW+gvCV3YW{pbbmEoulMQGrxuF^!?28ujIy#au~?%li8)KsRcdHC=lNs`yDUAubqY9J8k>gr-T z5diQ{3D%P2a(Px(R!d7uOG`_3c6Llm45OtiEG*dV_KJ#%sHiBJOjc1*@#V{x#l=NN zLw^AP|CGNx_mG~R9v2sfVOVTzEYqd9T&}37sI^=5d_G?$let{3=;&ysqyNwE_YVvV zeEj$k!?6AP_ZJith(sdx%K(6DHf>2uOH0q5JzH21u0$d+7z_xZH*elFH#c9oas{3d0f1>6 zx1^<|rS|sr^73+(O11WnpFe-@=;)}et!1byiA18@+}zI2&g$xFk|cY3dvkMhcVure zHa12OM16hzY7aVe=+LcOx5mcCjvhVAelY-W%Eo{8O(s)WS=pcc2qC0Wsfvq>O@Ag6 zbJY|T6{V)8Ha9olzkfeHJ$-flfPHqmU8B*g?TL6io>r^1+wD723;>+6@h)k0c6MrN zYHDig|3CWi;|FuqU>H_dSXfwC$Xvu$2!+CRQ$-$+hsN(P003-ej3=E8pjv5Sx)2C0z#>Qe8=5RP{Hd}LZ^YP=yPo6x< zS}_Qr^z?M4QrX(tT3%j`5bE#mSE*EKX=!ZM001`$5JDJ+QJFTT{@~lt(0`ECYHes} z`18Vfa&mHVa&lHyR$E&epU*#W;snK%ZK2$i{;$k+_0pKiwL?T&U zUZ(P8Mk^~Tt0y?2SzKIv`SRtuezYbsGV;QO3%76I*6a0AQBfhMY?nYFC@n25EiGj& z5deS?5~$VciHQk=!4TR;34g;dv)P=Hkr8qQA3l80YPB+%Y_kKRqoY^9>*Lt5VC@8E5<*BOlkMBLFEcZfg?Ui`I8IIhQ z^85X*t*r>5hK7c98=~y&Y=^_q)z#J3)>c4)hoZ> z&t`1^a0i@#{Py+hSD{eocDpAhCxag;5{ag#r&Cf=*eMJEPGPSlQJj7XvMep@Bqk>A z*|X>IFn$z2!gp3 zf*{)4+dUpnWo0FEDFB2qR&R~(tUw^p*Vkt@oAdJW)Ld${LZJ`}h17q248#0>ztico zTCF1^BYM5Qva*te?HB-Ii9;=E)y&Kcj^h@KWo~ZH>-EyIrdTYFjg8f6wFZL$&es5- Z;y)(ED>G&39Blvq002ovPDHLkV1mA+5Lf^J delta 2043 zcmVAwx-V4Du zdUgIe=REV>`F*a$oju>57yfw8d7g6)W?6Q6db+i>)o!=@e1AT)5lW>}tJRj3m8GPl ztaVHaa@WFpR_DaJgK5zn_;%6bgk#qtWSfX0tgxJ)M^^0T3tba=C8Zx>Z-7!~5BK!+)YjIj)#@+@Pft&8E`^u$CBa~@wY7CgteR;g6VaaaJviOS5()a&&olSw9%ZS>1>xjZv7 zQ!14X4h|X&hA>Aye*AdTDcsW$Lcw6LzP=tIbnV);9Xoc=G%b-x_^L!Aksba;69!i5W=P)LXx z{uBy@Dl02(Hrv?Pn9x}OL>~!4h~wmConPmDinRV=8HOn+C?IwwMNyQ+VqqADOdJ5w zWR3q)mVad@CMG5(CdgDH5QoE|)oMv5>U6sGoK6A&{t|9sh-KNPrY5CQi4a;?Sh#fQ z62_QRVSIAAT)zCEk>({TPO_j?(M1a6P z%d)Ruzkd4k>E+9pBUKCl;<56ITUS?CX=&-7{RknHm6dhs)TyqnF5#*+9?5b8~a|@82(6Rv2!#dvtWPyu4hcQpLr^m6w-)`}S>SW+o!V03a$W&ypr4CVxgo zMn*EgwUtKCF$=+Gg7N|~CP>hJG&I-LrI0%IHu2KVgQW3gB?8jV1St4T>onVg*Tcsxs| zs2-1Ja&j^`Ihk-70Ep1aEh#=eo`3L+;M1p19UUEog@xzNoueoUAruOQhK7b7K73eG zQbPC)PA-?{=jS&!H&<3xvMk%$+M1uA4?Cm)AV7)`!WeVeZOr|~H@DmU>eZ|3*RTJ1 z;hdr1k+aKnNL)#uFz_kW2?aw4_R<(tqpqa#?Pl zo12S?iQ!Vj+qZ8E3JO+S$Wy6Q7K`Q0n>VLVpXL&=Q5fT*qN1XrB9fs10I6219UdMw znM|9TC}E6kHd{_k4woVp7Z=~Xd-w6<#}z;I`Fy)}?cy^2M*aBlV{mZr`}gltQ&Sk@ z)YR0pv^1m92$z!p5Sp~CtbgpzojVAjO}q|ZZf^OA#d{C2qHSwP=hn zfqPk&uq@l%-90!sXfm13pFf|Nn20f+oSbwzoed2Q$B!RBdGaKgN&pZiX-Y~;ZEbB^ zTU%#m=bBH9{Yy+tOioTtU0of=mVq%Q{5+%8^!D~T9FCheZ~l1}nSYUyk&%&MG#Vc~ zctBAUTvq}>I8ua=TCKi%^=hOmiM*Mang0I%zxvU#*x1;bnwqC;i@85?xMxjs~IdX(pNdSlq zxt7Fn_fwc*`5J2H&VQY^Z{Ox?GyuRR5IS*N+WjQN$lP~D0RXlRLM>@&_Y?0gIN@bi z6aZlBAk>n|%F23rdKiY8pP%QYF=347=jR!Q>Fw>cTCLm%1ORLWgsvrV+5NPd4eg2& z=t@?YIAU1sHh+?9RnaLiKrzl85y= diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 254e82449900072c69da0a051f76d663f509be99..93ba05b6f8bf796d7b8006fe2edacf9143dd32cd 100644 GIT binary patch delta 2637 zcmV-T3bOUK6XFz*Fn=G-U@ahYT; zF_SX08DA5#ITBqWSDI+lI}@ETG1-;7Q8ML1y&^6QHew_$8ncwP11&0RYlO9H?PM!u z3ex4BG&X#rM%9X&eW5?LIaU)x|ZbhY1-PQ$NE*B#sBUmgJy1Ken{0G?M@$m7- zA5&9P6PFx`%71yIvuDrp`RAY0-ri1mc{%IXucxrEFd=z^yk0L3hl5L(F45Q5M`vdz zEiEkx{Y)Xmoh$3>ufGob^Upu**|R6E7aklOM4?cyfB*g!wLfv<1b_eiH%~nAL|k($ zC)S)nKm70mCX{H&3a8V# z;`UCbGvSYzqKP%<{QNwhefC*e6o{bC&Q7|!yYcyasg5Fq$S~Qd4zSvsI(3S@d-tX~ zMud)z4u1v)22veE2$5l=NW|#(-+$+xd+tefj0k0AW!P-CRL2lPWSAxUPaZjPgzW5W z-g@h;(7vguDc*bUz0h`kem({SOb&LoV6%|ZOOr$!7 z5F*3ev`9=&PIBqeB>?PpI~5fbVaIhk9ksQ!xPRSlzWVAb^7Hf2>2!%toMO|{(+Th9 zdMgSG3-Nlrsg5Cp$S^l85(a~Tii!#r78WoXjS)qnw6qkBMuSG9;m03;#NluxBQM8} z9m8U=@a(hC(%RY@ar}c1KEUmEhqm+b@+d7WrKP2X9XocAoh?t;gb-q-qW;D7`~8fJ zjDOJ3&_F{&116J+Kp+tH0v9h{#OZWWSy`Frtav;gtX3<)vfWmO=M6cKL zqpMTF;c)QLM;`(3=9_P#R;wf0eDcXB{PN2$Vf%7(b15$`N2}GcbLUQSa&nTESqLGB zRwRN2;>8zVq`bTwu0O8%;)^dZn}5wzRaL?DuCR8yotc>#Mn^{@UTnvk!C(NOp`n3- zf&wZlE18^}#Nlv6?UMTb`|pQsZ`iOQtjHzP@bGZxXM@48Fw=Buh-u(V^M?<=_8^@ zyzj~+dm*nd?2W3^iGcs!`pYD!B>;d+rcb?Ou*lZm~1_mY*B6?V?U z4?i4w7qM&CE{+^I!kIH?c=XXnZ~C%35q|ykSFT>YN^NZ|i;IicY&OQn$EmBUThaN! z&H{eFpM`}5DH1}6q*@g#)&%b&oK7dNz4ltzvFYh)EEWr!Hf_4;`F}Y%Ih2)^aryFP zrlzKnS|oyxnzULi3kwU_Y&P_I{jx7jeoUk*G8N(G&ID}&`{XEnwpxlnsrtPapy?;A~7~L#@yT-RaI3y z|NQe|$Aa@n1$$ntS+gc|?DXl=D3wYU7Z({HA7^%Umiqeoq)yIfGMVuCd~DgWg}l5x z0P5=MFq_ScjEwNeBacL!qf)6t?^x#M=CE3=Sglsho;}NBkAFRuwCq9%0iaN+R3u_e z375+iwX0{Wf?aE)Ezwz8T1rh#4Hk=qv9YnR#gl^PDHIAyN=n$XXAiq}?Yiweu?Q{% z)Y#Y<+Sl0Fh}mpLuh&N{67}`q>L6^(L;NT$V&!12Ff9~ldIIg3p zsECS+imPadC0ng03chzduwYUU=b!usN>)%w{v)-Q5@r2HM-(Bf9V2$Y3xqH8lm0lt~nY z5aLD(fa2m}_U+r3^nqrXYJ7Yguh)xGsbu5EjS)Ayz@}rqw9;!g}-O%~9uDQYaME)zxwC+&PAahr^1*^z<~- z)6=1LYPFiCrY73j+LHJi2qDCOq(~&d!Gi}mc<|toZ4Mkbz<~n?LfbFD{BjbK2_Zym zWSKT0gb+8CHbp|MR>!4xRjlGQoV?=Pf-Bedsr#glZ zB7eh3k%*B_r=zd0FV!(3^!4@8(b19W7($2)BSj)c3Wb70hYoT4`0-Rn3F+?c=J4Ue zOHLFhgb=qvio`8wX=$OkxjE`O5y{rw-A!w2D@{#Jsg5Fq$Us?vKp>Fn5UZ75ujkWG zKSih0v2NYEu(cu*#q0HAx7%^M-SqYKaYp#?VJQ$oh=h?MahrTT9|HpeSglqjCnxcG vy$SuiqM{-yD=Vq4uBM}-Lmn{+Ark6eD|y27%2s^m00000NkvXXu0mjf0S7)Y delta 2464 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 diff --git a/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/shape/avatar.e2e.ts-snapshots/avatar-shape-soft-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 12880f88a7c4ca8b2227b09d11fae439680cbf32..4f283a68121e5f880cc3a6421e4a75b856e7540b 100644 GIT binary patch delta 2874 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 XE-b}Y2Kgt900000NkvXXu0mjfTw9jf diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 48800fd377ece645829a828ee91a7c5da8b314dc..a0903676424fafcce6596659f4a298686d0c9edf 100644 GIT binary patch delta 1787 zcmVX{P{C8Gk-G#0s;JfKLCOtAeYNg zC=_I6Ws#GULqS1-7;Z`0h=8|m-{N#Sak*UV-@hNdUQbF&3W6Yzo}Ny6dO85Jv$F&O z0Rn*lp->2y%f*KeAJFUd7z_qVN=i0YKzn;TcDtQ}2M?mt>CkGmY}v9UAsdlM1dqpq z$K%26c4M(vIDdZpc%oDi6VTn=joofXqtRe8nMg@VN!Z~^`1b7^O-)S<4h~{An>l>= zaNJ|#7GSg4SX^AhXf%?Mk+BiJt73Y3n&#$aWHK3*m6dUg`J;ePC`4^-E#>9q|Zegp-_l>_wN03@&J{UmDJSK5Q#)q>|aqp zZEY=9tMzYliyKy}m71EG75kP=A)C!cVPPR!t#-5c#Ra$9jmP8R^5x4h?J*JP?(SxB zaq&M#9)F;qpny;)L~n0zOnZy~yWNh_XxwaWal>ddVz=94+M)v5+uPA-G=J?QB?gpA zC42YorK6)G+7=aHx7#t9O#g~o+%TC;F;S56Ygf6nlN1BtaG3V?cE-oY0Z^$_oIH6F znM}4}+i7WOXfztSy1FPSDft-zr_(9g!VLz4Jb!xhh|bQ==$88R>(@Mf{Fq=cD2flQ zR*Tc=grzCua=Ank(9+UEdU`r{@7~2?v0$-Suv)Ez!(rOm+C=f8)9G-zTmVSiZZ`)G z97uRSzZ#rQC#O!GikU77g@V(kPt(`eCyEc5Oh#^QE&~GtNJd9T(d+f17>-0D%+1ZQ zeSiD*Wqp~Mnas}4^8NdFQG68^7BVt2f@FMroaE$WQH)BZQnqg0%Ga-7m-YF4KGM?C zM2mECax$MjeL~{*`w;{|6r%vy+1b2%_ikBxPfrhOwOTYka=DzDnHeO3Kp>iYi-EGT zGQ3_djg5`;_4U!y(?flIJ;TGpl$Di<=6^>Jgr5TZe!r*!)M_=?uU}_=exB#gpY!tN zOBNRwxpCtLDwRq!KXSPozu(W=`Pw>>o105@b@kscy$n)85SX2v740iLJv~i#cX#w~ zi(mg%Mn(oljvPUuP>AAZY3)h{K_Czauyg0m4H=xDpQojzh0e}S)M_;fg@QeM_J2g3 z4Gj(P>eVZb9z9A~Ss7_*X&dqv2n0|l6#o~n5zNiaVYAs#DwW*1bBD~#%oU%Tn3%xf za8OrQ$JMJ>HzXnu2p|XolB}#O78VxPZ7389VYAs#tJPFgRIExKVE69bT)1!nl}bfj zUEPNKhQnd9v$K)pQ2{6_J#b6!(~+%^6hZ!9mMWfODe2wb$dORLa!h51% zFvyoLU-0>Sw6?Y;G}iC;Gd4EH{QP{vYoWitpTfdISW0LN1_LgaD`5fKwtsEo*s)_# z5s9L-v~*ny+3WRETwDxG0!m6sc=qfW<>lq1rluxj?A*C?2@}`|g25nOua~N-D)>Do zHk-{fH8pK2nf0K#xf!$B9Q_>?aN@)X1_uY3o}T_!-2Mok&&SBf2&JW^(YBa#A&bTG zpN@jV;aE0hV+0fz7bBC&aDThqo6YTyaJgKhrlw*r7-HI&9qwMaa)svR=5@VQ{uU-C zCTMMKU3MLhYrO(c3q_g9UUFKc=3Y#{Cu=pEjpbp z;gjcZI81+kKVGkwfpmcZEEY@57dBpOsMw>ct1DXUk(ZZ8QBe_6sT8?f9<5N}*VcKd z*drVc<8(Ut`0-=3*dvkB0#OD0j)8#zMn^{(8ymy#_cJpy6H{)ZP$&=t0hLNcZf-6b djYbT&{13E>+P&s4*~tI^002ovPDHLkV1m3cas~hZ delta 1738 zcmV;*1~vJZ4(AP!F@K>+L_t(&fz6s5jbG^ea$O4dL{*^UUFd33*vU+&j_ zPTTaPeeU+W=Y5~=!*lkY=l!FJ$K!ES!0-1H3WW%V!$cwxB!5XF8jS)V2m%I!f&Bb@ zii?XWD=VY2vQiDVXx016BHt?SXdBGc2;bar;4*XwC)Y)q@qZv&8JnUH z)1TIsHcd@UG&eV=Y+LpUwY9Zjx7#tB%^RgJE&P5zfk1%s=g%kElQPiX-_PRW;$J5o zpt7pIsl)~huv;h&55EY z^!E1h?b|m1cJJQJ!Gi~XTNb2?*=)w=^HEz{`+si+L{U_2=2=)+ptZG?Kp=p{V!>ju zAc`Wbt*tC9EU4mRX-ojE-|uJt{{0!(^DFWG{d?x;=ka(vI2;Zf4hNSnUq+VYMB3Mj zUa!Y!G%_?agmz?P1e?vK%D@2Oa2TuAibkVJ*fbgqR;!h8IINlkH-lHgY4S1OEo_R zgMmmSf>x5G#Nt~G>~=e{Ec5EsE27aTkw}CWFJ7Q13RbICH9vwN5Q#+4MWazw1JLPo zcsw3nzI@5;+qcnbwHS>?JRXl~69qpr5PywEQDonHkl- z!r^cjpU;ORNzBa50FalLhrwW=s;Y_|J9enzXX(GI69fTCk|-)FTGxP)NQ7t4o-sBy zMomo(rKP2b$srnzGCn@ey?gg4EiL8LsZ$sXhIRRqB#Hd|{Qm-253yK`$B!RlG=Ca7 zckbMZC4lxqD=WEs_b!T}tf^WIg?~aUE-tdLu)vouU()KM(P)rmnbFZvj7DR|K4Y;M zBO@c2Os0RQQJc+1AP`tnO;l7=gdhmqzkffYe%rTir?9XvV}JbIxmzm#bpX}X)rg|F zrT_#%;QICJYZ9_nhKGl7I2^FFBCD;f<w<_b~ zW@l&V>gwX_*RQzUZVntckapiST{Y3!5(My6n-{*O$2LQC?n7RaF%_oeqP+khr13 z&o%MVWsg`ahR^3?bVGDBaoHo2s|BhC@GC<@LyU}!Fg7-p*wFg*x=nt5K7t@nQc{A^ gXvAbPso|D?0J(d@(P&IJb^rhX07*qoM6N<$f@D8!EC2ui diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png index 6057f927537255d9b2099c84b4cc5259cfd5aabb..843b48ce62c45b8c7b2fa94ee95e93ca980df803 100644 GIT binary patch delta 1269 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 JPDHLkV1ibyX(9js delta 1711 zcmV;g22lBl4$%#eHh+dmL_t(og~gfQPf~9j#~+X%A_#%}p3MRq%-Cuuo{*%iG4VIC z)veiP^VCgO{UdE{XO$Puyy-$WWdgc2r4mBS&Dm-U&RnwOmxmo7({R+if(Uj$6~Q`I)9zZVAh(scp zOr}sM)M_=4$E((yLL4ZaPJ28ax7!_y#jaerqEINrVsS%51Bb(*(P#jGy}i9uDurQK zG#W)w)bIC8Boe(|4?z%z!#PW!L?YpEINWZxMx)W`bP9!nLZO^Gt5hnXDC+b1Ha0do zIy%f|GoR1@TYsQpvFLOZ+-!Aqf-? zhYY~jmsTyc?b#-E5VqjoEr_=o<%0YR(UYpG} zG&H2uYL6X2JNE42;-bxFd-Uj$OeQ-+8UR3hdwXMJTNwDEj>Q^HQlq!b+)BMk0}9GFfxy&YfH?cm4Wx5-wh^cXM;|$&)8?xm+fb zwY9aqd-smPU^F&1R%=C}P`0+VYHMq$D2kF>9socn6l!T{p;Gr>RVtNw_3G77C`8Up zp?^@IC`#Sl-WH3++5Q@nw*BHr+=fP!{u`Q zUqCLG%V02+i(2~|*=#m@Jf1`%asD(IhIzeSv)Noe+y~!)6>)E4>UD3)!W-! zsYd>K)w{a7a2zkE{^ur-$CFN{O(s+2%rBstni?2}Z8qEY@88ddCKL+I&CS6ue6Yy( zTQHPJBtt_(FJHdIFzjE`V1F1kHa0dqJbWmDJ{+C3TJ7NAAc7$Ol&M^>vREuf|8|bA zF)l4F&Cbq_jEoQuwZs()g~rClEEbE=XgqrLk44Y5wYBl_@xH!32!hU##^dqK&CLxD z5C7>;@T9VEBoaXogv;extyY0R@RukUhD}XPrPFB`hEMqMI=yhduz#>%x7#5IG8&Cs zE|&yKGMQXjTJn0my}i9AlZkxcydoUO9S+Bb4<9rdO>1kbQmG`8tCUKmU@++O`96RC zY%mzQySs_>VybJtc)eb?+Z_&v4>n)eY<4+W%jfeye*DN3Mv)G`17002ovPDHLk FV1jlJM%@4a diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index d0b569a97fd4e37a84473499697040024b38edb4..56bb30c846503363426d6de1f185d36096fd7415 100644 GIT binary patch delta 1896 zcmV-u2bcJP4}=epF@HWuL_t(&fz6s=358B{t?A4^Oi2w?lx^a0>(%`(%9n=I z-j!)z7;Miu&pF@kd(PQ;p7)%jXfzsS6X5Z9@cDdv{rVNZ-+xaq7$gt~0HD!mP^;Bw zwOVvK9XUBU6ciL}Mzb>4s13Xg@uI}jYbRx13Px?NT>}#5EvL3 zU|?VXkH>@6YJa7oq9Rc$i3xBzo!D$P^m;uOi-pwG)Py^Xhoz+@+S=L}8XBUqvXY}m zk4pBHETFNmk(HGd%w{t?ckcWXzUyLsejdBsj$AIMy1H7D&o2dp!(kd48aQ|E9QpbA zo5giQ^!NAE*4D;@2M>_RWE<8^-l%Y9W`>%Y8gAaaxqoHk0gOf?*RNma)~#F2&CP9C zcij<~nVI3)vuBcr@^7K3sfo*%FSC31?zrV~M<5&ybNBAuZ6^;guSkua8@{W(qYnHd0(%jKN^oDt?mS@pu>*7@(@ED#ji&0#2us zm6er$j(^M@I*Gz5cIlQk#K{ zj0_GOI6!A-r)U!e*lac|7Rz>VlMIW+5;F?P{D>-7BguaqN~IFLUQbt77pw|!xm^F` z!d(vrg8`Sz1%M2|?RInN(xu;O?D_NOxLht&Dt{IC?%j(UyR^2p^7if97+X?O5-OF7 z?CflgA3vT@f@3rqdGX=}0LdPYhr@>tCmhcMghC-a9?zQZQV@+sSzKJ?^XJbrH#hU< z%^S(Sa=Dz`++4g~FS4<*F^YALY zX@B9%moGRR4$8~RQ79CW`YtXm#^>{qJUKZ@N=nLa3Fz+b2B5UG6oBF3Vdm%OCHcx^ zGITl}r%#_217^O zc9xfy#qUa`QnH^~t;X;7lN<~N#pF8?tbacJ?CfkZGc(1h)6>&~lq63O1jfh5vD@tc z~CKHpBlepb(&YwSzN~MbNQ!16z z*4D<@-o1Or%a<={ZEa=WzJ286fHBuBsB&+zat06w2D?vxM& z0hh}~d3pIS+pDOkz~OMPw6uiR>wlFjAQ%jy)oMvz6(AK(r&H1*U0vkA!t(O6_)qln zKhm!d3~_1@ z|Ni~^B@2i|B4lM{Aqf6irBVz{dV71< zv?~Y#f*`QGyo^GjVDH|&oIQJ%s;VlIl9D8mk3=Gjjg6t#>%S-Uj~_p#u(0sAW1_7_ zUtb?XLqk+oSAX9JN=i!bdVjs!%}X){2M5IsG#Q|*tc*{eKC!g4wB6i(iN(c51_uYl zH7oAKm6esWwY6<0H%YMD?NnA)ioZnxCr_SaXlO`sIJ_O0ot?$!^Ks(D3DFi43t6q! ze|i+!+uONt;X;fpMnGw4DRQ|yq114z;C8!FC=`^Gl*HKAM58xu+<(Asw=+9CyOsPl z#Pswu4u@mSdr{Uq9}onA+qZA?=+UFC;;!L=4fti-u5$s zrluyYUcJh$UAy9zuba?hWMpvV$`$JB>b7M%O;1mA=gyrC$s^^EPY?te8XB-zEL-;W z&h2*d`t@t>-@hMs+JF2E$;YfupFSlLiE!r388R|5Hj8TvW@l$t2Jham5M*Q?9tWLC0_RU?_t0HFqurqWHQuhwRl5? z9|`#CWsgWCg3IM%e0*HI?2*XTf=w0hGrV3eV`F1XOiU061n~R)G1qOhS}hulhV1NY ia&vRh>-C$_E&l_W3on=u`oAbg!>OB@ z`h~%M&v|*i-<{vtInQ%W*z)r7GFt$X$;8;$7*kVII2;aKE`JwJrxO4{5QvVBMlP45 zP$)=ANg*R6V=LSe_BR6B+uP~s>A`3;a`fm?GBY!Yh=@QC1Y|N9GMNm3xw$!9E*CDB z3%A>i(P(6Nc$m!0OmcE^$j{H;UIDGGt>|<*jvYIOTCGNxo{;+Rdc6z`3@|V- zfXQS+tJQMy~=d%O-)E75~`}If@-s&0JqysU0ofgPoE||J$qa zfti^Zog(&t%F05eQf(K%pkOkY7#J9!va-_8?l%GkgMp=` zrCmoJAb%qx1Gn2vS67#x-A{l{r=zsAbi26)jndLmbUK}%%_pF>wH2jO`Og-qtw3yS zEJuzUp{=dWXY&cr>2zo`nw{bnG&CBG-zbRqy{lZ=N$z$;MnXw7cX7_ATpUuq@|^Wyr2IQeSLjQOia+x(ZToc-vichI2>3k7WVJo zPjYfH3Wb93@NnL}d&h$Z5BU7~bI|@I5($S69l~rjBOV_gCo?m1)8qm4dOZmV3CzyU z@_+H;M~aJ!*Q{GyTufqOqVL&avGDNWL*Bl9OGQOR&_1)WvKSj1Lu9d72oDe6GmJBg@uKrr>A2u7zicEOG-*Y5CmptXG8KE9v;q@FJBNjolXQn*aY=oFc=JoL?W`Y zv&qTH!Dh2DIyxG3d%N9^%jF^=At5Bc(SOm=I2;bdE|<#}e20qVgwXZ|NbK~GICX$#>U1~wxXhqyCOjlaJgI|kq7AR z?#Ao&l9G}_R8*ATCpkHpPoF+9J%2qNR9|wr93UhfE|&|rT>fhWHX}f<*Ao*H!=+1? z2n!4IE3;ay+`W4jy&d78Z7z+lH8*pJ#Az&^Kp&F>!f$ zdBA0Ux1p)2iSqJt-?LA^sZ*yI8XCfGx9=3U4Pmuf85f%PL7{_RdV;rl`AwgHGg5XTDOzmx|p7x zrlqB2RbG^}&Ii0+FW0YM=l=cs+r@ERR99E?`0-;zqSeXtH4iv!HXF~LJ=^g!f`*0$ zDk>_7iHQkVzUC2AY-}tSFJ7dkre;T8r|IcwZr;4PE_s4E|X3_#9}eg(b2veD*O(> zS1x;aJRW*_dYG7)@Ll!@C79Y$0e`}5HZwjx&gA4IPNx%x!{K+`MlP2l2m;B;$s9U# f2&GcF6>j+-mNWf~U0S=H00000NkvXXu0mjfd~ux+ diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-large-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index 0369ce4e312d08c63457b6b3abc493bd2aafac95..bd5bc9a56b67d738cbc54fa6876d0791f1b582f4 100644 GIT binary patch delta 1608 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 delta 1820 zcmV+%2jlpS54;YLHGc;2NklZgM;a9nLwJ#l!CcNB)oi zAF}t|`JT`D@Y>;fKHtv+EtkuIeG12MpU;P3STGojMx!K2ZhvoY0|1yzCYQ@?Y;2Ut zWOBLu{Q2|s_4WI8POBb>BuS^!>2Nrr(P&#+n_Mmzi^UBM4O}jl!C(LY(&;oo5b=0C z5{Y0Kwz07xkx0~PH3UIiF83&b5{ZPxVsSVeot>RsU0rgyoJONnd@7sGVi@M}c-Gd| zG#bsoz<@v?IDafqCX=yRtyZh``t|Ett+uYNuA;}iA_&4}vpJnkole)^-(OQxb3mX_ zC}cDm1p=uF`CX;D& zbX2KSmNa0LTwPjPGMP+IpFWkzWJgE?0O;=SK7IQ1+kdxj34*wJ^X6WI5^rc}X~}A} z!Z2LT9z2-h@wm}wym#;3UM70cHHxAplj*P0004wSAq>Ow^Yg2#tL1<~q0r3C%#$Zi z{whs@X?%QqdU`q>4wnW>r_)BGQLon@`M&v+nwpx1hK7trV`>g?=1*g171;_-MFE?htmWCzG@w;%If-Yb<# zWw+Y_01O<*qtR$fOH1_+Qxr8hIVqFLoUfySG zYil?hP9~EKpU%P!C|8Cy?WK-@no~v^7bN;h{xl_-2_3budkQ4Po+{MNeYF+ik?LxQ8*lCq*5t1n_VSM zHk(CJRH;-l7>qM#&PXH@m&?`B(NSbZl7A$QVcSd|w=QC_b%lgUg@P8LxX0mw`*%_85|BL zl}fQ#tcpM=ie@sI$B!Q~nasi>hG8E*eE3s9%InmrQyUu_iA17&rnR-T#b&b^jg5`5 zSgfI;p(2pW*MkQSNAP@)y0>i_@MeA%fTcJ>(D5}@%3l-qX%1XYfrzq;vr%!=E;MT2M<^L}LKqL~8 zN~H|BT#g_}#oWW?asdD?UAnaQ*5%8WeLkPp>%DmKVt(cQ`}YOh#>U1+kAEJiRI2j+ z0RVo#U!&2`zJLEdF){Jt#fyC%XGgAVHajsf@$%(MdVPJpSS-dc>>ttq0Q`QxR4V21 zcys`OTCMhYJpUHR?RKlxYLHLRAP8DpTO$bKU(w(=zP`TR-QB$d#N~1|8ja0n`&U3V zo2{p(C*RcC*~kL}15T$ik$*@WKTSLyM-XISU?6|F10)a#bUNMK+}!a4&Cbpa4h|N& zk-tCn{{DU($MdQGvB~Llk|f#J*H>8i4OCN81H-V%WC{cV$3wHZxoI|=VHn=s3SxMn;OVsB%C6fYsI2>FMdAp&kZbv%ldBf*=luBNPhl9=>omoRcR{0swyg{7F&Nw{PDfk%-^#|MKOF zR4UC6UyACaqX8-?nM@YOQ?Xc#Ac(?vs;;h1BoY#sm0000< KMNUMnLSTZsDT?L* diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 0c83c6cf9fdf3a8d96ab2c2214f70f54b40368ac..e0c8a79450b69de5bfa55d07a9f5a1dc2009fc3c 100644 GIT binary patch delta 1532 zcmV^L}1CJ3G(we5Oh!lSve4Wo3n#nHl_kKc7B*B7YnX6AFa@(ChUGfloxHa2csQ*RASPfxSBxcJB50Ds!s+j;x;Ek2)b+gci6AQ0f; z!-v29YyF@am6er>%o2$NJv}|l&dy@7Sg=?u zyn6MDo}L~OiG(80ii!%nUM~RZm6a9N*Vi+yt($uO{5i2$47b~j-EPNjw{zvn6{687 z)6>(6Jd28okY$ky?O{mQ_=049@(3l}c@u%xxLv@kLnVXx- z2ylFS96=ChYis-8daKcBICbh2IXO8@OiW~yV}5=fqtS@kX0tInJGwsJEH5v!v9UoSkzjFg zaYxBiDizUal=tu7V=|e3dVU}fK&#dM`wRj&91h;Sd$%LN{QP`$Ivss|eLI5NR6#+( zj<-LSmX@fmuZM4^x=WWX(bd(ZxPOP+Ek&bIu3o*$_3PK++m71haxpqO`Zw7C7#kbI z<#MHtQ-DsVlRzNA+S=ORVndQ7L{Ur|;?t(O^XJdg+uQp$*Z}D3>!YKiBQ2H&XfPOP zZEa<6aPUvFar5R)PM{kwnwjg5`e*4EP9-JR-Ec2klh(bd(((W6H>e*E|k z&->{HrYMRG3=B|QTugIw^DoUA{P&(48yiCuMLIe2=l-I delta 1451 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 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index a9cc9fe39c63685747e3963b67c6f7393b1a93bb..626c0b6bbad65c7948f1279b07cbc3439cb9207a 100644 GIT binary patch delta 1467 zcmV;s1w{I)3*QTnHh+{!L_t(og|(Q^Pt#x+$Dh`%!$I5@8R`;4r-lw^VjQf_L@&6D zktjql*&6UD5dQ)%dh_n@^Rgi_OBSOg7H6y@{h&&gzxW!ZE(oy+9}L4N=MgTY`nn-3p8jN^D~ zYpdOEM-W7dL!>HreSLjuYHE6Vy1u@iAP5}CtyZhaWYX*P03bmEjKyL;pN}L-tzcP}gTdhZ{Csb3?~x-%YC@K4 zd3iYy2oMB8QPjSD`>KFNQGD{`35uc=MX9s67m1=63WWe*U|;~luwB8jEI)ks&}cN? zxN!qT(LGXCDT)#fhYN+m?c2A@$Gy#aFc?Hp^dC|IK!0@z07FAV+uBP{)6>)Q^Yau% z{X=SrO;J=Lk)Ub%ckt%s=E%rMZ*TA3=k<@mFs!eyZ+LikYiny8cyx5s?RM`ahO5eE zv$ z@nc0%G@6qn`S$HwMN!a&g$1M0sAU~i#W0L4%L4-gE|<&Yat#g+ilWFcj7IaOrY57& zm`bJ4WHLz*ghn#}SX^8@dGcf_p6AP3 zc%IkkblN@OIG#$S&~!T8*x0Duj39`3JYFai)K`w<;_TMpB9UM)2mmgZ>(Zr5 zHGi377{>E_4RceHPN(ba?Ck99{0rM(P7DTvD2m#nBa_LzfB*i|r%xLj8vtN3nT{Ph z*4EahJy1kZtgEZjnM|gQjSZvGsKsD>e4Jqzf*?+xK7H`uK>+yn?c3bk+|<;R+wH!3 z^{SRVCZErn&1U4$qeo}XoH=#sROQ~1B!4}9`V;{Ce*ezFWipviD5TfxZ{508_2&aA^tH8yMF!p>({R(NviB^c6Qd`aOmuId!bNRSy?%B=+JImzkdCy*Xucsn}3^| ztLzlRurFV}96x@1w+^eTt31!+IIcqw#N+WW3{xRJY&P4`qesKxaAhh0G&eWfY_miJU4L3ynwgpD>grNoe}Wqt8hk!qAP}e;lYb{c5CVaK z-|w%luipj+0FopLf(QnK+Rrf>r6@`$6mmM9?d|QQ#%*VJilP7@91j0OwxTE_BO@q^ z`h33f_CH+O)TNQ4s9Lwnoe~5g6bhjz+TY(_>C&c3mgS+Lp+q9l*Vk7$DSs<#X=y1C z2soWipU=1RTD0rMoTlmL&!4xowRyeXTJxLZxQU60nVA{C-(Nnjn!o_CwY4=iHpVc_ z*|TR!l5A>fs)}4$Sz#DPJ*aneb(LbcHn6H}Hmeq2>gwtUg0S1|jg5_FvsvAGMN!P> z^O;OWExzzP@9}u{T6`&2u{2m@SvHYKq*AGLI-SjCOXVhu#iEv*91aJL;~L9NKL9D} Vl7UAHne6}o002ovPDHLkV1i*c>&O5A delta 1413 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 jb(3DN$1rT4*G>NbD$vUy delta 1555 zcmV+u2JHFM47Ci9HGc)_NklNlo<;1Eyf^y z0Ie(gj7D2ghTN{K|$)6)Y0s8*}_e13CtGZu?| z`}S>XYs+XfnoK5{O!n{KVzIcmxEKru34*|JT&Yxcj3b>+`~7~BBu7U_Ef!0EfB%ue zBuUQA&FS^}@qh90-rnAh$YzzxWv|yuQIyqc#c}+w;99NbbULHasNHTqckbMgkj>iI z*l;);8jZ$gvzf?+^gscDr}k8zZ037mY@3 zHrokO8*H1+M$@$4@81h97K`)q^LD%a_~&|{5CoZ?o}QbVE0s#Sz>ABEdcFQQ|KW}r z92^`O8ChCd`U}qGauh|GOs4Kpc}+}A`2GHDHv0$c^?Hp)qgX8NHdrhc69n<`<3|91 zfa5rlB!6dSW;(t$J3AW;2A@26(%0A5Fus2MIvfu3W06RtP$+KPxS`kUTRFjT{N>A+ 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 Ef-cxf6#xJL delta 1147 zcmV->1cdv{38D#*Hh))1L_t(YiKSLOPwHF%J_S@j1uP&A0*mo0@hrv&0c)GMRHI9pVP zKR!Oz>2wf6y9ITdmfnrltk~>2!KyW2399YkGQGE|>FI{|Sa+JRZ-})053+ z`%CpD;P&=*ZGUZzAP5}CziC|o$8n)h={$r_4FrBbO>YDiNk6h@=b z>-7Qv1aEI|CnqOkV`Kc9VzKCSI_-A5-EQC6*{KY1Jzy9Xi^U3sf^d3zI-AX!OeTIo zAP|trWD5%mX0th!N+pxY-rimwesgp4<>jSRDitIW2?!y-I{@J7>ZvFja z217%MQmM>jG9s2`TUuHgvLS>oFE49rYXATY!@e^g#bWX6>#L|CuL6_FG(0>k5D1!^ zo4>CTiN)eVp&%0RC1o<1P$+b9anaJ!f*{EI`+s|HZ!eDHN~MxV#j>naDix{K>TEX4 z^U>n*xXt!g+ftNTecMp3=G8M@p?}Yi^T|n_|v@tnM{V` zcz-k+t*50ZYH)B+1R-=fo%wvet*xz^^!fRDbaZrfc2?7ZW!avdo|?Dv`TYI;{m{@5 z!g1X8_O?VKAxW~D$8lUPm#bF{5CrMy=s*yp`j*e?tk%k_&d@!!Ev11?Is99tyY7|j%Kx5pPrsV zq0r9*g2CYP^RvZbDWCohXliP**=&c0hZIHq#GRt3Xf(RGxLBFFUuw(U-QD{7y4h^T zalGc>@_^&Gy}i9iBvQAwl)*5J!{Lz2!P9n=5- N002ovPDHLkV1g-zHCO-u diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Chrome-linux.png index 35badde60fcc8d79acd91976a208a1f967d5824d..fd138f11001201270d5cdec28e32dc730bd0b68c 100644 GIT binary patch delta 1344 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 Y0!jb^tY=ORiU0rr07*qoM6N<$f^g7#vH$=8 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-small-text-ionic-md-ltr-light-Mobile-Firefox-linux.png index e3631d4fae14afd9fda6559c939a6692a7fac1d0..7a8e0520e6aa90f1389b8db397cf59ed43379302 100644 GIT binary patch delta 1206 zcmV;n1WEhl2+9eNB!7`fL_t(oN6lAhC~a*Neok~VCG#vYCy@*#TqPO)xIzf|K}1M~ zOc^31xuKMy{4tbn8A~B4Ln&i!MEr40H)YNo&S$+}`*ilX`y8%(`Bv>tXTSSh@3Yps z*0a_UiC+Y7l*PqGtgNiy`1lyNx3@SrIAA+XO--SystP?lJ%6~my29Pv{f!y{(Q5#1 zZf?-i(}UI3Rp{vGz{A4>CMG8AKr=HlcF_L*J_B@kc!-6C1)QFq!o|e}adB}_Q&Uq2 zMj?Ry{(ekOPU7p=uk3kE8Fvzao}Qj&kH5b^!o$Pmf)E5i3TkU>p{=cru&^-b>gvAP zrP3dsoSa~AaDNbIXJ;rZEEF{04*)wmJE*U(XBGzs2fyoJ*-fLPqs$w5d3mt3wB#-G z0FdSR`T5LhPfyPeIh<26KR=JLu`yIsRPa2(15j301}7({53^jz6KiX0sI07%EJ*-R z!2SC53rR^yA8NU*vW|`pSXfv{0+RvYT%Vhp`|f~yD}QPV%<0=Y3Beud1p-b8|C9FU%z#9v)^XB2SiGW1u-@KYh!PVM z#SIM&a@|jBRCYNAqhC6JemSMGLC7i7(9l3;W+wBTkg(WL1c2&(b#*ly9UYOJoXm6# z41WwTUZ?-`o`eHnZ*LEZCz7M1BW!GJz{<)BX=!Po%#alZK+zRY5h4Dj05UW*Wc#VI z?e6Zf#v>sifd@c32x+0Svy(M2@$vC+b8{2E0!2Yc){_^6Y>>5;5R3sjd1u!u& zfsv6B1O)~CL2{BHl$VB77aAKIL2gY=O@HNKprEASjE#+D9g69wY3#=kSs7# zMrn9)aUq|G`uh4<%0)&-!rR-M2ViS!3oR`zu(Pvc_sapGR3jpyHj@IEyr-$D$#_7v zo01Tb5EVZ?J+a)szP@I^luFV<>o2i`ySqEKPH`el#l(8lO<7x8GuKluDJ?uI{(oN- zqfal#bQ=8@|52e>IvBQxe;~Yc!K34Qj`J{`@H! zPH7sZ8X!HK5-Ab;al@&zvok9~uP@D$uTIC(U}!vFUS0;dR%kpYDt2&i_^a{!A05-m Uv1l!SOaK4?07*qoM6N<$f;-wXC;$Ke delta 1104 zcmV-W1h4zb3FQcoB!4VPL_t(oN6lARD0OWVeomjvnQu&SK~aWeC>Mw_gpdmnrI2JO zA}K?rgvbRcL@7$jScFh0b7aVk5;B(g0yjFpwf^?*9QGObefi%yb$a*SYdvdv)><<8 z`+=5cb8{2h+uOLgxxvfJ3(n8a`Ab_{TNoG^z{<)BUS3}C@qh8rQX(MJ1mOAk8U6kJ z*xA{Eg@pxteSKkLW5WvV?Ce<4+1VKby12N&#>NKj?(X2}>51gzWEdJ6ss*DK!0_-e z=I7@T7#PSuO~M3C1bT6Ck$)i}A&8HUR|!HA012qCuZOw0IpX5tU}FH@yRaGf@LJ2@cMFrg4+&d$y%0Z?_2y9h)>Ljzmo?d`1=!0hZS*4EZgT3RY8_weu# zGcz-gm6w;x6B84~#v=7L(J5swmFURG2>;K>$bV1?fGq3k>f#WnVpD2h0|Nt)y(g8t zrKLrs^%PTLuc)Xf?u182M`&+v=Q|@KBmRy;u)4a6KY#vk4!pg+amUQd%Y(kYzDn5z z1qGS`kgMMFL{vx$Dl045GJk)65rB|{bn*1`gvrTCZrN07styCt6at~dbaZq?Ib@-e zlYbMkv$I72ACr(g)!Nz$qIc@5ACDLUbxBByNI+<4C|q4#MHyFDSLp5SWlxxxm~aSG z0ibtGO-(-m5R*_{86F%Qpr@yY%T93^p)k;0aBwiUZ2~|cNJ>g#Mb!U^TPP>;^YbMm zKxO#&_^6(U`uh4ntR)pkstlSPNP!{~l7BX1V`DDs*w|P}>**blh_t0*wJi0;he}lZ zzi39k-j2zGG?1L0o^rSQn@4gW5fuLFNJb!jeJCXm!dOo2IXpc4N1{PvIc-ciIXUXb zazUH0n9wRlwftWeld-WeW=X9V6GfAS)r`Cm5D@UC)of{L3B-2aTFn$ekT-}CcS(15 z#pRT?VQRCA%jxUuD{srfa!S)vN=k}G&>FX6MKH9UZ*6VyKq9rC+uPg2#l_`I>-j&S W2C1>@X~}Z{0000U3cCuBHh=I*L_t(YiLF*SOe$Rzz929t;sz>Fz*wlbO|&4cAQKD4L?FRv zV`Hs}g{78mjWH$~OA~vexW)z%L<=E=Au5GCEUw_uNX7`DCqCg_caW6`Mz_{ zIrrSdAP53{j&L}PqNv;L_INygzyIm!2>_6klq3`iB@#(-aepxk!(1-+3kJq#0$#6o zb#--jcULNv!Z4hdmzSQNo|u?Os@~t)>ouFr8ja@n>;M1;gQ3xAj7DQ15Ptw<3}$9#csyQnb93zKsi~>M z!^4h_j_T@a`uNDm$j!|S`3*skKp?28sj024WisDfvbwq&jYc~=JDK5d*k-dS6pC1O z48x9&jsO5Qn=P)fGMNm9;r#r3pU*cpH@CdJOid}3%AK8^NF>5SQB)$4#Jx>+yPY5i zKA(Sle1D8#SXx@zhXs1QUMLg-04^>r#>U2WcXug2CnqP1#bT$^$#lEjFbu~v&~CRw z5Twy)2!gQN?Qz$T5Q#(#27}5R5-<$A-EOAGU0z-e!!U=#`OHfI z0365H*VhSx_>kgKsnp}~uzWsWMn* z`T6l1L<{ zr>7E$gqqmj-w%hw6%`fqW65MPHk<8qI)C+gJ@u;0&(A{;6pcoYkB=W8A7wIGW@aX} zg`{N`7ZY{H!QM9C_ zgb@yh`}+F&`}>oVlVi{RV}wGX;o;%2u`wo>%azOJ7K`N{vI77%H#g;SIRrsW0Dpj5 zt+rS!WOe-~2m}IFtF@)21(5GSc6N3{L&M_Y;@3UWH$f1D!C*iTgbesw`PS)l7>1cl zrr!$~jmBUwsMTu8zi$F;HoK>%XKQPVezSf66h*hUx4XN$sT6=#&P`i z_V(=T3`Nn)%gd^&Dz#coFB0DpAQ6c~oK9!l_FXEKl8=7ub3(@-U(sIxsSlgfMgRZ+ M07*qoM6N<$f|7)AJ^%m! delta 1251 zcmV<91RVRj3W*AkHh;cJL_t(YiLI8)FEd{l$Imn)t!mI#FOs$*f;M4@q-h&WI~JmZ zTJR6pYGPqY>|7!dkq}#Z5lWQR^v(ipO(iNKL0vM`Wt!5uwDT_JO@Cy{hr^GLj{pEJms?a+B$vxoDt{G%ARG?o69*_8fFwz) z)w;E{rBEmk1Su&g;q&>qxw#DW?(XjR_&5*U3Hyu4337>!0ot-&3IsXG7NpfapMkSECYZf$+5AquCA`?>gw;h zr$i8h#bOy8988Ua#e7~~US?-!F%0{OI{*Mdkox-isi~>w=jV5T#l=OjSo{w&lP(Oy z1Oma@+S-2rk|do@XGcfJ&)oq45CnB}bl^BnQPf|6)qiS5Q8Yh4|5pG2fWpE;oldv1 zvH}2rW3kxw_V(c5V8*7GmzU$?<2^k+Z`WpYboA=#3IG7Zuuv$}>-9RF?n5AoqQk?( z-QC?VK@f7eJlkpVdc6gsA? zVFAbSrlzKhJ}`&Fd3t(+;g6)9ot;D?F*G#9{3a3!pU;;9FpCTTkV>T_Np5Uxqyysd zIDePRg+(IK?d|P{ZJJ0V0)c?ZWKyYAObJPnb8~Z%NF?KVWU*N3g}1l2MMXuhTrNL8 zK9Y4&w2+Mx#khx>zjE&(HV!{V0k803IG5!r?GY(-#*P4u?al)usa&TUe!1 z;W*yd*!Z^2>-APtRHWPi01yP#*4BExUVjE)v)ODm8w5dxg@szJwxy*d9Y7F7b8|Bk zi^cl;`v(RFcsyQuqkmR38XXxKnV6VhaX1{cTJ3VVe$gEO;BYw9YBih9W&r?iv`0lkw^qmFIs13=l%V?-G6TX zIRMA;NF-u1nV8?dfSjBhv)Sx+y9t8$i910M8yg$Fy}hZE`z~!cJ3E`2nrdihFc=IF z1bxezrfHka=J9y4rY(#pikhCDE+{B4nM~hGyet+=BogWE?foqAV)Xj@y1KfG)L?rz5PU7=7Yl}ZFbGCn6M{Q*YaK2TnM#MA%) N002ovPDHLkV1lQ$QD6W7 diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png index 10f93b980f974f842d57019cacdb40704127ed1f..69ae02132f798860e70937ccc792f421736c3316 100644 GIT binary patch delta 2082 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 M07*qoM6N<$f_%8;)Bpeg delta 2023 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 CX41?6 delta 1529 zcmV zC3kmsg;zqPQVMW+d6{NsXK8C|i!I#4!-H&XZOPHmk^PNJJOt?D<74{u>lf|p?66Jn z_V%W*urPZ2_N^kYMgiX3+|cOgD2ohkvM*xqC zilUg97<%*OjekM!!$SrEiopOB7Z>+LLI$ts{|6z>;o)HhYz(MuK&WC*PY+W;9$=3* zMgWBhCnqP%R$WSuva&)cDJkUX>1nKxWIg}$=TGYH?xw)NKuSwXll-hC!0YR4 zs;jFbOG`^iO-(iUj7eUVjvH}CySlpQ^74{CfBr1#Y=1rrxWB(o&CSj9?%g|zh=?$D zjfy-!Jv~j6larL6pHFUXZhGIT7ZCoep`n33eE2{?K|zWvPN|nHE-uo*zyN*v^hqzI zPC%$-d3iZAB>x(mut|V~rLCx_APWl%t$U{vu&k_%f`fzq8MV|Ud8q5c!U9!RR!Rr# z=;)xcvwt(n%F0qoqqx4Ot*wph?CdB#J^jf%Pb3Jj_xAQuQBl#0SxdRQ0qY7|k(8A5 zdfV1I6I?yHub04PZD+qZA*Uknf#!pO)7 z3w=ysAhe8)jb)h!18iz)B7c8>t`W=B)D+9wF_3CSMn-bmOSn2%)$Hu-{{W$$a1VxN z;`&w!K=97!30+?~K&a2HTh)$Z=D`uq3q?ELW<$l*|a5W@)2 zkbh)CLIRIznI+B4%p_G`U!VHw>WXCyJjTb5A1NavgB=0!SX*18_V#vaY;5E)Ez2|< z92`j1+S;mia&qDpR09yw^YZd~0J6Qk%~Y2cAcF9ViwjcK)YPb9ad?#=ii?XWK0cmh zCgOn%02R5?(o!xGgpq+~P!$vusPppjxPL`2INx`7cLYNw9$&wHWrhalgvWqC#2l*o z^P%RYCRjKs+tt<858M#UIL=^6NeQcL^BOoF+ySxp!^1{9#j(N5CI0nee$N+3?Y>d@QkbVJ3u+#trFnn(9qBj^H)lTZ5lVBw4)c`@U;o04=F=iI49*f zefMY_{e4|geR6W5Sg3}q0cWnTuu#?-zkK<^&ZJUVh9*=~I@qqNs$yZE+=XIeu2wK}3x-2(T?a-121$va<9|WAq;$eNI5MQ@9yHzY^)wlY|!~3q%@- zNljrO21TT#DOmu@q>D}fH2Jcj$rpZ2L5j#dU0q$Zm+k>*@*iISxwN!IKYsjpm7mYF zwV7!B!ix`}Xs_Z`PEgtvK{e4fCg}sHFu6&8!Um+tHz5ELJu>z6^`_ZIB7dmrzuE|d zz#KNhs74?G67Hk6ww92gBZ=klkw%K)L6(5z7!?4;TDim%!@91nuD(cSRjhe{0t|DY0{;H} zdp3t5B}Um26z?w1rT~g$HF6{*M3I)}`T2R4G#djZtkWn!F)UPfW@d))Sqy3m6-K!b z;4n_wn$lq`0D|%%&KRVI&uro0;j%k>6+44c&Jfx#H#av~zZ-s901$0ID*!ltQh+`) fA0HnsKP&hHj?&_2^2tws00000NkvXXu0mjf^DF6r diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png index 61d9db7c1457343e1c5f2c5f26e14c4187b447b3..9d81438410f7e5162c00de02939f134ed2dc172b 100644 GIT binary patch delta 2124 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 delta 2174 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 delta 1814 zcmV+x2kH3p4x|o{BYy_#NklHYin^nc~c7yA13D}UtT?CebV zxVX5`%$YMOC@6@$y}dOa36V}Kz?PO4YG`PnmoH!Pzu_Sl!E~%Dk^G-h7^zJzZ;>=t5>fwuo_US z0bzetv#xm1NcZZEbB-TwF{G z7A&BR8#h{fuSI~re*L0j$BvPclM^K-CMsTI7LUrrg@0J1MMXu_)6+v485tI>&0zuG zzI{t)&YYo@D_7Er6)V(^QIq@c+_^)yZr!5v^mOv_@-q8Ovw(({RzvYZA1B13^`jzpZZ7RvB?5hr1)^3-k+U`0g*b#--d ztQ(60Q$^T_jg6ItF9AY(FiU(4Gykyyi?j}=ihqyLq69eBwI`H-OlR7(X_6Ktz_hfq zF|9oTD72WHo6BD@Aa)3Kb#rbVJ3E`^&6_uBGZt$n9ia|hH8nN$ zUqF~A!h_PCxO@N|9UYvUqrS3z`*x#a>+S93G|*7+eos$NTDo*81qTOP%OzcpxQK88 zGk?{+e*IcsP*A|@PYbzx`7+(RcaI;nXU`t4%NU9PoIH851oHRqU)~0_wzkrrKYwW5 zx^)yD9iqZ))A$-4y{M3IF!(8|kvLvhGdWYF#0xl_Mw+cwqN3o;>?CngHs>wnXy zPjvL?QFa*6s9ekeVqkfBd0d7Z7#rzyI!kzlT!VOc_Uu{GZQ8U+j~P=da4c{zNYup! z`Q*uyY$ot%^0g!Yr%ahLs7i({+S8{`x%PueLPnxSu)Z||L}-9n0Y-!y6oju_xk3Yz z$Z=MPsW2h_KY#vwc6yiqHKG|H%zptM4+Bd{Ns-1RzDG<;PEH;IXt)O9&9R2z0g><{ zbd4WBUNNI)fY+~Ir`psjjYOFDy5AC6o-Pg_AjQ z6nA~!~nIU*v0qNAggu<=0-I~lcM0!L)0PMu=Mf`1t|6qp^n ztB;S5l*|tYh?-|jO^wM!!4hIAOsEa?STBfqTeohdIdkS1eK*|xt5>gR@7}$99%v5m z=g*%U2cZG%ZeaFGL<;l+bwzz=XQ!f64LRe10|z*FG?!M15P}+OWMrfSh+K5x!i9sJ z4{}i?%cd;CQdlWfQWZSZqRn=f3e|(TgFi|a#DK`ga>TXq>=@o?7HX#K)Wv++I`{I z9<+$s5)yc$rF#I{{oxBBk^PsJmX68eGh=NgMo)Ng0E+f1l-o{J4F#kqA>At&KqFtbmVD)d(aY5k64koH}(X@7lFEq*3C$uuDL{ z8cLCxwQ|V^0`L0h(W4P*QV>lBsL&bnmZm0b*j_cm8$~-MD%dFb+xk2orHiVnD#D?R z&D$yECX2fN&6_v5pnq!%P=MhbIM7+OY8AgjN$0QC8kB1kYg2&Yglfr>C7QG}H#Ro1 z#?*j`ajF88!@_h?T|@N@W(yNW4F=$FPR5$j;Vb}x&U~yfXwBc>pO!CQZgpp`W^2$A z?}s+b7cX9LzZ>eN05SHn0)XQu1?V#i3=Fi%&kFtl4Mv1_{|{ZJ{Qv*}07*qoM6N<$ Ef{j65Pyhe` diff --git a/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/avatar/test/size/avatar.e2e.ts-snapshots/avatar-size-xlarge-text-ionic-md-ltr-light-Mobile-Safari-linux.png index 68035275fa8219034f3fb83ab122b411e0801294..a07700d9cced3db6466128dd02b7960f505be81e 100644 GIT binary patch delta 2192 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 Ef+jRHwEzGB From eb7585ed204c030f53d6f40940f391b34bf6c7b6 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso <32780808+BenOsodrac@users.noreply.github.com> Date: Thu, 30 May 2024 07:43:06 +0100 Subject: [PATCH 16/16] refactor(chip): use the new tokens (#29565) Issue number: internal --------- ## What is the new behavior? - Replaced old fixed values with new tokens. - Added theme="ionic" to ionic test page. ## Does this introduce a breaking change? - [ ] Yes - [x] No --- core/src/components/chip/chip.ionic.scss | 17 ++++++----------- .../components/chip/test/theme-ionic/index.html | 2 +- 2 files changed, 7 insertions(+), 12 deletions(-) diff --git a/core/src/components/chip/chip.ionic.scss b/core/src/components/chip/chip.ionic.scss index 4bbee0272c..cdf1ba1b8c 100644 --- a/core/src/components/chip/chip.ionic.scss +++ b/core/src/components/chip/chip.ionic.scss @@ -1,17 +1,12 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@use "../../foundations/ionic.vars.scss" as tokens; // Ionic Chip // -------------------------------------------------- -// TODO(ROU-4870): there is no token yet for these ones, but it should be created in the future, once UX team has figma tokens done -$ionic-states-focus-primary: #9ec4fd; -$ionic-states-hover: #{rgba(#05080f, 0.16)}; // We should review how to make this in the future, as we are setting scss variables with a var() and fallback, and it doesn't work inside a rgba(). - :host { --background: #{globals.$ionic-color-neutral-100}; --color: #{globals.$ionic-color-neutral-900}; - --focus-ring-color: #{$ionic-states-focus-primary}; + --focus-ring-color: #{globals.$ionic-state-focus-1}; --focus-ring-width: #{globals.$ionic-border-size-050}; @include globals.font-smoothing; @@ -58,7 +53,7 @@ $ionic-states-hover: #{rgba(#05080f, 0.16)}; // We should review how to make thi // --------------------------------------------- :host(.ion-focused) { - outline: var(--focus-ring-width) solid var(--focus-ring-color); + outline: var(--focus-ring-width) globals.$ionic-border-style-solid var(--focus-ring-color); outline-offset: var(--focus-ring-width); } @@ -67,7 +62,7 @@ $ionic-states-hover: #{rgba(#05080f, 0.16)}; // We should review how to make thi @media (any-hover: hover) { :host(:hover) { - --background: #{$ionic-states-hover}; + --background: #{globals.$ionic-color-neutral-200}; } } @@ -104,13 +99,13 @@ $ionic-states-hover: #{rgba(#05080f, 0.16)}; // We should review how to make thi // --------------------------------------------- :host(.chip-small) { - min-height: 24px; + min-height: globals.$ionic-scale-600; - font-size: #{tokens.$ionic-font-size-300}; + font-size: #{globals.$ionic-font-size-300}; } :host(.chip-large) { - min-height: 32px; + min-height: globals.$ionic-scale-800; font-size: globals.$ionic-font-size-350; } diff --git a/core/src/components/chip/test/theme-ionic/index.html b/core/src/components/chip/test/theme-ionic/index.html index e16f1e7ed2..2d424f07c2 100644 --- a/core/src/components/chip/test/theme-ionic/index.html +++ b/core/src/components/chip/test/theme-ionic/index.html @@ -1,5 +1,5 @@ - + Chip - Ionic States