chore: remove darkest as SB option (#2679)

adobe · Apr 19, 2024 · 9931a8e · 9931a8e
1 parent 3c0628b
commit 9931a8e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/.storybook/decorators/contextsWrapper.js b/.storybook/decorators/contextsWrapper.js
@@ -27,15 +27,15 @@ export const withContextWrapper = makeDecorator({
 		/** @type string */
 		const scale = args.scale ? args.scale : getDefaultValue(argTypes.scale) ?? "medium";
 
-		const colors = ["light", "dark", "darkest"];
+		const colors = ["light", "dark"];
 		const scales = ["medium", "large"];
 
 		useEffect(() => {
 			const container =
 				viewMode === "docs" &&
 				!window.isChromatic() &&
-				!id.includes('foundation')
-					? document.querySelector('#root-inner') ?? document.body
+				!id.includes("foundation")
+					? document.querySelector("#root-inner") ?? document.body
 					: document.body;
 
 			container.classList.toggle("spectrum", true);
@@ -53,9 +53,11 @@ export const withContextWrapper = makeDecorator({
 			// Change background color when demonstrating static color options.
 			if (args.staticColor === "black") {
 				container.style.background = "var(--spectrum-examples-gradient-static-black)";
-			} else if (args.staticColor === "white") {
+			}
+			else if (args.staticColor === "white") {
 				 container.style.background = "var(--spectrum-examples-gradient-static-white)";
-			} else {
+			}
+			else {
 				container.style.removeProperty("background");
 			}
 		}, [color, scale, isExpress, args.staticColor]);

diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,5 +1,5 @@
 
-import DocumentationTemplate from './DocumentationTemplate.mdx';
+import DocumentationTemplate from "./DocumentationTemplate.mdx";
 
 import { withActions } from "@storybook/addon-actions/decorator";
 import {
@@ -81,17 +81,16 @@ export const argTypes = {
 		description: "Controls the color context of the component.",
 		type: { required: true },
 		table: {
-			type: { summary: "light | dark | darkest" },
+			type: { summary: "light | dark" },
 			defaultValue: { summary: "light" },
 			category: "Global",
 		},
-		options: ["light", "dark", "darkest"],
+		options: ["light", "dark"],
 		control: {
 			type: "select",
 			labels: {
 				light: "Light (default)",
 				dark: "Dark",
-				darkest: "Darkest",
 			},
 		},
 	},
@@ -187,11 +186,11 @@ export const parameters = {
 	panelPosition: "bottom",
 	showToolbar: true,
 	isFullscreen: false,
-	actions: { argTypesRegex: '^on.*' },
+	actions: { argTypesRegex: "^on.*" },
 	options: {
 		storySort: {
 			method: "alphabetical",
-			order: ['Guides', ['Contributing', '*', 'Adobe Code of Conduct', 'Changelog'], 'Foundations', 'Components', ['Docs', 'Default', '*'], '*'],
+			order: ["Guides", ["Contributing", "*", "Adobe Code of Conduct", "Changelog"], "Foundations", "Components", ["Docs", "Default", "*"], "*"],
 			includeNames: true,
 		},
 	},