Remove duplicated className in Card component (#35333)

* Remove duplicated className in Card component * Update Card and Flyout snapshots
WordPress · Oct 7, 2021 · 3f45b9c · 3f45b9c
1 parent 83bbd27
commit 3f45b9c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/packages/components/src/card/card/hook.js b/packages/components/src/card/card/hook.js
@@ -59,8 +59,6 @@ export function useCard( props ) {
  styles.Card,
  isBorderless && styles.boxShadowless,
  isRounded && styles.rounded,
- // This classname is added for legacy compatibility reasons.
- 'components-card',
  className
  );
  }, [ className, isBorderless, isRounded ] );

diff --git a/packages/components/src/card/test/__snapshots__/index.js.snap b/packages/components/src/card/test/__snapshots__/index.js.snap
@@ -157,8 +157,8 @@ Snapshot Diff:
 @@ -1,30 +1,30 @@
  <div>
  <div
-- class="components-surface components-card components-card css-ssx2ib-View-Surface-getBorders-primary-Card-boxShadowless-rounded em57xhy0"
-+ class="components-surface components-card components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
+- class="components-surface components-card css-ssx2ib-View-Surface-getBorders-primary-Card-boxShadowless-rounded em57xhy0"
++ class="components-surface components-card css-1vyvcpq-View-Surface-getBorders-primary-Card-rounded em57xhy0"
  data-wp-c16t="true"
  data-wp-component="Card"
  >
@@ -375,7 +375,7 @@ Object {
 <body>
  <div>
  <div
- class="components-surface components-card components-card emotion-0 emotion-1"
+ class="components-surface components-card emotion-0 emotion-1"
  data-wp-c16t="true"
  data-wp-component="Card"
  >
@@ -630,7 +630,7 @@ Object {
 
 <div>
  <div
- class="components-surface components-card components-card emotion-0 emotion-1"
+ class="components-surface components-card emotion-0 emotion-1"
  data-wp-c16t="true"
  data-wp-component="Card"
  >
@@ -850,7 +850,7 @@ exports[`Card Card component should warn when the isElevated prop is passed 1`]
 
 <div>
  <div
- class="components-surface components-card components-card emotion-0 emotion-1"
+ class="components-surface components-card emotion-0 emotion-1"
  data-wp-c16t="true"
  data-wp-component="Card"
  >

diff --git a/packages/components/src/flyout/test/__snapshots__/index.js.snap b/packages/components/src/flyout/test/__snapshots__/index.js.snap
@@ -86,7 +86,7 @@ exports[`props should render correctly 1`] = `
 }
 
 <div
- class="components-surface components-card components-card emotion-0 emotion-1 emotion-2"
+ class="components-surface components-card emotion-0 emotion-1 emotion-2"
  data-wp-c16t="true"
  data-wp-component="Card"
 >