Merge branch 'main' into primer_border_update

.changeset/tasty-cooks-do.md

@@ -0,0 +1,5 @@
+---
+"@primer/stylelint-config": major
+---
+
+Deleting primer/utilities plugin

.github/workflows/release_canary.yml

@@ -1,11 +1,16 @@
 name: Release
-on: [workflow_dispatch]
+on:
+  push:
+    branches-ignore:
+      - 'main'
+      - 'changeset-release/**'
+      - 'dependabot/**'
 
 jobs:
   release-canary:
     name: npm
     if: ${{ github.repository == 'primer/stylelint-config' }}
-    uses: primer/.github/.github/workflows/release_canary.yml@v2.0.0
+    uses: primer/.github/.github/workflows/release_canary.yml@v2.0.1
     with:
       install: npm i
     secrets:

.github/workflows/release_tracking.yml

@@ -0,0 +1,19 @@
+name: Release Event Tracking
+# Measure a datadog event every time a release occurs
+
+on:
+  pull_request:
+    types:
+      - closed
+      - opened
+      - reopened
+
+  release:
+    types: [published]
+
+jobs:
+  release-tracking:
+    name: Release Tracking
+    uses: primer/.github/.github/workflows/release_tracking.yml@create_release_tracking_workflow
+    secrets:
+      datadog_api_key: ${{ secrets.DATADOG_API_KEY }}

README.md

@@ -36,7 +36,6 @@ Primer Stylelint Config extends the [stylelint-config-standard](https://github.c
 - [primer/borders](./plugins/#primerborders): Enforces the use of certain variables for border properties.
 - [primer/box-shadow](./plugins/#primerbox-shadow): Enforces the use of certain variables for `box-shadow`.
 - [primer/responsive-widths](./plugins/#primerresponsive-widths): Errors on `width` and `min-width` that is larger than the minimum browser size supported. `320px`
-- [primer/utilities](./plugins/#primerutilities): Errors when someone writes custom CSS for a declaration that has an existing primer/css/utility.
 
 ## License
 

index.js

@@ -7,7 +7,6 @@ import colors from './plugins/colors.js'
 import responsiveWidths from './plugins/responsive-widths.js'
 import spacing from './plugins/spacing.js'
 import typography from './plugins/typography.js'
-import utilities from './plugins/utilities.js'
 import noDisplayColors from './plugins/no-display-colors.js'
 
 import {createRequire} from 'node:module'
@@ -29,7 +28,6 @@ export default {
     responsiveWidths,
     spacing,
     typography,
-    utilities,
     noDisplayColors,
   ],
   rules: {
@@ -97,7 +95,6 @@ export default {
     'primer/responsive-widths': true,
     'primer/spacing': true,
     'primer/typography': true,
-    'primer/utilities': null,
     'primer/no-display-colors': true,
     'property-no-unknown': [
       true,
@@ -152,7 +149,6 @@ export default {
         'primer/borders': null,
         'primer/typography': null,
         'primer/box-shadow': null,
-        'primer/utilities': null,
       },
     },
     {
@@ -207,7 +203,6 @@ export default {
         'primer/borders': null,
         'primer/typography': null,
         'primer/box-shadow': null,
-        'primer/utilities': null,
       },
     },
   ],

plugins/README.md

@@ -13,7 +13,6 @@ This directory contains all of our custom stylelint plugins, each of which provi
   - [`primer/borders`](#primerborders)
   - [`primer/box-shadow`](#primerbox-shadow)
   - [`primer/responsive-widths`](#primerresponsive-widths)
-  - [`primer/utilities`](#primerutilities)
   - [Variable rules](#variable-rules)
     - [Variable rule options](#variable-rule-options)
 
@@ -84,31 +83,6 @@ This [variable rule](#variable-rules) enforces the use of `$box-shadow*` variabl
 
 This plugin checks for `width` and `min-width` declarations that use a value less than the minimum browser size. `320px`
 
-## `primer/utilities`
-
-Checks for selectors with single declarations that can be replaced with [primer/css utilities](https://primer.style/css/utilities/).
-
-```scss
-.foo {
-  color: var(--color-fg-default);
-}
-/**          ↑
- *           FAIL: --color-fg-default can be replaced with .color-fg-default */
-
-.foo {
-  color: #custom;
-}
-/**          ↑
- *           OK: Color value doesn't match a utility. */
-
-.foo {
-  color: var(--color-fg-default);
-  padding: 0;
-}
-/**          ↑
- *           OK: Has more than one declaration, not considered */
-```
-
 ## Variable rules
 
 Variable rules are created using a general-purpose helper that can validate constraints for matching CSS properties and values. In general, the Primer CSS variable rules enforce two basic principles for custom CSS: