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

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 (168) hide show
  1. package/dist/custom-elements.json +91 -262
  2. package/dist/docs/affix/affix.md +9 -10
  3. package/dist/docs/affix/api.md +9 -10
  4. package/dist/docs/alert/alert.md +4 -2
  5. package/dist/docs/alert/api.md +4 -2
  6. package/dist/docs/attention/api.md +21 -16
  7. package/dist/docs/attention/attention.md +21 -16
  8. package/dist/docs/badge/api.md +5 -6
  9. package/dist/docs/badge/badge.md +5 -6
  10. package/dist/docs/box/api.md +3 -4
  11. package/dist/docs/box/box.md +3 -4
  12. package/dist/docs/breadcrumbs/accessibility.md +46 -0
  13. package/dist/docs/breadcrumbs/api.md +8 -8
  14. package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
  15. package/dist/docs/breadcrumbs/examples.md +35 -0
  16. package/dist/docs/breadcrumbs/usage.md +36 -0
  17. package/dist/docs/button/api.md +15 -13
  18. package/dist/docs/button/button.md +15 -13
  19. package/dist/docs/card/api.md +5 -6
  20. package/dist/docs/card/card.md +5 -6
  21. package/dist/docs/combobox/api.md +18 -19
  22. package/dist/docs/combobox/combobox.md +18 -19
  23. package/dist/docs/datepicker/api.md +38 -39
  24. package/dist/docs/datepicker/datepicker.md +38 -39
  25. package/dist/docs/expandable/api.md +11 -12
  26. package/dist/docs/expandable/expandable.md +11 -12
  27. package/dist/docs/link/api.md +8 -6
  28. package/dist/docs/link/link.md +8 -6
  29. package/dist/docs/page-indicator/api.md +7 -8
  30. package/dist/docs/page-indicator/page-indicator.md +7 -8
  31. package/dist/docs/pagination/api.md +17 -9
  32. package/dist/docs/pagination/pagination.md +17 -9
  33. package/dist/docs/pill/api.md +30 -17
  34. package/dist/docs/pill/pill.md +30 -17
  35. package/dist/docs/select/api.md +17 -9
  36. package/dist/docs/select/select.md +17 -9
  37. package/dist/docs/slider/api.md +37 -116
  38. package/dist/docs/slider/examples.md +331 -0
  39. package/dist/docs/slider/slider.md +378 -118
  40. package/dist/docs/slider/usage.md +10 -0
  41. package/dist/docs/slider-thumb/api.md +26 -79
  42. package/dist/docs/slider-thumb/slider-thumb.md +26 -81
  43. package/dist/docs/step/api.md +3 -4
  44. package/dist/docs/step/step.md +3 -4
  45. package/dist/docs/step-indicator/api.md +3 -4
  46. package/dist/docs/step-indicator/step-indicator.md +3 -4
  47. package/dist/docs/switch/api.md +13 -5
  48. package/dist/docs/switch/switch.md +13 -5
  49. package/dist/docs/tab/api.md +9 -62
  50. package/dist/docs/tab/tab.md +9 -70
  51. package/dist/docs/tab-panel/api.md +7 -11
  52. package/dist/docs/tab-panel/tab-panel.md +7 -19
  53. package/dist/docs/tabs/accessibility.md +11 -0
  54. package/dist/docs/tabs/api.md +10 -18
  55. package/dist/docs/tabs/examples.md +68 -0
  56. package/dist/docs/tabs/tabs.md +97 -20
  57. package/dist/docs/tabs/usage.md +8 -0
  58. package/dist/docs/textarea/api.md +15 -16
  59. package/dist/docs/textarea/textarea.md +15 -16
  60. package/dist/docs/textfield/api.md +14 -15
  61. package/dist/docs/textfield/textfield.md +14 -15
  62. package/dist/index.d.ts +124 -242
  63. package/dist/packages/affix/affix.js +11 -12
  64. package/dist/packages/affix/affix.js.map +4 -4
  65. package/dist/packages/alert/alert.d.ts +1 -1
  66. package/dist/packages/alert/alert.js.map +1 -1
  67. package/dist/packages/attention/attention.d.ts +3 -2
  68. package/dist/packages/attention/attention.js +27 -28
  69. package/dist/packages/attention/attention.js.map +4 -4
  70. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
  71. package/dist/packages/breadcrumbs/breadcrumbs.js +7 -8
  72. package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
  73. package/dist/packages/button/button.d.ts +4 -2
  74. package/dist/packages/button/button.js +14 -15
  75. package/dist/packages/button/button.js.map +4 -4
  76. package/dist/packages/card/card.js +8 -9
  77. package/dist/packages/card/card.js.map +4 -4
  78. package/dist/packages/checkbox/checkbox.d.ts +2 -0
  79. package/dist/packages/checkbox-group/checkbox-group.d.ts +2 -0
  80. package/dist/packages/checkbox-group/checkbox-group.js +15 -16
  81. package/dist/packages/checkbox-group/checkbox-group.js.map +4 -4
  82. package/dist/packages/checkbox-group/locales/da/messages.mjs +1 -1
  83. package/dist/packages/checkbox-group/locales/en/messages.mjs +1 -1
  84. package/dist/packages/checkbox-group/locales/fi/messages.mjs +1 -1
  85. package/dist/packages/checkbox-group/locales/nb/messages.mjs +1 -1
  86. package/dist/packages/checkbox-group/locales/sv/messages.mjs +1 -1
  87. package/dist/packages/combobox/combobox.js +13 -14
  88. package/dist/packages/combobox/combobox.js.map +4 -4
  89. package/dist/packages/combobox/locales/da/messages.mjs +1 -1
  90. package/dist/packages/combobox/locales/en/messages.mjs +1 -1
  91. package/dist/packages/combobox/locales/fi/messages.mjs +1 -1
  92. package/dist/packages/combobox/locales/nb/messages.mjs +1 -1
  93. package/dist/packages/combobox/locales/sv/messages.mjs +1 -1
  94. package/dist/packages/datepicker/datepicker.d.ts +2 -0
  95. package/dist/packages/datepicker/datepicker.js +51 -52
  96. package/dist/packages/datepicker/datepicker.js.map +4 -4
  97. package/dist/packages/datepicker/locales/da/messages.mjs +1 -1
  98. package/dist/packages/datepicker/locales/en/messages.mjs +1 -1
  99. package/dist/packages/datepicker/locales/fi/messages.mjs +1 -1
  100. package/dist/packages/datepicker/locales/nb/messages.mjs +1 -1
  101. package/dist/packages/datepicker/locales/sv/messages.mjs +1 -1
  102. package/dist/packages/link/link.d.ts +2 -0
  103. package/dist/packages/modal-header/modal-header.js +13 -14
  104. package/dist/packages/modal-header/modal-header.js.map +4 -4
  105. package/dist/packages/page-indicator/page-indicator.js +7 -8
  106. package/dist/packages/page-indicator/page-indicator.js.map +4 -4
  107. package/dist/packages/pagination/locales/da/messages.mjs +1 -1
  108. package/dist/packages/pagination/locales/en/messages.mjs +1 -1
  109. package/dist/packages/pagination/locales/fi/messages.mjs +1 -1
  110. package/dist/packages/pagination/locales/nb/messages.mjs +1 -1
  111. package/dist/packages/pagination/locales/sv/messages.mjs +1 -1
  112. package/dist/packages/pagination/pagination.js +31 -32
  113. package/dist/packages/pagination/pagination.js.map +4 -4
  114. package/dist/packages/pagination/pagination.test.js +38 -0
  115. package/dist/packages/pill/pill.js +11 -12
  116. package/dist/packages/pill/pill.js.map +4 -4
  117. package/dist/packages/radio/radio.d.ts +2 -0
  118. package/dist/packages/radio-group/radio-group.d.ts +2 -0
  119. package/dist/packages/radio-group/radio-group.js +17 -18
  120. package/dist/packages/radio-group/radio-group.js.map +4 -4
  121. package/dist/packages/select/select.js +19 -20
  122. package/dist/packages/select/select.js.map +4 -4
  123. package/dist/packages/slider/locales/da/messages.mjs +1 -1
  124. package/dist/packages/slider/locales/en/messages.mjs +1 -1
  125. package/dist/packages/slider/locales/fi/messages.mjs +1 -1
  126. package/dist/packages/slider/locales/nb/messages.mjs +1 -1
  127. package/dist/packages/slider/locales/sv/messages.mjs +1 -1
  128. package/dist/packages/slider/slider.d.ts +36 -45
  129. package/dist/packages/slider/slider.js +22 -23
  130. package/dist/packages/slider/slider.js.map +4 -4
  131. package/dist/packages/slider-thumb/slider-thumb.d.ts +41 -31
  132. package/dist/packages/slider-thumb/slider-thumb.js +33 -34
  133. package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
  134. package/dist/packages/step/locales/da/messages.mjs +1 -1
  135. package/dist/packages/step/locales/en/messages.mjs +1 -1
  136. package/dist/packages/step/locales/fi/messages.mjs +1 -1
  137. package/dist/packages/step/locales/nb/messages.mjs +1 -1
  138. package/dist/packages/step/locales/sv/messages.mjs +1 -1
  139. package/dist/packages/step/step.js +11 -12
  140. package/dist/packages/step/step.js.map +4 -4
  141. package/dist/packages/switch/switch.d.ts +2 -0
  142. package/dist/packages/tab/tab.d.ts +31 -24
  143. package/dist/packages/tab/tab.js +3 -3
  144. package/dist/packages/tab/tab.js.map +2 -2
  145. package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
  146. package/dist/packages/tab-panel/tab-panel.js +3 -3
  147. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  148. package/dist/packages/tabs/index.d.ts +1 -0
  149. package/dist/packages/tabs/index.js +0 -1
  150. package/dist/packages/tabs/react.d.ts +4 -3
  151. package/dist/packages/tabs/tabs.d.ts +9 -3
  152. package/dist/packages/tabs/tabs.js +1 -1
  153. package/dist/packages/tabs/tabs.js.map +3 -3
  154. package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
  155. package/dist/packages/textarea/textarea.d.ts +2 -0
  156. package/dist/packages/textarea/textarea.js +20 -21
  157. package/dist/packages/textarea/textarea.js.map +4 -4
  158. package/dist/packages/textfield/textfield.d.ts +2 -0
  159. package/dist/packages/toast/toast.js +13 -14
  160. package/dist/packages/toast/toast.js.map +4 -4
  161. package/dist/web-types.json +206 -98
  162. package/package.json +20 -19
  163. package/dist/docs/tab/accessibility.md +0 -1
  164. package/dist/docs/tab/examples.md +0 -1
  165. package/dist/docs/tab/usage.md +0 -1
  166. package/dist/docs/tab-panel/accessibility.md +0 -1
  167. package/dist/docs/tab-panel/examples.md +0 -1
  168. package/dist/docs/tab-panel/usage.md +0 -1
