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

package/docs/api-report.md

@@ -4,6 +4,8 @@
 
 ```ts
 
+/// <reference types="web" />
+
 import type { Constructable } from '@microsoft/fast-element';
 import { CSSDirective } from '@microsoft/fast-element';
 import { Direction } from '@microsoft/fast-web-utilities';
@@ -2942,61 +2944,74 @@ export const TextFont: {
 // @public
 export type TextFont = ValuesOf<typeof TextFont>;
 
-// Warning: (ae-forgotten-export) The symbol "FormAssociatedTextField" needs to be exported by the entry point index.d.ts
+// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "TextInput" because one of its declarations is marked as @internal
 //
-// @public (undocumented)
-export class TextInput extends FormAssociatedTextField {
+// @public
+export class TextInput extends FASTElement {
     appearance?: TextInputAppearance;
+    autocomplete?: string;
     autofocus: boolean;
+    // @internal
+    changeHandler(e: InputEvent): void;
     // (undocumented)
-    protected autofocusChanged(): void;
-    // @internal (undocumented)
     connectedCallback(): void;
     // @internal
     control: HTMLInputElement;
+    // @internal
+    controlLabel: HTMLLabelElement;
     controlSize?: TextInputControlSize;
-    // @internal (undocumented)
+    // @internal
     defaultSlottedNodes: Node[];
     // @internal
-    handleChange(): void;
+    defaultSlottedNodesChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
+    dirname?: string;
+    disabled?: boolean;
+    // (undocumented)
+    disconnectedCallback(): void;
     // @internal
-    handleTextInput(): void;
+    protected elementInternals: ElementInternals;
+    get form(): HTMLFormElement | null;
+    static readonly formAssociated = true;
+    formAttribute?: string;
+    // @internal
+    formResetCallback(): void;
+    initialValue: string;
+    // @internal
+    initialValueChanged(): void;
+    // @internal
+    inputHandler(e: InputEvent): boolean | void;
+    // @internal
+    keypressHandler(e: KeyboardEvent): boolean | void;
     list: string;
-    // (undocumented)
-    protected listChanged(): void;
     maxlength: number;
-    // (undocumented)
-    protected maxlengthChanged(): void;
     minlength: number;
-    // (undocumented)
-    protected minlengthChanged(): void;
+    multiple: boolean;
+    name: string;
     pattern: string;
-    // (undocumented)
-    protected patternChanged(): void;
     placeholder: string;
-    // (undocumented)
-    protected placeholderChanged(): void;
-    readOnly: boolean;
-    // (undocumented)
-    protected readOnlyChanged(): void;
+    readonly?: boolean;
+    // @internal
+    readonlyChanged(): void;
+    required: boolean;
+    // @internal
+    requiredChanged(previous: boolean, next: boolean): void;
     select(): void;
+    // @internal
+    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
+    // @internal
+    setValidity(flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement): void;
     size: number;
-    // (undocumented)
-    protected sizeChanged(): void;
     spellcheck: boolean;
-    // (undocumented)
-    protected spellcheckChanged(): void;
     type: TextInputType;
-    // Warning: (ae-unresolved-inheritdoc-reference) The @inheritDoc reference could not be resolved: The package "@fluentui/web-components" does not have an export "FormAssociated"
-    //
-    // (undocumented)
-    validate(): void;
+    get validationMessage(): string;
+    get validity(): ValidityState;
+    get value(): string;
+    set value(value: string);
+    get willValidate(): boolean;
 }
 
-// Warning: (ae-forgotten-export) The symbol "DelegatesARIATextbox" needs to be exported by the entry point index.d.ts
-//
-// @public (undocumented)
-export interface TextInput extends StartEnd, DelegatesARIATextbox {
+// @internal (undocumented)
+export interface TextInput extends StartEnd {
 }
 
 // @public
@@ -3007,7 +3022,7 @@ export const TextInputAppearance: {
     readonly filledDarker: "filled-darker";
 };
 
-// @public
+// @public (undocumented)
 export type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
 
 // @public
@@ -3017,13 +3032,13 @@ export const TextInputControlSize: {
     readonly large: "large";
 };
 
-// @public
+// @public (undocumented)
 export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
 
 // @public
 export const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
 
-// @public (undocumented)
+// @public
 export type TextInputOptions = StartEndOptions<TextInput>;
 
 // @public
@@ -3043,7 +3058,7 @@ export const TextInputType: {
     readonly url: "url";
 };
 
-// @public
+// @public (undocumented)
 export type TextInputType = ValuesOf<typeof TextInputType>;
 
 // @public

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-beta.20",
+  "version": "3.0.0-beta.21",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -176,7 +176,7 @@
     "./dist/esm/toggle-button/define.js"
   ],
   "scripts": {
-    "type-check": "echo 'TODO'",
+    "type-check": "node ./scripts/type-check",
     "benchmark": "yarn clean && yarn compile:benchmark && yarn compile && node ./scripts/run-benchmarks",
     "compile": "node ./scripts/compile",
     "compile:benchmark": "rollup -c rollup.bench.js",

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

@@ -1,14 +0,0 @@
-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/esm/text-input/text-field.form-associated.js

@@ -1,14 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { FormAssociated } from '../form-associated/form-associated.js';
-class _TextField extends FASTElement {
-}
-/**
- * @beta
- */
-export class FormAssociatedTextField extends FormAssociated(_TextField) {
-    constructor() {
-        super(...arguments);
-        this.proxy = document.createElement('input');
-    }
-}
-//# sourceMappingURL=text-field.form-associated.js.map

package/dist/esm/text-input/text-field.form-associated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field.form-associated.js","sourceRoot":"","sources":["../../../src/text-input/text-field.form-associated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,MAAM,UAAW,SAAQ,WAAW;CAAG;AAIvC;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,cAAc,CAAC,UAAU,CAAC;IAAvE;;QACE,UAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;CAAA"}