@teamsparta/stack-custom-modal
Version:
stack custom modal
41 lines (38 loc) • 2.32 kB
text/typescript
import * as _emotion_react from '@emotion/react';
import { Variants } from 'motion/react';
import { CustomModalSize } from './type.mjs';
declare const descriptionMarginVar = "--stack-modal-description-margin";
declare const contentMaxWidthVar = "--stack-modal-content-max-width";
declare const contentMaxHeightVar = "--stack-modal-content-max-height";
declare const contentMaxHeightDvhVar = "--stack-modal-content-max-height-dvh";
declare const contentHeightVar = "--stack-modal-content-height";
declare const contentHeightDvhVar = "--stack-modal-content-height-dvh";
declare const contentRadiusVar = "--stack-modal-content-radius";
interface ModalSizeVariant {
[contentMaxWidthVar]: string;
[contentMaxHeightVar]: string;
[contentMaxHeightDvhVar]: string;
[contentHeightVar]: string;
[contentHeightDvhVar]: string;
[contentRadiusVar]: string;
[descriptionMarginVar]: string;
}
declare const modalSizeVariants: Record<CustomModalSize, ModalSizeVariant>;
declare const overlayCss: _emotion_react.SerializedStyles;
declare const contentWrapperCss: _emotion_react.SerializedStyles;
declare const contentCss: _emotion_react.SerializedStyles;
declare const bodyCss: _emotion_react.SerializedStyles;
declare const headerCss: _emotion_react.SerializedStyles;
declare const headerHasScrollCss: _emotion_react.SerializedStyles;
declare const titleCss: _emotion_react.SerializedStyles;
declare const descriptionCss: _emotion_react.SerializedStyles;
declare const footerHasScrollCss: _emotion_react.SerializedStyles;
declare const captionCss: _emotion_react.SerializedStyles;
declare const scrollAreaRootCss: _emotion_react.SerializedStyles;
declare const scrollAreaContentCss: _emotion_react.SerializedStyles;
declare const scrollAreaScrollbarCss: _emotion_react.SerializedStyles;
declare const scrollAreaThumbCss: _emotion_react.SerializedStyles;
declare const closeButtonCss: _emotion_react.SerializedStyles;
declare const overlayVariants: Variants;
declare const contentVariants: Variants;
export { bodyCss, captionCss, closeButtonCss, contentCss, contentVariants, contentWrapperCss, descriptionCss, footerHasScrollCss, headerCss, headerHasScrollCss, modalSizeVariants, overlayCss, overlayVariants, scrollAreaContentCss, scrollAreaRootCss, scrollAreaScrollbarCss, scrollAreaThumbCss, titleCss };