@warp-ds/elements 2.9.0-next.2 → 2.9.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +17 -3
- package/dist/docs/affix/affix.md +56 -0
- package/dist/docs/affix/api.md +48 -0
- package/dist/docs/alert/accessibility.md +30 -0
- package/dist/docs/alert/alert.md +208 -0
- package/dist/docs/alert/api.md +39 -0
- package/dist/docs/alert/examples.md +84 -0
- package/dist/docs/alert/usage.md +42 -0
- package/dist/docs/attention/api.md +132 -0
- package/dist/docs/attention/attention.md +138 -0
- package/dist/docs/badge/api.md +28 -0
- package/dist/docs/badge/badge.md +36 -0
- package/dist/docs/box/api.md +52 -0
- package/dist/docs/box/box.md +60 -0
- package/dist/docs/breadcrumbs/api.md +20 -0
- package/dist/docs/breadcrumbs/breadcrumbs.md +28 -0
- package/dist/docs/button/api.md +155 -0
- package/dist/docs/button/button.md +163 -0
- package/dist/docs/card/api.md +44 -0
- package/dist/docs/card/card.md +52 -0
- package/dist/docs/combobox/api.md +132 -0
- package/dist/docs/combobox/combobox.md +140 -0
- package/dist/docs/datepicker/api.md +192 -0
- package/dist/docs/datepicker/datepicker.md +202 -0
- package/dist/docs/expandable/api.md +100 -0
- package/dist/docs/expandable/expandable.md +108 -0
- package/dist/docs/link/api.md +87 -0
- package/dist/docs/link/link.md +95 -0
- package/dist/docs/page-indicator/api.md +28 -0
- package/dist/docs/page-indicator/page-indicator.md +35 -0
- package/dist/docs/pagination/api.md +44 -0
- package/dist/docs/pagination/pagination.md +52 -0
- package/dist/docs/pill/api.md +76 -0
- package/dist/docs/pill/pill.md +84 -0
- package/dist/docs/select/api.md +116 -0
- package/dist/docs/select/select.md +124 -0
- package/dist/docs/slider/api.md +214 -0
- package/dist/docs/slider/slider.md +222 -0
- package/dist/docs/slider-thumb/api.md +116 -0
- package/dist/docs/slider-thumb/slider-thumb.md +124 -0
- package/dist/docs/step/api.md +28 -0
- package/dist/docs/step/step.md +34 -0
- package/dist/docs/step-indicator/api.md +28 -0
- package/dist/docs/step-indicator/step-indicator.md +36 -0
- package/dist/docs/switch/api.md +52 -0
- package/dist/docs/switch/switch.md +58 -0
- package/dist/docs/tab/api.md +76 -0
- package/dist/docs/tab/tab.md +84 -0
- package/dist/docs/tab-panel/api.md +21 -0
- package/dist/docs/tab-panel/tab-panel.md +30 -0
- package/dist/docs/tabs/api.md +36 -0
- package/dist/docs/tabs/tabs.md +44 -0
- package/dist/docs/textarea/api.md +156 -0
- package/dist/docs/textarea/textarea.md +164 -0
- package/dist/docs/textfield/api.md +194 -0
- package/dist/docs/textfield/textfield.md +202 -0
- package/dist/docs/toast-container/api.md +14 -0
- package/dist/docs/toast-container/toast-container.md +20 -0
- package/dist/packages/affix/affix.js +5 -5
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/alert/alert.d.ts +15 -0
- package/dist/packages/alert/alert.js +6 -6
- package/dist/packages/alert/alert.js.map +2 -2
- package/dist/packages/attention/attention.js +5 -5
- package/dist/packages/attention/attention.js.map +2 -2
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/expandable/expandable.js +7 -7
- package/dist/packages/expandable/expandable.js.map +2 -2
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/icon/icon.test.js +14 -0
- package/dist/packages/modal-header/modal-header.js +6 -6
- package/dist/packages/modal-header/modal-header.js.map +2 -2
- package/dist/packages/pagination/pagination.js +3 -3
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pill/pill.js +3 -3
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/select/select.js +4 -4
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/step/step.js +4 -4
- package/dist/packages/step/step.js.map +2 -2
- package/dist/packages/toast/toast.js +4 -4
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/web-types.json +18 -5
- package/package.json +7 -2
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
8
|
+
| ariaLabel | `string` | `-` | - |
|
|
9
|
+
| ariaDescription | `string` | `-` | - |
|
|
10
|
+
| name | `string` | `-` | - |
|
|
11
|
+
| value | `string` | `-` | - |
|
|
12
|
+
| placeholder | `string` | `-` | - |
|
|
13
|
+
| range | `HTMLInputElement` | `-` | - |
|
|
14
|
+
| tooltipTarget | `HTMLOutputElement` | `-` | - |
|
|
15
|
+
| textfield | `WarpTextField` | `-` | - |
|
|
16
|
+
| boundaryValue | `string` | `-` | - |
|
|
17
|
+
| textFieldDisplayValue | `unknown` | `-` | - |
|
|
18
|
+
| tooltipDisplayValue | `string | number` | `-` | - |
|
|
19
|
+
| ariaDescriptionText | `unknown` | `-` | - |
|
|
20
|
+
|
|
21
|
+
### Property Details
|
|
22
|
+
|
|
23
|
+
#### shadowRootOptions
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
- Type: `object`
|
|
28
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
29
|
+
|
|
30
|
+
#### ariaLabel
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
- Type: `string`
|
|
35
|
+
- Default: `-`
|
|
36
|
+
|
|
37
|
+
#### ariaDescription
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
- Type: `string`
|
|
42
|
+
- Default: `-`
|
|
43
|
+
|
|
44
|
+
#### name
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
- Type: `string`
|
|
49
|
+
- Default: `-`
|
|
50
|
+
|
|
51
|
+
#### value
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
- Type: `string`
|
|
56
|
+
- Default: `-`
|
|
57
|
+
|
|
58
|
+
#### placeholder
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
- Type: `string`
|
|
63
|
+
- Default: `-`
|
|
64
|
+
|
|
65
|
+
#### range
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
- Type: `HTMLInputElement`
|
|
70
|
+
- Default: `-`
|
|
71
|
+
|
|
72
|
+
#### tooltipTarget
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
- Type: `HTMLOutputElement`
|
|
77
|
+
- Default: `-`
|
|
78
|
+
|
|
79
|
+
#### textfield
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
- Type: `WarpTextField`
|
|
84
|
+
- Default: `-`
|
|
85
|
+
|
|
86
|
+
#### boundaryValue
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
- Type: `string`
|
|
91
|
+
- Default: `-`
|
|
92
|
+
|
|
93
|
+
#### textFieldDisplayValue
|
|
94
|
+
|
|
95
|
+
Value to display in the textfield (shows boundary when focused on empty value)
|
|
96
|
+
|
|
97
|
+
- Type: `unknown`
|
|
98
|
+
- Default: `-`
|
|
99
|
+
|
|
100
|
+
#### tooltipDisplayValue
|
|
101
|
+
|
|
102
|
+
Value to display in the tooltip
|
|
103
|
+
|
|
104
|
+
- Type: `string | number`
|
|
105
|
+
- Default: `-`
|
|
106
|
+
|
|
107
|
+
#### ariaDescriptionText
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
- Type: `unknown`
|
|
112
|
+
- Default: `-`
|
|
113
|
+
|
|
114
|
+
### Types
|
|
115
|
+
|
|
116
|
+
No types documented.
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
# SliderThumb (w-slider-thumb)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Component to place inside a `<w-slider>`.
|
|
6
|
+
|
|
7
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
|
|
8
|
+
|
|
9
|
+
## API Documentation
|
|
10
|
+
|
|
11
|
+
### Properties
|
|
12
|
+
|
|
13
|
+
| Name | Type | Default | Summary |
|
|
14
|
+
|-|-|-|-|
|
|
15
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
16
|
+
| ariaLabel | `string` | `-` | - |
|
|
17
|
+
| ariaDescription | `string` | `-` | - |
|
|
18
|
+
| name | `string` | `-` | - |
|
|
19
|
+
| value | `string` | `-` | - |
|
|
20
|
+
| placeholder | `string` | `-` | - |
|
|
21
|
+
| range | `HTMLInputElement` | `-` | - |
|
|
22
|
+
| tooltipTarget | `HTMLOutputElement` | `-` | - |
|
|
23
|
+
| textfield | `WarpTextField` | `-` | - |
|
|
24
|
+
| boundaryValue | `string` | `-` | - |
|
|
25
|
+
| textFieldDisplayValue | `unknown` | `-` | - |
|
|
26
|
+
| tooltipDisplayValue | `string | number` | `-` | - |
|
|
27
|
+
| ariaDescriptionText | `unknown` | `-` | - |
|
|
28
|
+
|
|
29
|
+
### Property Details
|
|
30
|
+
|
|
31
|
+
#### shadowRootOptions
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
- Type: `object`
|
|
36
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
37
|
+
|
|
38
|
+
#### ariaLabel
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
- Type: `string`
|
|
43
|
+
- Default: `-`
|
|
44
|
+
|
|
45
|
+
#### ariaDescription
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
- Type: `string`
|
|
50
|
+
- Default: `-`
|
|
51
|
+
|
|
52
|
+
#### name
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
- Type: `string`
|
|
57
|
+
- Default: `-`
|
|
58
|
+
|
|
59
|
+
#### value
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
- Type: `string`
|
|
64
|
+
- Default: `-`
|
|
65
|
+
|
|
66
|
+
#### placeholder
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
- Type: `string`
|
|
71
|
+
- Default: `-`
|
|
72
|
+
|
|
73
|
+
#### range
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
- Type: `HTMLInputElement`
|
|
78
|
+
- Default: `-`
|
|
79
|
+
|
|
80
|
+
#### tooltipTarget
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
- Type: `HTMLOutputElement`
|
|
85
|
+
- Default: `-`
|
|
86
|
+
|
|
87
|
+
#### textfield
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
- Type: `WarpTextField`
|
|
92
|
+
- Default: `-`
|
|
93
|
+
|
|
94
|
+
#### boundaryValue
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
- Type: `string`
|
|
99
|
+
- Default: `-`
|
|
100
|
+
|
|
101
|
+
#### textFieldDisplayValue
|
|
102
|
+
|
|
103
|
+
Value to display in the textfield (shows boundary when focused on empty value)
|
|
104
|
+
|
|
105
|
+
- Type: `unknown`
|
|
106
|
+
- Default: `-`
|
|
107
|
+
|
|
108
|
+
#### tooltipDisplayValue
|
|
109
|
+
|
|
110
|
+
Value to display in the tooltip
|
|
111
|
+
|
|
112
|
+
- Type: `string | number`
|
|
113
|
+
- Default: `-`
|
|
114
|
+
|
|
115
|
+
#### ariaDescriptionText
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
- Type: `unknown`
|
|
120
|
+
- Default: `-`
|
|
121
|
+
|
|
122
|
+
### Types
|
|
123
|
+
|
|
124
|
+
No types documented.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| active | `boolean` | `false` | - |
|
|
8
|
+
| completed | `boolean` | `false` | - |
|
|
9
|
+
|
|
10
|
+
### Property Details
|
|
11
|
+
|
|
12
|
+
#### active
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
- Type: `boolean`
|
|
17
|
+
- Default: `false`
|
|
18
|
+
|
|
19
|
+
#### completed
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
- Type: `boolean`
|
|
24
|
+
- Default: `false`
|
|
25
|
+
|
|
26
|
+
### Types
|
|
27
|
+
|
|
28
|
+
No types documented.
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# Step (w-step)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Individual step component that shows a single step in a process
|
|
6
|
+
|
|
7
|
+
## API Documentation
|
|
8
|
+
|
|
9
|
+
### Properties
|
|
10
|
+
|
|
11
|
+
| Name | Type | Default | Summary |
|
|
12
|
+
|-|-|-|-|
|
|
13
|
+
| active | `boolean` | `false` | - |
|
|
14
|
+
| completed | `boolean` | `false` | - |
|
|
15
|
+
|
|
16
|
+
### Property Details
|
|
17
|
+
|
|
18
|
+
#### active
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
- Type: `boolean`
|
|
23
|
+
- Default: `false`
|
|
24
|
+
|
|
25
|
+
#### completed
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
- Type: `boolean`
|
|
30
|
+
- Default: `false`
|
|
31
|
+
|
|
32
|
+
### Types
|
|
33
|
+
|
|
34
|
+
No types documented.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| horizontal | `boolean` | `false` | - |
|
|
8
|
+
| right | `boolean` | `false` | - |
|
|
9
|
+
|
|
10
|
+
### Property Details
|
|
11
|
+
|
|
12
|
+
#### horizontal
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
- Type: `boolean`
|
|
17
|
+
- Default: `false`
|
|
18
|
+
|
|
19
|
+
#### right
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
- Type: `boolean`
|
|
24
|
+
- Default: `false`
|
|
25
|
+
|
|
26
|
+
### Types
|
|
27
|
+
|
|
28
|
+
No types documented.
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# StepIndicator (w-step-indicator)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Steps are used to show progress through a process or to guide users through a multi-step task.
|
|
6
|
+
|
|
7
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
|
|
8
|
+
|
|
9
|
+
## API Documentation
|
|
10
|
+
|
|
11
|
+
### Properties
|
|
12
|
+
|
|
13
|
+
| Name | Type | Default | Summary |
|
|
14
|
+
|-|-|-|-|
|
|
15
|
+
| horizontal | `boolean` | `false` | - |
|
|
16
|
+
| right | `boolean` | `false` | - |
|
|
17
|
+
|
|
18
|
+
### Property Details
|
|
19
|
+
|
|
20
|
+
#### horizontal
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
- Type: `boolean`
|
|
25
|
+
- Default: `false`
|
|
26
|
+
|
|
27
|
+
#### right
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
- Type: `boolean`
|
|
32
|
+
- Default: `false`
|
|
33
|
+
|
|
34
|
+
### Types
|
|
35
|
+
|
|
36
|
+
No types documented.
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
8
|
+
| name | `string` | `-` | - |
|
|
9
|
+
| value | `string` | `-` | - |
|
|
10
|
+
| checked | `boolean` | `false` | - |
|
|
11
|
+
| disabled | `boolean` | `false` | - |
|
|
12
|
+
|
|
13
|
+
### Property Details
|
|
14
|
+
|
|
15
|
+
#### shadowRootOptions
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
- Type: `object`
|
|
20
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
21
|
+
|
|
22
|
+
#### name
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
- Type: `string`
|
|
27
|
+
- Default: `-`
|
|
28
|
+
|
|
29
|
+
#### value
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
- Type: `string`
|
|
34
|
+
- Default: `-`
|
|
35
|
+
|
|
36
|
+
#### checked
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
- Type: `boolean`
|
|
41
|
+
- Default: `false`
|
|
42
|
+
|
|
43
|
+
#### disabled
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
- Type: `boolean`
|
|
48
|
+
- Default: `false`
|
|
49
|
+
|
|
50
|
+
### Types
|
|
51
|
+
|
|
52
|
+
No types documented.
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
# Switch (w-switch)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## API Documentation
|
|
8
|
+
|
|
9
|
+
### Properties
|
|
10
|
+
|
|
11
|
+
| Name | Type | Default | Summary |
|
|
12
|
+
|-|-|-|-|
|
|
13
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
14
|
+
| name | `string` | `-` | - |
|
|
15
|
+
| value | `string` | `-` | - |
|
|
16
|
+
| checked | `boolean` | `false` | - |
|
|
17
|
+
| disabled | `boolean` | `false` | - |
|
|
18
|
+
|
|
19
|
+
### Property Details
|
|
20
|
+
|
|
21
|
+
#### shadowRootOptions
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
- Type: `object`
|
|
26
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
27
|
+
|
|
28
|
+
#### name
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
- Type: `string`
|
|
33
|
+
- Default: `-`
|
|
34
|
+
|
|
35
|
+
#### value
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
- Type: `string`
|
|
40
|
+
- Default: `-`
|
|
41
|
+
|
|
42
|
+
#### checked
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
- Type: `boolean`
|
|
47
|
+
- Default: `false`
|
|
48
|
+
|
|
49
|
+
#### disabled
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
- Type: `boolean`
|
|
54
|
+
- Default: `false`
|
|
55
|
+
|
|
56
|
+
### Types
|
|
57
|
+
|
|
58
|
+
No types documented.
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
8
|
+
| id | `string` | `-` | - |
|
|
9
|
+
| for | `string` | `-` | - |
|
|
10
|
+
| tabIndex | `number` | `-` | - |
|
|
11
|
+
| _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
|
|
12
|
+
| ariaSelected | `'true' | 'false'` | `-` | - |
|
|
13
|
+
| active | `boolean` | `false` | - |
|
|
14
|
+
| over | `boolean` | `false` | - |
|
|
15
|
+
|
|
16
|
+
### Property Details
|
|
17
|
+
|
|
18
|
+
#### shadowRootOptions
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
- Type: `object`
|
|
23
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
24
|
+
|
|
25
|
+
#### id
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
- Type: `string`
|
|
30
|
+
- Default: `-`
|
|
31
|
+
|
|
32
|
+
#### for
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
- Type: `string`
|
|
37
|
+
- Default: `-`
|
|
38
|
+
|
|
39
|
+
#### tabIndex
|
|
40
|
+
|
|
41
|
+
Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
|
|
42
|
+
|
|
43
|
+
- Type: `number`
|
|
44
|
+
- Default: `-`
|
|
45
|
+
|
|
46
|
+
#### _computedAriaSelected
|
|
47
|
+
|
|
48
|
+
Computed aria-selected: prefers parent-managed, falls back to own property
|
|
49
|
+
|
|
50
|
+
- Type: `'true' | 'false' | undefined`
|
|
51
|
+
- Default: `-`
|
|
52
|
+
|
|
53
|
+
#### ariaSelected
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
- Type: `'true' | 'false'`
|
|
58
|
+
- Default: `-`
|
|
59
|
+
|
|
60
|
+
#### active
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
- Type: `boolean`
|
|
65
|
+
- Default: `false`
|
|
66
|
+
|
|
67
|
+
#### over
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
- Type: `boolean`
|
|
72
|
+
- Default: `false`
|
|
73
|
+
|
|
74
|
+
### Types
|
|
75
|
+
|
|
76
|
+
No types documented.
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# Tab (w-tab)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Individual tab component used within w-tabs container.
|
|
6
|
+
|
|
7
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
|
|
8
|
+
|
|
9
|
+
## API Documentation
|
|
10
|
+
|
|
11
|
+
### Properties
|
|
12
|
+
|
|
13
|
+
| Name | Type | Default | Summary |
|
|
14
|
+
|-|-|-|-|
|
|
15
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
16
|
+
| id | `string` | `-` | - |
|
|
17
|
+
| for | `string` | `-` | - |
|
|
18
|
+
| tabIndex | `number` | `-` | - |
|
|
19
|
+
| _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
|
|
20
|
+
| ariaSelected | `'true' | 'false'` | `-` | - |
|
|
21
|
+
| active | `boolean` | `false` | - |
|
|
22
|
+
| over | `boolean` | `false` | - |
|
|
23
|
+
|
|
24
|
+
### Property Details
|
|
25
|
+
|
|
26
|
+
#### shadowRootOptions
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
- Type: `object`
|
|
31
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
32
|
+
|
|
33
|
+
#### id
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
- Type: `string`
|
|
38
|
+
- Default: `-`
|
|
39
|
+
|
|
40
|
+
#### for
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
- Type: `string`
|
|
45
|
+
- Default: `-`
|
|
46
|
+
|
|
47
|
+
#### tabIndex
|
|
48
|
+
|
|
49
|
+
Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
|
|
50
|
+
|
|
51
|
+
- Type: `number`
|
|
52
|
+
- Default: `-`
|
|
53
|
+
|
|
54
|
+
#### _computedAriaSelected
|
|
55
|
+
|
|
56
|
+
Computed aria-selected: prefers parent-managed, falls back to own property
|
|
57
|
+
|
|
58
|
+
- Type: `'true' | 'false' | undefined`
|
|
59
|
+
- Default: `-`
|
|
60
|
+
|
|
61
|
+
#### ariaSelected
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
- Type: `'true' | 'false'`
|
|
66
|
+
- Default: `-`
|
|
67
|
+
|
|
68
|
+
#### active
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
- Type: `boolean`
|
|
73
|
+
- Default: `false`
|
|
74
|
+
|
|
75
|
+
#### over
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
- Type: `boolean`
|
|
80
|
+
- Default: `false`
|
|
81
|
+
|
|
82
|
+
### Types
|
|
83
|
+
|
|
84
|
+
No types documented.
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
## API Documentation
|
|
2
|
+
|
|
3
|
+
### Properties
|
|
4
|
+
|
|
5
|
+
| Name | Type | Default | Summary |
|
|
6
|
+
|-|-|-|-|
|
|
7
|
+
| active | `boolean` | `-` | - |
|
|
8
|
+
|
|
9
|
+
### Property Details
|
|
10
|
+
|
|
11
|
+
#### active
|
|
12
|
+
|
|
13
|
+
Whether this panel is active (visible).
|
|
14
|
+
Set by parent w-tabs via the _parentActive property.
|
|
15
|
+
|
|
16
|
+
- Type: `boolean`
|
|
17
|
+
- Default: `-`
|
|
18
|
+
|
|
19
|
+
### Types
|
|
20
|
+
|
|
21
|
+
No types documented.
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# TabPanel (w-tab-panel)
|
|
2
|
+
|
|
3
|
+
## Description
|
|
4
|
+
|
|
5
|
+
Tab panel component that holds content for individual tabs.
|
|
6
|
+
Each tab panel should have a name that matches a corresponding tab.
|
|
7
|
+
|
|
8
|
+
[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
|
|
9
|
+
|
|
10
|
+
## API Documentation
|
|
11
|
+
|
|
12
|
+
### Properties
|
|
13
|
+
|
|
14
|
+
| Name | Type | Default | Summary |
|
|
15
|
+
|-|-|-|-|
|
|
16
|
+
| active | `boolean` | `-` | - |
|
|
17
|
+
|
|
18
|
+
### Property Details
|
|
19
|
+
|
|
20
|
+
#### active
|
|
21
|
+
|
|
22
|
+
Whether this panel is active (visible).
|
|
23
|
+
Set by parent w-tabs via the _parentActive property.
|
|
24
|
+
|
|
25
|
+
- Type: `boolean`
|
|
26
|
+
- Default: `-`
|
|
27
|
+
|
|
28
|
+
### Types
|
|
29
|
+
|
|
30
|
+
No types documented.
|