Button: adding classes option

Author: arschmitz

themes/base/button.css

@@ -104,23 +104,6 @@ input.ui-button.ui-button-icon-only {
 	padding: .4em 1em 1.1em 1em;
 }
 
-.ui-button.ui-icon-notext .ui-icon {
-	padding: 0;
-	width: 2.1em;
-	height: 2.1em;
-	text-indent: -9999px;
-	white-space: nowrap;
-
-}
-
-input.ui-button.ui-icon-notext .ui-icon {
-	width: auto;
-	height: auto;
-	text-indent: 0;
-	white-space: normal;
-	padding: .4em 1em;
-}
-
 /* workarounds */
 /* reset extra padding in Firefox, see h5bp.com/l */
 input.ui-button::-moz-focus-inner,

ui/button.js

@@ -42,7 +42,12 @@ $.widget( "ui.button", {
 		showLabel: true,
 		label: null,
 		icon: null,
-		iconPosition: "beginning"
+		iconPosition: "beginning",
+		classes: {
+			"ui-button": "ui-corner-all",
+			"ui-button-icon-only" : null,
+			"ui-button-icon": null
+		}
 	},
 
 	_getCreateOptions: function() {
@@ -118,11 +123,11 @@ $.widget( "ui.button", {
 
 	_updateIcon: function( icon ) {
 		if ( !this.icon ) {
-			this.icon = $( "<span>" ).addClass( "ui-icon" );
+			this.icon = $( "<span>" ).addClass( this._classes( "ui-button-icon" ) + " ui-icon" );
 			this.element.addClass(  "ui-icon-" + this.options.iconPosition );
 
 			if ( !this.options.showLabel ){
-				this.element.addClass( "ui-button-icon-only" );
+				this.element.addClass( this._classes( "ui-button-icon-only" ) );
 			}
 		} else {
 			this.icon.removeClass( this.options.icon );
@@ -158,7 +163,7 @@ $.widget( "ui.button", {
 		// Make sure we cant end up with a button that has no text nor icon
 		if ( key === "showLabel" ) {
 			if ( ( !value && !this.options.icon ) || value ) {
-				this.element.toggleClass( "ui-button-icon-only", !value )
+				this.element.toggleClass( this._classes( "ui-button-icon-only" ), !value )
 					.toggleClass( this.options.iconPosition, !!value );
 				this._updateTooltip();
 			} else {