From d4d16fbefd5ab3b09afc9282c05fa2f0549d197a Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Thu, 25 May 2023 16:46:02 -0400
Subject: [PATCH] fix(Layer): add 4th layer

---
 packages/react/src/components/Layer/index.js              | 2 +-
 packages/react/src/components/ListBox/ListBoxMenuItem.tsx | 1 -
 packages/styles/scss/_layer.scss                          | 4 ++++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/Layer/index.js b/packages/react/src/components/Layer/index.js
index 003160c1c446..d85ffb721f1c 100644
--- a/packages/react/src/components/Layer/index.js
+++ b/packages/react/src/components/Layer/index.js
@@ -11,7 +11,7 @@ import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import { LayerContext } from './LayerContext';
 
-const levels = ['one', 'two', 'three'];
+const levels = ['one', 'two', 'three', 'four'];
 const MAX_LEVEL = levels.length - 1;
 
 /**
diff --git a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx b/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
index c48cd023e34a..acdfe501bcf5 100644
--- a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
+++ b/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
@@ -38,7 +38,6 @@ export interface ListBoxMenuItemProps extends ReactAttr<HTMLDivElement> {
 export type ListBoxMenuItemForwardedRef =
   | (ForwardedRef<HTMLDivElement> & {
       menuItemOptionRef?: React.Ref<HTMLDivElement>;
-      Layer: HTMLDivElement;
     })
   | null;
 
diff --git a/packages/styles/scss/_layer.scss b/packages/styles/scss/_layer.scss
index 0db128c01750..c8db7787872d 100644
--- a/packages/styles/scss/_layer.scss
+++ b/packages/styles/scss/_layer.scss
@@ -24,3 +24,7 @@
 .#{$prefix}--layer-three {
   @include layer-tokens.emit-layer-tokens(3);
 }
+
+.#{$prefix}--layer-four {
+  @include layer-tokens.emit-layer-tokens(2);
+}