Fixed button panel links and updated bottom bar usages of ghost to text

Author: cchaos

src-docs/src/views/bottom_bar/bottom_bar_displacement.js

@@ -46,7 +46,7 @@ export default () => {
             <EuiFlexItem grow={false}>
               <EuiButton
                 onClick={() => setToggleIdSelected(null)}
-                color="ghost"
+                color="text"
                 size="s"
                 iconType="cross"
               >

src-docs/src/views/bottom_bar/playground.js

@@ -10,7 +10,7 @@ export const bottomBarConfig = () => {
 
   propsToUse.children = {
     type: PropTypes.ReactNode,
-    value: '<EuiButton color="ghost">Save</EuiButton>',
+    value: '<EuiButton color="text">Save</EuiButton>',
   };
 
   propsToUse.position = {

src-docs/src/views/button/button_example.js

@@ -268,9 +268,9 @@ export const ButtonExample = {
             <EuiFlexItem>
               <EuiCard
                 hasBorder
-                href="/#/navigation/button#basic-button"
+                href="#/navigation/button#basic-button"
                 image={
-                  <EuiPanel color="subdued">
+                  <EuiPanel color="subdued" borderRadius="none">
                     <EuiPanel color="subdued">
                       <EuiButton fill>Primary action</EuiButton>
                     </EuiPanel>
@@ -283,9 +283,9 @@ export const ButtonExample = {
             <EuiFlexItem>
               <EuiCard
                 hasBorder
-                href="/#/navigation/button#basic-button"
+                href="#/navigation/button#basic-button"
                 image={
-                  <EuiPanel color="subdued">
+                  <EuiPanel color="subdued" borderRadius="none">
                     <EuiPanel color="subdued">
                       <EuiButton>Secondary action</EuiButton>
                     </EuiPanel>
@@ -298,9 +298,9 @@ export const ButtonExample = {
             <EuiFlexItem>
               <EuiCard
                 hasBorder
-                href="/#/navigation/button#empty-button"
+                href="#/navigation/button#empty-button"
                 image={
-                  <EuiPanel color="subdued">
+                  <EuiPanel color="subdued" borderRadius="none">
                     <EuiPanel color="subdued">
                       <EuiButtonEmpty>Tertiary action</EuiButtonEmpty>
                     </EuiPanel>
@@ -313,9 +313,9 @@ export const ButtonExample = {
             <EuiFlexItem>
               <EuiCard
                 hasBorder
-                href="/#/navigation/button#icon-buttons"
+                href="#/navigation/button#icon-buttons"
                 image={
-                  <EuiPanel color="subdued">
+                  <EuiPanel color="subdued" borderRadius="none">
                     <EuiPanel color="subdued">
                       <EuiButtonIcon
                         display="base"

src-docs/src/views/page/_page_demo.tsx

@@ -102,7 +102,7 @@ export const PageDemo: FunctionComponent<{
   );
 
   const bottomBar = (
-    <EuiButton size="s" color="ghost">
+    <EuiButton size="s" color="text">
       Save
     </EuiButton>
   );

src-docs/src/views/theme/customizing/values.tsx

@@ -135,7 +135,7 @@ export default () => {
                 <>
                   <EuiFlexItem grow={false}>
                     <EuiButtonEmpty
-                      color="ghost"
+                      color="text"
                       iconType="cross"
                       onClick={clearOverrides}
                     >
@@ -157,7 +157,7 @@ export default () => {
                 <span>
                   <EuiButton
                     onClick={() => setJsonFlyoutIsOpen(true)}
-                    color="ghost"
+                    color="text"
                   >
                     View theme JSON
                   </EuiButton>