@jobber/components 7.11.1 → 7.11.3

package/dist/docs/Glimmer/Glimmer.md

@@ -141,33 +141,33 @@ export function GlimmerSemanticBlocksExample() {
 |------|------|----------|---------|-------------|
 | `reverseTheme` | `boolean` | No | `false` | Use on surfaces with dark backgrounds. |
 | `shape` | `"circle" | "rectangle" | "rectangleShort" | "rectangleShorter" | "square"` | No | `rectangle` | Sets the shape of the glimmer.  If you need a specific width, use the `width` prop. |
-| `size` | `"small" | "large" | "base" | "larger" | "largest" | "auto"` | No | `base` | Sets the size of the glimmer.  If you use `"auto"` with a `"rectangle"` shape, it will fill the size of the parents w... |
+| `size` | `"auto" | "base" | "large" | "larger" | "largest" | "small"` | No | `base` | Sets the size of the glimmer.  If you use `"auto"` with a `"rectangle"` shape, it will fill the size of the parents w... |
 | `timing` | `"base" | "fast"` | No | `base` | Control how fast the shine moves from left to right. This is useful when the glimmer is used on smaller spaces. |
 | `width` | `number` | No | — | Adjust the width of the glimmer in px values. |
 
-#### Glimmer.Header
+#### Glimmer.Button
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `level` | `1 | 2 | 5 | 3 | 4` | No | `3` | Adjust the size of the `Glimmer.Header`. |
+| `fullWidth` | `boolean` | No | `false` | Allow `Glimmer.Button` to go full width. |
 | `reverseTheme` | `boolean` | No | — | Use on surfaces with dark backgrounds. |
 | `timing` | `"base" | "fast"` | No | — | Control how fast the shine moves from left to right. This is useful when the glimmer is used on smaller spaces. |
 | `width` | `number` | No | — | Adjust the width of the glimmer in px values. |
 
-#### Glimmer.Text
+#### Glimmer.Header
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `lines` | `1 | 2 | 3` | No | `3` | Set how many lines shows up. |
+| `level` | `1 | 2 | 5 | 3 | 4` | No | `3` | Adjust the size of the `Glimmer.Header`. |
 | `reverseTheme` | `boolean` | No | — | Use on surfaces with dark backgrounds. |
 | `timing` | `"base" | "fast"` | No | — | Control how fast the shine moves from left to right. This is useful when the glimmer is used on smaller spaces. |
 | `width` | `number` | No | — | Adjust the width of the glimmer in px values. |
 
-#### Glimmer.Button
+#### Glimmer.Text
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `fullWidth` | `boolean` | No | `false` | Allow `Glimmer.Button` to go full width. |
+| `lines` | `1 | 2 | 3` | No | `3` | Set how many lines shows up. |
 | `reverseTheme` | `boolean` | No | — | Use on surfaces with dark backgrounds. |
 | `timing` | `"base" | "fast"` | No | — | Control how fast the shine moves from left to right. This is useful when the glimmer is used on smaller spaces. |
 | `width` | `number` | No | — | Adjust the width of the glimmer in px values. |

package/dist/docs/Grid/Grid.md

@@ -67,8 +67,8 @@ instead.
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `children` | `ReactNode` | Yes | — | `Grid.Cell` children |
-| `alignItems` | `"stretch" | "center" | "end" | "start"` | No | `start` | Adjust the alignment of columns. We only support a few select properties from `align-items` due to the nature of the ... |
-| `gap` | `boolean | GapSpacing` | No | `true` | Add spacing between elements. Can be a boolean for default spacing, or a semantic token for custom spacing. @deprecat... |
+| `alignItems` | `"center" | "end" | "start" | "stretch"` | No | `start` | Adjust the alignment of columns. We only support a few select properties from `align-items` due to the nature of the ... |
+| `gap` | `GapSpacing | boolean` | No | `true` | Add spacing between elements. Can be a boolean for default spacing, or a semantic token for custom spacing. @deprecat... |
 
 #### Grid.Cell
 

package/dist/docs/Heading/Heading.md

@@ -122,9 +122,9 @@ Use `UNSAFE_style` to apply inline custom styles to the Heading component.
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `element` | `"span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p"` | No | — | Allows overriding of the element rendered. Defaults to the heading specified with level. |
+| `element` | `"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span"` | No | — | Allows overriding of the element rendered. Defaults to the heading specified with level. |
 | `id` | `string` | No | — | Adds a unique identifier to the heading. Useful when the heading needs to be referenced by another element. Not inten... |
 | `level` | `HeadingLevel` | No | `5` |  |
-| `maxLines` | `"small" | "large" | "base" | "larger" | "single" | "unlimited"` | No | `unlimited` | The maximum amount of lines the text can occupy before being truncated with "...". Uses predefined string values that... |
+| `maxLines` | `"base" | "large" | "larger" | "single" | "small" | "unlimited"` | No | `unlimited` | The maximum amount of lines the text can occupy before being truncated with "...". Uses predefined string values that... |
 | `UNSAFE_className` | `{ textStyle?: string; }` | No | — | **Use at your own risk:** Custom classNames for specific elements. This should only be used as a **last resort**. Usi... |
 | `UNSAFE_style` | `{ textStyle?: CSSProperties; }` | No | — | **Use at your own risk:** Custom styles for specific elements. This should only be used as a **last resort**. Using t... |

package/dist/docs/Icon/Icon.md

@@ -582,7 +582,7 @@ necessary.
 | `name` | `IconNames` | Yes | — | The icon to show. |
 | `color` | `"task" | "text" | "warning" | "icon" | "disabled" | "success" | "blue" | "green" | "yellow" | "red" | "grey" | "white" | "greyBlue" | "lightBlue" | "orange" | "navy" | "interactive" | ... 32 more ... | "brandHighlight"` | No | — | Determines the color of the icon. Some icons have a default system colour like quotes, jobs, and invoices. Others tha... |
 | `customColor` | `string` | No | — | Sets a custom color for the icon. Can be a rgb() or hex value. |
-| `size` | `"small" | "large" | "base"` | No | `base` | Changes the size to small or large. |
+| `size` | `"base" | "large" | "small"` | No | `base` | Changes the size to small or large. |
 | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
 | `UNSAFE_className` | `{ svg?: string; path?: string; }` | No | — | **Use at your own risk:** Custom classnames for specific elements. This should only be used as a **last resort**. Usi... |
 | `UNSAFE_style` | `{ svg?: CSSProperties; path?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |

package/dist/docs/InlineLabel/InlineLabel.md

@@ -141,4 +141,4 @@ export function InlineLabelSizesExample() {
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `color` | `InlineLabelColors` | No | `greyBlue` | The color of the label |
-| `size` | `"small" | "large" | "base" | "larger"` | No | `base` | The size of the label |
+| `size` | `"base" | "large" | "larger" | "small"` | No | `base` | The size of the label |

package/dist/docs/InputDate/InputDate.md

@@ -116,7 +116,7 @@ at the root of the application, populated with the applicable value.
 | `onChange` | `(newValue: Date, event?: ChangeEvent<HTMLInputElement>) => void` | Yes | — | Callback for value changes. @param newValue - The new Date value @param event - Optional change event |
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
 | `aria-activedescendant` | `string` | No | — | ID of the currently active descendant element. Used for composite widgets like combobox or listbox. @see {@link https... |
-| `aria-autocomplete` | `"list" | "none" | "inline" | "both"` | No | — | Indicates the type of autocomplete interaction. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete} |
+| `aria-autocomplete` | `"both" | "inline" | "list" | "none"` | No | — | Indicates the type of autocomplete interaction. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete} |
 | `aria-controls` | `string` | No | — | Indicates the element that controls the current element. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls} |
 | `aria-describedby` | `string` | No | — | Identifies the element (or elements) that describes the object. @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-... |
 | `aria-details` | `string` | No | — | Identifies the element (or elements) that provide a detailed, extended description. @see {@link https://www.w3.org/TR... |
@@ -132,7 +132,7 @@ at the root of the application, populated with the applicable value.
 | `error` | `string` | No | — | Error message to display. This also highlights the field red. |
 | `id` | `string` | No | — | The unique identifier for the input element. |
 | `inline` | `boolean` | No | — | Adjusts the form field to go inline with content. |
-| `inputMode` | `"email" | "search" | "text" | "url" | "none" | "tel" | "numeric" | "decimal"` | No | — | Input mode hint for virtual keyboards. |
+| `inputMode` | `"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url"` | No | — | Input mode hint for virtual keyboards. |
 | `invalid` | `boolean` | No | — | Highlights the field red to indicate an error. |
 | `loading` | `boolean` | No | — | Show a spinner to indicate loading. |
 | `maxDate` | `Date` | No | — | The maximum selectable date. |
@@ -146,10 +146,10 @@ at the root of the application, populated with the applicable value.
 | `pattern` | `string` | No | — | Validation pattern (regex) for the input. |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `readOnly` | `boolean` | No | — | Whether the input is read-only (HTML standard casing). |
-| `ref` | `Ref<InputTextRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
+| `ref` | `Ref<HTMLInputElement>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
 | `required` | `boolean` | No | — | Whether the input is required before form submission. |
 | `role` | `string` | No | — | Role attribute for accessibility. |
 | `showIcon` | `boolean` | No | `true` | Whether to show the calendar icon |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `tabIndex` | `number` | No | — | Tab index for keyboard navigation. |
 | `value` | `Date` | No | — | A Date object value (e.g., `new Date("11/11/2011")`) |

package/dist/docs/InputEmail/InputEmail.md

@@ -34,7 +34,7 @@ If you are not worried about email address validation, consider using
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
-| `defaultValue` | `string | Date` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
+| `defaultValue` | `Date | string` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
 | `disabled` | `boolean` | No | — | Disable the input |
 | `id` | `string` | No | — | A unique identifier for the input. |
@@ -48,7 +48,7 @@ If you are not worried about email address validation, consider using
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
-| `value` | `string | number | Date` | No | — | Set the component to the given value. |
+| `value` | `Date | number | string` | No | — | Set the component to the given value. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/InputFile/InputFile.md

@@ -371,7 +371,7 @@ function CustomUploadContent() {
 | `onUploadError` | `(error: Error) => void` | No | — | Upload event handler. Triggered on upload error. |
 | `onUploadProgress` | `(file: FileUpload) => void` | No | — | Upload event handler. Triggered as upload progresses. |
 | `onUploadStart` | `(file: FileUpload) => void` | No | — | Upload event handler. Triggered on upload start. |
-| `size` | `"small" | "base"` | No | `base` | Size of the InputFile |
+| `size` | `"base" | "small"` | No | `base` | Size of the InputFile |
 | `validator` | `<T extends File>(file: T) => FileError | FileError[]` | No | — | Pass a custom validator function that will be called when a file is dropped. |
 | `variation` | `"button" | "dropzone"` | No | `dropzone` | Display variation. |
 
@@ -406,11 +406,11 @@ function CustomUploadContent() {
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "end" | "start"` | No | — |  |
 | `element` | `TextElement` | No | `"p"` | The HTML element to render the text as. |
-| `maxLines` | `"small" | "large" | "base" | "larger" | "single" | "unlimited"` | No | — |  |
-| `size` | `"small" | "large" | "base"` | No | `small` |  |
+| `maxLines` | `"base" | "large" | "larger" | "single" | "small" | "unlimited"` | No | — |  |
+| `size` | `"base" | "large" | "small"` | No | `small` |  |
 | `UNSAFE_className` | `{ textStyle?: string; }` | No | — | **Use at your own risk:** Custom classNames for specific elements. This should only be used as a **last resort**. Usi... |
 | `UNSAFE_style` | `{ textStyle?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
-| `variation` | `"info" | "disabled" | "success" | "error" | "default" | "subdued" | "warn"` | No | `subdued` |  |
+| `variation` | `"default" | "disabled" | "error" | "info" | "subdued" | "success" | "warn"` | No | `subdued` |  |
 
 #### InputFile.HintText
 
@@ -418,8 +418,8 @@ function CustomUploadContent() {
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "end" | "start"` | No | — |  |
 | `element` | `TextElement` | No | `"p"` | The HTML element to render the text as. |
-| `maxLines` | `"small" | "large" | "base" | "larger" | "single" | "unlimited"` | No | — |  |
-| `size` | `"small" | "large" | "base"` | No | `small` |  |
+| `maxLines` | `"base" | "large" | "larger" | "single" | "small" | "unlimited"` | No | — |  |
+| `size` | `"base" | "large" | "small"` | No | `small` |  |
 | `UNSAFE_className` | `{ textStyle?: string; }` | No | — | **Use at your own risk:** Custom classNames for specific elements. This should only be used as a **last resort**. Usi... |
 | `UNSAFE_style` | `{ textStyle?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
-| `variation` | `"info" | "disabled" | "success" | "error" | "default" | "subdued" | "warn"` | No | — |  |
+| `variation` | `"default" | "disabled" | "error" | "info" | "subdued" | "success" | "warn"` | No | — |  |

package/dist/docs/InputNumber/InputNumber.md

@@ -35,16 +35,16 @@ For more details about `validation` using `Input` components, see the
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
-| `autocomplete` | `boolean | AutocompleteTypes` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
+| `autocomplete` | `AutocompleteTypes | boolean` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
-| `defaultValue` | `string | Date` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
+| `defaultValue` | `Date | string` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
 | `disabled` | `boolean` | No | — | Disable the input |
 | `id` | `string` | No | — | A unique identifier for the input. |
 | `inline` | `boolean` | No | — | Adjusts the form field to go inline with a content. This also silences the given `validations` prop. You'd have to us... |
 | `inputRef` | `RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>` | No | — |  |
 | `invalid` | `boolean` | No | — | Highlights the field red to indicate an error. |
-| `keyboard` | `"numeric" | "decimal"` | No | — | Determines what kind of keyboard appears on mobile web. |
+| `keyboard` | `"decimal" | "numeric"` | No | — | Determines what kind of keyboard appears on mobile web. |
 | `loading` | `boolean` | No | — | Show a spinner to indicate loading |
 | `max` | `number` | No | — | Specifies the maximum numerical or date value that a user can type |
 | `maxLength` | `number` | No | — | Maximum character length for an input. This also changes the width to roughly the same size as the max length. This i... |
@@ -58,9 +58,9 @@ For more details about `validation` using `Input` components, see the
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `prefix` | `Affix` | No | — | Adds a prefix label and icon to the field |
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |
-| `ref` | `Ref<InputTextRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
+| `ref` | `Ref<InputNumberRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `number` | No | — | Set the component to the given value. |

package/dist/docs/InputPassword/InputPassword.md

@@ -27,9 +27,9 @@ refer to [InputText](../InputText/InputText.md).
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
-| `autocomplete` | `boolean | AutocompleteTypes` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
+| `autocomplete` | `AutocompleteTypes | boolean` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
-| `defaultValue` | `string | Date` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
+| `defaultValue` | `Date | string` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
 | `disabled` | `boolean` | No | — | Disable the input |
 | `hasVisibility` | `boolean` | No | `false` | Display toggle to change the visibility of the password input |
@@ -46,7 +46,7 @@ refer to [InputText](../InputText/InputText.md).
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `string` | No | — | Set the component to the given value. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/InputPhoneNumber/InputPhoneNumber.md

@@ -46,7 +46,7 @@ edits the input.
 |------|------|----------|---------|-------------|
 | `onChange` | `(value: string) => void` | Yes | — | onChange handler that provides the new value (or event) |
 | `value` | `string` | Yes | — | Set the component to the given value. |
-| `autocomplete` | `boolean | AutocompleteTypes` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
+| `autocomplete` | `AutocompleteTypes | boolean` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
 | `disabled` | `boolean` | No | — | Disable the input |
@@ -65,7 +65,7 @@ edits the input.
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |
 | `required` | `boolean` | No | — | Shows a "required" validation message when the component is left empty. |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/InputText/InputText.md

@@ -287,17 +287,17 @@ they will not do anything.
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
-| `autocomplete` | `boolean | AutocompleteTypes` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
+| `autocomplete` | `AutocompleteTypes | boolean` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
 | `autofocus` | `boolean` | No | — | Determines if the input should be auto-focused, using the HTML attribute |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
-| `defaultValue` | `string | Date` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
+| `defaultValue` | `Date | string` | No | — | Initial value of the input. Only use this when you need to pre-populate the field with a data that is not controlled ... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
 | `disabled` | `boolean` | No | — | Disable the input |
 | `id` | `string` | No | — | A unique identifier for the input. |
 | `inline` | `boolean` | No | — | Adjusts the form field to go inline with a content. This also silences the given `validations` prop. You'd have to us... |
 | `inputRef` | `RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>` | No | — |  |
 | `invalid` | `boolean` | No | — | Highlights the field red to indicate an error. |
-| `keyboard` | `"numeric" | "decimal"` | No | — | Determines what kind of keyboard appears on mobile web. |
+| `keyboard` | `"decimal" | "numeric"` | No | — | Determines what kind of keyboard appears on mobile web. |
 | `loading` | `boolean` | No | — | Show a spinner to indicate loading |
 | `maxLength` | `number` | No | — | Maximum character length for an input. This also changes the width to roughly the same size as the max length. This i... |
 | `multiline` | `boolean` | No | — | Use this when you're expecting a long answer. |
@@ -311,12 +311,12 @@ they will not do anything.
 | `prefix` | `Affix` | No | — | Adds a prefix label and icon to the field |
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |
 | `ref` | `Ref<InputTextRef>` | No | — | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (... |
-| `rows` | `number | RowRange` | No | — | Specifies the visible height of a long answer form field. Can be in the form of a single number to set a static heigh... |
+| `rows` | `RowRange | number` | No | — | Specifies the visible height of a long answer form field. Can be in the form of a single number to set a static heigh... |
 | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `suffix` | `{ onClick: () => void; readonly ariaLabel: string; readonly icon: IconNames; readonly label?: string; } | { onClick?: never; ariaLabel?: never; readonly label?: string; readonly icon?: IconNames; }` | No | — | Adds a suffix label and icon with an optional action to the field |
 | `toolbar` | `ReactNode` | No | — | Toolbar to render content below the input. |
-| `toolbarVisibility` | `"while-editing" | "always"` | No | — | Determines the visibility of the toolbar. |
+| `toolbarVisibility` | `"always" | "while-editing"` | No | — | Determines the visibility of the toolbar. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
-| `value` | `string | number | Date` | No | — | Set the component to the given value. |
+| `value` | `Date | number | string` | No | — | Set the component to the given value. |
 | `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/InputTime/InputTime.md

@@ -41,7 +41,7 @@ to type `10`, `11`, or `12`.
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `align` | `"center" | "right"` | No | — | Determines the alignment of the text inside the input. |
-| `autocomplete` | `boolean | AutocompleteTypes` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
+| `autocomplete` | `AutocompleteTypes | boolean` | No | — | Determines if browser form autocomplete is enabled. Note that "one-time-code" is experimental and should not be used ... |
 | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value.  You should always use `while-editing` if you want the input t... |
 | `defaultValue` | `Date` | No | — | Intial value of the input. Only use this when you need to prepopulate the field with a data that is not controlled by... |
 | `description` | `ReactNode` | No | — | Further description of the input, can be used for a hint. |
@@ -62,6 +62,6 @@ to type `10`, `11`, or `12`.
 | `onValidation` | `(message: string) => void` | No | — | Callback to get the the status and message when validating a field @param message |
 | `placeholder` | `string` | No | — | Text that appears inside the input when empty and floats above the value as a mini label once the user enters a value... |
 | `readonly` | `boolean` | No | — | Prevents users from editing the value. |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `Date` | No | — | Set the component to the given value. |

package/dist/docs/LightBox/LightBox.md

@@ -182,28 +182,18 @@ window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
 | `boxSizing` | `BoxSizing` | No | `"content-box"` | Sets the box-sizing for the thumbnails in the lightbox. This is a solution for a problem where tailwind was setting t... |
 | `imageIndex` | `number` | No | — | Use this to specify which image in `images` to initialize the lightbox with. This is useful when you have a collectio... |
 
-#### LightBox.Provider
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `images` | `PresentedImage[]` | Yes | — | Images is an array of objects defining a LightBox image. This object consists of `title`, `caption`, `alt` and `url`.... |
-| `boxSizing` | `BoxSizing` | No | `content-box` | Sets the box-sizing for the thumbnails in the lightbox. This is a solution for a problem where tailwind was setting t... |
-| `imageIndex` | `number` | No | `0` | Use this to specify which image in `images` to initialize the lightbox with. This is useful when you have a collectio... |
-| `onImageChange` | `(index: number) => void` | No | — | Callback function that is invoked whenever the current image index changes. This includes when the user navigates to ... |
-| `onRequestClose` | `(options: RequestCloseOptions) => void` | No | — | This function must set open to false in order to close the lightbox. Note there is a 300ms easing animation on lightb... |
-| `open` | `boolean` | No | `true` | Specify if the Lightbox is open or closed. |
-
 #### LightBox.Background
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `className` | `string` | No | — |  |
 
-#### LightBox.Overlay
+#### LightBox.Navigation
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `className` | `string` | No | — |  |
+| `nextButtonClassName` | `string` | No | — | The class name to apply to the next button wrapper. |
+| `prevButtonClassName` | `string` | No | — | The class name to apply to the previous button wrapper. |
 
 #### LightBox.OpenInNewTabAction
 
@@ -211,15 +201,25 @@ window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
 |------|------|----------|---------|-------------|
 | `ariaLabel` | `string` | No | `Open image in new tab` | Accessible label for the action, also used as the tooltip message. |
 
-#### LightBox.Slides
+#### LightBox.Overlay
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `className` | `string` | No | — |  |
 
-#### LightBox.Navigation
+#### LightBox.Provider
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `nextButtonClassName` | `string` | No | — | The class name to apply to the next button wrapper. |
-| `prevButtonClassName` | `string` | No | — | The class name to apply to the previous button wrapper. |
+| `images` | `PresentedImage[]` | Yes | — | Images is an array of objects defining a LightBox image. This object consists of `title`, `caption`, `alt` and `url`.... |
+| `boxSizing` | `BoxSizing` | No | `content-box` | Sets the box-sizing for the thumbnails in the lightbox. This is a solution for a problem where tailwind was setting t... |
+| `imageIndex` | `number` | No | `0` | Use this to specify which image in `images` to initialize the lightbox with. This is useful when you have a collectio... |
+| `onImageChange` | `(index: number) => void` | No | — | Callback function that is invoked whenever the current image index changes. This includes when the user navigates to ... |
+| `onRequestClose` | `(options: RequestCloseOptions) => void` | No | — | This function must set open to false in order to close the lightbox. Note there is a 300ms easing animation on lightb... |
+| `open` | `boolean` | No | `true` | Specify if the Lightbox is open or closed. |
+
+#### LightBox.Slides
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |

package/dist/docs/Menu/Menu.md

@@ -458,6 +458,8 @@ through inline styles.
 
 ### Web
 
+#### Menu
+
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `items` | `SectionProps[]` | Yes | — | Collection of action items. |
@@ -469,3 +471,123 @@ through inline styles.
 | `style` | `CSSProperties` | No | — |  |
 | `UNSAFE_className` | `string | { menu?: string; header?: string; action?: string; }` | No | — | **Use at your own risk:** Custom class names for specific elements. This should only be used as a **last resort**. Us... |
 | `UNSAFE_style` | `CSSProperties | { menu?: CSSProperties; header?: CSSProperties; action?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
+
+#### Menu.Content
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `preferredPlacement` | `Placement` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.Group
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `ariaLabel` | `string` | No | — |  |
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.GroupLabel
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.Header
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.ItemIcon
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `name` | `IconNames` | Yes | — | The icon to show. |
+| `color` | `"task" | "text" | "warning" | "icon" | "disabled" | "success" | "blue" | "green" | "yellow" | "red" | "grey" | "white" | "greyBlue" | "lightBlue" | "orange" | "navy" | "interactive" | ... 32 more ... | "brandHighlight"` | No | — | Determines the color of the icon. Some icons have a default system colour like quotes, jobs, and invoices. Others tha... |
+| `customColor` | `string` | No | — | Sets a custom color for the icon. Can be a rgb() or hex value. |
+| `size` | `"base" | "large" | "small"` | No | `base` | Changes the size to small or large. |
+| `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
+| `UNSAFE_className` | `{ svg?: string; path?: string; }` | No | — | **Use at your own risk:** Custom classnames for specific elements. This should only be used as a **last resort**. Usi... |
+| `UNSAFE_style` | `{ svg?: CSSProperties; path?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
+
+#### Menu.ItemPrefix
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.ItemSuffix
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.RadioGroup
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `defaultValue` | `string` | No | — |  |
+| `onValueChange` | `(value: string) => void` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `value` | `string` | No | — |  |
+
+#### Menu.Section
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `ariaLabel` | `string` | No | — |  |
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.Separator
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.Submenu
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `defaultOpen` | `boolean` | No | — |  |
+| `onOpenChange` | `(isOpen: boolean) => void` | No | — |  |
+| `open` | `boolean` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |
+
+#### Menu.SubmenuContent
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `className` | `string` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string` | No | — | @deprecated Use `className` instead. This is kept for backward compatibility on the composable Menu pieces. |
+| `UNSAFE_style` | `CSSProperties` | No | — | @deprecated Use `style` instead. This is kept for backward compatibility on the composable Menu pieces. |

package/dist/docs/Modal/Modal.md

@@ -292,7 +292,7 @@ screen.getByRole("dialog", { name: /Billing Settings/i });
 | `open` | `boolean` | No | `false` |  |
 | `primaryAction` | `{ onClick?: never; external?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly size?: ButtonSize; readonly ariaLabel?: string; ... 17 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
 | `secondaryAction` | `{ onClick?: never; external?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly size?: ButtonSize; readonly ariaLabel?: string; ... 17 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
-| `size` | `"small" | "large" | "fullScreen"` | No | — |  |
+| `size` | `"fullScreen" | "large" | "small"` | No | — |  |
 | `tertiaryAction` | `{ onClick?: never; external?: never; readonly name?: string; submit: never; readonly type?: ButtonType; readonly value?: string; readonly size?: ButtonSize; readonly ariaLabel?: string; ... 17 more ...; readonly children?: never; } | ... 34 more ... | { ...; }` | No | — |  |
 | `title` | `string` | No | `false` |  |
 | `version` | `1` | No | — |  |

package/dist/docs/MultiSelect/MultiSelect.md

@@ -50,4 +50,4 @@ Features and behavior are announced to the user when using a screen reader.
 | `defaultLabel` | `string` | Yes | — | The label to be displayed by default when no options are selected |
 | `onOptionsChange` | `Dispatch<SetStateAction<Options>>` | Yes | — | Change handler |
 | `options` | `Options` | Yes | — | List of options to be checked |
-| `size` | `"small" | "large"` | No | — | Adjusts the interface to either have small or large spacing. |
+| `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |

package/dist/docs/Page/Page.md

@@ -313,7 +313,13 @@ composable actions, this is the simplest way to use Page:
 | `secondaryAction` | `ButtonActionProps` | No | — | Page title secondary action button settings. |
 | `subtitle` | `string` | No | — | Subtitle of the page. |
 | `titleMetaData` | `ReactNode` | No | — | TitleMetaData component to be displayed next to the title. Only compatible with string titles. |
-| `width` | `"fill" | "standard" | "narrow"` | No | `standard` | Determines the width of the page.  Fill makes the width grow to 100%.  Standard caps out at 1280px.  Narrow caps out ... |
+| `width` | `"fill" | "narrow" | "standard"` | No | `standard` | Determines the width of the page.  Fill makes the width grow to 100%.  Standard caps out at 1280px.  Narrow caps out ... |
+
+#### Page.ActionMenu
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `ref` | `RefObject<HTMLDivElement>` | No | — |  |
 
 #### Page.ActionPrimary
 
@@ -327,11 +333,11 @@ composable actions, this is the simplest way to use Page:
 |------|------|----------|---------|-------------|
 | `ref` | `RefObject<HTMLDivElement>` | No | — |  |
 
-#### Page.ActionMenu
+#### Page.Menu
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `ref` | `RefObject<HTMLDivElement>` | No | — |  |
+| `triggerLabel` | `string` | No | `More Actions` |  |
 
 #### Page.PrimaryButton
 
@@ -356,9 +362,3 @@ composable actions, this is the simplest way to use Page:
 | `loading` | `boolean` | No | — |  |
 | `onClick` | `() => void` | No | — |  |
 | `ref` | `RefObject<HTMLDivElement>` | No | — |  |
-
-#### Page.Menu
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `triggerLabel` | `string` | No | `More Actions` |  |