style

Author: paula-stacho

package-lock.json

@@ -43,6 +43,7 @@
     "@leafygreen-ui/code": "^16.0.2",
     "@leafygreen-ui/combobox": "^11.0.2",
     "@leafygreen-ui/confirmation-modal": "^6.0.2",
+    "@leafygreen-ui/descendants": "^2.1.0",
     "@leafygreen-ui/emotion": "^4.0.9",
     "@leafygreen-ui/guide-cue": "^7.0.2",
     "@leafygreen-ui/hooks": "^8.3.4",

packages/compass-components/package.json

@@ -1,5 +1,5 @@
 import { css, cx, keyframes } from '@leafygreen-ui/emotion';
-import { createUniqueClassName, Theme } from '@leafygreen-ui/lib';
+import { createUniqueClassName, type Theme } from '@leafygreen-ui/lib';
 import {
   addOverflowShadow,
   color,
@@ -10,8 +10,8 @@ import {
 
 import { PANEL_WIDTH } from '../constants';
 
-import { HEADER_HEIGHT, MOBILE_BREAKPOINT } from './Drawer.constants';
-import { DisplayMode } from './Drawer.types';
+import { HEADER_HEIGHT, MOBILE_BREAKPOINT } from './drawer.constants';
+import { DisplayMode } from './drawer.types';
 
 export const drawerTransitionDuration = transitionDuration.slower;
 

packages/compass-components/src/components/drawer/Drawer/Drawer.spec.tsx

@@ -14,7 +14,7 @@ import { usePolymorphic } from '@leafygreen-ui/polymorphic';
 import { BaseFontSize } from '@leafygreen-ui/tokens';
 import { Body } from '@leafygreen-ui/typography';
 
-import { useDrawerStackContext } from '../DrawerStackContext';
+import { useDrawerStackContext } from '../drawer-stack-context';
 import { getLgIds } from '../utils';
 
 import {
@@ -25,8 +25,8 @@ import {
   getHeaderStyles,
   getInnerContainerStyles,
   innerChildrenContainerStyles,
-} from './Drawer.styles';
-import { DisplayMode, DrawerProps } from './Drawer.types';
+} from './drawer.styles';
+import { DisplayMode, type DrawerProps } from './drawer.types';
 import { Icon } from '../../leafygreen';
 
 export const Drawer = forwardRef<HTMLDivElement, DrawerProps>(

packages/compass-components/src/components/drawer/Drawer/Drawer.styles.ts

@@ -1,6 +1,10 @@
-import React from 'react';
+import type React from 'react';
 
-import { DarkModeProps, HTMLElementProps, LgIdProps } from '@leafygreen-ui/lib';
+import type {
+  DarkModeProps,
+  HTMLElementProps,
+  LgIdProps,
+} from '@leafygreen-ui/lib';
 
 /**
  * Options to control how the drawer element is displayed

packages/compass-components/src/components/drawer/Drawer/Drawer.tsx

@@ -1,4 +1,4 @@
-export { Drawer } from './Drawer';
-export { MOBILE_BREAKPOINT } from './Drawer.constants';
-export { drawerClassName } from './Drawer.styles';
-export { DisplayMode, type DrawerProps } from './Drawer.types';
+export { Drawer } from './drawer';
+export { MOBILE_BREAKPOINT } from './drawer.constants';
+export { drawerClassName } from './drawer.styles';
+export { DisplayMode, type DrawerProps } from './drawer.types';