@vertexvis/ui 0.1.5-canary.6 → 1.0.0-testing.0

package/dist/types/components/text-field/text-field.d.ts

@@ -4,118 +4,118 @@ export type TextFieldVariant = 'standard' | 'filled' | 'underlined' | 'blank';
 export type TextSize = 'standard' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
 export type TextFieldAutocomplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
 export interface InputChangeEventDetail {
-  value: string | undefined | null;
+    value: string | undefined | null;
 }
 export declare class TextField {
-  /**
-   * The type of the <input>
-   * Can be "text", "password", or "email" and defaults to "text"
-   */
-  type: TextFieldType;
-  /**
-   * The name of the <input>
-   */
-  name?: string;
-  /**
-   * The variant of this <vertex-textfield>.
-   * Can be "standard", "filled", or "underlined" and defaults to "standard".
-   */
-  variant: TextFieldVariant;
-  /**
-   * The size of the text.
-   * Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
-   */
-  fontSize: TextSize;
-  /**
-   * Whether this input should be displayed as a multiline input.
-   * Rows will have no minimum or maximum by default unless `min-rows`
-   * or `max-rows` are set.
-   */
-  multiline: boolean;
-  /**
-   * The minimum number of rows to display. This property has no effect
-   * if `multiline` is not `true`.
-   *
-   * Defaults to `1`.
-   */
-  minRows: number;
-  /**
-   * The minimum number of rows to display. This property has no effect
-   * if `multiline` is not `true`.
-   */
-  maxRows?: number;
-  /**
-   * Placeholder for text input.
-   */
-  placeholder?: string;
-  /**
-   * Focus input when rendered
-   */
-  autoFocus?: boolean;
-  /**
-   * Sets autoComplete attribute on <input>
-   */
-  autoComplete?: TextFieldAutocomplete;
-  /**
-   * Sets autoCorrect attribute on <input>
-   */
-  autoCorrect?: 'on' | 'off';
-  /**
-   * Value for text input.
-   */
-  value?: string | number | null;
-  /**
-   * Whether this input is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Whether this input is in error state
-   */
-  hasError?: boolean;
-  /**
-   * Emitted when input focused
-   */
-  inputFocus: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when input blurred
-   */
-  inputBlur: EventEmitter<FocusEvent>;
-  /**
-   * Emitted when a keyboard input occurred.
-   */
-  inputInput: EventEmitter<InputChangeEventDetail>;
-  /**
-   * Emitted when the value has changed.
-   */
-  inputChange: EventEmitter<InputChangeEventDetail>;
-  /**
-   *
-   */
-  textFieldKeyDown: EventEmitter<KeyboardEvent>;
-  /**
-   * Emitted when the input is set to a value through browser autofill.
-   */
-  inputAutofill: EventEmitter<InputChangeEventDetail>;
-  private hostElement;
-  private nativeInput;
-  private nearbyForm;
-  componentDidLoad(): void;
-  /**
-   * updateInput is a method to take an input to automatically set the native input to the given input string
-   * @param input
-   */
-  updateInput(input: string): Promise<void>;
-  blurInput(): Promise<void>;
-  getInputValue(): Promise<string>;
-  /**
-   * A method to select all in the input
-   */
-  selectAll(): Promise<void>;
-  render(): h.JSX.IntrinsicElements;
-  private connectedCallback;
-  private handleFocus;
-  private handleBlur;
-  private handleKeyDown;
-  private handleChanged;
-  private handleInput;
+    /**
+     * The type of the <input>
+     * Can be "text", "password", or "email" and defaults to "text"
+     */
+    type: TextFieldType;
+    /**
+     * The name of the <input>
+     */
+    name?: string;
+    /**
+     * The variant of this <vertex-textfield>.
+     * Can be "standard", "filled", or "underlined" and defaults to "standard".
+     */
+    variant: TextFieldVariant;
+    /**
+     * The size of the text.
+     * Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+     */
+    fontSize: TextSize;
+    /**
+     * Whether this input should be displayed as a multiline input.
+     * Rows will have no minimum or maximum by default unless `min-rows`
+     * or `max-rows` are set.
+     */
+    multiline: boolean;
+    /**
+     * The minimum number of rows to display. This property has no effect
+     * if `multiline` is not `true`.
+     *
+     * Defaults to `1`.
+     */
+    minRows: number;
+    /**
+     * The minimum number of rows to display. This property has no effect
+     * if `multiline` is not `true`.
+     */
+    maxRows?: number;
+    /**
+     * Placeholder for text input.
+     */
+    placeholder?: string;
+    /**
+     * Focus input when rendered
+     */
+    autoFocus?: boolean;
+    /**
+     * Sets autoComplete attribute on <input>
+     */
+    autoComplete?: TextFieldAutocomplete;
+    /**
+     * Sets autoCorrect attribute on <input>
+     */
+    autoCorrect?: 'on' | 'off';
+    /**
+     * Value for text input.
+     */
+    value?: string | number | null;
+    /**
+     * Whether this input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether this input is in error state
+     */
+    hasError?: boolean;
+    /**
+     * Emitted when input focused
+     */
+    inputFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when input blurred
+     */
+    inputBlur: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when a keyboard input occurred.
+     */
+    inputInput: EventEmitter<InputChangeEventDetail>;
+    /**
+     * Emitted when the value has changed.
+     */
+    inputChange: EventEmitter<InputChangeEventDetail>;
+    /**
+     *
+     */
+    textFieldKeyDown: EventEmitter<KeyboardEvent>;
+    /**
+     * Emitted when the input is set to a value through browser autofill.
+     */
+    inputAutofill: EventEmitter<InputChangeEventDetail>;
+    private hostElement;
+    private nativeInput;
+    private nearbyForm;
+    componentDidLoad(): void;
+    /**
+     * updateInput is a method to take an input to automatically set the native input to the given input string
+     * @param input
+     */
+    updateInput(input: string): Promise<void>;
+    blurInput(): Promise<void>;
+    getInputValue(): Promise<string>;
+    /**
+     * A method to select all in the input
+     */
+    selectAll(): Promise<void>;
+    render(): h.JSX.IntrinsicElements;
+    private connectedCallback;
+    private handleFocus;
+    private handleBlur;
+    private handleKeyDown;
+    private handleChanged;
+    private handleInput;
 }

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

