feat(ld-stepper): add interaction styles

emdgroup-liquid · Jul 27, 2022 · f1a6a66 · f1a6a66
1 parent b59c123
commit f1a6a66
Show file tree

Hide file tree

Showing 189 changed files with 3,910 additions and 775 deletions.
diff --git a/screenshot/builds/master.json b/screenshot/builds/master.json
diff --git a/screenshot/images/004003d21ccf1cba7f2568db2e478107.png b/screenshot/images/004003d21ccf1cba7f2568db2e478107.png
diff --git a/screenshot/images/005b7b32422cbdb9c52749fab9de26ba.png b/screenshot/images/005b7b32422cbdb9c52749fab9de26ba.png
diff --git a/screenshot/images/05e28b6a2601ad3855c6e8271de4f18d.png b/screenshot/images/05e28b6a2601ad3855c6e8271de4f18d.png
diff --git a/screenshot/images/081ced7b4bf68c7aa8967d141ddd8aba.png b/screenshot/images/081ced7b4bf68c7aa8967d141ddd8aba.png
diff --git a/screenshot/images/09de960d4ff490f99473d74631562935.png b/screenshot/images/09de960d4ff490f99473d74631562935.png
diff --git a/screenshot/images/0a71aa125f6f7913a20a13c570ba2937.png b/screenshot/images/0a71aa125f6f7913a20a13c570ba2937.png
diff --git a/screenshot/images/0b182f9ef576c75a88bbc586538dfb64.png b/screenshot/images/0b182f9ef576c75a88bbc586538dfb64.png
diff --git a/screenshot/images/0b8587f00e440e31eb92348c81f81b77.png b/screenshot/images/0b8587f00e440e31eb92348c81f81b77.png
diff --git a/screenshot/images/0d6ea7fa6de91cc9b2035dae2158d038.png b/screenshot/images/0d6ea7fa6de91cc9b2035dae2158d038.png
diff --git a/screenshot/images/0dc00fd1c5dccfdc1ee0c7fb2400ae81.png b/screenshot/images/0dc00fd1c5dccfdc1ee0c7fb2400ae81.png
diff --git a/screenshot/images/0dc9dcf797003cd2da563ff6862f0c7e.png b/screenshot/images/0dc9dcf797003cd2da563ff6862f0c7e.png
diff --git a/screenshot/images/0e474ff5891da05b9b90526a21102609.png b/screenshot/images/0e474ff5891da05b9b90526a21102609.png
diff --git a/screenshot/images/0ff44c259aaa0b711fd6ff9d132cdf80.png b/screenshot/images/0ff44c259aaa0b711fd6ff9d132cdf80.png
diff --git a/screenshot/images/101327a2ec2284dc118781c5ad996038.png b/screenshot/images/101327a2ec2284dc118781c5ad996038.png
diff --git a/screenshot/images/11901475333d3606f4a3cbc9f00df6fc.png b/screenshot/images/11901475333d3606f4a3cbc9f00df6fc.png
diff --git a/screenshot/images/1226d4551ce13cff2af64ab919e63be6.png b/screenshot/images/1226d4551ce13cff2af64ab919e63be6.png
diff --git a/screenshot/images/1297fe760dea508aa9911cfcfec5e999.png b/screenshot/images/1297fe760dea508aa9911cfcfec5e999.png
diff --git a/screenshot/images/14907cafcb2d3947ca579effb59c7442.png b/screenshot/images/14907cafcb2d3947ca579effb59c7442.png
diff --git a/screenshot/images/1598eae8146879a53ee68f5ca2372861.png b/screenshot/images/1598eae8146879a53ee68f5ca2372861.png
diff --git a/screenshot/images/15dbd76874c16279732dedb490457119.png b/screenshot/images/15dbd76874c16279732dedb490457119.png
diff --git a/screenshot/images/15f793e712741db3c2383b2b308ef10a.png b/screenshot/images/15f793e712741db3c2383b2b308ef10a.png
diff --git a/screenshot/images/1687c204d68c692ee2e6395be70d2356.png b/screenshot/images/1687c204d68c692ee2e6395be70d2356.png
diff --git a/screenshot/images/17fc6b9d2b818b706766687cc438d44f.png b/screenshot/images/17fc6b9d2b818b706766687cc438d44f.png
diff --git a/screenshot/images/1831eb8fe6bdb1851927f5792fd79f74.png b/screenshot/images/1831eb8fe6bdb1851927f5792fd79f74.png
diff --git a/screenshot/images/1920c9ded580494fc76dadceef3a9b60.png b/screenshot/images/1920c9ded580494fc76dadceef3a9b60.png
diff --git a/screenshot/images/19ad49ab051b6ea9735fe6752d3695c7.png b/screenshot/images/19ad49ab051b6ea9735fe6752d3695c7.png
diff --git a/screenshot/images/19eb0dd28deff7690a039ce7cd867078.png b/screenshot/images/19eb0dd28deff7690a039ce7cd867078.png
diff --git a/screenshot/images/1aeb62b9a15d51f0bf4e5df89098f154.png b/screenshot/images/1aeb62b9a15d51f0bf4e5df89098f154.png
diff --git a/screenshot/images/1bfab4a4a42c30e1ff7d7089b6abb585.png b/screenshot/images/1bfab4a4a42c30e1ff7d7089b6abb585.png
diff --git a/screenshot/images/1c26a8ea12c200f885c743ca7f8b5a09.png b/screenshot/images/1c26a8ea12c200f885c743ca7f8b5a09.png
diff --git a/screenshot/images/1dd3ad95f7ab1708ee7d934dd51e3d3e.png b/screenshot/images/1dd3ad95f7ab1708ee7d934dd51e3d3e.png
diff --git a/screenshot/images/1f3749e20ed3532cffd34908ef324946.png b/screenshot/images/1f3749e20ed3532cffd34908ef324946.png
diff --git a/screenshot/images/1f416580b1b16f6189f3e7d2665c1b53.png b/screenshot/images/1f416580b1b16f6189f3e7d2665c1b53.png
diff --git a/screenshot/images/206964dda4fda4d6863bed26e4449585.png b/screenshot/images/206964dda4fda4d6863bed26e4449585.png
diff --git a/screenshot/images/27ad1db75dab71ef7d7fee0ddc769371.png b/screenshot/images/27ad1db75dab71ef7d7fee0ddc769371.png
diff --git a/screenshot/images/27d19fe5451189ca40d033717ac8c05e.png b/screenshot/images/27d19fe5451189ca40d033717ac8c05e.png
diff --git a/screenshot/images/28fbbae31313058a97e8f75f8dd3ea8b.png b/screenshot/images/28fbbae31313058a97e8f75f8dd3ea8b.png
diff --git a/screenshot/images/2ab4b2566053029bfa89c87299f9cce5.png b/screenshot/images/2ab4b2566053029bfa89c87299f9cce5.png
diff --git a/screenshot/images/2b4b9f501367bbb706b6ff55084b1afe.png b/screenshot/images/2b4b9f501367bbb706b6ff55084b1afe.png
diff --git a/screenshot/images/2b87919dae9ff3458197cd4774868592.png b/screenshot/images/2b87919dae9ff3458197cd4774868592.png
diff --git a/screenshot/images/314595576fb728737d5d3a03d0caf260.png b/screenshot/images/314595576fb728737d5d3a03d0caf260.png
diff --git a/screenshot/images/33c17ab0bac01ea6e66aba4f187c037e.png b/screenshot/images/33c17ab0bac01ea6e66aba4f187c037e.png
diff --git a/screenshot/images/33d2ee9473f6920ceb220aad8d3d3ce8.png b/screenshot/images/33d2ee9473f6920ceb220aad8d3d3ce8.png
diff --git a/screenshot/images/352bc2fa709007f8f1e9194a9c1dfae0.png b/screenshot/images/352bc2fa709007f8f1e9194a9c1dfae0.png
diff --git a/screenshot/images/35d5322ac77843e92a4b5e1afa30dbad.png b/screenshot/images/35d5322ac77843e92a4b5e1afa30dbad.png
diff --git a/screenshot/images/3606c1007d320fd755232f754fbc30ac.png b/screenshot/images/3606c1007d320fd755232f754fbc30ac.png
diff --git a/screenshot/images/369ba9087dd31183ffde7374b0c00be8.png b/screenshot/images/369ba9087dd31183ffde7374b0c00be8.png
diff --git a/screenshot/images/373ee29f1bd8ffb2e65d490868e1d313.png b/screenshot/images/373ee29f1bd8ffb2e65d490868e1d313.png
diff --git a/screenshot/images/386e8225dc272d3b63d436504f9a6ed6.png b/screenshot/images/386e8225dc272d3b63d436504f9a6ed6.png
diff --git a/screenshot/images/38b10666b6342c584b55f8a9bccedbf5.png b/screenshot/images/38b10666b6342c584b55f8a9bccedbf5.png
diff --git a/screenshot/images/38d0814d60d8e472d482e228e1563e9d.png b/screenshot/images/38d0814d60d8e472d482e228e1563e9d.png
diff --git a/screenshot/images/39b43348f482251bb6afecd1267918ba.png b/screenshot/images/39b43348f482251bb6afecd1267918ba.png
diff --git a/screenshot/images/39daeb73993749d8a80181fa984f7e2c.png b/screenshot/images/39daeb73993749d8a80181fa984f7e2c.png
diff --git a/screenshot/images/3b34cbbf498a1fdf68a4c378135bed68.png b/screenshot/images/3b34cbbf498a1fdf68a4c378135bed68.png
diff --git a/screenshot/images/403bca2e7c5ce55653dad94db7aac6b4.png b/screenshot/images/403bca2e7c5ce55653dad94db7aac6b4.png
diff --git a/screenshot/images/43aec86b99d2eb404b8503ee09692481.png b/screenshot/images/43aec86b99d2eb404b8503ee09692481.png
diff --git a/screenshot/images/459d053f2879fee82f71fc0a67bc2b76.png b/screenshot/images/459d053f2879fee82f71fc0a67bc2b76.png
diff --git a/screenshot/images/48490eed11a9483c35978b476ad5dd25.png b/screenshot/images/48490eed11a9483c35978b476ad5dd25.png
diff --git a/screenshot/images/49df20d28a6844dc3be64e13d484a308.png b/screenshot/images/49df20d28a6844dc3be64e13d484a308.png
diff --git a/screenshot/images/49ff99d1c05edb8fc91d92e8caeefd14.png b/screenshot/images/49ff99d1c05edb8fc91d92e8caeefd14.png
diff --git a/screenshot/images/4b0a9bdec729f44996dc76608a600d31.png b/screenshot/images/4b0a9bdec729f44996dc76608a600d31.png
diff --git a/screenshot/images/4c1a17ea1b981154768d09cc6f5fcd14.png b/screenshot/images/4c1a17ea1b981154768d09cc6f5fcd14.png
diff --git a/screenshot/images/4c285e7841d917b6ee56b0a01e429edb.png b/screenshot/images/4c285e7841d917b6ee56b0a01e429edb.png
diff --git a/screenshot/images/4ef4c47cacd6e95c9feba58a0b6ab2b8.png b/screenshot/images/4ef4c47cacd6e95c9feba58a0b6ab2b8.png
diff --git a/screenshot/images/4fbff1c2b6abe0f9c24a4d4197936d3e.png b/screenshot/images/4fbff1c2b6abe0f9c24a4d4197936d3e.png
diff --git a/screenshot/images/50b761d5175bf1352de9b138de290c9d.png b/screenshot/images/50b761d5175bf1352de9b138de290c9d.png
diff --git a/screenshot/images/569bad371d1d3524baf94eee31ee36f9.png b/screenshot/images/569bad371d1d3524baf94eee31ee36f9.png
diff --git a/screenshot/images/5b2f136c8c9029e120f8c3fadaf6c9b6.png b/screenshot/images/5b2f136c8c9029e120f8c3fadaf6c9b6.png
diff --git a/screenshot/images/5be770711f93461f289f7dff5e81b774.png b/screenshot/images/5be770711f93461f289f7dff5e81b774.png
diff --git a/screenshot/images/5e6161c58a60aeb4a4deedc304f57d9c.png b/screenshot/images/5e6161c58a60aeb4a4deedc304f57d9c.png
diff --git a/screenshot/images/6111a9279befc36de84a012b17acf176.png b/screenshot/images/6111a9279befc36de84a012b17acf176.png
diff --git a/screenshot/images/633457a63778349b061b7b7446701473.png b/screenshot/images/633457a63778349b061b7b7446701473.png
diff --git a/screenshot/images/63d3189727e8327e7b2b1e20917cbd21.png b/screenshot/images/63d3189727e8327e7b2b1e20917cbd21.png
diff --git a/screenshot/images/657bf7dc4234274257595a81eaf3329e.png b/screenshot/images/657bf7dc4234274257595a81eaf3329e.png
diff --git a/screenshot/images/65a33e5174b75180302e6fa23dd040f9.png b/screenshot/images/65a33e5174b75180302e6fa23dd040f9.png
diff --git a/screenshot/images/662fddf468ea21fb9b8ced2b79d20525.png b/screenshot/images/662fddf468ea21fb9b8ced2b79d20525.png
diff --git a/screenshot/images/6638fae524fe08194416ce49c87d4e5b.png b/screenshot/images/6638fae524fe08194416ce49c87d4e5b.png
diff --git a/screenshot/images/67b2a697d8eb88669d9d20572751db71.png b/screenshot/images/67b2a697d8eb88669d9d20572751db71.png
diff --git a/screenshot/images/6a5f26ea85159dfd05b47743ff9ace76.png b/screenshot/images/6a5f26ea85159dfd05b47743ff9ace76.png
diff --git a/screenshot/images/6aa098e16070d6cb57848e56608243c1.png b/screenshot/images/6aa098e16070d6cb57848e56608243c1.png
diff --git a/screenshot/images/6afe3d806a1f0da66ec718c3f6075829.png b/screenshot/images/6afe3d806a1f0da66ec718c3f6075829.png
diff --git a/screenshot/images/6c7c2d4e83fc49597de51f6699e8b11b.png b/screenshot/images/6c7c2d4e83fc49597de51f6699e8b11b.png
diff --git a/screenshot/images/6e12d4daf71ff82721b8eea735ff9b0f.png b/screenshot/images/6e12d4daf71ff82721b8eea735ff9b0f.png
diff --git a/screenshot/images/709ce3d5d45e4f348876f4419b1107f2.png b/screenshot/images/709ce3d5d45e4f348876f4419b1107f2.png
diff --git a/screenshot/images/70ac1693dc0b26c973e4a97fbad7e4ed.png b/screenshot/images/70ac1693dc0b26c973e4a97fbad7e4ed.png
diff --git a/screenshot/images/72edc84797e73b971c9f74afb757838e.png b/screenshot/images/72edc84797e73b971c9f74afb757838e.png
diff --git a/...ages/cb56e957545d79aa0778f9db2ce3722e.png → ...ages/75f84e9883334d69bea95c1c4cfe7fd2.png b/...ages/cb56e957545d79aa0778f9db2ce3722e.png → ...ages/75f84e9883334d69bea95c1c4cfe7fd2.png
diff --git a/screenshot/images/77a2662e703a366254fb7b74cd8e694c.png b/screenshot/images/77a2662e703a366254fb7b74cd8e694c.png
diff --git a/screenshot/images/7bb96ae2a55214262f88ed840eba6ae2.png b/screenshot/images/7bb96ae2a55214262f88ed840eba6ae2.png
diff --git a/screenshot/images/7e3c364c7d02a91d7afedfb60b4e092e.png b/screenshot/images/7e3c364c7d02a91d7afedfb60b4e092e.png
diff --git a/screenshot/images/7e4fa09a62005e3769b1eaa54b1143f7.png b/screenshot/images/7e4fa09a62005e3769b1eaa54b1143f7.png
diff --git a/screenshot/images/7e58324729bbf4ea6b8d12bb23f78b30.png b/screenshot/images/7e58324729bbf4ea6b8d12bb23f78b30.png
diff --git a/screenshot/images/7f63f00258f2ed559bf6dbc45fa29425.png b/screenshot/images/7f63f00258f2ed559bf6dbc45fa29425.png
diff --git a/screenshot/images/81bd0299f75f461540f3622f981a53d0.png b/screenshot/images/81bd0299f75f461540f3622f981a53d0.png
diff --git a/screenshot/images/85e2bf71e6ef3cbf1cacae7a36589e46.png b/screenshot/images/85e2bf71e6ef3cbf1cacae7a36589e46.png
diff --git a/screenshot/images/87d40009617be296642ceea3d7869a45.png b/screenshot/images/87d40009617be296642ceea3d7869a45.png
diff --git a/screenshot/images/886e69193e5d4bf21203dcd72ce257ea.png b/screenshot/images/886e69193e5d4bf21203dcd72ce257ea.png
diff --git a/screenshot/images/889ffd13564f70d9797e8d04c249aa45.png b/screenshot/images/889ffd13564f70d9797e8d04c249aa45.png
diff --git a/screenshot/images/8905ac128fbe7ad253a2515437ecc6e2.png b/screenshot/images/8905ac128fbe7ad253a2515437ecc6e2.png
diff --git a/screenshot/images/896c2d7a4c6ad274c987e9f964bec609.png b/screenshot/images/896c2d7a4c6ad274c987e9f964bec609.png
diff --git a/screenshot/images/8a5e26d4fa1cabfcdfc2a9c00af2f79e.png b/screenshot/images/8a5e26d4fa1cabfcdfc2a9c00af2f79e.png
diff --git a/screenshot/images/8ba33407dd049555b1cece6dec044e6a.png b/screenshot/images/8ba33407dd049555b1cece6dec044e6a.png
diff --git a/screenshot/images/8c1dc72a040c955c4f4a99b78be95107.png b/screenshot/images/8c1dc72a040c955c4f4a99b78be95107.png
diff --git a/screenshot/images/8cef7218f4c37c4658bc71a64536d084.png b/screenshot/images/8cef7218f4c37c4658bc71a64536d084.png
diff --git a/screenshot/images/8d4ac5dfffbe932ea155a6ba5000c13c.png b/screenshot/images/8d4ac5dfffbe932ea155a6ba5000c13c.png
diff --git a/screenshot/images/8f6473ee9af3036927abbc70e00df5d6.png b/screenshot/images/8f6473ee9af3036927abbc70e00df5d6.png
diff --git a/screenshot/images/91d445b425edb4368dc0d5a52dfb87b3.png b/screenshot/images/91d445b425edb4368dc0d5a52dfb87b3.png
diff --git a/screenshot/images/933df730603181bf63c4dae6203439e9.png b/screenshot/images/933df730603181bf63c4dae6203439e9.png
diff --git a/screenshot/images/93e3dbce495b5e8b36abfe959f56b7b3.png b/screenshot/images/93e3dbce495b5e8b36abfe959f56b7b3.png
diff --git a/screenshot/images/96a7fca0c942c77eb7ceda11e05cda24.png b/screenshot/images/96a7fca0c942c77eb7ceda11e05cda24.png
diff --git a/screenshot/images/96b0fd32bc4bf2d92450ffb165389ead.png b/screenshot/images/96b0fd32bc4bf2d92450ffb165389ead.png
diff --git a/screenshot/images/9781c861633b61c643cd8937524e9996.png b/screenshot/images/9781c861633b61c643cd8937524e9996.png
diff --git a/screenshot/images/982e7e424a570b193fdc20669d52ec81.png b/screenshot/images/982e7e424a570b193fdc20669d52ec81.png
diff --git a/screenshot/images/9a3d2744e78437cdd51f116402271a4d.png b/screenshot/images/9a3d2744e78437cdd51f116402271a4d.png
diff --git a/screenshot/images/9b08b0a097bffe966f50ef722c21841a.png b/screenshot/images/9b08b0a097bffe966f50ef722c21841a.png
diff --git a/screenshot/images/9b3ff309c4c02ef53b4c60cb24ca2620.png b/screenshot/images/9b3ff309c4c02ef53b4c60cb24ca2620.png
diff --git a/screenshot/images/9c26e67d9ba23b5a9feb6ec934c3f1f5.png b/screenshot/images/9c26e67d9ba23b5a9feb6ec934c3f1f5.png
diff --git a/screenshot/images/9e491dd13579ccf0db2cc0403a583b8f.png b/screenshot/images/9e491dd13579ccf0db2cc0403a583b8f.png
diff --git a/screenshot/images/a0b0da58da58671351e1b583b101245f.png b/screenshot/images/a0b0da58da58671351e1b583b101245f.png
diff --git a/screenshot/images/a1f7accbc767aaf12cae2e5070109a61.png b/screenshot/images/a1f7accbc767aaf12cae2e5070109a61.png
diff --git a/screenshot/images/a246550b6d830e6069bb6a6c78b513a4.png b/screenshot/images/a246550b6d830e6069bb6a6c78b513a4.png
diff --git a/screenshot/images/a4a52ad9e0b13fee2ab130d469df9349.png b/screenshot/images/a4a52ad9e0b13fee2ab130d469df9349.png
diff --git a/screenshot/images/a500ec6e0641db2e1231ccd43def9166.png b/screenshot/images/a500ec6e0641db2e1231ccd43def9166.png
diff --git a/screenshot/images/a7ac2f201b79010c1ab9cc74af7f6e85.png b/screenshot/images/a7ac2f201b79010c1ab9cc74af7f6e85.png
diff --git a/screenshot/images/aa1c13f1ad36f3eeff316edd194e7ab8.png b/screenshot/images/aa1c13f1ad36f3eeff316edd194e7ab8.png
diff --git a/screenshot/images/aa5125a8744e5b14d832b720df87aef5.png b/screenshot/images/aa5125a8744e5b14d832b720df87aef5.png
diff --git a/screenshot/images/ab505551bff1a4e0a42c0ce4ca73270d.png b/screenshot/images/ab505551bff1a4e0a42c0ce4ca73270d.png
diff --git a/screenshot/images/abe97d7d8314dacc954eeef15bb57f00.png b/screenshot/images/abe97d7d8314dacc954eeef15bb57f00.png
diff --git a/screenshot/images/b0c8d08bb50827018fb1aa09e999b6d3.png b/screenshot/images/b0c8d08bb50827018fb1aa09e999b6d3.png
diff --git a/screenshot/images/b132abcd2139b6eea484f9ae6f81ab5d.png b/screenshot/images/b132abcd2139b6eea484f9ae6f81ab5d.png
diff --git a/screenshot/images/b36ab511761fec91ae65169cac4dc3da.png b/screenshot/images/b36ab511761fec91ae65169cac4dc3da.png
diff --git a/screenshot/images/b4845ca8270e43805bea3b68faec0848.png b/screenshot/images/b4845ca8270e43805bea3b68faec0848.png
diff --git a/screenshot/images/b64da953219c7bec86d838ba560bf75e.png b/screenshot/images/b64da953219c7bec86d838ba560bf75e.png
diff --git a/screenshot/images/b692ccdb521e29d25e46a47a6afa1fe7.png b/screenshot/images/b692ccdb521e29d25e46a47a6afa1fe7.png
diff --git a/screenshot/images/b9a0148a1b4b145ccf0af2630823c328.png b/screenshot/images/b9a0148a1b4b145ccf0af2630823c328.png
diff --git a/screenshot/images/b9ba591e665ee0d512f813ec9553c9b5.png b/screenshot/images/b9ba591e665ee0d512f813ec9553c9b5.png
diff --git a/screenshot/images/b9f82799660d767469d526445a816b5b.png b/screenshot/images/b9f82799660d767469d526445a816b5b.png
diff --git a/screenshot/images/bc30d494bad7a325d54c721f288838d9.png b/screenshot/images/bc30d494bad7a325d54c721f288838d9.png
diff --git a/screenshot/images/bd0d25a0c8d5087707c9580713db1360.png b/screenshot/images/bd0d25a0c8d5087707c9580713db1360.png
diff --git a/screenshot/images/be720644d1eb8848daaec66465d11996.png b/screenshot/images/be720644d1eb8848daaec66465d11996.png
diff --git a/screenshot/images/be8d8e4eed6e80d451f5f1cd38297b6f.png b/screenshot/images/be8d8e4eed6e80d451f5f1cd38297b6f.png
diff --git a/screenshot/images/bec8eaeed022856fb400f82bc23cf703.png b/screenshot/images/bec8eaeed022856fb400f82bc23cf703.png
diff --git a/screenshot/images/bf7ea661ee8710c81c635b39954caee2.png b/screenshot/images/bf7ea661ee8710c81c635b39954caee2.png
diff --git a/screenshot/images/c1304f9e127ddc85e646e132131114ca.png b/screenshot/images/c1304f9e127ddc85e646e132131114ca.png
diff --git a/screenshot/images/c184394f2e2d3e51e6dbdf3a5211f84d.png b/screenshot/images/c184394f2e2d3e51e6dbdf3a5211f84d.png
diff --git a/screenshot/images/c3403c38e9c0444fd9931cfdb952fb24.png b/screenshot/images/c3403c38e9c0444fd9931cfdb952fb24.png
diff --git a/screenshot/images/c3ea585a641dfab9bd8e67601a7013cb.png b/screenshot/images/c3ea585a641dfab9bd8e67601a7013cb.png
diff --git a/screenshot/images/c8014b0cd83907ffadbf4f18966e32e6.png b/screenshot/images/c8014b0cd83907ffadbf4f18966e32e6.png
diff --git a/screenshot/images/cbd937ad6e4b4c39b3f5c901901ae80a.png b/screenshot/images/cbd937ad6e4b4c39b3f5c901901ae80a.png
diff --git a/screenshot/images/ccd3973fed1cf62e167f9ce21134977c.png b/screenshot/images/ccd3973fed1cf62e167f9ce21134977c.png
diff --git a/screenshot/images/d0b0e98d413c1e2305e806d96c725c48.png b/screenshot/images/d0b0e98d413c1e2305e806d96c725c48.png
diff --git a/screenshot/images/d14fd3efd59030b8e52aad72800137c7.png b/screenshot/images/d14fd3efd59030b8e52aad72800137c7.png
diff --git a/screenshot/images/d15c204a9dcd0c152b1432bc0f5c32bf.png b/screenshot/images/d15c204a9dcd0c152b1432bc0f5c32bf.png
diff --git a/screenshot/images/d179c8265a4d50ecd67c57585c826a62.png b/screenshot/images/d179c8265a4d50ecd67c57585c826a62.png
diff --git a/screenshot/images/d59228e4b7c65dcdd20ff83fb569f099.png b/screenshot/images/d59228e4b7c65dcdd20ff83fb569f099.png
diff --git a/screenshot/images/d60a1264a25b45173c2763749fb9755c.png b/screenshot/images/d60a1264a25b45173c2763749fb9755c.png
diff --git a/screenshot/images/d6a977a3b0073d77e551f157ba586058.png b/screenshot/images/d6a977a3b0073d77e551f157ba586058.png
diff --git a/screenshot/images/d802473eb22e3fa9d595192fb3be50c5.png b/screenshot/images/d802473eb22e3fa9d595192fb3be50c5.png
diff --git a/screenshot/images/daa1ab1b346b2a35e23c26f1758d847a.png b/screenshot/images/daa1ab1b346b2a35e23c26f1758d847a.png
diff --git a/screenshot/images/dcf26e84d840b0df429b48dd3cb389ae.png b/screenshot/images/dcf26e84d840b0df429b48dd3cb389ae.png
diff --git a/screenshot/images/e5749a2df6aa8ccdaa3788c652d84a93.png b/screenshot/images/e5749a2df6aa8ccdaa3788c652d84a93.png
diff --git a/screenshot/images/e60662f3bd68b69e36a06dba9a1b5746.png b/screenshot/images/e60662f3bd68b69e36a06dba9a1b5746.png
diff --git a/screenshot/images/e6f340f3af62d287351396a7eacef42a.png b/screenshot/images/e6f340f3af62d287351396a7eacef42a.png
diff --git a/screenshot/images/e77f13470edab405e37fdef7b06bf634.png b/screenshot/images/e77f13470edab405e37fdef7b06bf634.png
diff --git a/screenshot/images/e843155a213291c16969467d4c493b23.png b/screenshot/images/e843155a213291c16969467d4c493b23.png
diff --git a/screenshot/images/efa76efe4e421f64ab82b135ffd6ea54.png b/screenshot/images/efa76efe4e421f64ab82b135ffd6ea54.png
diff --git a/screenshot/images/f0054d08f978bd69c6453e3375bf748c.png b/screenshot/images/f0054d08f978bd69c6453e3375bf748c.png
diff --git a/screenshot/images/f064de71505cc6bee46c73f161d62f46.png b/screenshot/images/f064de71505cc6bee46c73f161d62f46.png
diff --git a/screenshot/images/f32eb7dc832337d25ae1d97c0bd57f3d.png b/screenshot/images/f32eb7dc832337d25ae1d97c0bd57f3d.png
diff --git a/screenshot/images/f4ad1b10ff24895fa0cc46af3d11cd2b.png b/screenshot/images/f4ad1b10ff24895fa0cc46af3d11cd2b.png
diff --git a/screenshot/images/f58beadb70924649960ca34ec373c1f8.png b/screenshot/images/f58beadb70924649960ca34ec373c1f8.png
diff --git a/screenshot/images/f6407df694f0657d781fc013880c9944.png b/screenshot/images/f6407df694f0657d781fc013880c9944.png
diff --git a/screenshot/images/f6f6b085dce31378b71266781b2c0a51.png b/screenshot/images/f6f6b085dce31378b71266781b2c0a51.png
diff --git a/screenshot/images/f707ee4421ff3087465294416a90564e.png b/screenshot/images/f707ee4421ff3087465294416a90564e.png
diff --git a/screenshot/images/f79ebe9c0f11009e17fab3ff13af616f.png b/screenshot/images/f79ebe9c0f11009e17fab3ff13af616f.png
diff --git a/screenshot/images/f7d9e916f2729fc452ab0055f9852124.png b/screenshot/images/f7d9e916f2729fc452ab0055f9852124.png
diff --git a/screenshot/images/f8e3f07b05e8a3bc07cd565d1eb5433e.png b/screenshot/images/f8e3f07b05e8a3bc07cd565d1eb5433e.png
diff --git a/screenshot/images/fddd25fdae1d41c4e2e112624bacb9fd.png b/screenshot/images/fddd25fdae1d41c4e2e112624bacb9fd.png
diff --git a/screenshot/images/fec4521b1bc3dd5a51e7c656120264c5.png b/screenshot/images/fec4521b1bc3dd5a51e7c656120264c5.png
diff --git a/screenshot/images/ff2b31538942a79025ec3d897a46e9f0.png b/screenshot/images/ff2b31538942a79025ec3d897a46e9f0.png
diff --git a/screenshot/images/ff5dbb6b8fce4d1a5c76f014995c1e41.png b/screenshot/images/ff5dbb6b8fce4d1a5c76f014995c1e41.png
diff --git a/screenshot/images/fffb17055b3ed5e3f65057357c6d85c4.png b/screenshot/images/fffb17055b3ed5e3f65057357c6d85c4.png
diff --git a/src/liquid/components/ld-stepper/ld-step/ld-step.css b/src/liquid/components/ld-stepper/ld-step/ld-step.css
@@ -1,4 +1,24 @@
+@define-mixin ld-step-dot {
+  border-radius: var(--ld-br-full);
+  box-sizing: border-box;
+  content: '';
+  display: block;
+  height: var(--ld-step-dot-size);
+  position: absolute;
+  top: var(--ld-step-dot-offset);
+  width: var(--ld-step-dot-size);
+}
+
 .ld-step {
+  --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-default);
+  --ld-step-brand-dot-opacity-default: 0.3;
+  --ld-step-brand-dot-opacity-active: 0.7;
+  --ld-step-brand-dot-opacity-done: 1;
+  --ld-step-brand-dot-opacity-focus: 0.2;
+  --ld-step-brand-dot-opacity-hover: 0.5;
+  --ld-step-brand-line-opacity: var(--ld-step-brand-line-opacity-default);
+  --ld-step-brand-line-opacity-default: 0.3;
+  --ld-step-brand-line-opacity-done: 1;
   --ld-step-description-font-size: var(--ld-step-description-font-size-md);
   --ld-step-description-font-size-sm: 0.625rem;
   --ld-step-description-font-size-md: 0.75rem;
