Choose correct color for nav items.

davidjerleke · Jan 8, 2024 · 4b81f79 · 4b81f79
1 parent 13d195d
commit 4b81f79
Show file tree

Hide file tree

Showing 41 changed files with 218 additions and 218 deletions.
diff --git a/docs/404.html b/docs/404.html
diff --git a/docs/404/index.html b/docs/404/index.html
diff --git a/docs/_gatsby/slices/_gatsby-scripts-1.html b/docs/_gatsby/slices/_gatsby-scripts-1.html
diff --git a/docs/api/events/index.html b/docs/api/events/index.html
diff --git a/docs/api/index.html b/docs/api/index.html
diff --git a/docs/api/methods/index.html b/docs/api/methods/index.html
diff --git a/docs/api/options/index.html b/docs/api/options/index.html
diff --git a/docs/api/plugins/index.html b/docs/api/plugins/index.html
diff --git a/docs/app-6e101565ba97ebc7afb3.js b/docs/app-6e101565ba97ebc7afb3.js
diff --git a/docs/app-96c9057418399a84212e.js.LICENSE.txt → docs/app-6e101565ba97ebc7afb3.js.LICENSE.txt b/docs/app-96c9057418399a84212e.js.LICENSE.txt → docs/app-6e101565ba97ebc7afb3.js.LICENSE.txt
diff --git a/docs/app-6e101565ba97ebc7afb3.js.map b/docs/app-6e101565ba97ebc7afb3.js.map
diff --git a/docs/app-96c9057418399a84212e.js b/docs/app-96c9057418399a84212e.js
diff --git a/docs/app-96c9057418399a84212e.js.map b/docs/app-96c9057418399a84212e.js.map
diff --git a/docs/chunk-map.json b/docs/chunk-map.json
diff --git a/docs/examples/generator/index.html b/docs/examples/generator/index.html
diff --git a/docs/examples/index.html b/docs/examples/index.html
diff --git a/docs/examples/predefined/index.html b/docs/examples/predefined/index.html
diff --git a/docs/get-started/cdn/index.html b/docs/get-started/cdn/index.html
diff --git a/docs/get-started/index.html b/docs/get-started/index.html
diff --git a/docs/get-started/module/index.html b/docs/get-started/module/index.html
diff --git a/docs/get-started/react/index.html b/docs/get-started/react/index.html
diff --git a/docs/get-started/solid/index.html b/docs/get-started/solid/index.html
diff --git a/docs/get-started/svelte/index.html b/docs/get-started/svelte/index.html
diff --git a/docs/get-started/vue/index.html b/docs/get-started/vue/index.html
diff --git a/docs/guides/breakpoints/index.html b/docs/guides/breakpoints/index.html
diff --git a/docs/guides/index.html b/docs/guides/index.html
diff --git a/docs/guides/previous-and-next-buttons/index.html b/docs/guides/previous-and-next-buttons/index.html
diff --git a/docs/guides/slide-container/index.html b/docs/guides/slide-container/index.html
diff --git a/docs/guides/slide-gaps/index.html b/docs/guides/slide-gaps/index.html
diff --git a/docs/guides/slide-sizes/index.html b/docs/guides/slide-sizes/index.html
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/page-data/app-data.json b/docs/page-data/app-data.json
@@ -1 +1 @@
-{"webpackCompilationHash":"4e2a06e6601016b3dcd2"}
+{"webpackCompilationHash":"844deec7c248b3190697"}
diff --git a/docs/page-data/sq/d/388772440.json b/docs/page-data/sq/d/388772440.json
@@ -1 +1 @@
-{"data":{"allMdx":{"edges":[{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to add this Autoplay plugin to Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":1,"description":"Learn how to add this Auto Height plugin to Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":2,"description":"Learn how to add this Class Name plugin to Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":3,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
+{"data":{"allMdx":{"edges":[{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to add this Autoplay plugin to Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":1,"description":"Learn how to add this Auto Height plugin to Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":2,"description":"Learn how to add this Class Name plugin to Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":3,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
diff --git a/docs/plugins/auto-height/index.html b/docs/plugins/auto-height/index.html
diff --git a/docs/plugins/autoplay/index.html b/docs/plugins/autoplay/index.html
diff --git a/docs/plugins/class-names/index.html b/docs/plugins/class-names/index.html
diff --git a/docs/plugins/index.html b/docs/plugins/index.html
diff --git a/docs/plugins/wheel-gestures/index.html b/docs/plugins/wheel-gestures/index.html
diff --git a/docs/sitemap-0.xml b/docs/sitemap-0.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://www.embla-carousel.com/guides/slide-container/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/module/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/predefined/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/options/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/autoplay/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/auto-height/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-sizes/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/react/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/generator/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/methods/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/class-names/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-gaps/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/vue/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/events/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/breakpoints/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/wheel-gestures/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/svelte/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/previous-and-next-buttons/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/solid/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/cdn/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/</loc><changefreq>daily</changefreq><priority>0.7</priority></url></urlset>
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://www.embla-carousel.com/plugins/autoplay/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-container/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/module/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/predefined/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/options/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/auto-height/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-sizes/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/react/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/generator/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/methods/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/class-names/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-gaps/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/vue/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/events/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/wheel-gestures/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/breakpoints/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/svelte/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/previous-and-next-buttons/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/solid/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/cdn/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/</loc><changefreq>daily</changefreq><priority>0.7</priority></url></urlset>
diff --git a/docs/webpack.stats.json b/docs/webpack.stats.json
diff --git a/packages/embla-carousel-docs/src/components/SiteNavigation/SiteNavigationSubMenu.tsx b/packages/embla-carousel-docs/src/components/SiteNavigation/SiteNavigationSubMenu.tsx
@@ -34,7 +34,7 @@ const SiteNavigationSubMenuWrapper = styled.div`
 
 const Toggle = styled(ButtonBare)<{ $isActive: boolean }>`
   font-weight: ${FONT_WEIGHTS.BOLD};
-  color: ${COLORS.TEXT_MEDIUM_CONTRAST};
+  color: ${COLORS.TEXT_BODY};
   padding: ${ITEM_SPACING} 0 ${ITEM_SPACING}
     calc(${TOGGLE_SVG_SIZE} + ${SPACINGS.TWO});
   margin: 0 0;
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"webpackCompilationHash":"4e2a06e6601016b3dcd2"}
		{"webpackCompilationHash":"844deec7c248b3190697"}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"data":{"allMdx":{"edges":[{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to add this Autoplay plugin to Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":1,"description":"Learn how to add this Auto Height plugin to Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":2,"description":"Learn how to add this Class Name plugin to Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":3,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
		{"data":{"allMdx":{"edges":[{"node":{"id":"a8ea5e53-52f4-532a-947d-b9cf2d1db92f","frontmatter":{"title":"Autoplay","order":0,"description":"Learn how to add this Autoplay plugin to Embla Carousel"},"fields":{"slug":"/plugins/autoplay/"}}},{"node":{"id":"4dd27631-0efe-5b12-b997-6743be829e5b","frontmatter":{"title":"Slide Container","order":0,"description":"This guide demonstrates how to setup the Embla Carousel slide container correctly."},"fields":{"slug":"/guides/slide-container/"}}},{"node":{"id":"b624163b-4cc1-5e24-b8e2-61b94db0d254","frontmatter":{"title":"Get Started","order":0,"description":"Get started with Embla Carousel."},"fields":{"slug":"/get-started/"}}},{"node":{"id":"ba607541-5bb8-5364-9be7-78c42a5f7a09","frontmatter":{"title":"Module","order":0,"description":"Learn how to setup Embla Carousel using vanilla JavaScript."},"fields":{"slug":"/get-started/module/"}}},{"node":{"id":"4967d65c-8ffe-549d-b089-8caf87f57222","frontmatter":{"title":"Predefined","order":0,"description":"Browse predefined Embla Carousel setups that demonstrates its features."},"fields":{"slug":"/examples/predefined/"}}},{"node":{"id":"876fb36b-cb93-56da-9ea9-db953678f9c6","frontmatter":{"title":"Options","order":0,"description":"Discover how to customize Embla Carousel with its available options."},"fields":{"slug":"/api/options/"}}},{"node":{"id":"b82ffee7-4726-51cf-9b3c-0837a4bb9c68","frontmatter":{"title":"Auto Height","order":1,"description":"Learn how to add this Auto Height plugin to Embla Carousel"},"fields":{"slug":"/plugins/auto-height/"}}},{"node":{"id":"537ea62f-7ce2-5ee5-afba-c38ec256764c","frontmatter":{"title":"Guides","order":1,"description":"Explore practical step-by-step guides to help you customize your carousels for different use cases."},"fields":{"slug":"/guides/"}}},{"node":{"id":"0c1e5b08-51fe-5bb3-902d-b6d5dc9e13a9","frontmatter":{"title":"Slide Sizes","order":1,"description":"This guide demonstrates how Embla Carousel handles slide sizes and how to customize them."},"fields":{"slug":"/guides/slide-sizes/"}}},{"node":{"id":"1e877573-3182-5d96-8fae-250225bf74be","frontmatter":{"title":"React","order":1,"description":"Learn how to setup Embla Carousel using React."},"fields":{"slug":"/get-started/react/"}}},{"node":{"id":"78fbb6ee-2067-56cc-8fe5-ac4cc96d5fbc","frontmatter":{"title":"Generator","order":1,"description":"Generate and customize your own Embla Carousel setup."},"fields":{"slug":"/examples/generator/"}}},{"node":{"id":"e61d05d0-27fd-5f36-83ed-7a05e2e68f14","frontmatter":{"title":"Methods","order":1,"description":"Explore Embla Carousel methods useful for extending the carousel beyond its native functionality."},"fields":{"slug":"/api/methods/"}}},{"node":{"id":"28b83f56-b278-5f52-ab10-0d4dddfb23f1","frontmatter":{"title":"Class Names","order":2,"description":"Learn how to add this Class Name plugin to Embla Carousel"},"fields":{"slug":"/plugins/class-names/"}}},{"node":{"id":"3749b8f6-a2a7-5052-b898-f610865babcb","frontmatter":{"title":"Slide Gaps","order":2,"description":"This guide demonstrates how Embla Carousel handles slide gaps and how to customize them."},"fields":{"slug":"/guides/slide-gaps/"}}},{"node":{"id":"efd0d4b0-829c-5af6-88d9-038aa8260609","frontmatter":{"title":"Vue","order":2,"description":"Learn how to setup Embla Carousel using Vue."},"fields":{"slug":"/get-started/vue/"}}},{"node":{"id":"9d153896-90c5-5193-b966-9f0de84aa668","frontmatter":{"title":"Events","order":2,"description":"Learn how to listen to Embla Carousel events and how to make use of them."},"fields":{"slug":"/api/events/"}}},{"node":{"id":"275f3ad1-2fab-5e99-bf3e-c52c3b8b28ac","frontmatter":{"title":"API","order":2,"description":"Explore the Embla Carousel API that is designed with extensibility in mind."},"fields":{"slug":"/api/"}}},{"node":{"id":"9b9b02ce-ede3-5e6c-8046-7e1a791c8ea9","frontmatter":{"title":"Plugins","order":3,"description":"Explore plugins that will enable you to extend your carousels with additional features."},"fields":{"slug":"/plugins/"}}},{"node":{"id":"41ed9a77-f2d0-5f04-9b06-525d9d9a0055","frontmatter":{"title":"Wheel Gestures","order":3,"description":"Learn how to add this Wheel Gesture plugin to Embla Carousel"},"fields":{"slug":"/plugins/wheel-gestures/"}}},{"node":{"id":"92dfc4aa-727c-5fe0-b191-69127ddfab27","frontmatter":{"title":"Breakpoints","order":3,"description":"This guide demonstrates how to customize Embla Carousel based on different breakpoints."},"fields":{"slug":"/guides/breakpoints/"}}},{"node":{"id":"6d797196-6bce-5faf-a0f5-8851e6ab12a0","frontmatter":{"title":"Svelte","order":3,"description":"Learn how to setup Embla Carousel using Svelte."},"fields":{"slug":"/get-started/svelte/"}}},{"node":{"id":"31ce8907-1cb2-52c3-be8d-82e0210c9f43","frontmatter":{"title":"Plugins","order":3,"description":"Learn how to add plugins to Embla Carousel and extend it."},"fields":{"slug":"/api/plugins/"}}},{"node":{"id":"88c00ae7-cf90-5cca-8470-4e5341d41e9a","frontmatter":{"title":"Prev & Next Buttons","order":4,"description":"This guide demonstrates how to setup previous and next buttons using the Embla Carousel API."},"fields":{"slug":"/guides/previous-and-next-buttons/"}}},{"node":{"id":"fb8767b4-84f5-5456-b193-7f3baed9272a","frontmatter":{"title":"Solid","order":4,"description":"Learn how to setup Embla Carousel using Solid."},"fields":{"slug":"/get-started/solid/"}}},{"node":{"id":"1acbe6df-e942-51ec-869b-702b772110e3","frontmatter":{"title":"Examples","order":4,"description":"Get started instantly with Embla Carousel by finding an example setup that suits your needs."},"fields":{"slug":"/examples/"}}},{"node":{"id":"18afaa73-8daf-547b-8bfb-f90bebc5a2a0","frontmatter":{"title":"CDN","order":5,"description":"Learn how to setup Embla Carousel using a CDN."},"fields":{"slug":"/get-started/cdn/"}}},{"node":{"id":"f996286a-509a-5b98-9173-f50b9c80faec","frontmatter":{"title":"Home","order":null,"description":"A lightweight carousel library with fluid motion and great swipe precision"},"fields":{"slug":"/"}}}]}}}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://www.embla-carousel.com/guides/slide-container/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/module/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/predefined/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/options/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/autoplay/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/auto-height/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-sizes/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/react/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/generator/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/methods/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/class-names/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-gaps/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/vue/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/events/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/breakpoints/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/wheel-gestures/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/svelte/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/previous-and-next-buttons/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/solid/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/cdn/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/</loc><changefreq>daily</changefreq><priority>0.7</priority></url></urlset>
		<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://www.embla-carousel.com/plugins/autoplay/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-container/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/module/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/predefined/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/options/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/auto-height/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-sizes/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/react/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/generator/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/methods/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/class-names/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/slide-gaps/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/vue/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/events/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/plugins/wheel-gestures/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/breakpoints/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/svelte/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/api/plugins/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/guides/previous-and-next-buttons/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/solid/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/examples/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/get-started/cdn/</loc><changefreq>daily</changefreq><priority>0.7</priority></url><url><loc>https://www.embla-carousel.com/</loc><changefreq>daily</changefreq><priority>0.7</priority></url></urlset>