feat(scaffold): refactor to use tokens and grid areas

[DRiFTy17]

Version

Published prerelease version: v3.0.0-next.22

Changelog

🎉 This release contains work from new contributors! 🎉

Thanks for all your work!

❤️ Paul Lapczynski (@tyl-paul-lapczynski)

❤️ Nick Andrews (@nickonometry)

❤️ Jonathan Earl (@jonathanearl-tylertech)

🚀 Enhancement

• feat(scaffold): refactor to use tokens and grid areas #527 (@DRiFTy17)
• feat: refactor <forge-date-picker> and <forge-date-range-picker> to use <forge-popover> and remove <forge-popup> from the library #526 (@DRiFTy17)
• feat(toast): refactored to use overlay and tokens #524 (@DRiFTy17)
• feat(app-bar-profile-button): refactor to use <forge-popover> #519 (@DRiFTy17)
• feat: remove legacy ripple and field styles/components #520 (@DRiFTy17)
• feat(chip-field): refactor to use <forge-field> #518 (@DRiFTy17)
• feat(label-value): refactor to use tokens #517 (@DRiFTy17)
• feat(forge-core): update core styles #512 (@DRiFTy17)
• [dialog] refactor to use native <dialog> #513 (@DRiFTy17)
• chore(switch): remove input elements and bring up to date with latest patterns #511 (@samrichardsontylertech)
• feat(stepper): refactor to use tokens, focus-indicator, and state-layer #496 (@tyl-paul-lapczynski @DRiFTy17)
• feat(card): refactor to use tokens #509 (@DRiFTy17)
• feat(icon): refactor to use tokens and improve performance #507 (@DRiFTy17)
• feat(select): refactor to use <forge-field> #506 (@DRiFTy17)
• feat(popover): automatically apply aria-expanded state on anchor element #501 (@DRiFTy17)
• feat(list-dropdown): refactored to use <forge-popover> instead of <forge-popup> internally #500 (@DRiFTy17)
• feat(expansion-panel): refactor to use CSS (grid) based animation and convert to use tokens and updated patterns #495 (@DRiFTy17)
• [@next][text-field] refactor to use field component #478 (@samrichardsontylertech @DRiFTy17)
• Next file picker refactor #492 (@nickonometry @DRiFTy17)
• [@next][button-area] refactor to use tokens, state-layer, and focus-indicator #489 (@nickonometry @derekmoss @DRiFTy17)
• Next page state #490 (@tyl-paul-lapczynski)
• feat(product-icon): remove product icon component #488 (@nickonometry)
• feat(popover): new delay property #487 (@nickonometry @DRiFTy17)
• feat(toolbar): refactor to use tokens #484 (@nickonometry @DRiFTy17)
• feat(chips): refactor to use tokens #483 (@DRiFTy17)
• feat(skeleton): tokenize forge skeleton #481 (@nickonometry @tyl-paul-lapczynski @DRiFTy17)
• Next stack refactor #482 (@nickonometry)
• [@next] create low level field component #456 (@samrichardsontylertech @DRiFTy17)
• feat(divider): refactor to use tokens #470 (@jonathanearl-tylertech)
• feat(banner): refactor to use design tokens and updated patterns #464 (@DRiFTy17)
• [@next][badge] refactor to use design tokens #463 (@DRiFTy17)
• [@next][inline-message] refactor to use tokens #462 (@DRiFTy17)
• [@next] port deprecated (2.x) button for backwards compatibility #454 (@DRiFTy17)
• [@next] refactor avatar to use design tokens #451 (@MikeMatusz)
• [@next] tooltip refactor #453 (@DRiFTy17)
• [@next] initial groundwork for a low-level "overlay" component #447 (@DRiFTy17)
• [@next] refactor button toggle #442 (@DRiFTy17)
• feat(theme): introduce new *-container-minimum theme colors, and ad… #441 (@DRiFTy17)
• feat(radio): refactor radio component #434 (@samrichardsontylertech @DRiFTy17)
• feat(button): add full width property/attribute #439 (@DRiFTy17)
• feat(app-bar-search): refactored to use tokens and updated patterns and API #438 (@DRiFTy17)
• chore: various additional changes to the app-bar sub-components, a11y updates, various bug fixes/cleanup #437 (@DRiFTy17)
• feat(app-bar): refactor to use tokens and new patterns #435 (@DRiFTy17)
• feat(floating-action-button): refactor FAB to use base button and tokens #432 (@DRiFTy17)
• feat(icon-button): refactored icon-button #431 (@DRiFTy17)
• feat: add new split-button component #430 (@DRiFTy17)
• [@next] refactor button component #420 (@DRiFTy17)
• feat(label): create label component #410 (@samrichardsontylertech @DRiFTy17)
• feat(checkbox): refactor checkbox component #409 (@samrichardsontylertech @DRiFTy17)
• [@next] refactor typography system #418 (@DRiFTy17)
• chore(theme): refactor theme tokens #417 (@DRiFTy17)
• feat(list): refactored list components #376 (@DRiFTy17)
• feat(switch): refactor switch component #382 (@samrichardsontylertech @DRiFTy17)
• feat(tokens): initial foundation for supporting global tokens #362 (@DRiFTy17)
• feat: refactored and organized global style and token structure #359 (@DRiFTy17)
• feat: created new state-layer component and updated theming #352 (@DRiFTy17)
• feat: created a new <forge-focus-indicator> component (for :focus-visible support) #341 (@DRiFTy17)
• [next] refactor tabs impl #340 (@DRiFTy17)
• [next] slider refactor #337 (@DRiFTy17)
• [next] refactor linear progress #331 (@DRiFTy17)
• feat(circular-progress): refactor to remove MDC #323 (@DRiFTy17)
• [next][dialog] static usage implementation #204 (@DRiFTy17)
• feat: sync package version after failed build (@DRiFTy17)
• feat: force prerelease (@DRiFTy17)
• feat: include bundled ESM in npm distribution package #105 (@DRiFTy17)