@@ -49,64 +69,44 @@
   --ld-step-col-done: var(--ld-thm-primary);
   --ld-step-dot-col: var(--ld-step-dot-col-default);
   --ld-step-dot-col-default: var(--ld-col-neutral-200);
+  --ld-step-dot-col-active: var(--ld-col-neutral-500);
   --ld-step-dot-col-current: var(--ld-thm-secondary);
   --ld-step-dot-col-done: var(--ld-thm-primary);
+  --ld-step-dot-col-done-active: var(--ld-thm-primary-active);
+  --ld-step-dot-col-done-focus: var(--ld-thm-primary-focus);
+  --ld-step-dot-col-done-hover: var(--ld-thm-primary-hover);
+  --ld-step-dot-col-focus: var(--ld-col-neutral-100);
+  --ld-step-dot-col-hover: var(--ld-col-neutral-400);
   --ld-step-description-col: var(--ld-step-description-col-default);
   --ld-step-description-col-default: var(--ld-step-col);
   --ld-step-description-col-done: var(--ld-col-neutral-900);
-  --ld-step-icon-col: var(--ld-col-wht);
+  --ld-step-icon-col: var(--ld-step-icon-col-default);
+  --ld-step-icon-col-default: var(--ld-col-wht);
   --ld-step-line-start-col: var(--ld-step-line-col-default);
   --ld-step-line-end-col: var(--ld-step-line-col-default);
   --ld-step-line-col-default: var(--ld-col-neutral-200);
   --ld-step-line-col-done: var(--ld-thm-primary);
 
   /* on-brand colors */