@@ -2,54 +2,54 @@ import { EventEmitter, h } from '../../stencil-public-runtime';
 export type ToastType = 'info' | 'warn' | 'error';
 export type ToastPlacement = 'bottom-left' | 'bottom' | 'bottom-right' | 'top-left' | 'top' | 'top-right';
 export declare class Toast {
-  /**
-   * The content to display in this toast. This can also
-   * be provided by inserting an element with the `content` slot
-   * to support additional elements.
-   */
-  content?: string;
-  /**
-   * The placement of the toast.
-   * This can be any of the following values:
-   *
-   * 'top', 'top-left', 'top-right',
-   * 'bottom', 'bottom-left', or 'bottom-right'.
-   */
-  placement: ToastPlacement;
-  /**
-   * The duration this toast will appear for.
-   * Can be set to `0` to display the toast until
-   * explicitly dismissed, and defaults to 3000ms.
-   */
-  duration: number;
-  /**
-   * Whether this toast should be animated.
-   * Defaults to true.
-   */
-  animated: boolean;
-  /**
-   * Whether this toast is visible. Updating this
-   * property to `true` will restart the timer to hide
-   * the toast. Defaults to false.
-   */
-  open: boolean;
-  /**
-   * The type of toast. This will change the styling of the toast
-   */
-  type: ToastType;
-  /**
-   * An event that is dispatched when this toast is closed.
-   */
-  closed: EventEmitter<void>;
-  isOpen?: boolean;
-  private closeTimeout?;
-  constructor();
-  componentDidLoad(): void;
-  protected handleOpenChanged(open: boolean): Promise<void>;
-  render(): h.JSX.IntrinsicElements;
-  private handleClose;
-  private startCloseTimeout;
-  private clearCloseTimeout;
-  private restartCloseTimeout;
-  private getPopoverPlacement;
+    /**
+     * The content to display in this toast. This can also
+     * be provided by inserting an element with the `content` slot
+     * to support additional elements.
+     */
+    content?: string;
+    /**
+     * The placement of the toast.
+     * This can be any of the following values:
+     *
+     * 'top', 'top-left', 'top-right',
+     * 'bottom', 'bottom-left', or 'bottom-right'.
+     */
+    placement: ToastPlacement;
+    /**
+     * The duration this toast will appear for.
+     * Can be set to `0` to display the toast until
+     * explicitly dismissed, and defaults to 3000ms.
+     */
+    duration: number;
+    /**
+     * Whether this toast should be animated.
+     * Defaults to true.
+     */
+    animated: boolean;
+    /**
+     * Whether this toast is visible. Updating this
+     * property to `true` will restart the timer to hide
+     * the toast. Defaults to false.
+     */
+    open: boolean;
+    /**
+     * The type of toast. This will change the styling of the toast
+     */
+    type: ToastType;
+    /**
+     * An event that is dispatched when this toast is closed.
+     */
+    closed: EventEmitter<void>;
+    isOpen?: boolean;
+    private closeTimeout?;
+    constructor();
+    componentDidLoad(): void;
+    protected handleOpenChanged(open: boolean): Promise<void>;
+    render(): h.JSX.IntrinsicElements;
+    private handleClose;
+    private startCloseTimeout;
+    private clearCloseTimeout;
+    private restartCloseTimeout;
+    private getPopoverPlacement;
 }

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

