type Size = 'small' | 'medium' | 'large' | 'xlarge'; type Role = /** Indicate the text is a contact information. Typically used for addresses. */ 'address' /** Indicate the text has been deleted. Typically used for discounted prices. */ | 'deletion' | AbbreviationRoleType | DirectionalOverrideRoleType | DatetimeRoleType; /** * Indicate the text is an abbreviation or acronym. Use the "for" option to * provide a description of the abbreviation. */ interface AbbreviationRoleType { type: 'abbreviation'; for?: string; } /** Override the text directionality. Typically used for email and phone numbers. */ interface DirectionalOverrideRoleType { type: 'directional-override'; direction: 'ltr' | 'rtl'; } /** * Indicate the text is a date, a time or a duration. Use the "machineReadable" option * to help browsers, tools or software understand the human-readable date. Valid format * for "machineReadable" can be found here: * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time#Valid_datetime_Values */ interface DatetimeRoleType { type: 'datetime'; machineReadable?: string; } export interface TextProps { /** Size of the text */ size?: Size; emphasized?: boolean; subdued?: boolean; /** Assign semantic value */ role?: Role; /** * Unique identifier. Typically used as a target for another component’s controls * to associate an accessible label with an action. */ id?: string; /** Changes the visual appearance */ appearance?: 'critical' | 'warning' | 'success'; } /** * Text is used to visually style and provide semantic value for a small piece of text * content. */ export declare const Text: "Text" & { readonly type?: "Text" | undefined; readonly props?: TextProps | undefined; readonly children?: true | undefined; }; export {}; //# sourceMappingURL=Text.d.ts.map