@quartzds/core 1.0.0-beta.1

package/dist/types/components/input/input.d.ts

@@ -0,0 +1,386 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type AutoCapitalize = 'characters' | 'none' | 'off' | 'on' | 'sentences' | 'words';
+export type AutoComplete = 'additional-name' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'address-line1' | 'address-line2' | 'address-line3' | 'bday-day' | 'bday-month' | 'bday-year' | 'bday' | 'cc-additional-name' | 'cc-csc' | 'cc-exp-month' | 'cc-exp-year' | 'cc-exp' | 'cc-family-name' | 'cc-given-name' | 'cc-name' | 'cc-number' | 'cc-type' | 'country-name' | 'country' | 'current-password' | 'email' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'impp' | 'language' | 'name' | 'new-password' | 'nickname' | 'off' | 'on' | 'one-time-code' | 'organization-title' | 'organization' | 'photo' | 'postal-code' | 'sex' | 'street-address' | 'tel-area-code' | 'tel-country-code' | 'tel-extension' | 'tel-local' | 'tel-national' | 'tel' | 'transaction-amount' | 'transaction-currency' | 'url' | 'username';
+export type EnterKeyHint = 'done' | 'enter' | 'go' | 'next' | 'previous' | 'search' | 'send';
+export type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+export type InputSize = 'large' | 'small' | 'standard';
+export type InputValue = number | string | null;
+export type SelectDirection = 'backward' | 'forward' | 'none';
+export type QdsInputEventDetail = Pick<InputEvent, 'data' | 'inputType' | 'isComposing'>;
+/**
+ * The `<qds-input>` element is used to create interactive controls for
+ * web-based forms in order to accept data from the user; a wide variety of
+ * types of input data and control widgets are available, depending on the
+ * device and
+ * [user agent](https://developer.mozilla.org/docs/Glossary/User_agent).
+ *
+ * @see https://quartz.se.com/build/components/input
+ */
+export declare class Input implements ComponentInterface {
+  /**
+   * Defines if the input is in an invalid state. Validity is determined by
+   * attributes such as `type`, `pattern`, `min`, `max`, `required`, `step`,
+   * `minlength`, and `maxlength` using
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).
+   */
+  invalid?: boolean;
+  /**
+   * The input's size.
+   *
+   * > **_NOTE:_** The native
+   * [`size` HTML attribute](https://developer.mozilla.org/docs/Web/HTML/Attributes/size)
+   * is not supported. CSS `width` should be used instead if this functionality
+   * is needed.
+   */
+  readonly size: InputSize;
+  /**
+   * Controls whether and how input is automatically capitalized as it is
+   * entered/edited by the user. Only valid for `search`, `tel`, and `text`
+   * inputs. Possible values:
+   *
+   * - `"off"` or `"none"`: No auto-capitalization is applied (all letters
+   * default to lowercase).
+   * - `"on"` or `"sentences"`: The first letter of each sentence defaults to a
+   * capital letter; all other letters default to lowercase.
+   * - `"words"`: The first letter of each word defaults to a capital letter;
+   * all other letters default to lowercase.
+   * - `"characters"`: All letters default to uppercase.
+   *
+   * @webnative
+   */
+  readonly autoCapitalize?: AutoCapitalize;
+  /**
+   * Indicates whether the value of the input can be automatically completed by
+   * the browser.
+   *
+   * @webnative
+   */
+  readonly autoComplete?: AutoComplete;
+  /**
+   * Specify whether the input should have focus when the page loads.
+   *
+   * @webnative
+   */
+  readonly autoFocus?: boolean;
+  /**
+   * Prevents the input from being interacted with: it cannot be pressed or
+   * focused.
+   *
+   * @webnative
+   */
+  disabled?: boolean;
+  /**
+   * What action label (or icon) to present for the enter key on virtual
+   * keyboards. Possible values:
+   *
+   * - `"done"`: Typically meaning there is nothing more to input and the input
+   * method editor (IME) will be closed.
+   * - `"enter"`:	Typically inserting a new line.
+   * - `"go"`: 	Typically meaning to take the user to the target of the text
+   * they typed.
+   * - `"next"`: 	Typically taking the user to the next field that will accept
+   * text.
+   * - `"previous"`: Typically taking the user to the previous field that will
+   * accept text.
+   * - `"search"`: Typically taking the user to the results of searching for
+   * the text they have typed.
+   * - `"send"`: Typically delivering the text to its target.
+   *
+   * @webnative
+   */
+  readonly enterkeyhint?: EnterKeyHint;
+  /**
+   * The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)
+   * element to associate the input with (its form owner).
+   *
+   * The value of this attribute must be the id of a `<form>` in the same
+   * document. If this attribute is not set, the `<qds-input>` is associated
+   * with its ancestor `<form>` element, if any.
+   *
+   * This attribute lets you associate `<qds-input>` elements to `<form>`s
+   * anywhere in the document, not just inside a `<form>`. It can also override
+   * an ancestor `<form>` element.
+   *
+   * @webnative
+   */
+  readonly form?: string;
+  /**
+   * Provide a hint to browsers as to the type of virtual keyboard
+   * configuration to use when editing this element or its contents.
+   *
+   * @webnative
+   */
+  readonly inputmode?: InputMode;
+  /**
+   * Defines the greatest value in the range of permitted values. If the
+   * `value` entered into the input exceeds this, the input fails
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).
+   * Only valid for `date`, `datetime-local`, `month`, `time`, and `week`
+   * inputs.
+   *
+   * If this value isn't a valid number, then the input has no maximum value.
+   *
+   * @webnative
+   */
+  readonly max?: number | string;
+  /**
+   * The maximum number of characters (as UTF-16 code units) the user can enter
+   * into the input. This must be an non-negative integer value. If no
+   * `maxlength` is specified, or an invalid value is specified, the input has
+   * no maximum length. Only valid for `email`, `password`, `search`, `tel`,
+   * `text`, and `url` inputs.
+   *
+   * The input will fail
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)
+   * if the length of the text entered into the field is greater than
+   * `maxlength` UTF-16 code units long. By default, browsers prevent users
+   * from entering more characters than allowed by the `maxlength` attribute. See
+   * [Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)
+   * for more information.
+   *
+   * @webnative
+   */
+  readonly maxLength?: number;
+  /**
+   * Defines the most negative value in the range of permitted values. If the
+   * `value` entered into the input is less than this, the input fails
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).
+   * Only valid for `date`, `datetime-local`, `month`, `time`, and `week`
+   * inputs.
+   *
+   * This value must be less than or equal to the value of the `max` attribute.
+   * If this value isn't a valid number, then the input has no minimum value.
+   *
+   * @webnative
+   */
+  readonly min?: number | string;
+  /**
+   * The minimum number of characters (as UTF-16 code units) the user can enter
+   * into the input. This must be an non-negative integer value smaller than or
+   * equal to the value specified by `maxlength`. If no `minlength` is
+   * specified, or an invalid value is specified, the input has no minimum
+   * length. Only valid for `email`, `password`, `search`, `tel`, `text`, and
+   * `url` inputs.
+   *
+   * The input will fail
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation)
+   * if the length of the text entered into the field is fewer than `minlength`
+   * UTF-16 code units long, preventing form submission. See
+   * [Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)
+   * for more information.
+   *
+   * @webnative
+   */
+  readonly minLength?: number;
+  /**
+   * Specifies if multiple comma-separated email addresses can be entered. Only
+   * valid for `email` inputs.
+   *
+   * @webnative
+   */
+  readonly multiple?: boolean;
+  /**
+   * The name of the control, which is submitted with the form data. An
+   * incrementing input ID is used by default.
+   *
+   * @webnative
+   */
+  readonly name: string;
+  /**
+   * Defines a regular expression that the input's `value` must match in order
+   * for the value to pass
+   * [constraint validation](https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation).
+   * It must be a valid JavaScript regular expression, as used by the
+   * [`RegExp`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp)
+   * type, and as documented in MDN's
+   * [guide on regular expressions](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions);
+   * the `'u'` flag is specified when compiling the regular expression, so that
+   * the pattern is treated as a sequence of Unicode code points, instead of as
+   * ASCII. No forward slashes should be specified around the pattern text.
+   * Only valid for `email`, `password`, `search`, `tel`, `text`, and `url`
+   * inputs.
+   *
+   * If the `pattern` is invalid, no regular expression is applied and this
+   * property is ignored. If the pattern is valid and a non-empty value does
+   * not match the pattern, constraint validation will prevent form submission.
+   *
+   * @webnative
+   */
+  readonly pattern?: string;
+  /**
+   * Text that appears in the input when it has no value set. Only valid for
+   * `email`, `number`, `password`, `search`, `tel`, `text`, and `url` inputs.
+   *
+   * @webnative
+   */
+  readonly placeholder?: string;
+  /**
+   * The value of the input cannot be edited. Not valid for `color` inputs.
+   *
+   * @webnative
+   */
+  readonly readOnly?: boolean;
+  /**
+   * A value must be specified for the input before the owning form can be
+   * submitted. Not valid for `color` inputs.
+   *
+   * See
+   * [Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)
+   * and the
+   * [HTML attribute: `required`](https://developer.mozilla.org/docs/Web/HTML/Attributes/required)
+   * for more information.
+   *
+   * @webnative
+   */
+  readonly required?: boolean;
+  /**
+   * Defines whether the input may be checked for spelling errors.
+   *
+   * @webnative
+   */
+  readonly spellCheck?: boolean;
+  /**
+   * Specifies the granularity that the `value` must adhere to. Only valid for
+   * `date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.
+   *
+   * The value must be a positive number—integer or float—or the special value
+   * `any`, which means no stepping is implied, and any value is allowed
+   * (barring other constraints, such as `min` and `max`).
+   *
+   * If `any` is not explicitly set, valid values for the `number` are the
+   * basis for stepping — the `min` value and increments of the step value, up
+   * to the `max` value, if specified.
+   *
+   * @webnative
+   */
+  readonly step?: number | 'any';
+  /**
+   * The type of input to render:
+   *
+   * - `"date"`: An input for entering a date (year, month, and day, with no
+   * time). Opens a date picker or numeric wheels for year, month, day when
+   * active in supporting browsers.
+   * - `"datetime-local"`: An input for entering a date and time, with no time
+   * zone. Opens a date picker or numeric wheels for date and time components
+   * when active in supporting browsers.
+   * - `"email"`: An input for editing an email address. Looks like a `"text"`
+   * input, but has validation parameters and relevant keyboard in supporting
+   * browsers and devices with dynamic keyboards.
+   * - `"month"`: An input for entering a month and year, with no time zone.
+   * - `"number"`: An input for entering a number. Displays a spinner and adds
+   * default validation when supported. Displays a numeric keypad in some
+   * devices with dynamic keypads.
+   * - `"password"`: A single-line text input whose value is obscured. Will
+   * alert user if site is not secure.
+   * - `"search"`: A single-line text input for entering search strings.
+   * Line-breaks are automatically removed from the input value. May include a
+   * delete icon in supporting browsers that can be used to clear the input.
+   * Displays a search icon instead of enter key on some devices with dynamic
+   * keypads.
+   * - `"tel"`: An input for entering a telephone number. Displays a telephone
+   * keypad in some devices with dynamic keypads.
+   * - `"text"`: A single-line text input. Line-breaks are automatically
+   * removed from the input value.
+   * - `"time"`: An input for entering a time value with no time zone.
+   * - `"url"`: An input for entering a URL. Looks like a `"text"` input, but
+   * has validation parameters and relevant keyboard in supporting browsers and
+   * devices with dynamic keyboards.
+   * - `"week"`: An input for entering a date consisting of a week-year number
+   * and a week number with no time zone.
+   *
+   * @webnative
+   */
+  readonly type?: InputType;
+  /**
+   * The value of the input.
+   *
+   * @webnative
+   */
+  value?: InputValue;
+  /**
+   * Emitted when the input loses focus.
+   */
+  private readonly blurEmitter;
+  /**
+   * Emitted when an alteration to the input's value is committed by the user.
+   */
+  private readonly changeEmitter;
+  /**
+   * Emitted when the input gains focus.
+   */
+  private readonly focusEmitter;
+  /**
+   * Emitted when the input's value changes.
+   */
+  private readonly inputEmitter;
+  private readonly element;
+  private inheritedAttributes;
+  private input?;
+  private get computedDisabled();
+  /**
+   * Returns true if the element's value passes validity checks; otherwise,
+   * returns false, fires an invalid event at the element, and (if the event
+   * isn't canceled) reports the problem to the user.
+   */
+  reportValidity(): Promise<boolean>;
+  /**
+   * Selects the entire content of the `<qds-input>` element if the element's
+   * content is selectable.
+   */
+  select(): Promise<void>;
+  /**
+   * Sets a custom validity message for the input. If this message is not the
+   * empty string, then the element is considered invalid.
+   */
+  setCustomValidity(message: string): Promise<void>;
+  /**
+   * Sets the contents of the specified range of characters in the input element to a given string.
+   *
+   * @param replacement The string to insert.
+   * @param start The 0-based index of the first character to replace. Defaults to the current selectionStart value (the start of the user's current selection).
+   * @param end The 0-based index of the character _after_ the last character to replace. Defaults to the current selectionEnd value (the end of the user's current selection).
+   * @param selectionMode A string defining how the selection should be set after the text has been replaced. Possible values:
+   *
+   * - `"select"` selects the newly inserted text.
+   * - `"start"` moves the selection to just before the inserted text.
+   * - `"end"` moves the selection to just after the inserted text.
+   * - `"preserve"` attempts to preserve the selection.
+   */
+  setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): Promise<void>;
+  /**
+   * Selects the specified range of characters within the input.
+   *
+   * @param start The offset into the input for the start of the selection.
+   * @param end The offset into the input for the end of the selection.
+   * @param direction The direction in which the selection is performed.
+   */
+  setSelectionRange(start: number | null, end: number | null, direction?: SelectDirection): Promise<void>;
+  /**
+   * Decrements the `value` by (`step` * n), where n defaults to 1 if not
+   * specified.
+   *
+   * @param n Amount to decrement the value by.
+   */
+  stepDown(n?: number): Promise<void>;
+  /**
+   * Increments the `value` by (`step` * n), where n defaults to 1 if not
+   * specified.
+   *
+   * @param n Amount to increment the value by.
+   */
+  stepUp(n?: number): Promise<void>;
+  protected disabledChanged(): void;
+  protected stepChanged(): void;
+  protected valueChanged(): void;
+  componentWillLoad(): void;
+  render(): any;
+  private readonly ref;
+  private readonly onBlur;
+  private readonly onChange;
+  private readonly onClick;
+  private readonly onFocus;
+  private readonly onInput;
+  private readonly onInvalid;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/types/components/label/label.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type LabelSize = 'large' | 'small' | 'standard';
+/**
+ * `<qds-label>` elements represent a caption for an item in a user interface.
+ *
+ * @see https://quartz.se.com/build/components/label
+ */
+export declare class Label implements ComponentInterface {
+  /**
+   * Adds vertical margin to the label for alignment.
+   *
+   * This is useful when creating inline layouts so that the first lines have
+   * the correct vertical centering.
+   */
+  readonly inline: boolean;
+  /**
+   * Specify the labelled item as required by appending a red asterisk (*).
+   */
+  readonly required: boolean;
+  /**
+   * The label's size.
+   */
+  readonly size: LabelSize;
+  /**
+   * The label's text.
+   */
+  readonly text?: string;
+  private readonly element;
+  private inheritedAttributes;
+  componentWillLoad(): void;
+  render(): any;
+}
+//# sourceMappingURL=label.d.ts.map

