Valo Sass API refactoring (#13668)

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

1 files changed, 48 insertions, 45 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_all.scss b/WebContent/VAADIN/themes/valo/components/_all.scss
index 9d63de6fbc..1509724f04 100644
--- a/WebContent/VAADIN/themes/valo/components/_all.scss
+++ b/WebContent/VAADIN/themes/valo/components/_all.scss
@@ -42,171 +42,174 @@
 
 
 @mixin valo-components {
-  
+
   @if v-is-included(absolutelayout) {
     @include valo-absolutelayout;
   }
-  
+
   @if v-is-included(orderedlayout) {
     @include valo-orderedlayout;
   }
-    
+
   @if v-is-included(button) {
     @include valo-button;
   }
-  
+
   @if v-is-included(checkbox) or v-is-included(optiongroup) {
     @include valo-checkbox;
   }
-  
+
   @if v-is-included(combobox) {
     @include valo-combobox;
   }
-  
+
   @if v-is-included(csslayout) {
     @include valo-csslayout;
   }
-  
+
   @if v-is-included(customcomponent) {
     @include valo-customcomponent;
   }
-  
+
   @if v-is-included(customlayout) {
     @include valo-customlayout;
   }
-  
+
   @if v-is-included(form) {
     @include valo-form;
   }
-  
+
   @if v-is-included(formlayout) {
     @include valo-formlayout;
   }
-  
+
   @if v-is-included(grid) {
     @include valo-grid(v-escalator);
   }
-  
+
   @if v-is-included(textfield) {
     @include valo-textfield;
   }
-  
+
   @if v-is-included(textarea) {
     @include valo-textarea;
   }
-  
+
   @if v-is-included(datefield) {
     @include valo-datefield;
     @include valo-inline-datefield;
   }
-  
+
   @if v-is-included(orderedlayout) {
     @include valo-orderedlayout;
   }
-  
+
   @if v-is-included(gridlayout) {
     @include valo-gridlayout;
   }
-  
+
   @if v-is-included(menubar) {
     @include valo-menubar;
   }
-  
+
   @if v-is-included(optiongroup) {
     @include valo-optiongroup;
   }
-  
+
   @if v-is-included(link) {
     @include valo-link;
   }
-  
+
   @if v-is-included(window) {
     @include valo-window;
   }
-  
+
   @if v-is-included(tree) {
     @include valo-tree;
   }
-  
+
   @if v-is-included(table) or v-is-included(treetable) {
     @include valo-table;
   }
-  
+
   @if v-is-included(treetable) {
     @include valo-treetable;
   }
-  
+
   @if v-is-included(splitpanel) {
     @include valo-splitpanel;
   }
-  
-  @if v-is-included(progressbar) or v-is-included(progressindicator) {
+
+  @if v-is-included(progressbar) {
     @include valo-progressbar;
-    @include valo-progressbar(v-progressindicator);
   }
-  
+
+  @if v-is-included(progressindicator) {
+    @include valo-progressbar($primary-stylename: v-progressindicator);
+  }
+
   @if v-is-included(slider) {
     @include valo-slider;
   }
-  
+
   @if v-is-included(tabsheet) {
     @include valo-tabsheet;
   }
-  
+
   @if v-is-included(colorpicker) {
     @include valo-colorpicker;
   }
-  
+
   @if v-is-included(panel) {
     @include valo-panel;
   }
-  
+
   @if v-is-included(accordion) {
     @include valo-accordion;
   }
-  
+
   @if v-is-included(twincolselect) {
     @include valo-twincolselect;
   }
-  
+
   @if v-is-included(nativeselect) {
     @include valo-nativeselect;
   }
-  
+
   @if v-is-included(calendar) {
     @include valo-calendar;
   }
-  
+
   @if v-is-included(label) {
     @include valo-label;
   }
-  
+
   @if v-is-included(dragwrapper) {
     @include valo-dragwrapper;
   }
-  
+
   @if v-is-included(loginform) {
     @include valo-loginform;
   }
-  
+
   @if v-is-included(nativebutton) {
     @include valo-nativebutton;
   }
-  
+
   @if v-is-included(nativeselect) {
     @include valo-nativeselect;
   }
-  
+
   @if v-is-included(popupview) {
     @include valo-popupview;
   }
-  
+
   @if v-is-included(richtextarea) {
     @include valo-richtextarea;
   }
-  
+
   @if v-is-included(upload) {
     @include valo-upload;
   }
-  
-}
\ No newline at end of file
+
+}