@nysds/nys-textinput 1.17.0 → 1.18.0

package/dist/nys-textinput.js

@@ -6,7 +6,7 @@ import { ifDefined as u } from "lit/directives/if-defined.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Textinput Component v1.17.0
+   * Textinput Component v1.18.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-textinput",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "The Textinput component from the NYS Design System.",
   "module": "dist/nys-textinput.js",
   "exports": {
@@ -22,9 +22,9 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.17.0",
-    "@nysds/nys-label": "^1.17.0",
-    "@nysds/nys-errormessage": "^1.17.0"
+    "@nysds/nys-icon": "^1.18.0",
+    "@nysds/nys-label": "^1.18.0",
+    "@nysds/nys-errormessage": "^1.18.0"
   },
   "devDependencies": {
     "lit": "^3.3.1",

package/dist/nys-textinput.d.ts

@@ -1,147 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A text input for collecting short, single-line data. Supports validation, input masking (tel),
- * password visibility toggle, and live error messaging. Form-associated via ElementInternals.
- *
- * Use for names, emails, passwords, phone numbers. For multi-line input, use `nys-textarea` instead.
- * For predefined options, use `nys-select`, `nys-radiobutton`, or `nys-checkbox`.
- *
- * @summary Text input for short single-line data with validation and masking support.
- * @element nys-textinput
- *
- * @slot description - Custom HTML description content below the label.
- * @slot startButton - Button at input start. Use single `nys-button` only.
- * @slot endButton - Button at input end. Use single `nys-button` only.
- *
- * @fires nys-input - Fired on input change. Detail: `{id, value}`.
- * @fires nys-focus - Fired when input gains focus.
- * @fires nys-blur - Fired when input loses focus. Triggers validation.
- *
- * @example Basic text input
- * ```html
- * <nys-textinput label="Full Name" required></nys-textinput>
- * ```
- *
- * @example Required Email
- * ```html
- * <nys-textinput type="email" label="Email Address" required></nys-textinput>
- * ```
- *
- * @example Phone with masking
- * ```html
- * <nys-textinput type="tel" label="Phone Number"></nys-textinput>
- * ```
- *
- * @example Search with button
- * ```html
- * <nys-textinput type="search" placeholder="Search">
- *   <nys-button slot="endButton" label="Search" prefixIcon="search"></nys-button>
- * </nys-textinput>
- * ```
- */
-export declare class NysTextinput extends LitElement {
-    static styles: import("lit").CSSResult;
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    /** Unique identifier. Auto-generated if not provided. */
-    id: string;
-    /** Name for form submission. */
-    name: string;
-    /**
-     * Input type: `text` (default), `email`, `number`, `password`, `search`, `tel` (auto-masked), `url`.
-     * @default "text"
-     */
-    type: "email" | "number" | "password" | "search" | "tel" | "text" | "url";
-    /** Visible label text. Required for accessibility. */
-    label: string;
-    /** Helper text below label. Use slot for custom HTML. */
-    description: string;
-    /** Placeholder text. Don't use as label replacement. */
-    placeholder: string;
-    /** Current input value. */
-    value: string;
-    /** Prevents interaction. */
-    disabled: boolean;
-    /** Makes input read-only but focusable. */
-    readonly: boolean;
-    /** Marks as required. Shows "Required" flag and validates on blur. */
-    required: boolean;
-    /** Shows "Optional" flag. Use when most fields are required. */
-    optional: boolean;
-    /** Tooltip text shown on hover/focus of info icon. */
-    tooltip: string;
-    /** Form `id` to associate with when input is outside form element. */
-    form: string | null;
-    /** Regex pattern for validation. Shows error on mismatch. */
-    pattern: string;
-    /** Maximum character length. */
-    maxlength: number | null;
-    /** Accessible label. When set, assuming "label" isn't provided for private special cases (i.e., <checkbox other>). */
-    ariaLabel: string;
-    /**
-     * Input width: `sm` (88px), `md` (200px), `lg` (384px), `full` (100%, default).
-     * @default "full"
-     */
-    width: "sm" | "md" | "lg" | "full";
-    /** Step increment for `type="number"`. */
-    step: number | null;
-    /** Minimum value for `type="number"`. */
-    min: number | null;
-    /** Maximum value for `type="number"`. */
-    max: number | null;
-    /** Adjusts colors for dark backgrounds. */
-    inverted: boolean;
-    /** Shows error message when true. Set by validation or manually. */
-    showError: boolean;
-    /** Error message text. Shown only when `showError` is true. */
-    errorMessage: string;
-    private _inputEl;
-    private showPassword;
-    private _originalErrorMessage;
-    private _hasUserInteracted;
-    private _internals;
-    private _maskPatterns;
-    /**
-     * Lifecycle methods
-     * --------------------------------------------------------------------------
-     */
-    static formAssociated: boolean;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): Promise<void>;
-    updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
-    /**
-     * Form Integration
-     * --------------------------------------------------------------------------
-     */
-    private _setValue;
-    private _manageRequire;
-    private _setValidityMessage;
-    private _validate;
-    formResetCallback(): void;
-    /**
-     * Functions
-     * --------------------------------------------------------------------------
-     */
-    checkValidity(): boolean;
-    private _handleInvalid;
-    private _togglePasswordVisibility;
-    private _updateOverlay;
-    private _applyMask;
-    /**
-     * Event Handlers
-     * --------------------------------------------------------------------------
-     */
-    private _handleInput;
-    private _handleFocus;
-    private _handleBlur;
-    private _validateButtonSlot;
-    render(): import("lit-html").TemplateResult<1>;
-}