@@ -1,24 +1,26 @@
1
- ## API Documentation
1
+ ## `<w-pagination>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
5
7
  | Name | Type | Default | Summary |
6
8
  |-|-|-|-|
7
- | baseUrl | `string` | `-` | - |
8
- | currentPageNumber | `number` | `-` | - |
9
+ | base-url | `string` | `-` | - |
10
+ | current-page | `number` | `-` | - |
9
11
  | pages | `number` | `-` | - |
10
- | visiblePages | `number` | `-` | - |
12
+ | visible-pages | `number` | `-` | - |
11
13
 
12
14
  ### Property Details
13
15
 
14
- #### baseUrl
16
+ #### base-url
15
17
 
16
18
 
17
19
 
18
20
  - Type: `string`
19
21
  - Default: `-`
20
22
 
21
- #### currentPageNumber
23
+ #### current-page
22
24
 
23
25
 
24
26
 
@@ -32,13 +34,19 @@
32
34
  - Type: `number`
33
35
  - Default: `-`
34
36
 
35
- #### visiblePages
37
+ #### visible-pages
36
38
 
37
39
 
38
40
 
39
41
  - Type: `number`
40
42
  - Default: `-`
41
43
 
42
- ### Types
44
+ ### Events
45
+
46
+ #### page-click
47
+
48
+ Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
49
+
50
+ - Type: `CustomEvent`
51
+
43
52
 