+  --ld-step-brand-bg-col: var(--ld-thm-primary);
   --ld-step-brand-col: var(--ld-thm-primary-highlight);
   --ld-step-brand-col-done: var(--ld-col-wht);
   --ld-step-description-brand-col: var(--ld-thm-primary-highlight);
   --ld-step-description-brand-col-done: var(--ld-col-wht);
-  --ld-step-dot-brand-col: var(--ld-thm-primary-focus);
-  --ld-step-dot-brand-col-done: var(--ld-col-wht);
-  --ld-step-brand-icon-col: var(--ld-thm-primary);
-  --ld-step-line-brand-col: var(--ld-thm-primary-focus);
-  --ld-step-line-brand-col-done: var(--ld-col-wht);
+  --ld-step-dot-brand-col: var(--ld-col-wht);
+  --ld-step-dot-brand-col-done-active: var(--ld-col-wht-alpha-medium);
+  --ld-step-dot-brand-col-done-focus: var(--ld-col-wht);
+  --ld-step-dot-brand-col-done-hover: var(--ld-col-wht-alpha-high);
+  --ld-step-brand-icon-col: var(--ld-step-brand-bg-col);
+  --ld-step-brand-icon-col-done-focus: var(--ld-thm-primary-focus);
+  --ld-step-line-brand-col: var(--ld-col-wht);
 
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 100%;
   position: relative;
 
