From 62dcce26dbfe3fa82d8084ac857f57728a93397c Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Wed, 11 Sep 2024 12:47:47 +0200 Subject: [PATCH 1/5] fix(core/event-list): add focus-visible outline --- .../event-list-item/event-list-item.scss | 11 +++++++++++ .../event-list-item/event-list-item.tsx | 1 + .../core/src/tests/event-list/event-list.e2e.ts | 15 +++++++++++++++ ...ine-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 9618 bytes ...ne-1-chromium---theme-classic-light-linux.png | Bin 0 -> 9609 bytes ...ted-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 9618 bytes ...ed-1-chromium---theme-classic-light-linux.png | Bin 0 -> 9609 bytes 7 files changed, 27 insertions(+) create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-light-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-selected-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-selected-1-chromium---theme-classic-light-linux.png diff --git a/packages/core/src/components/event-list-item/event-list-item.scss b/packages/core/src/components/event-list-item/event-list-item.scss index ec27baa97a2..0f574d20f00 100644 --- a/packages/core/src/components/event-list-item/event-list-item.scss +++ b/packages/core/src/components/event-list-item/event-list-item.scss @@ -17,6 +17,8 @@ $default-event-list-item-height: 2.5rem; :host { @include ix-component; + display: block; + position: relative; .event-list-item { display: flex; @@ -129,4 +131,13 @@ $default-event-list-item-height: 2.5rem; } } +:host(:focus) { + outline: none; +} + +:host(:focus-visible) { + outline: 1px solid var(--theme-color-focus-bdr); + outline-offset: var(--theme-btn--focus--outline-offset); +} + @include host-disabled; diff --git a/packages/core/src/components/event-list-item/event-list-item.tsx b/packages/core/src/components/event-list-item/event-list-item.tsx index 4519e60db6b..79c897f0d2a 100644 --- a/packages/core/src/components/event-list-item/event-list-item.tsx +++ b/packages/core/src/components/event-list-item/event-list-item.tsx @@ -83,6 +83,7 @@ export class EventListItem { return ( { await (await page.waitForSelector('text="Text 3"')).hover(); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); + + regressionTest('outline', async ({ page }) => { + await page.goto('event-list/basic'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); + + regressionTest('outline selected', async ({ page }) => { + await page.goto('event-list/basic'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); }); diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..315d5529c9295c29d1229102c4dc3489f7e3fc79 GIT binary patch literal 9618 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..743d368c1e806f76b375b572f9cf9edde1bb37fa GIT binary patch literal 9609 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-selected-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-selected-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0de5194b7c3e81beb66d24ca3eae31db77b2cab5 GIT binary patch literal 9618 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 R^b^rod44f`%`@<68AWV}S0uC0K1A(7H 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 Date: Wed, 11 Sep 2024 12:49:19 +0200 Subject: [PATCH 2/5] Create gold-owls-whisper.md --- .changeset/gold-owls-whisper.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/gold-owls-whisper.md diff --git a/.changeset/gold-owls-whisper.md b/.changeset/gold-owls-whisper.md new file mode 100644 index 00000000000..23fa25d0a3a --- /dev/null +++ b/.changeset/gold-owls-whisper.md @@ -0,0 +1,5 @@ +--- +"@siemens/ix": patch +--- + +fix(core/event-list): add focus-visible outline From 0c21819ccc820baf7b8b1075e2e08759590d312d Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Tue, 17 Sep 2024 08:29:02 +0200 Subject: [PATCH 3/5] test: compact testing --- .../core/src/tests/event-list/event-list.e2e.ts | 16 ++++++++++++++++ ...ct-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 9011 bytes ...t-1-chromium---theme-classic-light-linux.png | Bin 0 -> 9006 bytes ...ed-1-chromium---theme-classic-dark-linux.png | Bin 0 -> 9011 bytes ...d-1-chromium---theme-classic-light-linux.png | Bin 0 -> 9006 bytes 5 files changed, 16 insertions(+) create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-light-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-selected-1-chromium---theme-classic-dark-linux.png create mode 100644 packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-selected-1-chromium---theme-classic-light-linux.png diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts b/packages/core/src/tests/event-list/event-list.e2e.ts index b66defc08df..4cee4ef1d1d 100644 --- a/packages/core/src/tests/event-list/event-list.e2e.ts +++ b/packages/core/src/tests/event-list/event-list.e2e.ts @@ -51,4 +51,20 @@ regressionTest.describe('event-list', () => { await page.keyboard.press('Tab'); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); + + regressionTest('outline compact', async ({ page }) => { + await page.goto('event-list/compact'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); + + regressionTest('outline compact selected', async ({ page }) => { + await page.goto('event-list/compact'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); + }); }); diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..fd90a8e766751bedf437aa4e391d1252e25e1488 GIT binary patch literal 9011 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 VoXiR>^8$U0JmvLu*;m2e{}X)p$j$%& literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..da0feaf79152aa39a1a56b5b14d988128cc37af4 GIT binary patch literal 9006 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 VoXiR>^8$U0JmvLu*;m2e{}X)p$j$%& literal 0 HcmV?d00001 diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-selected-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-selected-1-chromium---theme-classic-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..da0feaf79152aa39a1a56b5b14d988128cc37af4 GIT binary patch literal 9006 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 N-}rz1_^a@1{{>5n Date: Tue, 17 Sep 2024 13:56:01 +0200 Subject: [PATCH 4/5] test: reduce duplicated code --- .../src/tests/event-list/event-list.e2e.ts | 46 ++++++++++--------- 1 file changed, 25 insertions(+), 21 deletions(-) diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts b/packages/core/src/tests/event-list/event-list.e2e.ts index 4cee4ef1d1d..35e33aabe4e 100644 --- a/packages/core/src/tests/event-list/event-list.e2e.ts +++ b/packages/core/src/tests/event-list/event-list.e2e.ts @@ -7,64 +7,68 @@ * LICENSE file in the root directory of this source tree. */ -import { expect } from '@playwright/test'; +import { expect, Page } from '@playwright/test'; import { regressionTest } from '@utils/test'; +const basicUrl = 'event-list/basic'; +const compactUrl = 'event-list/compact'; +const chevronUrl = 'event-list/chevron'; +const customHeightUrl = 'event-list/custom-height'; + +async function pressTab(page: Page, count: number) { + for (let i = 0; i < count; i++) { + await page.keyboard.press('Tab'); + } +} + regressionTest.describe('event-list', () => { regressionTest('basic', async ({ page }) => { - await page.goto('event-list/basic'); + await page.goto(basicUrl); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('compact', async ({ page }) => { - await page.goto('event-list/compact'); + await page.goto(compactUrl); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('chevron', async ({ page }) => { - await page.goto('event-list/chevron'); + await page.goto(chevronUrl); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('custom-height', async ({ page }) => { - await page.goto('event-list/custom-height'); + await page.goto(customHeightUrl); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('hover', async ({ page }) => { - await page.goto('event-list/basic'); + await page.goto(basicUrl); await (await page.waitForSelector('text="Text 3"')).hover(); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('outline', async ({ page }) => { - await page.goto('event-list/basic'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); + await page.goto(basicUrl); + await pressTab(page, 2); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('outline selected', async ({ page }) => { - await page.goto('event-list/basic'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); + await page.goto(basicUrl); + await pressTab(page, 3); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('outline compact', async ({ page }) => { - await page.goto('event-list/compact'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); + await page.goto(compactUrl); + await pressTab(page, 3); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); regressionTest('outline compact selected', async ({ page }) => { - await page.goto('event-list/compact'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); + await page.goto(compactUrl); + await pressTab(page, 3); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); }); From 72c821323178c9abc1131c9c5f869823652ecff7 Mon Sep 17 00:00:00 2001 From: Daniel Leroux Date: Mon, 23 Sep 2024 09:46:54 +0200 Subject: [PATCH 5/5] test: reduce tapping --- .../src/tests/event-list/event-list.e2e.ts | 2 +- ...-1-chromium---theme-classic-dark-linux.png | Bin 9011 -> 9013 bytes ...1-chromium---theme-classic-light-linux.png | Bin 9006 -> 9007 bytes 3 files changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts b/packages/core/src/tests/event-list/event-list.e2e.ts index 35e33aabe4e..f4e8c158f1b 100644 --- a/packages/core/src/tests/event-list/event-list.e2e.ts +++ b/packages/core/src/tests/event-list/event-list.e2e.ts @@ -62,7 +62,7 @@ regressionTest.describe('event-list', () => { regressionTest('outline compact', async ({ page }) => { await page.goto(compactUrl); - await pressTab(page, 3); + await pressTab(page, 2); expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(); }); diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-dark-linux.png index fd90a8e766751bedf437aa4e391d1252e25e1488..4acaab35bf458bb25aeab9aa8987ebe7f1c0db73 100644 GIT binary patch literal 9013 zcmeHNYg|)TwhvOJtpekv4n+}aL8wJR3GYCnV-?c~s7ysbg32Qz5+o4<1W2qSOjSUG z@(hVyUSrD}1j8#-Di9!qhbFv2L>?gs1PHH?*PN41@7xdf)7&~A=EtYKce2mgYwfev zfB*mIoFC4(yJ~;B`%?%6qK!QD%{d5UE70B2^YJ#I;l%UL1C0j$oa>(;rQL=i2;>V0 z@|$CSj;7A?iH~@Zjp9XKJLERGgT1{lrcPujs;n&jroSuivFj(OcGM*_14$W(@P)bA zbk^+rFJHI)zo5+W&92!O#}}u~^?A;??>zLG!O#0XdWhS0dDU2UkbCWE=Jnuhqq4;d zp~`gyoW8=4%Pum-gxyhliD;tTm>VhXhGz@l5~TV3_4-mc*n{*$d~_6Szd8;12x!PJ zfB#`|MV`Hb5RaK`l+CT(9rtf|+Zi*_yEW(e>dvIS>2&2RCPq|{fsSe*uFX4QfBCDS zwATbT=4Hvct?Sa@Ed#x4uKBS=^X+$DoUTZoAk%bE)hK4Qr8<4Bl5O`NIox#R)m^qv zErvrgP>A#-5~4VM5He6i5K~pJtR@!CX{U%p+0vtqg5QH&Cr zBi-Qv*AuK&v}7*UyUCd;e^chPqP~IU&qaNZ7aZSF3O|Z(TNPe+AgmJh$sU7E zG+MZ2V`mq-Yh94>In)VQyxEj({S6930CEcaY)}VjaJ)Pux$vKtpE$j0uDtxio zw)ngXr9w72i1EdVtyJMUhE6tl9u9CiLVVA=HX&Z0`k6W|H^1GGVQ$Uj9er-#^0T7G zcT_CDF6gLA84?=WiLIZfAP)Jw{=ro4*UmpXi{_ARZ>2BKW_Aa#s;I6q8tP5zb+kFQj$HsWSj z=0SZ~7&By)af5H7qRd1x7h1+v=*pP~FRWiUNsqol$$wrF)WDyg_6Y99YDR71VF(5fBhi+7Rc{WE*)cc6s{Yvka02(t4`8 ze<_cyw7Ew|Q%tiQL!(BSDxxH1-|@NOBOhX$G=rTp7miO^ zjZT;}%TB`!tGd+}T)&*4@iF-4olnSMb0!n=p@tU%T*GgSZ50a1x`qpP$MrZ)7P>C- zh2WC-<+HAnrS;`5G(2FB? zZS3uf7!1ds&X=Ah$~Ls=IXOAdCnVKH=gF5Nb_DnN7js;yOUSucyOq-vDq)@>U6T3_ zm2)4&ud(@(`F1pM?(y(cH?p?1wM#L|c3cWD9=>vg&IaC|? z>h7+=wUY3;X$wuzgY$VPfyO{j&x3nKr;!pU3i@t+9RKofXAK-~TrzXdd|;XdANMt= z6hCOdFcp2kJZM{LXYn8p)BE2i3=k1lC=;0hu7RVu1Z?$cNv(k9JJro!U;t$jzp>1M zqB5eoCxK-kmn?b;G;XvHkEZhp0v9j8_(&iB>+B!D<6yY6?{U-njK5uLZ7ud$i7Vt} zKKx|7b!xmNv7oWhrM4?elD!sk^=iAfp81q+sxw8PP_FI0p$8fraEe?#*XW<2cYhp%m}?o08@C?uBk>YOHx)^m8APNZXQ9a zElAM;Ee-$0Qkz^7RstekiVX8#a3n@=#N-buBR*Ym{v^@Jwe;)$4f zh7h;vNcRX0eV^`N2U@rety|vtc0Ve+zcyU3W4F!K7J{2gPUW~e3;?EQ4^1R5v-NRf zC;VAi=EL7atE}8z`6?%DOV79zP zN5roun9&^f`8$ab#&7ueR2OU9FBMr%VLtQq;wHJwgw#F&?LI}RuBq9NTpb8VwXwAg zt6nuv)aB^FW*-dl{OJHt1@=5SW?*ym%*L{)KSo~-rS>lKYuNybTR5f_#3V3bsPuy@h3*JlB%o%GwIqgB z&;M-f{1tJYfx*^|C62_6C+|_Z!$WQsjp~9?)t&oiLG^oMz}$z_lv}E{egXFW9pqv0 zjhXXCi$9^&5nPe1v+$$FLOUm+5ZbMF=K5txAzC)0Q7%(aM+|;-(5d;SZOzXSP1V26 z2{CTuA~eAHI7=gJ%sSV5ju3ybD

xOK(U;~GlVwYND624= z8h+I9WP7S1?WvgLzp*Mx!}$8(c&Q|cziLX!9@-AZRdWKMCm2CA9;;M_At?l=WUq93 zENSv(SweivddFi6`%u1-OYDRv-NB4mCl;XXAPE!Yx|nI1AR{!G?cTYB5c-LuiSBz9 zA{#^%cvMx!WT+z!JDr5s(r|4>5)u-EM4?dU%h0(10nn!V`uJ3ir@#W=4fIRcC@a>a zO8)%5)7XpU>0T2gZU~uYJ-_T}SG+Q1-?UFU<+$SZ@C#oVJVOk|9N?cn#&jZfN`H8?OEa>gaa=g8`j3#K+S7l)}?+F&#Ib zVR?#~8`brR2|UY`v6$`{)44~G8Lzrbx3RIASl>zS(w%RBu{q9Z_pB5rDS>@LPA60O zE@MxLqFJ0kZ&RxBUIC@(xIkVjA_lAh$9}ZXPkm(8UC7whY|k9i9t;xZLWSJnel9m% zAAKQhSlnPCV`7*#QSa5`9Bfw3_{q30lZ@id3=I!U@}z4Gg)Z&}kylFBr-B@p{@Q{c zoP<`sV+ft5)o4+^B3d9oupLj1Y4(@+)?Qp>ciQb9ekO4DZjy5tVtXcADdt<5q!`c+ z_$y+$W&Wz{)lB@b?ovNp;Vh07!mJ}^Mbe?yAu+K?NqXI{r|cVme$sBUMO zq|BiR*kTdWlUeLHoSv(t-IaDvpIPW~zSQUO+;?f-Og;La=+I_m_=LidSH#XQ6YG~I;dwp z@#LxTdX5-9&)f>0EJuR?T1St&7NK08NOPPY@W>~KM@4UbI$(a^*$zX+oudTS`bBlS z>cDL5M{eSc;-<%(7uyg)6GvLoCs&87yx*^{kls*-CtHf^4Qssw`ow!l3q{R-l6ee~gTV z$Xj2BNHZ+TzNHvC+`O8y$I&{VHC1r931C`)E(18lc-wteDrqUrOPh>I*+Y+f&kN)J zDqjx0UvMRRIoE#4X0t=E*zO-6Tl9}MCA0{qrlxjG3lRDqjKj6;+%y=r-WKDL{fOq~ zl4dH*C1RW6lo@u#wt<3p{8|I7l7}Wv)-dpWB^5{TOaeYdKG24aP-!L^J@6y&ZPyeV z0;i21L5IuVi24W+I{;zc9q{Y}6v=%DA zBxh@vgplw$+20Y3evNurrGw%(bdlt~SO7$urdl`p__sFw_XHa4EF+U#3ii zGF4V@o@7|dXkeDG1B8d>n$i}5#)|{DwRGJ9b&}u^K6)}hQ%k1{;Ap{0m$iwOB%|yK z43&0d+$@k^#}xY|geUap;M@0U3G+SO`F(BR!w7QNNdOYLHQZu!qm!$yvGOi{_n!Ko zp5|L2VWI5#dfo1qZTd|!b=un6SvR@A#K~qtm*f&oILky$Hth;fnr|ul*`ndv@NL?= zAEl?Kn<70qh0C*VpaAv#mJ)YuqP?Mf>dwXJUN2mCK9ZrjrBxZbGUHY%+u(__8U>Yv zZU;p*HDV(KNdYu+kYZycMxYe4LIPT&W?!kd%>vlA|4pFc6qVsXM3DxFsOwRKF=x!& z;O4~n3fGe<4tC>a)T|TtXkARiQqp~w@%wQreW?DSp>)&1fK->I*Pb4euk`&#%IDv` z@(>Pq#LtAUW*^30^zre*jk^ivUc#O ze21c#VgMnKaHFl^pwDt3C2-@uf#dp<+m(WPLGFH3`h-$zp0gb8&R)3Oq6}t7zUKx3 zx`HI(4Q*UeE@d!-U*RpB6e(b2J>TuNCPl~!&1Rv}%-_J~PNdXIE$qlCCJ?ndm$!TY z&i>5o_aAD*<{NzfDFgp)s_w(-#ZAj#u6%f1zPZnv`@ETEWH1Rn;M1?oD%-5G%_`fh zvQ3cLM8ZuZ{0~RMwogAt178V@gWm!GH+z%AgBkxXkgH}=b%2)o4fbt$iFk3>NyzNh7xetn}Eutoi(xb>qiz^R)Tevr-Cij5~7*kz&* Reg^|Vo^b!B^iP+*|2y4ezp(%S literal 9011 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 VoXiR>^8$U0JmvLu*;m2e{}X)p$j$%& diff --git a/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/event-list/event-list.e2e.ts-snapshots/event-list-outline-compact-1-chromium---theme-classic-light-linux.png index da0feaf79152aa39a1a56b5b14d988128cc37af4..c18f44c88d086d7b95705dd3c6a1b7725891ef50 100644 GIT binary patch literal 9007 zcmeHNdr(v7why)HsV#Cl9_v92XrXW{1=R4AN3<%G^3ubppaB9RAPpo4gjWc`TCrXQ zlpqQTNtJ49F@S=E07+0Q&pZ$`JQ4^9B)mc-0YV5Qcki6rnLGE7GxtvInK?6LX3w|3 zy|dT)_WIWPt>5~-edTzdkMWkBTObgKvF}$${|13<1Ww=U{?jI)5#WbT0*z71-+aD= zRPlFBK_I&!zDE!LJ%c1_sNs7jf-UePTa8j=~Ioo zR~IkjeV1;0^yrBbyA?jcA6Fw(xBrt-e?La_1@Bwzbb`~<1jw;&-nEaoWcVOTICniX zA@71Z$3s{KXR9<-f(eOiC5Ir%dtjokv$Q=wQlqmq1IGmsp7CtNZ2->>^?eL60@@$< z8T|*?-?HtUcWYX!A|knadvdHh2 z)IB7OSjreGHN6#f9a^vd^>eymm@~iFo8;0csb6{*dRY4^1%>b%ieX3FzHq0Cl`drSv#g#!HxNW;1LH@nol{ieD*i9Ho}qFy_jfUh^xU{BbXQIYS=9XY%K zmeJj^Ag?{VGizb8+1%q?WCTvWNKR75n?6z-4Pe!HSX57OU45OEZy;PNCZ|rHDo^p$ zid6%d43@G