Use color instead of type, across the board.

elastic · Oct 26, 2017 · a38c216 · a38c216
1 parent daa1bc2
commit a38c216
Show file tree

Hide file tree

Showing 24 changed files with 104 additions and 79 deletions.
diff --git a/docs/src/views/badge/badge.js b/docs/src/views/badge/badge.js
@@ -6,37 +6,37 @@ import {
 
 export default () => (
   <div>
-    <EuiBadge type="default">
+    <EuiBadge color="default">
       Default
     </EuiBadge>
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="primary">
+    <EuiBadge color="primary">
       Primary
     </EuiBadge>
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="secondary">
+    <EuiBadge color="secondary">
       Secondary
     </EuiBadge>
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="accent">
+    <EuiBadge color="accent">
       Accent
     </EuiBadge>
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="warning">
+    <EuiBadge color="warning">
       Warning
     </EuiBadge>
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="danger">
+    <EuiBadge color="danger">
       Danger
     </EuiBadge>
   </div>

diff --git a/docs/src/views/badge/badge_with_icon.js b/docs/src/views/badge/badge_with_icon.js
@@ -12,7 +12,7 @@ export default () => (
 
     &nbsp;&nbsp;
 
-    <EuiBadge type="primary" iconType="user" iconSide="right">
+    <EuiBadge color="primary" iconType="user" iconSide="right">
       Secondary
     </EuiBadge>
   </div>

diff --git a/docs/src/views/button/button.js b/docs/src/views/button/button.js
@@ -43,7 +43,7 @@ export default () => (
     <br/><br/>
 
     <EuiButton
-      type="secondary"
+      color="secondary"
       onClick={() => window.alert('Button clicked')}
     >
       Secondary
@@ -52,7 +52,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="secondary"
+      color="secondary"
       fill
       onClick={() => window.alert('Button clicked')}
     >
@@ -62,7 +62,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="secondary"
+      color="secondary"
       size="small"
       onClick={() => window.alert('Button clicked')}
     >
@@ -72,7 +72,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="secondary"
+      color="secondary"
       size="small"
       fill
       onClick={() => window.alert('Button clicked')}
@@ -83,7 +83,7 @@ export default () => (
     <br/><br/>
 
     <EuiButton
-      type="warning"
+      color="warning"
       onClick={() => window.alert('Button clicked')}
     >
       Warning
@@ -92,7 +92,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="warning"
+      color="warning"
       fill
       onClick={() => window.alert('Button clicked')}
     >
@@ -102,7 +102,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="warning"
+      color="warning"
       size="small"
       onClick={() => window.alert('Button clicked')}
     >
@@ -112,7 +112,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="warning"
+      color="warning"
       size="small"
       fill
       onClick={() => window.alert('Button clicked')}
@@ -123,7 +123,7 @@ export default () => (
     <br/><br/>
 
     <EuiButton
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
     >
       Danger
@@ -132,7 +132,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="danger"
+      color="danger"
       fill
       onClick={() => window.alert('Button clicked')}
     >
@@ -142,7 +142,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
     >
@@ -152,7 +152,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButton
-      type="danger"
+      color="danger"
       size="small"
       fill
       onClick={() => window.alert('Button clicked')}

diff --git a/docs/src/views/button/button_empty.js b/docs/src/views/button/button_empty.js
@@ -64,7 +64,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
     >
       Danger
@@ -73,7 +73,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
     >
@@ -83,7 +83,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
     >
@@ -93,7 +93,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
@@ -104,7 +104,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
       iconSide="right"
@@ -115,7 +115,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
@@ -127,7 +127,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       onClick={() => window.alert('Button clicked')}
     >
       Text
@@ -136,7 +136,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       size="small"
       onClick={() => window.alert('Button clicked')}
     >
@@ -146,7 +146,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
     >
@@ -156,7 +156,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
@@ -167,7 +167,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
       iconSide="right"
@@ -178,7 +178,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="text"
+      color="text"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
@@ -190,7 +190,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       isDisabled
     >
@@ -200,7 +200,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
       isDisabled
@@ -211,7 +211,7 @@ export default () => (
     <br/><br/>
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
       isDisabled
@@ -222,7 +222,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
@@ -234,7 +234,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"
       iconSide="right"
@@ -246,7 +246,7 @@ export default () => (
     &nbsp;&nbsp;
 
     <EuiButtonEmpty
-      type="danger"
+      color="danger"
       size="small"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowDown"

diff --git a/docs/src/views/button/button_icon.js b/docs/src/views/button/button_icon.js
@@ -13,14 +13,14 @@ export default () => (
 
     <EuiButtonIcon
       size="small"
-      type="danger"
+      color="danger"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowRight"
     />
 
     <EuiButtonIcon
       size="small"
-      type="disabled"
+      color="disabled"
       onClick={() => window.alert('Button clicked')}
       iconType="arrowRight"
     />

diff --git a/docs/src/views/call_out/danger.js b/docs/src/views/call_out/danger.js
@@ -8,7 +8,7 @@ import {
 export default () => (
   <EuiCallOut
     title="Sorry, there was an error"
-    type="danger"
+    color="danger"
     iconType="cross"
   >
     <p>

diff --git a/docs/src/views/call_out/success.js b/docs/src/views/call_out/success.js
@@ -8,7 +8,7 @@ import {
 export default () => (
   <EuiCallOut
     title="Good news, everyone!"
-    type="success"
+    color="success"
     iconType="user"
   >
     <p>

diff --git a/docs/src/views/call_out/warning.js b/docs/src/views/call_out/warning.js
@@ -8,7 +8,7 @@ import {
 export default () => (
   <EuiCallOut
     title="Proceed with caution!"
-    type="warning"
+    color="warning"
     iconType="help"
   >
     <p>