Removing the duplicate deprecation backgrounds (#1663)

* Removing the duplicate deprecation backgrounds

* Create thick-monkeys-film.md

Author: jonrohan

.changeset/thick-monkeys-film.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Removing the duplicate deprecation backgrounds

__tests__/css.test.js

@@ -2,7 +2,8 @@ import {
   getCurrentVersion,
   getPackageStats,
   getSelectorDiff,
-  getVariableDiff
+  getVariableDiff,
+  currentVersionDeprecations
 } from './utils/css'
 import semver from 'semver'
 
@@ -20,3 +21,13 @@ describe('css', () => {
     expect(supportStats.size).toEqual(0)
   })
 })
+
+describe('deprecations', () => {
+  it('expects deprecations and their replacement to not be equal.', () => {
+    const deprecations = currentVersionDeprecations()
+    Object.keys(deprecations["selectors"]).forEach(deprecation => {
+      const replacement = deprecations["selectors"][deprecation]
+      expect(deprecation).not.toEqual(replacement)
+    })
+  })
+})

__tests__/utils/css.js

@@ -38,6 +38,11 @@ export function getPackageStats(packageName) {
   return stats
 }
 
+function getDeprecations(versionPath) {
+  const deprecations = JSON.parse(fs.readFileSync(join(versionPath, './deprecations.json')))
+  return deprecations
+}
+
 function currentVersionSelectors() {
   return getSelectors(join(currentPath, './dist'))
 }
@@ -46,6 +51,10 @@ function currentVersionVariables() {
   return getVariables(join(currentPath, './dist'))
 }
 
+export function currentVersionDeprecations() {
+  return getDeprecations(join(currentPath, './dist'))
+}
+
 function lastVersionSelectors() {
   return getSelectors(join(lastPath, './dist'))
 }

docs/content/support/v18-migration.mdx

@@ -64,9 +64,7 @@ See [color utility classes](/utilities/colors) for a list of all the functional
 | `.color-bg-tertiary`        | `.color-bg-subtle`             |
 | `.color-bg-info`            | `.color-bg-accent`             |
 | `.color-bg-info-inverse`    | `.color-bg-accent-emphasis`    |
-| `.color-bg-danger`          | `.color-bg-danger`             |
 | `.color-bg-danger-inverse`  | `.color-bg-danger-emphasis`    |
-| `.color-bg-success`         | `.color-bg-success`            |
 | `.color-bg-success-inverse` | `.color-bg-success-emphasis`   |
 | `.color-bg-warning`         | `.color-bg-attention`          |
 | `.color-bg-warning-inverse` | `.color-bg-attention-emphasis` |

src/deprecations.json

@@ -30,9 +30,7 @@
     "color-bg-tertiary": "color-bg-subtle",
     "color-bg-info": "color-bg-accent",
     "color-bg-info-inverse": "color-bg-accent-emphasis",
-    "color-bg-danger": "color-bg-danger",
     "color-bg-danger-inverse": "color-bg-danger-emphasis",
-    "color-bg-success": "color-bg-success",
     "color-bg-success-inverse": "color-bg-success-emphasis",
     "color-bg-warning": "color-bg-attention",
     "color-bg-warning-inverse": "color-bg-attention-emphasis",