@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.13

package/dist/docs/slider/slider.md

@@ -317,21 +317,21 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | disabled | `boolean` | `false` | - |
-| error | `string` | `-` | Validation error text, if any |
-| help-text | `string` | `-` | Additional description to show below the fieldset |
+| error | `string \| undefined` | `-` | Validation error text, if any |
+| help-text | `string \| undefined` | `-` | Additional description to show below the fieldset |
 | hidden-textfield | `boolean` | `false` | Should only be used in special cases |
 | invalid | `boolean` | `false` | Sets the form fields and fieldset in an invalid state |
-| label | `string` | `-` | The slider fieldset label. Required for proper accessibility. |
-| labelFormatter (JS only) | `(slot: SliderSlot) => string` | `-` | Formatter for the min and max labels below the range. |
-| markers | `number` | `-` | Pass a value similar to step to create visual markers at that interval |
-| max | `string` | `100` | The maximum allowed value in the range inputs |
-| min | `string` | `0` | The minimum allowed value in the range inputs |
+| label | `string \| undefined` | `-` | The slider fieldset label. Required for proper accessibility. |
+| labelFormatter (JS only) | `((slot: SliderSlot) => string) \| undefined` | `-` | Formatter for the min and max labels below the range. |
+| markers | `number \| undefined` | `-` | Pass a value similar to step to create visual markers at that interval |
+| max | `string \| undefined` | `100` | The maximum allowed value in the range inputs |
+| min | `string \| undefined` | `0` | The minimum allowed value in the range inputs |
 | open-ended | `boolean` | `false` | Whether or not to allow values outside the range such as "Before 1950" and "2025+". |
 | required | `boolean` | `false` | Ensures a child slider thumb has a value before allowing the containing form to submit |
-| step | `number` | `-` | ets step on the range input to jump between values when dragging |
-| suffix | `string` | `-` | Suffix used in text input fields and for the min and max values of the slider |
-| tooltipFormatter (JS only) | `(value: string, slot: SliderSlot) => string` | `-` | Overrides valueFormatter for the tooltip. |
-| valueFormatter (JS only) | `(value: string, slot: SliderSlot) => string` | `-` | Formatter for the tooltip and input mask values |
+| step | `number \| undefined` | `-` | ets step on the range input to jump between values when dragging |
+| suffix | `string \| undefined` | `-` | Suffix used in text input fields and for the min and max values of the slider |
+| tooltipFormatter (JS only) | `((value: string, slot: SliderSlot) => string) \| undefined` | `-` | Overrides valueFormatter for the tooltip. |
+| valueFormatter (JS only) | `((value: string, slot: SliderSlot) => string) \| undefined` | `-` | Formatter for the tooltip and input mask values |
 
 ### Property Details
 
@@ -346,14 +346,14 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 Validation error text, if any
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### help-text
 
 Additional description to show below the fieldset
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### hidden-textfield
@@ -376,35 +376,35 @@ The slider fieldset label. Required for proper accessibility.
 
 If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### labelFormatter (JS only)
 
 Formatter for the min and max labels below the range.
 
-- Type: `(slot: SliderSlot) => string`
+- Type: `((slot: SliderSlot) => string) | undefined`
 - Default: `-`
 
 #### markers
 
 Pass a value similar to step to create visual markers at that interval
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### max
 
 The maximum allowed value in the range inputs
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `100`
 
 #### min
 
 The minimum allowed value in the range inputs
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `0`
 
 #### open-ended
@@ -425,14 +425,14 @@ Ensures a child slider thumb has a value before allowing the containing form to
 
 ets step on the range input to jump between values when dragging
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### suffix
 
 Suffix used in text input fields and for the min and max values of the slider
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### tooltipFormatter (JS only)
@@ -441,13 +441,13 @@ Overrides valueFormatter for the tooltip.
 
 Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
 
-- Type: `(value: string, slot: SliderSlot) => string`
+- Type: `((value: string, slot: SliderSlot) => string) | undefined`
 - Default: `-`
 
 #### valueFormatter (JS only)
 
 Formatter for the tooltip and input mask values
 
-- Type: `(value: string, slot: SliderSlot) => string`
+- Type: `((value: string, slot: SliderSlot) => string) | undefined`
 - Default: `-`
 

package/dist/docs/slider-thumb/api.md

