From a2eb45f4787eda5fcac735e71813f0ac17457c09 Mon Sep 17 00:00:00 2001 From: Vojta Bulant Date: Fri, 1 Mar 2024 13:31:04 +0100 Subject: [PATCH] feat(SkipLink): migrate to tailwind --- docs/src/data/tailwind-migration-status.yaml | 2 +- .../orbit-components/src/SkipLink/README.md | 2 + .../src/SkipLink/SkipLink.ct-story.tsx | 21 ++++++++ .../src/SkipLink/SkipLink.ct.tsx | 36 +++++++++++++ ...sual-SkipLink-default-1-Desktop-darwin.png | Bin 0 -> 608 bytes ...isual-SkipLink-default-1-Desktop-linux.png | Bin 0 -> 608 bytes ...kipLink-default-1-Large-Desktop-darwin.png | Bin 0 -> 692 bytes ...SkipLink-default-1-Large-Desktop-linux.png | Bin 0 -> 692 bytes ...SkipLink-default-1-Large-Mobile-darwin.png | Bin 0 -> 1187 bytes ...-SkipLink-default-1-Large-Mobile-linux.png | Bin 0 -> 423 bytes ...kipLink-default-1-Medium-Mobile-darwin.png | Bin 0 -> 952 bytes ...SkipLink-default-1-Medium-Mobile-linux.png | Bin 0 -> 381 bytes ...SkipLink-default-1-Small-Mobile-darwin.png | Bin 0 -> 798 bytes ...-SkipLink-default-1-Small-Mobile-linux.png | Bin 0 -> 350 bytes ...isual-SkipLink-default-1-Tablet-darwin.png | Bin 0 -> 1470 bytes ...visual-SkipLink-default-1-Tablet-linux.png | Bin 0 -> 474 bytes ...visual-SkipLink-focus-1-Desktop-darwin.png | Bin 0 -> 3001 bytes .../visual-SkipLink-focus-1-Desktop-linux.png | Bin 0 -> 2844 bytes ...-SkipLink-focus-1-Large-Desktop-darwin.png | Bin 0 -> 3082 bytes ...l-SkipLink-focus-1-Large-Desktop-linux.png | Bin 0 -> 2922 bytes ...l-SkipLink-focus-1-Large-Mobile-darwin.png | Bin 0 -> 3151 bytes ...al-SkipLink-focus-1-Large-Mobile-linux.png | Bin 0 -> 1779 bytes ...-SkipLink-focus-1-Medium-Mobile-darwin.png | Bin 0 -> 2850 bytes ...l-SkipLink-focus-1-Medium-Mobile-linux.png | Bin 0 -> 1717 bytes ...l-SkipLink-focus-1-Small-Mobile-darwin.png | Bin 0 -> 2717 bytes ...al-SkipLink-focus-1-Small-Mobile-linux.png | Bin 0 -> 1677 bytes .../visual-SkipLink-focus-1-Tablet-darwin.png | Bin 0 -> 3452 bytes .../visual-SkipLink-focus-1-Tablet-linux.png | Bin 0 -> 1863 bytes .../visual-SkipLink-rtl-1-Desktop-darwin.png | Bin 0 -> 2664 bytes .../visual-SkipLink-rtl-1-Desktop-linux.png | Bin 0 -> 2838 bytes ...al-SkipLink-rtl-1-Large-Desktop-darwin.png | Bin 0 -> 2742 bytes ...ual-SkipLink-rtl-1-Large-Desktop-linux.png | Bin 0 -> 2921 bytes ...ual-SkipLink-rtl-1-Large-Mobile-darwin.png | Bin 0 -> 3174 bytes ...sual-SkipLink-rtl-1-Large-Mobile-linux.png | Bin 0 -> 1797 bytes ...al-SkipLink-rtl-1-Medium-Mobile-darwin.png | Bin 0 -> 2914 bytes ...ual-SkipLink-rtl-1-Medium-Mobile-linux.png | Bin 0 -> 1720 bytes ...ual-SkipLink-rtl-1-Small-Mobile-darwin.png | Bin 0 -> 2724 bytes ...sual-SkipLink-rtl-1-Small-Mobile-linux.png | Bin 0 -> 1676 bytes .../visual-SkipLink-rtl-1-Tablet-darwin.png | Bin 0 -> 3481 bytes .../visual-SkipLink-rtl-1-Tablet-linux.png | Bin 0 -> 1867 bytes .../src/SkipLink/SkipLink.stories.tsx | 4 +- .../src/SkipLink/__tests__/index.test.tsx | 9 +++- .../orbit-components/src/SkipLink/index.tsx | 50 +++--------------- .../orbit-components/src/SkipLink/types.d.ts | 2 +- 44 files changed, 78 insertions(+), 48 deletions(-) create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct-story.tsx create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Medium-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Medium-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Small-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Small-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Tablet-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Tablet-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Small-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Small-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Small-Mobile-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Small-Mobile-linux.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Tablet-darwin.png create mode 100644 packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Tablet-linux.png diff --git a/docs/src/data/tailwind-migration-status.yaml b/docs/src/data/tailwind-migration-status.yaml index b54c8d7dbd..e55a978cc8 100644 --- a/docs/src/data/tailwind-migration-status.yaml +++ b/docs/src/data/tailwind-migration-status.yaml @@ -76,7 +76,7 @@ Select: true Separator: true ServiceLogo: true Skeleton: true -SkipLink: false +SkipLink: true SkipNavigation: false Slide: true Slider: true diff --git a/packages/orbit-components/src/SkipLink/README.md b/packages/orbit-components/src/SkipLink/README.md index 90a1d82838..f01cdc1e3e 100644 --- a/packages/orbit-components/src/SkipLink/README.md +++ b/packages/orbit-components/src/SkipLink/README.md @@ -37,6 +37,8 @@ The table below contains all types of props available in the SkipLink component. | :---------- | :------------------ | :------------------------------------- | | buttonLabel | `string` | Description for screen readers. | | **links** | [`links[]`](#links) | An array specifying links to point to. | +| dataTest | `string` | Optional prop for testing. | +| id | `string` | Optional id attribute. | ## links diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct-story.tsx b/packages/orbit-components/src/SkipLink/SkipLink.ct-story.tsx new file mode 100644 index 0000000000..27de7d81d9 --- /dev/null +++ b/packages/orbit-components/src/SkipLink/SkipLink.ct-story.tsx @@ -0,0 +1,21 @@ +import * as React from "react"; + +import SkipLink from "."; + +export default function SkipLinkStory() { + return ( +
+
+ +
+
+ ); +} diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx new file mode 100644 index 0000000000..ba5feaecb7 --- /dev/null +++ b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx @@ -0,0 +1,36 @@ +import * as React from "react"; +import { test, expect } from "@playwright/experimental-ct-react"; + +import SkipLinkStory from "./SkipLink.ct-story"; +import RenderInRtl from "../utils/rtl/RenderInRtl"; + +test.describe("visual SkipLink", () => { + const forceShow = () => { + const link = document.querySelector("[data-test=SkipLink]>a"); + link?.classList.remove("[&:not(:focus)]:sr-only"); + }; + + test("default", async ({ mount }) => { + const component = await mount(); + + await expect(component).toHaveScreenshot(); + }); + + test("focus", async ({ mount }) => { + const component = await mount(); + await component.evaluate(forceShow); + + await expect(component).toHaveScreenshot(); + }); + + test("rtl", async ({ mount }) => { + const component = await mount( + + + , + ); + await component.evaluate(forceShow); + + await expect(component).toHaveScreenshot(); + }); +}); diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..41843538de8eb5350375f683131919aeb436e2a7 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0y~yV158(hj6d~Nv0{W%|ME=ILO_JVcj{Imp~yYPZ!6K ziaBquZxn1$U^w8A^1sybyw@@Xv48#(%&za6Uk=p3;C^;JGmv_~&tn0kSVqZ_5CUe6 WdMrIBwrMniQh=wcpUXO@geCx)F*x)9 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..41843538de8eb5350375f683131919aeb436e2a7 GIT binary patch literal 608 zcmeAS@N?(olHy`uVBq!ia0y~yV158(hj6d~Nv0{W%|ME=ILO_JVcj{Imp~yYPZ!6K ziaBquZxn1$U^w8A^1sybyw@@Xv48#(%&za6Uk=p3;C^;JGmv_~&tn0kSVqZ_5CUe6 WdMrIBwrMniQh=wcpUXO@geCx)F*x)9 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..8456653b63439c22aef41775bde1a8e466184ca3 GIT binary patch literal 692 zcmeAS@N?(olHy`uVBq!ia0y~yVA%jpQK;vjb?hIQv;UNSH+<$1a| zhE&XXdt)Q-0R@Hw8!r97@7mE>cVQ~eH`bZP&u%?u1nOv5@x2U4F);iw1ewO*VLVEW e1_9}*;5S3>UY4GQ?XAwBROIRE=d#Wzp$P!~$%h{R literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..8456653b63439c22aef41775bde1a8e466184ca3 GIT binary patch literal 692 zcmeAS@N?(olHy`uVBq!ia0y~yVA%jpQK;vjb?hIQv;UNSH+<$1a| zhE&XXdt)Q-0R@Hw8!r97@7mE>cVQ~eH`bZP&u%?u1nOv5@x2U4F);iw1ewO*VLVEW e1_9}*;5S3>UY4GQ?XAwBROIRE=d#Wzp$P!~$%h{R literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..c587f8facce12cfd838fa9a789487da3f80b5775 GIT binary patch literal 1187 zcmeAS@N?(olHy`uVBq!ia0y~yU~&MmLpa!gWR_FMBp}6D9OUlAuRY|mt10Vx4uDIjKGU|zt;zzn1rL1GJ-V6sdO3z%VSh7gd#YfmK#85mf2 zJzX3_Dj45h+sMnHD8PL1`R{yjMWqQD$vejj6J~ci5a58!S4XWsZc!whXlyKO2id7BbI35Li2!rDZ3(ta>r%b{SSF=r!A9cRNXy}6z(`e!WXH4!4 W0hXQ*jh&XD0>abP&t;ucLK6U8egg9V literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Large-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5f2c98e6568272fad73100d6c25a77d6f9beb1c3 GIT binary patch literal 423 zcmeAS@N?(olHy`uVBq!ia0y~yU~&MmLpYd#i(0|R4> zr;B4q#hkZSH*zv4G8{PY{d;`)k#n*+Dh1|_yLxthV`nh^|C)heM`8klilhXCCmWl? jq(;UGDWhD%p~3#Dgt>R$v+uyDU|{fc^>bP0l+XkKY_Dn} literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Medium-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..d185a1ccc1e222268a31fd7782cefba65f15884e GIT binary patch literal 952 zcmeAS@N?(olHy`uVBq!ia0y~yV4MeJhj6d~$xRi3nLvuMILO_JVcj{Imq3n7YJ_K+ zuP=iZkj=rs*q+J20#X9RQb5eWz`THwff-0Mg2Wau!DJcdEntSR8A3n`d+%^P0V-GW zba4!+V0?S^ASZ*O0L#J8pZvp*OmA}hvf8Y%F=^rPnBO&h42(=H94<`tTaw$rOdH0B zA30b!1QaH4armFg?Ewk49OoBMaAont`N4h|K6 v!1|Xk9hzJutqhWV_>pi(P>GSJ zi(^Q|oVQmFavo4%IB?+B-|M0up9?h!yi+@&oxJWZn#24*152ohVs1e0ZSSilTpGlYN?+9V$pW?*3I z@N{tusbGA29VEDzz#IlKr%^-U30~QVm2YZJGhp+<- zX{*KOFfcN|VCN7x!6k7Z=WCO&LIT5I21cexM&=o7;|iEqcoxVjI4Ec*Fl@fc?bp!2 w_=TB;BZZYGVO!NfP6304x`t6phjs9ZyS!%Uk-EEt7nC+VUHx3vIVCg!0FpZ88~^|S literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Small-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Small-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4f75ab81de5695e5d03e7c800194d802afe6d292 GIT binary patch literal 350 zcmeAS@N?(olHy`uVBq!ia0y~yU~~YoLpYd#WX++i(P>Hao zi(^Q|oVS-Zaxy3~960d(dwlqjbFw)q1?G;kdUk$eH~G7sxuKe^&4Af?Mx)}H0|IFY n9L5GMk`jk_coK)B@D0XA7nysPrcEva1{i~RY|mt10Vx4uDIf-FU%&`9f)OOPfC(nc%&>qN#%2fsDNOlzI)#CORm0Q8 zF{Fa=?e&ek42lBG2cQ4W7gto8kdge{>cbDA{+-``$}lpqa0njd4Dvwm zS>`n`J`jY-vT(Gp@H7P6TqFch4b*19@CT?3s=skU1EYXebO?;k$i&tl4_B%nAY{Pc zl-lhDvIwl>0K*4nxYaC9Ol%G-asoM_PGRAYV5oyDZE)~7z`!w8R|{?#Bl7`%xKaTQ zP6>vEn_N}Fz5tn-!0-d1lu411Ss`TG3WQ}m4EAuP4hkv>3@xX`ro!CS0Q5BbsHaC` gdNg@6jFddR<4^`m595}ud{Eix>FVdQ&MBb@0EIFMUH||9 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Tablet-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-default-1-Tablet-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..917383e63a518b4122942a18a7f37913318c20cb GIT binary patch literal 474 zcmeAS@N?(olHy`uVBq!ia0y~yUL5yrdcmIiaX#Gp-1+i9=RME+zUTbT`Mu|V?!ur>a(U?BEq;J7FAL$UCTYrwW8 z4eTwLKkUL%w}XL8&rdd`B_-Eryd|6winW+}&-Ipm*ry1W(V&p%H>Qz2RG;>P7hdV} ztA~AEI^3rwcEaKN;k_1zt{+-?(DmlyOT)7Zzv1mBaq0ZUM)ta~NH89qYtgJzlPw7k z01(lD8x7kUfVOkT>1|ExXtR_=F_w~&m&nB3yKYD%;Kv^lr6uwz5U3`RfCJxs-j+Fu z02ztWyyL&WVu$A|P{Fa6vhs!FC-)%ly0plbHDz!6XV}+Pmp1WYX1a{f`@DlBVu1OtTC{_=eoh`}jHWha10~rd z|B!jSS&sGo>9G@Z?3L7*)wu%bY7}h#vYB{UdYw(IWC(Y}|9-WR7d-Tq>#{MF$#8}T zy;zS`k(^GHMd$)W8xFby^+x9c+dv`0_f9sWR5ZFI7CcOqsax${w%~Th@+XBiGbQ^0 zK9)@~j3K{gUYKD-@>-SZevL`KU{=)(KJwasfFAZhcF&%RCC-YFZrV_+Y1oP#J(lfR zuC%XUWqx3W^1XTAuj!3*^iGn6>9w`T1B{R~DABek+;@SaPDOJFCGGSnF5jlj01CP2 z9GbThSL z1Vm4-dbYz0Q-fz|&D-68Nr3#UAn;%x8LC{K-=>76QR{P0!`!*PslSNk%kx+bR|poA&6=*D*(Z&R+|J3= zvn&0mdCx99Z2F?ULsA0KJ~0AJL^_0^YEE7-YrOSQ){+RVtm-84E_4J}5UxbKDy2D0 zx7#hx;a;FQi09g^GeoSi-W&6`li)B88s<1*k+=9KMs@M(6-YNrdW{k|8J-`QPI}!p zSIfVJ{A8YIhb>J?9zwHSjNH1DQqpQr>+*Co=L3?5Rc0EojB6r32AH7+E)gV~oontd zsr?bt0iNFsc<|HR6G4Y<&Js+2S}amMWO1po(cCpYb`>5JBpr?So!y>3cA&Pl{J?>t_wQkqOF0Ad1n`7C4W#>A z%;&&>!8V^kY7<=i)}dn)<*cE3W~;Qc^u@AHH_W7(m0?=T@wAqaNFP=zkGM73HpGcq zNaD|7B=uzs2;*f$YqOP)KqaMAI0SMRIT(81y{4}`xZA7o1U>a!0YSC6rWJkHx!JSBUv^r*!dDA~#hZHRh1Rg}uXM+41IgIvk zcf`s=7n+79%Q%jfFte-zaqms>U3mTaJbP=qI-UwmGPume8=4;-bx)r3Mza$*le04N zN4iB=C7fT|hl-PFErr)Yrv1LJ-)cTHKa^d7F!0WZCVJ$*O2LojL0vD zWhOI@dbz=|NF%{r{08LjoZDDmK{UifDk>?JDo$4{3piXo@IZOIO0MeqyVFFAy{<&- zs(0#RhtUkbJ$9F#xp8QoV%YIp8~BYtQ9C$ttp@bQJmz+2UpeL1ca@o0n-Axr>d&4# zCzu}C3Xc2B-i)kKvD--Gd*)0d7v0cb=L~V}Dedr<_){m%_ll`Ae&cj6*&c5~9OT;p&>Eq}NR zt5UBCN%apNDW+V0LYT3v47^jHVZ9mMcUO0PB?>Z7jjHz}TDx-bs}1@}X{qw*J?ZLJ z7pa$TU+>5{4gtrFk@F8*oUyXyPFot`-?LO71$l_y8wi^?NdlJ`VNo8Li;LVf^O&zy zWQNb=c0<-n=Ss)5KC`q9M6&ZAvA)3I@M55J!lvO@ermyQpTA2<@x`k@f3@#zJDc+| z*{hD~fJwQ{u!}X+(K)~SE(9E7>QsR!#!=hGBc_@DuifdPx%I=@o$*t!EZNR{kBTe< zI6TPn(k1e}xhVQVzk|Zcd;9EK_;?|&Z{Le!1&zR6Rv)+HoWZ!>|V5IN{$F_Yx{cCX@^DPR7(%+6L|Kz9# z;{mW)47~t#@>P+K1k%$8U2LMV)st6#nxpzRDg9rTS5Haofb3ngUm*9?p^8>|0b1J@ g8dN0r4^E?-GLxD{UN@^k4@ta19H92JvsaV;4HUr{wg3PC literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c73262b2916c0bfd02fe89d68a86e90c2c08c9f2 GIT binary patch literal 2844 zcmcImdpMhE77u1>rmdPztJ86*$Cl2FxD?|O3EJt!rUp}rMvzWbEJGA6f=D}NOFKj- z#4QrN4AwQ3YTQChO=*RsMiIA)P?6d#w{;|*OKi~VF_j$kXoZmU;cfQ}< z@BF+C_8RX6fj|cEzn%>Mf%N8p{iTog08ibb@N8hwNe=M-2GqncT>^pj^5ADrUrMW3 znZcF@ZQ}aZxp6j5**@1sUFb)HCk~HV8c$vJy?W?bFf#wV_=xKx=SI)APcHtEi!3^t zYM$@#M_ppfqfsjdOfAy(-t$|{f9TLhKm6&g)BeGe)7skvLXUaW+TaH$ny}1k6(ZDf zw#rm|6+}oy@}}vJ4g;~wMF!2z=mDFaFK&bML7-c@A6*BmFK_*+#;K@~&%OkMeS)H} z)&uOo;9!OY`l<)%LRAYbl*Ay_2UwFjGE4!#p1-m~dg`sg0f>th-5Iy&bo!;>OTX69 zA9Z@`0Kp#bFr6bAtzMPHWS#(SdlUo!q5pqE{?7?G6_skZ)*Vn=q(Z~)cSgb?OU)eMc4vPzmRDjw#iI#n-;c;#?<2Rb5!upFCvJ6Bl~uOB z!9ZfaX_-bolR*)8D|l07NgM@sv0eBS&dP#_a?eOtJAD-|ju$Ncrjo#kEer-)X%rIO zmu(om{x&rrgzu$Vkv^-)9RAoWq^rKJE+A;^xaX$;3YRAsT9=n*X-3UWK(X&0DhL-k znCDCGDE1}&?&|-tWJ^u1!10#gLIFXh{RTArx`tRy_?^ki_;V3!vQ-zdZ`ucM-4A|tD*PLQd5(_gr&%*g6Yp^UjH zpEB!*t&3|m(tFimu=v=N*_dzk7#f!r`ok;^^(9nRPN%3s`Qa^pOQfo~HBRf>35)wW zvpkP`@8>R*__2vrKJEkr{YFeyiXg8d?RoQrsy-uXu181FiR&)zHH2EG&ffH&oSY;! z99WCc1qgfP@#u<9L_~M`PYec$!Vui#avigTGwvGA*5GG_mYbVW$8=c=1;cNuZQ?{T z%qp-nH5x$B_0U4297Dgq&%F^h74v*Mu6qJ)MiY*5eI&D8yQuvnW=`ps0A`6o`4ram z?=MsZoX8Wr$wtJ+(#3X_;xx?wm{#4@(5EIejNw|jNR(&d)?~h&&&~sc1J7Q2c_u23I!k+{p{?4}7g}XnemaKOfPymTES&OLw1Qo0T+=6xlxj zYF1~hGW{gD^{Nsl%wPx4tke>Vl~)krhlYl*$}*vQM1d&;W@Kbkrg-Z^nT7tqW7jq| z4m~)nN3@(eaIEOGo_@n742VjNt>5M#0y!%KxOQ#w**_S*l{+5j0Rkthli?nS&jn-+)Kj zmAYHuRPyk5rbyn{0&fame&>$jbLZG=#>PkHANkmE>w@YXuf1eUXlSYITRKzo4^f`P zFQ}Q;kGb}!4u6_~vrpFM`$O%Ua;Q^H7N(qBvJgm4psqvn z*r#{e@Y>kcaHttn`gcUTYy<3AlNDhN2GigDv<`_J7FB+ZEa^XncO0?nw!y0fu8vo? zpH$pj{PkO^qjM)dv9-cssmQV(udn{`XI4oKHOmehY{Px>@J#Y>D}h}iAIDL|E`zB1 zuL7$V7bZ3*V%Z(v!nCD>R43P`!cn0>(qa2bRO!~atO`N*;b9doB+NqAczV6*4d7R! zEq&~cNfqq$oO!BPBroK+hRuxOql#@4R{o9A!@9={<6~kn(&}Hi+uZQs$;om`%7jM^ zMY&=s&!^G0I&5v(BRpQQugem@d1dW!0e3g=;2PBALOVZaSAo1obZ9K%dcFO($GPjV zntd^`u>;3Y6RxQ7g=9$L+vczA?Ya40>O??QJmrVT!z74^M!ZEoPCRcD%5)P}W&|q} zn$I1}P``qyrlsxLaxgDrhTO!8&9B$)Hl;#&He3fEBd-WcpD?PWRhDer+t?krg?#CD-AZXU|ED?! zK%m!8Wx16WySgNw@~4WZ|Ds4r^fIGVbp{UlCil4?fIts~waX&ic<@wVQNYCrDxjha zPJSw`zhqs78>?$+JUj adu8`8$&oH+)xZ}(@N<4=o4&d7<39nyg-|X4 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..a90ed8a77dc0b073dd4525ca9c87c469f8f71f40 GIT binary patch literal 3082 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6deb4db07064b32bdbe0ddea5194aecc8ce38930 GIT binary patch literal 2922 zcmc&$`8%6w7moHTotoA+(`k*C<}#M5rCRGqEHj-dsajehh|p1qQd^}#Y}GMFce@nD zltD!*mZFqIM_WZCwM1JYX^}+4QdtlY=1u>GZ~5gt&$*uKd7t~7=bZc8x4b-D_U<{f z2LuA`g}I)-00RB15m@`|Rt3I!&*`p!QNdntIR$E49P6lSLO zt#BeuEi>Fg-`X^P@B87qG5tf6e(oXrTYZuD&deVSyg6=_6sucVd7%CA$)zLrP7V{V zhF6XmoQ$qRn%(|8y=hpbd2CmxA^pUO-dOn#9i1Bwy;T|ZYEBhc-mBE5?rr{c9z|Zx zcWftB{}(p^?P>m*a-pt3j&aC&zO29>>=Kod z{F*Fw&ToYA%M3B1;jFNipMQ1ep6*-v7^7WGNtMqQl{N?ka3$_NRsUA0_c7)cc-NxG zcWQ)jQnze^o#wz7rrJFZ9WS z`0x8&Fx!e%|7DgfCkZ;ra5QJwucg=s-_km9J9^Fz(@mCL z?uzhxX5^A0UQfZ3sr~+8T=e2TwD=)7Rm8|huzy}CIK zS%Zp6*p`ol2<#M`5LW-hv2c+53_`XxJxA6+x#LzlG-q>Nz=L+9j5p6tR$2179d^mD zX(Yc6i%}1#LBCvO@W7Ya1&_~APpz-!8Nl+QoD>AqeR4pnvDqLYK_;A=bIseF)JdqW z>4azo#|E9br=5FV&t-Px4#QJUgm!*g zX{)auBpZS-#7V#WvLUS>YJ5~7ux}H;{OUv89Ww}+Q6HSc?oJLHd-Dy74UMPGnI>|X zI6CTC;?=X&7Yse#uVkPiBAO=~DugMU1198}swzF`(uoEktEp;qqVorJO*4-?AK%Vf zPyktvi!{+p>%^bO0dA2gz+3OR>x9(_z1}Ph_dHX4a<~UXHb&={AOl9I(e$mb(&snt7PdWLv9HR#IAK?3<4_!XqOFre9Ho_BQfNJO4IP zlXwNF;?eQ(q79jPXV=;*LJ)nuNmvRsf{8>dd|6*WK!8YM$-p@tv5q)xY;0^He?{o* zN}xX^cq5UeFEZ2&VQq&ke#}tY8_354pg@jw#*}291lwu(C$YJ5((P-ojTI1T$EVk& zmgKZF2m~T}T^hrsmRFR4197N^?oTx-xMg#G#XhKhVPT<`ee5JFPPpj*?DEw=G{7b8 z>?CMd1=RB1U`gE8U4dY-eK~;ty%&OjjM)x9bm$;PGIu`wvR{F^ImNUdL8iZbG>Oip zvK@A+MVDr!$z015MRj+zx>F}6CgNs>+GlTMr4?(1xexY4IdzY-hHN>e)TD)5_EJfU zmQ!?Ok$G@Ac1!x()Am+iteIx%B*kt>1o^g{6qAH42|KcVDn}w1g=X7toKB0C;_Now zz&=RD74FSE!gqWoV>!<0$zCRfST$*>OvUX#m1DXNx|1lEO!z&YMPxhX0^MsVp63Ha zh<9w|78N(ntZQ#(tId+*IZp>{fLT7J&vJ>B}E4E2Jv${ULWS2VM56iPST@-hd%niKBA37)4-=~3isM+bv@%;KET75eEO(m0M%e6fH|ljXM$y;nzd?t} z?nJfGU#RIkm@x!1Ww=*6_d!gN(H+idiM`Az1p*_x-4@MI#%c81sa>ROOtF)H*{!6^ zo|?+Om}$ol+RJQ(HhG+y!{hN5WQ7V*Cd!GhzeYP>1eD}@FSxd{%Rc!!n!K0IWo~H3 zEwp#s)q zMM?X4z+^zlisu|;e=R)gU5_3@HHU^{f|LoQVZ#ByFEUhlkM#_>JycGNUewk$e~&5f zql?}vxAyo|=zkGdjde!L0;Ng;ePn#|g)EJ%RMY`C{nY;dl`D+z31BuQU0Qf?X4XcNg3;Bo<4o7`>E^ax;Ah%ebgZu|w``)h#sDm+{Lv^7Cr@P4;Y8NyG9 fr5pco#ialruN15n9k{BLHXxX@$LWSs7k~Q)7olD7 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Large-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..cfd47ff6f25df12b4591a52876b113bd77b77953 GIT binary patch literal 3151 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..241e5782c9372c785b2473b97986bd6f600d77ea GIT binary patch literal 2850 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Medium-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..38facf41d6432c2b2aa58ee5b344fed510f79a36 GIT binary patch literal 1717 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Small-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Small-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a316a322357368556d003096f0e3a2eba222de95 GIT binary patch literal 1677 zcmbuA`#;kQ7{|X92Qd?!%$c)Xn#(C!NvSz=x1}&PI((mjWpCf2G@hTAKGSqDtt zP-ra&Mpzt8;ZgPYl?(N#2*giA$a$8JNHBvC3+6?vh3+8a+9qFc3d|d?r z791^KAoE8sNUXY5o_>1K2+B4~j$Bv5s_l1c3#(pT&9*=V#kbNG`1m%5>fbiy+0hKV z)vG-QOeg9tWKSb(_mINlz%?KB9tsR5k(t)pfmdMT|A)WQaInc?9??YOR1Dw10tI(% zefRmUsAFO=h{mC4nrmqv{2k$5$?cBiX1`~c2Y89@bYDH4lw=Py=IRKN))W!le&nJT zY|>L7W}NA!KpblOXJpGS2jtQ-@;E;GUOGo%rsWOuU;7_SNK%fP$Oazw=B-_2aOabK z>g(%+0->uyp>A;&Mpb#%A?aLOdsFR~2V@oE2E-B^ap$xNkEkdQ(l8^4woZmd5F5O` zrm46PGTF6%)#z42a!iLVM(^2Rh_-O4?`YFbz!9F%n!bn9`8s9glMEvcwM!eN53QO<(z4Oj^K5R+6^+OSuy{VUP+de->M zPNM6L8xH=3kKB^R7k4D*O-OBsMBtn@->S1sANu;9_Sa3tK~MqrySnv?r;9YS6%^$r zdHy&H3;f`l`4T%4C^|lVW2GLdUE@(`afxy1y$Y#ib{&26k*l+I%dIBR7!r&x>`w9_MC_DeoU0X*o zfm!$B`K8%mS|h0u>z$Kua03^Zi7qZEDA=l^GG?AU5R~-kRwREgD3=m=#WaDSYdxNJ zd58-uMP<|EV*Mdr+1b3?6Q4f^GS6o{^ck3SH(;_t!ozinDg6yW%N#cS%usUnNSLYm z{Fm=Jp6>2vT|Dj9%DcB z-uLqF<)-p-Lf1#GUADTn_Yzl+d}L>iBhBd~KTd3QnMOPDX{20W91 z=VgtF?Mk|QjVD*;PI=5_KCbI7U};TV8F*p7v6{NP+~r5rYFib5T!RU=>@2Mg%7n$P z%{QCg@8NK{qoZ#K)rD^Ym6b_7p68D>j}RcpU_oj)D+cd{Mn?%7uk?gE`Uj-0+J;!B z(8E+`ucleL~w8*8Yb|r4VaGTK(&^^TAOni!kE*UlLQ8=Vcqx;lfm;|Fn;KMuYeQ&EdNX1WI zTujq(ES+6{N1~|yswypuL3~@d{OgH;N+)1)$6_`VP_%CSF=~(dV%44ulTzeEWn3i9 z&A~p-_T(7f3X6~nEjrgm2z#|<7TV2)waRH(SvJ@gXJp=cNTF$Zk)?i&GfOo2-rWMs ezW;uZH@6wZYDM(6WFV literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..265a2bc0bfea5cda189dae52732037cb96735c8e GIT binary patch literal 3452 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 Ia_Q#30UEkd6aWAK literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-focus-1-Tablet-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..4ec10a4fe10a49ca9f20e01d92add9abb0e143e0 GIT binary patch literal 1863 zcmbtVYfuwb7QP88!4?x`1r0A#Du``)X(cu!BEkX!focG&jc5s`5FR5~A_PO~1SvRx zHY|)l3^gExX9a-<3Mh(5Fd)wqk`NT+5h0)iB6+cCcV_>0ch1Z`cfRwO`^`P`ovaYN zujzK=b^w5>zn}Lh0E`S*K!8CFXX`(D$_;MYcLBcMVDnEaZLeS%0Ik3Gal+M-CF!+W zBR^O_dbiy0k;MAB4flFB`Z+5Q`IA4cG}>WFGk=s)WlLz4gzmJsU2w zWj;kHlO0EbOwCzF9~jV2;E9mCd-hqu+Z-GwhvU;1pQ10AIxIFwRBJ_=>0}k1BTMMq zT%^%8VzKvh$9(`0EWEGA@UW9X00IVgdIHZYTMz(Y4cP*`eg7tOigTg3pGP`4?s(hJ z>K%8%<^4t)8P)6)00FtFk}VeQF2-D}8j-BE7m|LLxb&>>F{a$`bge&*l;vGGJy zEhzP9((InVL}d1#g?OeUW<$YGxd008*)afP9<~qc`w9yCKOnrnQ6-O;BBqIpi;4pH zrvbw#{{TZyRTQE5mp+i4TW1;`kn{E&y_^_yr1%SA9bDEvOfLCSs}&X2drTNZfz{q} zSZO=WvPbGd@5xp3g9qr-P5T>d)0H`))tx$N7XMp?i$kYY-Vk2U9=2!_8X77T3bCnH zR5S((1in>UG*?${N4Ot8{Gxc3q*6$|V0Qi3xd*(j0Bw6Hrt_^Z3q*1Od zHLIH8Nc7ahjtV^|8be)5O#SheW?$wFQ|xD~-Z~mZC#fLAEmOlDI1nmmOhnc2f?dl&@Mw^r1QS|CXXAJ* z$_*!9yvUi{)Rgsp*`CTq&+%mTEcTIDiSl37J*Kv}*cZFGJN_W`jm4<~Ij*Z6w4U4! z56*zh?c(cYj(YmnUxu@>C?XrD_)WnhIQADn!2S>=g@HsOyL|B+?P_s;U~L zh;mvNS5eFdTxVO1`aPnHvZ*7a_=xI^V~0j0`F?3HD$R0_(IrhH$r?90_ys*iq>$=@ zm#HfD=>QiLTk&f9_h8;H+s2bekOxFq9ZJxzy33S8L+>v3+8V|^fv);}C&vW!@m@Fd zZNHjt+Tv$2<}7T8ZSlH0WV(Fn>x9~Rwn}n+Zcf;nnPwO*O-W+nEB$xD^WPA$ZGVk9`%WGX6+6&jls1#Tf z)4=;|gYwNg_w(s1B?Scq&z`}}^^t=&OpC{Ah%Hwa0>mxL2OcxG4s1rLuN`WMm4@Yy zLcmFGm5nWJlm@6KO&b{w+?VuCucnNNv>Lrxi3k6@`LPv zoO!3wCUs^|rrqF^x51HrOgiWvXLhKJfB>Hbt(?-SREl0ws!BfEL@68_8#53P2n4#k zOK#%@V`FB)XnlGdeOPF=%@lbiNmHg%d0^5X571qc#)o|N7r#7jkQ+hBU_AtxHha{U z)NhuDmDHYV2~DV*Y>1+8a1~61+nvR?ec>OY+hyE5EN=QoW5aJUL)tEFT*U1JQ@9sl=u8qlq|x=SUzcZj`z4>8eb2w?d){SjU5v-^sJ-?N3lIINgt_HlB0-jEYwvaM z-s?vLb%lvts9k>rdh4l`HI-<&8DK<)JL0y%K}gvDtkeH3tdK(T2j*^GwzB@Y3Cegs zq5v^*eY>a8Uwum13f?%5PMV%QEB1o%NEP0ne9fF**!Len|1}JF@}sFB17QgN{?G{Y iI9VJw`rF%sy$MVpsQBq@>z9TF1pIyQ-gRCVuKydBBxkq) literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..2a6772b24e4cca90079c40f3e760c0a061d79a04 GIT binary patch literal 2664 zcmcguYgm$L8pfKf*$#S5Q+ib%W*a6qm7F|bDOyveWNF)|43XIkDdP!D6f+bmXKPw3 zld(`SXfpE%c#J_&rm;j(z|=%h!Sa|V5>P-u_Ot%X@4a^S&-cF1_kP#=-S7Q8_x(P% zPKN|;-Lz{H2n5;+4?1=R1X@1|%)>t206f>_MP>nm1^!InHz1bS_8kbcX%GC^k+91} z^CQH2_m?sSi&hAmh-;By^;fx<;kUQF@<2E2xbv^=KK=2#JdYrb981YUqf2{V?A>+z zy65rAZNKJTzSXw*aoMdiu348W7q@MHaLDe_7Nyr`TFw3B5Ep*3<^E0Py&QM-CC!1C#g2FMbDJJOZt=1)@#=-JrX<84B!r zI2cAu3Dsg*RKoT0E2%Db_|4A&MU z@WJ1&f;NIcSJ!=-^#2J`aLTQ~pH3G+P|wDh94bas=(+Rj3sMc6g;hc_W7cq74T%X8 z4Y-`;fhB(WAN2!mceZlhmLf2dnO0B2obKmX4U+lBR_)&LQMNgqn6Ts?a1~%W#f?Vu z!nC&CnUI#8*@r2D?N{6MO}rS(>4e_(c4=Cu#ZS6^m%sbzDM?vjjed#Qt8U1;@obFc z<8NUJu+lL?65Q^JI!(=XExd<6&OrK+y00C@>#F&}0|NTJc$Og@Tj1AVmo}*X>j#Vp zV{JE17OZ4%vG@2IBfTw~G5edjFgMb0K2P_SR~5zgYre8{g2L1F@J@2yC{#T>L~ZX~ zpULi{mSXMx3X#}kAdhqVS&)f}cvk1>_+@bN8e|zKq+?NF*Ti&C z5WZTgy+Z|lKJ$4q6(l$XN`(ZMhY6?aj+dY~{SH5+em}3XW>5L)Q`&A z;xn=N1oVwLepCzb`ENWo{(fmlL7_f%vwNb@lewTA>%zvxoe<@#RXxh7=ojycljqve zZU%)z=S#CLtLnR&J;jnkW1nZl-hqLE zw*$EfZ(koRTl|7?u0SXh`X(tJPB_bN+9xN)x$?ZBBN?c@eRR(2gASP)Av4x3g`Fgw zsc0q5(Gecvzm&JdC;4K!XsB}*-&((0ZL^UK>n)9BER4{8(FmwfxhP!Iml9vYIZN31 zXksDEkSkaNT|zK&%VFkWa7TWfxGT0;EF5=ci#r_c86?vR>3ZlTgWC2(Wjt-HsL1#W zuO1soNk}DXU%<_jV3J48OMY~xT@7k4S!<4P^vHU(rq29o<{;xr zqh1Ghv_<$m8@g%%!J6q>l{1`DgN_p}J_Mr!rC>No`$zVWuOUqWg9|fbQ0y_yB;a3Dt+#aq3$ab1#BfDc~C=)aLSWa zD{>G8sNkeZE>YQlp%Yt{g3h0hVvKCq5+tF+P__=$vn+E{OnN5e;^;yX=bZbabkR-3 zEGK%omLm^|j*fP6c1BeVqH`vl%{YFfVrFg+cijg)X=bIa;ST34%zxPUF~9`}XP+m? zd0gJp#zrSoWo0kF@eq#3t;*m@Hj)*9QVN-qEperRqdsJD+s;i*f_EbQTncNM=0a z-C|YYNFY;#R$`Z^a5G;{CMVvodu=TK(WakHl{a6RpmK&E1Y}de@YTwN5^%?FYS*qY z{AA4BbfN7f-S^1TS_U^mb$_Stj~DDoNimf1qdocD-Y8Nm&0m_jdzVZ@`at=$1SyETSOCx+MDg(O7zf-;@-R(uvOLU* zZR&@H3V|dfPglPwxFmq+XYQGL`}*?M1crz*0Lf`yHvX{pJOOUG>&owe^t5-gxbZ-L zdR{3bcJ);~+I;2mhOM^wu~2!K<@+<`d2oc$B~6r%Bq^#}SKU5$H60=B?p~RncSu{F z#qkQ1QOQU;arK`nL!8(fW^=0SRKQD1#O^vsVnJkI`lE2-7!|_oaB%`x9@VP90UH_M;DxsP)76 z|6RB8r{3q$`q<&&J~`^qj-fH)XQMzzU>DT-^!R7;=N?$>iPooWUXph$cFXHPpx+67 z)#V4a(qu%N1l)%+AGTP74BCEpje!3wSlyWC;r3u(WGEll2m}uZImY_t!u5Xx%EAC= literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..fa3de1ac647348a469f839c2d06fb54c0cba2bd1 GIT binary patch literal 2838 zcmcguYg`go7N>D-ni_RynyIx!cP7)xQpXgC6tTx-lwqR|jQMJ2QZ!#BDxv{1HRW$M zUpWFkKy1qgV`BLLQIQ(U9*X7*6cjWcNQ%UukRmWJyC3$;e%asdez^DC^Sk%ld(OH4 z^Z%Wn&LRVCw(i;r003+dCy$2!09I4xb=a28=J}nHsB31i2^$i46u|0tPyhg1Um}hl z3Cp4>CliXkTBSdoRw8JIlvgm=R&uAh?J?~5&)@WT zy<(N@0-XTnZ?^sbmwy6y=Jj_GXn&X~Hr_ zd9?#;bP|rgz5=c77#UiR2AN%XSo;g>&Q9|Jz_5PD!7R4^_2DJ}pbGHcRcwGf%NrNT zr>aYKzYd8(Q$v^|gS~4(^{D#r_M~vPT_qF2rBVXU_sQ*_ws*pDl*}2PJ-C!P@-NeJ$`!aQ9Ga zA~g?4$Pj2TjGRwI`S#RW2Ek+7jsquE(LC=#aA zCyyOdf=Jr?Fhb|6f=$#e8({i|6hmzKtzFd9cq z>na-7cztc!KL<0y#f&UEzfE3Q z1n#5uuC48ZMK<0-oA#; zkwRqIzIz4^xdsOj-C#K@&!%&MwCmd{G`a6>*F5CmToBT%89`qAo8qACSI=A6?6`o? z&;tL9Uu&g{`g*!VD5PjS+YafZrU0>9@;E^^*(BlMo~z-;gvzY+qhN7-_kr*xXKHk2 z>~hYOuFO|QUr{t))=II3mUNJpH!o~SIr1(5@Ujx&ar(p z1Fm)hbk1aH7h!$&>P?R`#UrCU1{*_zx#2dnm9&GeX8p2M^tEw>Yuv=!h_vY^RD+3s znenLwr1u@&sJ)7nTL99c5<33vO+liTiKgKV6T)=HoABzMl*zQ|I&9M<+p5_- zuLDSeW0{L1%W2-26i0(*2D)6jM}w2SJ;#=0p7-D`Z1hz?8VQU*$BGhBTwkBH zoI$4ZJ3}}7tPZ@{ULZjF5Jp-=nu0sMuI&&gTWsi>q0Y@tK;vm@M9t*?a7DscXz0FT+&w32>oV1-fHZ1EOC za!=nB}W!yE`&^37riG9ImOw%KOJtBtL+j+S>blHXM^3OUBlZUX1H6r+X4Eq!eGlh*DemL`5~a zDP1viMZN7l9alRo!y<%!(Je?}0>S>kL@f3+STT$t%a)4hKWs~;`jlA4l&EOe~T@i!P^oLkt!{-`&DT&Ev#SgdC2VzO~c z14BVOPX4nll0jAb&KUHqeE7mcLx=|zyIglOgxS*2V!Aiph%N} z9LqPQ4|n0edC^j?v^!HeX3XwTZm#L-@(+gVuL%4HV7jC2I8|j$4N(!l3Wq1pmH~NN z%v4F)4;g7x=fy-5zp6pzJTTywDq%TynIwKBBreji{BtieEL43J)P12fv6h-y50_Vy z`0kp zZZMaCKCo7Y8gA07;>w?PGzpV+PQ)E(q|L1zs zyBnR`h_?`h!TmWZ_kM6hDt&t){BQ>$hdSCH)lvtlrQ?x~m2Yd)6%%`Nlxw{Afd@a^ zgS0Qhm^2T3z~Gt?=IpDO=t}*vi7?-#L4qYMskUPznFDrYdOr+nL>xHRc_F`G=af0Z z#nRRfrhwJ08JEp;nyrmA_O0Fyboki@yinHb$y?Yy&=4kWx-|W3QrkBwZ8ADKBRQo_ zJs(u*qi%HIYVRd{uiukox#reW<3?72-~8k9WHY2=g-as%sHW?nvdsDU;8VK+8W)T0 zFRP86$p^o1GOff{(l)|~1{HNLVzaGOv0Y$XZ57QyM1_Jn>_A`95sADS9WAhdNNEJp zeYBqF1krbcGCxB9qn9A{q94lp$|^LTZ@+MXc|jW*ZVr#|V{G9|MdfFW&SJ4RZTw^O z98L!-f@0_6hR^8Z3ROf`S4Uj>Vcc>j1!WR(t$`L2&~O~47MnpfmrOU_H%IZmX`}vK zQzrCEK26P7`S9yU;21|S<}Vxs19M?p=!!d4XEby@uo2GpZ@4W zYR@&qAz~AXtAV_agr9P%tN?(3O_nXdM*-je$BNO;*YS1hUpBe0%ohO=Um%aOj-J2z EI~uQAmH+?% literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..2ec28eb64bdc8af8ab8b540cb5d6ccbe4f7c8919 GIT binary patch literal 2742 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Desktop-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..33b5b8829f0d9aae420af3fd7e50c1c93159933b GIT binary patch literal 2921 zcmc&$XzAR1E|?M|02ctRk5dj{^kzt{@Cac#^?;G%`{bUX*CW$H~sAUXz47tVSomClbQ zHxiZzU5hMx(H!5c_Fl_jBfs0%8XGYswZ48fej)j-Ca+`bBJk|&z2&!C40Rm7J&(Bb z=bF!hG6z5N?(fg-j495|@}=zD>2%7-sKLEKq>Bj_y)xM*I$AgA7e;OemQIh0npx}8 zcB06-vXGnjR11WXe*5XH_;YXrd8z%)22jZN=2|-7l74R2f31uVe`;A{R_S?EklETl zI8f+`lK$&if5D>+-99E(!`R_BAC~dMrszJNrdAbYWePm7 zKf2?XwqD#-q1n|(yRa!KrkVkVy~kIFyp0R=Qu+6OIbcP#i08ww_(~@`Ax&r~xjA1fE4(TCzw_GYJUqJL>mj?ngcf=`9p| zxNOR5S8D8a_Pi+WNVVz-Or9ft^ExMBKD;q|V$V5H_Vj{$81=K+=`bSW*`W+hd$Q6( zGXBJ?8sB{q#huf`Ow~^hMo;n+I3M}3uUpJ5Ero9lvgv&45*IVZafAL~)|Ye?7MKvz z85r+NRP~;uN^e0cyp0b#85cP3u$^h?E48qNUBkpk+SH0Ug>Ku_l-EV!`};XH@sgHV zWH+OEEEj8!xFBhftCnYZR-%BLF}R9a$*6f;r*BZKI$Fv+Y6RqKOQ;4=+nA&y{F^8y zZ2_mz=u3hOuWxv=rsA4uHOETVhy|hO7O^RUvd79&oP2O^u2|ED~l5m%2&` zQO$evHy#}p)T*GViH}y=MVuC`uIR|bfIcgxORt!w?i_5Gx6Fur_jx(x=KEKQ)Pv|q z&p?9p52A+$3kV%Ag0@<2@4mMyn~`msa%dN_1wjTx%r*(Vwr#F-i-Kna@M5pKsp#8= zBPp&tEbZpI-}v&jWYnvAXpfTC?7#IZF@WUV9;HH^9#v8Y27KHw#|&B`sE35K-Jx>nA>> z;h4K-9axv3ppHd(T@wwkOucB6C@BTGdZXsv9?Cd5`KD;_RI?vBlsjj=!gfaGP1&}k zkk;f`W*w!1-Xc*J{O>-tiQ))WXlM@vlEFx_%?K+O#K>9IkDU8{TT}T_GB8gnQA@S z8XrZgT&QccvaF(3hCD=-l=!o`+``T)LPa22lH65`$qEh%3c^){9HT&;{_U}B`Eh-T{W|wT@{4OuD&yw)fono7K z%!YH^^y86Rm&gC9!N~4UzbkjdtD>Q+`+n!RyK0VE!Y4(=VCM1BgLa7U8K5?xHF#BS721RH0)6(|s`%b{ zPIaQRuSAJKQsvA@s^DeZG}~I&HN}wDy4s@`GxW!bYOte$iRC!+Wbrl~{cM$6JOQ>5 z03MLh);QGy!T!%N^?`i*RE!8uGOZh4XZO}kJ*}TSftJB#pa|1rLyym9H1!;8!&<2& z6c{6897qdwHf<5(TuST>wr`iOu(NHa^7Gt#xc;eWWD&tSBEju|wK2<`Kup`OWPkxt z@PrfC-H+fb@p#BfxITidnTV*&a>1m;j-kU4O=IDtub}JVIn_L2&?b?NH_Uh({H{@nW7dr`;Vom z=Odq;1r$+5@R<18w)H9(qWR*M>}y!A#dY*OTTreuxUTipr0mn7NsOi{t+kWM%n1Ei zG@Q8Zf}0XgItH)b{@hyK$7y(%xnG!r#hAOhr5V%Km6vgb8JTk*b3-+%nFv`)L|0g! zby%o)VqW$E)VXywy2l^I*d4bflP`13 zf5q;AE>Ga!F8|p0{J8+vTiY#_v_qFfX5B|hmU|`RYi^nPiE&_ry&(E%{`h3Y1tLw5 zE=M%gYLSq3A8S88&k6+hY4Y=HXpYvZWi zJZ~>JtjP08|GVB57m^Rjx8r9Ay}|ar=)BUu*hz-DjR3 T!oIw`p^=k=+lAV5*Khv??hAxz literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..0eb8d886ba7dafc060d4a1a80d6680e5c9e16fa6 GIT binary patch literal 3174 zcmds3X&{taAAe?;?l38mOG%An6tdr3bupH#Su*y73>8-qW+wYgb&1p{%W&;`_U)2{ zky{yt>|`A-u4R&lA!ObM&A$0zIQ*7kVm)z|8%RIEq1;X4; zzy!pRwA4r1N4f(|YbccA^d^6DUEt!HQp@!*^_kRfYF=TCk@FeJzB7nFcp%*TXaMZs z(da~AHLm0|5rD#xU}sMR-U&lE%TOsaz&jG%bAy9M0!w1M+t2{1k%ylMRh{w^;b7tD zpr7_+qLJQE?({}JH8H&%72pOaKZAqfhbIG&v)($U;R1VtKy?HTiu-@0j-wPdA%8g``71eb) zZlQp}U`^5-@VXNbm|`pDhI33DKY|2aqirv9z-$CRaZB^V3O~o+4xlh$c;P-c6atNA zHz%Crgqvs#3WMGd;()j0(ZDiWq(_Hihc_5v2V~Jcm<@xYw@+aM9&_xF1BD?T{dc4P zu}v>4GiQC-ba)noQ+al6j+!e#+)~Y5f$!)-KI4wx!se@Z4%u&4d0sBJ&hL!5aJSB{ z=1pPt2t}Gem=j;Ph>t&3`EMleXf{gTw7-4k zd)?-W^cO2g+9%s*wM zGn{3aaueQHM|FWnX{k8z-D_j+fIMN^DcZzy*|)0V=I8~IjwP18BPb|vCR$fcZLbHOxU;N>sTv7NJv9lg1SwAai|SrvbVs^_jT#5$Q9;r zvl`xAj-P0RNyAF)oNV0@IbreDu*MHHOMe(X)s|S<{arsLxl-pj{Eq#r7i~huDJINf zWb6feU9WM8%)^bf7%uDYR9S~Jn`@!szBf$;--P55tGvIO$48w=K}kOv8LkZ1;8J0d zOO0t8HmHf^1!{TG=HN<8#rgtas>D=m`s1?&9Dm?OqTguSeYh5PI?d}KeJ}fT?HV<{ zVLJ$mV_D?RnyY`i=wH0I>{`B>oqZbcbx zU&T~48jwqQ5{Hrb_OE>Bn(+AqO`9*bhxI~Jhw>;mMwgDoYah2;Y}>y2zz(U4TU)YK zuj;;T=?2$1X6@Q3%{dpZ69<;>W`c2rjSs%W_} zD`M62jWG+CMlqjf<|5{NSfB0GyvL1$=V*sC3)<2lKm58<-r$F=jwUURRO#QX&mjqh z^oF0mrViL<-nlk=id6-?x-a> z!#`0PJ{w!%VxHXf)bN`v<4SMpd@?7vO0NCMz(iVM;YSeF(X_!*uhf=$wWpFIBW7X)~kJCWhk>A319|U+9 znrVIBb+DUiT$%fdc}Vr8lT(LHsa@X8yv=K$>Fhn z^^BsF)WF3{u?s;Zgvj;2mtA+3Tk_K80*Rm7h2ZH=oRgUcJB?ZS>-^OwLMM(9fNYEkYmi#H|Uqf`6wt1onMF_i(*o?Q<#jSb07g_Y`AAEJ81=?yEntT#Dt z+n4{qeQp<3#@fH)^^wraX~}KB<~kcq>VA1c$BsI2{rlQ-oRZJFxxb6&pXI-Q36&S= z(*l(K$x_&Po``9%OaWr=t&P17}7}>itu={)#!X%4@NMxhfFP`<9;cwW?h*>QG;DPEgjno0H3gE*xntTJSko$jZvsmkL)N$B4;KYS z21Eo;-oxXoM^-0Kc4zu4`(wvW5CkGXy`H@T&1B=J^L^~a1e7QojS7g}t6<}z+*i1w zHzZy@$B@5VFWz*POAC(JlC`HtMBMP-^g`qi7!V73Kxp*FB`gdE>laN_ofkf1+F~$3 zX*xNpx?XU2a65cqs%42BiXEL_OsbDw+Vm<8+~{Q(8m*-TF+*&INPwT@vFhFT5$Sx^ z`8e_5VK2*|;pX9KE2ca>)I*&wH&>6(D+Y3y6&G0RXI-d=k!5a|@JRr{Hs@G6yH#jh z8di6LSW;1#Iy|ZZEQ!?3ge4!?6Gfe0=^csYZL?7p{+(sL?fcxzm&Ar>+*A6UoZ>aP!|@F- Lo9dQmJ3sgjmt!e8 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Large-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ebd3a332a718f0a6716d67b5442e7168ebc3d089 GIT binary patch literal 1797 zcmbtVdr;C@82zEGv9={fn&k%Kt2Wb0!?b*_rsn2jH#HN}O4l$#!$%^nm|0+&ZuzK{ zFjrH1h&?pL2Uz*Y60O9Rl#sy07DPo|u~6Bc+h037)9lX9o%!yaZ_dnj=G=47&GPs4 zT&cZY8vuZn-d^tC1AvALc-{}y0PBbmvIE?-j`(=G1L~z!%Bso-8%^HsuKSa($^|EI zYZ4I;6~crDKYpJ;tHR|`ffJy6y^LV2htz-`>wPy4^ALXvQ=EPeq4=BVvf?&t2L+f? zpM{Jtp9Me-${{CAE6PT^w^%a#_d0HRp`T>oGcZ1$vsHq#Vn8ib+sF%PeQW6hy|HTg zT2&7Rf3Sxyg@g3qaQPPi@M6QVuYgih4K2WbHAEBGl$8zv3fvz8z+U4B05H?t2Bcqt z8UQZdpM?#SvjAYuGW!94tlnTBw~PgoS$|~$>t8q>5v*ex0l=*8C52WC^yPsE=#^MW zh%}~+c@_$Yjx;FNlkPR0tg&kZF>mZ!k_C3bpPlqC3H=kMJ^5j9eeN}|g6vkHB7g|g zR;xq166U(Xnw9kvSX@jAdM9}fiEklt+HZTl>nWy9D3Z&VZZe}K>?%q*gJEe_L1`pP za!yG#xqc-$Ohf%7pUz()4E-QypZ7#utB`#(b9$K@`>fSUxK8lp< zf9o!w7k+rzI)rpMR@z9c7R}|?juIV8W@gyU$}ze%v5z~gp3Tl*;fzs9W!>?Vm5I%c zfy;047?zw3wmTlf-Llgm>1XZ2dJ&G72|$~tmJx!=SNN?Slc2s(+wFt$E9&&(QrlGW9F%{lTK3@H@Fh12}FX@|$6 z97(=(f-+-NpJ9dJrb_oq(sRx}=j2Uh{%o>jpPN>^7JD+fwSg}uw;Xj-oa?bcq`VNt zUD<7DNR!IQ%(V6g#@5M`F8jE%!9gPz)?=Lxh6FlBb`{c}Aa2xrGsMKkpS+0LLm&`R zgiex0FJGuV9;K0f7B@KmRBZMIsQML}4U+VlC!sCAhf`v749^9ey1tk-FfA5~Ii94d ziVGX!yZd-Uc8StDDsJH5eHQM?3|4sxAycYYL$#soP4>xmlgLql*n!}UzE^WV=G+zr z8|ttUm|tbTTHKW4_2~YHMG#x1=*-iSMAAqxIy^_!yfgb7VN~tFk)!e-#@Vv-iwn1o zv(>7{(eCZ?Sx!&*-C^0(byJGT_LHKF`A|GUK*R|ye#F}RI6HB9eEI>AbttcDB=YDm zcUs~QCuHf;;#{MjC(3oAz!wa?j9)gEnl`WCU>kNbg73`DF1~o-5lc|tl3Ed_1Dv+VBop;ZU?gp3kvEc zn$MSe=2cWF^>iEfwa1ku)sS@-!Vp&7+Y2jvlVe{^;lH~v(7L;>)oVHCG{l9OIjKFi z8f}Z-nj#uGQ4v*aUT;9dzb~K0Us3m8bz*UiZABSNo(VckPk(US@suyz67}nFw9v#} zl)BWnyVIVTdBYE?=d?%Xf5q(IQtffawwz;IUDtg|%*ST1{&Lo`sDxpR0{IKX2s3}W zl=}L__TowplI3qv278Qd&_-|hfKi@#(HS<@>0@K1)c}M1x0wHHewqfX427Fct?vZ? OHNe}$*S*FqBI8dv#4%a` literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..3944fbe9a33efefdc043813fa963a778c7af54f6 GIT binary patch literal 2914 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 B4iEqU literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-linux.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Medium-Mobile-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..07c58a6aa7711f46f5f0f7993d69eff219f03ddb GIT binary patch literal 1720 zcmb7_eKZql9LGnOge_}bFD>S+TrU%sTtz7+oFYY$w~3IK4Y3K=OL{R$>qQ46Vq@)i zEh1y9OIhBkaha_)*D8A1riCqS${=Uz1zR%|=^7r!sYHrg6 z002NAZ^Ur`K&4ta57baq_WQOC>{kxzQHQ+{fYr5jk4C<&TtN9C4hEjD5^{5rAQ=6p z;<-stGc-}JRAqyML=|zP=&C6Msj6|-Q5 zC0DmTo-pAuhB3GT*7&?~pp6K<<@9tL6C2vWja`aJ#}FDSyeLG>yMnE4SGWW1^G7iJ z;M5eA#1zA<*}bVv|GV@$-i-Onf5I_^AlaYrlk?ts?wov_cuaozVj*anit_qG_;F<* z-XX0pBJ24H;sDawCXO=_hG#_27-0=bK%73PkXT>8!;(_jeO~@JgHOAS-%df&tX9eJ z%5On7viLamMf{O*jKT(Xb^%}SR*HUr?K{Qq|B;WIN#E;fzK0!SOYdG3HZ(N!6>Nq; zAc!+lJM`d4>USzM8O~c&+%ZcVnP*~hGGb0}Yx_@C7|bmR7k2eSw?Xr4t?~Hc#^kdv zLVMqfiZUXc1h?#tYM6|vBecsLd=O!NWZXyU3Y+k#>uoxby*nWG&<_h3%`N3XUYa

P20~%LTd<$XKsEkS5qeHSkpsBzfTDzfr6GWnw4Aji+_~D@HJub zFuOUlj*Hg2$wB5VoOg}gzar`rXoVynt*LlJWOS=pPq(w{B!Xu8vZTnPFc#l~O|SF? zZEwm>UFqvp+f@Q{8L+!n*x)CN{J>y)%wA4&e<2Qm>eyGkG+!w7MGy#t_pJ`j;AM2Q zxWKb`v=unLwaEL#M77Wb>sOtQAJyGqT4C_%U5jCO8?{X_MIb1sEl7L*IWW@^9{23) z-I$&}SCjYNN=4=QhnMEGP=kYmru?O>(dUrSQN~+QG&mQ+c zyWpsKUXG9f(!cR56uL0M`r>J>uiY~3Us`d~Xm*ncL(Ou{B588kWbtzaKgD@y$odeT zdI&LqH+0Aq=!4ncSfL*LsOUFIqC~Oc9l5P$oF;p=DPtrP%j;RThT@HU=gXX=pV+6X zbi5@KaQ7T!9n9X+Iw?%57Xi^<9HKnYvRfIYzob&#Mnp40N}Y8AMD zG<(?EY9ny(6U7ww&WX!4t>Hnzk+_@X<>j27vhMv=5clg^$Bm|1F}qP}aOGJ06AANEdsI}^NOpDu>6#H{sgK2T&RQ(THBI|>P|hs8_mOtM zzDQ*>9^}gtIH#SQ6_n|jIw&pN4BNDD>Be~PDBaFgJKt%0s=XoCJXsuixQw>&e6D8k z)sQ1AaK15fwp%aPhMS;_08t1LJr?%TbF3P3Gjm1brhII6?CeXn+#}w-pdSo#%kUFT z1eGMYb;jliNtOXJiO zuDtxs-7%t9QqmD)ov$*5SS)UqQn^NX#wnsb+@p_{6#)&gF)_3I_s}q-afy?3c|t_I z&#|eURVTg12NF>S&U|$HShpG_=ov0EH#Zl^y9G}#TvWaT&u2nO61Q_75y^S@!CIFt znay*oO<;AtUNJ_cOsWT)U5Z1+QRua)yyDg*8(XI115b9k2dpA(Szr;TjK!ADP2}gw zpcqj7I3c@hTq#AmdMt?{bfzlBD(r^pN7DDl&cha$G?P~V>jQEfO8tb`NjvTS&*3=z zyUr)quEqF%C`}7YgfOnIKGX{ChiP2JDdBo~?%m&Jw@>R|xQ8}s1eu`nW8@biEvh@5 iAxba*4e6gepB7e literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Small-Mobile-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Small-Mobile-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..f6172ea47aa75996f8a80c288772f407646bc876 GIT binary patch literal 2724 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 literal 0 HcmV?d00001 diff --git a/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Tablet-darwin.png b/packages/orbit-components/src/SkipLink/SkipLink.ct.tsx-snapshots/visual-SkipLink-rtl-1-Tablet-darwin.png new file mode 100644 index 0000000000000000000000000000000000000000..8b12c35a0e5d0881270fe4b71f16f502382f99e3 GIT binary patch literal 3481 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 { "buttonLabel", "Description for screen readers about where the user currently is or describing a more complex component.", ); + const dataTest = text("dataTest", "test"); + const id = text("id", "ID"); return (

- + {Content}
); diff --git a/packages/orbit-components/src/SkipLink/__tests__/index.test.tsx b/packages/orbit-components/src/SkipLink/__tests__/index.test.tsx index d3220adaf4..a7ee4dc014 100644 --- a/packages/orbit-components/src/SkipLink/__tests__/index.test.tsx +++ b/packages/orbit-components/src/SkipLink/__tests__/index.test.tsx @@ -19,8 +19,12 @@ describe("SkipLink", () => { onClick, }, ]; + const dataTest = "test"; + const id = "ID"; - render(); + render( + , + ); expect(screen.getByRole("link")).toHaveAttribute( "href", "https://www.kiwi.com/cz/pages/content/terms", @@ -28,6 +32,9 @@ describe("SkipLink", () => { expect(screen.getByRole("button")).toHaveAttribute("tabindex", "0"); expect(screen.getByRole("navigation")).toBeInTheDocument(); expect(screen.getByLabelText("https://www.kiwi.com/en/")); + const el = screen.getByTestId(dataTest); + expect(el).toBeInTheDocument(); + expect(el).toHaveAttribute("id", id); await user.click(screen.getByRole("button")); expect(onClick).toHaveBeenCalled(); diff --git a/packages/orbit-components/src/SkipLink/index.tsx b/packages/orbit-components/src/SkipLink/index.tsx index dd6cfef549..ffb8bbf493 100644 --- a/packages/orbit-components/src/SkipLink/index.tsx +++ b/packages/orbit-components/src/SkipLink/index.tsx @@ -1,56 +1,18 @@ "use client"; import * as React from "react"; -import styled, { css } from "styled-components"; import KEY_CODE_MAP from "../common/keyMaps"; -import defaultTheme from "../defaultTheme"; import type { Props } from "./types"; -const StyledNavigation = styled.nav``; - -const StyledLink = styled.a` - ${({ theme }) => css` - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - font-family: ${theme.orbit.fontFamily}; - text-decoration: ${theme.orbit.textDecorationTextLinkPrimary}; - font-size: ${theme.orbit.fontSizeTextLarge}; - border-radius: ${theme.orbit.borderRadiusNormal}; - color: ${theme.orbit.paletteInkDark}; - - &:focus { - top: 1rem; - left: 1rem; - clip: auto; - height: auto; - width: auto; - margin: 0; - overflow: visible; - padding: ${theme.orbit.spaceMedium}; - background-color: ${theme.orbit.paletteWhite}; - z-index: ${theme.orbit.zIndexOnTheTop}; - } - `} -`; - -StyledLink.defaultProps = { - theme: defaultTheme, -}; - -const SkipLink = ({ links, buttonLabel }: Props) => { +const SkipLink = ({ links, buttonLabel, dataTest, id }: Props) => { return ( - + ); }; diff --git a/packages/orbit-components/src/SkipLink/types.d.ts b/packages/orbit-components/src/SkipLink/types.d.ts index 5276c90700..51a24de402 100644 --- a/packages/orbit-components/src/SkipLink/types.d.ts +++ b/packages/orbit-components/src/SkipLink/types.d.ts @@ -11,7 +11,7 @@ export interface Action { readonly onClick?: Common.Event>; } -export interface Props { +export interface Props extends Common.Globals { readonly links: Action[]; readonly buttonLabel?: string; }