payload 1.12.0 → 1.13.0

package/docs/fields/tabs.mdx

@@ -12,8 +12,13 @@ keywords: tabs, fields, config, configuration, documentation, Content Management
   component that separates certain sub-fields by a tabbed interface.
 </Banner>
 
-![Tabs field type used to separate Hero fields from Page Layout](https://payloadcms.com/images/docs/fields/tabs/tabs.jpg)
-_Tabs field type used to separate Hero fields from Page Layout_
+<LightDarkImage 
+  srcLight='https://payloadcms.com/images/docs/fields/tabs.png'
+  srcDark='https://payloadcms.com/images/docs/fields/tabs-dark.png'
+  alt='Shows a tabs field used to separate Hero and Page layout in the Payload admin panel'
+  caption='Tabs field type used to separate Hero fields from Page Layout'
+/>
+
 
 ### Config
 
@@ -25,14 +30,14 @@ _Tabs field type used to separate Hero fields from Page Layout_
 
 #### Tab-specific Config
 
-Each tab has its own required `label` and `fields` array. You can also optionally pass a `description` to render within each individual tab.
+Each tab must have either a `name` or `label` and the required `fields` array. You can also optionally pass a `description` to render within each individual tab.
 
-| Option              | Description                                                                                                                                                                                                  |
-| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| **`name`**          | An optional property name to be used when stored and retrieved from the database. [More](/docs/fields/overview#field-names)                                                                                  |
-| **`label`** \*      | The label to render on the tab itself.                                                                                                                                                                       |
-| **`fields`** \*     | The fields to render within this tab.                                                                                                                                                                        |
-| **`description`**   | Optionally render a description within this tab to describe the contents of the tab itself.                                                                                                                  |
+| Option           | Description                                                                                                                                                                                                  |
+| ---------------- |--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| **`name`**       | Groups field data into an object when stored and retrieved from the database. [More](/docs/fields/overview#field-names)                                                                                      |
+| **`label`**      | The label to render on the tab itself. Required when name is undefined, defaults to name converted to words.                                                                                                 |
+| **`fields`** \*  | The fields to render within this tab.                                                                                                                                                                        |
+| **`description`** | Optionally render a description within this tab to describe the contents of the tab itself.                                                                                                                  |
 | **`interfaceName`** | Create a top level, reusable [Typescript interface](/docs/typescript/generating-types#custom-field-interfaces) & [GraphQL type](/docs/graphql/graphql-schema#custom-field-schemas). (`name` must be present) |
 
 _\* An asterisk denotes that a property is required._

package/docs/fields/text.mdx

@@ -10,6 +10,13 @@ keywords: text, fields, config, configuration, documentation, Content Management
   The Text field type is one of the most commonly used fields. It saves a string to the database and provides the Admin panel with a simple text input.
 </Banner>
 
+<LightDarkImage 
+  srcLight='https://payloadcms.com/images/docs/fields/text.png'
+  srcDark='https://payloadcms.com/images/docs/fields/text-dark.png'
+  alt='Shows a text field and read-only text field in the Payload admin panel'
+  caption='Admin panel screenshot of a Text field and read-only Text field'
+/>
+
 ### Config
 
 | Option           | Description |

package/docs/fields/textarea.mdx

@@ -10,6 +10,13 @@ keywords: textarea, fields, config, configuration, documentation, Content Manage
   The Textarea field is almost identical to the Text field but it features a slightly larger input that is better suited to edit longer text.
 </Banner>
 
+<LightDarkImage 
+  srcLight='https://payloadcms.com/images/docs/fields/textarea.png'
+  srcDark='https://payloadcms.com/images/docs/fields/textarea-dark.png'
+  alt='Shows a textarea field and read-only textarea field in the Payload admin panel'
+  caption='Admin panel screenshot of a Textarea field and read-only Textarea field'
+/>
+
 ### Config
 
 | Option           | Description |

package/docs/fields/upload.mdx

@@ -15,6 +15,13 @@ keywords: upload, images media, fields, config, configuration, documentation, Co
   To use this field, you need to have a Collection configured to allow Uploads. For more information, [click here](/docs/upload/overview) to read about how to enable Uploads on a collection by collection basis.
 </Banner>
 
+<LightDarkImage 
+  srcLight='https://payloadcms.com/images/docs/fields/upload.png'
+  srcDark='https://payloadcms.com/images/docs/fields/upload-dark.png'
+  alt='Shows an upload field in the Payload admin panel'
+  caption='Admin panel screenshot of an Upload field'
+/>
+
 **Example uses:**
 
 - To provide a `Page` with a featured image

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "engines": {