@@ -4,11 +4,11 @@
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| aria-description | `string` | `-` | Contextual information for assistive technology, should it be needed |
-| aria-label | `string` | ``label` from `w-slider`` | Label for the range input. |
-| name | `string` | `-` | The name of this input field in the form. The canonical source of the value is the text field. |
-| placeholder | `string` | `-` | Placeholder in empty text fields |
-| value | `string` | `-` | The initial value, if any |
+| aria-description | `string \| null` | `null` | Contextual information for assistive technology, should it be needed |
+| aria-label | `string \| null` | `null` | Label for the range input. |
+| name | `string \| undefined` | `-` | The name of this input field in the form. The canonical source of the value is the text field. |
+| placeholder | `string \| undefined` | `-` | Placeholder in empty text fields |
+| value | `string \| undefined` | `-` | The initial value, if any |
 
 #### Property Details
 
@@ -16,35 +16,35 @@
 
 Contextual information for assistive technology, should it be needed
 
-- Type: `string`
-- Default: `-`
+- Type: `string | null`
+- Default: `null`
 
 ##### aria-label
 
 Label for the range input.
 
-- Type: `string`
-- Default: ``label` from `w-slider``
+- Type: `string | null`
+- Default: `null`
 
 ##### name
 
 The name of this input field in the form. The canonical source of the value is the text field.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 ##### placeholder
 
 Placeholder in empty text fields
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 ##### value
 
 The initial value, if any
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### Events

package/dist/docs/slider-thumb/slider-thumb.md

@@ -18,11 +18,11 @@ Component to place inside a `<w-slider>`.
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| aria-description | `string` | `-` | Contextual information for assistive technology, should it be needed |
-| aria-label | `string` | ``label` from `w-slider`` | Label for the range input. |
-| name | `string` | `-` | The name of this input field in the form. The canonical source of the value is the text field. |
-| placeholder | `string` | `-` | Placeholder in empty text fields |
-| value | `string` | `-` | The initial value, if any |
+| aria-description | `string \| null` | `null` | Contextual information for assistive technology, should it be needed |
+| aria-label | `string \| null` | `null` | Label for the range input. |
+| name | `string \| undefined` | `-` | The name of this input field in the form. The canonical source of the value is the text field. |
+| placeholder | `string \| undefined` | `-` | Placeholder in empty text fields |
+| value | `string \| undefined` | `-` | The initial value, if any |
 
 #### Property Details
 
@@ -30,35 +30,35 @@ Component to place inside a `<w-slider>`.
 
 Contextual information for assistive technology, should it be needed
 
-- Type: `string`
-- Default: `-`
+- Type: `string | null`
+- Default: `null`
 
 ##### aria-label
 
 Label for the range input.
 
-- Type: `string`
-- Default: ``label` from `w-slider``
+- Type: `string | null`
+- Default: `null`
 
 ##### name
 
 The name of this input field in the form. The canonical source of the value is the text field.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 ##### placeholder
 
 Placeholder in empty text fields
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 ##### value
 
 The initial value, if any
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### Events

package/dist/docs/tabs/api.md

@@ -6,7 +6,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| active | `string` | `"" (Shows the first tab)` | The `id` of the panel that should be active. |
+| active | `string \| undefined` | `"" (Shows the first tab)` | The `id` of the panel that should be active. |
 
 ### Property Details
 
@@ -14,7 +14,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 The `id` of the panel that should be active.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `"" (Shows the first tab)`
 
 ### Events

package/dist/docs/tabs/tabs.md

@@ -107,7 +107,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| active | `string` | `"" (Shows the first tab)` | The `id` of the panel that should be active. |
+| active | `string \| undefined` | `"" (Shows the first tab)` | The `id` of the panel that should be active. |
 
 ### Property Details
 
@@ -115,7 +115,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 The `id` of the panel that should be active.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `"" (Shows the first tab)`
 
 ### Events

package/dist/docs/textarea/api.md

@@ -7,20 +7,20 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | disabled | `boolean` | `false` | Makes the element not focusable and hides it from form submits |
-| help-text | `string` | `-` | Description shown below the input field |
+| help-text | `string \| undefined` | `-` | Description shown below the input field |
 | invalid | `boolean` | `false` | Mark the form field as invalid. |
-| label | `string` | `-` | Either a `label` or an `aria-label` must be provided. |
-| maximum-rows | `number` | `-` | Sets the maximum number of text rows before the content starts scrolling. |
-| minimum-rows | `number` | `-` | Sets the minimum number of text rows the textarea should display |
-| name | `string` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form |
+| label | `string \| undefined` | `-` | Either a `label` or an `aria-label` must be provided. |
+| maximum-rows | `number \| undefined` | `-` | Sets the maximum number of text rows before the content starts scrolling. |
+| minimum-rows | `number \| undefined` | `-` | Sets the minimum number of text rows the textarea should display |
+| name | `string \| undefined` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form |
 | optional | `boolean` | `false` | Show an icon behind the label indicating the field is optional |
