@warp-ds/elements 2.9.0-next.5 → 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 (65) hide show
  1. package/dist/custom-elements.json +159 -97
  2. package/dist/docs/affix/affix.md +25 -23
  3. package/dist/docs/affix/api.md +25 -23
  4. package/dist/docs/alert/alert.md +12 -12
  5. package/dist/docs/alert/api.md +12 -12
  6. package/dist/docs/attention/api.md +46 -46
  7. package/dist/docs/attention/attention.md +46 -46
  8. package/dist/docs/badge/accessibility.md +44 -0
  9. package/dist/docs/badge/api.md +12 -8
  10. package/dist/docs/badge/badge.md +191 -10
  11. package/dist/docs/badge/examples.md +82 -0
  12. package/dist/docs/badge/usage.md +53 -0
  13. package/dist/docs/button/api.md +46 -42
  14. package/dist/docs/button/button.md +46 -42
  15. package/dist/docs/card/api.md +11 -11
  16. package/dist/docs/card/card.md +11 -11
  17. package/dist/docs/combobox/api.md +62 -62
  18. package/dist/docs/combobox/combobox.md +62 -62
  19. package/dist/docs/datepicker/api.md +74 -66
  20. package/dist/docs/datepicker/datepicker.md +74 -66
  21. package/dist/docs/expandable/api.md +26 -26
  22. package/dist/docs/expandable/expandable.md +26 -26
  23. package/dist/docs/link/api.md +28 -28
  24. package/dist/docs/link/link.md +28 -28
  25. package/dist/docs/page-indicator/api.md +6 -6
  26. package/dist/docs/page-indicator/page-indicator.md +6 -6
  27. package/dist/docs/pagination/api.md +3 -3
  28. package/dist/docs/pagination/pagination.md +3 -3
  29. package/dist/docs/pill/api.md +19 -15
  30. package/dist/docs/pill/pill.md +19 -15
  31. package/dist/docs/select/api.md +44 -44
  32. package/dist/docs/select/select.md +44 -44
  33. package/dist/docs/slider/api.md +80 -78
  34. package/dist/docs/slider/slider.md +80 -78
  35. package/dist/docs/slider-thumb/api.md +28 -76
  36. package/dist/docs/slider-thumb/slider-thumb.md +28 -76
  37. package/dist/docs/switch/api.md +16 -16
  38. package/dist/docs/switch/switch.md +16 -16
  39. package/dist/docs/tab/api.md +26 -40
  40. package/dist/docs/tab/tab.md +26 -40
  41. package/dist/docs/tab-panel/api.md +1 -17
  42. package/dist/docs/tab-panel/tab-panel.md +1 -17
  43. package/dist/docs/tabs/api.md +3 -3
  44. package/dist/docs/tabs/tabs.md +3 -3
  45. package/dist/docs/textarea/api.md +42 -40
  46. package/dist/docs/textarea/textarea.md +42 -40
  47. package/dist/docs/textfield/accessibility.md +15 -0
  48. package/dist/docs/textfield/api.md +86 -83
  49. package/dist/docs/textfield/examples.md +147 -0
  50. package/dist/docs/textfield/textfield.md +279 -86
  51. package/dist/docs/textfield/usage.md +30 -0
  52. package/dist/index.d.ts +220 -196
  53. package/dist/packages/badge/badge.d.ts +7 -5
  54. package/dist/packages/badge/badge.js.map +2 -2
  55. package/dist/packages/datepicker/datepicker.js +1 -1
  56. package/dist/packages/datepicker/datepicker.js.map +2 -2
  57. package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
  58. package/dist/packages/datepicker/react.d.ts +4 -0
  59. package/dist/packages/datepicker/react.js +4 -0
  60. package/dist/packages/textfield/textfield.d.ts +57 -60
  61. package/dist/packages/textfield/textfield.js +5 -5
  62. package/dist/packages/textfield/textfield.js.map +2 -2
  63. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  64. package/dist/web-types.json +392 -116
  65. package/package.json +1 -1
@@ -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
@@ -4,9 +4,7 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | active | `boolean` | `-` | - |
8
- | _parentActive | `unknown` | `-` | - |
9
- | _parentAriaLabelledBy | `unknown` | `-` | - |
7
+ | active | `boolean` | `-` | Whether this panel is active (visible). |
10
8
 
