[Amsterdam] Use rounded corners and bolder titles for EuiCallout

CHANGELOG.md

@@ -11,6 +11,10 @@
 - Improved `EuiPagination`, `EuiDataGrid`, `EuiBasicTable` and `EuiInMemoryTable` accessibility, causing `EuiPaginationButton` to require a new prop `pageIndex` ([#3294](https://github.com/elastic/eui/pull/3294))
 - Replaced all usages of [`KeyboardEvent.keyCode`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode) (deprecated) with [`KeyboardEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key). From `@elastic/eui/lib/services`, `keyCodes` has been replaced with `keys`, as has `cascadingMenuKeyCodes`->`cascadingMenuKeys`, and `comboBoxKeyCodes`->`comboBoxKeys`.  The implementation of all of those exports (as well as `accessibleClickKeys`) all now use `KeyboardEvent.key` values. ([#3517](https://github.com/elastic/eui/pull/3517))
 
+**Theme: Amsterdam**
+
+- Removed left border from `EuiCallout` and added border radius and increased font weight on titles. ([#3557](https://github.com/elastic/eui/pull/3557/))
+
 
 ## [`24.1.0`](https://github.com/elastic/eui/tree/v24.1.0)
 

src/components/flyout/_flyout_body.scss

@@ -14,6 +14,7 @@
 
   .euiFlyoutBody__banner .euiCallOut {
     border: none; // Remove border from callout when it is a flyout banner
+    border-radius: 0;
     padding-left: $euiSizeL; // Align callout's content with flyout's title
     padding-right: $euiSizeL; // Align callout's content with flyout's title
   }

src/themes/eui-amsterdam/overrides/_call_out.scss

@@ -0,0 +1,8 @@
+.euiCallOut {
+  border-radius: $euiBorderRadius;
+  border-left: none;
+
+  .euiCallOutHeader__title {
+    font-weight: $euiFontWeightMedium;
+  }
+}

src/themes/eui-amsterdam/overrides/_flyout.scss

@@ -2,4 +2,4 @@
 // The clip path ensures only the left side of the shadow is exposed.
 .euiFlyout {
   clip-path: polygon(-10% 0, 100% 0, 100% 100%, -10% 100%);
-}
+}

src/themes/eui-amsterdam/overrides/_index.scss

@@ -1,10 +1,11 @@
 @import 'button';
 @import 'button_empty';
 @import 'button_group';
+@import 'call_out';
 @import 'flyout';
 @import 'header';
 @import 'image';
 @import 'modal';
 @import 'overlay_mask';
 @import 'popover';
-@import 'text';
+@import 'text';