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

package/dist/docs/badge/api.md

@@ -6,8 +6,8 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| position | `'top-left' \| 'top-right' \| 'bottom-right' \| 'bottom-left'` | `-` | Positions the badge in a corner of a parent element. |
-| variant | `'neutral' \| 'info' \| 'positive' \| 'warning' \| 'negative' \| 'disabled' \| 'price' \| 'sponsored'` | `-` | Controls the badge color treatment. |
+| position | `'top-left' \| 'top-right' \| 'bottom-right' \| 'bottom-left' \| undefined` | `-` | Positions the badge in a corner of a parent element. |
+| variant | `'neutral' \| 'info' \| 'positive' \| 'warning' \| 'negative' \| 'disabled' \| 'price' \| 'sponsored' \| undefined` | `-` | Controls the badge color treatment. |
 
 ### Property Details
 
@@ -17,7 +17,7 @@ Positions the badge in a corner of a parent element.
 Use this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.
 Use this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.
 
-- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
+- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined`
 - Default: `-`
 
 #### variant
@@ -26,6 +26,6 @@ Controls the badge color treatment.
 If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
 Accepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
 
-- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
+- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined`
 - Default: `-`
 

package/dist/docs/badge/badge.md

@@ -186,8 +186,8 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| position | `'top-left' \| 'top-right' \| 'bottom-right' \| 'bottom-left'` | `-` | Positions the badge in a corner of a parent element. |
-| variant | `'neutral' \| 'info' \| 'positive' \| 'warning' \| 'negative' \| 'disabled' \| 'price' \| 'sponsored'` | `-` | Controls the badge color treatment. |
+| position | `'top-left' \| 'top-right' \| 'bottom-right' \| 'bottom-left' \| undefined` | `-` | Positions the badge in a corner of a parent element. |
+| variant | `'neutral' \| 'info' \| 'positive' \| 'warning' \| 'negative' \| 'disabled' \| 'price' \| 'sponsored' \| undefined` | `-` | Controls the badge color treatment. |
 
 ### Property Details
 
@@ -197,7 +197,7 @@ Positions the badge in a corner of a parent element.
 Use this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.
 Use this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.
 
-- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
+- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined`
 - Default: `-`
 
 #### variant
@@ -206,6 +206,6 @@ Controls the badge color treatment.
 If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
 Accepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.
 
-- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
+- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined`
 - Default: `-`
 

package/dist/docs/button/api.md

@@ -7,23 +7,23 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | autofocus | `boolean` | `false` | Focuses the button when it is first rendered. |
-| button-class | `string` | `-` | Deprecated class applied to the internal control. **Deprecated**: This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button. |
-| command | `string` | `-` | The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
-| commandfor | `string` | `-` | The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
+| button-class | `string \| undefined` | `-` | Deprecated class applied to the internal control. **Deprecated**: This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button. |
+| command | `string \| undefined` | `-` | The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
+| commandfor | `string \| undefined` | `-` | The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
 | disabled | `boolean` | `false` | Visually disables the button. |
 | full-width | `boolean` | `false` | Makes the button fill its parent width. |
-| href | `string` | `-` | URL for rendering the button as a link. |
+| href | `string \| undefined` | `-` | URL for rendering the button as a link. |
 | icon-only | `boolean` | `false` | Marks the button as icon-only. |
 | loading | `boolean` | `false` | Shows the loading state. |
-| name | `string` | `-` | Form control name. |
+| name | `string \| undefined` | `-` | Form control name. |
 | quiet | `boolean` | `false` | Deprecated quiet visual treatment flag. **Deprecated**: Use `variant="quiet"` instead |
-| rel | `string` | `-` | Link relationship. |
+| rel | `string \| undefined` | `-` | Link relationship. |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | Shadow root configuration. |
 | small | `boolean` | `false` | Renders the compact button size. |
