@warp-ds/elements 2.10.0-next.14 → 2.10.0-next.17

package/dist/docs/affix/affix.md

@@ -156,7 +156,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | aria-label | `string \| null` | `null` | Accessible label for icon-button variants. |
 | clear | `boolean` | `false` | Renders a clear icon button. |
 | icon | `string \| null` | `null` | Icon name rendered as prefix/suffix content. |
-| label | `string` | `''` | Text label shown as prefix/suffix content. |
+| label | `string` | `""` | Text label shown as prefix/suffix content. |
 | search | `boolean` | `false` | Renders a search icon button. |
 
 ### Property Details
@@ -196,7 +196,7 @@ Set an `aria-label` that explains the action when using this.
 
 
 - Type: `string`
-- Default: `''`
+- Default: `""`
 
 #### search
 

package/dist/docs/affix/api.md

@@ -10,7 +10,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | aria-label | `string \| null` | `null` | Accessible label for icon-button variants. |
 | clear | `boolean` | `false` | Renders a clear icon button. |
 | icon | `string \| null` | `null` | Icon name rendered as prefix/suffix content. |
-| label | `string` | `''` | Text label shown as prefix/suffix content. |
+| label | `string` | `""` | Text label shown as prefix/suffix content. |
 | search | `boolean` | `false` | Renders a search icon button. |
 
 ### Property Details
@@ -50,7 +50,7 @@ Set an `aria-label` that explains the action when using this.
 
 
 - Type: `string`
-- Default: `''`
+- Default: `""`
 
 #### search
 

package/dist/docs/alert/alert.md

@@ -160,9 +160,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| role | `string` | `'alert'` | ARIA role announced to assistive technology. |
+| role | `string` | `"alert"` | ARIA role announced to assistive technology. |
 | show | `boolean` | `false` | Whether the alert is visible. |