🐛 Bug Fix

• fix(dialog): use visible state attribute instead of open to control animations #523 (@DRiFTy17)
• test(radio): add tests #522 (@samrichardsontylertech)
• fix(select-dropdown): fixed a bug where the space key was triggering multiple click events due to bubbling when attached to a <forge-button> #508 (@DRiFTy17)
• chore(checkbox): remove input elements and bring up to date with latest patterns #505 (@samrichardsontylertech)
• fix(list): adjusted list and list-item styles to account for edge cases #503 (@DRiFTy17)
• fix(field): updated "popover target" element styles to cover entire field container to fix anchor placement fallback positioning issues #502 (@DRiFTy17)
• fix(field): isolate stacking context #497 (@DRiFTy17)
• fix(page-state): include jsdocs #494 (@tyl-paul-lapczynski)
• fix(list): fixed keyboard navigation and used gap instead of margin for leading/trailing slots #459 (@DRiFTy17)
• fix(tooltip): ensure white-space style is not inherited from ancestors to avoid overflow with wrapping text #473 (@DRiFTy17)
• fix(overlay): update how flip positioning is handled #467 (@DRiFTy17)
• feat(banner): add before dismiss event and theme updates #466 (@DRiFTy17)
• chore(docs): fix storybook build (@DRiFTy17)
• [@next] refactor setDefaultAria to use ElementInternals as fallback #445 (@DRiFTy17)
• [@next] general cleanup, fixes, and organization #444 (@DRiFTy17)
• chore: refactor token organization and usage patterns #440 (@DRiFTy17)
• [@next] chore: refactor slider to extend BaseFormComponent #427 (@DRiFTy17)
• chore(list-item): improve anchor handling and semantics #423 (@DRiFTy17)
• chore: general cleanup and consistency sweep #421 (@DRiFTy17)
• Merge branch 'main' into next (@DRiFTy17)
• chore: fix sb build (@DRiFTy17)
• chore: fix storybook deps (@DRiFTy17)
• fix: fix publish automation (@DRiFTy17)
• fix: fix auto version calculation (@DRiFTy17)
• chore: update package-lock (@DRiFTy17)
• [next] fix dialog story #211 (@DRiFTy17)
• fix: package-lock sync (@DRiFTy17)
• fix: remove base branch from shipit command (@DRiFTy17)
• fix: update release workflow to only publish on pre-release tags (@DRiFTy17)
• chore: prepare next branch (@DRiFTy17)

⚠️ Pushed to next

• Merge branch 'main' into next (@DRiFTy17)

Authors: 7

• Derek Moss (@derekmoss)
• Jonathan Earl (@jonathanearl-tylertech)
• Kieran Nichols (@DRiFTy17)
• Mike Matuszak (@MikeMatusz)
• Nick Andrews (@nickonometry)
• Paul Lapczynski (@tyl-paul-lapczynski)
• Sam Richardson (@samrichardsontylertech)

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

🚀 PR was released in v3.0.0-next.22 🚀