Flipswitch: Add classes option

Fixes jquery-archivegh-7715

demos/flipswitch/index.php

@@ -134,30 +134,6 @@
 				</form>
                 </div><!-- /demo-html -->
 
-                <h2>Mini</h2>
-
-                <div data-demo-html="true">
-				<form>
-                    <label for="flip-3">Flip toggle switch:</label>
-                    <select name="flip-3" id="flip-3" data-role="flipswitch" data-mini="true">
-                        <option value="off">Off</option>
-                        <option value="on">On</option>
-                    </select>
-				</form>
-                </div><!-- /demo-html -->
-
-                <h2>No corners</h2>
-
-                <div data-demo-html="true">
-				<form>
-                    <label for="flip-8">Flip toggle switch:</label>
-                    <select name="flip-8" id="flip-8" data-role="flipswitch" data-corners="false">
-                        <option value="off">Off</option>
-                        <option value="on">On</option>
-                    </select>
-				</form>
-                </div><!-- /demo-html -->
-
                 <h2>Disabled</h2>
 
                 <div data-demo-html="true">
@@ -195,21 +171,7 @@
 					</div>
 				</form>
                 </div><!-- /demo-html -->
-
-                <h2>Fieldcontain, mini</h2>
-
-                <div data-demo-html="true">
-				<form>
-					<div class="ui-field-contain">
-                        <label for="flip-7">Flip toggle switch:</label>
-                        <select name="flip-7" id="flip-7" data-role="flipswitch" data-mini="true">
-                            <option value="off">Off</option>
-                            <option value="on">On</option>
-                        </select>
-					</div>
-				</form>
-                </div><!-- /demo-html -->
-
+
 	</div><!-- /content -->
 
 	<?php include( '../jqm-navmenu.php' ); ?>

js/widgets/forms/flipswitch.js

@@ -21,12 +21,18 @@ $.widget( "mobile.flipswitch", $.extend({
 		offText: "Off",
 		theme: null,
 		enhanced: false,
+
+		// Deprecated in 1.5
 		wrapperClass: null,
+
+		// Deprecated in 1.5
 		corners: true,
+
+		// Deprecated in 1.5
 		mini: false,
 		classes: {
-			"ui-flipswitch": "",
-			"ui-flipswitch-on": "",
+			"ui-flipswitch": "ui-corner-all ui-shadow-inset ",
+			"ui-flipswitch-on": "ui-shadow",
 			"ui-flipswitch-off": "",
 			"ui-flipswitch-active": "",
 			"ui-flipswitch-input": ""
@@ -124,14 +130,14 @@ $.widget( "mobile.flipswitch", $.extend({
 				options.offText : element.find( "option" ).eq( 0 ).text();
 
 			on
-				.addClass( this._classes( "ui-flipswitch-on" ) + " ui-btn ui-shadow ui-btn-inherit" )
+				.addClass( this._classes( "ui-flipswitch-on" ) + " ui-btn ui-btn-inherit" )
 				.text( onText );
 			off
 				.addClass( this._classes( "ui-flipswitch-off" ) )
 				.text( offText );
 
 			flipswitch
-				.addClass( this._classes( "ui-flipswitch" ) + " ui-shadow-inset " +
+				.addClass( this._classes( "ui-flipswitch" ) +
 					"ui-bar-" + theme + " " +
 					( options.wrapperClass ? options.wrapperClass : "" ) + " " +
 					( ( element.is( ":checked" ) ||