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

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.
Files changed (99) hide show
  1. package/dist/custom-elements.json +3554 -3442
  2. package/dist/docs/affix/accessibility.md +7 -0
  3. package/dist/docs/affix/affix.md +174 -10
  4. package/dist/docs/affix/api.md +28 -10
  5. package/dist/docs/affix/examples.md +92 -0
  6. package/dist/docs/affix/usage.md +47 -0
  7. package/dist/docs/alert/alert.md +12 -12
  8. package/dist/docs/alert/api.md +12 -12
  9. package/dist/docs/attention/api.md +46 -46
  10. package/dist/docs/attention/attention.md +46 -46
  11. package/dist/docs/badge/accessibility.md +44 -0
  12. package/dist/docs/badge/api.md +12 -8
  13. package/dist/docs/badge/badge.md +191 -10
  14. package/dist/docs/badge/examples.md +82 -0
  15. package/dist/docs/badge/usage.md +53 -0
  16. package/dist/docs/button/api.md +46 -42
  17. package/dist/docs/button/button.md +46 -42
  18. package/dist/docs/card/api.md +11 -11
  19. package/dist/docs/card/card.md +11 -11
  20. package/dist/docs/combobox/api.md +62 -62
  21. package/dist/docs/combobox/combobox.md +62 -62
  22. package/dist/docs/datepicker/api.md +74 -66
  23. package/dist/docs/datepicker/datepicker.md +74 -66
  24. package/dist/docs/expandable/api.md +26 -26
  25. package/dist/docs/expandable/expandable.md +26 -26
  26. package/dist/docs/link/api.md +28 -28
  27. package/dist/docs/link/link.md +28 -28
  28. package/dist/docs/page-indicator/api.md +6 -6
  29. package/dist/docs/page-indicator/page-indicator.md +6 -6
  30. package/dist/docs/pagination/api.md +3 -3
  31. package/dist/docs/pagination/pagination.md +3 -3
  32. package/dist/docs/pill/api.md +19 -15
  33. package/dist/docs/pill/pill.md +19 -15
  34. package/dist/docs/select/api.md +44 -44
  35. package/dist/docs/select/select.md +44 -44
  36. package/dist/docs/slider/api.md +80 -78
  37. package/dist/docs/slider/slider.md +80 -78
  38. package/dist/docs/slider-thumb/api.md +28 -76
  39. package/dist/docs/slider-thumb/slider-thumb.md +28 -76
  40. package/dist/docs/switch/api.md +16 -16
  41. package/dist/docs/switch/switch.md +16 -16
  42. package/dist/docs/tab/api.md +26 -40
  43. package/dist/docs/tab/tab.md +26 -40
  44. package/dist/docs/tab-panel/api.md +1 -17
  45. package/dist/docs/tab-panel/tab-panel.md +1 -17
  46. package/dist/docs/tabs/api.md +3 -3
  47. package/dist/docs/tabs/tabs.md +3 -3
  48. package/dist/docs/textarea/api.md +42 -40
  49. package/dist/docs/textarea/textarea.md +42 -40
  50. package/dist/docs/textfield/accessibility.md +15 -0
  51. package/dist/docs/textfield/api.md +86 -83
  52. package/dist/docs/textfield/examples.md +147 -0
  53. package/dist/docs/textfield/textfield.md +279 -86
  54. package/dist/docs/textfield/usage.md +30 -0
  55. package/dist/index.d.ts +343 -319
  56. package/dist/packages/affix/affix.d.ts +23 -14
  57. package/dist/packages/affix/affix.js +24 -11
  58. package/dist/packages/affix/affix.js.map +4 -4
  59. package/dist/packages/affix/affix.stories.d.ts +3 -0
  60. package/dist/packages/affix/affix.stories.js +16 -0
  61. package/dist/packages/affix/affix.test.js +7 -0
  62. package/dist/packages/affix/locales/da/messages.d.mts +1 -0
  63. package/dist/packages/affix/locales/da/messages.mjs +1 -0
  64. package/dist/packages/affix/locales/en/messages.d.mts +1 -0
  65. package/dist/packages/affix/locales/en/messages.mjs +1 -0
  66. package/dist/packages/affix/locales/fi/messages.d.mts +1 -0
  67. package/dist/packages/affix/locales/fi/messages.mjs +1 -0
  68. package/dist/packages/affix/locales/nb/messages.d.mts +1 -0
  69. package/dist/packages/affix/locales/nb/messages.mjs +1 -0
  70. package/dist/packages/affix/locales/sv/messages.d.mts +1 -0
  71. package/dist/packages/affix/locales/sv/messages.mjs +1 -0
  72. package/dist/packages/badge/badge.d.ts +7 -5
  73. package/dist/packages/badge/badge.js.map +2 -2
  74. package/dist/packages/badge/badge.react.stories.d.ts +1 -1
  75. package/dist/packages/box/box.react.stories.d.ts +1 -1
  76. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  77. package/dist/packages/button/button.react.stories.d.ts +1 -1
  78. package/dist/packages/card/card.react.stories.d.ts +1 -1
  79. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  80. package/dist/packages/datepicker/datepicker.js +1 -1
  81. package/dist/packages/datepicker/datepicker.js.map +2 -2
  82. package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
  83. package/dist/packages/datepicker/react.d.ts +4 -0
  84. package/dist/packages/datepicker/react.js +4 -0
  85. package/dist/packages/expandable/expandable.react.stories.d.ts +1 -1
  86. package/dist/packages/link/link.react.stories.d.ts +1 -1
  87. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +1 -1
  88. package/dist/packages/pagination/pagination.react.stories.d.ts +1 -1
  89. package/dist/packages/pill/pill.react.stories.d.ts +1 -1
  90. package/dist/packages/select/select.react.stories.d.ts +1 -1
  91. package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
  92. package/dist/packages/textfield/textfield.d.ts +57 -60
  93. package/dist/packages/textfield/textfield.js +5 -5
  94. package/dist/packages/textfield/textfield.js.map +2 -2
  95. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  96. package/dist/packages/textfield/textfield.stories.d.ts +3 -0
  97. package/dist/packages/textfield/textfield.stories.js +45 -0
  98. package/dist/web-types.json +452 -147
  99. package/package.json +2 -2
