chore: Update SelectPanel stories width and height (#5746)

Co-authored-by: francinelucca <[email protected]>
primer · Mar 8, 2025 · 6979d25 · 6979d25
1 parent 9d78410
commit 6979d25
Show file tree

Hide file tree

Showing 149 changed files with 11 additions and 3 deletions.
diff --git a/...ctPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-colorblind-linux.png b/...ctPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-colorblind-linux.png
diff --git a/.../SelectPanel-Above-Tall-Body-dark-colorblind-modern-action-list--true-linux.png b/.../SelectPanel-Above-Tall-Body-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-dimmed-linux.png b/...SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-dimmed-linux.png
diff --git a/...hots/SelectPanel-Above-Tall-Body-dark-dimmed-modern-action-list--true-linux.png b/...hots/SelectPanel-Above-Tall-Body-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...anel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-high-contrast-linux.png b/...anel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-high-contrast-linux.png
diff --git a/...lectPanel-Above-Tall-Body-dark-high-contrast-modern-action-list--true-linux.png b/...lectPanel-Above-Tall-Body-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...onents/SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-linux.png b/...onents/SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-linux.png
diff --git a/...s-snapshots/SelectPanel-Above-Tall-Body-dark-modern-action-list--true-linux.png b/...s-snapshots/SelectPanel-Above-Tall-Body-dark-modern-action-list--true-linux.png
diff --git a/...ctPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-tritanopia-linux.png b/...ctPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-dark-tritanopia-linux.png
diff --git a/.../SelectPanel-Above-Tall-Body-dark-tritanopia-modern-action-list--true-linux.png b/.../SelectPanel-Above-Tall-Body-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-colorblind-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-colorblind-linux.png
diff --git a/...SelectPanel-Above-Tall-Body-light-colorblind-modern-action-list--true-linux.png b/...SelectPanel-Above-Tall-Body-light-colorblind-modern-action-list--true-linux.png
diff --git a/...nel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-high-contrast-linux.png b/...nel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-high-contrast-linux.png
diff --git a/...ectPanel-Above-Tall-Body-light-high-contrast-modern-action-list--true-linux.png b/...ectPanel-Above-Tall-Body-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...nents/SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-linux.png b/...nents/SelectPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-linux.png
diff --git a/...-snapshots/SelectPanel-Above-Tall-Body-light-modern-action-list--true-linux.png b/...-snapshots/SelectPanel-Above-Tall-Body-light-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-tritanopia-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-Above-Tall-Body-light-tritanopia-linux.png
diff --git a/...SelectPanel-Above-Tall-Body-light-tritanopia-modern-action-list--true-linux.png b/...SelectPanel-Above-Tall-Body-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...nts/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-colorblind-linux.png b/...nts/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-colorblind-linux.png
diff --git a/...napshots/SelectPanel-Default-dark-colorblind-modern-action-list--true-linux.png b/...napshots/SelectPanel-Default-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...ponents/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-dimmed-linux.png b/...ponents/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-dimmed-linux.png
diff --git a/...ts-snapshots/SelectPanel-Default-dark-dimmed-modern-action-list--true-linux.png b/...ts-snapshots/SelectPanel-Default-dark-dimmed-modern-action-list--true-linux.png
diff --git a/.../SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-high-contrast-linux.png b/.../SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-high-contrast-linux.png
diff --git a/...shots/SelectPanel-Default-dark-high-contrast-modern-action-list--true-linux.png b/...shots/SelectPanel-Default-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...ots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-linux.png b/...ots/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-linux.png
diff --git a/...l.test.ts-snapshots/SelectPanel-Default-dark-modern-action-list--true-linux.png b/...l.test.ts-snapshots/SelectPanel-Default-dark-modern-action-list--true-linux.png
diff --git a/...nts/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-tritanopia-linux.png b/...nts/SelectPanel.test.ts-snapshots/SelectPanel-Default-dark-tritanopia-linux.png
diff --git a/...napshots/SelectPanel-Default-dark-tritanopia-modern-action-list--true-linux.png b/...napshots/SelectPanel-Default-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...shots/SelectPanel-Default-forced-colors-dark-modern-action-list--true-linux.png b/...shots/SelectPanel-Default-forced-colors-dark-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-Default-forced-colors-light-modern-action-list--true-linux.png b/...hots/SelectPanel-Default-forced-colors-light-modern-action-list--true-linux.png
diff --git a/...ts/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-colorblind-linux.png b/...ts/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-colorblind-linux.png
diff --git a/...apshots/SelectPanel-Default-light-colorblind-modern-action-list--true-linux.png b/...apshots/SelectPanel-Default-light-colorblind-modern-action-list--true-linux.png
diff --git a/...SelectPanel.test.ts-snapshots/SelectPanel-Default-light-high-contrast-linux.png b/...SelectPanel.test.ts-snapshots/SelectPanel-Default-light-high-contrast-linux.png
diff --git a/...hots/SelectPanel-Default-light-high-contrast-modern-action-list--true-linux.png b/...hots/SelectPanel-Default-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...ts/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-linux.png b/...ts/components/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-Default-light-modern-action-list--true-linux.png b/....test.ts-snapshots/SelectPanel-Default-light-modern-action-list--true-linux.png
diff --git a/...ts/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-tritanopia-linux.png b/...ts/SelectPanel.test.ts-snapshots/SelectPanel-Default-light-tritanopia-linux.png
diff --git a/...apshots/SelectPanel-Default-light-tritanopia-modern-action-list--true-linux.png b/...apshots/SelectPanel-Default-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...ctPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-colorblind-linux.png b/...ctPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-colorblind-linux.png
diff --git a/.../SelectPanel-External-Anchor-dark-colorblind-modern-action-list--true-linux.png b/.../SelectPanel-External-Anchor-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-dimmed-linux.png b/...SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-dimmed-linux.png
diff --git a/...hots/SelectPanel-External-Anchor-dark-dimmed-modern-action-list--true-linux.png b/...hots/SelectPanel-External-Anchor-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...anel.test.ts-snapshots/SelectPanel-External-Anchor-dark-high-contrast-linux.png b/...anel.test.ts-snapshots/SelectPanel-External-Anchor-dark-high-contrast-linux.png
diff --git a/...lectPanel-External-Anchor-dark-high-contrast-modern-action-list--true-linux.png b/...lectPanel-External-Anchor-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...onents/SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-linux.png b/...onents/SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-linux.png
diff --git a/...s-snapshots/SelectPanel-External-Anchor-dark-modern-action-list--true-linux.png b/...s-snapshots/SelectPanel-External-Anchor-dark-modern-action-list--true-linux.png
diff --git a/...ctPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-tritanopia-linux.png b/...ctPanel.test.ts-snapshots/SelectPanel-External-Anchor-dark-tritanopia-linux.png
diff --git a/.../SelectPanel-External-Anchor-dark-tritanopia-modern-action-list--true-linux.png b/.../SelectPanel-External-Anchor-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-colorblind-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-colorblind-linux.png
diff --git a/...SelectPanel-External-Anchor-light-colorblind-modern-action-list--true-linux.png b/...SelectPanel-External-Anchor-light-colorblind-modern-action-list--true-linux.png
diff --git a/...nel.test.ts-snapshots/SelectPanel-External-Anchor-light-high-contrast-linux.png b/...nel.test.ts-snapshots/SelectPanel-External-Anchor-light-high-contrast-linux.png
diff --git a/...ectPanel-External-Anchor-light-high-contrast-modern-action-list--true-linux.png b/...ectPanel-External-Anchor-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...nents/SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-linux.png b/...nents/SelectPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-linux.png
diff --git a/...-snapshots/SelectPanel-External-Anchor-light-modern-action-list--true-linux.png b/...-snapshots/SelectPanel-External-Anchor-light-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-tritanopia-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-External-Anchor-light-tritanopia-linux.png
diff --git a/...SelectPanel-External-Anchor-light-tritanopia-modern-action-list--true-linux.png b/...SelectPanel-External-Anchor-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...lectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-colorblind-linux.png b/...lectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-colorblind-linux.png
diff --git a/...ts/SelectPanel-Single-Select-dark-colorblind-modern-action-list--true-linux.png b/...ts/SelectPanel-Single-Select-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...s/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-dimmed-linux.png b/...s/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-dimmed-linux.png
diff --git a/...pshots/SelectPanel-Single-Select-dark-dimmed-modern-action-list--true-linux.png b/...pshots/SelectPanel-Single-Select-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-high-contrast-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-high-contrast-linux.png
diff --git a/...SelectPanel-Single-Select-dark-high-contrast-modern-action-list--true-linux.png b/...SelectPanel-Single-Select-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...mponents/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-linux.png b/...mponents/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-linux.png
diff --git a/....ts-snapshots/SelectPanel-Single-Select-dark-modern-action-list--true-linux.png b/....ts-snapshots/SelectPanel-Single-Select-dark-modern-action-list--true-linux.png
diff --git a/...lectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-tritanopia-linux.png b/...lectPanel.test.ts-snapshots/SelectPanel-Single-Select-dark-tritanopia-linux.png
diff --git a/...ts/SelectPanel-Single-Select-dark-tritanopia-modern-action-list--true-linux.png b/...ts/SelectPanel-Single-Select-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...ectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-colorblind-linux.png b/...ectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-colorblind-linux.png
diff --git a/...s/SelectPanel-Single-Select-light-colorblind-modern-action-list--true-linux.png b/...s/SelectPanel-Single-Select-light-colorblind-modern-action-list--true-linux.png
diff --git a/...Panel.test.ts-snapshots/SelectPanel-Single-Select-light-high-contrast-linux.png b/...Panel.test.ts-snapshots/SelectPanel-Single-Select-light-high-contrast-linux.png
diff --git a/...electPanel-Single-Select-light-high-contrast-modern-action-list--true-linux.png b/...electPanel-Single-Select-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...ponents/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-linux.png b/...ponents/SelectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-linux.png
diff --git a/...ts-snapshots/SelectPanel-Single-Select-light-modern-action-list--true-linux.png b/...ts-snapshots/SelectPanel-Single-Select-light-modern-action-list--true-linux.png
diff --git a/...ectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-tritanopia-linux.png b/...ectPanel.test.ts-snapshots/SelectPanel-Single-Select-light-tritanopia-linux.png
diff --git a/...s/SelectPanel-Single-Select-light-tritanopia-modern-action-list--true-linux.png b/...s/SelectPanel-Single-Select-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...anel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-colorblind-linux.png b/...anel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-colorblind-linux.png
diff --git a/...lectPanel-With-Item-Dividers-dark-colorblind-modern-action-list--true-linux.png b/...lectPanel-With-Item-Dividers-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...ectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-dimmed-linux.png b/...ectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-dimmed-linux.png
diff --git a/...s/SelectPanel-With-Item-Dividers-dark-dimmed-modern-action-list--true-linux.png b/...s/SelectPanel-With-Item-Dividers-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...l.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-high-contrast-linux.png b/...l.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-high-contrast-linux.png
diff --git a/...tPanel-With-Item-Dividers-dark-high-contrast-modern-action-list--true-linux.png b/...tPanel-With-Item-Dividers-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...nts/SelectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-linux.png b/...nts/SelectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-linux.png
diff --git a/...napshots/SelectPanel-With-Item-Dividers-dark-modern-action-list--true-linux.png b/...napshots/SelectPanel-With-Item-Dividers-dark-modern-action-list--true-linux.png
diff --git a/...anel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-tritanopia-linux.png b/...anel.test.ts-snapshots/SelectPanel-With-Item-Dividers-dark-tritanopia-linux.png
diff --git a/...lectPanel-With-Item-Dividers-dark-tritanopia-modern-action-list--true-linux.png b/...lectPanel-With-Item-Dividers-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...nel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-colorblind-linux.png b/...nel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-colorblind-linux.png
diff --git a/...ectPanel-With-Item-Dividers-light-colorblind-modern-action-list--true-linux.png b/...ectPanel-With-Item-Dividers-light-colorblind-modern-action-list--true-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-With-Item-Dividers-light-high-contrast-linux.png b/....test.ts-snapshots/SelectPanel-With-Item-Dividers-light-high-contrast-linux.png
diff --git a/...Panel-With-Item-Dividers-light-high-contrast-modern-action-list--true-linux.png b/...Panel-With-Item-Dividers-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...ts/SelectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-linux.png b/...ts/SelectPanel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-linux.png
diff --git a/...apshots/SelectPanel-With-Item-Dividers-light-modern-action-list--true-linux.png b/...apshots/SelectPanel-With-Item-Dividers-light-modern-action-list--true-linux.png
diff --git a/...nel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-tritanopia-linux.png b/...nel.test.ts-snapshots/SelectPanel-With-Item-Dividers-light-tritanopia-linux.png
diff --git a/...ectPanel-With-Item-Dividers-light-tritanopia-modern-action-list--true-linux.png b/...ectPanel-With-Item-Dividers-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...l.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-colorblind-linux.png b/...l.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-colorblind-linux.png
diff --git a/...tPanel-With-Label-Internally-dark-colorblind-modern-action-list--true-linux.png b/...tPanel-With-Label-Internally-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...Panel.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-dimmed-linux.png b/...Panel.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-dimmed-linux.png
diff --git a/...electPanel-With-Label-Internally-dark-dimmed-modern-action-list--true-linux.png b/...electPanel-With-Label-Internally-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...est.ts-snapshots/SelectPanel-With-Label-Internally-dark-high-contrast-linux.png b/...est.ts-snapshots/SelectPanel-With-Label-Internally-dark-high-contrast-linux.png
diff --git a/...nel-With-Label-Internally-dark-high-contrast-modern-action-list--true-linux.png b/...nel-With-Label-Internally-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/.../SelectPanel.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-linux.png b/.../SelectPanel.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-linux.png
diff --git a/...shots/SelectPanel-With-Label-Internally-dark-modern-action-list--true-linux.png b/...shots/SelectPanel-With-Label-Internally-dark-modern-action-list--true-linux.png
diff --git a/...l.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-tritanopia-linux.png b/...l.test.ts-snapshots/SelectPanel-With-Label-Internally-dark-tritanopia-linux.png
diff --git a/...tPanel-With-Label-Internally-dark-tritanopia-modern-action-list--true-linux.png b/...tPanel-With-Label-Internally-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-With-Label-Internally-light-colorblind-linux.png b/....test.ts-snapshots/SelectPanel-With-Label-Internally-light-colorblind-linux.png
diff --git a/...Panel-With-Label-Internally-light-colorblind-modern-action-list--true-linux.png b/...Panel-With-Label-Internally-light-colorblind-modern-action-list--true-linux.png
diff --git a/...st.ts-snapshots/SelectPanel-With-Label-Internally-light-high-contrast-linux.png b/...st.ts-snapshots/SelectPanel-With-Label-Internally-light-high-contrast-linux.png
diff --git a/...el-With-Label-Internally-light-high-contrast-modern-action-list--true-linux.png b/...el-With-Label-Internally-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...SelectPanel.test.ts-snapshots/SelectPanel-With-Label-Internally-light-linux.png b/...SelectPanel.test.ts-snapshots/SelectPanel-With-Label-Internally-light-linux.png
diff --git a/...hots/SelectPanel-With-Label-Internally-light-modern-action-list--true-linux.png b/...hots/SelectPanel-With-Label-Internally-light-modern-action-list--true-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-With-Label-Internally-light-tritanopia-linux.png b/....test.ts-snapshots/SelectPanel-With-Label-Internally-light-tritanopia-linux.png
diff --git a/...Panel-With-Label-Internally-light-tritanopia-modern-action-list--true-linux.png b/...Panel-With-Label-Internally-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...t.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-colorblind-linux.png b/...t.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-colorblind-linux.png
diff --git a/...l-With-Label-Visually-Hidden-dark-colorblind-modern-action-list--true-linux.png b/...l-With-Label-Visually-Hidden-dark-colorblind-modern-action-list--true-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-dimmed-linux.png b/....test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-dimmed-linux.png
diff --git a/...Panel-With-Label-Visually-Hidden-dark-dimmed-modern-action-list--true-linux.png b/...Panel-With-Label-Visually-Hidden-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...s-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-high-contrast-linux.png b/...s-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-high-contrast-linux.png
diff --git a/...ith-Label-Visually-Hidden-dark-high-contrast-modern-action-list--true-linux.png b/...ith-Label-Visually-Hidden-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...ctPanel.test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-linux.png b/...ctPanel.test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-linux.png
diff --git a/.../SelectPanel-With-Label-Visually-Hidden-dark-modern-action-list--true-linux.png b/.../SelectPanel-With-Label-Visually-Hidden-dark-modern-action-list--true-linux.png
diff --git a/...t.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-tritanopia-linux.png b/...t.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-dark-tritanopia-linux.png
diff --git a/...l-With-Label-Visually-Hidden-dark-tritanopia-modern-action-list--true-linux.png b/...l-With-Label-Visually-Hidden-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/....ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-colorblind-linux.png b/....ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-colorblind-linux.png
diff --git a/...-With-Label-Visually-Hidden-light-colorblind-modern-action-list--true-linux.png b/...-With-Label-Visually-Hidden-light-colorblind-modern-action-list--true-linux.png
diff --git a/...-snapshots/SelectPanel-With-Label-Visually-Hidden-light-high-contrast-linux.png b/...-snapshots/SelectPanel-With-Label-Visually-Hidden-light-high-contrast-linux.png
diff --git a/...th-Label-Visually-Hidden-light-high-contrast-modern-action-list--true-linux.png b/...th-Label-Visually-Hidden-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...tPanel.test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-linux.png b/...tPanel.test.ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-linux.png
diff --git a/...SelectPanel-With-Label-Visually-Hidden-light-modern-action-list--true-linux.png b/...SelectPanel-With-Label-Visually-Hidden-light-modern-action-list--true-linux.png
diff --git a/....ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-tritanopia-linux.png b/....ts-snapshots/SelectPanel-With-Label-Visually-Hidden-light-tritanopia-linux.png
diff --git a/...-With-Label-Visually-Hidden-light-tritanopia-modern-action-list--true-linux.png b/...-With-Label-Visually-Hidden-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...apshots/SelectPanel-With-Placeholder-for-Search-Input-dark-colorblind-linux.png b/...apshots/SelectPanel-With-Placeholder-for-Search-Input-dark-colorblind-linux.png
diff --git a/...Placeholder-for-Search-Input-dark-colorblind-modern-action-list--true-linux.png b/...Placeholder-for-Search-Input-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...s-snapshots/SelectPanel-With-Placeholder-for-Search-Input-dark-dimmed-linux.png b/...s-snapshots/SelectPanel-With-Placeholder-for-Search-Input-dark-dimmed-linux.png
diff --git a/...ith-Placeholder-for-Search-Input-dark-dimmed-modern-action-list--true-linux.png b/...ith-Placeholder-for-Search-Input-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-With-Placeholder-for-Search-Input-dark-high-contrast-linux.png b/...hots/SelectPanel-With-Placeholder-for-Search-Input-dark-high-contrast-linux.png
diff --git a/...ceholder-for-Search-Input-dark-high-contrast-modern-action-list--true-linux.png b/...ceholder-for-Search-Input-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/....test.ts-snapshots/SelectPanel-With-Placeholder-for-Search-Input-dark-linux.png b/....test.ts-snapshots/SelectPanel-With-Placeholder-for-Search-Input-dark-linux.png
diff --git a/...Panel-With-Placeholder-for-Search-Input-dark-modern-action-list--true-linux.png b/...Panel-With-Placeholder-for-Search-Input-dark-modern-action-list--true-linux.png
diff --git a/...apshots/SelectPanel-With-Placeholder-for-Search-Input-dark-tritanopia-linux.png b/...apshots/SelectPanel-With-Placeholder-for-Search-Input-dark-tritanopia-linux.png
diff --git a/...Placeholder-for-Search-Input-dark-tritanopia-modern-action-list--true-linux.png b/...Placeholder-for-Search-Input-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...pshots/SelectPanel-With-Placeholder-for-Search-Input-light-colorblind-linux.png b/...pshots/SelectPanel-With-Placeholder-for-Search-Input-light-colorblind-linux.png
diff --git a/...laceholder-for-Search-Input-light-colorblind-modern-action-list--true-linux.png b/...laceholder-for-Search-Input-light-colorblind-modern-action-list--true-linux.png
diff --git a/...ots/SelectPanel-With-Placeholder-for-Search-Input-light-high-contrast-linux.png b/...ots/SelectPanel-With-Placeholder-for-Search-Input-light-high-contrast-linux.png
diff --git a/...eholder-for-Search-Input-light-high-contrast-modern-action-list--true-linux.png b/...eholder-for-Search-Input-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...test.ts-snapshots/SelectPanel-With-Placeholder-for-Search-Input-light-linux.png b/...test.ts-snapshots/SelectPanel-With-Placeholder-for-Search-Input-light-linux.png
diff --git a/...anel-With-Placeholder-for-Search-Input-light-modern-action-list--true-linux.png b/...anel-With-Placeholder-for-Search-Input-light-modern-action-list--true-linux.png
diff --git a/...pshots/SelectPanel-With-Placeholder-for-Search-Input-light-tritanopia-linux.png b/...pshots/SelectPanel-With-Placeholder-for-Search-Input-light-tritanopia-linux.png
diff --git a/...laceholder-for-Search-Input-light-tritanopia-modern-action-list--true-linux.png b/...laceholder-for-Search-Input-light-tritanopia-modern-action-list--true-linux.png
diff --git a/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx b/packages/react/src/SelectPanel/SelectPanel.examples.stories.tsx
@@ -228,7 +228,6 @@ export const AboveTallBody = () => {
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
         showItemDividers={true}
-        overlayProps={{width: 'small', height: 'xsmall'}}
       />
       <div
         style={{

diff --git a/packages/react/src/SelectPanel/SelectPanel.features.stories.tsx b/packages/react/src/SelectPanel/SelectPanel.features.stories.tsx
@@ -90,6 +90,7 @@ export const WithItemDividers = () => {
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
         showItemDividers={true}
+        width="medium"
       />
     </FormControl>
   )
@@ -134,6 +135,7 @@ export const WithPlaceholderForSearchInput = () => {
         selected={selected}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
+        width="medium"
       />
     </FormControl>
   )
@@ -169,7 +171,7 @@ export const SingleSelect = () => {
         selected={selected}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
-        overlayProps={{width: 'small', height: 'xsmall'}}
+        width="medium"
       />
     </FormControl>
   )
@@ -213,6 +215,7 @@ export const MultiSelect = () => {
         selected={selected}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
+        width="medium"
       />
     </FormControl>
   )
@@ -254,7 +257,7 @@ export const WithExternalAnchor = () => {
         selected={selectedItemsSortedFirst}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
-        overlayProps={{width: 'small', height: 'xsmall'}}
+        width="medium"
       />
     </FormControl>
   )
@@ -302,6 +305,7 @@ export const WithFooter = () => {
             Edit labels
           </Button>
         }
+        width="medium"
       />
     </FormControl>
   )
@@ -394,6 +398,7 @@ export const WithGroups = () => {
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
         overlayProps={{width: 'large', height: 'xlarge'}}
+        width="medium"
       />
     </FormControl>
   )
@@ -437,6 +442,7 @@ export const WithLabelVisuallyHidden = () => {
         selected={selected}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
+        width="medium"
       />
     </FormControl>
   )
@@ -483,6 +489,7 @@ export const WithLabelInternally = () => {
       selected={selected}
       onSelectedChange={setSelected}
       onFilterChange={setFilter}
+      width="medium"
     />
   )
 }
@@ -534,6 +541,7 @@ export const AsyncFetch: StoryObj<SelectPanelProps> = {
         showItemDividers={true}
         height={height}
         initialLoadingType={initialLoadingType}
+        width="medium"
       />
     )
   },

diff --git a/packages/react/src/SelectPanel/SelectPanel.stories.tsx b/packages/react/src/SelectPanel/SelectPanel.stories.tsx
@@ -100,6 +100,7 @@ export const Default = () => {
         selected={selected}
         onSelectedChange={setSelected}
         onFilterChange={setFilter}
+        width="medium"
       />
     </FormControl>
   )