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

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

@@ -7,37 +7,37 @@ import { h } from '../../stencil-public-runtime';
  */
 export type AvatarVariant = 'small' | 'default';
 export declare class Avatar {
-  /**
-   * The first name of a user for the avatar.
-   * This prop is exclusive with `value`, and
-   * this prop will be preferred.
-   *
-   * If a `firstName` is provided, but no
-   * `lastName` is provided, a single letter
-   * will be displayed.
-   */
-  firstName?: string;
-  /**
-   * The first name of a user for the avatar.
-   * This prop requires `firstName` to be specified.
-   */
-  lastName?: string;
-  /**
-   * A value to display in the avatar. This prop
-   * is exclusive with `firstName` and `lastName`,
-   * and those props will be preferred.
-   */
-  value?: string;
-  /**
-   * Whether the element triggers an action
-   */
-  active: boolean;
-  /**
-   * The variant of this avatar. Can be either
-   * `default` or `small`, and defaults to `default`.
-   */
-  variant: AvatarVariant;
-  render(): h.JSX.IntrinsicElements;
-  private isValidStringValue;
-  private getDisplayValue;
+    /**
+     * The first name of a user for the avatar.
+     * This prop is exclusive with `value`, and
+     * this prop will be preferred.
+     *
+     * If a `firstName` is provided, but no
+     * `lastName` is provided, a single letter
+     * will be displayed.
+     */
+    firstName?: string;
+    /**
+     * The first name of a user for the avatar.
+     * This prop requires `firstName` to be specified.
+     */
+    lastName?: string;
+    /**
+     * A value to display in the avatar. This prop
+     * is exclusive with `firstName` and `lastName`,
+     * and those props will be preferred.
+     */
+    value?: string;
+    /**
+     * Whether the element triggers an action
+     */
+    active: boolean;
+    /**
+     * The variant of this avatar. Can be either
+     * `default` or `small`, and defaults to `default`.
+     */
+    variant: AvatarVariant;
+    render(): h.JSX.IntrinsicElements;
+    private isValidStringValue;
+    private getDisplayValue;
 }

package/dist/types/components/avatar-group/avatar-group.d.ts

@@ -1,4 +1,4 @@
 import { h } from '../../stencil-public-runtime';
 export declare class AvatarGroup {
-  render(): h.JSX.IntrinsicElements;
+    render(): h.JSX.IntrinsicElements;
 }

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

@@ -1,14 +1,14 @@
 import { h } from '../../stencil-public-runtime';
 export type BadgeIconColor = 'primary' | 'secondary';
 export declare class Badge {
-  /**
-   * The string to show in the badge.
-   */
-  badgeText?: string;
-  /**
-   * The color of the badge displayed in this <vertex-badge>.
-   * Can be "primary" or "secondary", and defaults to "primary."
-   */
-  badgeColor: BadgeIconColor;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * The string to show in the badge.
+     */
+    badgeText?: string;
+    /**
+     * The color of the badge displayed in this <vertex-badge>.
+     * Can be "primary" or "secondary", and defaults to "primary."
+     */
+    badgeColor: BadgeIconColor;
+    render(): h.JSX.IntrinsicElements;
 }

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