-  .ld-step__focusable-element {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    color: var(--ld-step-col);
-    display: flex;
-    flex-direction: column;
-    font-family: var(--ld-font-body);
-    font-size: var(--ld-step-label-font-size);
-    font-weight: 700;
-    line-height: 140%;
-    margin: var(--ld-step-text-margin) 0 0; /* Safari reset */
-    padding: 0;
-    text-align: center;
-    text-decoration: none;
-
-    &::before {
-      background: var(--ld-step-dot-col);
-      border-radius: var(--ld-br-full);
-      box-sizing: border-box;
-      content: '';
-      display: block;
-      height: var(--ld-step-dot-size);
-      position: absolute;
-      top: var(--ld-step-dot-offset);
-      width: var(--ld-step-dot-size);
-      z-index: 1;
-    }
-  }
-
   .ld-icon {
     --ld-icon-size-sm: var(--ld-step-icon-size);
     --ld-icon-size-md: var(--ld-step-icon-size);
@@ -124,10 +124,65 @@
     --ld-step-description-col-default: var(--ld-step-description-brand-col);
     --ld-step-description-col-done: var(--ld-step-description-brand-col-done);
     --ld-step-dot-col-default: var(--ld-step-dot-brand-col);
-    --ld-step-dot-col-done: var(--ld-step-dot-brand-col-done);
-    --ld-step-icon-col: var(--ld-step-brand-icon-col);
+    --ld-step-dot-col-active: var(--ld-step-dot-brand-col);
+    --ld-step-dot-col-done: var(--ld-step-dot-brand-col);
+    --ld-step-dot-col-done-active: var(--ld-step-dot-brand-col-done-active);
+    --ld-step-dot-col-done-focus: var(--ld-step-dot-brand-col-done-focus);
+    --ld-step-dot-col-done-hover: var(--ld-step-dot-brand-col-done-hover);
+    --ld-step-dot-col-focus: var(--ld-step-dot-brand-col);
+    --ld-step-dot-col-hover: var(--ld-step-dot-brand-col);
+    --ld-step-icon-col-default: var(--ld-step-brand-icon-col);
+    --ld-step-icon-col-done-focus: var(--ld-step-brand-icon-col-done-focus);
     --ld-step-line-col-default: var(--ld-step-line-brand-col);
-    --ld-step-line-col-done: var(--ld-step-line-brand-col-done);
+    --ld-step-line-col-done: var(--ld-step-line-brand-col);
+
+    &::after,
+    &::before {
+      opacity: var(--ld-step-brand-line-opacity);
+    }
+
+    &.ld-step {
+      &--current,
+      &--done,
+      &--next,
+      &--skipped {
+        --ld-step-brand-line-opacity: var(--ld-step-brand-line-opacity-done);
+      }
+
+      &--done:where(:not(.ld-step--optional)) .ld-step__focusable-element {
+        &:focus:where(:not(:active):not(:hover)) {
+          + .ld-icon {
+            --ld-step-icon-col: var(--ld-step-icon-col-done-focus);
+          }
+
+          /* stylelint-disable-next-line csstools/use-nesting */
+          &:where(:not(:focus-visible)) + .ld-icon {
+            --ld-step-icon-col: var(--ld-step-icon-col-default);
+          }
+        }
+      }
+
+      &--last-active {
+        &::after {
+          --ld-step-brand-line-opacity: var(
+            --ld-step-brand-line-opacity-default
+          );
+        }
+      }
+    }
+
+    .ld-step__focusable-element {
+      &::after {
+        @mixin ld-step-dot;
+        background: var(--ld-step-brand-bg-col);
+        z-index: 0;
+      }
+
+      &::before,
+      + .ld-icon {
+        opacity: var(--ld-step-brand-dot-opacity);
+      }
+    }
   }
 
   &--custom-icon {
@@ -139,28 +194,30 @@
   }
 
   &--done,
