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

package/dist/docs/attention/attention.md

@@ -0,0 +1,144 @@
+# Attention (w-attention)
+
+## Description
+
+
+
+## Usage
+
+## Accessibility
+
+## Examples
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| show | `boolean` | `false` | - |
+| placement | `Directions` | `'bottom'` | - |
+| tooltip | `boolean` | `false` | - |
+| callout | `boolean` | `false` | - |
+| popover | `boolean` | `false` | - |
+| highlight | `boolean` | `false` | - |
+| canClose | `boolean` | `false` | - |
+| noArrow | `boolean` | `false` | - |
+| distance | `number` | `8` | - |
+| skidding | `number` | `0` | - |
+| flip | `boolean` | `false` | - |
+| crossAxis | `boolean` | `false` | - |
+| fallbackPlacements | `Directions[]` | `-` | - |
+| _initialPlacement | `unknown` | `-` | - |
+| _actualDirection | `unknown` | `-` | - |
+
+### Property Details
+
+#### show
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### placement
+
+
+
+- Type: `Directions`
+- Default: `'bottom'`
+
+#### tooltip
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### callout
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### popover
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### highlight
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### canClose
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### noArrow
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### distance
+
+
+
+- Type: `number`
+- Default: `8`
+
+#### skidding
+
+
+
+- Type: `number`
+- Default: `0`
+
+#### flip
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### crossAxis
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### fallbackPlacements
+
+
+
+- Type: `Directions[]`
+- Default: `-`
+
+#### _initialPlacement
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+#### _actualDirection
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/attention/examples.md

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

package/dist/docs/attention/usage.md

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

package/dist/docs/badge/accessibility.md

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

package/dist/docs/badge/api.md

@@ -0,0 +1,28 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| variant | `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'` | `-` | - |
+| position | `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'` | `-` | - |
+
+### Property Details
+
+#### variant
+
+
+
+- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
+- Default: `-`
+
+#### position
+
+
+
+- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/badge/badge.md

@@ -0,0 +1,42 @@
+# Badge (w-badge)
+
+## Description
+
+`w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)
+
+## Usage
+
+## Accessibility
+
+## Examples
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| variant | `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'` | `-` | - |
+| position | `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'` | `-` | - |
+
+### Property Details
+
+#### variant
+
+
+
+- Type: `'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'`
+- Default: `-`
+
+#### position
+
+
+
+- Type: `'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/badge/examples.md

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

package/dist/docs/badge/usage.md

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

package/dist/docs/box/accessibility.md

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

package/dist/docs/box/api.md

@@ -0,0 +1,52 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| bleed | `boolean` | `false` | - |
+| bordered | `boolean` | `false` | - |
+| info | `boolean` | `false` | - |
+| neutral | `boolean` | `false` | - |
+| role | `string` | `-` | - |
+
+### Property Details
+
+#### bleed
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### bordered
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### info
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### neutral
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### role
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/box/box.md

@@ -0,0 +1,66 @@
+# Box (w-box)
+
+## Description
+
+Box is a layout component used for separating content areas on a page.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-box--docs)
+
+## Usage
+
+## Accessibility
+
+## Examples
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| bleed | `boolean` | `false` | - |
+| bordered | `boolean` | `false` | - |
+| info | `boolean` | `false` | - |
+| neutral | `boolean` | `false` | - |
+| role | `string` | `-` | - |
+
+### Property Details
+
+#### bleed
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### bordered
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### info
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### neutral
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### role
+
+
+
+- Type: `string`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/box/examples.md

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

package/dist/docs/box/usage.md

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

package/dist/docs/breadcrumbs/accessibility.md

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

package/dist/docs/breadcrumbs/api.md

@@ -0,0 +1,20 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| ariaLabel | `unknown` | `-` | - |
+
+### Property Details
+
+#### ariaLabel
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/breadcrumbs/breadcrumbs.md

@@ -0,0 +1,34 @@
+# Breadcrumbs (w-breadcrumbs)
+
+## Description
+
+Breadcrumbs show the navigation structure for the current location.
+
+[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)
+
+## Usage
+
+## Accessibility
+
+## Examples
+
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| ariaLabel | `unknown` | `-` | - |
+
+### Property Details
+
+#### ariaLabel
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+### Types
+
+No types documented.

package/dist/docs/breadcrumbs/examples.md

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

package/dist/docs/breadcrumbs/usage.md

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

package/dist/docs/button/accessibility.md

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

package/dist/docs/button/api.md

@@ -0,0 +1,155 @@
+## API Documentation
+
+### Properties
+
+| Name | Type | Default | Summary |
+|-|-|-|-|
+| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
+| type | [`ButtonType`](#buttontype) | `-` | - |
+| autofocus | `boolean` | `false` | - |
+| variant | [`ButtonVariant`](#buttonvariant) | `-` | - |
+| quiet | `boolean` | `false` | - |
+| iconOnly | `boolean` | `false` | - |
+| small | `boolean` | `false` | - |
+| loading | `boolean` | `false` | - |
+| href | `string` | `-` | - |
+| target | `string` | `-` | - |
+| disabled | `boolean` | `false` | - |
+| rel | `string` | `-` | - |
+| fullWidth | `boolean` | `false` | - |
+| buttonClass | `string` | `-` | - |
+| name | `string` | `-` | - |
+| value | `string` | `-` | - |
+| ariaValueTextLoading | `unknown` | `-` | - |
+
+### Property Details
+
+#### shadowRootOptions
+
+
+
+- Type: `object`
+- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
+
+#### type
+
+
+
+- Type: [`ButtonType`](#buttontype)
+- Default: `-`
+
+#### autofocus
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### variant
+
+
+
+- Type: [`ButtonVariant`](#buttonvariant)
+- Default: `-`
+
+#### quiet
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### iconOnly
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### small
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### loading
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### href
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### target
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### disabled
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### rel
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### fullWidth
+
+
+
+- Type: `boolean`
+- Default: `false`
+
+#### buttonClass
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### name
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### value
+
+
+
+- Type: `string`
+- Default: `-`
+
+#### ariaValueTextLoading
+
+
+
+- Type: `unknown`
+- Default: `-`
+
+### Types
+
+#### ButtonType
+
+`'button' | 'submit' | 'reset'`
+
+#### ButtonVariant
+
+`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'`
+