2.7.1

2.7.1

24 December 2018

Bug Fixes

Loader

• elastic style had wrong color applied b19c2d1

2.7.0

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 `im...

2.6.4

2.6.4

15 November 2018

Changes and new Features

Calendar

• add disabledDaysOfWeek setting dd957bc
• add ability to disable specific date(s) 3f7bc5d
• add timegap setting to expand time selector 2f05013

Dimmer

• add support for using dimmers only partially on top,center,bottom e85b8e5

Item

• add inverted variant a52c665

Popup

• add size modifiers to none javascript popup c284ecd

Progress

• inverted colors text will black instead of white 78dece2

Statistic

• add stackable variation dd04a90

Bug Fixes

Dimmer

• make dimmer text more readable 81e3934
• stop events when outside scope b9551d8

Dropdown

• IE11 got focus on submenu selection again 63bc9a8
• fix for menu bubbling 0620309
• make sure to also clear filtered items when clearing 6b39072
• prevent multiselection dropdown being pushed down de7134d
• prevent user selection 40374b8
• prevents close/open bubbling 6ed8db1
• remove top margin from simple dropdown items to prevent submenu vanishing 627e808
• showOnFocus will not prevent dropdown opening 22a25fa

Icon

• corner icon size in header icon f812030
• icon group alignment 91ea667

List

• data-value on <div> list items is ignored 6af1487
• icon and wrapped image were not inline and wrapped or wrongly aligned 5b7ebae

Menu

• dropdown inside menu should not reflect menu styling 216f03f
• make the pointing tips in inverted menu reflecting menu background color ad2f57e

Modal

• basic modal and inverted modal on inverted dimmer had wrong close icon color c4c8037
• image and content does not wrap 83aa9e2

Popup

• correct module.supports.svg method 7828b2f

2.6.3

2.6.3

18 October 2018

Changes and new Features

Calendar

• add ability to set minDate and maxDate with HTML attributes a6a3323
• add disabled state ab3532d

Toast

• add color variants 36228f0

Misc Changes

• • Display error background for transparent input & textarea e0f54ea
• Always render parent 'text-box', support 'top attached progress', show icon only, if class exists ccf7ad0
• Make opacity an option (default 1), removed flat class 00eb26a
• Support hoverfloating for message aswell 6a22d11
• Support inverted transparent textarea 31ed000
• Support string for showIcon to use individual icons c4c35c6
• Toast progressbar, closeEasing, Bugfixing, message support 0653860
• animate scale instead of width dc2c5c8
• better approach without using !important, thanks @ColinFrick 05655ef
• finally simplified now... 09140ba
• force display:none, fixes SUI #6608 where placeholder was overriding display:none 1566bfb
• less variables instead of fixed values ae61e96
• moved declaration to proper position in less file 6cce552
• moved to proper places. Increased specificity of medium and light to still work with "simple" e8d6058
• removed unnecessary whitespace 74872b7
• simplified again to existing transparent definition 7f8fff2
• support true/false/'top'/'bottom' for showProgress parameter. No need to set the proper className for progress anymore f7bc317

Bug Fixes

Button

• support less 2.7 cc624fd

Icon

• fix corner position when using some icons in group aeed770

2.6.2

2.6.2

2 October 2018

Misc Changes

• Revert "Merge branch 'acc-upgrade-gulp4' of github.com:acconrad/Semantic-UI into beta" 8ddac35

2.6.1

2.6.1

2 October 2018

Changes and new Features

Button

• move consequence variations to mixin be22acd

Dropdown

• Fix icon position over searchentry, stay focussed on keyboard entries 7d0276f

Misc Changes

• Missing src file 4ea71e5
• changing Composer package's name to Fomantic UI 919ffd3
• chaning Bower's package name 7f50759

Bug Fixes

Modal

• increase importance of legacy modal class definition (scrolling) c4eed66

2.6.0

Version 2.6.0 - September 18, 2018

Reason behind version jump: The new 2.6 release might look a little funny since we just released 2.5 but we thought it was necessary to bump a minor patch since the new SUI release introducing a new component and we want to stick to the SUI versioning scheme. We also added the new toast component so we didn't have to wait until the next feature release.

New Components

• Toast - Added a new toast component Thanks @prudho #122

Bugs

• Header - Fixed header content not being displayed when in an accordion element Thanks @ColinFrick #103
• Menu - Fixed inconsistent icon spacing in dropdown menus Thanks @prudho #111
• Checkbox - Fixed before(Un)Checked firing on init Thanks @ColinFrick #115
• Message - Fixed colored floating messages not having box shadow Thanks @ColinFrick #124

Enhancements

• Calendar - Added support for showWeekNumbers to show the week number on the left of the calendar Thanks @lubber-de #113
• Modal - Pressing ESC now only closes the currently active modal when multiple are present Thanks @prudho #118

The following changes where merged from a new Semantic-UI release

2.4.0 includes a new component placeholder. To use this component in your existing SUI site, be sure to add @placeholder: 'default'; to your theme.config. You can see an example in theme.config.example

New Components

• Placeholder - Added ui placeholder that can be used to show where content will soon appear.

New UI Type

• Segment - Added new ui placeholder segment used to reserve space for UI when content is missing or empty.

Major Enhancements

• Dropdown - Added clearable dropdowns. When clearable: true is specified an (X) will appear to clear dropdown selection #2072
• Modal/Dimmer - Modals and dimmers now include a new setting useFlex which defaults to auto. Modals and dimmers will automatically revert to using non-flex layouts when there may be layout issues with using flexbox. Modals will fall back to JS position when detachable: false is used or with IE11/Edge (Absolutely positioned elements inside flex containers in IE behave differently).

Critical Bugs

• Modal - Fixed issue where scrolling modal would not allow for scrolling with touch devices. #6449
• Label - Fixed issue where basic label were appearing incorrectly Thanks @lasley and @ColinFrick #6582 #6440
• Menu/Dropdown - Fixed left menu inside ui menu would display horizontally as flex #6359

Bugs

• Dimmer - Dimmer now sets variation at runtime, to support run-time swapping between top aligned and middle aligned using .dimmer('setting', 'variation', 'top aligned')
• Dropdown - Fixed issue where onChange when used with action: hide would be missing the third param $item #6555
• Flag - Add uk alias for united kingdom Thanks @PhilipGarnero #6531
• Icon - Fixes missing disk outline icon alias #6556
• List - Fixed issue where list content would not take up 100% width when used alongside img or icon
• Menu/Dropdown - Fixes dropdown item margin not obeyed inside labeled icon menu #6557
• Modal - Fixes @mobileTopAlignedMargin theming variable was not implemented
• Modal - Modal now will remove blurring after undimming, to prevent issues with position: fixed #6520

Minor Changes

• Dropdown - inline dropdown close icon default right margin default spacing slightly modified.

2.5.0

Version 2.5.0 - September 3, 2018

Major Enhancements

• Calendar - Added the calendar module 🎉 big thanks to @mdehoog for creating the module and thanks to @prudho for the port #8
• Range - Added the range slider module 🎉 big thanks to @tyleryasaka for creating the module and thanks to @hammy2899 fro the port #78
• Icons - Updated icons to FontAwesome 5.3.1 Thanks @hammy2899 #6395 You can also generate the icons yourself including FA5 Pro using the fomantic-ui-icon-script

Enhancements

• Loader - Added color variants Thanks @hammy2899 #73
• Label - Added primary and secondary colored variants Thanks @hammy2899
• Search - Added ability to disable action link via actionURL: false Thanks @hammy2899 #6490
• Menu - Added center modifier allowing center aligned menus and tabs Thanks @ColinFrick #5589
• Flags - Added uk as an alias for United Kingdom Thanks @hammy2899
• Comments - Added inverted variation Thanks @prudho #88
• Feed - Added inverted variation Thanks @prudho #89
• Form - Added transparent variation for textareas Thanks @LewHgh
• Step - Added inverted variation Thanks @prudho #93
• Cards - Added horizontal variation Thanks @hammy2899 #6534
• Cards - Added inverted variation Thanks @prudho #3478
• Grid - Added compact and very compact variations Thanks @prudho #99

Bugs

• Label - Fixed ribbon label background color Thanks @hammy2899 #6497
• Search - Fixed set value unable to work inside onSelect callback Thanks @hammy2899 #6454
• Checkbox - Fixed toggle not having checked class when initialized in a 'checked' state Thanks @ColinFrick #2506
• Build Tools - Fixed update not working because of incorrect repo name Thanks @hammy2899 #84
• Accordion - Fixed an issue making inactive accordions have wrong display value when using different HTML elements Thanks @ColinFrick #6351
• Step - Fixed weird counter behavior Thanks @prudho #92
• Build Tools - Fixed compatibility issue with less >= 3.5 due to math changes Thanks @ColinFrick #6512

2.4.4

Version 2.4.4 - July 26, 2018

Enhancements

• Loader - Added speed variants slow (.9s) and fast (.3s) and default (.6s) Thanks @LewHgh #6138
• Rating - Add the ability to start a disabled rating trough the disabled class Thanks @prudho #76

Bugs

• Dropdown - Fixed clearable dropdown icon margin Thanks @prudho #67
• Dropdown - Fixed pointing menu pointer still shown after menu is collapsed Thanks @prudho #70
• Icon - Fixed icon group margin when inside a button Thanks @prudho #68
• Icon - Fixed icon group position when inside of menu items Thanks @prudho #6491
• Header - Fixed incorrect attached header top margin Thanks @prudho #5436
• Form - Fixed textarea incorrect font-family Thanks @hammy2899 #5546

2.4.3

Version 2.4.3 - July 9, 2018

Bugs

• Dropdown - Fixed inverted dropdown message color being applied to all dropdowns Thanks @hammy2899 #58
• Build Tools - Fixed docs build tools error when using latest node version Thanks @hammy2899 #54
• Button - Fixed tertiary buttons having basic background on active state Thanks @hammy2899 #60

The following changes where merged from a new Semantic-UI release

Bug Fixes

• Search - Passing in cache: false will now affect default settings for apiSettings when using a remote endpoint. Previously you would also have to pass in apiSettings: { cache: false} as well
• CSS - Update LESS syntax to be compatible with LESS 3.0 Thanks @sciyoshi #6447
• Icon - Several icon names have been deprecated due to incompatibility with transition in and transition out used in animations.

• linkedin in is now linkedin alternate
• zoom in is now zoom-in
• zoom out is now zoom-out
• sign in is now sign-in
• sign out is now sign-out
• log out is now logout
• in cart is now in-cart