Foundational Changes
Colors
action-2
color addedshell-1
andshell-1
colors addedtext
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 fromaccent-1
toaction-10
and 4.5:1 contrast ratio fromaccent-11
toaccent-16
Grid
- breakpoints updated
Spacing
- Spacing updated and 4 common sizes are now available as
tiny
,small
,medium
andlarge
Type
- Type scale updated to support 8 sizes:
-1
,0
(base),1
,2
,3
,4
,5
and6
- 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 theshellbar
. - 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 theshellbar
.
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 improvementsfd-tag
deprecated and renamed tofd-token
(fd-tag
will continue to work untill v1.5 release)- Improved keyboard and RTL support for
checkboxes
andradio
- Improved kayboard support for
fd-link
- Input Labels now required to have
:
(colon) - Butttons updated to
emphasized
, regular(default) andlight
options and 5 type asaction
(default),standard
,positive
,medium
,negative
- Table background
- Adds
left
,right
, andno-arrow
modifiers tofd-popover
Bugs Fixes & Improvements
- Clean up empty CSS rules
- Update gems ffi and nokogiri to latest versions
- The
col
layout classes now stack below allm
breakpoints. inline-help
now has center align option- Updated
hover
,selected
,hover-selected
states forbuttons
,lists
andtables
- Adds
display
utility classes inscss/helpers/_display.scss
. - Adds
scss/layout/shell.scss
to be the foundation for the main overallshell
UI containers/layouts/classes. Heavily influenced / currently copied fromscss/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 thev1.5.0
releasemega-menu
will be deprecated in thev1.5.0
releasetag
will be deprecated in thev1.5.0
releasetoolbar
will be deprecated in thev1.5.0
release