github SAP/fundamental v1.3.0

latest releases: v1.7.11-rc.2, v1.7.11-rc.1, v1.7.11-rc.0...
5 years ago

Foundational Changes

Colors

  • action-2 color added
  • shell-1 and shell-1 colors added
  • 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
  • tag will be deprecated in the v1.5.0 release
  • toolbar will be deprecated in the v1.5.0 release

Don't miss a new fundamental release

NewReleases is sending notifications on new releases.