@primer/stylelint-config 12.9.2-rc.46fe2e1 → 13.0.0-rc.22bf91a

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "@primer/stylelint-config",
-  "version": "12.9.2-rc.46fe2e1",
+  "version": "13.0.0-rc.22bf91a",
   "description": "Sharable stylelint config used by GitHub's CSS",
-  "homepage": "http://primer.style/css/tools/linting",
   "author": "GitHub, Inc.",
   "license": "MIT",
-  "main": "index.js",
-  "repository": "primer/stylelint-config",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "browserslist": "extends @github/browserslist-config",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/stylelint-config.git"
+  },
   "keywords": [
     "github",
     "primer",
@@ -15,44 +24,59 @@
     "stylelint"
   ],
   "files": [
+    "dist/",
     "property-order.js",
-    "browsers.js",
     "plugins/"
   ],
+  "engines": {
+    "node": ">16.0.0"
+  },
   "scripts": {
-    "test": "jest --coverage false",
+    "build": "rollup -c",
+    "clean": "rimraf dist",
+    "test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest --coverage false",
+    "test:stylelint": "stylelint __tests__/__fixtures__/uses-vars.scss",
     "lint": "eslint .",
     "release": "changeset publish"
   },
   "dependencies": {
+    "@github/browserslist-config": "^1.0.0",
+    "@primer/css": "^21.0.8",
+    "@primer/primitives": "^7.16.0",
     "anymatch": "^3.1.1",
     "globby": "^11.0.1",
     "postcss-scss": "^4.0.2",
     "postcss-value-parser": "^4.0.2",
     "string.prototype.matchall": "^4.0.2",
-    "stylelint": "^15.10.2",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-no-unsupported-browser-features": "^7.0.0",
-    "stylelint-order": "^6.0.3",
-    "stylelint-scss": "^5.1.0",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-no-unsupported-browser-features": "^8.0.0",
+    "stylelint-order": "^6.0.4",
+    "stylelint-scss": "^6.2.0",
     "tap-map": "^1.0.0"
   },
