You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
text colors expanded to 5 with an addition of new color
new status-4 color added along with updated to existing 3 status colors
accent colors expanded to 16 options with support for 3:1 contrast ration for colors from accent-1 to action-10 and 4.5:1 contrast ratio from accent-11 to accent-16
Grid
breakpoints updated
Spacing
Spacing updated and 4 common sizes are now available as tiny, small, medium and large
Type
Type scale updated to support 8 sizes: -1, 0(base), 1, 2,3, 4, 5 and 6
Type weight update to support 3 weights: light, normal, bold
New Components
Shell branding
Adds a prototype/early demonstration of a product-switcher component. Structured to only be used for demo purposes at the moment.
Adds shellbar component to serve as the source of truth for the headers of SAP user interfaces.
Adds shellbar-collapse component to render hidden "header actions" in a list on mobile breakpoints. Will also include some functionality around counting / displaying notifications globally and inline in the list in the near future.
Adds the base of shellbar-search which will be the search experience in the shellbar.
Adds the user-menu component which will serve as a users main account navigation in the header.
Adds product-menu component to serve as a top level navigation in the shellbar.
Component Improvements
Compact mode(--compact) for input elements including - button, form input, form select, input-group, combobox-input, date-picker, time-picker, search-input, localization-editor, multi-input
RTL support for alerts
dropdown arrow size improvements
fd-tag deprecated and renamed to fd-token(fd-tag will continue to work untill v1.5 release)
Improved keyboard and RTL support for checkboxes and radio
Improved kayboard support for fd-link
Input Labels now required to have : (colon)
Butttons updated to emphasized, regular(default) and light options and 5 type as action(default), standard, positive, medium, negative
Table background
Adds left, right, and no-arrow modifiers to fd-popover
Bugs Fixes & Improvements
Clean up empty CSS rules
Update gems ffi and nokogiri to latest versions
The col layout classes now stack below all m breakpoints.
inline-help now has center align option
Updated hover, selected, hover-selected states for buttons, lists and tables
Adds display utility classes in scss/helpers/_display.scss.
Adds scss/layout/shell.scss to be the foundation for the main overall shell UI containers/layouts/classes. Heavily influenced / currently copied from scss/layout/ui.scss.
Adds a handful of breakpoint utility functions (from bootstrap) in scss/mixins/_breakpoints.scss.
Adds fd-link mixin for styling links with a variety of options for state classes.
Adds fd-rtl mixin for assisting with right-to-left needs in components.
Updates template inheritance and our layout classes to reflect the movement towards a unified shell.
Upcoming deprecation of components
global-nav will be deprecated in the v1.5.0 release
mega-menu will be deprecated in the v1.5.0 release