From 6a98ebd3172ed0c76c032033b28bfb0b92ad0db8 Mon Sep 17 00:00:00 2001
From: Melissa Thompson <mthompson@heysparkbox.com>
Date: Tue, 19 Mar 2024 14:27:52 -0400
Subject: [PATCH] feat(downstate): docs + implementation for example components
 (#2520)

* feat(downstate): docs + implementation for example components

* docs: update mdx

* docs: reorg, stories live within foundations

* docs: decorator for down state dimension tokens

* docs: fix mdx hierarchy console error

* fix: small iconOnly button gets min perspective

* docs: use markdown, update language

* fix: disabled, readonly checkbox doesnt have down state

* chore(button,checkbox): update package versions
---
 components/button/stories/button.stories.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/button/stories/button.stories.js b/components/button/stories/button.stories.js
index 6d47463f10b..a76ac9316fe 100644
--- a/components/button/stories/button.stories.js
+++ b/components/button/stories/button.stories.js
@@ -2,6 +2,8 @@ import { withDownStateDimensionCapture } from "@spectrum-css/preview/decorators"
 
 import { html } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
+import { when } from "lit/directives/when.js";
+import { withDownStateDimensionCapture } from "../../../.storybook/decorators";
 
 import { default as IconStories } from "@spectrum-css/icon/stories/icon.stories.js";
 import { Template as Typography } from "@spectrum-css/typography/stories/template.js";
@@ -14,6 +16,7 @@ import { Template } from "./template";
 export default {
 	title: "Components/Button",
 	component: "Button",
+	decorators: [withDownStateDimensionCapture('.spectrum-Button:not(:disabled)')],
 	argTypes: {
 		size: {
 			name: "Size",