polymorph-ui-components-mcp 0.5.0 → 0.6.0
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/build/docs/CHANGELOG.md +6 -9
- package/build/docs/Select.md +8 -2
- package/package.json +1 -1
package/build/docs/CHANGELOG.md
CHANGED
|
@@ -2,15 +2,12 @@
|
|
|
2
2
|
based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to
|
|
3
3
|
[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
4
4
|
|
|
5
|
-
## [Unreleased](https://github.com/sinha-sahil/polymorph-ui-components/compare/0.
|
|
6
|
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
|
|
10
|
-
-
|
|
11
|
-
focus return
|
|
12
|
-
- Modal, CommandMenu, Gallery, Sheet: one counted scroll lock
|
|
13
|
-
- Input, InputButton, Button, Pill, Loader: a11y and disabled-state fixes
|
|
5
|
+
## [Unreleased](https://github.com/sinha-sahil/polymorph-ui-components/compare/0.8.0...HEAD)
|
|
6
|
+
|
|
7
|
+
- Select: ariaLabel names the combobox, the search input and the open listbox
|
|
8
|
+
- docs: the prop, an accessibility section and the web component attribute
|
|
9
|
+
|
|
10
|
+
## [0.8.0](https://github.com/sinha-sahil/polymorph-ui-components/compare/0.7.0...0.8.0) - 26 September 2026
|
|
14
11
|
|
|
15
12
|
## [0.7.0](https://github.com/sinha-sahil/polymorph-ui-components/compare/0.6.2...0.7.0) - 27 August 2026
|
|
16
13
|
|
package/build/docs/Select.md
CHANGED
|
@@ -15,7 +15,7 @@ A dropdown selector that supports single and multi-select modes with optional se
|
|
|
15
15
|
];
|
|
16
16
|
</script>
|
|
17
17
|
|
|
18
|
-
<Select {items} placeholder="Pick a fruit" onchange={(val) => console.log(val)} />
|
|
18
|
+
<Select {items} placeholder="Pick a fruit" ariaLabel="Fruit" onchange={(val) => console.log(val)} />
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
### Multi-Select with Search
|
|
@@ -34,6 +34,7 @@ A dropdown selector that supports single and multi-select modes with optional se
|
|
|
34
34
|
| searchable | `boolean` | No | `false` | Enables a text input in the trigger area for filtering items by label. Works in both single and multi-select modes. |
|
|
35
35
|
| placeholder | `string` | No | `''` | Text shown when no item is selected (or in the search input when empty). |
|
|
36
36
|
| disabled | `boolean` | No | `false` | When true, the select is non-interactive, has reduced opacity, and pointer events are disabled. |
|
|
37
|
+
| ariaLabel | `string` | No | - | Accessible name for a select without a visible label, e.g. `"Size"`. Set on the combobox, the search input and the listbox. |
|
|
37
38
|
| testId | `string` | No | - | Value for the `data-pw` attribute on the container element, used for end-to-end testing selectors. |
|
|
38
39
|
| classes | `string` | No | - | CSS class string applied to the component's top-level element. Useful for theming — define classes with CSS variable overrides and pass them to create variant styles. |
|
|
39
40
|
|
|
@@ -137,6 +138,11 @@ These variables style the Pill components shown for selected items in multi-sele
|
|
|
137
138
|
| `--select-pill-padding` | `2px 8px` | padding | Padding inside selected item pills. |
|
|
138
139
|
| `--select-pill-font-size` | `14px` | font-size | Font size of selected item pills. |
|
|
139
140
|
|
|
141
|
+
## Accessibility
|
|
142
|
+
|
|
143
|
+
- The trigger is a `role="combobox"` that controls a `role="listbox"`; the highlighted option is exposed through `aria-activedescendant`.
|
|
144
|
+
- Use `ariaLabel` when there is no visible label; a placeholder alone is not an accessible name.
|
|
145
|
+
|
|
140
146
|
## Type Reference
|
|
141
147
|
|
|
142
148
|
Custom types used by this component's props and events:
|
|
@@ -161,7 +167,7 @@ This component uses the following library components internally:
|
|
|
161
167
|
Tag: `<pui-select>`
|
|
162
168
|
|
|
163
169
|
```html
|
|
164
|
-
<pui-select placeholder="Pick a fruit"></pui-select>
|
|
170
|
+
<pui-select placeholder="Pick a fruit" aria-label="Fruit"></pui-select>
|
|
165
171
|
|
|
166
172
|
<script>
|
|
167
173
|
const el = document.querySelector('pui-select');
|
package/package.json
CHANGED