Add additional class names and style to components and error indicators to distinguish different error levels.

Vaadin 8 implementation of #9816. Cherry picked changes and added compatibility package component changes and tests.

Resolves #3139

Fixes #9637

Browsers support unprefixed box-sizing since:
Chrome 10
Firefox 29
Opera 10
Safari 5.1
iOS 5.1
IE 8

Change-Id: I36a72137095ea86d1fbb5a737714549b99b8a396

Added API setPopupWidth(String) to ComboBox. The suggestion pop-up now
has three different width modes:

1. Legacy "null"-mode: width is determined by the longest item
caption for each page. This looks & feels like the old implementation.
This is the default mode

2. Relative to the ComboBox. e.g. 100%

3. fixed width using any CSS definition
Change-Id: Id60a6996ee82726196b84d50c2d0d18a6cfb5ebf

Change-Id: Id5cc38c717cd43f8e524db330c205958c8db1e31

Change-Id: Ie40ea2c74358f6bf35a5a36a98561fd53fffe23f

Change-Id: Ic7768d9023d48b04458376765596059d3a81d8c6

Change-Id: I7122252e9b238fdca0383d0698623fe5a9e3f262

Valo uses only a handful of icons from Font Awesome. This change
introduces a separate icon font for valo (9KB instead of 80KB) and
decouples Valo from Font Awesome to enable updating Font Awesome
without taking Valo into account.

This change also makes it easy to not load Font Awesome when using Valo
by setting $v-font-awesome:false

For backwards compatibility, Font Awesome is loaded by default

Change-Id: Ib01e3cf34e2468c885fcb8c7859cd1d1af4491aa

Regression was caused by patch https://dev.vaadin.com/review/#/c/4480

Fixed the same issue for ComboBox as well.

Change-Id: Id43912f0803b5e056d4ca6585746e53226282d85

Change-Id: Ib378fbea73bc16caa12deb14f760025e68f16288

Change-Id: Id621c25cae3314dc44a700e1e9dcdae97cda5bfb

Change-Id: Ic707d897a84a308f789b2805a980b696beaa6edd

Also updates the test to always scroll the left panel to the top after
opening a section.

Change-Id: Icdb42795b8ec347b91694c162898f41aa8d80152

Add a new size variant “compact” for Textfield, DateField and ComboBox.
Makes the field fit inside the default row height of the table, but
keeps the font size the same as for a normal field. Borderless fields
also now respect the font color of the container (e.g. a selected table
row).

Update test to include common components inside a table.

Change-Id: I88f4d917579c937536dc4c886dc2b7825db01818

Available as additional style names for buttons, text fields/text
areas, combo boxes, date fields and labels.

Change-Id: I12f36935a690f5bf3f12333f5bd4ac986d4efd1f

Don’t override any other state than the “normal” for large & small
styles (box-shadow in particular)

Change-Id: I295b5e2300a4b2137171fb0aa55d5bbf3feb8cf6

Moved notification and valo-menu styles to the components folder as
well, and added them to the $v-included-components list.

Additional styles are now also controlled with a list variable, which
lists all components whose additional styles should be included in the
build.

Change-Id: Ifb8d49d71622decf8fa0d4875985fcafd908a1f8

Mass find-and-replace, tested to work as before in Chrome, and that the
output now includes box -webkit-box-shadow as well as box-shadow.

Bourbon needed to be imported before the css3 utils, so that the
box-shadow mixin can be overridden (Bourbon prints a warning as it has
already deprecated box-shadow prefixes).

Change-Id: I6b4f2047a6d8bfb74f2dbf999d10f7e00005e794

Improve textfied, datefield and combobox mixins so that they can be
used with null parameter values. This makes them output less styles and
allows combining multiple styles together (e.g. small + borderless).

Let valo-button-style mixin support padding as a list instead of just a
single number.

Change default calendar event colors to hex values (Vaadin Sass
compiler doesn’t support all color keywords just yet).

Error styles for date field and combo box

Small fix to table to support all border sizes (Java code has a
hard-coded 1px border width). Remove a few unnecessary selectors.

