@trimble-oss/moduswebcomponents/types/components/types.d.ts

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import { IInputFeedbackLevel } from './modus-wc-input-feedback/modus-wc-input-feedback';
export type DaisySize = 'xs' | 'sm' | 'md' | 'lg';
export type Density = 'comfortable' | 'compact' | 'relaxed';
export type ModusSize = Extract<DaisySize, 'sm' | 'md' | 'lg'>;
export type Orientation = 'horizontal' | 'vertical';
/** For `autocomplete`, from https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete */
export type AutocompleteTypes = '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';
/** For `input`, from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types */
export type TextFieldTypes = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local';
export interface IInputFeedbackProp {
    level: IInputFeedbackLevel;
    message?: string;
}
export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
export interface IAutocompleteItem {
    /** Whether the item is disabled */
    disabled?: boolean;
    /** Whether the item is currently focused */
    focused?: boolean;
    /** The display text shown for the autocomplete item */
    label: string;
    /** Whether the item is currently selected */
    selected?: boolean;
    /** The unique value identifier for the item */
    value: string;
    /** Whether the item should be shown in the dropdown menu */
    visibleInMenu: boolean;
}
export interface IAutocompleteNoResults {
    /** The aria-label to provide accessibility information for the no results section. */
    ariaLabel?: string;
    /** The main label to display when no results are found. */
    label: string;
    /** The sub-label or additional text to display below the main label. */
    subLabel: string;
}