fix(Layer): add 4th layer

carbon-design-system · May 25, 2023 · d4d16fb · d4d16fb
1 parent 139979b
commit d4d16fb
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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
@@ -24,3 +24,7 @@
 .#{$prefix}--layer-three {
   @include layer-tokens.emit-layer-tokens(3);
 }
+
+.#{$prefix}--layer-four {
+  @include layer-tokens.emit-layer-tokens(2);
+}