style(Icon): flex center items within icon

liamross · liamross · commit df5c16004493 · 2020-02-28T13:59:05.000-08:00
diff --git a/src/components/Icon/_Icon.scss b/src/components/Icon/_Icon.scss
@@ -1,3 +1,3 @@
 .ui__icon {
-  display: flex;
+  @include flex-center;
 }
diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
@@ -54,7 +54,7 @@ export const Toast: FC<ToastProps> = ({
     }
   }, [message]);
 
-  const toastClass = classnames('ui__base ui__toast', `ui__toast--type-${message}`, className);
+  const toastClass = classnames('ui__base ui__toast', `ui__toast--message-${message}`, className);
 
   return (
     <div
diff --git a/src/components/Toast/_Toast.scss b/src/components/Toast/_Toast.scss
@@ -15,7 +15,7 @@
     max-width: 500px;
   }
 
-  &--type {
+  &--message {
     &-info {
       .ui__toast__border {
         background-color: $color-message-info;
diff --git a/src/components/Toast/__snapshots__/Toast.test.tsx.snap b/src/components/Toast/__snapshots__/Toast.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Toast component snapshot renders default toast 1`] = `
 <div
   aria-atomic={true}
   aria-live="polite"
-  className="ui__base ui__toast ui__toast--type-info"
+  className="ui__base ui__toast ui__toast--message-info"
   role="status"
 >
   <div

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ export const Toast: FC<ToastProps> = ({`
`54`	`54`	`}`
`55`	`55`	`}, [message]);`
`56`	`56`
`57`		- const toastClass = classnames('ui__base ui__toast', `ui__toast--type-${message}`, className);
	`57`	+ const toastClass = classnames('ui__base ui__toast', `ui__toast--message-${message}`, className);
`58`	`58`
`59`	`59`	`return (`
`60`	`60`	`<div`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`max-width: 500px;`
`16`	`16`	`}`
`17`	`17`
`18`		`- &--type {`
	`18`	`+ &--message {`
`19`	`19`	`&-info {`
`20`	`20`	`.ui__toast__border {`
`21`	`21`	`background-color: $color-message-info;`
Original file line number	Diff line number	Diff line change
@@ -4,7 +4,7 @@ exports[`Toast component snapshot renders default toast 1`] = `
`4`	`4`	`<div`
`5`	`5`	`aria-atomic={true}`
`6`	`6`	`aria-live="polite"`
`7`		`- className="ui__base ui__toast ui__toast--type-info"`
	`7`	`+ className="ui__base ui__toast ui__toast--message-info"`
`8`	`8`	`role="status"`
`9`	`9`	`>`
`10`	`10`	`<div`