-| placeholder | `string` | `-` | Shown in the textarea when it doesn't have a value |
+| placeholder | `string \| undefined` | `-` | Shown in the textarea when it doesn't have a value |
 | read-only | `boolean` | `false` | **Deprecated**: Use the native `readonly` attribute instead |
 | readonly | `boolean` | `false` | Whether the input can be selected but not changed by the user |
 | required | `boolean` | `false` | Whether user input is required on the input before form submission |
 | validationMessage (JS only) | `string` | `-` | Returns the validation message if the textarea is invalid, otherwise an empty string |
 | validity (JS only) | `ValidityState` | `-` | Returns the validity state of the textarea |
-| value | `string` | `-` | Lets you set the current value |
+| value | `string \| undefined` | `-` | Lets you set the current value |
 
 ### Property Details
 
@@ -40,7 +40,7 @@ Please consider more informative alternatives before choosing to use disabled on
 Use in combination with `invalid` to show as a validation error message,
 or on its own to show a help text.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### invalid
@@ -56,28 +56,28 @@ Make sure to also set a `help-text` to help users fix the validation problem.
 
 Either a `label` or an `aria-label` must be provided.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### maximum-rows
 
 Sets the maximum number of text rows before the content starts scrolling.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### minimum-rows
 
 Sets the minimum number of text rows the textarea should display
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### name
 
 The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### optional
@@ -93,7 +93,7 @@ Set a text that is shown in the textarea when it doesn't have a value.
 
 Placeholder text should not be used as a substitute for labeling the element with a visible label.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### read-only
@@ -137,6 +137,6 @@ Returns the validity state of the textarea
 
 Lets you set the current value
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 

package/dist/docs/textarea/textarea.md

@@ -122,20 +122,20 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | disabled | `boolean` | `false` | Makes the element not focusable and hides it from form submits |
-| help-text | `string` | `-` | Description shown below the input field |
+| help-text | `string \| undefined` | `-` | Description shown below the input field |
 | invalid | `boolean` | `false` | Mark the form field as invalid. |
-| label | `string` | `-` | Either a `label` or an `aria-label` must be provided. |
-| maximum-rows | `number` | `-` | Sets the maximum number of text rows before the content starts scrolling. |
-| minimum-rows | `number` | `-` | Sets the minimum number of text rows the textarea should display |
-| name | `string` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form |
+| label | `string \| undefined` | `-` | Either a `label` or an `aria-label` must be provided. |
+| maximum-rows | `number \| undefined` | `-` | Sets the maximum number of text rows before the content starts scrolling. |
+| minimum-rows | `number \| undefined` | `-` | Sets the minimum number of text rows the textarea should display |
+| name | `string \| undefined` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form |
 | optional | `boolean` | `false` | Show an icon behind the label indicating the field is optional |
-| placeholder | `string` | `-` | Shown in the textarea when it doesn't have a value |
+| placeholder | `string \| undefined` | `-` | Shown in the textarea when it doesn't have a value |
 | read-only | `boolean` | `false` | **Deprecated**: Use the native `readonly` attribute instead |
 | readonly | `boolean` | `false` | Whether the input can be selected but not changed by the user |
 | required | `boolean` | `false` | Whether user input is required on the input before form submission |
 | validationMessage (JS only) | `string` | `-` | Returns the validation message if the textarea is invalid, otherwise an empty string |
 | validity (JS only) | `ValidityState` | `-` | Returns the validity state of the textarea |
-| value | `string` | `-` | Lets you set the current value |
+| value | `string \| undefined` | `-` | Lets you set the current value |
 
 ### Property Details
 
@@ -155,7 +155,7 @@ Please consider more informative alternatives before choosing to use disabled on
 Use in combination with `invalid` to show as a validation error message,
 or on its own to show a help text.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### invalid
@@ -171,28 +171,28 @@ Make sure to also set a `help-text` to help users fix the validation problem.
 
 Either a `label` or an `aria-label` must be provided.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### maximum-rows
 
 Sets the maximum number of text rows before the content starts scrolling.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### minimum-rows
 
 Sets the minimum number of text rows the textarea should display
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### name
 
 The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### optional
@@ -208,7 +208,7 @@ Set a text that is shown in the textarea when it doesn't have a value.
 
 Placeholder text should not be used as a substitute for labeling the element with a visible label.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### read-only
@@ -252,6 +252,6 @@ Returns the validity state of the textarea
 
 Lets you set the current value
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 

package/dist/docs/textfield/api.md

@@ -6,28 +6,28 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| autocomplete | `string \| undefined` | `-` | A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill. |
+| autocomplete | `HTMLInputElement["autocomplete"] \| undefined` | `-` | A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill. |
 | disabled | `boolean` | `false` | Makes the element not focusable and hides it from form submits |
