chore(chrome): deprecate Chrome components (#2047)

jzempel · web-flow · commit a913663d8aa5 · 2025-09-09T13:02:57.000-04:00
diff --git a/packages/chrome/README.md b/packages/chrome/README.md
@@ -2,6 +2,10 @@
 
 Collection of elements relating to the Chrome component within the Garden Design System
 
+| ⚠️ **DEPRECATED**                                                                                              |
+| :------------------------------------------------------------------------------------------------------------- |
+| The `Chrome` components (including `Body`, `Content`, `Header`, `Main`, `Nav`) are deprecated for general use. |
+
 ## Installation
 
 ```sh
diff --git a/packages/chrome/src/elements/Chrome.tsx b/packages/chrome/src/elements/Chrome.tsx
@@ -15,6 +15,8 @@ import { ChromeContext } from '../utils/useChromeContext';
 import { StyledChrome } from '../styled';
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export const Chrome = React.forwardRef<HTMLDivElement, IChromeProps>(
diff --git a/packages/chrome/src/elements/body/Body.tsx b/packages/chrome/src/elements/body/Body.tsx
@@ -10,6 +10,8 @@ import { StyledBody } from '../../styled';
 import { BodyContext } from '../../utils/useBodyContext';
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export const Body = React.forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
diff --git a/packages/chrome/src/elements/body/Content.tsx b/packages/chrome/src/elements/body/Content.tsx
@@ -10,6 +10,8 @@ import { StyledContent } from '../../styled';
 import { useBodyContext } from '../../utils/useBodyContext';
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export const Content = React.forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(
diff --git a/packages/chrome/src/elements/body/Main.tsx b/packages/chrome/src/elements/body/Main.tsx
@@ -9,6 +9,8 @@ import React, { HTMLAttributes } from 'react';
 import { StyledMain } from '../../styled';
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLElement>
  */
 export const Main = React.forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>((props, ref) => (
diff --git a/packages/chrome/src/elements/footer/Footer.tsx b/packages/chrome/src/elements/footer/Footer.tsx
@@ -36,6 +36,8 @@ export const FooterComponent = React.forwardRef<HTMLElement, HTMLAttributes<HTML
 FooterComponent.displayName = 'Footer';
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLElement>
  */
 export const Footer = FooterComponent as typeof FooterComponent & {
diff --git a/packages/chrome/src/elements/header/Header.tsx b/packages/chrome/src/elements/header/Header.tsx
@@ -27,6 +27,8 @@ HeaderComponent.propTypes = {
 };
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLElement>
  */
 export const Header = HeaderComponent as typeof HeaderComponent & {
diff --git a/packages/chrome/src/elements/nav/Nav.tsx b/packages/chrome/src/elements/nav/Nav.tsx
@@ -44,6 +44,8 @@ NavComponent.propTypes = {
 };
 
 /**
+ * @deprecated no longer for general use
+ *
  * @extends HTMLAttributes<HTMLElement>
  */
 export const Nav = NavComponent as typeof NavComponent & {
