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

@@ -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",