Version 1.0.0 - November 24, 2014
Breaking Changes
- Word Order - Many multi word variations now require proper word order, for example
left aligned
orright floated
classnames must be adjacent. This is to prevent conflicts with other multiple word variations - Form - Date field has been removed, use a
ui icon input
with acalendar icon
instead - Label - Corner labels no longer support text, only icons.
- Dropdown - Sub menus inside dropdowns now need a wrapping div text around sub-menu descriptions
- Checkbox - Checkbox "enable" and "disable" have been replaced with "check" and "uncheck"
- Modal - Modal
left
andright
sections are now replaced withimage
anddescription
- Accordion - Accordions are now unstyled by default allowing for simpler coupling with other UI without having to override styles. Styled accordions are now included as a variation
ui styled accordion
- List - List item selectors are now more strict, list items must be immediate children of
ui list
orui list list
- Item - 0.x.x's UI card has been adjusted heavily. Vertically listed content should use
ui item
while floated grouped content should continue to useui card
. Some 'card' view content has been slightly adjusted. Please refer to documentation - Header / Icon - Inverted headers and icons no longer invert background colors, but instead use a lighter version of colors more legible on dark backgrounds. Inverted circular icons, still however invert the color of the circle.
- Input - Labeled inputs now have
corner
left
andtop
label types. Any labeled inputs should be converted tocorner labeled input
to preserve functionality from0.x
- Modal - allowMultiple (allowing multiple modals at once) is now set to false by default.
- Table - Tables are no longer striped by default, instead you must specify the 'striped' variation
- Transition - Complete, and Start callbacks are now
onComplete
andonStart
Enhancements
- General - CSS animations now hint with will change properties to increase performance in supported browsers
- General - Many modules now use DOM Mutations and event delegation to allow content adjustment after initialization
- Accordion - Accordion now includes all icons in an embedded font instead of requiring icons
- Button - Now has compact form, used for fitting into tight spaces
- Button - Now has CSS loaders to allow loading state to maintain other styles
- Checkbox - Now correctly handles read-only and disabled, has read-only and disabled states
- Checkbox - All styles have been redone. Standard checkboxes are now based around PX and not EM making sure there are no unusual circles or rounding issues. Checkboxes also now use a custom font for glyphs instead of CSS tricks.
- Checkbox - Checkbox now have a
fireOnInit
setting for firing callbacks on page load - Checkbox - Checkbox now receive a
checked
class when checked, making it easier to write css selectors on checked checkboxes, for example when using sibling selectors.ui.checked.checkbox + .content { // style }
- Dropdown - New dropdown type, searchable selection for large lists of choices
- Dropdown - Dropdowns can now be initialized directly on a
<select>
element without any html - Dropdown - New action combo will change text of adjacent button, select will select element but not change text
- Dropdown - Many new content types now work inside dropdowns, headers, dividers, images, inputs, labels and more
- Form - Form now has a success state which will automatically display success messages
- Dimmer - Dimmer will now automatically determine whether click-to-close is enabled by
settings.on
- Dimmer - Multiple dimmers can now be used on the same context with
dimmerName
- Dimmer - Dimmer variations can be specified when creating a dimmer from javascript using
variation
setting. - Form - Grouped fields and inline fields can now have labels
- Form - Forms in 'success' state will now show success messages inside
- Form - Inputs now use 1em font size and correctly match selection dropdown height
- Form - Inverted form now properly styles loader
- Form - New field type
required
formats labels to show filling out field is mandatory - Grid -
ui divider
can now be used inside of row columns as well asvertically divided grid
variation - Grid - Grid rows and columns now support color variations
- Grid - Grid has been rewritten to automatically create row flow without row wrappers
- Grid - Divided and celled grids can now be inverted for dark backgrounds
- Grid - Elements inside a grid that are not rows or columns will now align properly
- Grid - Fixed page grid allows for fixed pixel size containers used with a grid instead of percentage
- Grid - Vertically divided grid now does not include left/right gutters in divider
- Header - Linked headers now receive link colors
- Image - New
bordered image
variation - Item - Items now have a horizontal list view for content lists
- Label - Added tag label and empty circular label style
- Label - Now has compact form, for fitting into tight spaces
- Label - Now has more sizes available
- List - Child lists can now be formatted to sit inside text content
- List - List images can now specify vertical alignment
- List - List spacing defaults have been adjusted to be more consistent
- Popup - Popup can now allow itself not to be closed when hovered over
- Popup - A popup element can now be specified on initialization.
- Reveal - Reveals now all use css properties with GPU acceleration
- Popup - Positioned popups will now extend in the opposite direction to fit better with floated content
- Rating - Rating now uses an embedded icon font to maximize compatibility
- Rating - Rating can now automatically generate icons without including them
- Rating - Rating can use data attributes to specify individual ratings
- Sidebar - Sidebar now has tall / very tall variations for resizing top/bottom sidebars
- Shape - Shape now is better at calculating sizes when animating
- Shape - You can now disable repeated animations by setting, so animation wont queue if side is currently visible
- Steps - Steps can now have icons, descriptions and titles. Step default theme has been modified significantly to be more flexible.
- Table - Tables now have 'basic' and 'very' basic variations
- Transition - Transition will now keep block position of elements hidden with visibility hidden
- Transition - Transitions now will handle multiple display types more consistently
- Transition - Transition now has a new
start
callback, before animation starts - Transition - Complete callback now does not occur if animation is interrupted before completing
- Transition - You can now specify the final displayType of a transitioning element in metadata or settings (not just automatically detected)
- More untracked changes we're added as well
** Bug Fixes **
- See Closed GitHub Issues