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

package/dist/docs/select/api.md

@@ -0,0 +1,116 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| autoFocus | `boolean` | `false` | - |
+| autofocus | `boolean` | `false` | - |
+| helpText | `string` | `-` | - |
+| invalid | `boolean` | `false` | - |
+| always | `boolean` | `false` | - |
+| hint | `string` | `-` | - |
+| label | `string` | `-` | - |
+| optional | `boolean` | `false` | - |
+| disabled | `boolean` | `false` | - |
+| readOnly | `boolean` | `false` | - |
+| readonly | `boolean` | `false` | - |
+| name | `string` | `-` | - |
+| value | `string` | `-` | - |
+
+### 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`
+
+#### name
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### value
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/select/select.md

@@ -0,0 +1,124 @@
+# Select (w-select)
+
+## Description
+
+A dropdown component for selecting a single value.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| autoFocus | `boolean` | `false` | - |
+| autofocus | `boolean` | `false` | - |
+| helpText | `string` | `-` | - |
+| invalid | `boolean` | `false` | - |
+| always | `boolean` | `false` | - |
+| hint | `string` | `-` | - |
+| label | `string` | `-` | - |
+| optional | `boolean` | `false` | - |
+| disabled | `boolean` | `false` | - |
+| readOnly | `boolean` | `false` | - |
+| readonly | `boolean` | `false` | - |
+| name | `string` | `-` | - |
+| value | `string` | `-` | - |
+
+### 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`
+
+#### name
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### value
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/slider/api.md

@@ -0,0 +1,214 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
+| label | `string` | `-` | - |
+| disabled | `boolean` | `false` | - |
+| openEnded | `boolean` | `false` | - |
+| error | `string` | `-` | - |
+| helpText | `string` | `-` | - |
+| invalid | `boolean` | `false` | - |
+| required | `boolean` | `false` | - |
+| min | `string` | `-` | - |
+| max | `string` | `-` | - |
+| markers | `number` | `-` | - |
+| step | `number` | `-` | - |
+| suffix | `string` | `-` | - |
+| hiddenTextfield | `boolean` | `false` | - |
+| valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
+| tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
+| labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
+| _invalidMessage | `string` | `''` | - |
+| _hasInternalError | `boolean` | `false` | - |
+| _showError | `boolean` | `false` | - |
+| _tabbableElements | `Array<HTMLElement>` | `[]` | - |
+| edgeMin | `unknown` | `-` | - |
+| edgeMax | `unknown` | `-` | - |
+| componentHasError | `boolean` | `-` | - |
+| errorText | `string` | `-` | - |
+
+### Property Details
+
+#### shadowRootOptions
+
+
+
+- Type: `object`
+- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
+
+#### 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: `-`
+
+#### disabled
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### openEnded
+
+Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+
+- Type: `boolean`
+- Default: `false`
+
+#### error
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### helpText
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### invalid
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### required
+
+Ensures a child slider thumb has a value before allowing the containing form to submit.
+
+- Type: `boolean`
+- Default: `false`
+
+#### min
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### max
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### markers
+
+Pass a value similar to step to create visual markers at that interval
+
+- Type: `number`
+- Default: `-`
+
+#### step
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### suffix
+
+Suffix used in text input fields and for the min and max values of the slider.
+
+- Type: `string`
+- Default: `-`
+
+#### hiddenTextfield
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### 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: `-`
+
+#### _invalidMessage
+
+
+
+- Type: `string`
+- Default: `''`
+
+#### _hasInternalError
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### _showError
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### _tabbableElements
+
+
+
+- Type: `Array<HTMLElement>`
+- Default: `[]`
+
+#### edgeMin
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### edgeMax
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### componentHasError
+
+
+
+- Type: `boolean`
+- Default: `-`
+
+#### errorText
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/slider/slider.md

@@ -0,0 +1,222 @@
+# Slider (w-slider)
+
+## Description
+
+Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
+| label | `string` | `-` | - |
+| disabled | `boolean` | `false` | - |
+| openEnded | `boolean` | `false` | - |
+| error | `string` | `-` | - |
+| helpText | `string` | `-` | - |
+| invalid | `boolean` | `false` | - |
+| required | `boolean` | `false` | - |
+| min | `string` | `-` | - |
+| max | `string` | `-` | - |
+| markers | `number` | `-` | - |
+| step | `number` | `-` | - |
+| suffix | `string` | `-` | - |
+| hiddenTextfield | `boolean` | `false` | - |
+| valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
+| tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
+| labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
+| _invalidMessage | `string` | `''` | - |
+| _hasInternalError | `boolean` | `false` | - |
+| _showError | `boolean` | `false` | - |
+| _tabbableElements | `Array<HTMLElement>` | `[]` | - |
+| edgeMin | `unknown` | `-` | - |
+| edgeMax | `unknown` | `-` | - |
+| componentHasError | `boolean` | `-` | - |
+| errorText | `string` | `-` | - |
+
+### Property Details
+
+#### shadowRootOptions
+
+
+
+- Type: `object`
+- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
+
+#### 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: `-`
+
+#### disabled
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### openEnded
+
+Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+
+- Type: `boolean`
+- Default: `false`
+
+#### error
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### helpText
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### invalid
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### required
+
+Ensures a child slider thumb has a value before allowing the containing form to submit.
+
+- Type: `boolean`
+- Default: `false`
+
+#### min
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### max
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### markers
+
+Pass a value similar to step to create visual markers at that interval
+
+- Type: `number`
+- Default: `-`
+
+#### step
+
+
+
+- Type: `number`
+- Default: `-`
+
+#### suffix
+
+Suffix used in text input fields and for the min and max values of the slider.
+
+- Type: `string`
+- Default: `-`
+
+#### hiddenTextfield
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### 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: `-`
+
+#### _invalidMessage
+
+
+
+- Type: `string`
+- Default: `''`
+
+#### _hasInternalError
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### _showError
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### _tabbableElements
+
+
+
+- Type: `Array<HTMLElement>`
+- Default: `[]`
+
+#### edgeMin
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### edgeMax
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### componentHasError
+
+
+
+- Type: `boolean`
+- Default: `-`
+
+#### errorText
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.