@@ -4,57 +4,51 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
- | ariaLabel | `string` | `-` | - |
9
7
  | ariaDescription | `string` | `-` | - |
8
+ | ariaDescriptionText | `unknown` | `-` | - |
9
+ | ariaLabel | `string` | `-` | - |
10
+ | boundaryValue | `string` | `-` | - |
10
11
  | name | `string` | `-` | - |
11
- | value | `string` | `-` | - |
12
12
  | placeholder | `string` | `-` | - |
13
13
  | range | `HTMLInputElement` | `-` | - |
14
- | tooltipTarget | `HTMLOutputElement` | `-` | - |
14
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
15
+ | textFieldDisplayValue | `unknown` | `-` | Value to display in the textfield (shows boundary when focused on empty value) |
15
16
  | textfield | `WarpTextField` | `-` | - |
16
- | boundaryValue | `string` | `-` | - |
17
- | textFieldDisplayValue | `unknown` | `-` | - |
18
- | tooltipDisplayValue | `string | number` | `-` | - |
19
- | ariaDescriptionText | `unknown` | `-` | - |
20
- | disabled | `unknown` | `-` | - |
21
- | invalid | `unknown` | `-` | - |
22
- | openEnded | `unknown` | `-` | - |
23
- | valueFormatter | `unknown` | `-` | - |
24
- | tooltipFormatter | `unknown` | `-` | - |
25
- | labelFormatter | `unknown` | `-` | - |
17
+ | tooltipDisplayValue | `string \| number` | `-` | Value to display in the tooltip |
18
+ | tooltipTarget | `HTMLOutputElement` | `-` | - |
19
+ | value | `string` | `-` | - |
26
20
 
27
21
  ### Property Details
28
22
 
29
- #### shadowRootOptions
23
+ #### ariaDescription
30
24
 
31
25
 
32
26
 
33
- - Type: `object`
34
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
27
+ - Type: `string`
28
+ - Default: `-`
35
29
 
36
- #### ariaLabel
30
+ #### ariaDescriptionText
37
31
 
38
32
 
39
33
 
40
- - Type: `string`
34
+ - Type: `unknown`
41
35
  - Default: `-`
42
36
 
43
- #### ariaDescription
37
+ #### ariaLabel
44
38
 
45
39
 
46
40
 
47
41
  - Type: `string`
48
42
  - Default: `-`
49
43
 
50
- #### name
44
+ #### boundaryValue
51
45
 
52
46
 
53
47
 
54
48
  - Type: `string`
55
49
  - Default: `-`
56
50
 
57
- #### value
51
+ #### name
58
52
 
59
53
 
60
54
 