11
9
  ### Property Details
12
10
 
@@ -18,20 +16,6 @@ Set by parent w-tabs via the _parentActive property.
18
16
  - Type: `boolean`
19
17
  - Default: `-`
20
18
 
21
- #### _parentActive
22
-
23
-
24
-
25
- - Type: `unknown`
26
- - Default: `-`
27
-
28
- #### _parentAriaLabelledBy
29
-
30
-
31
-
32
- - Type: `unknown`
33
- - Default: `-`
34
-
35
19
  ### Types
36
20
 
37
21
  No types documented.
@@ -19,9 +19,7 @@ Each tab panel should have a name that matches a corresponding tab.
19
19
 
20
20
  | Name | Type | Default | Summary |
21
21
  |-|-|-|-|
22
- | active | `boolean` | `-` | - |
23
- | _parentActive | `unknown` | `-` | - |
24
- | _parentAriaLabelledBy | `unknown` | `-` | - |
22
+ | active | `boolean` | `-` | Whether this panel is active (visible). |
25
23
 
26
24
  ### Property Details
27
25
 
@@ -33,20 +31,6 @@ Set by parent w-tabs via the _parentActive property.
33
31
  - Type: `boolean`
34
32
  - Default: `-`
35
33
 
36
- #### _parentActive
37
-
38
-
39
-
40
- - Type: `unknown`
41
- - Default: `-`
42
-
43
- #### _parentAriaLabelledBy
44
-
45
-
46
-
47
- - Type: `unknown`
48
- - Default: `-`
49
-
50
34
  ### Types
51
35
 
52
36
  No types documented.
@@ -5,8 +5,8 @@
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
7
  | active | `string` | `-` | - |
8
- | tabs | `unknown` | `-` | - |
9
8
  | activeTab | `unknown` | `-` | - |
9
+ | tabs | `unknown` | `-` | - |
10
10
 
11
11
  ### Property Details
12
12
 
@@ -17,14 +17,14 @@
17
17
  - Type: `string`
18
18
  - Default: `-`
19
19
 
20
- #### tabs
20
+ #### activeTab
21
21
 
22
22
 
23
23
 
24
24
  - Type: `unknown`
25
25
  - Default: `-`
26
26
 
27
- #### activeTab
27
+ #### tabs
28
28
 
29
29
 
30
30
 
@@ -19,8 +19,8 @@ Tabs are used to organize content by grouping similar information on the same pa
19
19
  | Name | Type | Default | Summary |
20
20
  |-|-|-|-|
21
21
  | active | `string` | `-` | - |
22
- | tabs | `unknown` | `-` | - |
23
22
  | activeTab | `unknown` | `-` | - |
23
+ | tabs | `unknown` | `-` | - |
24
24
 
25
25
  ### Property Details
26
26
 
@@ -31,14 +31,14 @@ Tabs are used to organize content by grouping similar information on the same pa
31
31
  - Type: `string`
32
32
  - Default: `-`
33
33
 
34
- #### tabs
34
+ #### activeTab
35
35
 
36
36
 
37
37
 
38
38
  - Type: `unknown`
39
39
  - Default: `-`
40
40
 
41
- #### activeTab
41
+ #### tabs
42
42
 
43
43
 
44
44
 
@@ -4,40 +4,40 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
7
  | disabled | `boolean` | `false` | - |
8
+ | helpText | `string` | `-` | - |
9
9
  | invalid | `boolean` | `false` | - |
10
10
  | label | `string` | `-` | - |
11
- | helpText | `string` | `-` | - |
11
+ | maxHeight | `unknown` | `-` | - |
12
12
  | maxRows | `number` | `-` | - |
13
+ | minHeight | `unknown` | `-` | - |
13
14
  | minRows | `number` | `-` | - |
14
15
  | name | `string` | `-` | - |
16
+ | optional | `boolean` | `false` | - |
15
17
  | placeholder | `string` | `-` | - |
