@primer/css 20.4.6-rc.ecd602e1 → 20.4.7-rc.12721f15

package/markdown/footnotes.scss

@@ -19,6 +19,12 @@
 
     ol {
       padding-left: $spacer-3;
+
+      ul {
+        display: inline-block;
+        padding-left: $spacer-3;
+        margin-top: $spacer-3;
+      }
     }
 
     li {

package/overlay/overlay.scss

@@ -224,7 +224,6 @@ $primer-borderRadius-large: 0.75rem;
   padding-top: 0;
   overflow-y: auto;
   scrollbar-width: thin;
-  scrollbar-gutter: stable;
   font-size: $body-font-size;
   flex-grow: 1;
 
@@ -353,7 +352,7 @@ $primer-borderRadius-large: 0.75rem;
       border-bottom-left-radius: 0;
 
       @media screen and (prefers-reduced-motion: no-preference) {
-        animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight;
+        animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInRight;
       }
     }
   }
@@ -370,7 +369,7 @@ $primer-borderRadius-large: 0.75rem;
       border-bottom-right-radius: 0;
 
       @media screen and (prefers-reduced-motion: no-preference) {
-        animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft;
+        animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft;
       }
     }
   }
@@ -388,7 +387,7 @@ $primer-borderRadius-large: 0.75rem;
       border-bottom-left-radius: 0;
 
       @media screen and (prefers-reduced-motion: no-preference) {
-        animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp;
+        animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideUp;
       }
     }
   }
@@ -401,6 +400,10 @@ $primer-borderRadius-large: 0.75rem;
       border-radius: $primer-borderRadius-large;
       border-top-left-radius: 0;
       border-top-right-radius: 0;
+
+      @media screen and (prefers-reduced-motion: no-preference) {
+        animation: 250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideDown;
+      }
     }
   }
 }
@@ -456,6 +459,12 @@ $primer-borderRadius-large: 0.75rem;
   }
 }
 
+@keyframes Overlay--motion-slideDown {
+  from {
+    transform: translateY(-100%);
+  }
+}
+
 @keyframes Overlay--motion-slideUp {
   from {
     transform: translateY(100%);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "20.4.6-rc.ecd602e1",
+  "version": "20.4.7-rc.12721f15",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -50,10 +50,10 @@
     "@github/prettier-config": "0.0.4",
     "@koddsson/postcss-sass": "5.0.1",
     "@primer/stylelint-config": "^12.4.0",
-    "autoprefixer": "10.4.8",
+    "autoprefixer": "10.4.12",
     "chokidar-cli": "3.0.0",
     "cssstats": "4.0.5",
-    "eslint": "8.21.0",
+    "eslint": "8.23.1",
     "eslint-plugin-github": "4.3.7",
     "eslint-plugin-jest": "26.8.2",
     "eslint-plugin-prettier": "4.2.1",
@@ -61,7 +61,7 @@
     "front-matter": "4.0.2",
     "fs-extra": "10.1.0",
     "globby": "13.1.2",
-    "jest": "28.1.3",
+    "jest": "29.0.3",
     "js-yaml": "4.1.0",
     "postcss": "8.4.16",
     "postcss-calc": "8.2.4",