Add as a draft component

Author: pksjce

docs/content/Hidden.mdx renamed to docs/content/drafts/Hidden.mdx

@@ -6,7 +6,7 @@ status: Alpha
 componentId: hidden
 ---
 
-The `Hidden` component is a `<span />` that will help you hide or show content/components in different viewports.
+The `Hidden` component is a utility component that will help you hide or show content/components in different viewports.
 **Attention:** Use Hidden only to control behaviour in a responsive manner. It does not take any `sx` props.
 
 ## Example

docs/src/@primer/gatsby-theme-doctocat/nav.yml

@@ -84,8 +84,6 @@
       url: /Header
     - title: Heading
       url: /Heading
-    - title: Hidden
-      url: /Hidden
     - title: IconButton
       url: /IconButton
     - title: Label
@@ -157,6 +155,8 @@
   children:
     - title: Dialog v2
       url: /drafts/Dialog
+    - title: Hidden
+      url: /Hidden
     - title: InlineAutocomplete
       url: /drafts/InlineAutocomplete
     - title: MarkdownEditor

src/drafts/index.ts

@@ -6,6 +6,8 @@
  */
 export * from '../Dialog/Dialog'
 
+export * from '../Hidden' // Will be moved from drafts to main bundle after utility is proven
+
 export {default as InlineAutocomplete} from './InlineAutocomplete'
 export type {
   InlineAutocompleteProps,