@primer/css 18.0.0-rc.a38652d9 → 18.0.0-rc.b65a06b6

package/markdown/markdown-body.scss

@@ -93,4 +93,12 @@
       margin-bottom: 0;
     }
   }
+
+  sup > a::before {
+    content: "[";
+  }
+
+  sup > a::after {
+    content: "]";
+  }
 }

package/marketing/type/typography.scss

@@ -125,7 +125,7 @@
   font-size: $h4-size;
   line-height: 1.4;
   color: var(--color-color-text-secondary);
-  border-left: 3px solid var(--color-border-primary);
+  border-left: 3px solid var(--color-border-default);
 
   @include breakpoint(md) {
     padding-left: $spacer * 1.5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "18.0.0-rc.a38652d9",
+  "version": "18.0.0-rc.b65a06b6",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -34,37 +34,37 @@
     "release": "changeset publish"
   },
   "dependencies": {
-    "@primer/primitives": "^4.8.0"
+    "@primer/primitives": "^5.0.0"
   },
   "devDependencies": {
     "@changesets/changelog-github": "0.4.1",
     "@changesets/cli": "2.17.0",
     "@github/prettier-config": "0.0.4",
     "@koddsson/postcss-sass": "5.0.0",
-    "autoprefixer": "10.3.4",
+    "@primer/stylelint-config": "12.0.1",
+    "autoprefixer": "10.3.6",
     "cssstats": "4.0.2",
     "eslint": "7.32.0",
     "eslint-plugin-github": "4.3.0",
-    "eslint-plugin-jest": "24.4.2",
+    "eslint-plugin-jest": "24.5.2",
     "eslint-plugin-prettier": "4.0.0",
     "filesize": "8.0.3",
     "front-matter": "4.0.2",
     "fs-extra": "10.0.0",
     "globby": "12.0.2",
-    "jest": "27.2.0",
+    "jest": "27.2.4",
     "js-yaml": "4.1.0",
-    "postcss": "8.3.6",
+    "postcss": "8.3.8",
     "postcss-calc": "8.0.0",
     "postcss-import": "14.0.2",
     "postcss-load-config": "3.1.0",
-    "postcss-scss": "4.0.0",
+    "postcss-scss": "4.0.1",
     "postcss-simple-vars": "6.0.3",
     "prettier": "2.4.1",
     "semver": "7.3.5",
     "stylelint": "13.13.1",
-    "stylelint-config-primer": "11.1.1",
     "stylelint-scss": "3.21.0",
-    "table": "6.7.1"
+    "table": "6.7.2"
   },
   "jest": {
     "testEnvironment": "node",

package/postcss.config.cjs

@@ -0,0 +1,22 @@
+const autoprefixer = require('autoprefixer')
+const sass = require('@koddsson/postcss-sass')
+const scss = require('postcss-scss')
+const scssImport = require('postcss-import')
+const {join} = require('path')
+
+module.exports = {
+  map: {
+    sourcesContent: false,
+    annotation: true
+  },
+  syntax: scss,
+  parser: scss,
+  plugins: [
+    scssImport,
+    sass({
+      includePaths: [join(__dirname, 'node_modules')],
+      outputStyle: process.env.CSS_MINIFY === '0' ? 'expanded' : 'compressed'
+    }),
+    autoprefixer,
+  ]
+}

package/stylelint.config.cjs

@@ -1,7 +1,5 @@
-const currentVersion = process.env.PRIMER_VERSION || require('./package.json').version
-
 module.exports = {
-  extends: ['stylelint-config-primer'],
+  extends: ['@primer/stylelint-config'],
   plugins: ['stylelint-scss'],
   syntax: 'scss',
   ignoreFiles: ['src/fonts/**/*'],

package/support/mixins/misc.scss

@@ -1,5 +1,5 @@
 // Generate a two-color caret for any element.
-@mixin double-caret($background: var(--color-bg-primary), $border: var(--color-border-primary)) {
+@mixin double-caret($background: var(--color-canvas-default), $border: var(--color-border-default)) {
   &::after,
   &::before {
     position: absolute;

package/support/variables/misc.scss

@@ -3,7 +3,7 @@
 // Border
 $border-width: 1px !default;
 $border-style: solid !default;
-$border: $border-width $border-style var(--color-border-primary) !default;
+$border: $border-width $border-style var(--color-border-default) !default;
 
 // Border Radius
 $border-radius-1:  4px !default;

package/utilities/details.scss

@@ -14,7 +14,7 @@
 }
 
 .details-overlay-dark[open] > summary::before {
-  z-index: 99;
+  z-index: 111;
   background: var(--color-primer-canvas-backdrop);
 }