@@ -75,26 +69,12 @@
75
69
  - Type: `HTMLInputElement`
76
70
  - Default: `-`
77
71
 
78
- #### tooltipTarget
79
-
80
-
81
-
82
- - Type: `HTMLOutputElement`
83
- - Default: `-`
84
-
85
- #### textfield
86
-
87
-
88
-
89
- - Type: `WarpTextField`
90
- - Default: `-`
91
-
92
- #### boundaryValue
72
+ #### shadowRootOptions
93
73
 
94
74
 
95
75
 
96
- - Type: `string`
97
- - Default: `-`
76
+ - Type: `object`
77
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
98
78
 
99
79
  #### textFieldDisplayValue
100
80
 
@@ -103,60 +83,32 @@ Value to display in the textfield (shows boundary when focused on empty value)
103
83
  - Type: `unknown`
104
84
  - Default: `-`
105
85
 
106
- #### tooltipDisplayValue
107
-
108
- Value to display in the tooltip
109
-
110
- - Type: `string | number`
111
- - Default: `-`
112
-
113
- #### ariaDescriptionText
114
-
115
-
116
-
117
- - Type: `unknown`
118
- - Default: `-`
119
-
120
- #### disabled
121
-
122
-
123
-
124
- - Type: `unknown`
125
- - Default: `-`
126
-
127
- #### invalid
128
-
129
-
130
-
131
- - Type: `unknown`
132
- - Default: `-`
133
-
134
- #### openEnded
86
+ #### textfield
135
87
 
136
88
 
137
89
 
138
- - Type: `unknown`
90
+ - Type: `WarpTextField`
139
91
  - Default: `-`
140
92
 
141
- #### valueFormatter
142
-
93
+ #### tooltipDisplayValue
143
94
 
95
+ Value to display in the tooltip
144
96
 
145
- - Type: `unknown`
97
+ - Type: `string \| number`
146
98
  - Default: `-`
147
99
 
148
- #### tooltipFormatter
100
+ #### tooltipTarget
149
101
 
150
102
 
151
103
 
152
- - Type: `unknown`
104
+ - Type: `HTMLOutputElement`
153
105
  - Default: `-`
154
106
 
155
- #### labelFormatter
107
+ #### value
156
108
 
157
109
 
158
110
 
159
- - Type: `unknown`
111
+ - Type: `string`
160
112
  - Default: `-`
161
113
 
162
114
  ### Types
@@ -18,57 +18,51 @@ Component to place inside a `<w-slider>`.
18
18
 
19
19
  | Name | Type | Default | Summary |
20
20
  |-|-|-|-|
21
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
22
- | ariaLabel | `string` | `-` | - |
23
21
  | ariaDescription | `string` | `-` | - |
22
+ | ariaDescriptionText | `unknown` | `-` | - |
23
+ | ariaLabel | `string` | `-` | - |
24
+ | boundaryValue | `string` | `-` | - |
24
25
  | name | `string` | `-` | - |
25
- | value | `string` | `-` | - |
26
26
  | placeholder | `string` | `-` | - |
27
27
  | range | `HTMLInputElement` | `-` | - |
28
- | tooltipTarget | `HTMLOutputElement` | `-` | - |
28
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
29
+ | textFieldDisplayValue | `unknown` | `-` | Value to display in the textfield (shows boundary when focused on empty value) |
29
30
  | textfield | `WarpTextField` | `-` | - |
30
- | boundaryValue | `string` | `-` | - |
31
- | textFieldDisplayValue | `unknown` | `-` | - |
32
- | tooltipDisplayValue | `string | number` | `-` | - |
33
- | ariaDescriptionText | `unknown` | `-` | - |
34
- | disabled | `unknown` | `-` | - |
35
- | invalid | `unknown` | `-` | - |
36
- | openEnded | `unknown` | `-` | - |
37
- | valueFormatter | `unknown` | `-` | - |
38
- | tooltipFormatter | `unknown` | `-` | - |
39
- | labelFormatter | `unknown` | `-` | - |
31
+ | tooltipDisplayValue | `string \| number` | `-` | Value to display in the tooltip |
32
+ | tooltipTarget | `HTMLOutputElement` | `-` | - |
33
+ | value | `string` | `-` | - |
40
34
 
41
35
  ### Property Details
42
36
 
43
- #### shadowRootOptions
37
+ #### ariaDescription
44
38
 
45
39
 
46
40
 
47
- - Type: `object`
48
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
41
+ - Type: `string`
42
+ - Default: `-`
49
43
 
