[PageActions] [FullscreenBar] Deprecate (#13965)

Co-Authored-By: Mark Appleby <[email protected]>

Author: themarkappleby

polaris.shopify.com/content/components/navigation/fullscreen-bar.mdx renamed to polaris.shopify.com/content/components/deprecated/fullscreen-bar.mdx

@@ -1,6 +1,6 @@
 ---
 title: Fullscreen bar
-category: Navigation
+category: Deprecated
 keywords:
   - topbar
   - top bar
@@ -14,7 +14,8 @@ examples:
   - fileName: fullscreen-bar-no-children.tsx
     title: No children
     description: Use this default to show ONLY the Back button.
-previewImg: /images/components/navigation/fullscreen-bar.png
+status: Deprecated
+previewImg: /images/components/deprecated/fullscreen-bar.png
 ---
 
 # {frontmatter.title}
@@ -25,6 +26,14 @@ The Fullscreen bar is a header component that should be presented at the top of
 
 </Lede>
 
+<StatusBanner status={frontmatter.status}>
+  This component is no longer supported. Please use the [App Bridge Modal
+  API](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-modal?example=modals-with-different-options-opening-a-max-size-modal)
+  in combination with the [App Bridge Title Bar
+  API](https://shopify.dev/docs/api/app-bridge-library/web-components/ui-title-bar)
+  instead.
+</StatusBanner>
+
 <Examples />
 
 <Props componentName={frontmatter.title} />

polaris.shopify.com/content/components/actions/page-actions.mdx renamed to polaris.shopify.com/content/components/deprecated/page-actions.mdx

@@ -1,7 +1,7 @@
 ---
 title: Page actions
 shortDescription: Allows merchants to take key actions at the bottom of specific pages in the interface.
-category: Actions
+category: Deprecated
 keywords:
   - PageActions
   - bottom of page actions
@@ -25,7 +25,8 @@ examples:
   - fileName: page-actions-with-custom-secondary-action.tsx
     title: With custom secondary action
     description: Use to create a custom secondary action.
-previewImg: /images/components/actions/page-actions.png
+status: Deprecated
+previewImg: /images/components/deprecated/page-actions.png
 ---
 
 # {frontmatter.title}
@@ -36,6 +37,11 @@ Page actions let merchants take key actions at the bottom of specific pages in t
 
 </Lede>
 
+<StatusBanner status={frontmatter.status}>
+  This component is no longer supported. Please use the [App Bridge Save Bar
+  API](https://shopify.dev/docs/api/app-bridge-library/apis/save-bar) instead.
+</StatusBanner>
+
 <Examples />
 
 <Props componentName={frontmatter.title} />

polaris.shopify.com/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

polaris.shopify.com/next.config.js

@@ -237,11 +237,6 @@ const actions = [
     destination: '/components/actions/button',
     permanent: true,
   },
-  {
-    source: '/components/page-actions',
-    destination: '/components/actions/page-actions',
-    permanent: true,
-  },
 ];
 
 const deprecated = [
@@ -260,6 +255,11 @@ const deprecated = [
     destination: '/components/deprecated/display-text',
     permanent: true,
   },
+  {
+    source: '/components/fullscreen-bar',
+    destination: '/components/deprecated/fullscreen-bar',
+    permanent: true,
+  },
   {
     source: '/components/heading',
     destination: '/components/deprecated/heading',
@@ -285,6 +285,11 @@ const deprecated = [
     destination: '/components/deprecated/legacy-tabs',
     permanent: true,
   },
+  {
+    source: '/components/page-actions',
+    destination: '/components/deprecated/page-actions',
+    permanent: true,
+  },
   {
     source: '/components/selection-and-input/setting-toggle',
     destination: '/components/deprecated/setting-toggle',
@@ -585,11 +590,6 @@ const navigation = [
     destination: '/components/navigation/footer-help',
     permanent: true,
   },
-  {
-    source: '/components/fullscreen-bar',
-    destination: '/components/navigation/fullscreen-bar',
-    permanent: true,
-  },
   {
     source: '/components/link',
     destination: '/components/navigation/link',