fomantic/Fomantic-UI 2.7.0

on GitHub

Version 2.7.0 - December 21, 2018

Announcement

With 2019 around the corner and a lot of discussion we (core contributors) have agreed to move our core focus to FUI v3.0. This doesn't mean we won't be working on 2.x but means releases may be slowed down a little due to more work being put into v3.0. You can read more about the future of FUI and v3.0 here

NOTES:

• With this release we removed the dependency of prompt-sui which removes the child dependency of event-stream this ensures that the library won't be downloading any (now deprecated) malicious code. If you want to learn more about the recent security issues with event-stream please read this issue.
• In this release we had a big focus on removing a lot of the !important usage which inturn produced lots of issues. Now with a big help from our core contributors we have removed ~85% of the usage and reduced the complexity of a lot of the color code base which makes it easier to make changes and helps reduce the size of the general code base aswell as removing duplicate code.

UPGRADE NOTES:
Gulp 4.0 introduced a new syntax to define tasks, that's why we had to introduce some changes to our gulpfile.js.

The new gulpfile.js can be found under tasks\config\npm\gulpfile.js. If you haven't changed the generated gulpfile.js in your fomantic destination folder you can just replace it with the new one. Otherwise you have to adopt the changes introduced in the file yourself.

For example if your fomantic destination directory is semantic:

• semantic\tasks\config\npm\gulpfile.js => semantic\gulpfile.js

Major Enhancements

• Build - Added support for gulp4 Thanks @ColinFrick #179
• Slider - Previously known as range the slider component has been renamed Thanks @prudho #290
• Global - Removed deprecated jQuery functions and replaced them with custom ones Thanks @lubber-de #282

Enhancements

• Slider - Added ability to have smooth or stepped sliders Thanks @prudho #290
• Slider - Added ability to label sliders which can be smooth or stepped at the label Thanks @prudho #290
• Slider - Added ability to have nonrestrictive steps Thanks @prudho #290
• Slider - Added ability to reverse sliders Thanks @prudho #290
• Slider - Added new size variations Thanks @prudho #290
• Slider - Added keyboard support Thanks @prudho #290
• Slider - Added basic and basic inverted variations Thanks @prudho #290
• Slider - Added vertical slider with all features Thanks @prudho #290
• Slider - Added a range slider variation (yes an actual range slider) Thanks @prudho #290
• Loader - Added double variation Thanks @lubber-de #301
• Loader - Added elastic variation Thanks @lubber-de #301
• Loader - Added dimmer support Thanks @lubber-de #301
• Loader - Loader will show same color as colored segments when inside loading segments Thanks @lubber-de #301
• Rating - Added ability to change the icon to any supported icon and change to any supported color Thanks @lubber-de #303
• Input - Add support for error label state with labeled inputs Thanks @prudho #257
• TextArea - Added support for corner labels and icons Thanks @lubber-de #276
• Search - Added support for API results to be an array instead of needing be wrapped Thanks @lubber-de #263
• Label - Added support for inverted, basic grouping and basic tag labels Thanks @lubber-de #116
• Toast - Correct the colors and make them more consistant with other components Thanks @lubber-de #197
• Table - Added ability to use all global colors in table cells Thanks @lubber-de #261
• Text - Added ability to add color to specific text Thanks @lubber-de #261
• Calendar - Added ability to add time gaps on time selector Thanks @prudho #198

Bugs

• Build - Fixed bug which made gulp hang on gulp build when using newer versions of node Thanks @ColinFrick #307
• Global - Improved LESS and CSS for linters Thanks @hammy2899 #292
• Global - Fixed some compiled CSS errors Thanks @prudho #275
• Dropdown - Fixed issue with not showing "no results" when filterRemoteData was false or response was empty Thanks @lubber-de #300
• Dropdown - Fixed issue with preselected values being ignored when data value fields had different names Thanks @lubber-de #285
• Dropdown - Fixed issue with submenu positions Thanks @lubber-de #194
• Dropdown - Fixed issue which stopped already selected items from filtering from a remote API Thanks @lubber-de #287
• Dropdown - Fixed clearable dropdown initialized with HTML select always showing the clear icon Thanks @lubber-de #271
• Dropdown - Fixed issue with enter key and multiple variation dropdowns with allowAdditions Thanks @lubber-de #250
• Modal - Fixed top header border radius Thanks @lubber-de #308
• Modal - Fixed issue with modal dimnmers closing when clicked even when onHide returned false when allowMultiple was true Thanks @lubber-de #284
• Modal - Fixed touch scrolling issue for dropdown, focused input and content scrolling Thanks @lubber-de #273
• Checkbox - Support onChange for cursor key navigation Thanks @lubber-de #295
• Visibility - Fixed issue with sticky content having large placeholders Thanks @hammy2899 #296
• Form - Fixed issue causing validation to break when id's had colon's in them Thanks @lubber-de #286
• Message - Fixed issue causing compact icon variation from having a 100% width Thanks @lubber-de #279
• List - Fixed issue with list conflicting with list icons Thanks @lubber-de #281
• Popup - Fixed correct usage for addTouchEvents Thanks @lubber-de #278
• Table - Fixed issue with images in table cells not working Thanks @lubber-de #227
• Table - Fixed table wide vertical text alignment Thanks @lubber-de #251
• Placeholder - Fixed issue with image icon getting wrong height applied Thanks @lubber-de #248

Security

• Search - Added more support for escaping insecure characters, handling untrusted data and preventing JS execution Thanks @lubber-de #298
• Dropdown - Added more support for escaping insecure characters, handling untrusted data and preventing JS execution Thanks @lubber-de #298
• Build - Removed prompt-sui which inturn removes event-stream Thanks @ColinFrick #309