chore(searchwithin): setup for deprecation

Author: Melissa Thompson

components/searchwithin/metadata/searchwithin.yml

@@ -1,22 +1,7 @@
 name: Search within
+status: Deprecated
+deprecationNotice: Try using a <a href="search.html">search</a> instead.
 description: Override the width of the component where necessary.
-sections:
-  - name: Migration Guide
-    description: |
-      ### Component renamed
-      Since Dropdown is now known as Picker, Replace all `.spectrum-Dropdown*` classnames with `.spectrum-Picker*` and replace all `.spectrum-SearchWithin-dropdown` with `.spectrum-SearchWithin-picker`.
-
-      ### New Picker markup
-      Combobox now uses `.spectrum-Picker`. See [Picker migration guide](picker.html#migrationguide) for details.
-
-      Since Picker's markup has changed, `.spectrum-SearchWithin-pickerTrigger` is no longer required.
-
-      ### New ClearButton classes
-      The `.spectrum-SearchWithin-clearButton` class is now required on the `.spectrum-ClearButton` element.
-
-      ### New ClearButton markup
-      See the [ClearButton migration guide](clearbutton.html#migrationguide) for more information.
-
 examples:
   - id: searchwithin
     name: Standard

components/searchwithin/stories/searchwithin.stories.js

@@ -1,11 +1,11 @@
 // Import the component markup template
-import { Template } from "./template";
+import { Template } from "@spectrum-css/searchwithin/stories/template.js";
 
 import { default as PickerStories } from "@spectrum-css/picker/stories/picker.stories.js";
 const ignoreProps = ["rootClass", "position", "isRounded"];
 
 export default {
-	title: "Components/Search within",
+	title: "Deprecated/Search within",
 	description: "The Search within component is...",
 	component: "SearchWithin",
 	argTypes: {
@@ -36,10 +36,9 @@ export default {
 		actions: {
 			handles: [],
 		},
+		chromatic: { disable: true },
 		status: {
-			type: process.env.MIGRATED_PACKAGES.includes("searchwithin")
-				? "migrated"
-				: undefined,
+			type: "deprecated"
 		},
 	},
 };