wjec-one 4.1.0 → 4.2.0-alpha.0

package/README.md

@@ -1050,6 +1050,19 @@ Here is a list of our components along with some documentation for them.
         <th>Description</th>
       </tr>
     </thead><tbody>
+          <tr>
+            <td>ariaControlLabels</td>
+            <td><code>{ dot: string; next: string; previous: string; }</code></td>
+            <td>false</td>
+            <td><code>{
+    dot: 'Go to slide {index}',
+    next: 'Go to next slide',
+    previous: 'Go to previous slide'
+  }</code></td>
+            <td>Accessibility labels for slide controls</td>
+          </tr>
+        </tbody>
+      <tbody>
           <tr>
             <td>buffer</td>
             <td><code>number</code></td>
@@ -1121,6 +1134,15 @@ Here is a list of our components along with some documentation for them.
             <td>The duration (in milliseconds) of the transition between slides</td>
           </tr>
         </tbody>
+      <tbody>
+          <tr>
+            <td>slideWidth</td>
+            <td><code>Width<string , number></code></td>
+            <td>false</td>
+            <td><code>100%</code></td>
+            <td>The width of each slide relative to the container</td>
+          </tr>
+        </tbody>
       <tbody>
           <tr>
             <td>id</td>
@@ -1458,6 +1480,53 @@ Once the component unmounts, React will set `ref.current` to `null`
         <th>Description</th>
       </tr>
     </thead><tbody>
+          <tr>
+            <td>icon</td>
+            <td><code>(props: SVGProps<SVGSVGElement>) => SVGComponent</code></td>
+            <td>false</td>
+            <td><code>-</code></td>
+            <td>An SVG component that will be rendered to the left of the Input's content. Usually used to denote the purpose of the input field (for example, an envelope icon for "email address")</td>
+          </tr>
+        </tbody>
+      <tbody>
+          <tr>
+            <td>label</td>
+            <td><code>FormattedString</code></td>
+            <td>false</td>
+            <td><code>-</code></td>
+            <td>The text that will be displayed as the Input's label</td>
+          </tr>
+        </tbody>
+      <tbody>
+          <tr>
+            <td>onChange</td>
+            <td><code>(value: string) => void</code></td>
+            <td>false</td>
+            <td><code>-</code></td>
+            <td>A handler that will be invoked each time the content of the Input is changed. Provides the latest value as the only argument
+@param value The updated value of the Input
+@returns void</td>
+          </tr>
+        </tbody>
+      <tbody>
+          <tr>
+            <td>placeholder</td>
+            <td><code>string</code></td>
+            <td>false</td>
+            <td><code>-</code></td>
+            <td>The text that will be displayed as the Input's placeholder when no value is present</td>
+          </tr>
+        </tbody>
+      <tbody>
+          <tr>
+            <td>value</td>
+            <td><code>string</code></td>
+            <td>false</td>
+            <td><code>-</code></td>
+            <td>A string that will be used as the value of the Input</td>
+          </tr>
+        </tbody>
+      <tbody>
           <tr>
             <td>clearButtonBehaviour</td>
             <td><code>"clear" , "clearAndClose" , "close"</code></td>
@@ -1504,24 +1573,6 @@ Once the component unmounts, React will set `ref.current` to `null`
             <td>-</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>icon</td>
-            <td><code>(props: SVGProps<SVGSVGElement>) => SVGComponent</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>label</td>
-            <td><code>FormattedString</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>loading</td>
@@ -1549,15 +1600,6 @@ Once the component unmounts, React will set `ref.current` to `null`
             <td>-</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>onChange</td>
