Releases

Tecton 1.73.0

New Components

  • Date Picker Calendar Date Selection — A comprehensive new calendar component offering single date and date range selection through both popover and mobile action sheet interfaces, with full responsive design and customizable styling for any date selection use case.

Button Intent Simplification

  • Button Unprefixed Intent Values — Buttons now accept clean, unprefixed workflow intent values like primary, secondary, destroy, and escape alongside existing prefixed versions, simplifying markup and improving consistency across the design system.
  • Action Group Intent Modernization — Intent assignment now supports unprefixed workflow values, allowing for cleaner, more intuitive button styling.
  • Dropdown Intent Simplification — Intent logic simplified to use unprefixed values directly, reducing complexity and improving consistency with the new button API.

Focus and Keyboard Navigation Improvements

  • Button Refined Focus States — Button press states are now unified, with focus indicators appearing only during keyboard navigation (focus-visible) rather than pointer clicks, providing a cleaner, more intentional interaction model.
  • Carousel Dynamic Pagination Focus — Focus is now correctly maintained on pagination buttons as they dynamically render or hide, ensuring smooth keyboard navigation even as dot indicators change.
  • Chart Area Keyboard Navigation — Area charts now support keyboard navigation with arrow keys to explore data points, and visual selection indicators help users understand their position within the chart.
  • Chart Bar Keyboard Navigation — Bar charts now support keyboard-driven data exploration with arrow keys, enabling accessible interaction for all chart data.
  • Chart Donut Enhanced Accessibility — Donut charts now feature improved keyboard navigation, focus delegation, keyboard shortcuts, and screen reader announcements for selected segments, making data exploration fully accessible.
  • Item Keyboard Activation — Clickable items can now be activated with Enter and Space keys, matching standard button behavior and enabling full keyboard accessibility.
  • Calendar Popover Refocus — Focus is now returned to the calendar trigger button when the popover closes, maintaining keyboard navigation flow and improving the overall interaction experience.
  • Select Popover Refocus — The select input now refocuses when the popover closes, improving keyboard navigation and making the component feel more responsive.
  • Pill Focus Management — Focus is now returned to the primary button when the popover closes, enhancing keyboard accessibility.
  • Tag Focus Return — Focus now returns to the dropdown button when the popover closes, improving keyboard navigation accessibility.

Popover Enhancements

  • Popover Outside Scroll Closing — Popovers now close when users scroll outside them, with containment styling preventing scroll propagation, providing a more intuitive dismissal experience on both desktop and mobile.
  • Option List Scroll Containment — Custom scroll logic now detects scrollable ancestors and prevents scrollIntoView from cascading to parent windows in SDK iframes, ensuring reliable scroll behavior in constrained environments.

Mobile Action Sheet Improvements

  • Action Sheet Scrolling Markers — New data-action-sheet-scroll attribute lets developers control which slots scroll independently of fixed headers and footers, with comprehensive examples showing behavior across scroll boundaries and orientation changes.
  • Action Sheet Date Picker Integration — Action sheets now fully support date picker integration with improved mobile responsiveness, overscroll prevention, and proper scroll state management for calendar content.
  • Dropdown Action Sheet Scrolling — Documentation now shows how to mark popover slot roots with data-action-sheet-scroll to enable scrolling when content is hoisted to action sheets on constrained screens.

Data Table and Editable Field Improvements

  • Data Table Select-All Indeterminate State — The select-all checkbox now correctly reflects the indeterminate state when some (but not all) rows are preselected, ensuring the visual indicator always matches the actual selection state.
  • Data Table Sticky Header Layering — Sticky headers now stay visible above scrolled rows with proper z-index layering and box-shadow effects, making scrollable table containers feel more polished and visually clear.
  • Editable Field Discard Value Fix — Fixed a bug where discarded edits would leave a draft value displayed when consumers manage the editing property themselves; the component now properly restores the original formatted value when exiting edit mode.

Accessibility Improvements

  • Dropdown Item VoiceOver iOS Fix — Fixed an iOS 26 VoiceOver bug where setting role="menuitem" prevented proper announcement of option labels; the component now conditionally skips the role for dropdown items in menu mode while preserving roles for listbox mode.

Platform Capability Updates

  • platform-outlet() Auth Form Timing — Fixed a timing issue where auth form submissions were submitted before iframe insertion completed, potentially causing failures during module loading; forms are now properly deferred until iframe swaps finish.
  • platform-outlet() Loader Height Management — The outlet loading wrapper now only reserves space for loaders when they're actually configured to render, preventing unnecessary height reservation and improving layout efficiency.

Changelog

