@fluentui/web-components 3.0.0-beta.2 → 3.0.0-beta.20

package/dist/dts/tabs/tabs.template.d.ts

@@ -1 +1,5 @@
-export declare const template: import("@microsoft/fast-element").ElementViewTemplate<import("@microsoft/fast-foundation/tabs.js").FASTTabs, any>;
+import { ElementViewTemplate } from '@microsoft/fast-element';
+import { Tabs } from './tabs.js';
+import { TabsOptions } from './tabs.options.js';
+export declare function tabsTemplate<T extends Tabs>(options?: TabsOptions): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<Tabs, any>;

package/dist/dts/text/index.d.ts

@@ -1,5 +1,5 @@
-export * from './text.js';
-export * from './text.options.js';
+export { Text } from './text.js';
+export { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 export { template as TextTemplate } from './text.template.js';
 export { styles as TextStyles } from './text.styles.js';
 export { definition as TextDefinition } from './text.definition.js';

package/dist/dts/text/text.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
+import type { ValuesOf } from '../utils/index.js';
 /**
  * TextSize constants
  * @public

package/dist/dts/text-input/index.d.ts

@@ -1,6 +1,5 @@
-export * from './text-input.js';
-export * from './text-input.options.js';
+export { TextInputOptions, TextInput } from './text-input.js';
+export { TextInputType, TextInputAppearance, TextInputControlSize } from './text-input.options.js';
 export { template as TextInputTemplate } from './text-input.template.js';
 export { styles as TextInputStyles } from './text-input.styles.js';
 export { definition as TextInputDefinition } from './text-input.definition.js';
-export { TextFieldType as TextInputType } from '@microsoft/fast-foundation/text-field.js';

package/dist/dts/text-input/text-field.form-associated.d.ts

@@ -0,0 +1,14 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { FormAssociated } from '../form-associated/form-associated.js';
+declare class _TextField extends FASTElement {
+}
+interface _TextField extends FormAssociated {
+}
+declare const FormAssociatedTextField_base: typeof _TextField;
+/**
+ * @beta
+ */
+export declare class FormAssociatedTextField extends FormAssociatedTextField_base {
+    proxy: HTMLInputElement;
+}
+export {};

package/dist/dts/text-input/text-input.d.ts

@@ -1,10 +1,10 @@
-import { FASTTextField } from '@microsoft/fast-foundation/text-field.js';
+import { ARIAGlobalStatesAndProperties, StartEnd, StartEndOptions } from '../patterns/index.js';
 import { TextInputAppearance, TextInputControlSize } from './text-input.options.js';
-/**
- * The base class used for constructing a fluent-text-input custom element
- * @public
- */
-export declare class TextInput extends FASTTextField {
+import { TextInputType } from './text-input.options.js';
+import { FormAssociatedTextField } from './text-field.form-associated.js';
+export { TextInputType };
+export declare type TextInputOptions = StartEndOptions<TextInput>;
+export declare class TextInput extends FormAssociatedTextField {
     /**
      * Defines TextInput control size
      *
@@ -23,4 +23,132 @@ export declare class TextInput extends FASTTextField {
      * HTML Attribute: appearance
      */
     appearance?: TextInputAppearance;
+    /**
+     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.
+     * @public
+     * @remarks
+     * HTML Attribute: readonly
+     */
+    readOnly: boolean;
+    protected readOnlyChanged(): void;
+    /**
+     * Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.
+     * @public
+     * @remarks
+     * HTML Attribute: autofocus
+     */
+    autofocus: boolean;
+    protected autofocusChanged(): void;
+    /**
+     * Sets the placeholder value of the element, generally used to provide a hint to the user.
+     * @public
+     * @remarks
+     * HTML Attribute: placeholder
+     * Using this attribute does is not a valid substitute for a labeling element.
+     */
+    placeholder: string;
+    protected placeholderChanged(): void;
+    /**
+     * Allows setting a type or mode of text.
+     * @public
+     * @remarks
+     * HTML Attribute: type
+     */
+    type: TextInputType;
+    private typeChanged;
+    /**
+     * Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.
+     * @public
+     * @remarks
+     * HTML Attribute: list
+     */
+    list: string;
+    protected listChanged(): void;
+    /**
+     * The maximum number of characters a user can enter.
+     * @public
+     * @remarks
+     * HTMLAttribute: maxlength
+     */
+    maxlength: number;
+    protected maxlengthChanged(): void;
+    /**
+     * The minimum number of characters a user can enter.
+     * @public
+     * @remarks
+     * HTMLAttribute: minlength
+     */
+    minlength: number;
+    protected minlengthChanged(): void;
+    /**
+     * A regular expression that the value must match to pass validation.
+     * @public
+     * @remarks
+     * HTMLAttribute: pattern
+     */
+    pattern: string;
+    protected patternChanged(): void;
+    /**
+     * Sets the width of the element to a specified number of characters.
+     * @public
+     * @remarks
+     * HTMLAttribute: size
+     */
+    size: number;
+    protected sizeChanged(): void;
+    /**
+     * Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
+     * @public
+     * @remarks
+     * HTMLAttribute: size
+     */
+    spellcheck: boolean;
+    protected spellcheckChanged(): void;
+    /**
+     * @internal
+     */
+    defaultSlottedNodes: Node[];
+    /**
+     * A reference to the internal input element
+     * @internal
+     */
+    control: HTMLInputElement;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
+    /**
+     * Selects all the text in the text field
+     *
+     * @public
+     */
+    select(): void;
+    /**
+     * Handles the internal control's `input` event
+     * @internal
+     */
+    handleTextInput(): void;
+    /**
+     * Change event handler for inner control.
+     * @remarks
+     * "Change" events are not `composable` so they will not
+     * permeate the shadow DOM boundary. This fn effectively proxies
+     * the change event, emitting a `change` event whenever the internal
+     * control emits a `change` event
+     * @internal
+     */
+    handleChange(): void;
+    /** {@inheritDoc (FormAssociated:interface).validate} */
+    validate(): void;
+}
+/**
+ * Includes ARIA states and properties relating to the ARIA textbox role
+ *
+ * @public
+ */
+export declare class DelegatesARIATextbox {
+}
+export interface DelegatesARIATextbox extends ARIAGlobalStatesAndProperties {
+}
+export interface TextInput extends StartEnd, DelegatesARIATextbox {
 }

package/dist/dts/text-input/text-input.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
+import type { ValuesOf } from '../utils/index.js';
 /**
  * TextInput size constants
  * @public
@@ -28,3 +28,34 @@ export declare const TextInputAppearance: {
  * @public
  */
 export declare type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
+/**
+ * Text field sub-types
+ * @public
+ */
+export declare const TextInputType: {
+    /**
+     * An email TextInput
+     */
+    readonly email: "email";
+    /**
+     * A password TextInput
+     */
+    readonly password: "password";
+    /**
+     * A telephone TextInput
+     */
+    readonly tel: "tel";
+    /**
+     * A text TextInput
+     */
+    readonly text: "text";
+    /**
+     * A URL TextInput
+     */
+    readonly url: "url";
+};
+/**
+ * Types for the text field sub-types
+ * @public
+ */
+export declare type TextInputType = ValuesOf<typeof TextInputType>;

package/dist/dts/text-input/text-input.template.d.ts

@@ -1,5 +1,6 @@
 import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { TextInput } from './text-input.js';
+import type { TextInput, TextInputOptions } from './text-input.js';
+export declare function textFieldTemplate<T extends TextInput>(options?: TextInputOptions): ElementViewTemplate<T>;
 /**
  * @internal
  */