Update Page Builder TOC (#8673)

* For preview stage build

* stage build of in-progress docs

* stage build for in-progress docs

* topic link fixes after reorg

* Tweaked order of TOC

* Update Page Builder TOC to sync with new organization of PageBuilder doc

* Keeping Page Builder master branch as the devdocs build branch for now

Author: bdenham

src/_data/toc/page-builder.yml

@@ -74,51 +74,96 @@ pages:
     url: /page-builder/docs/create-custom-content-type/summary.html
     versionless: true
 
-- label: How-Tos
+- label: 'Style content types'
   versionless: true
   children:
-  - label: Configure styling options
-    url: /page-builder/docs/how-to/how-to-configure-styling-options.html
+  - label: How Page Builder styles content
+    url: /page-builder/docs/styling/how-pagebuilder-styles-content.html
     versionless: true
 
-  - label: Add an appearance
-    url: /page-builder/docs/how-to/how-to-add-appearance.html
+  - label: How to override styles
+    url: /page-builder/docs/styling/how-to-override-pagebuilder-styles.html
     versionless: true
 
-  - label: Upgrade content types
-    url: /page-builder/docs/how-to/how-to-use-upgrade-library.html
+  - label: Use themes to override styles
+    url: /page-builder/docs/styling/use-themes-to-override-styles.html
     versionless: true
 
-  - label: Customize the panel
-    url: /page-builder/docs/how-to/how-to-customize-panel.html
+  - label: Use modules to override styles
+    url: /page-builder/docs/styling/use-modules-to-override-styles.html
     versionless: true
 
-  - label: Add an image uploader
-    url: /page-builder/docs/how-to/how-to-add-image-uploader.html
+  - label: Use HTML Code to override styles
+    url: /page-builder/docs/styling/use-htmlcode-to-override-styles.html
     versionless: true
 
-  - label: Add a storefront widget
-    url: /page-builder/docs/how-to/how-to-add-storefront-widget.html
+  - label: Configure styling options
+    url: /page-builder/docs/styling/how-to-configure-styling-options.html
     versionless: true
 
-  - label: Add a text editor
-    url: /page-builder/docs/how-to/how-to-add-text-editor.html
+# - label: 'Create responsive content'
+#   versionless: true
+#   children:
+#   - label: How viewports work
+#     url: /page-builder/docs/viewports/how-viewports-work.html
+#     versionless: true
+
+#   - label: How to add viewports
+#     url: /page-builder/docs/viewports/how-to-add-viewports.html
+#     versionless: true
+
+#   - label: How to use viewports
+#     url: /page-builder/docs/viewports/how-to-use-viewports.html
+#     versionless: true
+
+#   - label: How to change viewports
+#     url: /page-builder/docs/viewports/how-to-change-viewports.html
+#     versionless: true
+
+- label: 'Customize content types'
+  versionless: true
+  children:
+  - label: Add an appearance
+    url: /page-builder/docs/customize/how-to-add-appearance.html
+    versionless: true
+
+  - label: Customize the panel
+    url: /page-builder/docs/customize/how-to-customize-panel.html
     versionless: true
 
   - label: Add a custom toolbar
-    url: /page-builder/docs/how-to/how-to-add-custom-toolbar.html
+    url: /page-builder/docs/customize/how-to-add-custom-toolbar.html
     versionless: true
 
-  - label: Add icons and images
-    url: /page-builder/docs/how-to/how-to-add-icons-images.html
+  - label: Customize selectors
+    url: /page-builder/docs/customize/how-to-customize-selectors.html
     versionless: true
 
-  - label: Change breakpoints
-    url: /page-builder/docs/how-to/how-to-change-breakpoints.html
+  - label: Add icons and images
+    url: /page-builder/docs/customize/how-to-add-icons-images.html
     versionless: true
 
   - label: Add additional configurations
-    url: /page-builder/docs/how-to/how-to-add-additional-configurations.html
+    url: /page-builder/docs/customize/how-to-add-additional-configurations.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
+    versionless: true
+
+  - label: Add an image uploader
+    url: /page-builder/docs/how-to/how-to-add-image-uploader.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
@@ -129,10 +174,6 @@ pages:
     url: /page-builder/docs/how-to/how-to-use-full-width-layouts.html
     versionless: true
 
-  - label: Customize selectors
-    url: /page-builder/docs/how-to/how-to-customize-selectors.html
-    versionless: true
-
   - label: Apply product conditions
     url: /page-builder/docs/how-to/how-to-apply-product-conditions.html
     versionless: true
@@ -141,9 +182,9 @@ pages:
     url: /page-builder/docs/how-to/how-to-use-server-side-previews.html
     versionless: true
 
-#  - label: How to create a container content type
-#    url: /page-builder/docs/how-to/how-to-create-container-content-type.html
-#    versionless: true
+  # - label: Create container content types
+  #   url: /page-builder/docs/how-to/how-to-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

src/_data/whats-new.yml

@@ -1984,7 +1984,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/how-to/how-to-configure-styling-options.html).'
+    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).'
   versions: 2.3.x
   type: New Topic
   date: April 15, 2020

src/guides/v2.3/page-builder/index.md

@@ -26,12 +26,11 @@ The following links provide quick access to our [Page Builder GitHub code exampl
 
 ## How-Tos (just a few)
 
--  [How to customize the Page Builder panel]({{ site.baseurl }}/page-builder/docs/how-to/how-to-customize-panel.html)
+-  [How to customize the Page Builder panel]({{ site.baseurl }}/page-builder/docs/customize/how-to-customize-panel.html)
 -  [How to add an image uploader]({{ site.baseurl }}/page-builder/docs/how-to/how-to-add-image-uploader.html)
 -  [How to add a storefront widget]({{ site.baseurl }}/page-builder/docs/how-to/how-to-add-storefront-widget.html)
--  [How to add a custom toolbar]({{ site.baseurl }}/page-builder/docs/how-to/how-to-add-custom-toolbar.html)
--  [How to add icons and images]({{ site.baseurl }}/page-builder/docs/how-to/how-to-add-icons-images.html)
--  [How to change breakpoints]({{ site.baseurl }}/page-builder/docs/how-to/how-to-change-breakpoints.html)
+-  [How to add a custom toolbar]({{ site.baseurl }}/page-builder/docs/customize/how-to-add-custom-toolbar.html)
+-  [How to add icons and images]({{ site.baseurl }}/page-builder/docs/customize/how-to-add-icons-images.html)
 
 ## Reference