Fixes, tests, and CL

cchaos · cchaos · commit ebdb62fcf41b · 2022-08-04T16:33:55.000-04:00
diff --git a/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap b/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap
@@ -55,3 +55,18 @@ exports[`EuiBetaBadge props size s is rendered 1`] = `
   Beta
 </span>
 `;
+
+exports[`EuiBetaBadge props tooltip and anchorProps are rendered 1`] = `
+<span
+  class="euiToolTipAnchor customAnchorClass"
+  data-test-subj="DTS"
+>
+  <span
+    class="euiBetaBadge euiBetaBadge--hollow"
+    role="button"
+    tabindex="0"
+  >
+    Beta
+  </span>
+</span>
+`;
diff --git a/src/components/badge/beta_badge/beta_badge.test.tsx b/src/components/badge/beta_badge/beta_badge.test.tsx
@@ -39,5 +39,20 @@ describe('EuiBetaBadge', () => {
         });
       });
     });
+
+    test('tooltip and anchorProps are rendered', () => {
+      const component = render(
+        <EuiBetaBadge
+          label="Beta"
+          tooltipContent="Tooltip"
+          anchorProps={{
+            className: 'customAnchorClass',
+            'data-test-subj': 'DTS',
+          }}
+        />
+      );
+
+      expect(component).toMatchSnapshot();
+    });
   });
 });
diff --git a/src/components/card/__snapshots__/card.test.tsx.snap b/src/components/card/__snapshots__/card.test.tsx.snap
@@ -853,7 +853,7 @@ exports[`EuiCard props paddingSize xl is rendered 1`] = `
 
 exports[`EuiCard props paddingSize xs is rendered 1`] = `
 <div
-  class="euiPanel euiPanel--plain euiCard euiCard--centerAligned css-fqiy6-euiPanel-grow-m-xs-plain-hasShadow-euiCard-center-vertical"
+  class="euiPanel euiPanel--plain euiCard euiCard--centerAligned emotion-euiPanel-grow-m-xs-plain-hasShadow-euiCard-center-vertical"
 >
   <div
     class="euiCard__content emotion-euiCard__content-vertical"
diff --git a/src/components/card/card_select/card_select.styles.ts b/src/components/card/card_select/card_select.styles.ts
@@ -8,7 +8,7 @@
 
 import { css } from '@emotion/react';
 
-export const euiCheckableCardStyles = () => {
+export const euiCardSelectStyles = () => {
   return {
     euiCardSelect: css`
       transform: none !important;
diff --git a/src/components/card/card_select/card_select.tsx b/src/components/card/card_select/card_select.tsx
@@ -10,7 +10,7 @@ import React, { FunctionComponent, ReactNode } from 'react';
 
 import { EuiI18n } from '../../i18n';
 import { EuiButton, Props } from '../../button/button';
-import { euiCheckableCardStyles } from './card_select.styles';
+import { euiCardSelectStyles } from './card_select.styles';
 
 export type EuiCardSelectProps = Props;
 
@@ -22,7 +22,7 @@ export const EuiCardSelect: FunctionComponent<EuiCardSelectProps> = ({
   children,
   ...rest
 }) => {
-  const styles = euiCheckableCardStyles();
+  const styles = euiCardSelectStyles();
   const baseCSS = [styles.euiCardSelect];
 
   const child = euiCardSelectableText(
diff --git a/upcoming_changelogs/6110.md b/upcoming_changelogs/6110.md
@@ -0,0 +1,20 @@
+- Added `anchorProps` to allow passing more props to the anchoring wrapper in `EuiToolTip` and `EuiBetaBadge`
+- Added an empty shade background color to `hollow` style `EuiBetaBadge`
+- Changed design of select button in `selectable` `EuiCard`s
+
+**Bug fixes**
+
+- Fixed ...
+
+**Deprecations**
+
+- Deprecated ...
+
+**Breaking changes**
+
+- Removed ...
+
+**CSS-in-JS conversions**
+
+- Removed `euiHasBetaBadge()` Sass mixin
+- Converted `EuiCard`, `EuiCheckableCard` to Emotion, removed `$euiCheckableCardPadding`, `$euiCardSpacing`, `$euiCardBottomNodeHeight`, `$euiCardSelectButtonBorders`, `$euiCardSelectButtonBackgrounds`, and `$euiCardPaddingModifiers`

Original file line number	Diff line number	Diff line change
@@ -853,7 +853,7 @@ exports[`EuiCard props paddingSize xl is rendered 1`] = `
`853`	`853`
`854`	`854`	exports[`EuiCard props paddingSize xs is rendered 1`] = `
`855`	`855`	`<div`
`856`		`- class="euiPanel euiPanel--plain euiCard euiCard--centerAligned css-fqiy6-euiPanel-grow-m-xs-plain-hasShadow-euiCard-center-vertical"`
	`856`	`+ class="euiPanel euiPanel--plain euiCard euiCard--centerAligned emotion-euiPanel-grow-m-xs-plain-hasShadow-euiCard-center-vertical"`
`857`	`857`	`>`
`858`	`858`	`<div`
`859`	`859`	`class="euiCard__content emotion-euiCard__content-vertical"`