Midwest Component Library v0.24.0

Previews

No matching results.

🏗️ v0.12.0 — Accordion, Pagination, Empty State, Progress Bar & Audit Complete

What's New

Accordion Component

A pure HTML accordion powered by native <details>/<summary> elements — no JavaScript required. Ships with AccordionComponent and AccordionItemComponent, four Lookbook previews, and a 164-assertion unit test suite.

Pagination Component

Full-featured pagination with adapters for Kaminari, Pagy, and will_paginate. Pass the collection directly and the component resolves the adapter automatically. Includes an arrows_only variant, playground preview, Stimulus controller, 679-assertion unit test suite, and 386-assertion Lookbook system test.

Empty State Component

Structured empty-state display for zero-result views. Pass an ActiveModel class to auto-generate a label and icon (with_action_model variant). Five Lookbook previews, 236-assertion unit test suite, and full Lookbook system test.

Progress Bar Component

Determinate and indeterminate progress bar with sizes (xs–xl), states (success, warning, error), and a striped variant. Six Lookbook previews, 252-assertion unit test suite, and 125-assertion Lookbook system test.

Avatar Group Component

AvatarGroupComponent that stacks avatars with overlap and overflow badges, plus a Stimulus controller for dynamic group management.

Confirmation Component

ConfirmationComponent for destructive-action confirmation dialogs. Ships with a destructive preview, 98-assertion unit test suite, and 101-assertion system test.

New Layout Patterns

Fourteen new pattern layouts illustrating real-world Midwest compositions: alerts_inbox, analytics_report, app_sidebar_layout, article_reader, billing_portal, checkout_review, error_not_found, event_agenda, first_run_empty, help_center_article, media_gallery, onboarding_wizard, saas_dashboard, settings_page, team_directory, user_profile.

What Changed

  • CardComponent — Updated to use a new SlotComponent API. All card previews and downstream usages updated.
  • LSP — Language server updated to handle slot rendering syntax and direct Midwest::ClassName constant-style calls.
  • CalloutComponent — collapsible, collapsible_with_icon, and with_icon previews added; CSS rearchitected.
  • VideoComponent — Template restructured to support aspect_ratio and captions variants.
  • CarouselComponent — Autoplay variant added; Stimulus controller improved.
  • DialogComponent — Panel variant added.
  • TooltipComponent — Delay variant added.
  • IconComponent — Decorative and sizes variants added.
  • GridComponent, PopoverComponent, ProseComponent, StepsComponent, BadgeComponent — New variants added.

What Was Removed

  • Completed items cleared from COMPONENT_AUDIT.md — the audit is now finished.

Dev Process

  • bin/test — Added a --workers flag to control Capybara/system test parallelism.
  • New unit tests added for every new component (over 2,000 assertions total across new suites).
  • New Lookbook system tests added for PaginationComponent, EmptyStateComponent, and ProgressBarComponent.

VS Code Extension

The compiled extension (lsp/midwest-language-server.vsix) is bundled in this release's assets and can be installed directly:

code --install-extension lsp/midwest-language-server.vsix