50
- #### ariaLabel
44
+ #### ariaDescriptionText
51
45
 
52
46
 
53
47
 
54
- - Type: `string`
48
+ - Type: `unknown`
55
49
  - Default: `-`
56
50
 
57
- #### ariaDescription
51
+ #### ariaLabel
58
52
 
59
53
 
60
54
 
61
55
  - Type: `string`
62
56
  - Default: `-`
63
57
 
64
- #### name
58
+ #### boundaryValue
65
59
 
66
60
 
67
61
 
68
62
  - Type: `string`
69
63
  - Default: `-`
70
64
 
71
- #### value
65
+ #### name
72
66
 
73
67
 
74
68
 
@@ -89,26 +83,12 @@ Component to place inside a `<w-slider>`.
89
83
  - Type: `HTMLInputElement`
90
84
  - Default: `-`
91
85
 
92
- #### tooltipTarget
93
-
94
-
95
-
96
- - Type: `HTMLOutputElement`
97
- - Default: `-`
98
-
99
- #### textfield
100
-
101
-
102
-
103
- - Type: `WarpTextField`
104
- - Default: `-`
105
-
106
- #### boundaryValue
86
+ #### shadowRootOptions
107
87
 
108
88
 
109
89
 
110
- - Type: `string`
111
- - Default: `-`
90
+ - Type: `object`
91
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
112
92
 
113
93
  #### textFieldDisplayValue
114
94
 
@@ -117,60 +97,32 @@ Value to display in the textfield (shows boundary when focused on empty value)
117
97
  - Type: `unknown`
118
98
  - Default: `-`
119
99
 
120
- #### tooltipDisplayValue
121
-
122
- Value to display in the tooltip
123
-
124
- - Type: `string | number`
125
- - Default: `-`
126
-
127
- #### ariaDescriptionText
128
-
129
-
130
-
131
- - Type: `unknown`
132
- - Default: `-`
133
-
134
- #### disabled
135
-
136
-
137
-
138
- - Type: `unknown`
139
- - Default: `-`
140
-
141
- #### invalid
142
-
143
-
144
-
145
- - Type: `unknown`
146
- - Default: `-`
147
-
148
- #### openEnded
100
+ #### textfield
149
101
 
150
102
 
151
103
 
152
- - Type: `unknown`
104
+ - Type: `WarpTextField`
153
105
  - Default: `-`
154
106
 
155
- #### valueFormatter
156
-
107
+ #### tooltipDisplayValue
157
108
 
109
+ Value to display in the tooltip
158
110
 
159
- - Type: `unknown`
111
+ - Type: `string \| number`
160
112
  - Default: `-`
161
113
 
162
- #### tooltipFormatter
114
+ #### tooltipTarget
163
115
 
164
116
 
165
117
 
166
- - Type: `unknown`
118
+ - Type: `HTMLOutputElement`
167
119
  - Default: `-`
168
120
 
169
- #### labelFormatter
121
+ #### value
170
122
 
171
123
 
172
124
 
173
- - Type: `unknown`
125
+ - Type: `string`
174
126
  - Default: `-`
175
127
 
176
128
  ### Types
@@ -4,48 +4,48 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
- | name | `string` | `-` | - |
9
- | value | `string` | `-` | - |
10
7
  | checked | `boolean` | `false` | - |
11
8
  | disabled | `boolean` | `false` | - |
9
+ | name | `string` | `-` | - |
10
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
11
+ | value | `string` | `-` | - |
12
12
 
13
13
  ### Property Details
14
14
 
15
- #### shadowRootOptions
15
+ #### checked
16
16
 
17
17
 
18
18
 
19
- - Type: `object`
20
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
19
+ - Type: `boolean`
20
+ - Default: `false`
21
21
 
22
- #### name
22
+ #### disabled
23
23
 
24
24
 
25
25
 
26
- - Type: `string`
27
- - Default: `-`
26
+ - Type: `boolean`
27
+ - Default: `false`
28
28
 
29
- #### value
29
+ #### name
30
30
 
31
31
 
32
32
 
33
33
  - Type: `string`
34
34
  - Default: `-`
35
35
 
36
- #### checked
36
+ #### shadowRootOptions
37
37
 
38
38
 
39
39
 
40
- - Type: `boolean`
41
- - Default: `false`
40
+ - Type: `object`
41
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
42
42
 
43
- #### disabled
43
+ #### value
44
44
 
