import { type HueTone } from "../../style/hue-tone.js"; import { type TextStyle } from "react-native"; import { type ColorTokens } from "../../style/index.js"; import { type TypeFace } from "../../style/type-scale.js"; import { type TypographySkin } from "./typography.shared.js"; export type Role = "subheading" | "label" | "micro" | "tag" | "eyebrow" | "eyebrowLg" | "stageLabel" | "statValue" | "metricValue" | "formValue" | "hero" | "pageTitle" | "sectionTitle" | "cardTitle" | "panelTitle" | "tagline" | "pageLead" | "sectionLead" | "cardBody" | "sectionNote" | "pageBody" | "pageNote" | "pageLabel" | "knobLabel" | "guideTitle" | "guideBody" | "pagerName" | "specMeta" | "specText" | "pagerLabel" | "legendLabel" | "tileCaption" | "variantTitle" | "linkName" | "subsectionTitle" | "cardNote" | "codeLabel" | "inlineNote" | "tileTitle" | "gridLabel" | "tick" | "rowLabel" | "rowValue" | "headlineValue" | "bigNumber" | "unit" | "paneTitle" | "sampleLabel" | "sampleMeta" | "base" | "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "lead" | "body" | "small" | "tiny" | "muted" | "caption" | "code" | "mono"; export declare const INLINE_CODE_SCALE = 0.88; /** The chip's box: `padding:1px 5px;border-radius:5px;border:1px solid var(--ln)`, at the hand-off's 400 weight; the corner is the web row's `inlineCode` role. */ export declare const INLINE_CODE_BOX: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; }; export declare const inlineCodeType: { readonly lead: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 16.72; readonly lineHeight: 25.08; }; readonly pageLead: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 15.84; readonly lineHeight: 24.55; }; readonly sectionLead: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 14.96; readonly lineHeight: 23.19; }; readonly cardBody: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 12.32; readonly lineHeight: 19.1; }; readonly sectionNote: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 12.32; readonly lineHeight: 18.48; }; readonly pageBody: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 13.2; readonly lineHeight: 21.12; }; readonly pageNote: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 12.32; readonly lineHeight: 19.71; }; readonly guideBody: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 11.88; readonly lineHeight: 19.01; }; readonly specText: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 11.44; readonly lineHeight: 17.73; }; readonly caption: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 10.56; readonly lineHeight: 15.31; }; readonly small: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 11.44; readonly lineHeight: 17.16; }; readonly tiny: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 9.68; readonly lineHeight: 14.04; }; readonly body: { readonly fontWeight: "400"; readonly borderRadius: 5; readonly paddingHorizontal: 5; readonly paddingVertical: 1; readonly borderWidth: 1; readonly fontSize: 13.2; readonly lineHeight: 20.46; }; }; /** The reading roles the prose code chip sizes itself from. */ export type InlineCodeReading = keyof typeof inlineCodeType; export declare const webSkin: TypographySkin; export declare const iosSkin: TypographySkin; export declare const androidSkin: TypographySkin; export declare function roleColor(tokens: ColorTokens, role: Role): TextStyle; export declare const MONO_ROLES: Set; export type Tone = "muted" | "subtle" | "primary" | "destructive" | "success" | "warning" | HueTone; export declare function toneColor(tokens: ColorTokens, dark: boolean, tone: Tone): TextStyle; export type Weight = "extraBold" | "regular" | "medium" | "semibold" | "bold"; export declare function weightStyle(weight: Weight): TextStyle; export type Leading = "tight" | "natural" | "display" | "single" | "lockup" | "dense" | "compact" | "label" | "caption" | "small" | "strong" | "body" | "relaxed"; export declare function leadingStyle(roleType: TextStyle, leading: Leading, face?: TypeFace): TextStyle | null; export type Decoration = "underline"; export declare function decorationStyle(decoration: Decoration): TextStyle; export type Numerals = "tabular"; /** A heading and its count/metadata wrap on a shared baseline. */ export declare const sectionRow: import("react-native").ViewStyle; export declare const sectionActions: import("react-native").ViewStyle; export declare const sectionDescription: (tokens: ColorTokens, compact: boolean) => TextStyle; //# sourceMappingURL=typography.styles.d.ts.map