import { DuetColor, DuetHeadingLevel, DuetMargin, DuetTheme, DuetVisualHeadingLevel } from "../../common-types"; import { ThemeableComponent } from "../../common/themeable-component"; export type DuetHeadingWeight = "auto" | "normal" | "semibold"; /** * @part duet-heading - piercing selector for styling the heading element that should be used only in special circumstances */ export declare class DuetHeading implements ThemeableComponent { /** * Reference to host HTML element. */ element: HTMLElement; /** * The actual heading level used in the HTML markup. */ level: DuetHeadingLevel | "div"; /** * Controls the margin of the component. */ margin: DuetMargin; /** * Make the visual style mimic a specific heading level. This option allows * you to make e.g. h1 visually look like h3, but still keep it h1 in the * markup. */ visualLevel: DuetVisualHeadingLevel; /** * Enable or disable the border underneath the heading, solid will darken the border */ border: boolean | "solid"; /** * This property allows you to set normal or semibold font weight for all sizes * when needed. */ weight: DuetHeadingWeight; /** * Custom color for the heading as a design token entered in camelCase or * kebab-case. Example: "color-primary". */ color: DuetColor; /** * Theme of the heading. */ theme: DuetTheme; /** * Enable hyphenation for long titles. Useful when there is no control over content e.g. user-generated content. */ hyphenate: boolean; /** * Disable responsive font scaling. */ fixedSize: boolean; /** * Adds aria-label for the heading. It is important to note that this overrides the heading's text content for * screen readers. Usually the same content should be provided for all users. Use this attribute only in specisl * circumstances when an accessibility specialist instructs to do so. */ accessibleLabel: string; /** * Component lifecycle events. */ componentWillLoad(): void; /** * render() function * Always the last one in the class. */ render(): any; }