+  "prettier": "@github/prettier-config",
   "devDependencies": {
     "@changesets/changelog-github": "0.4.7",
     "@changesets/cli": "2.26.1",
-    "@github/prettier-config": "0.0.6",
-    "@primer/css": "^21.0.8",
-    "@primer/primitives": "^7.11.11",
+    "@github/prettier-config": "^0.0.6",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@typescript-eslint/parser": "^7.7.0",
     "dedent": "1.5.1",
-    "eslint": "8.39.0",
-    "eslint-plugin-github": "4.8.0",
-    "eslint-plugin-jest": "27.2.3",
-    "eslint-plugin-prettier": "4.2.1",
-    "jest": "29.4.3",
-    "jest-preset-stylelint": "6.1.0",
-    "prettier": "2.8.1"
+    "eslint": "^8.0.1",
+    "eslint-plugin-github": "^4.10.2",
+    "eslint-plugin-jest": "^28.2.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "jest": "^29.7.0",
+    "jest-preset-stylelint": "^7.0.0",
+    "prettier": "^3.2.5",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.14.3"
   },
   "jest": {
+    "transform": {},
     "preset": "jest-preset-stylelint",
     "collectCoverage": true,
     "collectCoverageFrom": [

package/plugins/borders.js

@@ -1,6 +1,6 @@
-const {createVariableRule} = require('./lib/variable-rules')
+import {createVariableRule} from './lib/variable-rules.js'
 
-module.exports = createVariableRule(
+export default createVariableRule(
   'primer/borders',
   {
     border: {

package/plugins/box-shadow.js

@@ -1,6 +1,6 @@
-const {createVariableRule} = require('./lib/variable-rules')
+import {createVariableRule} from './lib/variable-rules.js'
 
-module.exports = createVariableRule(
+export default createVariableRule(
   'primer/box-shadow',
   {
     'box shadow': {

package/plugins/colors.js

@@ -1,4 +1,4 @@
-const {createVariableRule} = require('./lib/variable-rules')
+import {createVariableRule} from './lib/variable-rules.js'
 
 const bgVars = [
   '$bg-*',
@@ -12,7 +12,7 @@ const bgVars = [
   /var\((.+-)*iconColor(-.+)*\)/,
 ]
 
-module.exports = createVariableRule(
+export default createVariableRule(
   'primer/colors',
   {
     'background-color': {

package/plugins/lib/decl-validator.js

@@ -1,11 +1,11 @@
-const anymatch = require('anymatch')
-const valueParser = require('postcss-value-parser')
-const TapMap = require('tap-map')
+import anymatch from 'anymatch'
+import valueParser from 'postcss-value-parser'
+import TapMap from 'tap-map'
 
 const SKIP_VALUE_NODE_TYPES = new Set(['space', 'div'])
 const SKIP_AT_RULE_NAMES = new Set(['each', 'for', 'function', 'mixin'])
 
-module.exports = function declarationValidator(rules, options = {}) {
+export default function declarationValidator(rules, options = {}) {
   const {formatMessage = defaultMessageFormatter, variables, verbose = false} = options
   const variableReplacements = new TapMap()
   if (variables) {

package/plugins/lib/primer-utilities.js

@@ -1,7 +1,7 @@
 // Meant as temp until we can move to primitives or css
 const colorTypes = ['accent', 'success', 'attention', 'severe', 'danger', 'open', 'closed', 'done', 'sponsors']
 
-module.exports = {
+export default {
   color: [
     {
       value: 'var(--color-fg-default)',

package/plugins/lib/variable-rules.js

@@ -1,27 +1,12 @@
-const stylelint = require('stylelint')
-const {requirePrimerFile} = require('./primer')
-const declarationValidator = require('./decl-validator')
+import stylelint from 'stylelint'
+import declarationValidator from './decl-validator.js'
+import variables from '@primer/css/dist/variables.json' with {type: 'json'}
 
-const CSS_IMPORTANT = '!important'
-const CSS_DIRECTIONS = ['top', 'right', 'bottom', 'left']
-const CSS_CORNERS = ['top-right', 'bottom-right', 'bottom-left', 'top-left']
-
-module.exports = {
-  createVariableRule,
-  CSS_DIRECTIONS,
-  CSS_CORNERS,
-  CSS_IMPORTANT,
-}
-
-function createVariableRule(ruleName, rules, url) {
-  let variables = {}
-  try {
-    variables = requirePrimerFile('dist/variables.json')
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.warn(`Unable to get variables.json from @primer/css. Replacements will need to be specified manually.`)
-  }
+export const CSS_IMPORTANT = '!important'
+export const CSS_DIRECTIONS = ['top', 'right', 'bottom', 'left']
+export const CSS_CORNERS = ['top-right', 'bottom-right', 'bottom-left', 'top-left']
 
+export function createVariableRule(ruleName, rules, url) {
   const plugin = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
     if (enabled === false) {
       return noop

package/plugins/new-color-vars-have-fallback.js

@@ -1,14 +1,13 @@
-const stylelint = require('stylelint')
+import stylelint from 'stylelint'
+import variables from './lib/new-color-css-vars-map.json' with {type: 'json'}
 
-const ruleName = 'primer/new-color-vars-have-fallback'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const ruleName = 'primer/new-color-vars-have-fallback'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   expectedFallback: variable =>
     `Expected a fallback value for CSS variable ${variable}. New color variables fallbacks, check primer.style/primitives to find the correct value`,
 })
 
-module.exports = stylelint.createPlugin(ruleName, enabled => {
-  const variables = require('./lib/new-color-css-vars-map.json')
-
+export default stylelint.createPlugin(ruleName, enabled => {
   if (!enabled) {
     return noop
   }
@@ -34,6 +33,3 @@ module.exports = stylelint.createPlugin(ruleName, enabled => {
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/no-deprecated-colors.js

@@ -1,8 +1,8 @@
-const stylelint = require('stylelint')
-const matchAll = require('string.prototype.matchall')
-
-const ruleName = 'primer/no-deprecated-colors'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+import stylelint from 'stylelint'
+import matchAll from 'string.prototype.matchall'
+import variableChecks from './lib/primitives-v8.json' with {type: 'json'}
+export const ruleName = 'primer/no-deprecated-colors'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: (varName, replacement, property) => {
     if (replacement === null) {
       return `Variable ${varName} is deprecated for property ${property}. Please consult the primer color docs for a replacement. https://primer.style/primitives/storybook/?path=/story/migration-tables`
@@ -19,7 +19,7 @@ const variableReferenceRegex = /var\(([^\),]+)(,.*)?\)/g
 const replacedVars = {}
 const newVars = {}
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
   const {inlineFallback = false} = options
 
   if (!enabled) {
@@ -33,9 +33,6 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
   // Keep track of declarations we've already seen
   const seen = new WeakMap()
 
-  // eslint-disable-next-line import/no-dynamic-require
-  const variableChecks = require(options.deprecatedFile || './lib/primitives-v8.json')
-
   const lintResult = (root, result) => {
     // Walk all declarations
     root.walk(node => {
@@ -98,6 +95,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/no-display-colors.js

@@ -1,8 +1,8 @@
-const stylelint = require('stylelint')
-const matchAll = require('string.prototype.matchall')
+import stylelint from 'stylelint'
+import matchAll from 'string.prototype.matchall'
 
-const ruleName = 'primer/no-display-colors'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const ruleName = 'primer/no-display-colors'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: varName => `${varName} is in alpha and should be used with caution with approval from the Primer team`,
 })
 
@@ -10,7 +10,7 @@ const messages = stylelint.utils.ruleMessages(ruleName, {
 // eslint-disable-next-line no-useless-escape
 const variableReferenceRegex = /var\(([^\),]+)(,.*)?\)/g
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}) => {
   if (!enabled) {
     return noop
   }
@@ -48,6 +48,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/no-override.js

@@ -1,17 +1,17 @@
-const stylelint = require('stylelint')
-const {requirePrimerFile} = require('./lib/primer')
+import stylelint from 'stylelint'
+import primerJson from '@primer/css/dist/stats/primer.json' with {type: 'json'}
 
 const ruleName = 'primer/no-override'
 const CLASS_PATTERN = /(\.[-\w]+)/
 const CLASS_PATTERN_ALL = new RegExp(CLASS_PATTERN, 'g')
 const CLASS_PATTERN_ONLY = /^\.[-\w]+(:{1,2}[-\w]+)?$/
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}) => {
   if (!enabled) {
     return noop
   }
 
-  const {bundles = ['utilities'], ignoreSelectors = []} = options
+  const {ignoreSelectors = []} = options
 
   const isSelectorIgnored =
     typeof ignoreSelectors === 'function'
@@ -22,50 +22,30 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
           })
         }
 
-  const primerMeta = requirePrimerFile('dist/meta.json')
-  const availableBundles = Object.keys(primerMeta.bundles)
-
   // These map selectors to the bundle in which they're defined.
   // If there's no entry for a given selector, it means that it's not defined
   // in one of the *specified* bundles, since we're iterating over the list of
   // bundle names in the options.
-  const immutableSelectors = new Map()
-  const immutableClassSelectors = new Map()
+  const immutableSelectors = new Set()
+  const immutableClassSelectors = new Set()
 
-  for (const bundle of bundles) {
-    if (!availableBundles.includes(bundle)) {
-      continue
-    }
-    const stats = requirePrimerFile(`dist/stats/${bundle}.json`)
-    const selectors = stats.selectors.values
-    for (const selector of selectors) {
-      immutableSelectors.set(selector, bundle)
-      for (const classSelector of getClassSelectors(selector)) {
-        immutableClassSelectors.set(classSelector, bundle)
-      }
+  const selectors = primerJson.selectors.values
+  for (const selector of selectors) {
+    immutableSelectors.add(selector)
+    for (const classSelector of getClassSelectors(selector)) {
+      immutableClassSelectors.add(classSelector)
     }
   }
 
   const messages = stylelint.utils.ruleMessages(ruleName, {
-    rejected: ({rule, selector, bundle}) => {
-      const definedIn = ` (defined in @primer/css/${bundle})`
+    rejected: ({rule, selector}) => {
       const ruleSelector = collapseWhitespace(rule.selector)
       const context = selector === rule.selector ? '' : ` in "${ruleSelector}"`
-      return `"${collapseWhitespace(selector)}" should not be overridden${context}${definedIn}.`
+      return `Primer CSS class "${collapseWhitespace(selector)}" should not be overridden${context}.`
     },
   })
 
   return (root, result) => {
-    if (!Array.isArray(bundles) || bundles.some(bundle => !availableBundles.includes(bundle))) {
-      const invalidBundles = Array.isArray(bundles)
-        ? `"${bundles.filter(bundle => !availableBundles.includes(bundle)).join('", "')}"`
-        : '(not an array)'
-      result.warn(`The "bundles" option must be an array of valid bundles; got: ${invalidBundles}`, {
-        stylelintType: 'invalidOption',
-        stylelintReference: 'https://github.com/primer/stylelint-config#options',
-      })
-    }
-
     const report = subject =>
       stylelint.utils.report({
         message: messages.rejected(subject),
@@ -81,7 +61,6 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
           if (!isSelectorIgnored(selector)) {
             return report({
               rule,
-              bundle: immutableSelectors.get(selector),
               selector,
             })
           }
@@ -94,7 +73,6 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
           if (!isSelectorIgnored(classSelector)) {
             return report({
               rule,
-              bundle: immutableClassSelectors.get(classSelector),
               selector: classSelector,
             })
           }

package/plugins/no-scale-colors.js

@@ -1,8 +1,8 @@
-const stylelint = require('stylelint')
-const matchAll = require('string.prototype.matchall')
+import stylelint from 'stylelint'
+import matchAll from 'string.prototype.matchall'
 
-const ruleName = 'primer/no-scale-colors'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const ruleName = 'primer/no-scale-colors'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: varName =>
     `${varName} is a non-functional scale color and cannot be used without being wrapped in the color-variables mixin`,
 })
@@ -11,7 +11,7 @@ const messages = stylelint.utils.ruleMessages(ruleName, {
 // eslint-disable-next-line no-useless-escape
 const variableReferenceRegex = /var\(([^\),]+)(,.*)?\)/g
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}) => {
   if (!enabled) {
     return noop
   }
@@ -49,6 +49,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/no-undefined-vars.js

@@ -1,11 +1,11 @@
-const fs = require('fs')
-const stylelint = require('stylelint')
-const matchAll = require('string.prototype.matchall')
-const globby = require('globby')
-const TapMap = require('tap-map')
-
-const ruleName = 'primer/no-undefined-vars'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+import fs from 'fs'
+import stylelint from 'stylelint'
+import matchAll from 'string.prototype.matchall'
+import globby from 'globby'
+import TapMap from 'tap-map'
+
+export const ruleName = 'primer/no-undefined-vars'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: varName => `${varName} is not defined`,
 })
 
@@ -19,7 +19,7 @@ const colorModeVariableDefinitionRegex = /^[^/\n]*\(["']?([^'"\s,]+)["']?,\s*\(l
 // eslint-disable-next-line no-useless-escape
 const variableReferenceRegex = /var\(([^\),]+)(,.*)?\)/g
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}) => {
   if (!enabled) {
     return noop
   }
@@ -116,6 +116,3 @@ function getDefinedVariables(globs, log) {
 }
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/no-unused-vars.js

@@ -1,22 +1,22 @@
-const TapMap = require('tap-map')
-const globby = require('globby')
-const matchAll = require('string.prototype.matchall')
-const stylelint = require('stylelint')
-const {readFileSync} = require('fs')
+import TapMap from 'tap-map'
+import globby from 'globby'
+import matchAll from 'string.prototype.matchall'
+import stylelint from 'stylelint'
+import {readFileSync} from 'fs'
 
-const ruleName = 'primer/no-unused-vars'
+export const ruleName = 'primer/no-unused-vars'
 
 const cwd = process.cwd()
 const COLON = ':'
 const SCSS_VARIABLE_PATTERN = /(\$[-\w]+)/g
 
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: name => `The variable "${name}" is not referenced.`,
 })
 
 const cache = new TapMap()
 
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}) => {
   if (!enabled) {
     return noop
   }

package/plugins/responsive-widths.js

@@ -1,10 +1,10 @@
-const stylelint = require('stylelint')
-const declarationValueIndex = require('stylelint/lib/utils/declarationValueIndex')
-const valueParser = require('postcss-value-parser')
+import stylelint from 'stylelint'
+import declarationValueIndex from 'stylelint/lib/utils/declarationValueIndex.cjs'
+import valueParser from 'postcss-value-parser'
 
-const ruleName = 'primer/responsive-widths'
+export const ruleName = 'primer/responsive-widths'
 
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: value => {
     return `A value larger than the smallest viewport could break responsive pages. Use a width value smaller than ${value}. https://primer.style/css/support/breakpoints`
   },
@@ -24,7 +24,7 @@ const walkGroups = (root, validate) => {
 }
 
 // eslint-disable-next-line no-unused-vars
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
   if (!enabled) {
     return noop
   }
@@ -93,6 +93,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/spacing.js

@@ -1,6 +1,6 @@
-const stylelint = require('stylelint')
-const declarationValueIndex = require('stylelint/lib/utils/declarationValueIndex')
-const valueParser = require('postcss-value-parser')
+import stylelint from 'stylelint'
+import declarationValueIndex from 'stylelint/lib/utils/declarationValueIndex.cjs'
+import valueParser from 'postcss-value-parser'
 
 // TODO: Pull this in from primer/primitives
 const spacerValues = {
@@ -24,11 +24,11 @@ const spacerValues = {
   '$em-spacer-6': '0.75em',
 }
 
-const ruleName = 'primer/spacing'
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const ruleName = 'primer/spacing'
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: (value, replacement) => {
     if (replacement === null) {
-      return `Please use a primer spacer variable instead of '${value}'. Consult the primer docs for a suitable replacement. https://primer.style/css/support/spacing`
+      return `Please use a primer spacer variable instead of '${value}'. Consult the primer docs for a suitable replacement. https://primer.style/css/storybook/?path=/docs/support-spacing--docs`
     }
 
     return `Please replace ${value} with spacing variable '${replacement}'.`
@@ -47,7 +47,7 @@ const walkGroups = (root, validate) => {
 }
 
 // eslint-disable-next-line no-unused-vars
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
   if (!enabled) {
     return noop
   }
@@ -126,6 +126,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/plugins/typography.js

@@ -1,6 +1,6 @@
-const {createVariableRule} = require('./lib/variable-rules')
+import {createVariableRule} from './lib/variable-rules.js'
 
-module.exports = createVariableRule(
+export default createVariableRule(
   'primer/typography',
   {
     'font-size': {

package/plugins/utilities.js

@@ -1,16 +1,16 @@
-const stylelint = require('stylelint')
-const utilities = require('./lib/primer-utilities')
+import stylelint from 'stylelint'
+import utilities from './lib/primer-utilities.js'
 
-const ruleName = 'primer/utilities'
+export const ruleName = 'primer/utilities'
 
-const messages = stylelint.utils.ruleMessages(ruleName, {
+export const messages = stylelint.utils.ruleMessages(ruleName, {
   rejected: (selector, utilityClass) => {
     return `Consider using the Primer utility '.${utilityClass}' instead of the selector '${selector}' in your html. https://primer.style/css/utilities`
   },
 })
 
 // eslint-disable-next-line no-unused-vars
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
+export default stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
   if (!enabled) {
     return noop
   }
@@ -50,6 +50,3 @@ module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, contex
 })
 
 function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages

package/property-order.js

@@ -1,4 +1,4 @@
-module.exports = [
+export default [
   'all',
   'position',
   'top',

package/browsers.js

@@ -1,7 +0,0 @@
-module.exports = [
-  '> 5%',
-  'last 2 firefox versions',
-  'last 2 chrome versions',
-  'last 2 safari versions',
-  'last 2 edge versions',
-]

package/index.js

@@ -1,106 +0,0 @@
-const browsers = require('./browsers')
-const propertyOrder = require('./property-order')
-
-module.exports = {
-  extends: ['stylelint-config-standard'],
-  customSyntax: require('postcss-scss'),
-  ignoreFiles: ['**/*.js', '**/*.cjs'],
-  plugins: [
-    'stylelint-no-unsupported-browser-features',
-    'stylelint-order',
-    'stylelint-scss',
-    './plugins/borders',
-    './plugins/box-shadow',
-    './plugins/colors',
-    './plugins/no-deprecated-colors',
-    './plugins/no-experimental-vars',
-    './plugins/no-override',
-    './plugins/no-scale-colors',
-    './plugins/no-undefined-vars',
-    './plugins/no-unused-vars',
-    './plugins/responsive-widths',
-    './plugins/spacing',
-    './plugins/typography',
-    './plugins/utilities',
-    './plugins/new-color-vars-have-fallback',
-    './plugins/no-display-colors',
-  ],
-  rules: {
-    'alpha-value-notation': 'number',
-    'at-rule-disallowed-list': ['extend'],
-    'at-rule-no-unknown': null,
-    'block-no-empty': true,
-    'color-function-notation': null,
-    'color-named': 'never',
-    'color-no-invalid-hex': true,
-    'comment-no-empty': null,
-    'custom-property-pattern': null,
-    'declaration-block-no-duplicate-properties': [true, {ignore: ['consecutive-duplicates']}],
-    'declaration-block-no-redundant-longhand-properties': null,
-    'declaration-block-no-shorthand-property-overrides': true,
-    'declaration-property-value-disallowed-list': {
-      '/^transition/': ['/all/'],
-      '/^background/': ['http:', 'https:'],
-      '/^border/': ['none'],
-      '/.+/': ['initial'],
-    },
-    'function-calc-no-unspaced-operator': true,
-    'function-linear-gradient-no-nonstandard-direction': true,
-    'function-no-unknown': null,
-    'keyframes-name-pattern': null,
-    'max-nesting-depth': 3,
-    'media-feature-name-no-unknown': null,
-    'media-feature-name-no-vendor-prefix': null,
-    'no-descending-specificity': null,
-    'no-duplicate-selectors': true,
-    'no-invalid-position-at-import-rule': [true, {ignoreAtRules: ['use']}],
-    'number-max-precision': null,
-    'order/properties-order': propertyOrder,
-    'plugin/no-unsupported-browser-features': [true, {severity: 'warning', browsers}],
-    'primer/borders': true,
-    'primer/box-shadow': true,
-    'primer/colors': true,
-    'primer/no-deprecated-colors': true,
-    'primer/no-experimental-vars': [
-      true,
-      {
-        designTokens: '@primer/primitives/tokens-v2-private/docs/docValues.json',
-      },
-    ],
-    'primer/no-override': true,
-    'primer/no-undefined-vars': [
-      true,
-      {severity: 'warning', files: 'node_modules/@primer/primitives/dist/scss/colors*/*.scss'},
-    ],
-    'primer/no-unused-vars': [true, {severity: 'warning'}],
-    'primer/responsive-widths': true,
-    'primer/spacing': true,
-    'primer/typography': true,
-    'primer/utilities': null,
-    'primer/new-color-vars-have-fallback': [true, {severity: 'error'}],
-    'scss/at-extend-no-missing-placeholder': true,
-    'scss/at-rule-no-unknown': true,
-    'scss/declaration-nested-properties-no-divided-groups': true,
-    'scss/dollar-variable-no-missing-interpolation': true,
-    'scss/function-quote-no-quoted-strings-inside': true,
-    'scss/function-unquote-no-unquoted-strings-inside': true,
-    'scss/no-duplicate-mixins': true,
-    'scss/selector-no-redundant-nesting-selector': true,
-    'selector-class-pattern': null,
-    'selector-max-compound-selectors': 3,
-    'selector-max-id': 0,
-    'selector-max-specificity': '0,4,0',
-    'selector-max-type': 0,
-    'selector-no-qualifying-type': true,
-    'selector-pseudo-element-no-unknown': true,
-    'string-no-newline': true,
-    'unit-no-unknown': true,
-    'value-keyword-case': null,
-    'selector-not-notation': null,
-    'import-notation': ['string'],
-    'annotation-no-unknown': null,
-    'keyframe-selector-notation': ['percentage-unless-within-keyword-only-block'],
-    'media-query-no-invalid': null,
-    'media-feature-range-notation': ['prefix'],
-  },
-}

package/plugins/lib/primer.js

@@ -1,26 +0,0 @@
-const {existsSync} = require('fs')
-const {join} = require('path')
-
-module.exports = {
-  getPrimerModuleDir,
-  requirePrimerFile,
-}
-
-function getPrimerModuleDir() {
-  const cwd = process.cwd()
-  const localPackageJson = join(cwd, 'package.json')
-  if (existsSync(localPackageJson)) {
-    // eslint-disable-next-line import/no-dynamic-require
-    const {name} = require(localPackageJson)
-    if (name === '@primer/css') {
-      return cwd
-    }
-  }
-  return '@primer/css'
-}
-
-function requirePrimerFile(path) {
-  const fullPath = join(getPrimerModuleDir(), path)
-  // eslint-disable-next-line import/no-dynamic-require
-  return require(fullPath)
-}

package/plugins/no-experimental-vars.js

@@ -1,47 +0,0 @@
-const stylelint = require('stylelint')
-const declarationValueIndex = require('stylelint/lib/utils/declarationValueIndex')
-
-const ruleName = 'primer/no-experimental-vars'
-const messages = stylelint.utils.ruleMessages(ruleName, {
-  rejected: value => {
-    return `Do not use experimental variable \`var(--${value})\`. Experimental variables are undergoing testing, see https://github.com/github/primer/issues/889 for more details.`
-  },
-})
-
-// eslint-disable-next-line no-unused-vars
-module.exports = stylelint.createPlugin(ruleName, (enabled, options = {}, context) => {
-  if (!enabled) {
-    return noop
-  }
-
-  // eslint-disable-next-line import/no-dynamic-require
-  const designTokens = require(options.designTokens)
-
-  let experimentalVars = null
-  for (const tokenType of Object.keys(designTokens)) {
-    experimentalVars = new Set(designTokens[tokenType].map(t => t['name']))
-  }
-
-  const lintResult = (root, result) => {
-    root.walkDecls(decl => {
-      for (const expVar of experimentalVars) {
-        if (decl.value.includes(`var(--${expVar})`)) {
-          stylelint.utils.report({
-            index: declarationValueIndex(decl),
-            message: messages.rejected(expVar),
-            node: decl,
-            result,
-            ruleName,
-          })
-        }
-      }
-    })
-  }
-
-  return lintResult
-})
-
-function noop() {}
-
-module.exports.ruleName = ruleName
-module.exports.messages = messages