From ced2d5911a727369a671f743dc5cd4b9589e5a78 Mon Sep 17 00:00:00 2001 From: Boris Diakur Date: Fri, 5 Nov 2021 14:56:17 +0100 Subject: [PATCH] feat(ld-toggle): use up-to-date css custom props --- screenshot/builds/master.json | 46 ++++---- .../14c99899fce820101b4e87846b5f8fae.png | Bin 4012 -> 0 bytes ...g => 1dc0e323b98a140c2ee5e3b86e4d0f41.png} | Bin 4077 -> 3950 bytes .../328a9e15030139e06c110932ab38480b.png | Bin 0 -> 5286 bytes .../640e2caa19e66dac2b7a8a8f1411d6ea.png | Bin 0 -> 3920 bytes .../873736ce4fdc53267f21cccfbfb29324.png | Bin 4977 -> 0 bytes .../8977571f62d56aa45d241a490d0bd10b.png | Bin 0 -> 3948 bytes .../989d4d683da7fd867b6d3590ea33add4.png | Bin 0 -> 4281 bytes .../a497e7ef68f8eaa48f4d792530198711.png | Bin 0 -> 4991 bytes .../d1e5f1e166c2cd918de6a65fa515729b.png | Bin 0 -> 3916 bytes .../e6932adaf6c890797d2772af5b669034.png | Bin 0 -> 4980 bytes src/liquid/components/ld-toggle/ld-toggle.css | 80 ++++++++----- .../components/ld-toggle/ld-toggle.global.css | 44 -------- .../ld-toggle/test/ld-toggle.e2e.ts | 105 +++++++++--------- src/liquid/global/styles/global.css | 1 - 15 files changed, 130 insertions(+), 146 deletions(-) delete mode 100644 screenshot/images/14c99899fce820101b4e87846b5f8fae.png rename screenshot/images/{3cfc7bb58986d312bc225865611b110c.png => 1dc0e323b98a140c2ee5e3b86e4d0f41.png} (56%) create mode 100644 screenshot/images/328a9e15030139e06c110932ab38480b.png create mode 100644 screenshot/images/640e2caa19e66dac2b7a8a8f1411d6ea.png delete mode 100644 screenshot/images/873736ce4fdc53267f21cccfbfb29324.png create mode 100644 screenshot/images/8977571f62d56aa45d241a490d0bd10b.png create mode 100644 screenshot/images/989d4d683da7fd867b6d3590ea33add4.png create mode 100644 screenshot/images/a497e7ef68f8eaa48f4d792530198711.png create mode 100644 screenshot/images/d1e5f1e166c2cd918de6a65fa515729b.png create mode 100644 screenshot/images/e6932adaf6c890797d2772af5b669034.png delete mode 100644 src/liquid/components/ld-toggle/ld-toggle.global.css diff --git a/screenshot/builds/master.json b/screenshot/builds/master.json index 4aa998eb6e..a9b61db73b 100644 --- a/screenshot/builds/master.json +++ b/screenshot/builds/master.json @@ -12083,7 +12083,7 @@ }, { "id": "ac2dc773", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed aria-disabled focus theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12109,7 +12109,7 @@ }, { "id": "8147ebda", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed aria-disabled focus theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12135,7 +12135,7 @@ }, { "id": "f5e7d469", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed aria-disabled theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12161,7 +12161,7 @@ }, { "id": "b489c3cc", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed aria-disabled theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12187,7 +12187,7 @@ }, { "id": "003c30a0", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed css component aria-disabled focus theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12213,7 +12213,7 @@ }, { "id": "79725db9", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed css component aria-disabled focus theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12239,7 +12239,7 @@ }, { "id": "7bfd4a4d", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed css component aria-disabled theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12265,7 +12265,7 @@ }, { "id": "d16f5f42", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "8977571f62d56aa45d241a490d0bd10b.png", "userAgent": "default", "desc": "ld-toggle themed css component aria-disabled theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12343,7 +12343,7 @@ }, { "id": "11956509", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed css component disabled focus theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12369,7 +12369,7 @@ }, { "id": "83b8bad6", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed css component disabled focus theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12395,7 +12395,7 @@ }, { "id": "3998af6c", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "1dc0e323b98a140c2ee5e3b86e4d0f41.png", "userAgent": "default", "desc": "ld-toggle themed css component disabled theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12421,7 +12421,7 @@ }, { "id": "ea1ca67b", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed css component disabled theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12863,7 +12863,7 @@ }, { "id": "aac43082", - "image": "91799ace8702a9d603953a918121214a.png", + "image": "989d4d683da7fd867b6d3590ea33add4.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons (disabled) theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12967,7 +12967,7 @@ }, { "id": "282b0dbc", - "image": "f43cb4178a7548a526aa9cdfaa53db17.png", + "image": "a497e7ef68f8eaa48f4d792530198711.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons (invalid) theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -12993,7 +12993,7 @@ }, { "id": "6b222cae", - "image": "873736ce4fdc53267f21cccfbfb29324.png", + "image": "fd39ca719a25a820262ad191ee4db177.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons (invalid) theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13071,7 +13071,7 @@ }, { "id": "e4f4eaec", - "image": "aa2f3020954cb6b6063bfc361c71b654.png", + "image": "328a9e15030139e06c110932ab38480b.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons (large) theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13383,7 +13383,7 @@ }, { "id": "f2cfc3da", - "image": "aa2f3020954cb6b6063bfc361c71b654.png", + "image": "328a9e15030139e06c110932ab38480b.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons (large, invalid) theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13513,7 +13513,7 @@ }, { "id": "b27e7440", - "image": "fd39ca719a25a820262ad191ee4db177.png", + "image": "e6932adaf6c890797d2772af5b669034.png", "userAgent": "default", "desc": "ld-toggle themed css component with icons theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13591,7 +13591,7 @@ }, { "id": "beea3acc", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed disabled focus theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13617,7 +13617,7 @@ }, { "id": "a58f6715", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed disabled focus theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13643,7 +13643,7 @@ }, { "id": "e222a249", - "image": "14c99899fce820101b4e87846b5f8fae.png", + "image": "640e2caa19e66dac2b7a8a8f1411d6ea.png", "userAgent": "default", "desc": "ld-toggle themed disabled theme-bubblegum checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -13669,7 +13669,7 @@ }, { "id": "ed98ebaf", - "image": "3cfc7bb58986d312bc225865611b110c.png", + "image": "d1e5f1e166c2cd918de6a65fa515729b.png", "userAgent": "default", "desc": "ld-toggle themed disabled theme-ocean checked", "testPath": "./src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts", @@ -16255,4 +16255,4 @@ "isMobile": false } ] -} +} \ No newline at end of file diff --git a/screenshot/images/14c99899fce820101b4e87846b5f8fae.png b/screenshot/images/14c99899fce820101b4e87846b5f8fae.png deleted file mode 100644 index 7b2e069ef263ba67d22794a524016e359aa4861e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4012 zcmeHK`BRfe82%DLQO3bzM8=@0tpih~Xs~h#30g2pF?1LOgeZ~7(Sk&f`wB=MWdeMi zQY8=$9S^3%86psb5U3>?+qVq>fbHkb21ft@JlfVAHba)dM5-9-U^gSMr-AlKR~Y~}C7ugDbs@K2{+0(` zo;fw7I*tk8NyZN~1pTr|joerB^&gK>5m$F^ed2LgU-R?cLkQ>JZa><5F=X~)a{RRj z|5={aTnyeO?tU2h>wt3qkJY>+j85F&XPnGiYGm}_J!>`rCF91iK^Ranc7^~0{txbRA{H6d z-d@=-X*V?b$BAt zDwosyy0sak&CEA;&d16>#8;3_)32F2%8T@DFL_F$(kRs{CfevGqm=oaf$oXR>oHy} zzJZ>^-6yX1Gt#YdDk?I7<|z`#AWX_sP-&4((-R-s9fOtHFG7nXlXukVs|4YxDf25a02>^Fd%0sNDv+#8cAaddw6K%Ls5FzPAnysXsAnu3F`R=r`nC?gqS!-8rtT_b54tTR9E?d$d~Hcv%y z=QI@U->P2AY( zE7q1Yaa|?qDcNn|^X}-OP$`@C@tO3fTya@kyT;?z8EZ?%!fnAD^)3DK21>#CKx=6F zrzE&12Fh(we?#cfcUKd|3$#Z3Zv}SP93_gT2G3MA;>D@|m=^@XmOq=eGR*@aCHKbN z&|eu=RU`I%!6<{_&|C~fRy)HYyG+K+ldT|%V_tZ#eVmWxzv0>8i)~3E#Y``m#wzh~ zx1Co(?)%0PqF~wMakfe5cIe*kXp0NOg4?Yx{PVk9)MaXV&-zL&5P7h(hQR2uAg_a(t@Ca=<$kvQFVZ$>w~fQmacpYYlhXfk zr(N#=X_x_jnTyrz1abv3FSbG;gV;hqLu4%=XJ@4vZtZZ$tp>_tF~S2U=W7+q{f1!! zWyj&7H3nAlaWsBFdj~gsfBB5>}VJta%vk9 zAvyKr@VWA)m8#0~DIFyoVMgD|lDL%AW*8Reo0|gnEj3S7())W+bNQsD5kaXnj+gYJ zs?mdUPaxEfv5T_sqHf)uS39GF6pOhih1nuet@ci(?aC*Tz0+9zmTsqC(GXG){j zK#}s31|xJ;nx`jc>uSfh#K0Y?oD7I-2S74QZ6m3vPGF;B+5|^2C!H0?6rdOI&2VTKYUR7AQv^8V<&6P?$+URGERDiS%2B%bW(C5n|?q2(_8Vm$(MA)B(Sjh_M2uG z^V~`qJ1+_#iXkDZYc6%){ZHPXUz_j|U!;Wy zl6rAjQD)k+?xcX#GD>g3s@jbmD^_Ela#J2%SE zOIBXVXP8~(;uS+Bo4sr_Fw&m`%NP8jb;rYFF4G-Ou0U8o0$>%9-vJ}lY5K0EV7p;S zLk1TrPfQ{iWH5QOd6g}tY4xneO&z9pGFMclZQMzRm zo<}yjuL&utFjb)AvVtn*D*e5@IySC=WK#i!Z^I;Taq$m`=v6l(g6Y51;Tg=34$Tjb zJ`l2Z@bf2HgVZz+kLGL_>Ed$la5u(C7%ifI;Be$#4eUczqop~HF)Z~K|I82jo&>w4&y>E#$ezE z1~_iY$!S@$-QKXiKq}&8rs9*oRsw>KUb#lb25Qb@1_;HFPN!q~O%tchC|h)BfJ7j( z6=ug2&#@%pqO*UlkZ4$3Mtuqfz_jAB7&n`bHnHTq@I%a{*Yv2UHeVkExu^lRw&nBE zCY=`YTauCtL4a7TdnxX*sa@B%-f0|Th&qxGW943-{NS{n%dK6pIA=&U9J3nKLQ~{! zI2fB*95BjpKyvR@QGWIrn{s$-;}ezMlJUmvU8KsjC--sz71OOU#q#{(4I4s>@NgpjRn#hR1mBUEIVsm{?n7{A0@K?{+HKd4ZBK?p(E*~N&*4$_Vx-! zM|oNcX-HGNLTExrWSeE&ry{1XSlraq%uY@;6CFXvhR2|?70O&x<1bP)>Zf%HLFcaJ hZa8O8SlXtiIFwrbxQTmBvl|t(!v}K@^zSdZ_zz&WEf)X) delta 1530 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 XZqxws7EIT81ReJaI7&Hu_R7BjMj63l literal 0 HcmV?d00001 diff --git a/screenshot/images/640e2caa19e66dac2b7a8a8f1411d6ea.png b/screenshot/images/640e2caa19e66dac2b7a8a8f1411d6ea.png new file mode 100644 index 0000000000000000000000000000000000000000..125f70e01023c72dc7bd14dfd3bfeaaf9afb6b5c GIT binary patch literal 3920 zcmeHK|4&+19DPu2Yi(z@W=5&P(mA`OO)YJTR;akn#hO~$G_K;TNVJ2dF3q*GE23M!y|LE{%dL;f4Vs0NjNK5n>S0U)TqYqQVuvOSFnT6q^bas9@txcM+6-GG-t~AeV zggkAkby}Z?YeE2tw9Rw~0RXOA1rm4^bP}j)@GtyL@GHUZf)Bt2x_6S@JyjCb$hNsJ zF1yZLbZ%1Y?2~8lMrn=x42H5nL(lDPsP%eB;u7>2Rmf(`lY?_13|vzyr2xonD~JV0 z#oWT(g`&18wq=Een+ZSO!T~o5RJk~l=Q0#JS9yf2h{83E#<7dfQ6NW7Tfr26tfaIX zUx%^sA-jeT=0!^rhR>= zdKrw3O(rgi{%JbIKiFwGQug_5MQ1Zdckg8s#$W0>iZc&R{UL@`}vs)pZKwnU`Xx z+aieNE4A})t?tbhxU3m#i`>aNOW9%JU<{89a*um{aRQr7RwGfy=)@eUK6S9jSKuJz zxwq1X0>PhLHg-ZJCs_tAY%zQw+)(tjkI9MeR<)eMlJkbAV!3z3m)z55+TAEU$)JPF z>olQ!tDYB9-W(9x*)yYMt;cy5IQ(1YWgbo1Y&Y;Q!xmq-tZ|c@Jh$>$XH~nrvJATv zo*sgUOdSZSuu-w-g!r%(C+!uyuO}#`zM&#AGfW*SkKX*em{7J!9k&k&LBot#t+61j z#OlDjAC{#ZAMqH_#`*La^6HopZWH`OszpJ45RBs25S!$9B;=kq7%-*lZt7#K_bkFC zQXqR@ylQ0h&><>w+zv_l|EP?f+l5)bG5K=hX=IPC`D*;GAfe*-IOqH0jc#&{OviSr zTg1$NPXhqf2LNmLR*0KqnO6oV9m=o?;*q;h85hWWGP*sX9qJx{te3PPr#yxs%7?`gyBCW^a{N}aW%+=LY7k}E! zX~OF{Jp&nRV@*kEUSO~ern~n{lSTqf>=0Z z82FYyjAbV6IlLB)_=G1y*UG(19Xb}T?QIYyHfiodGQptQf(zXh#Y zVwAB&;bT}^Lr$ASAhvHy=(#0QwA3@^wi89La%HkKl#kkaSysD>yI7#on!7m<63XwL zeoFXpttI9Gixd~UV$@% literal 0 HcmV?d00001 diff --git a/screenshot/images/873736ce4fdc53267f21cccfbfb29324.png b/screenshot/images/873736ce4fdc53267f21cccfbfb29324.png deleted file mode 100644 index c67d691ae90d5520a326c91c387cd15aba5c5852..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4977 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 MZ_b{s-G$%(3)bVW`2YX_ literal 0 HcmV?d00001 diff --git a/screenshot/images/e6932adaf6c890797d2772af5b669034.png b/screenshot/images/e6932adaf6c890797d2772af5b669034.png new file mode 100644 index 0000000000000000000000000000000000000000..646b377bedaf7fca00817629d18d8f6629b669cc GIT binary patch literal 4980 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 literal 0 HcmV?d00001 diff --git a/src/liquid/components/ld-toggle/ld-toggle.css b/src/liquid/components/ld-toggle/ld-toggle.css index 42e09a397a..d7a2af3489 100644 --- a/src/liquid/components/ld-toggle/ld-toggle.css +++ b/src/liquid/components/ld-toggle/ld-toggle.css @@ -1,8 +1,36 @@ :host, .ld-toggle { + /* layout */ --ld-toggle-height: 2rem; --ld-toggle-width: 3.375rem; --ld-toggle-inner-space: 0.125rem; + --ld-toggle-with-icons-width: 4.5rem; + --ld-toggle-lg-height: 2.5rem; + --ld-toggle-lg-width: 4.1875rem; + --ld-toggle-lg-inner-space: 0.1875rem; + --ld-toggle-lg-with-icons-width: 6rem; + --ld-toggle-border-radius: var(--ld-br-full); + --ld-toggle-knob-border-radius: var(--ld-br-full); + + /* colors */ + --ld-toggle-input-bg-col: var(--ld-col-neutral-400); + --ld-toggle-icon-start-col: var(--ld-col-wht); + --ld-toggle-icon-end-col: var(--ld-col-neutral); + --ld-toggle-knob-bg-col: var(--ld-col-wht); + --ld-toggle-checked-icon-start-col: var(--ld-col-neutral); + --ld-toggle-checked-icon-end-col: var(--ld-col-wht); + --ld-toggle-disabled-input-bg-col: var(--ld-col-neutral-050); + --ld-toggle-disabled-icon-col: var(--ld-col-neutral-400); + --ld-toggle-disabled-knob-bg-col: var(--ld-col-wht); + --ld-toggle-with-icons-input-bg-col: var(--ld-col-neutral-100); + --ld-toggle-with-icons-disabled-input-bg-col: var(--ld-col-neutral-050); + + /* themable colors */ + --ld-toggle-checked-bg-col: var(--ld-thm-primary); + --ld-toggle-checked-disabled-input-bg-col: var(--ld-thm-primary-alpha-low); + --ld-toggle-invalid-input-bg-col: var(--ld-thm-error); + --ld-toggle-invalid-knob-bg-col: var(--ld-thm-error); + --ld-toggle-with-icons-knob-col: var(--ld-thm-primary); align-items: center; display: flex; @@ -13,27 +41,27 @@ input { appearance: none; - background-color: var(--ld-col-rblck4); - border-radius: var(--ld-br-full); + background-color: var(--ld-toggle-input-bg-col); + border-radius: var(--ld-toggle-border-radius); height: 100%; + margin: 0; position: absolute; /* animations triggered by user interactions on single component instances are probably not a performance issue */ /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */ transition: background-color 200ms ease-in-out; width: 100%; z-index: 0; - margin: 0; &:not(:disabled):not([aria-disabled='true']) { cursor: pointer; } &:checked { - background-color: var(--ld-toggle-bg-color-checked); + background-color: var(--ld-toggle-checked-bg-col); &:disabled, &[aria-disabled='true'] { - background-color: var(--ld-toggle-bg-color-checked-disabled); + background-color: var(--ld-toggle-checked-disabled-input-bg-col); } ~ .ld-toggle__knob { @@ -43,31 +71,31 @@ } ~ .ld-toggle__icon-start { - color: var(--ld-col-rblck6); + color: var(--ld-toggle-checked-icon-start-col); } ~ .ld-toggle__icon-end { - color: var(--ld-col-wht); + color: var(--ld-toggle-checked-icon-end-col); } } &:disabled, &[aria-disabled='true'] { - background-color: var(--ld-col-bg-g); + background-color: var(--ld-toggle-disabled-input-bg-col); &:checked ~ .ld-toggle__icon-start { - color: var(--ld-col-rblck4); + color: var(--ld-toggle-disabled-icon-col); } &:not(:checked) ~ .ld-toggle__icon-end { - color: var(--ld-col-rblck4); + color: var(--ld-toggle-disabled-icon-col); } } } .ld-toggle__knob { - background-color: var(--ld-col-wht); - border-radius: var(--ld-br-full); + background-color: var(--ld-toggle-knob-bg-col); + border-radius: var(--ld-toggle-knob-border-radius); display: block; height: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2); margin: var(--ld-toggle-inner-space); @@ -78,22 +106,22 @@ } input:invalid { - background-color: var(--ld-col-rr-default); + background-color: var(--ld-toggle-invalid-input-bg-col); } } .ld-toggle--lg { &, :host(&) { - --ld-toggle-height: 2.5rem; - --ld-toggle-width: 4.1875rem; - --ld-toggle-inner-space: 0.1875rem; + --ld-toggle-height: var(--ld-toggle-lg-height); + --ld-toggle-width: var(--ld-toggle-lg-width); + --ld-toggle-inner-space: var(--ld-toggle-lg-inner-space); } &.ld-toggle--with-icons { &, :host(&) { - --ld-toggle-width: 6rem; + --ld-toggle-width: var(--ld-toggle-lg-with-icons-width); .ld-toggle__icon-start, .ld-toggle__icon-end { @@ -105,27 +133,29 @@ :host(.ld-toggle--with-icons), .ld-toggle--with-icons { - --ld-toggle-width: 4.5rem; + --ld-toggle-width: var(--ld-toggle-with-icons-width); input { - background-color: var(--ld-col-rblck1) !important; + &:not(:disabled) { + background-color: var(--ld-toggle-with-icons-input-bg-col); + } &:invalid ~ .ld-toggle__knob { - background-color: var(--ld-col-rr-default) !important; + background-color: var(--ld-toggle-invalid-knob-bg-col); } &:disabled, &[aria-disabled='true'] { - background-color: var(--ld-col-bg-g) !important; + background-color: var(--ld-toggle-with-icons-disabled-input-bg-col); ~ .ld-toggle__knob { - background-color: var(--ld-col-wht); + background-color: var(--ld-toggle-disabled-knob-bg-col); } } } .ld-toggle__knob { - background-color: var(--ld-toggle-with-icons-knob-color); + background-color: var(--ld-toggle-with-icons-knob-col); } .ld-toggle__icon-start, @@ -151,11 +181,11 @@ } .ld-toggle__icon-start { - color: var(--ld-col-wht); + color: var(--ld-toggle-icon-start-col); left: 0; } .ld-toggle__icon-end { - color: var(--ld-col-rblck6); + color: var(--ld-toggle-icon-end-col); right: 0; } diff --git a/src/liquid/components/ld-toggle/ld-toggle.global.css b/src/liquid/components/ld-toggle/ld-toggle.global.css deleted file mode 100644 index 46ab46eb1e..0000000000 --- a/src/liquid/components/ld-toggle/ld-toggle.global.css +++ /dev/null @@ -1,44 +0,0 @@ -.ld-theme-ocean, -[class*='ld-theme'] .ld-theme-ocean { - .ld-toggle { - --ld-toggle-bg-color-checked: var(--ld-thm-ocean-bg-primary); - --ld-toggle-bg-color-checked-disabled: var(--ld-col-rb2); - --ld-toggle-with-icons-knob-color: var(--ld-thm-ocean-bg-primary); - } -} - -.ld-theme-tea, -[class*='ld-theme'] .ld-theme-tea { - .ld-toggle { - --ld-toggle-bg-color-checked: var(--ld-thm-tea-bg-primary); - --ld-toggle-bg-color-checked-disabled: var(--ld-col-rg2); - --ld-toggle-with-icons-knob-color: var(--ld-thm-tea-bg-primary); - } -} - -.ld-theme-bubblegum, -[class*='ld-theme'] .ld-theme-bubblegum { - .ld-toggle { - --ld-toggle-bg-color-checked: var(--ld-thm-bubblegum-bg-primary); - --ld-toggle-bg-color-checked-disabled: var(--ld-col-rp2); - --ld-toggle-with-icons-knob-color: var(--ld-thm-bubblegum-bg-primary); - } -} - -.ld-theme-shake, -[class*='ld-theme'] .ld-theme-shake { - .ld-toggle { - --ld-toggle-bg-color-checked: var(--ld-thm-shake-bg-primary); - --ld-toggle-bg-color-checked-disabled: var(--ld-col-rp2); - --ld-toggle-with-icons-knob-color: var(--ld-thm-shake-bg-primary); - } -} - -.ld-theme-solvent, -[class*='ld-theme'] .ld-theme-solvent { - .ld-toggle { - --ld-toggle-bg-color-checked: var(--ld-thm-solvent-bg-primary); - --ld-toggle-bg-color-checked-disabled: var(--ld-col-rp2); - --ld-toggle-with-icons-knob-color: var(--ld-thm-solvent-bg-primary); - } -} diff --git a/src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts b/src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts index 7bba02bdf7..70abd08396 100644 --- a/src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts +++ b/src/liquid/components/ld-toggle/test/ld-toggle.e2e.ts @@ -12,7 +12,6 @@ const themes = [ // 'tea', ] const checkedStates = [false, true] -const allowableMismatchedPixels = 2000 describe('ld-toggle', () => { describe(`themed`, () => { @@ -27,7 +26,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -36,7 +35,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Large @@ -46,7 +45,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`large focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -55,7 +54,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons @@ -68,7 +67,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -80,7 +79,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (large) @@ -93,7 +92,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (large) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -105,7 +104,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Disabled @@ -115,7 +114,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`disabled focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -124,7 +123,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (disabled) @@ -137,7 +136,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -149,7 +148,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (large, disabled) @@ -162,7 +161,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (large, disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -174,7 +173,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Aria-disabled @@ -184,7 +183,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`aria-disabled focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -193,7 +192,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (aria-disabled) @@ -206,7 +205,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (aria-disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -218,7 +217,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (large, aria-disabled) @@ -231,7 +230,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (large, aria-disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -243,7 +242,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Invalid @@ -253,7 +252,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`invalid focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -262,7 +261,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (invalid) @@ -275,7 +274,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (invalid) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -287,7 +286,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // With icons (large, invalid) @@ -300,7 +299,7 @@ describe('ld-toggle', () => { theme ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`with icons (large, invalid) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -312,7 +311,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Themed CSS component @@ -326,7 +325,7 @@ describe('ld-toggle', () => { LdToggle ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -339,7 +338,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Large CSS component @@ -353,7 +352,7 @@ describe('ld-toggle', () => { LdToggle ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component large focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -366,7 +365,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons @@ -388,7 +387,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -409,7 +408,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (large) @@ -431,7 +430,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (large) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -452,7 +451,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Disabled CSS component @@ -466,7 +465,7 @@ describe('ld-toggle', () => { LdToggle ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component disabled focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -479,7 +478,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (disabled) @@ -501,7 +500,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -522,7 +521,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (large, disabled) @@ -544,7 +543,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (large, disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -565,7 +564,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Aria-disabled CSS component @@ -579,7 +578,7 @@ describe('ld-toggle', () => { LdToggle ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component aria-disabled focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -592,7 +591,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (aria-disabled) @@ -614,7 +613,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (aria-disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -635,7 +634,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (large, aria-disabled) @@ -657,7 +656,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (large, aria-disabled) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -678,7 +677,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // Invalid CSS component @@ -692,7 +691,7 @@ describe('ld-toggle', () => { LdToggle ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component invalid focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -705,7 +704,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (invalid) @@ -727,7 +726,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (invalid) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -748,7 +747,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) // CSS component with icons (large, invalid) @@ -770,7 +769,7 @@ describe('ld-toggle', () => { [LdToggle, LdIcon] ) const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) it(`css component with icons (large, invalid) focus theme-${theme}${checkedStateStr}`, async () => { const page = await getPageWithContent( @@ -791,7 +790,7 @@ describe('ld-toggle', () => { ) await page.keyboard.press('Tab') const results = await page.compareScreenshot() - expect(results).toMatchScreenshot({ allowableMismatchedPixels }) + expect(results).toMatchScreenshot() }) } } diff --git a/src/liquid/global/styles/global.css b/src/liquid/global/styles/global.css index cb5cb7c71f..5fd4a5e592 100644 --- a/src/liquid/global/styles/global.css +++ b/src/liquid/global/styles/global.css @@ -8,6 +8,5 @@ @import '../../components/ld-tabs/ld-tab/ld-tab.global.css'; @import '../../components/ld-tabs/ld-tablist/ld-tablist.global.css'; -@import '../../components/ld-toggle/ld-toggle.global.css'; @import '../../components/ld-tooltip/ld-tooltip.global.css'; @import '../../components/ld-typo/ld-typo.global.css';