45
45
 
46
46
 
47
- - Type: `boolean`
48
- - Default: `false`
47
+ - Type: `string`
48
+ - Default: `-`
49
49
 
50
50
  ### Types
51
51
 
@@ -16,48 +16,48 @@
16
16
 
17
17
  | Name | Type | Default | Summary |
18
18
  |-|-|-|-|
19
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
20
- | name | `string` | `-` | - |
21
- | value | `string` | `-` | - |
22
19
  | checked | `boolean` | `false` | - |
23
20
  | disabled | `boolean` | `false` | - |
21
+ | name | `string` | `-` | - |
22
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
23
+ | value | `string` | `-` | - |
24
24
 
25
25
  ### Property Details
26
26
 
27
- #### shadowRootOptions
27
+ #### checked
28
28
 
29
29
 
30
30
 
31
- - Type: `object`
32
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
31
+ - Type: `boolean`
32
+ - Default: `false`
33
33
 
34
- #### name
34
+ #### disabled
35
35
 
36
36
 
37
37
 
38
- - Type: `string`
39
- - Default: `-`
38
+ - Type: `boolean`
39
+ - Default: `false`
40
40
 
41
- #### value
41
+ #### name
42
42
 
43
43
 
44
44
 
45
45
  - Type: `string`
46
46
  - Default: `-`
47
47
 
48
- #### checked
48
+ #### shadowRootOptions
49
49
 
50
50
 
51
51
 
52
- - Type: `boolean`
53
- - Default: `false`
52
+ - Type: `object`
53
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
54
54
 
55
- #### disabled
55
+ #### value
56
56
 
57
57
 
58
58
 
59
- - Type: `boolean`
60
- - Default: `false`
59
+ - Type: `string`
60
+ - Default: `-`
61
61
 
62
62
  ### Types
63
63
 
@@ -4,67 +4,53 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
- | id | `string` | `-` | - |
7
+ | _computedAriaSelected | `'true' \| 'false' \| undefined` | `-` | Computed aria-selected: prefers parent-managed, falls back to own property |
8
+ | active | `boolean` | `false` | **Deprecated**: Use `aria-selected="true"` instead |
9
+ | ariaSelected | `'true' \| 'false'` | `-` | - |
9
10
  | for | `string` | `-` | - |
10
- | tabIndex | `number` | `-` | - |
11
- | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
12
- | ariaSelected | `'true' | 'false'` | `-` | - |
13
- | active | `boolean` | `false` | - |
11
+ | id | `string` | `-` | - |
14
12
  | over | `boolean` | `false` | - |
15
- | _parentTabIndex | `unknown` | `-` | - |
16
- | _parentAriaSelected | `unknown` | `-` | - |
13
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
14
+ | tabIndex | `number` | `-` | Override tabIndex setter to set _parentTabIndex (for backwards compatibility). |
17
15
 
18
16
  ### Property Details
19
17
 
20
- #### shadowRootOptions
21
-
22
-
23
-
24
- - Type: `object`
25
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
26
-
27
- #### id
28
-
18
+ #### _computedAriaSelected
29
19
 
20
+ Computed aria-selected: prefers parent-managed, falls back to own property
30
21
 
31
- - Type: `string`
22
+ - Type: `'true' \| 'false' \| undefined`
32
23
  - Default: `-`
33
24
 
34
- #### for
35
-
25
+ #### active
36
26
 
27
+ **Deprecated**: Use `aria-selected="true"` instead
37
28
 
38
- - Type: `string`
39
- - Default: `-`
40
29
 
41
- #### tabIndex
42
30
 
43
- Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
31
+ - Type: `boolean`
32
+ - Default: `false`
44
33
 
45
- - Type: `number`
46
- - Default: `-`
34
+ #### ariaSelected
47
35
 
48
- #### _computedAriaSelected
49
36
 
50
- Computed aria-selected: prefers parent-managed, falls back to own property
51
37
 
52
- - Type: `'true' | 'false' | undefined`
38
+ - Type: `'true' \| 'false'`
53
39
  - Default: `-`
54
40
 
55
- #### ariaSelected
41
+ #### for
56
42
 
57
43
 
58
44
 
59
- - Type: `'true' | 'false'`
45
+ - Type: `string`
60
46
  - Default: `-`
61
47
 
62
- #### active
48
+ #### id
63
49
 
64
50
 
65
51
 
66
- - Type: `boolean`
67
- - Default: `false`
52
+ - Type: `string`
53
+ - Default: `-`
68
54
 
