New
- Home Page - Home Page doc site page added. This update includes hamburger navigation and layout updates, general doc site style updates, and content updates.
- Card - Card doc site page added in Components
- List - List doc site page added in Components
- Page Shell - Page Shell doc site page added in Components
- Depth - Depth doc site page added in Visual Style
- Image Ratio - Token variables added for default image size ratios
- Image - Code - Image macro and sink page added to library for consistent image markup output and styles when
object-fit
is used. Macro now used in card and list components
- Form Input with Button - Code - Library sink page and styles added along with updates to form field group macro to allow for form input with a button
- Password Input with Toggle - Code - Library sink page and styles added along with updates to form input macro to allow for password input with toggle
Enhancements
- Card - Update image output and styles using new Image macro in library for enhanced consistency and xbrowser fixes
- Card - Update images and text used for card demo purposes for better quality and to match existing JDRF.org content
- List - Update image output and styles using new Image macro in library for enhanced consistency and xbrowser fixes
- Long Form Text - Alignment classes and styles added
- Forms - Refine form grid to use maintain 16px gutters across all breakpoints
- Icons - Add JDRF icon to icon library
- Getting Started for Designers - Content and links updated
- Form Legend - Style - Override default browser styles in reset
- Spirit Button - Style - When in Long Form Text, remove default browser margin in library sink page
Fixes
- Icons - Update provided svg icons to all use paths instead of strokes for cross browser compatibility and more reliable styling and output
Enhancements
- Form - Using npm package inputmask, added the ability to add date and phone input masks
- Long Form Text - Modified margin & padding to refine the design for small screens
- Icons - added
more-vertical
, log-in
, log-out
, list-ordered
icons
Fixes
- Long Form Text - fix style bug when
.spirit-button
contained within long form text when also within .spirit-context--brand
container where button text was unreadable and the same as the background
- Forms - fix checkbox and radio buttons not checking in some browsers
Deprecated
- Tile - removed from system
New
- Home Page - Home Page doc site page added. This update includes hamburger navigation and layout updates, general doc site style updates, and content updates.
- Card - Card doc site page added in Components
- List - List doc site page added in Components
- Page Shell - Page Shell doc site page added in Components
- Depth - Depth doc site page added in Visual Style
- Image Ratio - Token variables added for default image size ratios
- Image - Code - Image macro and sink page added to library for consistent image markup output and styles when
object-fit
is used. Macro now used in card and list components
- Form Input with Button - Code - Library sink page and styles added along with updates to form field group macro to allow for form input with a button
- Password Input with Toggle - Code - Library sink page and styles added along with updates to form input macro to allow for password input with toggle
Fixes
- Card Grid - fix ie11 rendering of cards (xbrowser)
- Container - fix style bug on wave background padding
New
- Home Page - Home Page doc site page added. This update includes hamburger navigation and layout updates, general doc site style updates, and content updates.
- Card - Card doc site page added in Components
- List - List doc site page added in Components
- Page Shell - Page Shell doc site page added in Components
- Depth - Depth doc site page added in Visual Style
- Image Ratio - Token variables added for default image size ratios
- Image - Code - Image macro and sink page added to library for consistent image markup output and styles when
object-fit
is used. Macro now used in card and list components
- Form Input with Button - Code - Library sink page and styles added along with updates to form field group macro to allow for form input with a button
- Password Input with Toggle - Code - Library sink page and styles added along with updates to form input macro to allow for password input with toggle
Enhancements
New
Enhancements
- Icons
- Typography - simplified font loading
- Long Form Text - modified heading spacing
New
- Color Tokens, Sketch, and documentation
- Icons Code, Sketch, and documentation
- Space Tokens, Sketch, and documentation
- Buttons Code, Sketch, and documentation
- Cards - Code and Sketch
- Containers - Code and Sketch
- Forms - Code and Sketch
- Feedback Messages - Code and Sketch
- Grids - Code and Sketch
- Links - Code and Sketch
- Lists - Code and Sketch
- Long Form Text - Code and Sketch
- Tiles - Code and Sketch
- Vertical Navigation - Code and Sketch
- Elevation - Tokens
- Typography - Tokens