[Alert] Fix demo message dash spacing

mui · Dec 31, 2019 · 088cf5d · 088cf5d
1 parent 8bbebeb
commit 088cf5d
Show file tree

Hide file tree

Showing 14 changed files with 44 additions and 44 deletions.
diff --git a/docs/src/pages/components/alert/ActionAlerts.js b/docs/src/pages/components/alert/ActionAlerts.js
@@ -17,15 +17,15 @@ export default function ActionAlerts() {
 
   return (
     <div className={classes.root}>
-      <Alert onClose={() => {}}>This is a success alert—check it out!</Alert>
+      <Alert onClose={() => {}}>This is a success alert — check it out!</Alert>
       <Alert
         action={
           <Button color="inherit" size="small">
             UNDO
           </Button>
         }
       >
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/ActionAlerts.tsx b/docs/src/pages/components/alert/ActionAlerts.tsx
@@ -19,15 +19,15 @@ export default function ActionAlerts() {
 
   return (
     <div className={classes.root}>
-      <Alert onClose={() => {}}>This is a success alert—check it out!</Alert>
+      <Alert onClose={() => {}}>This is a success alert — check it out!</Alert>
       <Alert
         action={
           <Button color="inherit" size="small">
             UNDO
           </Button>
         }
       >
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/ColorAlerts.js b/docs/src/pages/components/alert/ColorAlerts.js
@@ -17,7 +17,7 @@ export default function ColorAlerts() {
   return (
     <div className={classes.root}>
       <Alert severity="success" color="info">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/ColorAlerts.tsx b/docs/src/pages/components/alert/ColorAlerts.tsx
@@ -19,7 +19,7 @@ export default function ColorAlerts() {
   return (
     <div className={classes.root}>
       <Alert severity="success" color="info">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/DescriptionAlerts.js b/docs/src/pages/components/alert/DescriptionAlerts.js
@@ -18,19 +18,19 @@ export default function DescriptionAlerts() {
     <div className={classes.root}>
       <Alert severity="error">
         <AlertTitle>Error</AlertTitle>
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert severity="warning">
         <AlertTitle>Warning</AlertTitle>
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert severity="info">
         <AlertTitle>Info</AlertTitle>
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert severity="success">
         <AlertTitle>Success</AlertTitle>
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/DescriptionAlerts.tsx b/docs/src/pages/components/alert/DescriptionAlerts.tsx
@@ -20,19 +20,19 @@ export default function DescriptionAlerts() {
     <div className={classes.root}>
       <Alert severity="error">
         <AlertTitle>Error</AlertTitle>
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert severity="warning">
         <AlertTitle>Warning</AlertTitle>
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert severity="info">
         <AlertTitle>Info</AlertTitle>
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert severity="success">
         <AlertTitle>Success</AlertTitle>
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/FilledAlerts.js b/docs/src/pages/components/alert/FilledAlerts.js
@@ -17,16 +17,16 @@ export default function SimpleAlerts() {
   return (
     <div className={classes.root}>
       <Alert variant="filled" severity="error">
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert variant="filled" severity="warning">
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert variant="filled" severity="info">
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert variant="filled" severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/FilledAlerts.tsx b/docs/src/pages/components/alert/FilledAlerts.tsx
@@ -19,16 +19,16 @@ export default function SimpleAlerts() {
   return (
     <div className={classes.root}>
       <Alert variant="filled" severity="error">
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert variant="filled" severity="warning">
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert variant="filled" severity="info">
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert variant="filled" severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/IconAlerts.js b/docs/src/pages/components/alert/IconAlerts.js
@@ -19,13 +19,13 @@ export default function IconAlerts() {
   return (
     <div className={classes.root}>
       <Alert icon={<CheckIcon fontSize="inherit" />} severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
       <Alert iconMapping={{ success: <CheckCircleOutlineIcon fontSize="inherit" /> }}>
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
       <Alert icon={false} severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/IconAlerts.tsx b/docs/src/pages/components/alert/IconAlerts.tsx
@@ -21,13 +21,13 @@ export default function IconAlerts() {
   return (
     <div className={classes.root}>
       <Alert icon={<CheckIcon fontSize="inherit" />} severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
       <Alert iconMapping={{ success: <CheckCircleOutlineIcon fontSize="inherit" /> }}>
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
       <Alert icon={false} severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/OutlinedAlerts.js b/docs/src/pages/components/alert/OutlinedAlerts.js
@@ -17,16 +17,16 @@ export default function SimpleAlerts() {
   return (
     <div className={classes.root}>
       <Alert variant="outlined" severity="error">
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="warning">
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="info">
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/OutlinedAlerts.tsx b/docs/src/pages/components/alert/OutlinedAlerts.tsx
@@ -19,16 +19,16 @@ export default function SimpleAlerts() {
   return (
     <div className={classes.root}>
       <Alert variant="outlined" severity="error">
-        This is an error alert—check it out!
+        This is an error alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="warning">
-        This is a warning alert—check it out!
+        This is a warning alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="info">
-        This is an info alert—check it out!
+        This is an info alert — check it out!
       </Alert>
       <Alert variant="outlined" severity="success">
-        This is a success alert—check it out!
+        This is a success alert — check it out!
       </Alert>
     </div>
   );

diff --git a/docs/src/pages/components/alert/SimpleAlerts.js b/docs/src/pages/components/alert/SimpleAlerts.js
@@ -16,10 +16,10 @@ export default function SimpleAlerts() {
 
   return (
     <div className={classes.root}>
-      <Alert severity="error">This is an error alert—check it out!</Alert>
-      <Alert severity="warning">This is a warning alert—check it out!</Alert>
-      <Alert severity="info">This is an info alert—check it out!</Alert>
-      <Alert severity="success">This is a success alert—check it out!</Alert>
+      <Alert severity="error">This is an error alert — check it out!</Alert>
+      <Alert severity="warning">This is a warning alert — check it out!</Alert>
+      <Alert severity="info">This is an info alert — check it out!</Alert>
+      <Alert severity="success">This is a success alert — check it out!</Alert>
     </div>
   );
 }
diff --git a/docs/src/pages/components/alert/SimpleAlerts.tsx b/docs/src/pages/components/alert/SimpleAlerts.tsx
@@ -18,10 +18,10 @@ export default function SimpleAlerts() {
 
   return (
     <div className={classes.root}>
-      <Alert severity="error">This is an error alert—check it out!</Alert>
-      <Alert severity="warning">This is a warning alert—check it out!</Alert>
-      <Alert severity="info">This is an info alert—check it out!</Alert>
-      <Alert severity="success">This is a success alert—check it out!</Alert>
+      <Alert severity="error">This is an error alert — check it out!</Alert>
+      <Alert severity="warning">This is a warning alert — check it out!</Alert>
+      <Alert severity="info">This is an info alert — check it out!</Alert>
+      <Alert severity="success">This is a success alert — check it out!</Alert>
     </div>
   );
 }