69
55
  #### over
70
56
 
@@ -73,18 +59,18 @@ Computed aria-selected: prefers parent-managed, falls back to own property
73
59
  - Type: `boolean`
74
60
  - Default: `false`
75
61
 
76
- #### _parentTabIndex
77
-
62
+ #### shadowRootOptions
78
63
 
79
64
 
80
- - Type: `unknown`
81
- - Default: `-`
82
65
 
83
- #### _parentAriaSelected
66
+ - Type: `object`
67
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
84
68
 
69
+ #### tabIndex
85
70
 
71
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
86
72
 
87
- - Type: `unknown`
73
+ - Type: `number`
88
74
  - Default: `-`
89
75
 
90
76
  ### Types
@@ -18,67 +18,53 @@ Individual tab component used within w-tabs container.
18
18
 
19
19
  | Name | Type | Default | Summary |
20
20
  |-|-|-|-|
21
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
22
- | id | `string` | `-` | - |
21
+ | _computedAriaSelected | `'true' \| 'false' \| undefined` | `-` | Computed aria-selected: prefers parent-managed, falls back to own property |
22
+ | active | `boolean` | `false` | **Deprecated**: Use `aria-selected="true"` instead |
23
+ | ariaSelected | `'true' \| 'false'` | `-` | - |
23
24
  | for | `string` | `-` | - |
24
- | tabIndex | `number` | `-` | - |
25
- | _computedAriaSelected | `'true' | 'false' | undefined` | `-` | - |
26
- | ariaSelected | `'true' | 'false'` | `-` | - |
27
- | active | `boolean` | `false` | - |
25
+ | id | `string` | `-` | - |
28
26
  | over | `boolean` | `false` | - |
29
- | _parentTabIndex | `unknown` | `-` | - |
30
- | _parentAriaSelected | `unknown` | `-` | - |
27
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
28
+ | tabIndex | `number` | `-` | Override tabIndex setter to set _parentTabIndex (for backwards compatibility). |
31
29
 
32
30
  ### Property Details
33
31
 
34
- #### shadowRootOptions
35
-
36
-
37
-
38
- - Type: `object`
39
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
40
-
41
- #### id
42
-
32
+ #### _computedAriaSelected
43
33
 
34
+ Computed aria-selected: prefers parent-managed, falls back to own property
44
35
 
45
- - Type: `string`
36
+ - Type: `'true' \| 'false' \| undefined`
46
37
  - Default: `-`
47
38
 
48
- #### for
49
-
39
+ #### active
50
40
 
41
+ **Deprecated**: Use `aria-selected="true"` instead
51
42
 
52
- - Type: `string`
53
- - Default: `-`
54
43
 
55
- #### tabIndex
56
44
 
57
- Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
45
+ - Type: `boolean`
46
+ - Default: `false`
58
47
 
59
- - Type: `number`
60
- - Default: `-`
48
+ #### ariaSelected
61
49
 
62
- #### _computedAriaSelected
63
50
 
64
- Computed aria-selected: prefers parent-managed, falls back to own property
65
51
 
66
- - Type: `'true' | 'false' | undefined`
52
+ - Type: `'true' \| 'false'`
67
53
  - Default: `-`
68
54
 
69
- #### ariaSelected
55
+ #### for
70
56
 
71
57
 
72
58
 
73
- - Type: `'true' | 'false'`
59
+ - Type: `string`
74
60
  - Default: `-`
75
61
 
76
- #### active
62
+ #### id
77
63
 
78
64
 
79
65
 
80
- - Type: `boolean`
81
- - Default: `false`
66
+ - Type: `string`
67
+ - Default: `-`
82
68
 
83
69
  #### over
84
70
 
@@ -87,18 +73,18 @@ Computed aria-selected: prefers parent-managed, falls back to own property
87
73
  - Type: `boolean`
88
74
  - Default: `false`
89
75
 
90
- #### _parentTabIndex
91
-
76
+ #### shadowRootOptions
92
77
 
93
78
 
94
- - Type: `unknown`
95
- - Default: `-`
96
79
 
97
- #### _parentAriaSelected
80
+ - Type: `object`
81
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
98
82
 
83
+ #### tabIndex
99
84
 
85
+ Override tabIndex setter to set _parentTabIndex (for backwards compatibility).
100
86
 
101
- - Type: `unknown`
87
+ - Type: `number`
102
88
  - Default: `-`
103
89
 
104
90
  ### Types