fix(combobox): corrects cases where open combobx stories and testing previews could overlap adjacent components (#3568)

Author: cdransf

components/combobox/stories/combobox.stories.js

@@ -171,6 +171,11 @@ DefaultGroup.args = Default.args;
 DefaultGroup.tags = ["!dev"];
 DefaultGroup.parameters = {
 	chromatic: { disableSnapshot: true },
+	docs: {
+		story: {
+			height: "360px",
+		},
+	},
 };
 
 export const QuietGroup = VariantGroup.bind({});
@@ -182,6 +187,11 @@ QuietGroup.args = {
 QuietGroup.tags = ["!dev"];
 QuietGroup.parameters = {
 	chromatic: { disableSnapshot: true },
+	docs: {
+		story: {
+			height: "360px",
+		},
+	},
 };
 
 /**

components/combobox/stories/combobox.test.js

@@ -4,9 +4,6 @@ import { Template } from "./template.js";
 export const ComboBoxGroup = Variants({
 	Template,
 	sizeDirection: "row",
-	wrapperStyles: {
-		"align-items": "flex-start",
-	},
 	testData: [
 		{
 			testHeading: "Default",
@@ -20,11 +17,17 @@ export const ComboBoxGroup = Variants({
 		{
 			testHeading: "Open",
 			isOpen: true,
+			wrapperStyles: {
+				"min-block-size": "250px",
+			},
 		},
 		{
 			testHeading: "Quiet + open",
 			isQuiet: true,
 			isOpen: true,
+			wrapperStyles: {
+				"min-block-size": "250px",
+			},
 		},
 		{
 			testHeading: "With field label top",

components/infieldprogresscircle/package.json

@@ -28,7 +28,7 @@
     "@spectrum-css/tokens": ">=16"
   },
   "devDependencies": {
-    "@spectrum-css/tokens": "16.0.0"
+    "@spectrum-css/tokens": "16.0.1"
   },
   "keywords": [
     "design-system",

yarn.lock

@@ -4652,7 +4652,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@spectrum-css/infieldprogresscircle@workspace:components/infieldprogresscircle"
   dependencies:
-    "@spectrum-css/tokens": "npm:16.0.0"
+    "@spectrum-css/tokens": "npm:16.0.1"
   peerDependencies:
     "@spectrum-css/tokens": ">=16"
   peerDependenciesMeta: