@spectrum-web-components/picker 1.7.0-snapshot.20250519200040 → 1.7.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/README.md +6 -6
- package/package.json +15 -15
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@ An `<sp-picker>` is an alternative to HTML's `<select>` element. Use [`<sp-menu-
|
|
|
6
6
|
|
|
7
7
|
[](https://www.npmjs.com/package/@spectrum-web-components/picker)
|
|
8
8
|
[](https://bundlephobia.com/result?p=@spectrum-web-components/picker)
|
|
9
|
-
[](https://stackblitz.com/edit/vitejs-vite-oq2r4cet)
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
12
|
yarn add @spectrum-web-components/picker
|
|
@@ -600,8 +600,8 @@ On mobile, the menu can be exposed in either a `sp-popover` or `sp-tray`. By def
|
|
|
600
600
|
|
|
601
601
|
Usage Guidance:
|
|
602
602
|
|
|
603
|
-
-
|
|
604
|
-
-
|
|
603
|
+
- Use a tray when a menu’s proximity to its trigger is considered to be less important to the experience, or for showing a volume of content that is too overwhelming for a popover.
|
|
604
|
+
- Use a popover when a menu’s proximity to its trigger is considered to be important to the experience, or for showing a volume of content that is manageable for a popover.
|
|
605
605
|
|
|
606
606
|
To see this functionality in action, load this page from your mobile device or use Chrome DevTools (or equivalent) and select a mobile device once the Device Toolbar (the phone/tablet icon) is active.
|
|
607
607
|
|
|
@@ -633,9 +633,9 @@ Every picker should have a label. A picker without a label is ambiguous and not
|
|
|
633
633
|
|
|
634
634
|
A picker’s description in the help text can communicate what to select or how to select an option. This includes information such as:
|
|
635
635
|
|
|
636
|
-
-
|
|
637
|
-
-
|
|
638
|
-
-
|
|
636
|
+
- An overall description of the picker options
|
|
637
|
+
- Hints for what kind of information to choose
|
|
638
|
+
- More context for why a user needs to make a selection
|
|
639
639
|
|
|
640
640
|
The help text’s message should not simply restate the same information in the label in order to prompt someone to interact with a picker. Don’t add help text to maintain layout continuity with other inputs that require help text if it isn’t actually relevant or meaningful to a user.
|
|
641
641
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/picker",
|
|
3
|
-
"version": "1.7.0
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -88,20 +88,20 @@
|
|
|
88
88
|
"css"
|
|
89
89
|
],
|
|
90
90
|
"dependencies": {
|
|
91
|
-
"@spectrum-web-components/base": "1.7.0
|
|
92
|
-
"@spectrum-web-components/button": "1.7.0
|
|
93
|
-
"@spectrum-web-components/field-label": "1.7.0
|
|
94
|
-
"@spectrum-web-components/icon": "1.7.0
|
|
95
|
-
"@spectrum-web-components/icons-ui": "1.7.0
|
|
96
|
-
"@spectrum-web-components/icons-workflow": "1.7.0
|
|
97
|
-
"@spectrum-web-components/menu": "1.7.0
|
|
98
|
-
"@spectrum-web-components/overlay": "1.7.0
|
|
99
|
-
"@spectrum-web-components/popover": "1.7.0
|
|
100
|
-
"@spectrum-web-components/progress-circle": "1.7.0
|
|
101
|
-
"@spectrum-web-components/reactive-controllers": "1.7.0
|
|
102
|
-
"@spectrum-web-components/shared": "1.7.0
|
|
103
|
-
"@spectrum-web-components/tooltip": "1.7.0
|
|
104
|
-
"@spectrum-web-components/tray": "1.7.0
|
|
91
|
+
"@spectrum-web-components/base": "1.7.0",
|
|
92
|
+
"@spectrum-web-components/button": "1.7.0",
|
|
93
|
+
"@spectrum-web-components/field-label": "1.7.0",
|
|
94
|
+
"@spectrum-web-components/icon": "1.7.0",
|
|
95
|
+
"@spectrum-web-components/icons-ui": "1.7.0",
|
|
96
|
+
"@spectrum-web-components/icons-workflow": "1.7.0",
|
|
97
|
+
"@spectrum-web-components/menu": "1.7.0",
|
|
98
|
+
"@spectrum-web-components/overlay": "1.7.0",
|
|
99
|
+
"@spectrum-web-components/popover": "1.7.0",
|
|
100
|
+
"@spectrum-web-components/progress-circle": "1.7.0",
|
|
101
|
+
"@spectrum-web-components/reactive-controllers": "1.7.0",
|
|
102
|
+
"@spectrum-web-components/shared": "1.7.0",
|
|
103
|
+
"@spectrum-web-components/tooltip": "1.7.0",
|
|
104
|
+
"@spectrum-web-components/tray": "1.7.0"
|
|
105
105
|
},
|
|
106
106
|
"types": "./src/index.d.ts",
|
|
107
107
|
"customElements": "custom-elements.json",
|