Make tab sheet tab alignment mixin more generic (now allows both right
and center alignment).

Fix framed tab sheet style border (bottom border caused left and right
borders to have a “cropped” angle at the bottom end).

Fix selection overlay item active style color (i.e. white would produce
a pink color). Now a completely desaturated color won’t be saturated.

Change-Id: I0117e20ef0a597de982a4d0c85a3c78fff87eafc

Add a small API for checkbox, radio button and option group.

Fix border radius for ComboBox (no-text-input + small/large style).

Add better support for form layout section captions (now supports h2,
h3 and h4 labels instead of just h4).

Add “align-right” and “align-center” utility style names for label.

Fix black line artifacts in iOS for panel, window and tabsheet (visible
at certain zoom levels).

Refactor tab sheet styles to be more modular (so you can combine framed
with icons-on-top for instance).

Fix tab sheet loading indicator reserving unnecessary space in parent
layout.

Readonly style for richtextarea.

Fix slider handle focus border color.

Fix #14058: Valo causes Table headers to be overly long
- Table now reserves as little space as necessary
- TreeTable works slightly differently, causing it to reserve more
space in some situations

Rename table mixins to follow naming convention (mixins that do not
output top-level selectors should be suffixed with “-style”, others
not).

Fix TreeTable treespacer style so that it works correctly with row
captions/icons.

Prevent text size adjust on iOS.

Refine default overlay shadow.

Change-Id: I31fa8905c5aa34ab810c3d1c7ac35c3f572c8c04

- Added a new “quiet” style button, and an “icon-align-top” style, and
added an additional parameter for the borderless button style

- PopupView now has a proper animation-in and animation-out, with a
spinner showing the loading state

- Small fix to slider minimum size

- Fixed TextField text centering for IE8 and IE9

- Fixed Tree expand/collapse arrow clicking in IE10

- Tweaked Window shadow and modality curtain style

Change-Id: I48dab61c648363b8eb0c03dc3b3cbbc1289b94ed

- Added initial Sass API for Accordion and TabSheet (previously only
one mixin)

- Renamed ‘darker-of’ function to ‘darkest-color’, which now supports
more than two colors

- Refactored notifications to use the new position classes as well as
the new animation-in/out functionality

- Refactored overlay styles to use animation-in/out functionality

- Fixed all unwanted white-space and scrollbar issues in all browsers
(font-size:0 or line-height:0 no longer necessary), and fixes vertical
centering in horizontal layout (#13671)

- Fixed borderless menubar clicking bug (Firefox and Opera)

- Fixed table column selector, which no longer produces scrollbars if
placed directly inside a scrollable area in full size

- Fixed table outline overflow in Opera (now using box-shadow instead
in all other browsers except IE8)

- Added toolbar support for windows (header and footer)

- Moved optional notification styles to common-stylenames.scss

-Various other small tweaks

Change-Id: I42343199be12f6d909b9584b7dce3e258846da81

Also fixes #13672 (added ‘notification’ v-included-components list)

Fixes #13746 as well (DragAndDropWrapper won’t hide the drag source any
more)

Loads of smaller tweaks and fixes, went through almost all components
again and fixed any issues I could find in testing.

Testing done with the following:
Desktop (OS X Mavericks)
-Safari 7
-Chrome 35
-Firefox 24.5
-Opera 21, 12
-Internet Explorer 8,10

Mobile:
-iOS 7
-Android 4
-Android 2.3
-Windows Phone 8

Change-Id: Ide32cacd1958b5b8db85afe23f455ad3140a7d21

Top level background-color variable, which is then specialized by
different components in the theme.

Mass search-and-replace, tested that the theme works as expected.

Added a new test UI class for the Valo theme.

Updated .gitignore to ignore .sass-cache (command line Sass creates a
cache folder when watching for changes)

Change-Id: I574a393de059aec7b24cb6014d3192d9717688e5

Mass find-and-replace, tested that the theme works as before.

Fixes #13686

Change-Id: I99dfed995f288d1b37a1ac425932bba95dfae994