@primer/stylelint-config 12.7.1-rc.ad3398b → 12.7.1-rc.bf11919

package/CHANGELOG.md

@@ -6,6 +6,10 @@
 
 - [#328](https://github.com/primer/stylelint-config/pull/328) [`5ae7400`](https://github.com/primer/stylelint-config/commit/5ae7400340afc2cd21006093ce7b33206a00372e) Thanks [@langermank](https://github.com/langermank)! - Fix failing tests in no-deprecated-colors
 
+- [#332](https://github.com/primer/stylelint-config/pull/332) [`6485cf0`](https://github.com/primer/stylelint-config/commit/6485cf053f502d71a8ce8c407ad01a939038959c) Thanks [@langermank](https://github.com/langermank)! - Updated deprecated json color file
+
+- [#333](https://github.com/primer/stylelint-config/pull/333) [`485ce04`](https://github.com/primer/stylelint-config/commit/485ce047d75a635134919678a776ea808604cf4a) Thanks [@langermank](https://github.com/langermank)! - Adding more color replacements for deprecated colors
+
 - [#322](https://github.com/primer/stylelint-config/pull/322) [`726d7d1`](https://github.com/primer/stylelint-config/commit/726d7d1bf4eac82a032c448cb0be32d5bf66b29a) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating no-deprecated-colors for primitives v8
 
 ## 12.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/stylelint-config",
-  "version": "12.7.1-rc.ad3398b",
+  "version": "12.7.1-rc.bf11919",
   "description": "Sharable stylelint config used by GitHub's CSS",
   "homepage": "http://primer.style/css/tools/linting",
   "author": "GitHub, Inc.",

package/plugins/lib/primitives-v8.json

@@ -283,7 +283,12 @@
       "replacement": "--selectMenu-borderColor"
     }
   ],
-  "--color-select-menu-tap-highlight": [],
+  "--color-select-menu-tap-highlight": [
+    {
+      "props": ["background"],
+      "replacement": "--control-bgColor-active"
+    }
+  ],
   "--color-select-menu-tap-focus-bg": [
     {
       "props": ["background"],
@@ -352,7 +357,7 @@
   ],
   "--color-btn-selected-bg": [
     {
-      "props": ["color", "fill"],
+      "props": ["background"],
       "replacement": "--button-default-bgColor-selected"
     }
   ],
@@ -556,7 +561,7 @@
   ],
   "--color-btn-danger-disabled-bg": [
     {
-      "props": ["color", "fill"],
+      "props": ["background"],
       "replacement": "--button-danger-bgColor-disabled"
     }
   ],
@@ -599,7 +604,7 @@
   "--color-action-list-item-inline-divider": [
     {
       "props": ["border", "background"],
-      "replacement": "--borderColor-decorative"
+      "replacement": "--borderColor-muted"
     }
   ],
   "--color-action-list-item-default-hover-bg": [
@@ -806,6 +811,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-default"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--fgColor-default"
     }
   ],
   "--color-fg-muted": [
@@ -830,6 +839,10 @@
     {
       "props": ["background"],
       "replacement": "--bgColor-default"
+    },
+    {
+      "props": ["border", "box-shadow"],
+      "replacement": "--bgColor-default"
     }
   ],
   "--color-canvas-overlay": [
@@ -852,25 +865,25 @@
   ],
   "--color-border-default": [
     {
-      "props": ["border", "background"],
+      "props": ["border", "background", "box-shadow"],
       "replacement": "--borderColor-default"
     }
   ],
   "--color-border-muted": [
     {
-      "props": ["border", "background"],
+      "props": ["border", "background", "outline"],
       "replacement": "--borderColor-muted"
     }
   ],
   "--color-border-subtle": [
     {
-      "props": ["border", "background"],
+      "props": ["border", "background", "outline"],
       "replacement": "--borderColor-muted"
     }
   ],
   "--color-neutral-emphasis-plus": [
     {
-      "props": ["background"],
+      "props": ["background", "border", "color"],
       "replacement": "--bgColor-emphasis"
     }
   ],
@@ -880,14 +893,22 @@
       "replacement": "--bgColor-neutral-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-neutral-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-neutral"
     }
   ],
   "--color-neutral-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-neutral-muted"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-neutral-muted"
     }
   ],
   "--color-neutral-subtle": [
@@ -900,6 +921,14 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-accent"
+    },
+    {
+      "props": ["border", "box-shadow"],
+      "replacement": "--borderColor-accent-emphasis"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-accent-emphasis"
     }
   ],
   "--color-accent-emphasis": [
@@ -908,14 +937,22 @@
       "replacement": "--bgColor-accent-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-accent-emphasis"
+    },
+    {
+      "props": ["color", "fill"],
+      "replacement": "--fgColor-accent"
     }
   ],
   "--color-accent-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-accent-muted"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-accent-muted"
     }
   ],
   "--color-accent-subtle": [
@@ -928,6 +965,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-success"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-success-emphasis"
     }
   ],
   "--color-success-emphasis": [
@@ -936,13 +977,17 @@
       "replacement": "--bgColor-success-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-success-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-success"
     }
   ],
   "--color-success-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-success-muted"
     }
   ],
