declare const DEFAULT_TYPOGRAPHY_STYLES: { h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; declare const CONTENT_TYPOGRAPHY_STYLES: { clampH1: { fontSize: string; fontWeight: number; lineHeight: string; fontFamily: string; }; h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; letterSpacing: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; subtitle3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; title1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; title2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; export declare const TYPOGRAPHY_STYLES_MAP: { Default: { h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; Fluid: { h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; Clamp: { h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; Content: { clampH1: { fontSize: string; fontWeight: number; lineHeight: string; fontFamily: string; }; h1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; letterSpacing: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; subtitle3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; body3: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; title1: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; title2: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; }; "@media (max-height:600px)": { fontSize: string; }; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; "@media (max-width:830px)": { fontSize: string; lineHeight: string; }; "@media (max-height:600px)": { fontSize: string; lineHeight: string; }; }; }; ContentClamp: { clampH1: { fontSize: string; fontWeight: number; lineHeight: string; fontFamily: string; }; h1: { fontSize: string; fontWeight: number; lineHeight: string; }; h2: { fontSize: string; fontWeight: number; lineHeight: string; }; h3: { fontSize: string; fontWeight: number; lineHeight: string; }; h4: { fontSize: string; fontWeight: number; lineHeight: string; }; h5: { fontSize: string; fontWeight: number; lineHeight: string; }; h6: { fontSize: string; fontWeight: number; lineHeight: string; }; subtitle1: { fontSize: string; fontWeight: number; lineHeight: string; letterSpacing: string; }; subtitle2: { fontSize: string; fontWeight: number; lineHeight: string; }; subtitle3: { fontSize: string; fontWeight: number; lineHeight: string; }; body1: { fontSize: string; fontWeight: number; lineHeight: string; }; body2: { fontSize: string; fontWeight: number; lineHeight: string; }; body3: { fontSize: string; fontWeight: number; lineHeight: string; }; caption: { fontSize: string; fontWeight: number; lineHeight: string; }; title1: { fontSize: string; fontWeight: number; lineHeight: string; }; title2: { fontSize: string; fontWeight: number; lineHeight: string; }; buttoninput: { fontSize: string; fontWeight: number; lineHeight: string; }; pagination: { fontSize: string; fontWeight: number; lineHeight: string; }; textarea: { fontSize: string; fontWeight: number; lineHeight: string; }; }; }; /** Default / Fluid / Clamp 공통 variant (Content 전용 variant 제외) */ export type BaseTypographyVariant = keyof typeof DEFAULT_TYPOGRAPHY_STYLES; /** typographyType: 'Content' | 'ContentClamp' 일 때만 사용 가능한 variant */ export type ContentTypographyVariant = keyof typeof CONTENT_TYPOGRAPHY_STYLES; export {};