@warp-ds/elements 2.9.0-next.3 → 2.9.0-next.5

package/dist/docs/select/select.md

@@ -6,6 +6,12 @@ A dropdown component for selecting a single value.
 
 [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties
@@ -25,82 +31,83 @@ A dropdown component for selecting a single value.
 | readonly | `boolean` | `false` | - |
 | name | `string` | `-` | - |
 | value | `string` | `-` | - |
+| _options | `unknown` | `-` | - |
 
 ### Property Details
 
 #### autoFocus
 
-Whether the element should receive focus on render.
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### autofocus
 
-Whether the element should receive focus on render
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### helpText
 
-The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
+
 
 - Type: `string`
 - Default: `-`
 
 #### invalid
 
-Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error.
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### always
 
-Whether to always show a hint.
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### hint
 
-The content displayed as the help text.
+
 
 - Type: `string`
 - Default: `-`
 
 #### label
 
-The content to disply as the label
+
 
 - Type: `string`
 - Default: `-`
 
 #### optional
 
-Whether to show optional text
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### disabled
 
-Renders the field in a disabled state.
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### readOnly
 
-Renders the field in a readonly state.
+
 
 - Type: `boolean`
 - Default: `false`
 
 #### readonly
 
-Renders the field in a readonly state.
+
 
 - Type: `boolean`
 - Default: `false`
@@ -119,6 +126,13 @@ Renders the field in a readonly state.
 - Type: `string`
 - Default: `-`
 
+#### _options
+
+
+
+- Type: `unknown`
+- Default: `-`
+
 ### Types
 
 No types documented.

package/dist/docs/select/usage.md

@@ -0,0 +1 @@
+## Usage

package/dist/docs/slider/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/slider/api.md

@@ -21,6 +21,7 @@
 | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
 | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
 | labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
+| fieldset | `HTMLFieldSetElement` | `-` | - |
 | _invalidMessage | `string` | `''` | - |
 | _hasInternalError | `boolean` | `false` | - |
 | _showError | `boolean` | `false` | - |
@@ -41,9 +42,7 @@
 
 #### label
 
-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`
 - Default: `-`
@@ -57,7 +56,7 @@ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class
 
 #### openEnded
 
-Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+
 
 - Type: `boolean`
 - Default: `false`
@@ -85,7 +84,7 @@ Whether or not to allow values outside the range such as "Before 1950" and "2025
 
 #### required
 
-Ensures a child slider thumb has a value before allowing the containing form to submit.
+
 
 - Type: `boolean`
 - Default: `false`
@@ -106,7 +105,7 @@ Ensures a child slider thumb has a value before allowing the containing form to
 
 #### markers
 
-Pass a value similar to step to create visual markers at that interval
+
 
 - Type: `number`
 - Default: `-`
@@ -120,7 +119,7 @@ Pass a value similar to step to create visual markers at that interval
 
 #### suffix
 
-Suffix used in text input fields and for the min and max values of the slider.
+
 
 - Type: `string`
 - Default: `-`
@@ -134,25 +133,32 @@ Suffix used in text input fields and for the min and max values of the slider.
 
 #### valueFormatter
 
-Formatter for the tooltip and input mask values.
+
 
 - Type: `(value: string, slot: SliderSlot) => string`
 - Default: `-`
 
 #### tooltipFormatter
 
-Replaces 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`
 - Default: `-`
 
 #### labelFormatter
 
-Formatter for the min and max labels below the range.
+
 
 - Type: `(slot: SliderSlot) => string`
 - Default: `-`
 
+#### fieldset
+
+
+
+- Type: `HTMLFieldSetElement`
+- Default: `-`
+
 #### _invalidMessage
 
 

package/dist/docs/slider/examples.md

@@ -0,0 +1 @@
+## Examples

package/dist/docs/slider/slider.md

@@ -6,6 +6,12 @@ Parent component for sliders (both single and range sliders). Used in combinatio
 
 [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties
@@ -29,6 +35,7 @@ Parent component for sliders (both single and range sliders). Used in combinatio
 | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
 | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
 | labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
+| fieldset | `HTMLFieldSetElement` | `-` | - |
 | _invalidMessage | `string` | `''` | - |
 | _hasInternalError | `boolean` | `false` | - |
 | _showError | `boolean` | `false` | - |
@@ -49,9 +56,7 @@ Parent component for sliders (both single and range sliders). Used in combinatio
 
 #### label
 
-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`
 - Default: `-`
@@ -65,7 +70,7 @@ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class
 
 #### openEnded
 
-Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+
 
 - Type: `boolean`
 - Default: `false`
@@ -93,7 +98,7 @@ Whether or not to allow values outside the range such as "Before 1950" and "2025
 
 #### required
 
-Ensures a child slider thumb has a value before allowing the containing form to submit.
+
 
 - Type: `boolean`
 - Default: `false`
@@ -114,7 +119,7 @@ Ensures a child slider thumb has a value before allowing the containing form to
 
 #### markers
 
-Pass a value similar to step to create visual markers at that interval
+
 
 - Type: `number`
 - Default: `-`
@@ -128,7 +133,7 @@ Pass a value similar to step to create visual markers at that interval
 
 #### suffix
 
-Suffix used in text input fields and for the min and max values of the slider.
+
 
 - Type: `string`
 - Default: `-`
@@ -142,25 +147,32 @@ Suffix used in text input fields and for the min and max values of the slider.
 
 #### valueFormatter
 
-Formatter for the tooltip and input mask values.
+
 
 - Type: `(value: string, slot: SliderSlot) => string`
 - Default: `-`
 
 #### tooltipFormatter
 
-Replaces 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`
 - Default: `-`
 
 #### labelFormatter
 
-Formatter for the min and max labels below the range.
+
 
 - Type: `(slot: SliderSlot) => string`
 - Default: `-`
 
+#### fieldset
+
+
+
+- Type: `HTMLFieldSetElement`
+- Default: `-`
+
 #### _invalidMessage
 
 

package/dist/docs/slider/usage.md

@@ -0,0 +1 @@
+## Usage

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

@@ -0,0 +1 @@
+## Accessibility

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

@@ -17,6 +17,12 @@
 | textFieldDisplayValue | `unknown` | `-` | - |
 | tooltipDisplayValue | `string | number` | `-` | - |
 | ariaDescriptionText | `unknown` | `-` | - |
+| disabled | `unknown` | `-` | - |
+| invalid | `unknown` | `-` | - |
+| openEnded | `unknown` | `-` | - |
+| valueFormatter | `unknown` | `-` | - |
+| tooltipFormatter | `unknown` | `-` | - |
+| labelFormatter | `unknown` | `-` | - |
 
 ### Property Details
 
@@ -108,6 +114,48 @@ Value to display in the tooltip
 
 
 
+- Type: `unknown`
+- Default: `-`
+
+#### disabled
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### invalid
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### openEnded
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### valueFormatter
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### tooltipFormatter
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### labelFormatter
+
+
+
 - Type: `unknown`
 - Default: `-`
 

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

@@ -0,0 +1 @@
+## Examples

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

@@ -6,6 +6,12 @@ Component to place inside a `<w-slider>`.
 
 [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties
@@ -25,6 +31,12 @@ Component to place inside a `<w-slider>`.
 | textFieldDisplayValue | `unknown` | `-` | - |
 | tooltipDisplayValue | `string | number` | `-` | - |
 | ariaDescriptionText | `unknown` | `-` | - |
+| disabled | `unknown` | `-` | - |
+| invalid | `unknown` | `-` | - |
+| openEnded | `unknown` | `-` | - |
+| valueFormatter | `unknown` | `-` | - |
+| tooltipFormatter | `unknown` | `-` | - |
+| labelFormatter | `unknown` | `-` | - |
 
 ### Property Details
 
@@ -116,6 +128,48 @@ Value to display in the tooltip
 
 
 
+- Type: `unknown`
+- Default: `-`
+
+#### disabled
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### invalid
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### openEnded
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### valueFormatter
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### tooltipFormatter
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### labelFormatter
+
+
+
 - Type: `unknown`
 - Default: `-`
 

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

@@ -0,0 +1 @@
+## Usage

package/dist/docs/step/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/step/examples.md

@@ -0,0 +1 @@
+## Examples

package/dist/docs/step/step.md

@@ -4,6 +4,12 @@
 
 Individual step component that shows a single step in a process
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties

package/dist/docs/step/usage.md

@@ -0,0 +1 @@
+## Usage

package/dist/docs/step-indicator/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/step-indicator/examples.md

@@ -0,0 +1 @@
+## Examples

package/dist/docs/step-indicator/step-indicator.md

@@ -6,6 +6,12 @@ Steps are used to show progress through a process or to guide users through a mu
 
 [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties

package/dist/docs/step-indicator/usage.md

@@ -0,0 +1 @@
+## Usage

package/dist/docs/switch/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/switch/examples.md

@@ -0,0 +1 @@
+## Examples

package/dist/docs/switch/switch.md

@@ -4,6 +4,12 @@
 
 
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties

package/dist/docs/switch/usage.md

@@ -0,0 +1 @@
+## Usage

package/dist/docs/tab/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/tab/api.md

@@ -12,6 +12,8 @@
 | ariaSelected | `'true' | 'false'` | `-` | - |
 | active | `boolean` | `false` | - |
 | over | `boolean` | `false` | - |
+| _parentTabIndex | `unknown` | `-` | - |
+| _parentAriaSelected | `unknown` | `-` | - |
 
 ### Property Details
 
@@ -71,6 +73,20 @@ Computed aria-selected: prefers parent-managed, falls back to own property
 - Type: `boolean`
 - Default: `false`
 
+#### _parentTabIndex
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### _parentAriaSelected
+
+
+
+- Type: `unknown`
+- Default: `-`
+
 ### Types
 
 No types documented.

package/dist/docs/tab/examples.md

@@ -0,0 +1 @@
+## Examples

package/dist/docs/tab/tab.md

@@ -6,6 +6,12 @@ Individual tab component used within w-tabs container.
 
 [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
 
+## Usage
+
+## Accessibility
+
+## Examples
+
 ## API Documentation
 
 ### Properties
@@ -20,6 +26,8 @@ Individual tab component used within w-tabs container.
 | ariaSelected | `'true' | 'false'` | `-` | - |
 | active | `boolean` | `false` | - |
 | over | `boolean` | `false` | - |
+| _parentTabIndex | `unknown` | `-` | - |
+| _parentAriaSelected | `unknown` | `-` | - |
 
 ### Property Details
 
@@ -79,6 +87,20 @@ Computed aria-selected: prefers parent-managed, falls back to own property
 - Type: `boolean`
 - Default: `false`
 
+#### _parentTabIndex
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### _parentAriaSelected
+
+
+
+- Type: `unknown`
+- Default: `-`
+
 ### Types
 
 No types documented.

package/dist/docs/tab/usage.md

@@ -0,0 +1 @@
+## Usage

package/dist/docs/tab-panel/accessibility.md

@@ -0,0 +1 @@
+## Accessibility

package/dist/docs/tab-panel/api.md

@@ -5,6 +5,8 @@
 | Name | Type | Default | Summary |
 |-|-|-|-|
 | active | `boolean` | `-` | - |
+| _parentActive | `unknown` | `-` | - |
+| _parentAriaLabelledBy | `unknown` | `-` | - |
 
 ### Property Details
 
@@ -16,6 +18,20 @@ Set by parent w-tabs via the _parentActive property.
 - Type: `boolean`
 - Default: `-`
 
+#### _parentActive
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### _parentAriaLabelledBy
+
+
+
+- Type: `unknown`
+- Default: `-`
+
 ### Types
 
 No types documented.

package/dist/docs/tab-panel/examples.md

@@ -0,0 +1 @@
+## Examples