@@ -956,6 +1001,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-attention"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-attention-emphasis"
     }
   ],
   "--color-attention-emphasis": [
@@ -964,13 +1013,17 @@
       "replacement": "--bgColor-attention-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-attention-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-attention"
     }
   ],
   "--color-attention-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-attention-muted"
     }
   ],
@@ -984,6 +1037,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-severe"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-severe-emphasis"
     }
   ],
   "--color-severe-emphasis": [
@@ -992,13 +1049,17 @@
       "replacement": "--bgColor-severe-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-severe-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-severe"
     }
   ],
   "--color-severe-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-severe-muted"
     }
   ],
@@ -1012,6 +1073,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-danger"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-danger-emphasis"
     }
   ],
   "--color-danger-emphasis": [
@@ -1020,13 +1085,17 @@
       "replacement": "--bgColor-danger-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-danger-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-danger"
     }
   ],
   "--color-danger-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-danger-muted"
     }
   ],
@@ -1040,6 +1109,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-open"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-open-emphasis"
     }
   ],
   "--color-open-emphasis": [
@@ -1048,13 +1121,17 @@
       "replacement": "--bgColor-open-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-open-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-open"
     }
   ],
   "--color-open-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-open-muted"
     }
   ],
@@ -1068,6 +1145,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-closed"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-closed-emphasis"
     }
   ],
   "--color-closed-emphasis": [
@@ -1076,13 +1157,17 @@
       "replacement": "--bgColor-closed-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-closed-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-closed"
     }
   ],
   "--color-closed-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-closed-muted"
     }
   ],
@@ -1096,6 +1181,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-done"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-done-emphasis"
     }
   ],
   "--color-done-emphasis": [
@@ -1104,13 +1193,17 @@
       "replacement": "--bgColor-done-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-done-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-done"
     }
   ],
   "--color-done-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-done-muted"
     }
   ],
@@ -1124,6 +1217,10 @@
     {
       "props": ["color", "fill"],
       "replacement": "--fgColor-sponsors"
+    },
+    {
+      "props": ["background"],
+      "replacement": "--bgColor-sponsors-emphasis"
     }
   ],
   "--color-sponsors-emphasis": [
@@ -1132,13 +1229,17 @@
       "replacement": "--bgColor-sponsors-emphasis"
     },
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-sponsors-emphasis"
+    },
+    {
+      "props": ["color"],
+      "replacement": "--fgColor-sponsors"
     }
   ],
   "--color-sponsors-muted": [
     {
-      "props": ["border"],
+      "props": ["border", "box-shadow"],
       "replacement": "--borderColor-sponsors-muted"
     }
   ],
@@ -1178,6 +1279,12 @@
       "replacement": "--avatar-shadow"
     }
   ],
+  "color-btn-text": [
+    {
+      "props": ["color"],
+      "replacement": "--button-default-fgColor-rest"
+    }
+  ],
   "--color-btn-shadow": [
     {
       "props": ["box-shadow"],