Merge pull request #2365 from FelipePaluco/ISSUE-2293

feat: Add missing 'md' size

Author: zvonimirfras

src/modal/modal.component.ts

@@ -89,6 +89,7 @@ export class ModalDemo {
 				[ngClass]="{
 					'bx--modal-container--xs': size === 'xs',
 					'bx--modal-container--sm': size === 'sm',
+					'bx--modal-container--md': size === 'md',
 					'bx--modal-container--lg': size === 'lg'
 				}"
 				role="dialog"
@@ -141,7 +142,7 @@ export class Modal implements AfterViewInit, OnChanges, OnDestroy {
 	/**
 	 * Size of the modal to display.
 	 */
-	@Input() size: "xs" | "sm" | "lg";
+	@Input() size: "xs" | "sm" | "md" | "lg" = "md";
 	/**
 	 * Classification of the modal.
 	 */

src/modal/modal.stories.ts

@@ -119,7 +119,7 @@ class ModalStory {
 
 	@Input() modalText = "Hello, World";
 
-	@Input() size = "default";
+	@Input() size = "md";
 
 	@Input() showCloseButton = true;
 
@@ -186,7 +186,7 @@ class InputModal extends BaseModal {
 class DataPassingModal implements AfterContentInit {
 	@Input() modalText = "Hello, World";
 
-	@Input() size = "default";
+	@Input() size = "md";
 
 	protected modalInputValue = "";
 	protected data: Observable<string> = new Subject<string>();
@@ -242,7 +242,7 @@ class AlertModalStory {
 
 const getOptions = (options = {}) => {
 	return Object.assign({}, {
-		size: select("size", [null, "xs", "sm", "lg"], null)
+		size: select("size", ["xs", "sm", "md", "lg"], "md")
 	}, options);
 };
 
@@ -359,7 +359,7 @@ storiesOf("Components|Modal", module)
 		`,
 		props: {
 			modalText: text("modalText", "Hello, World!"),
-			size: select("size", ["xs", "sm", "default", "lg"], "default")
+			size: select("size", ["xs", "sm", "md", "lg"], "md")
 		}
 	}))
 	.add("Simple modal", () => ({