package/dist/types/components/radio/radio.d.ts

@@ -0,0 +1,110 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type RadioValue = number | string | null;
+export type RadioSize = 'large' | 'small' | 'standard';
+/**
+ * `<qds-radio>` elements are rendered as circles that are filled when
+ * selected. They are generally used in **radio groups** — collections of radio
+ * buttons describing a set of related options.
+ *
+ * Only one radio button in a given radio group can be selected at the same
+ * time.
+ *
+ * @see https://quartz.se.com/build/components/radio
+ */
+export declare class Radio implements ComponentInterface {
+  /**
+   * Adds vertical margin to the radio for alignment.
+   *
+   * This is useful when creating inline layouts so that the first lines have
+   * the correct vertical centering.
+   */
+  readonly inline: boolean;
+  /**
+   * The radio button's size.
+   */
+  readonly size: RadioSize;
+  /**
+   * The radio button's text.
+   */
+  readonly text?: string;
+  /**
+   * Sets the radio button's state.
+   *
+   * @webnative
+   */
+  checked?: boolean;
+  /**
+   * Prevents the radio button from being interacted with: it cannot be pressed
+   * or focused.
+   *
+   * @webnative
+   */
+  disabled?: boolean;
+  /**
+   * The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)
+   * element to associate the radio button with (its form owner).
+   *
+   * The value of this property must be the id of a `<form>` in the same
+   * document. If this property is not set, the `<qds-radio>` is associated
+   * with its ancestor `<form>` element, if any.
+   *
+   * This property lets you associate `<qds-radio>` elements to `<form>`s
+   * anywhere in the document, not just inside a `<form>`. It can also override
+   * an ancestor `<form>` element.
+   *
+   * @webnative
+   */
+  readonly form?: string;
+  /**
+   * Specify the radio group this radio button belongs to.
+   *
+   * Once a radio group is established, selecting any radio button in that
+   * group automatically deselects any currently-selected radio button in the
+   * same group.
+   *
+   * @webnative
+   */
+  readonly name?: string;
+  /**
+   * Specify the group the radio button belongs to as required.
+   *
+   * If any radio button in a same-named group of radio buttons has the
+   * `required` attribute, a radio button in that group must be checked,
+   * although it doesn't have to be the one with the attribute applied.
+   *
+   * @webnative
+   */
+  readonly required?: boolean;
+  /**
+   * The value of the radio button, submitted as a name/value pair with form
+   * data.
+   *
+   * @webnative
+   */
+  value?: RadioValue;
+  /**
+   * Emitted when the radio button loses focus.
+   */
+  private readonly blurEmitter;
+  /**
+   * Emitted when the radio button is checked by the user.
+   */
+  private readonly changeEmitter;
+  /**
+   * Emitted when the radio button gains focus.
+   */
+  private readonly focusEmitter;
+  private readonly element;
+  private inheritedAttributes;
+  private input?;
+  private get computedDisabled();
+  private get hasText();
+  protected onClick(): void;
+  componentWillLoad(): void;
+  render(): any;
+  private readonly ref;
+  private readonly onBlur;
+  private readonly onChange;
+  private readonly onFocus;
+}
+//# sourceMappingURL=radio.d.ts.map

