chore(docs): update prop tables with enterKeyHint updates (aws-amplif…

…y#2236) Co-authored-by: Heather Buchel <[email protected]>
sid94mishra · Jul 1, 2022 · afdb0e4 · afdb0e4
1 parent 14a06f5
commit afdb0e4
Show file tree

Hide file tree

Showing 9 changed files with 110 additions and 10 deletions.
diff --git a/docs/src/pages/[platform]/components/checkboxfield/props-table.mdx b/docs/src/pages/[platform]/components/checkboxfield/props-table.mdx
@@ -79,6 +79,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -116,7 +126,7 @@ string
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/passwordfield/props-table.mdx b/docs/src/pages/[platform]/components/passwordfield/props-table.mdx
@@ -79,6 +79,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -156,7 +166,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/phonenumberfield/props-table.mdx b/docs/src/pages/[platform]/components/phonenumberfield/props-table.mdx
@@ -129,6 +129,16 @@ string[]
       <TableCell className="props-table__tr-description">Accepts an array of dial codes (strings) used as options in the dial code selector</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -186,7 +196,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/radiogroupfield/props-table.mdx b/docs/src/pages/[platform]/components/radiogroupfield/props-table.mdx
@@ -79,6 +79,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -116,7 +126,7 @@ string
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>
@@ -582,6 +592,16 @@ string | number | readonly string[]
       <TableCell className="props-table__tr-description">Use this to provide a default value for an uncontrolled field.</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">hasError</TableCell>
       <TableCell>
@@ -609,7 +629,7 @@ string
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/searchfield/props-table.mdx b/docs/src/pages/[platform]/components/searchfield/props-table.mdx
@@ -89,6 +89,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -146,7 +156,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/sliderfield/props-table.mdx b/docs/src/pages/[platform]/components/sliderfield/props-table.mdx
@@ -109,6 +109,16 @@ StyleToken<Property.Color>
       <TableCell className="props-table__tr-description">Applies to the empty part of the SliderField track</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -176,7 +186,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/stepperfield/props-table.mdx b/docs/src/pages/[platform]/components/stepperfield/props-table.mdx
@@ -89,6 +89,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -156,7 +166,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/switchfield/props-table.mdx b/docs/src/pages/[platform]/components/switchfield/props-table.mdx
@@ -79,6 +79,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -116,7 +126,7 @@ string
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: : "text"</TableCell>
+      <TableCell className="props-table__tr-description"> Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: "text"</TableCell>
     </TableRow>
 
     <TableRow>

diff --git a/docs/src/pages/[platform]/components/textfield/props-table.mdx b/docs/src/pages/[platform]/components/textfield/props-table.mdx
@@ -79,6 +79,16 @@ React.ReactNode
       <TableCell className="props-table__tr-description">Provides additional information needed to fill field     (e.g. password requirements, etc.)</TableCell>
     </TableRow>
 
+    <TableRow>
+      <TableCell className="props-table__tr-name">enterKeyHint</TableCell>
+      <TableCell>
+```jsx
+EnterKeyHint
+```
+</TableCell>
+      <TableCell className="props-table__tr-description">Defines what action label (or icon) to present for the enter key on virtual keyboards. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)</TableCell>
+    </TableRow>
+
     <TableRow>
       <TableCell className="props-table__tr-name">errorMessage</TableCell>
       <TableCell>
@@ -169,7 +179,7 @@ React.ReactNode
 InputMode
 ```
 </TableCell>
-      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: @default: "text"</TableCell>
+      <TableCell className="props-table__tr-description">Provides hint for virtual keyboard shown See: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) Default: @default "text"</TableCell>
     </TableRow>
 
     <TableRow>