@@ -2,54 +2,54 @@ import { EventEmitter, h } from '../../stencil-public-runtime';
 export type BannerType = 'info' | 'success' | 'warn' | 'error';
 export type BannerPlacement = 'top-left' | 'top' | 'top-right';
 export declare class Banner {
-  /**
-   * The content to display in this banner. This can also
-   * be provided by inserting an element with the `content` slot
-   * to support additional elements.
-   */
-  content?: string;
-  /**
-   * The placement of the banner.
-   * This can be any of the following values:
-   *
-   * 'top', 'top-left', or 'top-right'.
-   */
-  placement: BannerPlacement;
-  /**
-   * The duration this banner will appear for.
-   * Can be set to `0` to display the banner until
-   * explicitly dismissed, and defaults to 3000ms.
-   */
-  duration: number;
-  /**
-   * Whether this banner should be animated.
-   * Defaults to true.
-   */
-  animated: boolean;
-  /**
-   * Whether this banner is visible. Updating this
-   * property to `true` will restart the timer to hide
-   * the banner. Defaults to false.
-   */
-  open: boolean;
-  /**
-   * The type of banner. This will change the styling of the banner
-   */
-  type: BannerType;
-  /**
-   * An event that is dispatched when this banner 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;
-  private getIconName;
+    /**
+     * The content to display in this banner. This can also
+     * be provided by inserting an element with the `content` slot
+     * to support additional elements.
+     */
+    content?: string;
+    /**
+     * The placement of the banner.
+     * This can be any of the following values:
+     *
+     * 'top', 'top-left', or 'top-right'.
+     */
+    placement: BannerPlacement;
+    /**
+     * The duration this banner will appear for.
+     * Can be set to `0` to display the banner until
+     * explicitly dismissed, and defaults to 3000ms.
+     */
+    duration: number;
+    /**
+     * Whether this banner should be animated.
+     * Defaults to true.
+     */
+    animated: boolean;
+    /**
+     * Whether this banner is visible. Updating this
+     * property to `true` will restart the timer to hide
+     * the banner. Defaults to false.
+     */
+    open: boolean;
+    /**
+     * The type of banner. This will change the styling of the banner
+     */
+    type: BannerType;
+    /**
+     * An event that is dispatched when this banner 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;
+    private getIconName;
 }

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

@@ -5,56 +5,56 @@ export type ButtonVariant = 'solid' | 'text' | 'plaintext' | 'outline';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 export type ButtonExpand = 'full' | 'block';
 export declare class Button {
-  /**
-   * The type of this <vertex-button>.
-   * Can be "button" or "submit" and defaults to unset.
-   */
-  type?: ButtonType;
-  /**
-   * The color of this <vertex-button>.
-   * Can be "primary", "secondary", or "danger" and defaults to "secondary".
-   */
-  color: ButtonColor;
-  /**
-   * The variant of this <vertex-button>.
-   * Can be "solid", "text", or "plaintext" and defaults to "solid".
-   *
-   * Setting this value to "plaintext" will cause the "color"
-   * property to be ignored.
-   */
-  variant: ButtonVariant;
-  /**
-   * The size of this <vertex-button>.
-   * Can be "sm", "md", or "lg" and defaults to "md".
-   */
-  size: ButtonSize;
-  /**
-   * The expansion behavior of this <vertex-button>.
-   * Can be set to "full" to cause the button to stretch to fill
-   * its container, or "block" to cause the button to be sized based
-   * on its contents.
-   * Defaults to "block".
-   */
-  expand: ButtonExpand;
-  /**
-   * An optional href for this <vertex-button>.
-   * Setting this property will render an <a> wrapper with the specified
-   * href around the slotted content instead of a <button>.
-   */
-  href?: string;
-  /**
-   * Used alongside the `href` attribute to set the
-   * `target` attribute of the rendered <a> wrapper.
-   */
-  target?: string;
-  /**
-   * Whether this button is disabled.
-   */
-  disabled?: boolean;
-  private hostElement;
-  private fakeButton;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): h.JSX.IntrinsicElements;
-  private handleClick;
+    /**
+     * The type of this <vertex-button>.
+     * Can be "button" or "submit" and defaults to unset.
+     */
+    type?: ButtonType;
+    /**
+     * The color of this <vertex-button>.
+     * Can be "primary", "secondary", or "danger" and defaults to "secondary".
+     */
+    color: ButtonColor;
+    /**
+     * The variant of this <vertex-button>.
+     * Can be "solid", "text", or "plaintext" and defaults to "solid".
+     *
+     * Setting this value to "plaintext" will cause the "color"
+     * property to be ignored.
+     */
+    variant: ButtonVariant;
+    /**
+     * The size of this <vertex-button>.
+     * Can be "sm", "md", or "lg" and defaults to "md".
+     */
+    size: ButtonSize;
+    /**
+     * The expansion behavior of this <vertex-button>.
+     * Can be set to "full" to cause the button to stretch to fill
+     * its container, or "block" to cause the button to be sized based
+     * on its contents.
+     * Defaults to "block".
+     */
+    expand: ButtonExpand;
+    /**
+     * An optional href for this <vertex-button>.
+     * Setting this property will render an <a> wrapper with the specified
+     * href around the slotted content instead of a <button>.
+     */
+    href?: string;
+    /**
+     * Used alongside the `href` attribute to set the
+     * `target` attribute of the rendered <a> wrapper.
+     */
+    target?: string;
+    /**
+     * Whether this button is disabled.
+     */
+    disabled?: boolean;
+    private hostElement;
+    private fakeButton;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): h.JSX.IntrinsicElements;
+    private handleClick;
 }

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