@@ -1,21 +1,21 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export type ToggleVariant = 'check' | 'switch';
 export declare class Toggle {
-  /**
-   * The type of toggle. This can be either 'check' or 'switch',
-   * and defaults to 'check'.
-   */
-  variant: ToggleVariant;
-  /**
-   * Whether this toggle is disabled.
-   */
-  disabled: boolean;
-  /**
-   * Whether this toggle is checked. This prop
-   * is modified internally by the component unless
-   * the `disabled` prop is set to true.
-   */
-  checked: boolean;
-  valueChanged: EventEmitter<boolean>;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * The type of toggle. This can be either 'check' or 'switch',
+     * and defaults to 'check'.
+     */
+    variant: ToggleVariant;
+    /**
+     * Whether this toggle is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Whether this toggle is checked. This prop
+     * is modified internally by the component unless
+     * the `disabled` prop is set to true.
+     */
+    checked: boolean;
+    valueChanged: EventEmitter<boolean>;
+    render(): h.JSX.IntrinsicElements;
 }

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

@@ -1,64 +1,64 @@
 import { h } from '../../stencil-public-runtime';
 import { PopoverPlacement } from '../popover/popover';
 export declare class Tooltip {
-  /**
-   * The content to display in this tooltip. This can also
-   * be provided by inserting an element with the `content` slot
-   * to support additional elements.
-   */
-  content?: string;
-  /**
-   * A property to disable the tooltip, and only display the content in the slot.
-   */
-  disabled?: boolean;
-  /**
-   * The placement of the tooltip around the slotted element.
-   * This can be any of the following values:
-   *
-   * 'top', 'top-start', 'top-end',
-   * 'bottom', 'bottom-start', 'bottom-end',
-   * 'right', 'right-start', 'right-end',
-   * 'left', 'left-start', 'left-end',
-   * 'auto', 'auto-start', or 'auto-end', and
-   * defaults to 'bottom'.
-   *
-   * Note: placement will adjust based on the amount
-   * of available space, so tooltips close to screen
-   * edges may appear in a different location.
-   */
-  placement: PopoverPlacement;
-  /**
-   * The delay before this tooltip becomes visible
-   * on hover. Defaults to 500ms.
-   */
-  delay: number;
-  /**
-   * Whether this tooltip should be animated.
-   * Defaults to true.
-   */
-  animated: boolean;
-  hostElement: HTMLElement;
-  private open;
-  private tooltipId;
-  private pointerEntered;
-  private openTimeout?;
-  private targetElement?;
-  private contentElement?;
-  private displayedSlottedContent?;
-  private internalContentElement?;
-  constructor();
-  disconnectedCallback(): void;
-  protected handleContentChange(): void;
-  protected handleDisabledChange(): void;
-  render(): h.JSX.IntrinsicElements;
-  private addElement;
-  private removeElement;
-  private createPopoverElement;
-  private createContentElement;
-  private updateContentElementClass;
-  private updateContentElementChildren;
-  private handlePointerEnter;
-  private handlePointerLeave;
-  private createOpenTimeout;
-  private clearOpenTimeout;
+    /**
+     * The content to display in this tooltip. This can also
+     * be provided by inserting an element with the `content` slot
+     * to support additional elements.
+     */
+    content?: string;
+    /**
+     * A property to disable the tooltip, and only display the content in the slot.
+     */
+    disabled?: boolean;
+    /**
+     * The placement of the tooltip around the slotted element.
+     * This can be any of the following values:
+     *
+     * 'top', 'top-start', 'top-end',
+     * 'bottom', 'bottom-start', 'bottom-end',
+     * 'right', 'right-start', 'right-end',
+     * 'left', 'left-start', 'left-end',
+     * 'auto', 'auto-start', or 'auto-end', and
+     * defaults to 'bottom'.
+     *
+     * Note: placement will adjust based on the amount
+     * of available space, so tooltips close to screen
+     * edges may appear in a different location.
+     */
+    placement: PopoverPlacement;
+    /**
+     * The delay before this tooltip becomes visible
+     * on hover. Defaults to 500ms.
+     */
+    delay: number;
+    /**
+     * Whether this tooltip should be animated.
+     * Defaults to true.
+     */
+    animated: boolean;
+    hostElement: HTMLElement;
+    private open;
+    private tooltipId;
+    private pointerEntered;
+    private openTimeout?;
+    private targetElement?;
+    private contentElement?;
+    private displayedSlottedContent?;
+    private internalContentElement?;
+    constructor();
+    disconnectedCallback(): void;
+    protected handleContentChange(): void;
+    protected handleDisabledChange(): void;
+    render(): h.JSX.IntrinsicElements;
+    private addElement;
+    private removeElement;
+    private createPopoverElement;
+    private createContentElement;
+    private updateContentElementClass;
+    private updateContentElementChildren;
+    private handlePointerEnter;
+    private handlePointerLeave;
+    private createOpenTimeout;
+    private clearOpenTimeout;
 }