fix(pagination): deprecate legacy features to align with foundations

Author: castastrophe

.storybook/modes/index.js

@@ -12,31 +12,22 @@
  */
 
 const modes = {
-    "Light | LTR": {
-        color: "light",
-        textDirection: "ltr",
-    },
-    "Dark | RTL": {
-        color: "dark",
-        textDirection: "rtl",
-    },
-    "S1 | Light | LTR": {
-        context: "legacy",
-        color: "light",
-        textDirection: "ltr",
-    },
-    "Express | Light | LTR": {
-        context: "express",
-        color: "light",
-        textDirection: "ltr",
-    },
+	Light: {
+		color: "light",
+	},
+	Dark: {
+		color: "dark",
+	},
+	RTL: {
+		textDirection: "rtl",
+	},
 };
 
 export default modes;
 
 export const disableDefaultModes = {
-    ...Object.keys(modes).reduce((acc, key) => {
-        acc[key] = { disable: true };
-        return acc;
-    }, {}),
+	...Object.keys(modes).reduce((acc, key) => {
+		acc[key] = { disable: true };
+		return acc;
+	}, {}),
 };

.storybook/preview.js

@@ -90,7 +90,7 @@ export const parameters = {
 	// Set an empty object to avoid the "undefined" value in the ComponentDetails doc block
 	packageJson: {},
 	// A list of published npm tags that should not appear in the ComponentDetails doc block
-	ignoredTags: ["beta", "next"],
+	ignoredTags: ["beta"],
 };
 
 export default {

components/card/index.css

@@ -30,6 +30,7 @@
 
 	--spectrum-card-border-width: var(--mod-card-border-width, var(--spectrum-border-width-100));
 	--spectrum-card-corner-radius: var(--mod-card-corner-radius, var(--spectrum-corner-radius-100));
+	--spectrum-card-border-color-selected: var(--mod-card-border-color-selected, var(--spectrum-blue-700));
 
 	/* Typography */
 	--spectrum-card-title-font-family: var(--mod-card-title-font-family, var(--spectrum-sans-font-family-stack));
@@ -81,13 +82,6 @@
 		--spectrum-card-content-margin-top: var(--spectrum-spacing-100);
 	}
 
-	&.is-selected,
-	&.is-drop-target {
-		--spectrum-card-border-color: var(--mod-card-border-color-selected, var(--spectrum-blue-700));
-	}
-}
-
-.spectrum-Card {
 	position: relative;
 	display: inline-flex;
 	flex-direction: column;

components/pagination/CHANGELOG.md

@@ -313,9 +313,7 @@ Output for all component CSS files is now being run through a lightweight optimi
 
 - feat(pagination)!: migrate to spectrum tokens package([f29a74d](https://github.com/adobe/spectrum-css/commit/f29a74d))
 
-  ###
-
-  🛑 BREAKING CHANGES
+### 🛑 BREAKING CHANGES
 
   - Replaces DNA tokens with Spectrum tokens.
 
@@ -434,7 +432,6 @@ Add the "Button style" version of Pagination from the docs to Storybook.
 ### 🔙 Reverts
 
 - gulp and build updates ([#2121](https://github.com/adobe/spectrum-css/issues/2121))([03a37f5](https://github.com/adobe/spectrum-css/commit/03a37f5)), closes[#2099](https://github.com/adobe/spectrum-css/issues/2099)
-  <a name="6.0.40"></a>
 
 ## 6.0.40
 
@@ -500,7 +497,7 @@ Add the "Button style" version of Pagination from the docs to Storybook.
 
 ### 🐛 Bug fixes
 
-\*icon sizing in Storybook story templates ([#2037](https://github.com/adobe/spectrum-css/issues/2037))([c90c8a3](https://github.com/adobe/spectrum-css/commit/c90c8a3))
+- icon sizing in Storybook story templates ([#2037](https://github.com/adobe/spectrum-css/issues/2037))([c90c8a3](https://github.com/adobe/spectrum-css/commit/c90c8a3))
 
 <a name="6.0.32"></a>
 

tools/generator/templates/index.css.hbs

@@ -15,8 +15,6 @@
   // color: var(--highcontrast-{{ folderName }}-content-color-default, var(--mod-{{ folderName }}-content-color-default, var(--spectrum-{{ folderName }}-content-color-default)));
 
   &.spectrum-{{ pascalCase name }}--sizeS {}
-  &,
-  &.spectrum-{{ pascalCase name }}--sizeM {}
   &.spectrum-{{ pascalCase name }}--sizeL {}
   &.spectrum-{{ pascalCase name }}--sizeXL {}
 }