New Page Builder docs on styling content types

Docfile.yml

@@ -25,4 +25,3 @@ content_map:
   repository: magento/magento2-page-builder-data-migration
   branch: 1.0.0-release
   filter: true
-

src/_data/toc/page-builder.yml

@@ -12,185 +12,191 @@ pages:
     url: /page-builder/docs/getting-started/install-pagebuilder.html
     versionless: true
 
+  - label: Install Page Builder Examples
+    url: /page-builder/docs/getting-started/install-pagebuilder-examples.html
+    versionless: true
+
   - label: View Page Builder
     url: /page-builder/docs/getting-started/view-pagebuilder.html
     versionless: true
 
-  - label: Install Page Builder Examples
-    url: /page-builder/docs/getting-started/install-pagebuilder-examples.html
+- label: 'Configure Page Builder'
+  versionless: true
+  children:
+  - label: Configure the panel
+    url: /page-builder/docs/configure-pagebuilder/configure-panel.html
+    versionless: true
+
+  - label: Deactivate Page Builder
+    url: /page-builder/docs/configure-pagebuilder/deactivate-pagebuilder.html
     versionless: true
 
-- label: 'Extending content types'
+  - label: Upgrade content types
+    url: /page-builder/docs/configure-pagebuilder/upgrade-content-types.html
+    versionless: true
+
+  - label: Use full-width layouts
+    url: /page-builder/docs/configure-pagebuilder/add-full-width-layouts.html
+    versionless: true
+
+  - label: Use Page Builder for product attributes
+    url: /page-builder/docs/configure-pagebuilder/use-pagebuilder-for-product-attributes.html
+    versionless: true
+
+- label: 'Extend content types'
   versionless: true
   children:
-  - label: Extending content types
-    url: /page-builder/docs/extending/extending-content-types.html
+  - label: Introduction
+    url: /page-builder/docs/extend-content-types/introduction.html
     versionless: true
 
-  - label: How to extend appearances
-    url: /page-builder/docs/extending/how-to-extend-appearances.html
+  - label: Extend appearances
+    url: /page-builder/docs/extend-content-types/extend-appearances.html
     versionless: true
 
-  - label: How to add appearances
-    url: /page-builder/docs/extending/how-to-add-appearances.html
+  - label: Extend more appearances
+    url: /page-builder/docs/extend-content-types/extend-more-appearances.html
     versionless: true
 
-- label: 'Creating content types'
+  - label: Add appearances
+    url: /page-builder/docs/extend-content-types/add-appearances.html
+    versionless: true
+
+- label: 'Create content types'
   versionless: true
   children:
-  - label: Creating content types
-    url: /page-builder/docs/creating/overview.html
+  - label: Introduction
+    url: /page-builder/docs/create-content-types/introduction.html
     versionless: true
 
-  - label: Step 1. Add configuration
-    url: /page-builder/docs/creating/step-1-add-configuration.html
+  - label: Add configuration
+    url: /page-builder/docs/create-content-types/add-configuration.html
     versionless: true
 
-  - label: Step 2. Add templates
-    url: /page-builder/docs/creating/step-2-add-templates.html
+  - label: Add templates
+    url: /page-builder/docs/create-content-types/add-templates.html
     versionless: true
 
-  - label: Step 3. Add components
-    url: /page-builder/docs/creating/step-3-add-components.html
+  - label: Add components
+    url: /page-builder/docs/create-content-types/add-components.html
     versionless: true
 
-  - label: Step 4. Add form
-    url: /page-builder/docs/creating/step-4-add-form.html
+  - label: Add a form
+    url: /page-builder/docs/create-content-types/add-form.html
     versionless: true
 
-  - label: Step 5. Add styles
-    url: /page-builder/docs/creating/step-5-add-styles.html
+  - label: Add styles
+    url: /page-builder/docs/create-content-types/add-styles.html
     versionless: true
 
-  - label: Step 6. Add an icon
-    url: /page-builder/docs/creating/step-6-add-icon.html
+  - label: Add an icon
+    url: /page-builder/docs/create-content-types/add-icon.html
     versionless: true
 
-  - label: Summary
-    url: /page-builder/docs/creating/summary.html
+  - label: Workflow tips
+    url: /page-builder/docs/create-content-types/workflow-tips.html
     versionless: true
 
-- label: 'Styling content types'
+- label: 'Style content types'
   versionless: true
   children:
   - label: How Page Builder styles content
