feat(tokens): add app frame side nav tokens

marissahuysentruyt · marissahuysentruyt · commit 630e96113ef0 · 2025-07-01T13:56:25.000-04:00
diff --git a/tokens/custom/large-vars.css b/tokens/custom/large-vars.css
@@ -138,4 +138,10 @@
 	--spectrum-field-edge-to-icon-100: 9px;
 	--spectrum-field-edge-to-icon-200: 11px;
 	--spectrum-field-edge-to-icon-300: 14px;
+
+	/* To-do: For app frame demo purposes only;
+		would not convert to SWC. Would need a token.
+		This value is just a guesstimate. */
+		--spectrum-app-side-nav-min-inline-size-expanded: 160px;
+		--spectrum-app-side-nav-min-inline-size-minimized: 64px;
 }
diff --git a/tokens/custom/medium-vars.css b/tokens/custom/medium-vars.css
@@ -136,4 +136,8 @@
 	--spectrum-field-edge-to-icon-100: 5px;
 	--spectrum-field-edge-to-icon-200: 6px;
 	--spectrum-field-edge-to-icon-300: 10px;
+
+	/* To-do: For app frame demo purposes only. This token is not in the design spec. */
+	--spectrum-app-side-nav-min-inline-size-expanded: 140px;
+	--spectrum-app-side-nav-min-inline-size-minimized: 56px;
 }

Original file line number	Diff line number	Diff line change
`@@ -136,4 +136,8 @@`
`136`	`136`	`--spectrum-field-edge-to-icon-100: 5px;`
`137`	`137`	`--spectrum-field-edge-to-icon-200: 6px;`
`138`	`138`	`--spectrum-field-edge-to-icon-300: 10px;`
	`139`	`+`
	`140`	`+ /* To-do: For app frame demo purposes only. This token is not in the design spec. */`
	`141`	`+ --spectrum-app-side-nav-min-inline-size-expanded: 140px;`
	`142`	`+ --spectrum-app-side-nav-min-inline-size-minimized: 56px;`
`139`	`143`	`}`