+  &--next,
   &--skipped {
     --ld-step-dot-col: var(--ld-step-dot-col-done);
-
-    .ld-step__focusable-element {
-      cursor: pointer;
-    }
+    --ld-step-dot-col-default: var(--ld-step-dot-col-done);
+    --ld-step-dot-col-active: var(--ld-step-dot-col-done-active);
+    --ld-step-dot-col-focus: var(--ld-step-dot-col-done-focus);
+    --ld-step-dot-col-hover: var(--ld-step-dot-col-done-hover);
   }
 
   &--current,
   &--done,
   &--next,
   &--skipped {
+    --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-done);
+    --ld-step-brand-dot-opacity-default: var(--ld-step-brand-dot-opacity-done);
+    --ld-step-brand-dot-opacity-active: var(--ld-step-brand-dot-opacity-done);
+    --ld-step-brand-dot-opacity-focus: var(--ld-step-brand-dot-opacity-done);
+    --ld-step-brand-dot-opacity-hover: var(--ld-step-brand-dot-opacity-done);
     --ld-step-col: var(--ld-step-col-done);
     --ld-step-description-col: var(--ld-step-description-col-done);
     --ld-step-line-start-col: var(--ld-step-line-col-done);
     --ld-step-line-end-col: var(--ld-step-line-col-done);
   }
 