-    url: /page-builder/docs/styling/how-pagebuilder-styles-content.html
+    url: /page-builder/docs/style-content-types/how-pagebuilder-styles-content.html
     versionless: true
 
-  - label: How to override styles
-    url: /page-builder/docs/styling/how-to-override-pagebuilder-styles.html
+  - label: Override Page Builder styles
+    url: /page-builder/docs/style-content-types/override-pagebuilder-styles.html
     versionless: true
 
-  - label: Use themes to override styles
-    url: /page-builder/docs/styling/use-themes-to-override-styles.html
+  - label: Use Themes to override styles
+    url: /page-builder/docs/style-content-types/use-themes-to-override-styles.html
     versionless: true
 
-  - label: Use modules to override styles
-    url: /page-builder/docs/styling/use-modules-to-override-styles.html
+  - label: Use Modules to override styles
+    url: /page-builder/docs/style-content-types/use-modules-to-override-styles.html
     versionless: true
 
   - label: Use HTML Code to override styles
-    url: /page-builder/docs/styling/use-htmlcode-to-override-styles.html
-    versionless: true
-
-  - label: Configure styling options
-    url: /page-builder/docs/styling/how-to-configure-styling-options.html
+    url: /page-builder/docs/style-content-types/use-htmlcode-to-override-styles.html
     versionless: true
 
-# - label: 'Create responsive content'
+# - label: 'Add responsive layouts'
 #   versionless: true
 #   children:
-#   - label: Introduction to viewports
-#     url: /page-builder/docs/viewports/introduction-to-viewports.html
+#   - label: Introduction to viewports and breakpoints
+#     url: /page-builder/docs/add-responsive-layouts/introduction.html
+#     versionless: true
+
+#   - label: Responsive configuration
+#     url: /page-builder/docs/add-responsive-layouts/responsive-configurations.html
 #     versionless: true
 
-#   - label: How to add viewports
-#     url: /page-builder/docs/viewports/how-to-add-viewports.html
+#   - label: Add viewports to stage
+#     url: /page-builder/docs/add-responsive-layouts/add-viewports.html
 #     versionless: true
 
-#   - label: How to use viewports
-#     url: /page-builder/docs/viewports/how-to-use-viewports.html
+#   - label: Use viewports in forms
+#     url: /page-builder/docs/add-responsive-layouts/use-viewports.html
 #     versionless: true
 
-#   - label: How to change viewports
-#     url: /page-builder/docs/viewports/how-to-change-viewports.html
+#   - label: Use breakpoints in widgets
+#     url: /page-builder/docs/add-responsive-layouts/use-breakpoints.html
 #     versionless: true
 
-- label: 'Customizing content types'
+#   - label: Change breakpoints
+#     url: /page-builder/docs/add-responsive-layouts/change-breakpoints.html
+#     versionless: true
+
+- label: 'Customize content types'
   versionless: true
   children:
-
-  - label: Customize the panel
-    url: /page-builder/docs/customizing/how-to-customize-panel.html
+  - label: Add additional data
+    url: /page-builder/docs/customize-content-types/add-additional-data.html
     versionless: true
 
-  - label: Add a custom toolbar
-    url: /page-builder/docs/customizing/how-to-add-custom-toolbar.html
+  - label: Add block chooser
+    url: /page-builder/docs/customize-content-types/add-block-chooser.html
     versionless: true
 
-  - label: Customize selectors
-    url: /page-builder/docs/customizing/how-to-customize-selectors.html
+  - label: Add custom toolbar
+    url: /page-builder/docs/customize-content-types/add-custom-toolbar.html
     versionless: true
 
   - label: Add icons and images
-    url: /page-builder/docs/customizing/how-to-add-icons-images.html
+    url: /page-builder/docs/customize-content-types/add-icons-images.html
     versionless: true
 
-  - label: Add additional configurations
-    url: /page-builder/docs/customizing/how-to-add-additional-configurations.html
+  - label: Add image uploader
+    url: /page-builder/docs/customize-content-types/add-image-uploader.html
     versionless: true
 
-- label: How-Tos
-  versionless: true
-  children:
-  - label: Upgrade content types
-    url: /page-builder/docs/how-to/how-to-use-upgrade-library.html
+  - label: Add storefront widget
+    url: /page-builder/docs/customize-content-types/add-storefront-widget.html
     versionless: true
 