-| target | `string` | `-` | Link browsing context. |
-| type | [`ButtonType`](#buttontype) | `-` | Native button type. |
-| value | `string` | `-` | Form control value. |
-| variant | [`ButtonVariant`](#buttonvariant) | `-` | Visual style of the button. |
+| target | `string \| undefined` | `-` | Link browsing context. |
+| type | [`ButtonType \| undefined`](#buttontype-undefined) | `-` | Native button type. |
+| value | `string \| undefined` | `-` | Form control value. |
+| variant | [`ButtonVariant \| undefined`](#buttonvariant-undefined) | `-` | Visual style of the button. |
 
 ### Property Details
 
@@ -42,21 +42,21 @@ Applies only when the component renders a native button. Link buttons with `href
 Deprecated class applied to the internal control
 This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### command
 
 The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### commandfor
 
 The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### disabled
@@ -80,7 +80,7 @@ Useful in narrow layouts where the button should span the available inline space
 URL for rendering the button as a link.
 When set, the component renders `w-link` instead of a native `button`.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### icon-only
@@ -104,7 +104,7 @@ Use after the user has triggered an action and the action is in progress.
 Form control name.
 Used when the button participates in form handling.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### quiet
@@ -122,7 +122,7 @@ Use `variant="quiet"` instead.
 Link relationship.
 Passed to the rendered link when `href` is set. If `target="_blank"` is set and `rel` is omitted, `noopener` is used.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### shadowRootOptions (JS only)
@@ -146,7 +146,7 @@ Use this in dense layouts where the default button size is too large.
 Link browsing context.
 Passed to the rendered link when `href` is set.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### type
@@ -154,7 +154,7 @@ Passed to the rendered link when `href` is set.
 Native button type.
 Controls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.
 
-- Type: [`ButtonType`](#buttontype)
+- Type: [`ButtonType | undefined`](#buttontype-undefined)
 - Default: `-`
 
 #### value
@@ -162,7 +162,7 @@ Controls whether the internal button behaves as a regular button, submits a form
 Form control value.
 Used with `name` when the button participates in form handling. Resets to its initial value when the form is reset.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### variant
@@ -170,16 +170,16 @@ Used with `name` when the button participates in form handling. Resets to its in
 Visual style of the button.
 Defaults to `secondary`. Use the variant that matches the action priority, risk, and placement.
 
-- Type: [`ButtonVariant`](#buttonvariant)
+- Type: [`ButtonVariant | undefined`](#buttonvariant-undefined)
 - Default: `-`
 
 ### Types
 
-#### ButtonType
+#### ButtonType | undefined
 
-`'button' | 'submit' | 'reset'`
+`'button' | 'submit' | 'reset' | undefined`
 
-#### ButtonVariant
+#### ButtonVariant | undefined
 
-`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'`
+`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined`
 

package/dist/docs/button/button.md

@@ -350,23 +350,23 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | autofocus | `boolean` | `false` | Focuses the button when it is first rendered. |
-| button-class | `string` | `-` | Deprecated class applied to the internal control. **Deprecated**: This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button. |
-| command | `string` | `-` | The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
-| commandfor | `string` | `-` | The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
+| button-class | `string \| undefined` | `-` | Deprecated class applied to the internal control. **Deprecated**: This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button. |
+| command | `string \| undefined` | `-` | The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
+| commandfor | `string \| undefined` | `-` | The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands. |
 | disabled | `boolean` | `false` | Visually disables the button. |
 | full-width | `boolean` | `false` | Makes the button fill its parent width. |
-| href | `string` | `-` | URL for rendering the button as a link. |
+| href | `string \| undefined` | `-` | URL for rendering the button as a link. |
 | icon-only | `boolean` | `false` | Marks the button as icon-only. |
 | loading | `boolean` | `false` | Shows the loading state. |
-| name | `string` | `-` | Form control name. |
+| name | `string \| undefined` | `-` | Form control name. |
 | quiet | `boolean` | `false` | Deprecated quiet visual treatment flag. **Deprecated**: Use `variant="quiet"` instead |
-| rel | `string` | `-` | Link relationship. |
+| rel | `string \| undefined` | `-` | Link relationship. |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | Shadow root configuration. |
 | small | `boolean` | `false` | Renders the compact button size. |
-| target | `string` | `-` | Link browsing context. |
-| type | [`ButtonType`](#buttontype) | `-` | Native button type. |
-| value | `string` | `-` | Form control value. |
-| variant | [`ButtonVariant`](#buttonvariant) | `-` | Visual style of the button. |
+| target | `string \| undefined` | `-` | Link browsing context. |
+| type | [`ButtonType \| undefined`](#buttontype-undefined) | `-` | Native button type. |
+| value | `string \| undefined` | `-` | Form control value. |
+| variant | [`ButtonVariant \| undefined`](#buttonvariant-undefined) | `-` | Visual style of the button. |
 
 ### Property Details
 
@@ -385,21 +385,21 @@ Applies only when the component renders a native button. Link buttons with `href
 Deprecated class applied to the internal control
 This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### command
 
 The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### commandfor
 
 The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### disabled
@@ -423,7 +423,7 @@ Useful in narrow layouts where the button should span the available inline space
 URL for rendering the button as a link.
 When set, the component renders `w-link` instead of a native `button`.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### icon-only
@@ -447,7 +447,7 @@ Use after the user has triggered an action and the action is in progress.
 Form control name.
 Used when the button participates in form handling.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### quiet
@@ -465,7 +465,7 @@ Use `variant="quiet"` instead.
 Link relationship.
 Passed to the rendered link when `href` is set. If `target="_blank"` is set and `rel` is omitted, `noopener` is used.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### shadowRootOptions (JS only)
@@ -489,7 +489,7 @@ Use this in dense layouts where the default button size is too large.
 Link browsing context.
 Passed to the rendered link when `href` is set.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### type
@@ -497,7 +497,7 @@ Passed to the rendered link when `href` is set.
 Native button type.
 Controls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.
 
-- Type: [`ButtonType`](#buttontype)
+- Type: [`ButtonType | undefined`](#buttontype-undefined)
 - Default: `-`
 
 #### value
@@ -505,7 +505,7 @@ Controls whether the internal button behaves as a regular button, submits a form
 Form control value.
 Used with `name` when the button participates in form handling. Resets to its initial value when the form is reset.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### variant
@@ -513,16 +513,16 @@ Used with `name` when the button participates in form handling. Resets to its in
 Visual style of the button.
 Defaults to `secondary`. Use the variant that matches the action priority, risk, and placement.
 
-- Type: [`ButtonVariant`](#buttonvariant)
+- Type: [`ButtonVariant | undefined`](#buttonvariant-undefined)
 - Default: `-`
 
 ### Types
 
-#### ButtonType
+#### ButtonType | undefined
 
-`'button' | 'submit' | 'reset'`
+`'button' | 'submit' | 'reset' | undefined`
 
-#### ButtonVariant
+#### ButtonVariant | undefined
 
-`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'`
+`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined`
 

package/dist/docs/checkbox/api.md

@@ -8,7 +8,7 @@
 | checked | `boolean` | `false` | Whether the checkbox is checked. |
 | disabled | `boolean` | `false` | Whether the checkbox is disabled. |
 | indeterminate | `boolean` | `false` | Whether the checkbox is visually indeterminate. |
-| input (JS only) | `HTMLInputElement \| null` | `-` | - |
+| input (JS only) | `HTMLInputElement` | `-` | - |
 | invalid | `boolean` | `false` | Whether the checkbox is visually invalid. |
 | name | `string \| undefined` | `-` | The name of the checkbox. |
 | required | `boolean` | `false` | Whether the checkbox must be checked before form submission. |
@@ -57,7 +57,7 @@ Use this for parent options that represent a mixed set of child selections. Clic
 
 
 
-- Type: `HTMLInputElement | null`
+- Type: `HTMLInputElement`
 - Default: `-`
 
 ##### invalid

package/dist/docs/checkbox/checkbox.md

@@ -14,7 +14,7 @@ Checkbox lets users select one or more options. Use it for independent yes/no ch
 | checked | `boolean` | `false` | Whether the checkbox is checked. |
 | disabled | `boolean` | `false` | Whether the checkbox is disabled. |
 | indeterminate | `boolean` | `false` | Whether the checkbox is visually indeterminate. |
-| input (JS only) | `HTMLInputElement \| null` | `-` | - |
+| input (JS only) | `HTMLInputElement` | `-` | - |
 | invalid | `boolean` | `false` | Whether the checkbox is visually invalid. |
 | name | `string \| undefined` | `-` | The name of the checkbox. |
 | required | `boolean` | `false` | Whether the checkbox must be checked before form submission. |
@@ -63,7 +63,7 @@ Use this for parent options that represent a mixed set of child selections. Clic
 
 
 
-- Type: `HTMLInputElement | null`
+- Type: `HTMLInputElement`
 - Default: `-`
 
 ##### invalid

package/dist/docs/checkbox-group/api.md

@@ -6,10 +6,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| help-text | `string` | `-` | Help text displayed below the checkbox group. |
+| help-text | `string \| undefined` | `-` | Help text displayed below the checkbox group. |
 | invalid | `boolean` | `false` | Whether the checkbox group is visually invalid. |
-| label | `string` | `-` | The group label displayed above the checkboxes. |
-| name | `string` | `-` | The name applied to child checkboxes when they do not provide one. |
+| label | `string \| undefined` | `-` | The group label displayed above the checkboxes. |
+| name | `string \| undefined` | `-` | The name applied to child checkboxes when they do not provide one. |
 | optional | `boolean` | `false` | Whether to show optional text next to the label. |
 | required | `boolean` | `false` | Whether at least one checkbox in the group must be selected. |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
@@ -22,7 +22,7 @@ Help text displayed below the checkbox group.
 
 Use this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### invalid
@@ -40,7 +40,7 @@ The group label displayed above the checkboxes.
 
 Use this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### name
@@ -49,7 +49,7 @@ The name applied to child checkboxes when they do not provide one.
 
 Use this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### optional

package/dist/docs/checkbox-group/checkbox-group.md

@@ -419,10 +419,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| help-text | `string` | `-` | Help text displayed below the checkbox group. |
+| help-text | `string \| undefined` | `-` | Help text displayed below the checkbox group. |
 | invalid | `boolean` | `false` | Whether the checkbox group is visually invalid. |
-| label | `string` | `-` | The group label displayed above the checkboxes. |
-| name | `string` | `-` | The name applied to child checkboxes when they do not provide one. |
+| label | `string \| undefined` | `-` | The group label displayed above the checkboxes. |
+| name | `string \| undefined` | `-` | The name applied to child checkboxes when they do not provide one. |
 | optional | `boolean` | `false` | Whether to show optional text next to the label. |
 | required | `boolean` | `false` | Whether at least one checkbox in the group must be selected. |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
@@ -435,7 +435,7 @@ Help text displayed below the checkbox group.
 
 Use this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### invalid
@@ -453,7 +453,7 @@ The group label displayed above the checkboxes.
 
 Use this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### name
@@ -462,7 +462,7 @@ The name applied to child checkboxes when they do not provide one.
 
 Use this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### optional

package/dist/docs/datepicker/api.md

@@ -11,11 +11,11 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | header-format | `string` | `'MMMM yyyy'` | The date format used in the calendar header. |
 | input (JS only) | `HTMLInputElement` | `-` | - |
 | isCalendarOpen (JS only) | `boolean` | `false` | - |
-| isDayDisabled (JS only) | `(day: Date) => boolean` | `-` | Function used to disable dates in the calendar. |
-| label | `string` | `-` | The label displayed above the date input. |
+| isDayDisabled (JS only) | `((day: Date) => boolean) \| undefined` | `-` | Function used to disable dates in the calendar. |
+| label | `string \| undefined` | `-` | The label displayed above the date input. |
 | lang | `string` | `-` | The locale used for calendar labels and date formatting. |
 | month (JS only) | `unknown` | `-` | - |
-| name | `string` | `-` | The name submitted with the date value. |
+| name | `string \| undefined` | `-` | The name submitted with the date value. |
 | navigationDate (JS only) | `Date` | `-` | - |
 | previousMonthButton (JS only) | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
 | selectedCell (JS only) | `HTMLTableCellElement` | `-` | - |
@@ -23,7 +23,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
 | todayCell (JS only) | `HTMLTableCellElement` | `-` | - |
 | toggleButton (JS only) | `HTMLButtonElement` | `-` | - |
-| value | `string` | `-` | The selected date value. |
+| value | `string \| undefined` | `-` | The selected date value. |
 | weekday-format | `string` | `'EEEEEE'` | The weekday format shown above the calendar grid. |
 | weeks (JS only) | `unknown` | `-` | - |
 | wrapper (JS only) | `HTMLDivElement` | `-` | - |
@@ -75,7 +75,7 @@ Function used to disable dates in the calendar.
 
 Set this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar.
 
-- Type: `(day: Date) => boolean`
+- Type: `((day: Date) => boolean) | undefined`
 - Default: `-`
 
 #### label
@@ -84,7 +84,7 @@ The label displayed above the date input.
 
 Use this to give the datepicker a visible and accessible name.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### lang
@@ -109,7 +109,7 @@ The name submitted with the date value.
 
 Use this when the datepicker belongs to a form and its value should be included in form data.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### navigationDate (JS only)
@@ -171,7 +171,7 @@ The selected date value.
 
 Use an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### weekday-format

package/dist/docs/datepicker/datepicker.md

@@ -211,11 +211,11 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | header-format | `string` | `'MMMM yyyy'` | The date format used in the calendar header. |
 | input (JS only) | `HTMLInputElement` | `-` | - |
 | isCalendarOpen (JS only) | `boolean` | `false` | - |
-| isDayDisabled (JS only) | `(day: Date) => boolean` | `-` | Function used to disable dates in the calendar. |
-| label | `string` | `-` | The label displayed above the date input. |
+| isDayDisabled (JS only) | `((day: Date) => boolean) \| undefined` | `-` | Function used to disable dates in the calendar. |
+| label | `string \| undefined` | `-` | The label displayed above the date input. |
 | lang | `string` | `-` | The locale used for calendar labels and date formatting. |
 | month (JS only) | `unknown` | `-` | - |
-| name | `string` | `-` | The name submitted with the date value. |
+| name | `string \| undefined` | `-` | The name submitted with the date value. |
 | navigationDate (JS only) | `Date` | `-` | - |
 | previousMonthButton (JS only) | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
 | selectedCell (JS only) | `HTMLTableCellElement` | `-` | - |
@@ -223,7 +223,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
 | todayCell (JS only) | `HTMLTableCellElement` | `-` | - |
 | toggleButton (JS only) | `HTMLButtonElement` | `-` | - |
-| value | `string` | `-` | The selected date value. |
+| value | `string \| undefined` | `-` | The selected date value. |
 | weekday-format | `string` | `'EEEEEE'` | The weekday format shown above the calendar grid. |
 | weeks (JS only) | `unknown` | `-` | - |
 | wrapper (JS only) | `HTMLDivElement` | `-` | - |
@@ -275,7 +275,7 @@ Function used to disable dates in the calendar.
 
 Set this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar.
 
-- Type: `(day: Date) => boolean`
+- Type: `((day: Date) => boolean) | undefined`
 - Default: `-`
 
 #### label
@@ -284,7 +284,7 @@ The label displayed above the date input.
 
 Use this to give the datepicker a visible and accessible name.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### lang
@@ -309,7 +309,7 @@ The name submitted with the date value.
 
 Use this when the datepicker belongs to a form and its value should be included in form data.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### navigationDate (JS only)
@@ -371,7 +371,7 @@ The selected date value.
 
 Use an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### weekday-format

package/dist/docs/expandable/api.md

@@ -9,10 +9,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | animated | `boolean` | `false` | Will animate the expansion/collapse |
 | bleed | `boolean` | `false` | Will make the expandable full-width on the sm breakpoint size |
 | box | `boolean` | `false` | Will make the expandable a Box |
-| button-class | `string` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
-| content-class | `string` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
+| button-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
+| content-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
 | expanded | `boolean` | `false` | Controls component's expanded state |
-| heading-level | `number` | `-` | Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. |
+| heading-level | `number \| undefined` | `-` | Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. |
 | no-chevron | `boolean` | `false` | Controls chevron visibility |
 | title | `string` | `-` | Component title. Used to display the title value which is always present regardless of whether the component is open or closed. |
 
@@ -45,7 +45,7 @@ Will make the expandable a Box
 
 
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### content-class
@@ -54,7 +54,7 @@ Will make the expandable a Box
 
 
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### expanded
@@ -68,7 +68,7 @@ Controls component's expanded state
 
 Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### no-chevron

package/dist/docs/expandable/expandable.md

@@ -77,10 +77,10 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | animated | `boolean` | `false` | Will animate the expansion/collapse |
 | bleed | `boolean` | `false` | Will make the expandable full-width on the sm breakpoint size |
 | box | `boolean` | `false` | Will make the expandable a Box |
-| button-class | `string` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
-| content-class | `string` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
+| button-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
+| content-class | `string \| undefined` | `-` | **Deprecated**: Probably does not work the way you expect. The class must exist inside the shadow DOM of the component. |
 | expanded | `boolean` | `false` | Controls component's expanded state |
-| heading-level | `number` | `-` | Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. |
+| heading-level | `number \| undefined` | `-` | Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element. |
 | no-chevron | `boolean` | `false` | Controls chevron visibility |
 | title | `string` | `-` | Component title. Used to display the title value which is always present regardless of whether the component is open or closed. |
 
@@ -113,7 +113,7 @@ Will make the expandable a Box
 
 
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### content-class
@@ -122,7 +122,7 @@ Will make the expandable a Box
 
 
 
-- Type: `string`
+- Type: `string | undefined`
 - Default: `-`
 
 #### expanded
@@ -136,7 +136,7 @@ Controls component's expanded state
 
 Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.
 
-- Type: `number`
+- Type: `number | undefined`
 - Default: `-`
 
 #### no-chevron