[Layout foundations] Replace Card with AlphaCard

.changeset/six-jokes-drum.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Replaced `Card` with `AlphaCard`

polaris-react/src/components/AccountConnection/AccountConnection.tsx

@@ -4,7 +4,7 @@ import type {Action} from '../../types';
 import {Avatar} from '../Avatar';
 import {buttonFrom} from '../Button';
 import {SettingAction} from '../SettingAction';
-import {AlphaCard} from '../AlphaCard';
+import {Card} from '../Card';
 import {Box} from '../Box';
 import {Inline} from '../Inline';
 import {Text} from '../Text';
@@ -69,7 +69,7 @@ export function AccountConnection({
     : null;
 
   return (
-    <AlphaCard>
+    <Card>
       <SettingAction action={actionElement}>
         <Inline gap="4">
           {avatarMarkup}
@@ -80,6 +80,6 @@ export function AccountConnection({
         </Inline>
       </SettingAction>
       {termsOfServiceMarkup}
-    </AlphaCard>
+    </Card>
   );
 }

polaris-react/src/components/Bleed/Bleed.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {AlphaCard, Bleed, Box, Divider, Stack, Text} from '@shopify/polaris';
+import {Card, Bleed, Box, Divider, Stack, Text} from '@shopify/polaris';
 
 export default {
   component: Bleed,
@@ -15,7 +15,7 @@ const styles = {
 
 export function Default() {
   return (
-    <AlphaCard>
+    <Card>
       <Box paddingBlockEnd="5">
         <Text as="p" variant="bodySm">
           Section 01
@@ -29,7 +29,7 @@ export function Default() {
           Section 02
         </Text>
       </Box>
-    </AlphaCard>
+    </Card>
   );
 }