-  - label: Add an image uploader
-    url: /page-builder/docs/how-to/how-to-add-image-uploader.html
+  - label: Add text editor
+    url: /page-builder/docs/customize-content-types/add-text-editor.html
     versionless: true
 
-  - label: Add a storefront widget
-    url: /page-builder/docs/how-to/how-to-add-storefront-widget.html
-    versionless: true
-
-  - label: Add a text editor
-    url: /page-builder/docs/how-to/how-to-add-text-editor.html
-    versionless: true
-
-  - label: Add a block chooser
-    url: /page-builder/docs/how-to/how-to-add-block-chooser.html
-    versionless: true
-
-  - label: Use full-width layouts
-    url: /page-builder/docs/how-to/how-to-use-full-width-layouts.html
+  - label: Add visual selector
+    url: /page-builder/docs/customize-content-types/add-visual-selector.html
     versionless: true
 
   - label: Apply product conditions
-    url: /page-builder/docs/how-to/how-to-apply-product-conditions.html
+    url: /page-builder/docs/customize-content-types/apply-product-conditions.html
     versionless: true
 
-  - label: Use server-side previews
-    url: /page-builder/docs/how-to/how-to-use-server-side-previews.html
+  - label: Render server-side preview
+    url: /page-builder/docs/customize-content-types/render-server-side-preview.html
     versionless: true
 
   # - label: Create container content types
-  #   url: /page-builder/docs/how-to/how-to-create-container-content-type.html
+  #   url: /page-builder/docs/customize-content-types/create-container-content-type.html
   #   versionless: true
 
-  - label: Use Page Builder for product attributes
-    url: /page-builder/docs/how-to/how-to-use-pagebuilder-for-product-attributes.html
-    versionless: true
-
-  - label: Deactivate Page Builder
-    url: /page-builder/docs/how-to/how-to-deactivate-pagebuilder.html
-    versionless: true
-
 - label: BlueFoot content migration
   versionless: true
   children:
-
   - label: Overview of content migration
     url: /page-builder-migration/docs/
     versionless: true

src/_data/whats-new.yml

@@ -2042,7 +2042,7 @@ entries:
   date: April 16, 2020
   link: https://github.com/magento/devdocs/pull/7024
 - description: 'New Page Builder topic on how to configure three different options
-    for styling elements in your content types: [How to configure styling options](https://devdocs.magento.com/page-builder/docs/styling/how-to-configure-styling-options.html).'
+    for styling elements in your content types: [Add more appearances](https://devdocs.magento.com/page-builder/docs/extend-content-types/extend-more-appearances.html).'
   versions: 2.3.x
   type: New Topic
   date: April 15, 2020

src/guides/v2.3/release-notes/release-notes-2-3-5-commerce.md

@@ -113,7 +113,7 @@ Page Builder enhancements for this release include:
 
 *  **Full Height Rows, Banners, and Sliders**. Page Builder Rows, Banners, and Sliders now have the option to set their heights to the full-height of the page using a number with any CSS unit (px, %, vh, em) or a calculation between units (100vh - 237px). See [Rows](https://docs.magento.com/m2/ee/user_guide/cms/page-builder-layout-row.html), [Banners](https://docs.magento.com/m2/ee/user_guide/cms/page-builder-media-banner.html), [Sliders](https://docs.magento.com/m2/ee/user_guide/cms/page-builder-media-slider.html).
 
-*  **Content type upgrade library**. We can now introduce new versions of Page Builder content types without introducing backward-incompatible issues with previous versions. Prior to this release, significant changes to content type configurations would create display and data-loss issues with previously saved Page Builder content types. Our new upgrade library eliminates these issues. The library upgrades previous versions of content types saved to the database to match the configuration changes of the new versions. See [How to upgrade content types](https://devdocs.magento.com/page-builder/docs/how-to/how-to-use-upgrade-library.html).
+*  **Content type upgrade library**. We can now introduce new versions of Page Builder content types without introducing backward-incompatible issues with previous versions. Prior to this release, significant changes to content type configurations would create display and data-loss issues with previously saved Page Builder content types. Our new upgrade library eliminates these issues. The library upgrades previous versions of content types saved to the database to match the configuration changes of the new versions. See [Upgrade content types](https://devdocs.magento.com/page-builder/docs/configure-pagebuilder/upgrade-content-types.html).
 
 ### Inventory Management