Features and Updates

Spacing and Sizing Audit

Updated global system for Typography properties (e.g.font-size,line-height, etc) and Spacing (e.g.margin,padding, etc) across all base styles and components to tighten spacing and alignment to a stricter4px rhythm and baseline grid. (#522,#496,#526,#524,#525,#515,#521,#518,#529,#523)

Prefix and Suffix Variants

Allow text symbols (e.g. $, lbs, %, etc) or relevant icons (e.g. credit card) for increased context of form values. (#535)

• Text Input (#540)
• Spinbox (#541)
• Field (#542)

Other

• Added--fill as preferred variant naming convention for "full-width". Examplefsa-btn--fill (#545,#547,#548,#549,#546)
• Removedborder-radius on--flat and--plain button variants (#517)
• Growl Notification: usefsa-level for actions (#519)
• Contrasting and affordance for Date Picker and Spinbox Targets (#536)
• Addedfsa-select-multi--error state (#552)
• SCSS: consolidatedborder-radius variables/tokens properties (#520)
• SCSS: updates use of Sass mixin forfont-size (#518)
• BUG: close icon for Inline Alert, Modal, and Notification components (#553)
• BUG: Fixed RWD Viewer for fake browser chrome (#513)

Milestone Features and Issues

https://github.com/USDA-FSA/fsa-style/milestone/34?closed=1

Compare against previous release

2.6.1 > 2.7.0