fix(layout): fix spelling of DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES

The DEFFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES will be removed in the next major release.
mlaursen · May 1, 2022 · 2d20a2e · 2d20a2e
1 parent 7346587
commit 2d20a2e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/layout/src/LayoutNavToggle.tsx b/packages/layout/src/LayoutNavToggle.tsx
@@ -12,7 +12,7 @@ import type {
 import { useCSSTransition } from "@react-md/transition";
 import type { PropsWithRef } from "@react-md/utils";
 
-import { DEFFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES } from "./constants";
+import { DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES } from "./constants";
 import { useLayoutConfig } from "./LayoutProvider";
 import { isTemporaryLayout, isToggleableLayout } from "./utils";
 
@@ -94,7 +94,7 @@ export const LayoutNavToggle = forwardRef<
     rendered,
     tabIndex: propTabIndex,
     timeout = DEFAULT_SHEET_TIMEOUT,
-    classNames = DEFFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES,
+    classNames = DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES,
     ...props
   },
   nodeRef

diff --git a/packages/layout/src/constants.ts b/packages/layout/src/constants.ts
@@ -19,10 +19,14 @@ export const DEFAULT_LAYOUT_MAIN_CLASSNAMES: Readonly<CSSTransitionClassNames> =
     exit: "rmd-layout-transition--exit",
   };
 
-export const DEFFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES: Readonly<CSSTransitionClassNames> =
+export const DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES: Readonly<CSSTransitionClassNames> =
   {
     enter: "rmd-layout-transition--enter",
     enterActive: "rmd-layout-nav-toggle--offset",
     enterDone: "rmd-layout-nav-toggle--offset",
     exit: "rmd-layout-transition--exit",
   };
+
+/** @deprecated \@since 5.1.3 use `DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES` instead */
+export const DEFFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES =
+  DEFAULT_LAYOUT_NAV_TOGGLE_CLASSNAMES;