fix(picker): correct implementation of "disabled", expand stories and documentation

[Westbrook]

Description

• prevent [disabled] Picker from opening
• test to confirm
• add [disabled] story to confirm
• expand to leverage template.ts and args.ts to populate interactive documentation page

Related issue(s)

• fixes [Bug]: Picker SWC cannot be disabled on Chrome #4033

How has this been tested?

• Test case 1
  1. Go here
  2. Toggle the demo at the top of the page to disabled===true
  3. Attempt to open the picker by clicking on it.
  4. See that it does not open

Types of changes

• Bug fix (non-breaking change which fixes an issue)

Checklist

• I have signed the Adobe Open Source CLA.
• My code follows the code style of this project.
• If my change required a change to the documentation, I have updated the documentation in this pull request.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[github-actions]

Branch preview

• Documentation Site
• Storybook

Visual regression test results

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

• High Contrast Mode | Medium | LTR
• Classic | Lightest | Medium | LTR
• Classic | Lightest | Medium | RTL
• Classic | Lightest | Large | LTR
• Classic | Lightest | Large | RTL
• Classic | Light | Medium | LTR
• Classic | Light | Medium | RTL
• Classic | Light | Large | LTR
• Classic | Light | Large | RTL
• Classic | Dark | Medium | LTR
• Classic | Dark | Medium | RTL
• Classic | Dark | Large | LTR
• Classic | Dark | Large | RTL
• Classic | Darkest | Medium | LTR
• Classic | Darkest | Medium | RTL
• Classic | Darkest | Large | LTR
• Classic | Darkest | Large | RTL
• Express | Lightest | Medium | LTR
• Express | Lightest | Medium | RTL
• Express | Lightest | Large | LTR
• Express | Lightest | Large | RTL
• Express | Light | Medium | LTR
• Express | Light | Medium | RTL
• Express | Light | Large | LTR
• Express | Light | Large | RTL
• Express | Dark | Medium | LTR
• Express | Dark | Medium | RTL
• Express | Dark | Large | LTR
• Express | Dark | Large | RTL
• Express | Darkest | Medium | LTR
• Express | Darkest | Medium | RTL
• Express | Darkest | Large | LTR
• Express | Darkest | Large | RTL

[github-actions]

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.93	0.93	0.97
Accessibility	1	1	1
Best Practices	1	1	1
SEO	1	0.92	0.92
PWA	1	1	1

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

[github-actions]

Tachometer results

Chrome

action-menu permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	655 kB	171.40ms - 178.15ms	-	unsure 🔍 -3% - +3% -5.22ms - +5.04ms
branch	647 kB	171.00ms - 178.73ms	unsure 🔍 -3% - +3% -5.04ms - +5.22ms	-

picker permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	518 kB	615.87ms - 626.96ms	-	unsure 🔍 -1% - +1% -7.41ms - +7.65ms
branch	509 kB	616.19ms - 626.39ms	unsure 🔍 -1% - +1% -7.65ms - +7.41ms	-

split-button permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	721 kB	1858.79ms - 1861.99ms	-	unsure 🔍 -0% - +0% -2.27ms - +2.01ms
branch	713 kB	1859.10ms - 1861.94ms	unsure 🔍 -0% - +0% -2.01ms - +2.27ms	-

Firefox

action-menu permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	655 kB	336.68ms - 346.60ms	-	unsure 🔍 -2% - +2% -8.15ms - +7.87ms
branch	647 kB	335.49ms - 348.07ms	unsure 🔍 -2% - +2% -7.87ms - +8.15ms	-

picker permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	518 kB	1031.27ms - 1041.53ms	-	unsure 🔍 -2% - +1% -18.01ms - +13.29ms
branch	509 kB	1023.97ms - 1053.55ms	unsure 🔍 -1% - +2% -13.29ms - +18.01ms	-

split-button permalink

Version	Bytes	Avg Time	vs remote	vs branch
npm latest	721 kB	1569.44ms - 1573.00ms	-	unsure 🔍 -0% - +0% -1.27ms - +3.99ms
branch	713 kB	1567.92ms - 1571.80ms	unsure 🔍 -0% - +0% -3.99ms - +1.27ms	-

[najikahalsema]

Looks great! Thank you for making this change.