Releases: SAP/fundamental
Releases · SAP/fundamental
v1.3.1
v1.3.0
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
v1.2.2
Bugs Fixes & Improvements
- Removes the opinion of
width: 100;
from thefd-popover
component encouraging anyone who is consuming the component to specify their desired widths. - Adds the opinion of
display: inline-block;
to thefd-popover
component encouraging anyone who is consuming the component to specifydisplay: block;
if needed (commonly used in input scenarios). - Adds
width: 100%
to thefd-combobox-input
popover body &display: block;
to the popover. - Adds
width: 100%
to thefd-multi-input
popover body &display: block;
to the popover. - Adds
width: 100%
to thefd-search-input
popover body &display: block;
to the popover. - Adds
fd-popover__body--right
andfd-popover__body--left
modifiers to thefd-popover
component. - Adds a
fd-focus
mixin that can be used on any component to add our default box-shadow/glow when a component is focused on the page. - Includes
fd-focus
on: Buttons, Alerts - Close Button, Input Group - Add on Button, Modal - Close Button, and Tree - Expand/Collapse Buttons (anywhere thefd-button-rest
is used and specifically settingoutline: 0;
. We can now drop this mixin on anything we’d like to add a focus state to. - Adds more specificity to
fd-action-bar__actions
contents, targetingbutton
to keep appropriate margins.
v1.2.1
Bugs Fixes & Improvements
- Corrected issue with the misplacement of
%fd-form-base
in the SCSS codebase resulting in duplicatedinput[type=‘checkbox’]
andinput[type=‘radio']
code in compiled CSS. Restores the intended organization for core/forms files. - Corrected issue with the width of
dropdown
components on the documentation site. - Corrected issue with
radio
border-radius rendering on documentation site. - Corrected issue with documentation padding styles having a negative result in the presentation of
tile
. - Added documentation for the Neutral 4 color.
- Corrected visual issues with
toggle
in documentation/testing sites. - Corrected issues with
input-group
addons not visually matching in height with eitherinput
ortextarea
next to them. - Added Node LTS 8.12.0 as a project requirement. Later versions of Node are currently not supported and confirmed working. Anyone currently experiencing
npm install
orgulp
errors locally should confirm their current local version of Node.
v1.2.0
New Components
- Multi-Input
- Combo-Box
- Search-Box
- Localization-Editor
Component Improvements
- Table - sortable column and fixed column styling
- Menu - added support for
<hr>
, addon item for icons.
Bugs Fixes & Improvements
- Removed NPM as a direct dependency, using it as engine instead.
- Fixed critical and some high severity security vulnerabilities with non-breaking changes
- Forms - Color and hover states updates
- Toggle - Color, active and disabled states updates
- Contextual Menu width issues
- Responsive layout improvements - Reduced extreme padding on smaller screens
- Background color toggle on component display in the documentation pages
- Color Palette Update & Addition -
status-1
,status-2
colors updated,neutral-4
added - Page container height fix - no more unnecessary scrollbars
v1.1.0
New Components
- Time / Time Picker
- Calander / Date Picker
- Menu / Popover
- Status Label
Updated Components
- Action Bar - Responsive support added for smaller screens
- Alert - Minor design changes to address transprency issues and document palcement on a demo page
- Button updates - hover, down and active states added, renamed Main button to Action Bar Button
- Badge & Label - Minor design change to reduce the font size
- Modal - Minor design changes, change button from action bar to primary
- Number input group - Minor design changes, change he up and down icon used
- Input Field and Dropdown - Minor design changes. markup updated with change in icon
- Panel - Added support for description field
v1.0.0
The v1.0.0 release is here! We are dropping beta and this is ready for prime time and the Documentation site is now up to date.
Improvements:
- We are out of beta
- Bug fixes on the
dropdown
component - Removal of deprecated components (
cards
,card-group
,toolbar
) - Clean up and removal of legacy files
- Documentation update to Layouts section
- Documentation update to colors, grid, spacing and type pages
- Starter pages are now "Demo" Pages. We have added application layouts here as well.
v1.0.0-beta-5
This is a patch release with the following changes
Components added
- Tag
- Tile
- Product Tile
- Tile Grid
Components Updated
- Dropdown
Components deprecated/removed
- Card
- Card Group
- Toolbar
v1.0.0-beta-4
- Fundamental UI v1.0.0-beta-4 feature the new Moduler Design System look and feel.
- New updated color palette
- New Spacing system
- New Expanded Icons library
- New Font and Type system
- Most of the components have been refactored to work with the new design system.
- and much much more...
v1.0.0-beta-3
Improvements
- #72 Removed the icons dependency on standalone components
- #58 The Pagination component is now simplified
- #71 The base spacing and base font size are now default to allow better customization
- #90 Changed references to the old name
- #70 Fixed components to inherit the proper font style
- Other related issues at https://github.com/SAP/fundamental/milestone/2?closed=1