diff --git a/.changeset/plenty-trees-act.md b/.changeset/plenty-trees-act.md
new file mode 100644
index 00000000000..793194dceab
--- /dev/null
+++ b/.changeset/plenty-trees-act.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/preview": patch
+---
+
+Updates the tags used by the stories in the "Foundations" documentation, so hidden stories remain hidden on the sidebar.
diff --git a/.storybook/foundations/corner-rounding/action-button-corner-rounding.stories.js b/.storybook/foundations/corner-rounding/action-button-corner-rounding.stories.js
index 3903c4b6d41..c944ca467ab 100644
--- a/.storybook/foundations/corner-rounding/action-button-corner-rounding.stories.js
+++ b/.storybook/foundations/corner-rounding/action-button-corner-rounding.stories.js
@@ -14,7 +14,7 @@ export default {
 			handles: ["click .spectrum-ActionButton:not([disabled])"],
 		},
 	},
-	tags: ['foundation'],
+	tags: ['!dev'],
 };
 
 const ActionButton = (args, context) => html`
diff --git a/.storybook/foundations/corner-rounding/checkbox-corner-rounding.stories.js b/.storybook/foundations/corner-rounding/checkbox-corner-rounding.stories.js
index 8f86e535d71..96aa3ce69c4 100644
--- a/.storybook/foundations/corner-rounding/checkbox-corner-rounding.stories.js
+++ b/.storybook/foundations/corner-rounding/checkbox-corner-rounding.stories.js
@@ -15,14 +15,10 @@ export default {
 			handles: ['click input[type="checkbox"]'],
 		},
 	},
-	tags: ['foundation'],
+	tags: ['!dev'],
 };
 
-const Checkbox = ({
-	customStyles = {},
-	isChecked = false,
-	...args
-} = {}, context = {}) => html`
+const Checkbox = (args = {}, context = {}) => html`
 	<div style="padding: 1rem 0;">
 		${Template({ ...args, iconName: undefined }, context)}
 	</div>
diff --git a/.storybook/foundations/corner-rounding/corner-rounding.stories.js b/.storybook/foundations/corner-rounding/corner-rounding.stories.js
index f413dbccff1..1080abdf4d3 100644
--- a/.storybook/foundations/corner-rounding/corner-rounding.stories.js
+++ b/.storybook/foundations/corner-rounding/corner-rounding.stories.js
@@ -10,10 +10,10 @@ export default {
 	args: {
 		rootClass: "spectrum-Foundations-Example-CornerRounding",
 	},
-	tags: ["foundation"],
+	tags: ["!dev"],
 };
 
-const CornerRadiusGroup = ({ customStyles = {}, ...args }, context) => html`
+const CornerRadiusGroup = (args = {}, context = {}) => html`
 	<div>
 		<table class="spectrum-Foundations-Example-CornerRounding-table">
 			<thead>
diff --git a/.storybook/foundations/down-state/button-down-state.stories.js b/.storybook/foundations/down-state/button-down-state.stories.js
index 2f4f0d6e39e..0d85100133e 100644
--- a/.storybook/foundations/down-state/button-down-state.stories.js
+++ b/.storybook/foundations/down-state/button-down-state.stories.js
@@ -13,7 +13,7 @@ export default {
 			handles: ["click .spectrum-Button"],
 		},
 	},
-	tags: ["foundation"],
+	tags: ["!dev"],
 };
 
 export const ButtonDownState = Template.bind({});
diff --git a/.storybook/foundations/down-state/checkbox-down-state.stories.js b/.storybook/foundations/down-state/checkbox-down-state.stories.js
index 039b99faf20..88ca9f3a5d9 100644
--- a/.storybook/foundations/down-state/checkbox-down-state.stories.js
+++ b/.storybook/foundations/down-state/checkbox-down-state.stories.js
@@ -13,7 +13,7 @@ export default {
 			handles: ["click input[type=\"checkbox\"]"],
 		},
 	},
-	tags: ["foundation"],
+	tags: ["!dev"],
 };
 
 export const CheckboxDownState = Template.bind({});
diff --git a/.storybook/foundations/drop-shadow/drop-shadow.stories.js b/.storybook/foundations/drop-shadow/drop-shadow.stories.js
index 2c85a1d7169..6d936af9411 100644
--- a/.storybook/foundations/drop-shadow/drop-shadow.stories.js
+++ b/.storybook/foundations/drop-shadow/drop-shadow.stories.js
@@ -7,7 +7,7 @@ export default {
 	description:
 		"Drop shadows draw attention and give the appearance of depth. By default, this style is used to show elevation, when content appears on top of other content.",
 	component: "Drop shadow",
-	tags: ["foundation"],
+	tags: ["!dev"],
 };
 
 const DropShadowSwatch = ({
@@ -19,9 +19,9 @@ const DropShadowSwatch = ({
 			class=${classMap({
 				[rootClass]: true,
 				[`${rootClass}--${variant}-drop-shadow`]:
-					typeof variant !== undefined && !!isDropShadow,
+					typeof variant !== "undefined" && !!isDropShadow,
 				[`${rootClass}--${variant}-box-shadow`]:
-					typeof variant !== undefined && !isDropShadow,
+					typeof variant !== "undefined" && !isDropShadow,
 			})}
 		></div>
 `;