16
- | readOnly | `boolean` | `false` | - |
18
+ | readOnly | `boolean` | `false` | **Deprecated**: Use the native readonly attribute instead. Here for API consistency with `w-textfield`. |
17
19
  | readonly | `boolean` | `false` | - |
18
20
  | required | `boolean` | `false` | - |
21
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
22
+ | validationMessage | `string` | `-` | Returns the validation message if the textarea is invalid, otherwise an empty string |
23
+ | validity | `ValidityState` | `-` | Returns the validity state of the textarea |
19
24
  | value | `string` | `-` | - |
20
- | optional | `boolean` | `false` | - |
21
- | minHeight | `unknown` | `-` | - |
22
- | maxHeight | `unknown` | `-` | - |
23
- | validationMessage | `string` | `-` | - |
24
- | validity | `ValidityState` | `-` | - |
25
25
 
26
26
  ### Property Details
27
27
 
28
- #### shadowRootOptions
28
+ #### disabled
29
29
 
30
30
 
31
31
 
32
- - Type: `object`
33
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
32
+ - Type: `boolean`
33
+ - Default: `false`
34
34
 
35
- #### disabled
35
+ #### helpText
36
36
 
37
37
 
38
38
 
39
- - Type: `boolean`
40
- - Default: `false`
39
+ - Type: `string`
40
+ - Default: `-`
41
41
 
42
42
  #### invalid
43
43
 
@@ -53,11 +53,11 @@
53
53
  - Type: `string`
54
54
  - Default: `-`
55
55
 
56
- #### helpText
56
+ #### maxHeight
57
57
 
58
58
 
59
59
 
60
- - Type: `string`
60
+ - Type: `unknown`
61
61
  - Default: `-`
62
62
 
63
63
  #### maxRows
@@ -67,75 +67,70 @@
67
67
  - Type: `number`
68
68
  - Default: `-`
69
69
 
70
- #### minRows
70
+ #### minHeight
71
71
 
72
72
 
73
73
 
74
- - Type: `number`
74
+ - Type: `unknown`
75
75
  - Default: `-`
76
76
 
77
- #### name
77
+ #### minRows
78
78
 
79
79
 
80
80
 
81
- - Type: `string`
81
+ - Type: `number`
82
82
  - Default: `-`
83
83
 
84
- #### placeholder
84
+ #### name
85
85
 
86
86
 
87
87
 
88
88
  - Type: `string`
89
89
  - Default: `-`
90
90
 
91
- #### readOnly
91
+ #### optional
92
92
 
93
93
 
94
94
 
95
95
  - Type: `boolean`
96
96
  - Default: `false`
97
97
 
98
- #### readonly
98
+ #### placeholder
99
99
 
100
100
 
101
101
 
102
- - Type: `boolean`
103
- - Default: `false`
102
+ - Type: `string`
103
+ - Default: `-`
104
104
 
105
- #### required
105
+ #### readOnly
106
+
107
+ **Deprecated**: Use the native readonly attribute instead. Here for API consistency with `w-textfield`.
106
108
 
107
109
 
108
110
 
109
111
  - Type: `boolean`
110
112
  - Default: `false`
111
113
 
112
- #### value
113
-
114
-
115
-
116
- - Type: `string`
117
- - Default: `-`
118
-
119
- #### optional
114
+ #### readonly
120
115
 
121
116
 
122
117
 
123
118
  - Type: `boolean`
124
119
  - Default: `false`
125
120
 
126
- #### minHeight
121
+ #### required
127
122
 
128
123
 
129
124
 
130
- - Type: `unknown`
131
- - Default: `-`
125
+ - Type: `boolean`
126
+ - Default: `false`
132
127
 
133
- #### maxHeight
128
+ #### shadowRootOptions
134
129
 
135
130
 
136
131
 
137
- - Type: `unknown`
138
- - Default: `-`
132
+ - Type: `object`
133
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
139
134
 
140
135
  #### validationMessage
141
136
 
@@ -151,6 +146,13 @@ Returns the validity state of the textarea
151
146
  - Type: `ValidityState`
152
147
  - Default: `-`
153
148
 
149
+ #### value
150
+
151
+
152
+
153
+ - Type: `string`
154
+ - Default: `-`
155
+
154
156
  ### Types
155
157
 
156
158
  No types documented.