-            <td><code>(value: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>onFilter</td>
@@ -1581,7 +1623,7 @@ Once the component unmounts, React will set `ref.current` to `null`
             <td>optionTemplate</td>
             <td><code>FC<{ option: T; index: number; filteredOptions: T[]; }></code></td>
             <td>false</td>
-            <td><code>({ option }) => <React.Fragment>{option as string | number | boolean}</React.Fragment></code></td>
+            <td><code>({ option }) => <React.Fragment>{option.toString()}</React.Fragment></code></td>
             <td>-</td>
           </tr>
         </tbody>
@@ -1596,19 +1638,10 @@ Once the component unmounts, React will set `ref.current` to `null`
         </tbody>
       <tbody>
           <tr>
-            <td>placeholder</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>value</td>
+            <td>ariaLabel</td>
             <td><code>string</code></td>
             <td>false</td>
-            <td><code>-</code></td>
+            <td><code>formattedStringToPlainText(label)</code></td>
             <td>-</td>
           </tr>
         </tbody>
@@ -1617,25 +1650,11 @@ Once the component unmounts, React will set `ref.current` to `null`
             <td>ariaCloseLabel</td>
             <td><code>string</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>ariaExpanded</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>ariaLabel</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
+            <td><code>clearButtonBehaviour === 'clear'
+    ? 'Clear filter'
+    : clearButtonBehaviour === 'clearAndClose'
+      ? 'Clear filter and close list'
+      : 'Close list'</code></td>
             <td>-</td>
           </tr>
         </tbody>
@@ -1648,24 +1667,6 @@ Once the component unmounts, React will set `ref.current` to `null`
             <td>-</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>ariaPosInSet</td>
-            <td><code>number</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>ariaSetSize</td>
-            <td><code>number</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>id</td>
@@ -1921,16 +1922,16 @@ The identifier that will be passed through to the underlying HTML element</td>
       </tr>
     </thead><tbody>
           <tr>
-            <td>type</td>
-            <td><code>"time" , "date" , "dateTime"</code></td>
+            <td>date</td>
+            <td><code>Date</code></td>
             <td>false</td>
-            <td><code>dateTime</code></td>
+            <td><code>-</code></td>
             <td>-</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>date</td>
+            <td>maxDate</td>
             <td><code>Date</code></td>
             <td>false</td>
             <td><code>-</code></td>
@@ -1939,8 +1940,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>disabled</td>
-            <td><code>boolean</code></td>
+            <td>minDate</td>
+            <td><code>Date</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -1948,8 +1949,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>label</td>
-            <td><code>any</code></td>
+            <td>onChangeDate</td>
+            <td><code>(date: Date) => void</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -1957,8 +1958,17 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>maxDate</td>
-            <td><code>Date</code></td>
+            <td>type</td>
+            <td><code>"date" , "time" , "dateTime"</code></td>
+            <td>false</td>
+            <td><code>dateTime</code></td>
+            <td>-</td>
+          </tr>
+        </tbody>
+      <tbody>
+          <tr>
+            <td>description</td>
+            <td><code>string</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -1966,8 +1976,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>minDate</td>
-            <td><code>Date</code></td>
+            <td>disabled</td>
+            <td><code>boolean</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -1975,8 +1985,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>onChangeDate</td>
-            <td><code>(date: Date) => void</code></td>
+            <td>label</td>
+            <td><code>any</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -2002,8 +2012,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>required</td>
-            <td><code>boolean</code></td>
+            <td>status</td>
+            <td><code>"error" , "success" , "warning"</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -2011,8 +2021,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>validationMessage</td>
-            <td><code>string</code></td>
+            <td>statusMessage</td>
+            <td><code>any</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -2339,26 +2349,6 @@ The identifier that will be passed through to the underlying HTML element</td>
             <td>Determines the size at which the component is rendered: "small" (inline with other form components) or "medium" (larger block with bigger clickable area)</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>files</td>
-            <td><code>File[]</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The list of selected files
-@deprecated This prop has been deprecated because the FileInput component no longer persists/displays a list of selected files</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>height</td>
-            <td><code>Height<string , number></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The height at which the component will be rendered
-@deprecated Deprecated because the component now has preset sizes as determined by the "displaySize" prop</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>label</td>
@@ -2424,16 +2414,6 @@ The identifier that will be passed through to the underlying HTML element</td>
             <td>The placeholder text that will be displayed inside the component</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>placeholderTitle</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The placeholder title that will be displayed inside the component
-@deprecated Deprecated in favor of the new label prop</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>status</td>
@@ -2470,16 +2450,6 @@ The identifier that will be passed through to the underlying HTML element</td>
             <td>A list of mime types that determines the files that can be selected; an error will be reported via onError() if an invalid file is selected</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>width</td>
-            <td><code>Width<string , number></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The width at which the component will be rendered
-@deprecated Deprecated because the component now has preset sizes as determined by the "displaySize" prop</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>ariaLabel</td>
@@ -4284,7 +4254,7 @@ The identifier that will be passed through to the underlying HTML element</td>
           </tr>
         </tbody>
       </table></details>
-<details><summary id="localizationmenu">LocalizationMenu</summary>No description provided<h3>Props</h3><table><thead>
+<details><summary id="modal">Modal</summary>No description provided<h3>Props</h3><table><thead>
       <tr>
         <th>Name</th>
         <th>Type</th>
@@ -4294,161 +4264,71 @@ The identifier that will be passed through to the underlying HTML element</td>
       </tr>
     </thead><tbody>
           <tr>
-            <td>context</td>
-            <td><code>Context<[DestructurableRecord<LocalizationState<L>>, Dispatch<Action>]></code></td>
-            <td>true</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td>actionButton</td>
+            <td><code>any</code></td>
+            <td>false</td>
+            <td><code>Confirm</code></td>
+            <td>The label that will be displayed for the Modal's action button; providing a value of `false` will result in the action button being omitted</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>icons</td>
-            <td><code>IconsMap<L></code></td>
+            <td>actionButtonIcon</td>
+            <td><code>(props: SVGProps<SVGSVGElement>) => SVGComponent</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td><code>actionType === 'negative' ? MinusIcon : ChevronRightIcon</code></td>
+            <td>An icon that will be display for the action button</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>keySuffix</td>
+            <td>actionButtonId</td>
             <td><code>string</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>The identifier that will be passed through to the underlying HTML element of the action button</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>open</td>
+            <td>actionDisabled</td>
             <td><code>boolean</code></td>
             <td>false</td>
-            <td><code>false</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>selectLocaleAction</td>
-            <td><code>(locale: L) => AsyncAction</code></td>
-            <td>true</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Determines whether the action button is subject to user interaction</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>showLocaleNameInList</td>
+            <td>actionLoading</td>
             <td><code>boolean</code></td>
             <td>false</td>
-            <td><code>true</code></td>
-            <td>-</td>
+            <td><code>-</code></td>
+            <td>Determines whether the action button should display a loading animation to indicate activity</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>showSelectedLocaleName</td>
-            <td><code>boolean</code></td>
+            <td>actionLoadingProgress</td>
+            <td><code>number</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Determines the progress % to be represented by the loading animation. If no value is provided, the loading animation will loop in an infinite, indeterminate state</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>ariaLabel</td>
-            <td><code>string</code></td>
+            <td>actionType</td>
+            <td><code>"negative" , "positive"</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td><code>positive</code></td>
+            <td>Determines which button component is used to render the action button; `"negative"` will result in a DestructiveButton being used and `"positive"` will use a PrimaryButton</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="modal">Modal</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>actionButton</td>
-            <td><code>any</code></td>
-            <td>false</td>
-            <td><code>Confirm</code></td>
-            <td>The label that will be displayed for the Modal's action button; providing a value of `false` will result in the action button being omitted</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionButtonIcon</td>
-            <td><code>(props: SVGProps<SVGSVGElement>) => SVGComponent</code></td>
-            <td>false</td>
-            <td><code>actionType === 'negative' ? MinusIcon : ChevronRightIcon</code></td>
-            <td>An icon that will be display for the action button</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionButtonId</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element of the action button</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionDisabled</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Determines whether the action button is subject to user interaction</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionLoading</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Determines whether the action button should display a loading animation to indicate activity</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionLoadingProgress</td>
-            <td><code>number</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Determines the progress % to be represented by the loading animation. If no value is provided, the loading animation will loop in an infinite, indeterminate state</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>actionType</td>
-            <td><code>"negative" , "positive"</code></td>
-            <td>false</td>
-            <td><code>positive</code></td>
-            <td>Determines which button component is used to render the action button; `"negative"` will result in a DestructiveButton being used and `"positive"` will use a PrimaryButton</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>blockScroll</td>
-            <td><code>boolean</code></td>
+            <td>blockScroll</td>
+            <td><code>boolean</code></td>
             <td>false</td>
             <td><code>true</code></td>
             <td>Determines whether background scrolling should be disabled when the Modal is open</td>
@@ -5459,7 +5339,7 @@ The identifier that will be passed through to the underlying HTML element</td>
     </thead><tbody>
           <tr>
             <td>backgroundColor</td>
-            <td><code>BackgroundColor , keyof ColorPalette</code></td>
+            <td><code>string , number , symbol , (string & {})</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>CSS property for the backgroundColor</td>
@@ -5468,7 +5348,7 @@ The identifier that will be passed through to the underlying HTML element</td>
       <tbody>
           <tr>
             <td>color</td>
-            <td><code>keyof ColorPalette , Color</code></td>
+            <td><code>string , number , symbol , (string & {})</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>CSS property for the color</td>
@@ -6211,7 +6091,7 @@ The identifier that will be passed through to the underlying HTML element</td>
           </tr>
         </tbody>
       </table></details>
-<details><summary id="signinform">SigninForm</summary>No description provided<h3>Props</h3><table><thead>
+<details><summary id="subparagraph">SubParagraph</summary>No description provided<h3>Props</h3><table><thead>
       <tr>
         <th>Name</th>
         <th>Type</th>
@@ -6221,35 +6101,8 @@ The identifier that will be passed through to the underlying HTML element</td>
       </tr>
     </thead><tbody>
           <tr>
-            <td>allowForgotPassword</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>true</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>allowSignup</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>true</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>autocomplete</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>true</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>enforceFormCompletion</td>
-            <td><code>boolean</code></td>
+            <td>color</td>
+            <td><code>Color</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -6257,170 +6110,188 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>padding</td>
-            <td><code>Padding<string , number></code></td>
-            <td>false</td>
-            <td><code>50px 30px 30px</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>passwordValidator</td>
-            <td><code>(passwordA: string, passwordB: string) => boolean</code></td>
+            <td>id</td>
+            <td><code>string</code></td>
             <td>false</td>
-            <td><code>(newPassword, newPasswordConfirm) => newPassword === newPasswordConfirm</code></td>
-            <td>-</td>
+            <td><code>-</code></td>
+            <td>The identifier that will be passed through to the underlying HTML element</td>
           </tr>
         </tbody>
-      <tbody>
+      </table></details>
+<details><summary id="subtitle">SubTitle</summary>No description provided<h3>Props</h3><table><thead>
+      <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Required</th>
+        <th>Default</th>
+        <th>Description</th>
+      </tr>
+    </thead><tbody>
           <tr>
-            <td>profileActions</td>
-            <td><code>ProfileAction[]</code></td>
+            <td>id</td>
+            <td><code>string</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>The identifier that will be passed through to the underlying HTML element</td>
           </tr>
         </tbody>
-      <tbody>
+      </table></details>
+<details><summary id="table">Table</summary>No description provided<h3>Props</h3><table><thead>
+      <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Required</th>
+        <th>Default</th>
+        <th>Description</th>
+      </tr>
+    </thead><tbody>
           <tr>
-            <td>repeatNewPassword</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
+            <td>columns</td>
+            <td><code>TableColumn<T, N>[]</code></td>
+            <td>true</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>A list of column configurations objects used to determine what is displayed by the Table</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>type</td>
-            <td><code>"changePassword" , "confirmResetPassword" , "external" , "forceChangePassword" , "internal" , "mfa" , "requestResetPassword"</code></td>
+            <td>columnOptions</td>
+            <td><code>ColumnOptions</code></td>
             <td>false</td>
-            <td><code>external</code></td>
-            <td>-</td>
+            <td><code>-</code></td>
+            <td>Options that will be applied to all columns in the Table (some options may be overridden on a per-column basis)</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onCancel</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
+            <td>data</td>
+            <td><code>T[]</code></td>
+            <td>true</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>The array of data that will be used to populate the table</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onChangePassword</td>
-            <td><code>(oldPassword: string, newPassword: string) => void</code></td>
+            <td>keyExtractor</td>
+            <td><code>(row: T) => Key</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td><code>(row) => data.indexOf(row)</code></td>
+            <td>A function that will be used to return a unique key for each row; required if data contains non-primitive entries</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onConfirmResetPassword</td>
-            <td><code>(username: string, newPassword: string, code: string) => void</code></td>
+            <td>onPressRow</td>
+            <td><code>(row: T) => void</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>A handler that will be called when a row in the table is pressed</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onForceChangePassword</td>
-            <td><code>(newPassword: string) => void</code></td>
+            <td>onSort</td>
+            <td><code>(columnName: string, columnIndex: number, direction: SortDirection) => void</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>A handler that will be called whenever the sort order is changed as a result of the Table component's internal algorithm</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onForgotPassword</td>
-            <td><code>() => void</code></td>
+            <td>rowOptions</td>
+            <td><code>RowOptions<T></code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Options that will be applied to all rows in the Table</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onHaveResetCode</td>
-            <td><code>() => void</code></td>
+            <td>selectedRow</td>
+            <td><code>unknown</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Specifies the active row. May be used to trigger visual highlight depending on rowOptions</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onRequestResetPassword</td>
-            <td><code>(username: string) => void</code></td>
+            <td>sortable</td>
+            <td><code>boolean</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Determines whether the Table should present sortable controls (may be overridden on a per-column basis)</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onSignin</td>
-            <td><code>(username?: string, password?: string) => void</code></td>
+            <td>sorted</td>
+            <td><code>boolean</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>Specifies whether the `data` is already sorted. If `true`, the component's sorting algorithm will NOT be used</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onSignout</td>
-            <td><code>() => void</code></td>
+            <td>sortedColumn</td>
+            <td><code>string , number</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td><code>(First sortable column)</code></td>
+            <td>Specifies the sorted column, by index or column name (using column names is strongly recommended)</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onSignup</td>
-            <td><code>() => void</code></td>
+            <td>sortedDirection</td>
+            <td><code>SortDirection</code></td>
             <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
+            <td><code>ascending</code></td>
+            <td>Specifies the direction of the sort</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>onSubmitMfa</td>
-            <td><code>(code: string) => void</code></td>
+            <td>id</td>
+            <td><code>string</code></td>
             <td>false</td>
             <td><code>-</code></td>
-            <td>-</td>
+            <td>The identifier that will be passed through to the underlying HTML element</td>
           </tr>
         </tbody>
-      <tbody>
+      </table></details>
+<details><summary id="tabs">Tabs</summary>No description provided<h3>Props</h3><table><thead>
+      <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Required</th>
+        <th>Default</th>
+        <th>Description</th>
+      </tr>
+    </thead><tbody>
           <tr>
-            <td>isSignedIn</td>
-            <td><code>boolean</code></td>
+            <td>backgroundStyle</td>
+            <td><code>"filled" , "transparent"</code></td>
             <td>false</td>
-            <td><code>false</code></td>
+            <td><code>filled</code></td>
             <td>-</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>loading</td>
-            <td><code>boolean</code></td>
+            <td>disabledTabs</td>
+            <td><code>T[]</code></td>
             <td>false</td>
-            <td><code>-</code></td>
+            <td><code>[]</code></td>
             <td>-</td>
           </tr>
         </tbody>
       <tbody>
           <tr>
-            <td>username</td>
-            <td><code>string</code></td>
+            <td>keyExtractor</td>
+            <td><code>KeyExtractor<T></code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -6428,8 +6299,8 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>i18n</td>
-            <td><code>{ cancel?: FormattedString; code?: FormattedString; forgotPassword?: FormattedString; newPassword?: FormattedString; password?: FormattedString; repeatNewPassword?: FormattedString; username?: FormattedString; changePasswordPrompt?: FormattedString; changePasswordSubmit?: FormattedString; changePasswordTitle?: Forma...</code></td>
+            <td>labelExtractor</td>
+            <td><code>ContentExtractor<T></code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
@@ -6437,545 +6308,13 @@ The identifier that will be passed through to the underlying HTML element</td>
         </tbody>
       <tbody>
           <tr>
-            <td>ariaDescription</td>
-            <td><code>string</code></td>
+            <td>onSelect</td>
+            <td><code>(tab: T) => void</code></td>
             <td>false</td>
             <td><code>-</code></td>
             <td>-</td>
           </tr>
         </tbody>
-      <tbody>
-          <tr>
-            <td>ariaLabel</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="signinmenu">SigninMenu</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>allowForgotPassword</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>allowSignup</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>autocomplete</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>enforceFormCompletion</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>padding</td>
-            <td><code>Padding<string , number></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>passwordValidator</td>
-            <td><code>(passwordA: string, passwordB: string) => boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>profileActions</td>
-            <td><code>ProfileAction[]</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>repeatNewPassword</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>type</td>
-            <td><code>"changePassword" , "confirmResetPassword" , "external" , "forceChangePassword" , "internal" , "mfa" , "requestResetPassword"</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onCancel</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onChangePassword</td>
-            <td><code>(oldPassword: string, newPassword: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onConfirmResetPassword</td>
-            <td><code>(username: string, newPassword: string, code: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onForceChangePassword</td>
-            <td><code>(newPassword: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onForgotPassword</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onHaveResetCode</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onRequestResetPassword</td>
-            <td><code>(username: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSignin</td>
-            <td><code>(username?: string, password?: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSignout</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSignup</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSubmitMfa</td>
-            <td><code>(code: string) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>isSignedIn</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>loading</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>username</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>i18n</td>
-            <td><code>{ cancel?: FormattedString; code?: FormattedString; forgotPassword?: FormattedString; newPassword?: FormattedString; password?: FormattedString; repeatNewPassword?: FormattedString; username?: FormattedString; changePasswordPrompt?: FormattedString; changePasswordSubmit?: FormattedString; changePasswordTitle?: Forma...</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>ariaDescription</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>ariaLabel</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onClose</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onOpen</td>
-            <td><code>() => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>open</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>false</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="subparagraph">SubParagraph</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>color</td>
-            <td><code>Color</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="subtitle">SubTitle</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="table">Table</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>columns</td>
-            <td><code>TableColumn<T, N>[]</code></td>
-            <td>true</td>
-            <td><code>-</code></td>
-            <td>A list of column configurations objects used to determine what is displayed by the Table</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>columnOptions</td>
-            <td><code>ColumnOptions</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Options that will be applied to all columns in the Table (some options may be overridden on a per-column basis)</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>data</td>
-            <td><code>T[]</code></td>
-            <td>true</td>
-            <td><code>-</code></td>
-            <td>The array of data that will be used to populate the table</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>keyExtractor</td>
-            <td><code>(row: T) => Key</code></td>
-            <td>false</td>
-            <td><code>(row) => data.indexOf(row)</code></td>
-            <td>A function that will be used to return a unique key for each row; required if data contains non-primitive entries</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onPressRow</td>
-            <td><code>(row: T) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>A handler that will be called when a row in the table is pressed</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSort</td>
-            <td><code>(columnName: string, columnIndex: number, direction: SortDirection) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>A handler that will be called whenever the sort order is changed as a result of the Table component's internal algorithm</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>rowOptions</td>
-            <td><code>RowOptions<T></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Options that will be applied to all rows in the Table</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>selectedRow</td>
-            <td><code>unknown</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Specifies the active row. May be used to trigger visual highlight depending on rowOptions</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>sortable</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Determines whether the Table should present sortable controls (may be overridden on a per-column basis)</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>sorted</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>Specifies whether the `data` is already sorted. If `true`, the component's sorting algorithm will NOT be used</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>sortedColumn</td>
-            <td><code>string , number</code></td>
-            <td>false</td>
-            <td><code>(First sortable column)</code></td>
-            <td>Specifies the sorted column, by index or column name (using column names is strongly recommended)</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>sortedDirection</td>
-            <td><code>SortDirection</code></td>
-            <td>false</td>
-            <td><code>ascending</code></td>
-            <td>Specifies the direction of the sort</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>id</td>
-            <td><code>string</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>The identifier that will be passed through to the underlying HTML element</td>
-          </tr>
-        </tbody>
-      </table></details>
-<details><summary id="tabs">Tabs</summary>No description provided<h3>Props</h3><table><thead>
-      <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Required</th>
-        <th>Default</th>
-        <th>Description</th>
-      </tr>
-    </thead><tbody>
-          <tr>
-            <td>backgroundStyle</td>
-            <td><code>"filled" , "transparent"</code></td>
-            <td>false</td>
-            <td><code>filled</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>disabledTabs</td>
-            <td><code>T[]</code></td>
-            <td>false</td>
-            <td><code>[]</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>keyExtractor</td>
-            <td><code>KeyExtractor<T></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>labelExtractor</td>
-            <td><code>ContentExtractor<T></code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>onSelect</td>
-            <td><code>(tab: T) => void</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      <tbody>
-          <tr>
-            <td>scrollable</td>
-            <td><code>boolean</code></td>
-            <td>false</td>
-            <td><code>-</code></td>
-            <td>@deprecated The "scrollable" prop is now redundant, and the component
-will behave as though scrollable={true} in all cases</td>
-          </tr>
-        </tbody>
       <tbody>
           <tr>
             <td>selectedTab</td>