@@ -1,23 +1,23 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 export type CardMode = 'edit' | 'display';
 export declare class Card {
-  /**
-   * The visual mode of this `Card`. Can be either
-   * `editing` or `display`, and defaults to `display`.
-   *
-   * Setting this to `editing` will stop propagation of
-   * clicks on on the default slotted elements to allow
-   * for clicking in an input.
-   */
-  mode: CardMode;
-  /**
-   * An event emitted whenever the "content" of this card
-   * (header, avatar, text, etc.) is clicked. This can be
-   * used over a top-level `click` listener to ignore clicks
-   * on the slotted `action` or `overlay` content.
-   */
-  contentClick: EventEmitter<MouseEvent>;
-  render(): h.JSX.IntrinsicElements;
-  private handleContentClick;
-  private handleTextClick;
+    /**
+     * The visual mode of this `Card`. Can be either
+     * `editing` or `display`, and defaults to `display`.
+     *
+     * Setting this to `editing` will stop propagation of
+     * clicks on on the default slotted elements to allow
+     * for clicking in an input.
+     */
+    mode: CardMode;
+    /**
+     * An event emitted whenever the "content" of this card
+     * (header, avatar, text, etc.) is clicked. This can be
+     * used over a top-level `click` listener to ignore clicks
+     * on the slotted `action` or `overlay` content.
+     */
+    contentClick: EventEmitter<MouseEvent>;
+    render(): h.JSX.IntrinsicElements;
+    private handleContentClick;
+    private handleTextClick;
 }

package/dist/types/components/card-group/card-group.d.ts

@@ -1,16 +1,16 @@
 import { h } from '../../stencil-public-runtime';
 export declare class CardGroup {
-  /**
-   * Whether this card should be displayed with a selected state.
-   */
-  selected: boolean;
-  /**
-   * Whether this card should be displayed with a hovered state.
-   */
-  hovered: boolean;
-  /**
-   * Whether this card's expandable content is expanded or not.
-   */
-  expanded: boolean;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * Whether this card should be displayed with a selected state.
+     */
+    selected: boolean;
+    /**
+     * Whether this card should be displayed with a hovered state.
+     */
+    hovered: boolean;
+    /**
+     * Whether this card's expandable content is expanded or not.
+     */
+    expanded: boolean;
+    render(): h.JSX.IntrinsicElements;
 }

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

@@ -2,15 +2,15 @@ import { h } from '../../stencil-public-runtime';
 export type ChipVariant = 'filled' | 'outlined';
 export type ChipColor = 'primary' | 'secondary';
 export declare class Chip {
-  /**
-   * The variant of this <vertex-chip>.
-   * Can be "filled" or "outlined" and defaults to "filled".
-   */
-  variant: ChipVariant;
-  /**
-   * The color of this <vertex-chip>.
-   * Can be "primary" or "secondary" and defaults to "secondary".
-   */
-  color: ChipColor;
-  render(): h.JSX.IntrinsicElements;
+    /**
+     * The variant of this <vertex-chip>.
+     * Can be "filled" or "outlined" and defaults to "filled".
+     */
+    variant: ChipVariant;
+    /**
+     * The color of this <vertex-chip>.
+     * Can be "primary" or "secondary" and defaults to "secondary".
+     */
+    color: ChipColor;
+    render(): h.JSX.IntrinsicElements;
 }

