@fluentui/web-components 3.0.0-alpha.22 → 3.0.0-alpha.24

package/dist/fluent-web-components.api.json

@@ -14287,6 +14287,42 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!FluentDesignSystem:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "FluentDesignSystem: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Readonly",
+              "canonicalReference": "!Readonly:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<{\n    prefix: \"fluent\";\n    shadowRootMode: \"open\";\n    registry: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CustomElementRegistry",
+              "canonicalReference": "!CustomElementRegistry:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n}>"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "FluentDesignSystem",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fontFamilyBase:var",
@@ -20441,6 +20477,285 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!TextInput:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-text-input custom element\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class TextInput extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTTextField",
+              "canonicalReference": "@microsoft/fast-foundation!FASTTextField:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextInput",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!TextInput#appearance:member",
+              "docComment": "/**\n * Defines TextInput appearance.\n *\n * @default 'outline'\n *\n * @remarks\n *\n * HTML Attribute: appearance\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "appearance?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "TextInputAppearance",
+                  "canonicalReference": "@fluentui/web-components!TextInputAppearance:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "appearance",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@fluentui/web-components!TextInput#controlSize:member",
+              "docComment": "/**\n * Defines TextInput control size\n *\n * @default 'medium'\n *\n * @remarks\n *\n * HTML Attribute: control-size\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "controlSize?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "TextInputControlSize",
+                  "canonicalReference": "@fluentui/web-components!TextInputControlSize:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "controlSize",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!TextInputAppearance:type",
+          "docComment": "/**\n * Applies appearance styling to TextInput\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type TextInputAppearance = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TextInputAppearance",
+              "canonicalReference": "@fluentui/web-components!TextInputAppearance:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextInputAppearance",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextInputAppearance:var",
+          "docComment": "/**\n * TextInput appearance constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "TextInputAppearance: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly outline: \"outline\";\n    readonly underline: \"underline\";\n    readonly filledLighter: \"filled-lighter\";\n    readonly filledDarker: \"filled-darker\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextInputAppearance",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!TextInputControlSize:type",
+          "docComment": "/**\n * Applies size styling to TextInput\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type TextInputControlSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TextInputControlSize",
+              "canonicalReference": "@fluentui/web-components!TextInputControlSize:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "TextInputControlSize",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextInputControlSize:var",
+          "docComment": "/**\n * TextInput size constants\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "TextInputControlSize: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextInputControlSize",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextInputDefinition:var",
+          "docComment": "/**\n * The Fluent TextInput Element.\n *\n * @remarks\n *\n * HTML Element: \\<fluent-text-input\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "definition: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "TextInput",
+              "canonicalReference": "@fluentui/web-components!TextInput:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextInputDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!TextInputStyles:var",
+          "docComment": "/**\n * TextInput styles\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "styles: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "TextInputStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!TextSize:type",

package/dist/web-components.d.ts

@@ -23,6 +23,7 @@ import { FASTSwitch } from '@microsoft/fast-foundation';
 import { FASTTab } from '@microsoft/fast-foundation';
 import { FASTTabPanel } from '@microsoft/fast-foundation';
 import { FASTTabs } from '@microsoft/fast-foundation';
+import { FASTTextField } from '@microsoft/fast-foundation';
 import { MenuItemRole } from '@microsoft/fast-foundation';
 import { RadioGroupOrientation } from '@microsoft/fast-foundation';
 import { SliderOrientation } from '@microsoft/fast-foundation';
@@ -30,6 +31,7 @@ import { StartEnd } from '@microsoft/fast-foundation';
 import { StartEndOptions } from '@microsoft/fast-foundation';
 import { StaticallyComposableHTML } from '@microsoft/fast-foundation';
 import { TabsOrientation } from '@microsoft/fast-foundation';
+import { TextFieldType as TextInputType } from '@microsoft/fast-foundation';
 import type { Theme } from '@fluentui/tokens';
 import { ValuesOf } from '@microsoft/fast-foundation';
 
@@ -1794,6 +1796,12 @@ export declare const durationUltraFast: CSSDesignToken<string>;
 
 export declare const durationUltraSlow: CSSDesignToken<string>;
 
+export declare const FluentDesignSystem: Readonly<{
+    prefix: "fluent";
+    shadowRootMode: "open";
+    registry: CustomElementRegistry;
+}>;
+
 export declare const fontFamilyBase: CSSDesignToken<string>;
 
 export declare const fontFamilyMonospace: CSSDesignToken<string>;
@@ -2839,6 +2847,86 @@ export declare const TextFont: {
  */
 export declare type TextFont = ValuesOf<typeof TextFont>;
 
+/**
+ * The base class used for constructing a fluent-text-input custom element
+ * @public
+ */
+export declare class TextInput extends FASTTextField {
+    /**
+     * Defines TextInput control size
+     *
+     * @public
+     * @default 'medium'
+     * @remarks
+     * HTML Attribute: control-size
+     */
+    controlSize?: TextInputControlSize;
+    /**
+     * Defines TextInput appearance.
+     *
+     * @public
+     * @default 'outline'
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance?: TextInputAppearance;
+}
+
+/**
+ * TextInput appearance constants
+ * @public
+ */
+export declare const TextInputAppearance: {
+    readonly outline: "outline";
+    readonly underline: "underline";
+    readonly filledLighter: "filled-lighter";
+    readonly filledDarker: "filled-darker";
+};
+
+/**
+ * Applies appearance styling to TextInput
+ * @public
+ */
+export declare type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
+
+/**
+ * TextInput size constants
+ * @public
+ */
+export declare const TextInputControlSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+
+/**
+ * Applies size styling to TextInput
+ * @public
+ */
+export declare type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
+
+/**
+ * The Fluent TextInput Element.
+ *
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-text-input\>
+ */
+export declare const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
+
+/** TextInput styles
+ * @public
+ */
+export declare const TextInputStyles: ElementStyles;
+
+/**
+ * @internal
+ */
+export declare const TextInputTemplate: ElementViewTemplate<TextInput>;
+
+export { TextInputType }
+
 /**
  * TextSize constants
  * @public