Update card patterns to match common action patterns (#11747)

Fixes https://github.com/Shopify/polaris-internal/issues/1519

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#install-dependencies-and-build-workspaces)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

### 🎩 checklist

- [ ] Tested a
[snapshot](https://github.com/Shopify/polaris/blob/main/documentation/Releasing.md#-snapshot-releases)
- [ ] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [ ] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [ ] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [ ] Updated the component's `README.md` with documentation changes
- [ ] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

.changeset/sharp-weeks-run.md

@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Updated card layout patterns to match common action patterns.

polaris.shopify.com/content/patterns/card-layout/index.mdx

@@ -1,8 +1,11 @@
 ---
 title: Card layout
+description: Standardized card layout gives merchants a content structure to rely on.
 lede: Standardized card layout gives merchants a content structure to rely on.
+previewImg: /images/patterns/card-layout/card-layout-cover-image.png
 url: /patterns/card-layout
 hideChildren: true
+status: New
 ---
 
 <LayoutSection card>
@@ -60,7 +63,7 @@ Use the object type as card title when the card is a list of objects.
   </Medium>
 
   <Medium variant="do">
-    ![A card with tags as card title and a header action. The header action has a pen icon only, but no label. The action conveys that it’s an update action, and leverages the card title to make it clear what is being updated.](/images/patterns/card-layout/structure/[email protected])
+    ![A card with tags as card title and a header action. The header action has a pen icon only, but no label. The action conveys that it’s an edit action, and leverages the card title to make it clear what is being updated.](/images/patterns/card-layout/structure/[email protected])
 
 Choose a title to clarify what the header action does.
 
@@ -76,7 +79,7 @@ Choose a title that represents all sections if a card has multiple sections.
   <Text>
     ### Header actions
 
-    Actions in the header should represent the content of the whole card. The most common header action is the “Update” action, which allows merchants to modify the contents of the card. Another common action is the "View" action, which allows merchants to navigate to the source of the contents.
+    Actions in the header should represent the content of the whole card. The most common header action is the "Edit" action, which allows merchants to modify the contents of the card. Another common action is the "View" action, which allows merchants to navigate to the source of the contents.
 
   </Text>
 
@@ -129,6 +132,19 @@ Choose a title that represents all sections if a card has multiple sections.
 
   </Medium>
 
+  <Text>
+
+    ### Table actions
+
+    Table actions are placed to the right in the header to keep them discoverable. They are typically actions that allow merchants to add item or select items that will display in the table.
+
+  </Text>
+
+<Large>
+  ![A card showing an add action associated with an index table in the card
+  header.](/images/patterns/common-actions/types/[email protected])
+</Large>
+
 </LayoutSection>
 
 <LayoutSection card>
@@ -185,7 +201,7 @@ Choose a title that represents all sections if a card has multiple sections.
   </Medium>
 
   <Medium variant="do">
-    ![A card with two sections, each with an update action in its respective section header.](/images/patterns/card-layout/structure/card-layout-structure-19-body-do-place-actions-in-section-header@2x.png)
+    ![A card with two sections, each with an edit action in its respective section header.](/images/patterns/card-layout/structure/card-layout-structure-19-body-do-place-actions-in-section-header@2x.png)
 
     Place section actions in the section header where merchants can associate them to what they control.
 

polaris.shopify.com/content/patterns/common-actions/index.mdx

@@ -2,7 +2,6 @@
 title: Common actions
 description: Standardizing recurring actions gives merchants a predictable way to complete common tasks.
 lede: Standardizing recurring actions gives merchants a predictable way to complete common tasks.
-icon: ColorIcon
 previewImg: /images/patterns/common-actions/common-actions-cover-image.png
 keywords:
   - common actions