-  &--next {
-    --ld-step-dot-col: var(--ld-step-dot-col-done);
-  }
-
   &--current {
     --ld-step-dot-col: var(--ld-step-dot-col-current);
   }
@@ -189,6 +246,7 @@
         var(--ld-step-text-margin);
       text-align: left;
 
+      &::after,
       &::before {
         flex-shrink: 0;
         left: calc(var(--ld-step-dot-size-with-icon) / 2);
@@ -210,6 +268,10 @@
       position: relative;
       top: 0;
     }
+
+    &::after {
+      top: 0;
+    }
   }
 
   &--sm {
@@ -231,6 +293,86 @@
   }
 }
 
+.ld-step__focusable-element {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: var(--ld-step-col);
+  display: flex;
+  flex-direction: column;
+  font-family: var(--ld-font-body);
+  font-size: var(--ld-step-label-font-size);
+  font-weight: 700;
+  line-height: 140%;
+  margin: var(--ld-step-text-margin) 0 0; /* Safari reset */
+  padding: 0;
+  text-align: center;
+  text-decoration: none;
+
+  .ld-step:not(.ld-step--current) &:not([aria-disabled='true']) {
+    cursor: pointer;
+
+    &:focus {
+      --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-focus);
+      --ld-step-dot-col: var(--ld-step-dot-col-focus);
+
+      &:where(:not(:focus-visible)) {
+        --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-default);
+        --ld-step-dot-col: var(--ld-step-dot-col-default);
+      }
+    }
+
+    @media (hover: hover) {
+      &:hover {
+        --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-hover);
+        --ld-step-dot-col: var(--ld-step-dot-col-hover);
+      }
+    }
+
+    &:active {
+      --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-active);
+      --ld-step-dot-col: var(--ld-step-dot-col-active);
+    }
+  }
+
+  /* Usually the .ld-icon class should already inherit its color from `--ld-step-dot-col`.
+     But due to a bug (assumably) it inherits the same color than the element it inherits
+     the variable assignment from, instead of the color for `--ld-step-dot-col` set a few
+     lines above this comment. Thus the color needs to be overwritten explicitly. */
+  .ld-step--optional:not(.ld-step--current) &:not([aria-disabled='true']) {
+    &:focus {
+      + .ld-icon {
+        --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-focus);
+        color: var(--ld-step-dot-col-focus);
+      }
+
+      /* stylelint-disable-next-line csstools/use-nesting */
+      &:where(:not(:focus-visible)) + .ld-icon {
+        --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-default);
+        color: var(--ld-step-dot-col-default);
+      }
+    }
+
+    @media (hover: hover) {
+      &:hover + .ld-icon {
+        --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-hover);
+        color: var(--ld-step-dot-col-hover);
+      }
+    }
+
+    &:active + .ld-icon {
+      --ld-step-brand-dot-opacity: var(--ld-step-brand-dot-opacity-active);
+      color: var(--ld-step-dot-col-active);
+    }
+  }
+
+  &::before {
+    @mixin ld-step-dot;
+    background: var(--ld-step-dot-col);
+    z-index: 1;
+  }
+}
+
 :host(:not(:first-of-type)) .ld-step,
 .ld-step:not(:first-of-type) {
   &::before {