-| variant | [`AlertVariants`](#alertvariants) | `'info'` | Visual style of the alert. |
+| variant | [`AlertVariants`](#alertvariants) | `"info"` | Visual style of the alert. |
 
 ### Property Details
 
@@ -171,7 +171,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: `string`
-- Default: `'alert'`
+- Default: `"alert"`
 
 #### show
 
@@ -185,7 +185,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: [`AlertVariants`](#alertvariants)
-- Default: `'info'`
+- Default: `"info"`
 
 ### Types
 

package/dist/docs/alert/api.md

@@ -6,9 +6,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| role | `string` | `'alert'` | ARIA role announced to assistive technology. |
+| role | `string` | `"alert"` | ARIA role announced to assistive technology. |
 | show | `boolean` | `false` | Whether the alert is visible. |
-| variant | [`AlertVariants`](#alertvariants) | `'info'` | Visual style of the alert. |
+| variant | [`AlertVariants`](#alertvariants) | `"info"` | Visual style of the alert. |
 
 ### Property Details
 
@@ -17,7 +17,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: `string`
-- Default: `'alert'`
+- Default: `"alert"`
 
 #### show
 
@@ -31,7 +31,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: [`AlertVariants`](#alertvariants)
-- Default: `'info'`
+- Default: `"info"`
 
 ### Types
 

package/dist/docs/attention/api.md

@@ -8,15 +8,21 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 |-|-|-|-|
 | _actualDirection (JS only) | `unknown` | `-` | - |
 | _initialPlacement (JS only) | `unknown` | `-` | - |
+| activeAttentionType (JS only) | `activeAttentionType() => void` | `-` | - |
 | callout | `boolean` | `false` | Renders the component as an inline callout. |
 | can-close | `boolean` | `false` | Shows a close button inside the attention component. |
+| close (JS only) | `close() => void` | `-` | - |
 | cross-axis | `boolean` | `false` | Allows overflow checks on the cross axis when flipping. |
+| defaultAriaLabel (JS only) | `defaultAriaLabel() => void` | `-` | - |
 | distance | `number` | `8` | Distance offset between trigger and attention panel. |
 | fallback-placements | `Directions[]` | `[]` | Ordered list of fallback placements. |
 | flip | `boolean` | `false` | Enables automatic flipping when placement has no space. |
+| handleDone (JS only) | `handleDone() => void` | `-` | - |
 | highlight | `boolean` | `false` | Renders the component with highlight styling. |
+| keypressed (JS only) | `keypressed(e: KeyboardEvent) => void` | `-` | - |
 | no-arrow | `boolean` | `false` | Hides the directional arrow of the attention component. |
-| placement | [`Directions`](#directions) | `'bottom'` | Preferred placement relative to the trigger element. |
+| placement | [`Directions`](#directions) | `"bottom"` | Preferred placement relative to the trigger element. |
+| pointingAtDirection (JS only) | `pointingAtDirection() => void` | `-` | - |
 | popover | `boolean` | `false` | Enables native popover behavior for the attention element. |
 | show | `boolean` | `false` | Controls whether the attention panel is visible. |
 | skidding | `number` | `0` | Cross-axis offset for fine-grained positioning. |
@@ -38,6 +44,13 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 - Type: `unknown`
 - Default: `-`
 
+#### activeAttentionType (JS only)
+
+
+
+- Type: `activeAttentionType() => void`
+- Default: `-`
+
 #### callout
 
 Renders the component as an inline callout.
@@ -54,6 +67,13 @@ Adds an internal dismiss action that lets users close the attention panel.
 - Type: `boolean`
 - Default: `false`
 
+#### close (JS only)
+
+
+
+- Type: `close() => void`
+- Default: `-`
+
 #### cross-axis
 
 Allows overflow checks on the cross axis when flipping.
@@ -62,6 +82,13 @@ Use with `flip` to improve collision handling when space is constrained horizont
 - Type: `boolean`
 - Default: `false`
 
+#### defaultAriaLabel (JS only)
+
+
+
+- Type: `defaultAriaLabel() => void`
+- Default: `-`
+
 #### distance
 
 Distance offset between trigger and attention panel.
@@ -86,6 +113,13 @@ Allows the component to choose an alternative side if the preferred placement wo
 - Type: `boolean`
 - Default: `false`
 
+#### handleDone (JS only)
+
+
+
+- Type: `handleDone() => void`
+- Default: `-`
+
 #### highlight
 
 Renders the component with highlight styling.
@@ -94,6 +128,13 @@ Use highlight mode to visually emphasize important contextual information.
 - Type: `boolean`
 - Default: `false`
 
+#### keypressed (JS only)
+
+
+
+- Type: `keypressed(e: KeyboardEvent) => void`
+- Default: `-`
+
 #### no-arrow
 
 Hides the directional arrow of the attention component.
@@ -108,7 +149,14 @@ Preferred placement relative to the trigger element.
 Sets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.
 
 - Type: [`Directions`](#directions)
-- Default: `'bottom'`
+- Default: `"bottom"`
+
+#### pointingAtDirection (JS only)
+
+
+
+- Type: `pointingAtDirection() => void`
+- Default: `-`
 
 #### popover
 

package/dist/docs/attention/attention.md

@@ -258,15 +258,21 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 |-|-|-|-|
 | _actualDirection (JS only) | `unknown` | `-` | - |
 | _initialPlacement (JS only) | `unknown` | `-` | - |
+| activeAttentionType (JS only) | `activeAttentionType() => void` | `-` | - |
 | callout | `boolean` | `false` | Renders the component as an inline callout. |
 | can-close | `boolean` | `false` | Shows a close button inside the attention component. |
+| close (JS only) | `close() => void` | `-` | - |
 | cross-axis | `boolean` | `false` | Allows overflow checks on the cross axis when flipping. |
+| defaultAriaLabel (JS only) | `defaultAriaLabel() => void` | `-` | - |
 | distance | `number` | `8` | Distance offset between trigger and attention panel. |
 | fallback-placements | `Directions[]` | `[]` | Ordered list of fallback placements. |
 | flip | `boolean` | `false` | Enables automatic flipping when placement has no space. |
+| handleDone (JS only) | `handleDone() => void` | `-` | - |
 | highlight | `boolean` | `false` | Renders the component with highlight styling. |
+| keypressed (JS only) | `keypressed(e: KeyboardEvent) => void` | `-` | - |
 | no-arrow | `boolean` | `false` | Hides the directional arrow of the attention component. |
-| placement | [`Directions`](#directions) | `'bottom'` | Preferred placement relative to the trigger element. |
+| placement | [`Directions`](#directions) | `"bottom"` | Preferred placement relative to the trigger element. |
+| pointingAtDirection (JS only) | `pointingAtDirection() => void` | `-` | - |
 | popover | `boolean` | `false` | Enables native popover behavior for the attention element. |
 | show | `boolean` | `false` | Controls whether the attention panel is visible. |
 | skidding | `number` | `0` | Cross-axis offset for fine-grained positioning. |
@@ -288,6 +294,13 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 - Type: `unknown`
 - Default: `-`
 
+#### activeAttentionType (JS only)
+
+
+
+- Type: `activeAttentionType() => void`
+- Default: `-`
+
 #### callout
 
 Renders the component as an inline callout.
@@ -304,6 +317,13 @@ Adds an internal dismiss action that lets users close the attention panel.
 - Type: `boolean`
 - Default: `false`
 
+#### close (JS only)
+
+
+
+- Type: `close() => void`
+- Default: `-`
+
 #### cross-axis
 
 Allows overflow checks on the cross axis when flipping.
@@ -312,6 +332,13 @@ Use with `flip` to improve collision handling when space is constrained horizont
 - Type: `boolean`
 - Default: `false`
 
+#### defaultAriaLabel (JS only)
+
+
+
+- Type: `defaultAriaLabel() => void`
+- Default: `-`
+
 #### distance
 
 Distance offset between trigger and attention panel.
@@ -336,6 +363,13 @@ Allows the component to choose an alternative side if the preferred placement wo
 - Type: `boolean`
 - Default: `false`
 
+#### handleDone (JS only)
+
+
+
+- Type: `handleDone() => void`
+- Default: `-`
+
 #### highlight
 
 Renders the component with highlight styling.
@@ -344,6 +378,13 @@ Use highlight mode to visually emphasize important contextual information.
 - Type: `boolean`
 - Default: `false`
 
+#### keypressed (JS only)
+
+
+
+- Type: `keypressed(e: KeyboardEvent) => void`
+- Default: `-`
+
 #### no-arrow
 
 Hides the directional arrow of the attention component.
@@ -358,7 +399,14 @@ Preferred placement relative to the trigger element.
 Sets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.
 
 - Type: [`Directions`](#directions)
-- Default: `'bottom'`
+- Default: `"bottom"`
+
+#### pointingAtDirection (JS only)
+
+
+
+- Type: `pointingAtDirection() => void`
+- Default: `-`
 
 #### popover
 

package/dist/docs/badge/api.md

@@ -6,8 +6,20 @@ 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' \| 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. |
+| position | [`\| "top-left"
+		\| "top-right"
+		\| "bottom-right"
+		\| "bottom-left"
+		\| undefined`](#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`](#neutral-info-positive-warning-negative-disabled-price-sponsored-undefined) | `-` | Controls the badge color treatment. |
 
 ### Property Details
 
@@ -17,7 +29,11 @@ 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' | undefined`
+- Type: [`| "top-left"
+		| "top-right"
+		| "bottom-right"
+		| "bottom-left"
+		| undefined`](#top-left-top-right-bottom-right-bottom-left-undefined)
 - Default: `-`
 
 #### variant
@@ -26,6 +42,36 @@ 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' | undefined`
+- Type: [`| "neutral"
+		| "info"
+		| "positive"
+		| "warning"
+		| "negative"
+		| "disabled"
+		| "price"
+		| "sponsored"
+		| undefined`](#neutral-info-positive-warning-negative-disabled-price-sponsored-undefined)
 - Default: `-`
 
+### Types
+
+#### | "neutral"
+		| "info"
+		| "positive"
+		| "warning"
+		| "negative"
+		| "disabled"
+		| "price"
+		| "sponsored"
+		| undefined
+
+`'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined`
+
+#### | "top-left"
+		| "top-right"
+		| "bottom-right"
+		| "bottom-left"
+		| undefined
+
+`'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined`
+

package/dist/docs/badge/badge.md

@@ -186,8 +186,20 @@ 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' \| 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. |
+| position | [`\| "top-left"
+		\| "top-right"
+		\| "bottom-right"
+		\| "bottom-left"
+		\| undefined`](#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`](#neutral-info-positive-warning-negative-disabled-price-sponsored-undefined) | `-` | Controls the badge color treatment. |
 
 ### Property Details
 
@@ -197,7 +209,11 @@ 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' | undefined`
+- Type: [`| "top-left"
+		| "top-right"
+		| "bottom-right"
+		| "bottom-left"
+		| undefined`](#top-left-top-right-bottom-right-bottom-left-undefined)
 - Default: `-`
 
 #### variant
@@ -206,6 +222,36 @@ 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' | undefined`
+- Type: [`| "neutral"
+		| "info"
+		| "positive"
+		| "warning"
+		| "negative"
+		| "disabled"
+		| "price"
+		| "sponsored"
+		| undefined`](#neutral-info-positive-warning-negative-disabled-price-sponsored-undefined)
 - Default: `-`
 
+### Types
+
+#### | "neutral"
+		| "info"
+		| "positive"
+		| "warning"
+		| "negative"
+		| "disabled"
+		| "price"
+		| "sponsored"
+		| undefined
+
+`'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined`
+
+#### | "top-left"
+		| "top-right"
+		| "bottom-right"
+		| "bottom-left"
+		| undefined
+
+`'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined`
+

package/dist/docs/box/api.md

@@ -10,7 +10,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | bordered | `boolean` | `false` | Shows the box as a bordered surface. |
 | info | `boolean` | `false` | Shows the box with information styling. |
 | neutral | `boolean` | `false` | Shows the box with neutral styling. |
-| role | `string` | `'region'` | ARIA role for the box wrapper. |
+| role | `string` | `"region"` | ARIA role for the box wrapper. |
 
 ### Property Details
 
@@ -52,5 +52,5 @@ ARIA role for the box wrapper.
 Defaults to a role of `region`. Set `role="none"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.
 
 - Type: `string`
-- Default: `'region'`
+- Default: `"region"`
 

package/dist/docs/box/box.md

@@ -179,7 +179,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | bordered | `boolean` | `false` | Shows the box as a bordered surface. |
 | info | `boolean` | `false` | Shows the box with information styling. |
 | neutral | `boolean` | `false` | Shows the box with neutral styling. |
-| role | `string` | `'region'` | ARIA role for the box wrapper. |
+| role | `string` | `"region"` | ARIA role for the box wrapper. |
 
 ### Property Details
 
@@ -221,5 +221,5 @@ ARIA role for the box wrapper.
 Defaults to a role of `region`. Set `role="none"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.
 
 - Type: `string`
-- Default: `'region'`
+- Default: `"region"`
 

package/dist/docs/button/api.md

@@ -18,6 +18,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | name | `string \| undefined` | `-` | Form control name. |
 | quiet | `boolean` | `false` | Deprecated quiet visual treatment flag. **Deprecated**: Use `variant="quiet"` instead |
 | rel | `string \| undefined` | `-` | Link relationship. |
+| resetFormControl (JS only) | `resetFormControl() => void` | `-` | - |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | Shadow root configuration. |
 | small | `boolean` | `false` | Renders the compact button size. |
 | target | `string \| undefined` | `-` | Link browsing context. |
@@ -125,6 +126,13 @@ Passed to the rendered link when `href` is set. If `target="_blank"` is set and
 - Type: `string | undefined`
 - Default: `-`
 
+#### resetFormControl (JS only)
+
+
+
+- Type: `resetFormControl() => void`
+- Default: `-`
+
 #### shadowRootOptions (JS only)
 
 Shadow root configuration.

package/dist/docs/button/button.md

@@ -361,6 +361,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | name | `string \| undefined` | `-` | Form control name. |
 | quiet | `boolean` | `false` | Deprecated quiet visual treatment flag. **Deprecated**: Use `variant="quiet"` instead |
 | rel | `string \| undefined` | `-` | Link relationship. |
+| resetFormControl (JS only) | `resetFormControl() => void` | `-` | - |
 | shadowRootOptions (JS only) | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | Shadow root configuration. |
 | small | `boolean` | `false` | Renders the compact button size. |
 | target | `string \| undefined` | `-` | Link browsing context. |
@@ -468,6 +469,13 @@ Passed to the rendered link when `href` is set. If `target="_blank"` is set and
 - Type: `string | undefined`
 - Default: `-`
 
+#### resetFormControl (JS only)
+
+
+
+- Type: `resetFormControl() => void`
+- Default: `-`
+
 #### shadowRootOptions (JS only)
 
 Shadow root configuration.

package/dist/docs/card/api.md

@@ -9,6 +9,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | buttonText (JS only) | `unknown` | `-` | - |
 | clickable | `boolean` | `false` | Whether the whole card is interactive. |
 | flat | `boolean` | `false` | Whether the card uses the flat visual treatment. |
+| keypressed (JS only) | `keypressed(e: KeyboardEvent) => void` | `-` | - |
 | selected | `boolean` | `false` | Whether the card is visually selected. |
 
 ### Property Details
@@ -38,6 +39,13 @@ Flat cards use a bordered surface instead of the default elevated surface. Use t
 - Type: `boolean`
 - Default: `false`
 
+#### keypressed (JS only)
+
+
+
+- Type: `keypressed(e: KeyboardEvent) => void`
+- Default: `-`
+
 #### selected
 
 Whether the card is visually selected.

package/dist/docs/card/card.md

@@ -248,6 +248,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | buttonText (JS only) | `unknown` | `-` | - |
 | clickable | `boolean` | `false` | Whether the whole card is interactive. |
 | flat | `boolean` | `false` | Whether the card uses the flat visual treatment. |
+| keypressed (JS only) | `keypressed(e: KeyboardEvent) => void` | `-` | - |
 | selected | `boolean` | `false` | Whether the card is visually selected. |
 
 ### Property Details
@@ -277,6 +278,13 @@ Flat cards use a bordered surface instead of the default elevated surface. Use t
 - Type: `boolean`
 - Default: `false`
 
+#### keypressed (JS only)
+
+
+
+- Type: `keypressed(e: KeyboardEvent) => void`
+- Default: `-`
+
 #### selected
 
 Whether the card is visually selected.