@yamada-ui/react/dist/types/components/drawer/drawer.style.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/drawer/drawer.style.d.ts
declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
  /**
   * The placement of the drawer.
   *
   * @default 'inline-end'
   */
  placement: {
    "block-end": {
      content: {
        maxW: "full";
        roundedBottom: "0";
      };
      dragBar: {
        left: "50%";
        minH: "2";
        top: "md";
        transform: "translateX(-50%)";
        w: "3xs";
      };
    };
    "block-start": {
      content: {
        maxW: "full";
        roundedTop: "0";
      };
      dragBar: {
        bottom: "md";
        left: "50%";
        minH: "2";
        transform: "translateX(-50%)";
        w: "3xs";
      };
    };
    "inline-end": {
      content: {
        roundedRight: "0";
      };
      dragBar: {
        h: "3xs";
        left: "md";
        minW: "2";
        top: "50%";
        transform: "translateY(-50%)";
      };
    };
    "inline-start": {
      content: {
        roundedLeft: "0";
      };
      dragBar: {
        h: "3xs";
        minW: "2";
        right: "md";
        top: "50%";
        transform: "translateY(-50%)";
      };
    };
  };
}, {
  xs: {
    content: {
      maxW: "xs";
    };
  };
  sm: {
    content: {
      maxW: "sm";
    };
  };
  md: {
    content: {
      maxW: "md";
    };
  };
  lg: {
    content: {
      maxW: "lg";
    };
  };
  xl: {
    content: {
      maxW: "xl";
    };
  };
  "2xl": {
    content: {
      maxW: "2xl";
    };
  };
  "3xl": {
    content: {
      maxW: "3xl";
    };
  };
  "4xl": {
    content: {
      maxW: "4xl";
    };
  };
  "5xl": {
    content: {
      maxW: "5xl";
    };
  };
  "6xl": {
    content: {
      maxW: "6xl";
    };
  };
  full: {
    content: {
      minH: "dvh";
      minW: "vw";
      rounded: "0";
    };
  };
}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>;
type DrawerStyle = typeof drawerStyle;
//#endregion
export { DrawerStyle, drawerStyle };
//# sourceMappingURL=drawer.style.d.ts.map