Changelog

Component refinements

Button component padding adjusted across all size variants to improve visual consistency at smaller viewport widths. The medium button variant had slightly more horizontal padding than intended, which caused alignment issues when placed alongside form inputs. This is corrected and the spacing now matches the token values exactly.

Card component received an update to its shadow elevation tokens. The default shadow was too heavy on light backgrounds, particularly on displays with higher gamma. The new values use a layered shadow approach with a subtle outer spread and a tighter inner shadow, producing a more natural lift effect without looking like a drop shadow from 2014.

Modal component focus trap behavior improved. Previously, tabbing through a modal with many interactive elements could skip the close button if it was the last focusable element. Focus cycling now correctly includes all interactive elements regardless of DOM order. This also fixes an issue where focus would escape to the background page on certain screen reader configurations.

Token updates

Spacing tokens reorganized to follow a consistent naming pattern. The old pattern mixed numeric values with size descriptors (spacing-sm, spacing-4), which made it unclear which value to use. All spacing tokens now follow a numeric scale. A migration guide is included in the design system documentation for teams updating from the previous naming convention.

Color token contrast ratios audited across all product variants. Several secondary text colors were adjusted to meet WCAG AA requirements against their intended background colors. The adjustments are minor and visually consistent with the previous palette, but they close gaps that existed in edge cases involving colored backgrounds with overlaid text.

Layout primitives

Grid system updated to support a 16 column option alongside the standard 12 column grid. The 16 column grid is useful for dashboard layouts and admin interfaces where the content density is higher. Both grids share the same gutter and margin tokens. Documentation updated with examples for both configurations.

Extended component coverage

Data table component received sorting and filtering improvements. Column sorting now supports multi column sort with visual indicators for primary and secondary sort directions. Filter inputs are positioned inline with column headers rather than in a separate filter bar, reducing vertical space consumption in dense table layouts.

Date picker component updated to handle timezone aware dates correctly. The previous implementation assumed local time for all operations, which produced incorrect results for teams working across time zones. The updated component accepts an optional timezone parameter and normalizes dates accordingly.

Sidebar navigation component now supports collapsible section groups with animated transitions. The collapse behavior uses CSS transforms rather than height animation, which eliminates the layout thrashing that occurred with the previous JavaScript driven approach. Performance improvement is noticeable on pages with deeply nested navigation trees.

Documentation enhancements

Component API documentation expanded with more usage examples for each prop. Previous documentation listed props with type annotations but lacked contextual examples showing when and why to use specific prop combinations. Each component page now includes at least three practical usage examples in addition to the API reference.

Navigation improvements

Sidebar navigation rendering optimized for documentation sites with more than 200 pages. Previously, sites at that scale experienced a visible render delay on initial page load as the sidebar built its tree. The navigation tree is now virtualized, rendering only the visible sections and their immediate neighbors. The improvement reduces initial render time significantly for large documentation sites.

Breadcrumb component updated to handle deeply nested content hierarchies more gracefully. When a page is nested four or more levels deep, the breadcrumb trail now truncates middle segments with an expandable indicator rather than wrapping to multiple lines. This keeps the breadcrumb functional without consuming excessive vertical space at the top of every page.

Search integration

Search index generation improved to produce smaller index files. The indexer now strips code blocks and HTML tags from content before indexing, reducing false positives in search results and decreasing the index file size. For documentation sites with heavy code sample content, index sizes are reduced by roughly 30 percent.

Search results ranking adjusted to weight heading matches more heavily than body text matches. Previously, a search term appearing once in a heading and once in a long paragraph of body text would produce similar relevance scores. Heading matches now receive a multiplier, which surfaces more relevant results for navigational queries.

Shortcode updates

Callout shortcodes updated with improved styling for dark mode. The previous callout borders and background tints did not have sufficient contrast in dark mode, making it difficult to distinguish between info, warning, and danger callouts. Each callout type now has distinct dark mode colors that maintain the same relative contrast as the light mode variants.

Tab shortcode added for presenting multiple code examples or content variants in a single space. The tab component is keyboard navigable and maintains scroll position when switching between tabs. See the documentation theme reference for usage details.

Starter template adjustments

Hero section responsive behavior updated. On viewports between 768px and 1024px, the hero text and image were competing for space in a way that produced awkward line breaks in the heading. The breakpoint logic now transitions to a stacked layout at 900px instead of 768px, giving the text content room to breathe at tablet widths.

Feature section grid alignment corrected. When using three feature cards with unequal content lengths, the card heights were not equalizing correctly in Firefox. The fix applies explicit min height calculations based on the tallest card, consistent with the behavior in Chrome and Safari.

Developer template refinements

Code block sections in the developer template updated with improved syntax highlighting token colors. The previous color scheme had insufficient contrast for keyword tokens against the dark background. The updated palette uses higher contrast values without introducing visual noise.

Testimonial section layout adjusted to support longer quotes without breaking the visual rhythm. The previous layout assumed testimonials would be two to three sentences. Quotes longer than four sentences now receive a slightly reduced font size and adjusted line height to maintain readability without the section dominating the page flow.

Demo page adjustments

Product demo pages across all templates reviewed for consistency. Image aspect ratios standardized. Section spacing unified to use the same vertical rhythm tokens. Call to action button styles aligned with the current design system values rather than the template specific overrides that had drifted over time.

Documentation updates

Product documentation for all three product families reviewed and updated for accuracy. Outdated code examples replaced. Configuration references verified against current product versions. Several sections rewritten for clarity based on common support questions. The support page reflects these improvements.

Resource guides updated to reflect current product capabilities. The resources section includes practical guides on design system governance, documentation structure, landing page content flow, design tokens, component audits, and template selection. Each guide is maintained alongside the products it references.

Compatibility notes

All products tested and confirmed compatible with the current LTS release of Node.js. Build tooling updated to resolve deprecation warnings from newer npm versions. No breaking changes to product APIs or configuration formats.

CSS output reviewed for compatibility with current versions of Chrome, Firefox, Safari, and Edge. One CSS grid behavior that differed between Chrome and Safari was normalized with a fallback rule. This fix is included in all template and design system products.

Performance improvements

Image loading across all product demos switched to native lazy loading with explicit width and height attributes. This eliminates layout shift during page load and improves Core Web Vitals scores for product demo pages. The pattern is documented as a recommended practice in the page template docs.

CSS delivery optimized across the site. Unused styles removed from production builds. Critical CSS inlined for above the fold content. The total CSS payload for a typical product page is now under 30KB before compression.

We treat all of our products as living systems. Component APIs stay stable, but implementations improve. Documentation is reviewed regularly. Compatibility is tested against current browser and tooling versions. If you notice something that does not look right or behave as expected, check back here or reach out through our contact page.

This changelog is updated as changes ship. We do not hold updates for scheduled release cycles. When something improves, it goes out, and it shows up here. For questions about any specific change, the support page has guidance on how to get help.