package/dist/types/components/switch/switch.d.ts

@@ -0,0 +1,115 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type SwitchValue = number | string | null;
+export type SwitchSize = 'large' | 'small' | 'standard';
+/**
+ * @see https://quartz.se.com/build/components/switch
+ */
+export declare class Switch implements ComponentInterface {
+  /**
+   * Adds vertical margin to the switch for alignment.
+   *
+   * This is useful when creating inline layouts so that the first lines have
+   * the correct vertical centering.
+   */
+  readonly inline: boolean;
+  /**
+   * The name of the checked icon to render.
+   *
+   * Available names depend on the icon library being used.
+   */
+  readonly iconCheckedName?: string;
+  /**
+   * The name of a registered checked icon library.
+   */
+  readonly iconCheckedLibrary: string;
+  /**
+   * The name of the unchecked icon to render.
+   *
+   * Available names depend on the icon library being used.
+   */
+  readonly iconUncheckedName?: string;
+  /**
+   * The name of a registered unchecked icon library.
+   */
+  readonly iconUncheckedLibrary: string;
+  /**
+   * The switches's size.
+   */
+  readonly size: SwitchSize;
+  /**
+   * The switch's checked text.
+   */
+  readonly textChecked?: string;
+  /**
+   * The switch's unchecked text.
+   */
+  readonly textUnchecked?: string;
+  /**
+   * Specify whether the switch should have focus when the page loads.
+   *
+   * @webnative
+   */
+  readonly autoFocus?: boolean;
+  /**
+   *Sets the switch's state.
+   *
+   * @webnative
+   */
+  checked?: boolean;
+  /**
+   * Prevents the switch from being interacted with: it cannot be pressed or
+   *focused.
+   *
+   * @webnative
+   */
+  disabled?: boolean;
+  /**
+   * The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)
+   * element to associate the switch with (its form owner).
+   *
+   * The value of this property must be the id of a `<form>` in the same
+   * document. If this property is not set, the `<qds-switch>` is associated
+   * with its ancestor `<form>` element, if any.
+   *
+   * This property lets you associate `<qds-switch>` elements to `<form>`s
+   * anywhere in the document, not just inside a `<form>`. It can also override
+   *an ancestor `<form>` element.
+   *
+   * @webnative
+   */
+  readonly form?: string;
+  /**
+   * The name of the switch, which is submitted with the form data. An
+   *incrementing ID is used by default.
+   *
+   * @webnative
+   */
+  readonly name: string;
+  /**
+   * The value of the switch, submitted as a name/value pair with form data.
+   *
+   * @webnative
+   */
+  value?: SwitchValue;
+  /**
+   * Emitted when the switch loses focus.
+   */
+  private readonly blurEmitter;
+  /**
+   * Emitted when a change to the switch's state is committed by the user.
+   */
+  private readonly changeEmitter;
+  /**
+   * Emitted when the switch gains focus.
+   */
+  private readonly focusEmitter;
+  private readonly element;
+  private inheritedAttributes;
+  private get computedDisabled();
+  protected onClick(event: MouseEvent): void;
+  componentWillLoad(): void;
+  render(): any;
+  private readonly onBlur;
+  private readonly onFocus;
+}
+//# sourceMappingURL=switch.d.ts.map

package/dist/types/components/title/title.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+export type Layer = 'accessory' | 'main' | 'navigation' | 'panel' | 'popup';
+export type Level = 'section' | 'subsection';
+export type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * @slot Content to display for the title.
+ * @see https://quartz.se.com/build/components/title
+ */
+export declare class Title implements ComponentInterface {
+  /**
+   * The name of the icon to render.
+   *
+   * Available names depend on the icon library being used.
+   */
+  readonly iconName?: string;
+  /**
+   * The name of a registered icon library.
+   */
+  readonly iconLibrary: string;
+  /**
+   * Text to display for the kicker.
+   */
+  readonly kicker?: string;
+  readonly layer: Layer;
+  readonly level?: Level;
+  /**
+   * Text to display for the subtitle.
+   */
+  readonly subtitle?: string;
+  /**
+   * HTML tag to use to render the title.
+   */
+  readonly tag: Tag;
+  private readonly element;
+  private inheritedAttributes;
+  private get hasSubtitle();
+  private get hasKicker();
+  private get hasIcon();
+  componentWillLoad(): void;
+  render(): any;
+}
+//# sourceMappingURL=title.d.ts.map