New Features

Dialog/gallery navigation

• adds "Next" and "Previous" navigation buttons to each gallery dialog modal
• updates dialog controls to include close, next, and previous buttons
• enables keyboard navigation (ArrowLeft/ArrowRight) and swipe gestures to move between dialogs
• adds new SVG arrow icons

opt-in for submenus in the main navigation

• adds new subMenu boolean option to meta.navigation for including new nav-sub.js script
• updates main-nav.njk to render submenu buttons and lists if navigation items have a submenu property.
• adds a new SVG icon (chev-down.svg) for submenu toggles
• nav-sub.js handles submenu open/close, aria attributes, ESC key, and click-outside behavior.
• updates navigation and cluster styles to support submenus, including no-JS fallbacks
• updates navigation documentation to explain how to enable and configure submenus

As usual, I'll continue iterating over this to improve. Feedback welcome!

Changelog

Version 4.0 introduces breaking changes, improvements, and new features. Quick summary:

Breaking Changes

1. Updated Image Shortcode

• widths now comes before sizes.
• Introduced imageClass for <img>-specific classes

If you use the Nunjucks image shortcode, you might have to update your arguments.

2. Cascade Layers

• Global CSS is now organized with cascade layers
• Local CSS (formerly "inline") does not use cascade layers and has higher specificity

The "inline" CSS bundle was renamed to "local".

3. New Color System

• Running npm run colors after setting colors in src/_data/designTokens/colorsBase.json generates or updates the colors.json file, creating:
  • Scalable palettes for neutral and vibrant colors
  • Standalone values for fixed colors, including a "subdued" version for dark themes

The src/assets/css/global/base/variables.css file has changed significantly.
Update your colors in src/_data/designTokens/colorsBase.json.

New Features

• Now using the Eleventy Image Transform Plugin which allows co-located images with HTML and Markdown syntax, amongst other features
• Custom attributes lcan now be applied directly to Markdown image syntax
• Button styles have been refreshed
• border-radius is now a design token
• Added a 3XS spacing value
• New grid composition layout: data-layout='thirds'
• New OG image template

More in the release blog post: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-40/

Have fun!

Full Changelog: v3.7.5...v4.0.0

(Potentially) breaking changes

Added

• Streamlined CSS file for main navigation in src/assets/css/global/blocks/nav-main.css replacing separate state-specific styles in src/assets/css/bundle.

Removed

• CSS files that handled the main navigation for mobile CSS without JS, drawer CSS, and desktop independently.

Other changes

• Minor adjustments to src/assets/scripts/bundle/nav-drawer.js.
• Added 2XS size token to src/_data/designTokens/spacing.json

Full Changelog: v3.0.0...v3.1.0

Release notes posted on the blog: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-30/
Full Changelog: https://github.com/madrilene/eleventy-excellent/commits/v3.0.0

What has changed:

• ESM with Eleventy 3.0
• New Font: Inclusive Sans
• Revamped Config Structure
• New Filters
• SVG Handling Update
• CSS Overhaul
• JavaScript Updates
• Improved Organization

What's been contributed:

• feat: add dotenv config support by @erikyuzwa in #46
• feat: add support for changefreq in sitemap by @erikyuzwa in #47
• feat: add support for eleventy-env by @erikyuzwa in #48
• Updated card component to show all tags by @dvdlite in #49

New Contributors

• @erikyuzwa made their first contribution in #46
• @dvdlite made their first contribution in #49

Release notes posted on the blog: https://eleventy-excellent.netlify.app/blog/eleventy-excellent-20/
A "docs" page that explains some features: https://eleventy-excellent.netlify.app/get-started/
Full Changelog: https://github.com/madrilene/eleventy-excellent/commits/v2.0.0

New features:

• better structure and naming
• tags
• pagination
• carbon.txt
• dark and light mode
• gallery demo
• Countless small code improvements, everywhere

Contributors

• @krgr made their first contribution in #2
• @nhoizey made their first contribution in #6
• @deniseileen made their first contribution in #9
• @theapplegates made their first contribution in #11
• @dbellomo made their first contribution in #12
• @AgtLucas made their first contribution in #14
• @projectmb made their first contribution in #21
• @flamedfury made their first contribution in #24
• @httpsterio made their first contribution in #26
• @maltebaer made their first contribution in #30
• @b2m9 made their first contribution in #31