44
- No types documented.
@@ -12,27 +12,29 @@ Pagination allows users to navigate through multiple pages of content by providi
12
12
 
13
13
  ## Examples
14
14
 
15
- ## API Documentation
15
+ ## `<w-pagination>` API
16
+
17
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
16
18
 
17
19
  ### Properties
18
20
 
19
21
  | Name | Type | Default | Summary |
20
22
  |-|-|-|-|
21
- | baseUrl | `string` | `-` | - |
22
- | currentPageNumber | `number` | `-` | - |
23
+ | base-url | `string` | `-` | - |
24
+ | current-page | `number` | `-` | - |
23
25
  | pages | `number` | `-` | - |
24
- | visiblePages | `number` | `-` | - |
26
+ | visible-pages | `number` | `-` | - |
25
27
 
26
28
  ### Property Details
27
29
 
28
- #### baseUrl
30
+ #### base-url
29
31
 
30
32
 
31
33
 
32
34
  - Type: `string`
33
35
  - Default: `-`
34
36
 
35
- #### currentPageNumber
37
+ #### current-page
36
38
 
37
39
 
38
40
 
@@ -46,13 +48,19 @@ Pagination allows users to navigate through multiple pages of content by providi
46
48
  - Type: `number`
47
49
  - Default: `-`