-| formatter (JS only) | `(value: string) => string` | `-` | Function to format value when the input field |
-| help-text | `string` | `-` | Description shown below the input field |
+| formatter (JS only) | `((value: string) => string) \| undefined` | `-` | Function to format value when the input field |
+| help-text | `string \| undefined` | `-` | Description shown below the input field |
 | invalid | `boolean` | `false` | Mark the form field as invalid. |
-| label | `string` | `-` | Either a `label` or an `aria-label` must be provided. |
-| max | `number` | `-` | Use with `type="number"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength). |
-| max-length | `number` | `-` | **Deprecated**: Use the native `maxlength` attribute |
-| maxlength | `number` | `-` | For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed. |
-| min | `number` | `-` | Use with `type="number"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength). |
-| min-length | `number` | `-` | **Deprecated**: Use the native `minlength` attribute |
-| minlength | `number` | `-` | For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required. |
-| name | `string` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form. |
-| pattern | `string` | `-` | Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern) |
-| placeholder | `string` | `-` | Shown in the textfield when it doesn't have a value |
+| label | `string \| undefined` | `-` | Either a `label` or an `aria-label` must be provided. |
+| max | `number \| undefined` | `-` | Use with `type="number"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength). |
+| max-length | `number \| undefined` | `-` | **Deprecated**: Use the native `maxlength` attribute |
+| maxlength | `number \| undefined` | `-` | For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed. |
+| min | `number \| undefined` | `-` | Use with `type="number"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength). |
+| min-length | `number \| undefined` | `-` | **Deprecated**: Use the native `minlength` attribute |
+| minlength | `number \| undefined` | `-` | For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required. |
+| name | `string \| undefined` | `-` | The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form. |
+| pattern | `string \| undefined` | `-` | Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern) |
+| placeholder | `string \| undefined` | `-` | Shown in the textfield when it doesn't have a value |
 | read-only | `boolean` | `false` | **Deprecated**: Use the native readonly attribute instead. |
 | readonly | `boolean` | `false` | Whether the input can be selected but not changed by the user. |
 | required | `boolean` | `false` | Whether user input is required on the input before form submission. |
-| size | `string` | `-` | Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs. |
-| step | `number` | `-` | Forces `number` inputs to be a whole number of `step` |
-| type | `string` | `-` | The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types). |
-| value | `string` | `-` | Lets you set the current value. |
+| size | `string \| undefined` | `-` | Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs. |
+| step | `number \| undefined` | `-` | Forces `number` inputs to be a whole number of `step` |
+| type | `string \| undefined` | `-` | The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types). |
+| value | `string \| undefined` | `-` | Lets you set the current value. |
 
 ### Property Details
 
@@ -35,7 +35,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill.
 
-- Type: `string | undefined`
+- Type: `HTMLInputElement["autocomplete"] | undefined`
 - Default: `-`
 
 #### disabled
@@ -56,7 +56,7 @@ Function to format value when the input field.
 Only active when the input field does not have focus,
 similar to the accessible input [masking example from Filament Group](https://filamentgroup.github.io/politespace/demo/demo.html).
 
-- Type: `(value: string) => string`
+- Type: `((value: string) => string) | undefined`
 - Default: `-`
 
 #### help-text
@@ -64,7 +64,7 @@ similar to the accessible input [masking example from Filament Group](https://fi
 Use in combination with `invalid` to show as a validation error message,
 or on its own to show a help text.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### invalid
@@ -78,14 +78,14 @@ Mark the form field as invalid. Make sure to also set a `help-text` to help user
 
 Either a `label` or an `aria-label` must be provided.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### max
 
 Use with `type="number"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### max-length
@@ -94,21 +94,21 @@ Use with `type="number"` to set the [maximum allowed value](https://developer.mo
 
 
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### maxlength
 
 For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### min
 
 Use with `type="number"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### min-length
@@ -117,28 +117,28 @@ Use with `type="number"` to set the [minimum allowed value](https://developer.mo
 
 
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### minlength
 
 For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### name
 
 The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### pattern
 
 Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern)
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### placeholder
@@ -147,7 +147,7 @@ Set a text that is shown in the textfield when it doesn't have a value.
 
 Placeholder text should not be used as a substitute for labeling the element with a visible label.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### read-only
@@ -177,7 +177,7 @@ Whether user input is required on the input before form submission.
 
 Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### step
@@ -187,20 +187,20 @@ When used with `number` this attribute forces inputs to be a whole number of `st
 For example with a `step="5"` only values that divide evenly on 5 are allowed.
 Using arrow up and down in the input field increments and decrements by 5.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### type
 
 The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### value
 
 Lets you set the current value.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`