Component Features and Improvements (26 changes)

  • TCT-4227: Enhanced q2-date-picker to support date picker integration with improved mobile responsiveness, overscroll prevention, and proper scroll state management
  • TCT-4227: Added q2-date-picker component providing single date and date range selection through popover or action sheet interface
  • TCT-4228: New q2-date-calendar component extracted from q2-date-picker with core calendar UI, day selection, navigation, and date range functionality
  • TCT-4228: Enhanced q2-calendar with comprehensive test suite for calendar helper functions converting moment.js to date-fns formats
  • TCT-4228: Enhanced q2-action-sheet with CSS custom property and styling for date picker content padding
  • TCT-4462: Enhanced q2-action-sheet with scrolling marker support using data-action-sheet-scroll attribute
  • TCT-4462: Enhanced q2-dropdown with documentation for mobile action-sheet scrolling behavior
  • TCT-4462: Enhanced q2-select with documentation explaining popover slot forwarding limitations
  • TCT-4462: Enhanced q2-pill with documentation noting popover slot forwarding limitations
  • TCT-4462: Enhanced q2-tag with documentation clarifying slot content forwarding behavior
  • TCT-4227: Enhanced q2-action-sheet to support date picker integration with improved mobile responsiveness
  • TCT-3789: Enhanced q2-calendar with popover state handler to return focus to trigger button
  • TCT-3789: Enhanced q2-popover with scroll event listener management to close on outside scroll
  • TCT-3789: Enhanced q2-option-list with custom scroll logic preventing cascading to parent windows
  • TCT-3789: Enhanced q2-pill with improved popover state handler returning focus to primary button
  • TCT-3789: Enhanced q2-select with enhanced popover state handler refocusing select input
  • TCT-3789: Enhanced q2-tag with improved popover state handler returning focus to dropdown button
  • TCT-4373: Updated q2-btn to accept unprefixed workflow intent values
  • TCT-4373: Updated q2-action-group to support unprefixed workflow intent values
  • TCT-4373: Updated q2-dropdown to use unprefixed intent values directly
  • TCT-4373: Updated q2-action-sheet to use unprefixed 'primary' intent
  • TCT-4373: Updated q2-calendar to use unprefixed 'primary' intent
  • TCT-4373: Updated q2-carousel to use unprefixed workflow values
  • TCT-4373: Updated q2-chart-donut with icon sprite loading validation
  • TCT-4373: Updated q2-context to use unprefixed intent values
  • TCT-4373: Updated q2-file-picker to use unprefixed 'primary' intent
  • TCT-4373: Updated q2-input to use unprefixed 'secondary' intent
  • TCT-4373: Updated q2-item to use unprefixed 'primary' intent values
  • TCT-4373: Updated q2-modal to use unprefixed intent values
  • TCT-4373: Updated q2-otp to use unprefixed 'primary' intent
  • TCT-4373: Updated q2-search to use unprefixed 'secondary' intent
  • TCT-4373: Updated q2-surface to use unprefixed 'primary' intent
  • TCT-4373: Updated q2-tooltip to use unprefixed 'primary' intent value

Bug Fixes (18 changes)

  • TCT-4099: Fixed q2-carousel focus management for dynamic pagination dots
  • TCT-4099: Enhanced q2-chart-area with keyboard navigation support
  • TCT-4099: Enhanced q2-chart-bar with keyboard navigation support
  • TCT-4099: Enhanced q2-chart-donut with improved keyboard navigation and announcements
  • TCT-3960: Fixed q2-option-list iOS 26 VoiceOver bug preventing proper label announcement
  • TCT-3960: Added q2-dropdown VoiceOver test tab for iOS accessibility testing
  • TCT-4416: Enhanced q2-item with keyboard activation support for Enter and Space keys
  • TCT-4416: Enhanced q2-date-picker with keyboard support for clickable items
  • TCT-4442: Updated q2-btn to unify press states and remove pointer-based focus styling
  • TCT-4442: Updated visual snapshots for q2-dropdown, q2-item, q2-modal, q2-otp, q2-tooltip, q2-card-image, q2-section, and q2-context
  • TCT-4380: Fixed q2-data-table select-all checkbox indeterminate state for preselected rows
  • TCT-4433: Fixed q2-data-table sticky header positioning with z-index layering and box-shadow
  • TCT-4467: Fixed q2-editable-field discard value bug leaving draft value displayed
  • TCT-4349: Fixed q2-date-picker flaky VR test with improved popover animation waiting
  • TCT-4416: Fixed q2-date-picker animation handling in visual regression tests using Promise.allSettled
  • TCT-4417: Fixed q2-platform-outlet timing issue with auth form submission and iframe insertion
  • TCT-4459: Fixed q2-platform-outlet loading wrapper to only reserve space when loaders render
Need to see which version of Tecton is bundled with your UUX version? See the UUX Tecton Versions page.

Releases Displayed: 0

No releases match the current filters.