48
50
 
49
- #### visiblePages
51
+ #### visible-pages
50
52
 
51
53
 
52
54
 
53
55
  - Type: `number`
54
56
  - Default: `-`
55
57
 
56
- ### Types
58
+ ### Events
59
+
60
+ #### page-click
61
+
62
+ Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
63
+
64
+ - Type: `CustomEvent`
65
+
57
66
 
58
- No types documented.
@@ -1,35 +1,37 @@
1
- ## API Documentation
1
+ ## `<w-pill>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
5
7
  | Name | Type | Default | Summary |
6
8
  |-|-|-|-|
7
- | canClose | `boolean` | `false` | - |
8
- | closeAriaLabel | `string` | `-` | - |
9
- | closeSrLabel | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
10
- | openAriaLabel | `string` | `-` | - |
11
- | openFilterSrText | `unknown` | `-` | - |
12
- | openSrLabel | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
13
- | removeFilterSrText | `unknown` | `-` | - |
9
+ | can-close | `boolean` | `false` | - |
10
+ | close-aria-label | `string` | `-` | - |
11
+ | close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
12
+ | open-aria-label | `string` | `-` | - |
13
+ | openFilterSrText (JS only) | `unknown` | `-` | - |
14
+ | open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
15
+ | removeFilterSrText (JS only) | `unknown` | `-` | - |
14
16
  | suggestion | `boolean` | `false` | - |
15
17
 
16
18
  ### Property Details
17
19
 
18
- #### canClose
20
+ #### can-close
19
21
 
20
22
 
21
23
 
22
24
  - Type: `boolean`
23
25
  - Default: `false`
24
26
 
25
- #### closeAriaLabel
27
+ #### close-aria-label
26
28
 
27
29
 
28
30
 
29
31
  - Type: `string`
30
32
  - Default: `-`
31
33
 
32
- #### closeSrLabel
34
+ #### close-sr-label
33
35
 
34
36
  **Deprecated**: Used "close-arial-label" instead.
35
37
 
@@ -38,21 +40,21 @@
38
40
  - Type: `string`
39
41
  - Default: `-`
40
42
 
41
- #### openAriaLabel
43
+ #### open-aria-label
42
44
 
43
45
 
44
46
 
45
47
  - Type: `string`
46
48
  - Default: `-`
47
49
 
48
- #### openFilterSrText
50
+ #### openFilterSrText (JS only)
49
51
 
50
52
 
51
53
 
52
54
  - Type: `unknown`
53
55
  - Default: `-`
54
56
 
55
- #### openSrLabel
57
+ #### open-sr-label
56
58
 
57
59
  **Deprecated**: Used "open-arial-label" instead.
58
60
 
@@ -61,7 +63,7 @@
61
63
  - Type: `string`
62
64
  - Default: `-`
63
65
 
64
- #### removeFilterSrText
66
+ #### removeFilterSrText (JS only)
65
67
 
66
68
 
67
69
 
@@ -75,6 +77,17 @@
75
77
  - Type: `boolean`
76
78
  - Default: `false`
77
79
 
78
- ### Types
80
+ ### Events
81
+
82
+ #### w-pill-click
83
+
84
+
85
+
86
+ - Type: `CustomEvent`
87
+ #### w-pill-close
88
+
89
+
90
+
91
+ - Type: `CustomEvent`
92
+
79
93
 
80
- No types documented.
@@ -12,38 +12,40 @@ Pill is a type of button that is often used as a filter, but can also be used as
12
12
 
