@react-md/core 7.0.0 → 7.0.2

package/src/layout/useExpandableLayout.ts

@@ -9,7 +9,11 @@ import { type AppSize } from "../media-queries/appSize.js";
 import { MEDIA_QUERY_CONFIG } from "../media-queries/config.js";
 import { useMediaQuery } from "../media-queries/useMediaQuery.js";
 import { type CSSTransitionElementProps } from "../transition/types.js";
-import { type CssPosition, type UseStateInitializer } from "../types.js";
+import {
+  type CssPosition,
+  type LiteralStringUnion,
+  type UseStateInitializer,
+} from "../types.js";
 import { useToggle } from "../useToggle.js";
 import { useDevEffect } from "../utils/useDevEffect.js";
 import { type LayoutNavProps } from "./LayoutNav.js";
@@ -75,7 +79,7 @@ export interface ExpandableLayoutOptions extends TemporaryLayoutOptions {
    *
    * @defaultValue `"tablet"`
    */
-  temporaryUntil?: "tablet" | "desktop" | (string & {});
+  temporaryUntil?: LiteralStringUnion<"tablet" | "desktop">;
 }
 
 /**

package/src/menu/MenuItemButton.tsx

@@ -120,6 +120,7 @@ export function MenuItemButton(props: MenuItemButtonProps): ReactElement {
       aria-expanded={visible || undefined}
       id={id}
       ref={ref}
+      height={height}
       rightAddon={rightAddon}
       onClick={(event) => {
         onClick(event);

package/src/menu/MenuItemFileInput.tsx

@@ -98,7 +98,7 @@ export function MenuItemFileInput(props: MenuItemFileInputProps): ReactElement {
         // elements to be removed from the DOM, a normal `<input type="file" />`
         // can't be used. Instead, create a temporary file input element and
         // click it to trigger the file upload behavior.
-        let input: HTMLInputElement | null = document.createElement("input");
+        const input = document.createElement("input");
         input.type = "file";
         if (accept) {
           input.accept = accept;
@@ -114,7 +114,6 @@ export function MenuItemFileInput(props: MenuItemFileInputProps): ReactElement {
         // @ts-expect-error
         input.addEventListener("change", onChange);
         input.click();
-        input = null;
       }}
     >
       {children}

package/src/menu/MenuItemInputToggle.tsx

@@ -181,7 +181,7 @@ export function MenuItemInputToggle(
     MenuItemCheckboxProps & { type: "checkbox" | "radio" | "switch" };
   const id = useEnsuredId(propId, "menu-item");
 
-  let icon = propIcon;
+  let icon: ReactElement;
   if (type === "switch") {
     icon = (
       <SwitchTrack

package/src/positioning/utils.ts

@@ -228,8 +228,6 @@ export function getTransformOrigin(options: TransformOriginOptions): string {
     case "inner-right":
       x = "100%";
       break;
-    default:
-      x = "0";
   }
 
   let y = "0";
@@ -248,8 +246,6 @@ export function getTransformOrigin(options: TransformOriginOptions): string {
       case "top":
         y = "0";
         break;
-      default:
-        y = "0";
     }
   }
 

package/src/transition/useMaxWidthTransition.ts

@@ -7,7 +7,7 @@ import { Children, cloneElement, isValidElement } from "react";
 import { maxWidthTransition } from "./maxWidthTransition.js";
 
 declare module "react" {
-  interface CSSProperites {
+  interface CSSProperties {
     "--rmd-max-width"?: string | number;
     "--rmd-max-width-gap"?: string | number;
   }

package/src/types.ts

@@ -240,6 +240,12 @@ export type OverridableStringUnion<
       [K in keyof Overrides]: Overrides[K] extends false ? never : K;
     }[keyof Overrides];
 
+/**
+ * @see https://github.com/microsoft/TypeScript/issues/29729#issuecomment-471566609
+ * @since 7.1.0
+ */
+export type LiteralStringUnion<T extends U, U = string> = T | (U & {});
+
 /**
  * @since 6.2.0
  */

package/src/window-splitter/styles.ts

@@ -12,8 +12,8 @@ declare module "react" {
     "--rmd-window-splitter-y"?: string | number;
     "--rmd-window-splitter-z"?: string | number;
     "--rmd-window-splitter-position"?: string | number;
-    "--rmd-window-splitter-backgrond-color"?: string;
-    "--rmd-window-splitter-inactive-backgrond-color"?: string;
+    "--rmd-window-splitter-background-color"?: string;
+    "--rmd-window-splitter-inactive-background-color"?: string;
     "--rmd-window-splitter-opacity"?: string | number;
   }
 }