Update themed alert docs

Author: chadly

docs/api.md

@@ -90,7 +90,21 @@ An optional timeout (in milliseconds) before this alert will be automatically di
 
 #### `classes`
 
-JSS style overrides for the component. See the _Themed Alert_ example above for more information.
+JSS style overrides for the component. The following classes can be overridden:
+
+* `alert`: CSS class applied to the root `div` of the `Alert`
+* `info`: CSS class applied to the root `div` for `info` alerts
+* `success`: CSS class applied to the root `div` for `success` alerts
+* `warning`: CSS class applied to the root `div` for `warning` alerts
+* `danger`: CSS class applied to the root `div` for `danger` alerts
+* `dismissable`: CSS class applied to the root `div` for alerts that can be dismissed
+* `close`: CSS class applied to the _dismiss_ button
+* `icon`: CSS class applied to the alert type icon
+* `msgContainer`: CSS class applied to the container holding the headline and message
+* `headline`: CSS class applied to the headline element (if provided)
+* `body`: CSS class applied to the message element itself
+
+See the _Themed Alert_ example above.
 
 ---
 

docs/demos/themed/code.example

@@ -4,49 +4,12 @@ const ThemedAlert = props => {
 };
 
 const useStyleOverrides = createUseStyles({
-	alert: {
-		composes: "alert",
-		marginBottom: 6,
-		display: "inline-block",
-		textAlign: "left"
-	},
-	info: {
-		composes: "alert-info"
-	},
 	success: {
-        color: "#efd8f0",
-        background: "#8f2ba1",
-        borderColor: "#80237f",
-        borderWidth: 15,
-        borderRadius: 60
-	},
-	warning: {
-		composes: "alert-warning",
-	},
-	danger: {
-		composes: "alert-danger"
-	},
-	dismissable: {
-		composes: "alert-dismissable"
-	},
-	close: {
-		composes: "close"
-	},
-	msgContainer: {
-		display: "inline-block"
-	},
-	icon: {
-		verticalAlign: "top",
-		fontSize: 18,
-		paddingRight: 15,
-		opacity: 0.2
-	},
-	headline: {
-		margin: 0,
-		marginBottom: 6
-	},
-	body: {
-		maxWidth: "40em"
+		color: "#efd8f0",
+		background: "#8f2ba1",
+		borderColor: "#80237f",
+		borderWidth: 15,
+		borderRadius: 60
 	}
 });