13
13
  ## Examples
14
14
 
15
- ## API Documentation
15
+ ## `<w-pill>` API
16
+
17
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
16
18
 
17
19
  ### Properties
18
20
 
19
21
  | Name | Type | Default | Summary |
20
22
  |-|-|-|-|
21
- | canClose | `boolean` | `false` | - |
22
- | closeAriaLabel | `string` | `-` | - |
23
- | closeSrLabel | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
24
- | openAriaLabel | `string` | `-` | - |
25
- | openFilterSrText | `unknown` | `-` | - |
26
- | openSrLabel | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
27
- | removeFilterSrText | `unknown` | `-` | - |
23
+ | can-close | `boolean` | `false` | - |
24
+ | close-aria-label | `string` | `-` | - |
25
+ | close-sr-label | `string` | `-` | **Deprecated**: Used "close-arial-label" instead. |
26
+ | open-aria-label | `string` | `-` | - |
27
+ | openFilterSrText (JS only) | `unknown` | `-` | - |
28
+ | open-sr-label | `string` | `-` | **Deprecated**: Used "open-arial-label" instead. |
29
+ | removeFilterSrText (JS only) | `unknown` | `-` | - |
28
30
  | suggestion | `boolean` | `false` | - |
29
31
 
30
32
  ### Property Details
31
33
 
32
- #### canClose
34
+ #### can-close
33
35
 
34
36
 
35
37
 
36
38
  - Type: `boolean`
37
39
  - Default: `false`
38
40
 
39
- #### closeAriaLabel
41
+ #### close-aria-label
40
42
 
41
43
 
42
44
 
43
45
  - Type: `string`
44
46
  - Default: `-`
45
47
 
46
- #### closeSrLabel
48
+ #### close-sr-label
47
49
 
48
50
  **Deprecated**: Used "close-arial-label" instead.
49
51
 
@@ -52,21 +54,21 @@ Pill is a type of button that is often used as a filter, but can also be used as
52
54
  - Type: `string`
53
55
  - Default: `-`
54
56
 
55
- #### openAriaLabel
57
+ #### open-aria-label
56
58
 
57
59
 
58
60
 
59
61
  - Type: `string`
60
62
  - Default: `-`
61
63
 
62
- #### openFilterSrText
64
+ #### openFilterSrText (JS only)
63
65
 
64
66
 
65
67
 
66
68
  - Type: `unknown`
67
69
  - Default: `-`
68
70
 
69
- #### openSrLabel
71
+ #### open-sr-label
70
72
 
71
73
  **Deprecated**: Used "open-arial-label" instead.
72
74
 
@@ -75,7 +77,7 @@ Pill is a type of button that is often used as a filter, but can also be used as
75
77
  - Type: `string`
76
78
  - Default: `-`
77
79
 
78
- #### removeFilterSrText
80
+ #### removeFilterSrText (JS only)
79
81
 
80
82
 
81
83
 
@@ -89,6 +91,17 @@ Pill is a type of button that is often used as a filter, but can also be used as
89
91
  - Type: `boolean`
90
92
  - Default: `false`
91
93
 
92
- ### Types
94
+ ### Events
95
+
96
+ #### w-pill-click
97
+
98
+
99
+
100
+ - Type: `CustomEvent`
101
+ #### w-pill-close
102
+
103
+
104
+
105
+ - Type: `CustomEvent`
106
+
93
107
 
94
- No types documented.
@@ -1,20 +1,22 @@
1
- ## API Documentation
1
+ ## `<w-select>` API
2
+
3
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
2
4
 
3
5
  ### Properties
4
6
 
5
7
  | Name | Type | Default | Summary |
6
8
  |-|-|-|-|
7
9
  | always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
8
- | autoFocus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
10
+ | auto-focus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
9
11
  | autofocus | `boolean` | `false` | Whether the element should receive focus on render |
10
12
  | disabled | `boolean` | `false` | Renders the field in a disabled state. |
11
- | helpText | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
13
+ | help-text | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
12
14
  | hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
13
15
  | invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
14
16
  | label | `string` | `-` | The content to disply as the label |
15
17
  | name | `string` | `-` | - |
16
18
  | optional | `boolean` | `false` | Whether to show optional text |
17
- | readOnly | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
19
+ | read-only | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
18
20
  | readonly | `boolean` | `false` | Renders the field in a readonly state. |
