[fix]: Document theme classes as part of the Theming options

Author: jzaefferer

entries/accordion.xml

@@ -39,8 +39,13 @@
 			<li>
 				<code>ui-accordion</code>: The outer container of the accordion.
 				<ul>
-					<li><code>ui-accordion-header</code>: The headers of the accordion. The headers will additionally have a <code>ui-accordion-icons</code> class if they contain <a href="#option-icons"><code>icons</code></a>.</li>
-					<li><code>ui-accordion-content</code>: The content panels of the accordion.</li>
+					<li>
+						<code>ui-accordion-header</code>: The headers of the accordion. The active header will additionally have a <code>ui-accordion-content-active</code> class, the inactive headers will have a <code>ui-accordion-header-collapsed</code> class. The headers will also have a <code>ui-accordion-icons</code> class if they contain <a href="#option-icons"><code>icons</code></a>.
+						<ul>
+							<li><code>ui-accordion-header-icon</code>: Icon elements within each accordion header.</li>
+						</ul>
+					</li>
+					<li><code>ui-accordion-content</code>: The content panels of the accordion. The active content panel will additionally have a <code>ui-accordion-content-active</code> class.</li>
 				</ul>
 			</li>
 		</ul>
@@ -88,14 +93,9 @@
 		</option>
 		<option name="classes" type="Object">
 			<default>{
-	"ui-accordion": undefined,
-	"ui-accordion-icons": undefined,
-	"ui-accordion-header-icon": undefined,
 	"ui-accordion-header": "ui-corner-top",
-	"ui-accordion-header-active": undefined,
 	"ui-accordion-header-collapsed": "ui-corner-all",
-	"ui-accordion-content": "ui-corner-bottom",
-	"ui-accordion-content-active": undefined
+	"ui-accordion-content": "ui-corner-bottom"
 }</default>
 			<xi:include href="../includes/classes-option-desc.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
 			<xi:include href="../includes/classes-option-example.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>

entries/draggable.xml

@@ -5,6 +5,13 @@
 	<longdesc>
 		<p>Make the selected elements draggable by mouse. If you want not just drag, but drag &amp; drop, see the <a href="/droppable/">jQuery UI Droppable plugin</a>, which provides a drop target for draggables.</p>
 
+		<xi:include href="../includes/widget-theming.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
+
+		<ul>
+			<li><code>ui-draggable</code>: The draggable element. When the draggable is disabled, the <code>ui-draggable-disabled</code> class is added. While dragging, the <code>ui-draggable-dragging</code> class is added.</li>
+			<li><code>ui-draggable-handle</code>: The handle of the draggable, specified using the <a href="#option-handle"><code>handle</code> option</a>. By default, the draggable element itself is also the handle.</li>
+		</ul>
+
 		<h3>Dependencies</h3>
 		<ul>
 			<li><a href="/category/ui-core/">UI Core</a></li>
@@ -41,13 +48,7 @@
 		<option name="cancel" type="Selector" default='"input,textarea,button,select,option"' example-value='".title"'>
 			<desc>Prevents dragging from starting on specified elements.</desc>
 		</option>
-		<option name="classes" type="Object">
-			<default>{
-	"ui-draggable": undefined,
-	"ui-draggable-disabled": undefined,
-	"ui-draggable-dragging": undefined,
-	"ui-draggable-handle": undefined
-}</default>
+		<option name="classes" type="Object" default="{}">
 			<xi:include href="../includes/classes-option-desc.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
 			<xi:include href="../includes/classes-option-example.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
 		</option>

includes/classes-option-desc.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0"?>
 <desc>
-	<p>Specify additional classes to add to the widget's elements. Any of the default keys can be specified to override their value. To learn more about this option, check out the <a href="http://learn.jquery.com/jquery-ui/widget-factory/classes-option/">learn article about the <code>classes</code> option</a>.</p>
+	<p>Specify additional classes to add to the widget's elements. Any of classes specified in the <a href="#theming">Theming section</a> can be used as keys to override their value. To learn more about this option, check out the <a href="http://learn.jquery.com/jquery-ui/widget-factory/classes-option/">learn article about the <code>classes</code> option</a>.</p>
 </desc>

includes/widget-theming.xml

@@ -2,5 +2,5 @@
 <div>
 	<h3 id="theming">Theming</h3>
 
-	<p>The <placeholder name="name"/> widget uses the <a href="/theming/css-framework/">jQuery UI CSS framework</a> to style its look and feel. If <placeholder name="name"/> specific styling is needed, the following CSS class names can be used:</p>
+	<p>The <placeholder name="name"/> widget uses the <a href="/theming/css-framework/">jQuery UI CSS framework</a> to style its look and feel. If <placeholder name="name"/> specific styling is needed, the following CSS class names can be used for overrides or as keys for the <a href="#option-classes"><code>classes</code> option</a>:</p>
 </div>