package/dist/types/components/click-to-edit-text-field/click-to-edit-text-field.d.ts

@@ -1,82 +1,82 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
 import { InputChangeEventDetail, TextSize } from '../text-field/text-field';
 export declare class ClickToEditTextField {
-  /**
-   * 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>;
-  /**
-   * Emitted when input submitted
-   */
-  inputSubmit: EventEmitter<InputChangeEventDetail>;
-  /**
-   * Placeholder for text input.
-   */
-  placeholder?: string;
-  /**
-   * The size of the text.
-   * Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
-   */
-  fontSize: TextSize;
-  /**
-   * Whether this input is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * 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`.
-   */
-  minRows?: number;
-  /**
-   * The minimum number of rows to display. This property has no effect
-   * if `multiline` is not `true`.
-   */
-  maxRows?: number;
-  /**
-   * Value for text input.
-   */
-  value?: string | number | null;
-  /**
-   * Focus input when rendered
-   */
-  autoFocus?: boolean;
-  /**
-   * Whether this input is being edited.
-   */
-  editing: boolean;
-  /**
-   * Whether this input is in error state
-   */
-  hasError?: boolean;
-  private textFieldRef?;
-  private defaultValue?;
-  constructor();
-  render(): h.JSX.IntrinsicElements;
-  private renderIcon;
-  private handleKeyDown;
-  private handleInputBlur;
-  private handleInputFocus;
-  private handleInputInput;
-  private resetOnEscape;
-  private handleSubmit;
-  private handleInputChange;
-  protected handleValueChanged(newValue: string | number | null): void;
+    /**
+     * 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>;
+    /**
+     * Emitted when input submitted
+     */
+    inputSubmit: EventEmitter<InputChangeEventDetail>;
+    /**
+     * Placeholder for text input.
+     */
+    placeholder?: string;
+    /**
+     * The size of the text.
+     * Can be "standard," "sm," "md," "lg," "xl," or "2xl" and defaults to "standard".
+     */
+    fontSize: TextSize;
+    /**
+     * Whether this input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * 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`.
+     */
+    minRows?: number;
+    /**
+     * The minimum number of rows to display. This property has no effect
+     * if `multiline` is not `true`.
+     */
+    maxRows?: number;
+    /**
+     * Value for text input.
+     */
+    value?: string | number | null;
+    /**
+     * Focus input when rendered
+     */
+    autoFocus?: boolean;
+    /**
+     * Whether this input is being edited.
+     */
+    editing: boolean;
+    /**
+     * Whether this input is in error state
+     */
+    hasError?: boolean;
+    private textFieldRef?;
+    private defaultValue?;
+    constructor();
+    render(): h.JSX.IntrinsicElements;
+    private renderIcon;
+    private handleKeyDown;
+    private handleInputBlur;
+    private handleInputFocus;
+    private handleInputInput;
+    private resetOnEscape;
+    private handleSubmit;
+    private handleInputChange;
+    protected handleValueChanged(newValue: string | number | null): void;
 }

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

@@ -1,13 +1,13 @@
 import { h } from '../../stencil-public-runtime';
 export declare class Collapsible {
-  /**
-   * The clickable text to display for this <vertex-collapsible> element.
-   */
-  label?: string;
-  /**
-   * Whether this collapsible is expanded.
-   */
-  open: boolean;
-  render(): h.JSX.IntrinsicElements;
-  private setOpen;
+    /**
+     * The clickable text to display for this <vertex-collapsible> element.
+     */
+    label?: string;
+    /**
+     * Whether this collapsible is expanded.
+     */
+    open: boolean;
+    render(): h.JSX.IntrinsicElements;
+    private setOpen;
 }