19
21
  | value | `string` | `-` | - |
20
22
 
@@ -29,7 +31,7 @@ Whether to always show a hint.
29
31
  - Type: `boolean`
30
32
  - Default: `false`
31
33
 
32
- #### autoFocus
34
+ #### auto-focus
33
35
 
34
36
  **Deprecated**: Use the native `autofocus` attribute instead.
35
37
 
@@ -52,7 +54,7 @@ Renders the field in a disabled state.
52
54
  - Type: `boolean`
53
55
  - Default: `false`
54
56
 
55
- #### helpText
57
+ #### help-text
56
58
 
57
59
  The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
58
60
 
@@ -96,7 +98,7 @@ Whether to show optional text
96
98
  - Type: `boolean`
97
99
  - Default: `false`
98
100
 
99
- #### readOnly
101
+ #### read-only
100
102
 
101
103
  **Deprecated**: Use the native readonly attribute instead.
102
104
 
@@ -119,6 +121,12 @@ Renders the field in a readonly state.
119
121
  - Type: `string`
120
122
  - Default: `-`
121
123
 
122
- ### Types
124
+ ### Events
125
+
126
+ #### change
127
+
128
+
129
+
130
+ - Type: `CustomEvent`
131
+
123
132
 
124
- No types documented.
@@ -12,23 +12,25 @@ A dropdown component for selecting a single value.
12
12
 
13
13
  ## Examples
14
14
 
15
- ## API Documentation
15
+ ## `<w-select>` API
16
+
17
+ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).
16
18
 
17
19
  ### Properties
18
20
 
19
21
  | Name | Type | Default | Summary |
20
22
  |-|-|-|-|
21
23
  | always | `boolean` | `false` | Whether to always show a hint.. **Deprecated**: Use `help-text` instead and only set it if you want to display the help text. |
22
- | autoFocus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
24
+ | auto-focus | `boolean` | `false` | Whether the element should receive focus on render.. **Deprecated**: Use the native `autofocus` attribute instead. |
23
25
  | autofocus | `boolean` | `false` | Whether the element should receive focus on render |
24
26
  | disabled | `boolean` | `false` | Renders the field in a disabled state. |
25
- | helpText | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
27
+ | help-text | `string` | `-` | The content displayed as the help text. Paired with `invalid` to show the text as a validation error. |
26
28
  | hint | `string` | `-` | The content displayed as the help text.. **Deprecated**: Use `help-text` instead. |
27
29
  | invalid | `boolean` | `false` | Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. |
28
30
  | label | `string` | `-` | The content to disply as the label |
29
31
  | name | `string` | `-` | - |
30
32
  | optional | `boolean` | `false` | Whether to show optional text |
31
- | readOnly | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
33
+ | read-only | `boolean` | `false` | Renders the field in a readonly state.. **Deprecated**: Use the native readonly attribute instead. |
32
34
  | readonly | `boolean` | `false` | Renders the field in a readonly state. |
33
35
  | value | `string` | `-` | - |
34
36
 
@@ -43,7 +45,7 @@ Whether to always show a hint.
43
45
  - Type: `boolean`
44
46
  - Default: `false`
45
47
 
46
- #### autoFocus
48
+ #### auto-focus
47
49
 
48
50
  **Deprecated**: Use the native `autofocus` attribute instead.
49
51
 
@@ -66,7 +68,7 @@ Renders the field in a disabled state.
66
68
  - Type: `boolean`
67
69
  - Default: `false`
68
70
 
69
- #### helpText
71
+ #### help-text
70
72
 
71
73
  The content displayed as the help text. Paired with `invalid` to show the text as a validation error.
72
74
 
@@ -110,7 +112,7 @@ Whether to show optional text
110
112
  - Type: `boolean`
111
113
  - Default: `false`
112
114
 
113
- #### readOnly
115
+ #### read-only
114
116
 
115
117
  **Deprecated**: Use the native readonly attribute instead.
116
118
 
@@ -133,6 +135,12 @@ Renders the field in a readonly state.
133
135
  - Type: `string`
134
136
  - Default: `-`
135
137
 
136
- ### Types
138
+ ### Events
139
+
140
+ #### change
141
+
142
+
143
+
144
+ - Type: `CustomEvent`
145
+
137
146
 
138
- No types documented.