@primer/react-brand 0.28.0-rc.fe1588c → 0.28.0

package/lib/Card/index.d.ts

@@ -1 +1,2 @@
 export * from './Card';
+export * from './CardSkewEffect';

package/lib/Prose/Prose.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-link/base.css';
 export type ProseProps = {
     /**

package/lib/css/main.css

@@ -94,7 +94,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root,
@@ -634,7 +634,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -659,7 +659,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -675,7 +675,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -695,7 +695,10 @@ select {
   --brand-text-letterSpacing-700: -0.02em;
   --brand-text-letterSpacing-600: -0.02em;
   --brand-text-letterSpacing-500: -0.01em;
-  --brand-text-letterSpacing-400: -0.01em;
+  --brand-text-letterSpacing-400: 0em;
+  --brand-text-letterSpacing-300: 0em;
+  --brand-text-letterSpacing-200: 0em;
+  --brand-text-letterSpacing-100: 0.02em;
   --brand-text-lineHeight-1000: 1.1;
   --brand-text-lineHeight-900: 1.1;
   --brand-text-lineHeight-800: 1.2;
@@ -804,7 +807,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -818,7 +821,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -837,7 +840,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -1042,7 +1045,7 @@ select {
   font-weight: var(--brand-text-weight-700);
   font-size: var(--brand-text-size-700);
   line-height: var(--brand-text-lineHeight-700);
-  letter-spacing: var(--brand-text-body-letterSpacing-100);
+  letter-spacing: var(--brand-text-letterSpacing-700);
 }
 
 .Primer_Brand__Text-module__Text--600___ThppA {
@@ -1061,24 +1064,28 @@ select {
   font-weight: var(--brand-text-weight-400);
   font-size: var(--brand-text-size-400);
   line-height: var(--brand-text-lineHeight-400);
+  letter-spacing: var(--brand-text-letterSpacing-400);
 }
 
 .Primer_Brand__Text-module__Text--300___TBQTB {
   font-weight: var(--brand-text-weight-300);
   font-size: var(--brand-text-size-300);
   line-height: var(--brand-text-lineHeight-300);
+  letter-spacing: var(--brand-text-letterSpacing-300);
 }
 
 .Primer_Brand__Text-module__Text--200___XAIGT {
   font-weight: var(--brand-text-weight-200);
   font-size: var(--brand-text-size-200);
   line-height: var(--brand-text-lineHeight-200);
+  letter-spacing: var(--brand-text-letterSpacing-200);
 }
 
 .Primer_Brand__Text-module__Text--100___csEom {
   font-weight: var(--brand-text-weight-100);
   font-size: var(--brand-text-size-100);
   line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: var(--brand-text-letterSpacing-100);
 }
 
 .Primer_Brand__Text-module__Text--weight-heavy___ege7O,
@@ -1211,7 +1218,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -1773,7 +1780,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -2000,7 +2007,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -2259,7 +2266,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -2285,7 +2292,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -3043,7 +3050,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -3879,7 +3886,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -3900,7 +3907,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -3910,7 +3917,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -4260,10 +4267,18 @@ select {
     display: block;
     margin: 0;
     padding: 0;
+  }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper___b2uqO {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    overflow-y: auto;
     position: absolute;
     top: 75px;
     left: 0;
     right: 0;
+    bottom: 0;
     z-index: 2;
     background-color: var(--brand-color-canvas-default);
     width: 100vw;
@@ -4271,6 +4286,10 @@ select {
     animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
     animation-timing-function: var(--brand-animation-easing-default);
   }
+
+  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-wrapper--close___NzelD {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 48rem) {
@@ -4602,12 +4621,9 @@ select {
 
   .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
     display: flex;
-    position: absolute;
     left: 0;
     z-index: 99;
     width: 100%;
-    bottom: calc((-100vh - 75px) - -150px);
-    bottom: calc(calc(-100vh - 75px) - -150px);
     height: auto;
     animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
     animation-duration: 500ms;
@@ -4820,7 +4836,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -4848,7 +4864,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -4864,7 +4880,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -4986,7 +5002,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -5002,7 +5018,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -5248,7 +5264,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -5257,7 +5273,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -5275,7 +5291,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -5406,7 +5422,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -6507,7 +6523,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -6521,7 +6537,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -6731,7 +6747,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -6747,7 +6763,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -7065,7 +7081,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -7481,7 +7497,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -7659,7 +7675,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -7786,7 +7802,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -7914,6 +7930,88 @@ html {
   color: var(--brand-Pillar-icon-color-yellow);
 }
 
+/**
+ * Do not edit directly
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
+ */
+
+:root {
+  --brand-Card-animation-easing: var(--brand-animation-easing-default);
+  --brand-Card-animation-duration: 600ms;
+  --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
+  --brand-Card-maxWidth: 26.25rem;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-Card-background-default: var(--brand-color-canvas-default);
+  --brand-Card-icon-background-default: var(--base-color-scale-gray-0);
+  --brand-Card-icon-background-blue: var(--base-color-scale-blue-0);
+  --brand-Card-icon-background-coral: var(--base-color-scale-coral-0);
+  --brand-Card-icon-background-green: var(--base-color-scale-green-0);
+  --brand-Card-icon-background-gray: var(--base-color-scale-gray-0);
+  --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-0);
+  --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-0);
+  --brand-Card-icon-background-lime: var(--base-color-scale-lime-0);
+  --brand-Card-icon-background-orange: var(--base-color-scale-orange-0);
+  --brand-Card-icon-background-pink: var(--base-color-scale-pink-0);
+  --brand-Card-icon-background-purple: var(--base-color-scale-purple-0);
+  --brand-Card-icon-background-red: var(--base-color-scale-red-0);
+  --brand-Card-icon-background-teal: var(--base-color-scale-teal-0);
+  --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-0);
+  --brand-Card-icon-color-default: var(--brand-color-scale-gray-5);
+  --brand-Card-icon-color-blue: var(--base-color-scale-blue-5);
+  --brand-Card-icon-color-coral: var(--base-color-scale-coral-5);
+  --brand-Card-icon-color-green: var(--base-color-scale-green-5);
+  --brand-Card-icon-color-gray: var(--base-color-scale-gray-6);
+  --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-5);
+  --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-5);
+  --brand-Card-icon-color-lime: var(--base-color-scale-lime-5);
+  --brand-Card-icon-color-orange: var(--base-color-scale-orange-5);
+  --brand-Card-icon-color-pink: var(--base-color-scale-pink-5);
+  --brand-Card-icon-color-purple: var(--base-color-scale-purple-5);
+  --brand-Card-icon-color-red: var(--base-color-scale-red-5);
+  --brand-Card-icon-color-teal: var(--base-color-scale-teal-5);
+  --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
+}
+
+[data-color-mode="dark"] {
+  --brand-Card-background-default: var(--brand-color-canvas-subtle);
+  --brand-Card-icon-background-default: var(--base-color-scale-gray-6);
+  --brand-Card-icon-background-blue: var(--base-color-scale-blue-8);
+  --brand-Card-icon-background-coral: var(--base-color-scale-coral-8);
+  --brand-Card-icon-background-green: var(--base-color-scale-green-8);
+  --brand-Card-icon-background-gray: var(--base-color-scale-gray-6);
+  --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-8);
+  --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-8);
+  --brand-Card-icon-background-lime: var(--base-color-scale-lime-8);
+  --brand-Card-icon-background-orange: var(--base-color-scale-orange-8);
+  --brand-Card-icon-background-pink: var(--base-color-scale-pink-8);
+  --brand-Card-icon-background-purple: var(--base-color-scale-purple-8);
+  --brand-Card-icon-background-red: var(--base-color-scale-red-8);
+  --brand-Card-icon-background-teal: var(--base-color-scale-teal-8);
+  --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-8);
+  --brand-Card-icon-color-default: var(--brand-color-scale-gray-2);
+  --brand-Card-icon-color-blue: var(--base-color-scale-blue-2);
+  --brand-Card-icon-color-coral: var(--base-color-scale-coral-2);
+  --brand-Card-icon-color-green: var(--base-color-scale-green-2);
+  --brand-Card-icon-color-gray: var(--base-color-scale-gray-2);
+  --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-2);
+  --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-2);
+  --brand-Card-icon-color-lime: var(--base-color-scale-lime-2);
+  --brand-Card-icon-color-orange: var(--base-color-scale-orange-2);
+  --brand-Card-icon-color-pink: var(--base-color-scale-pink-2);
+  --brand-Card-icon-color-purple: var(--base-color-scale-purple-2);
+  --brand-Card-icon-color-red: var(--base-color-scale-red-2);
+  --brand-Card-icon-color-teal: var(--base-color-scale-teal-2);
+  --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-2);
+}
+
 .Primer_Brand__Card-module__Card___ByGEk {
   max-width: var(--brand-Card-maxWidth);
   text-decoration: none;
@@ -8215,88 +8313,6 @@ html {
   z-index: -1;
 }
 
-/**
- * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
- */
-
-:root {
-  --brand-Card-animation-easing: var(--brand-animation-easing-default);
-  --brand-Card-animation-duration: 600ms;
-  --brand-Card-shadow: 0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%);
-  --brand-Card-maxWidth: 26.25rem;
-}
-
-/**
- * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
- */
-
-:root,
-[data-color-mode="light"] {
-  --brand-Card-background-default: var(--brand-color-canvas-default);
-  --brand-Card-icon-background-default: var(--base-color-scale-gray-0);
-  --brand-Card-icon-background-blue: var(--base-color-scale-blue-0);
-  --brand-Card-icon-background-coral: var(--base-color-scale-coral-0);
-  --brand-Card-icon-background-green: var(--base-color-scale-green-0);
-  --brand-Card-icon-background-gray: var(--base-color-scale-gray-0);
-  --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-0);
-  --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-0);
-  --brand-Card-icon-background-lime: var(--base-color-scale-lime-0);
-  --brand-Card-icon-background-orange: var(--base-color-scale-orange-0);
-  --brand-Card-icon-background-pink: var(--base-color-scale-pink-0);
-  --brand-Card-icon-background-purple: var(--base-color-scale-purple-0);
-  --brand-Card-icon-background-red: var(--base-color-scale-red-0);
-  --brand-Card-icon-background-teal: var(--base-color-scale-teal-0);
-  --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-0);
-  --brand-Card-icon-color-default: var(--brand-color-scale-gray-5);
-  --brand-Card-icon-color-blue: var(--base-color-scale-blue-5);
-  --brand-Card-icon-color-coral: var(--base-color-scale-coral-5);
-  --brand-Card-icon-color-green: var(--base-color-scale-green-5);
-  --brand-Card-icon-color-gray: var(--base-color-scale-gray-6);
-  --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-5);
-  --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-5);
-  --brand-Card-icon-color-lime: var(--base-color-scale-lime-5);
-  --brand-Card-icon-color-orange: var(--base-color-scale-orange-5);
-  --brand-Card-icon-color-pink: var(--base-color-scale-pink-5);
-  --brand-Card-icon-color-purple: var(--base-color-scale-purple-5);
-  --brand-Card-icon-color-red: var(--base-color-scale-red-5);
-  --brand-Card-icon-color-teal: var(--base-color-scale-teal-5);
-  --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
-}
-
-[data-color-mode="dark"] {
-  --brand-Card-background-default: var(--brand-color-canvas-subtle);
-  --brand-Card-icon-background-default: var(--base-color-scale-gray-6);
-  --brand-Card-icon-background-blue: var(--base-color-scale-blue-8);
-  --brand-Card-icon-background-coral: var(--base-color-scale-coral-8);
-  --brand-Card-icon-background-green: var(--base-color-scale-green-8);
-  --brand-Card-icon-background-gray: var(--base-color-scale-gray-6);
-  --brand-Card-icon-background-indigo: var(--base-color-scale-indigo-8);
-  --brand-Card-icon-background-lemon: var(--base-color-scale-lemon-8);
-  --brand-Card-icon-background-lime: var(--base-color-scale-lime-8);
-  --brand-Card-icon-background-orange: var(--base-color-scale-orange-8);
-  --brand-Card-icon-background-pink: var(--base-color-scale-pink-8);
-  --brand-Card-icon-background-purple: var(--base-color-scale-purple-8);
-  --brand-Card-icon-background-red: var(--base-color-scale-red-8);
-  --brand-Card-icon-background-teal: var(--base-color-scale-teal-8);
-  --brand-Card-icon-background-yellow: var(--base-color-scale-yellow-8);
-  --brand-Card-icon-color-default: var(--brand-color-scale-gray-2);
-  --brand-Card-icon-color-blue: var(--base-color-scale-blue-2);
-  --brand-Card-icon-color-coral: var(--base-color-scale-coral-2);
-  --brand-Card-icon-color-green: var(--base-color-scale-green-2);
-  --brand-Card-icon-color-gray: var(--base-color-scale-gray-2);
-  --brand-Card-icon-color-indigo: var(--base-color-scale-indigo-2);
-  --brand-Card-icon-color-lemon: var(--base-color-scale-lemon-2);
-  --brand-Card-icon-color-lime: var(--base-color-scale-lime-2);
-  --brand-Card-icon-color-orange: var(--base-color-scale-orange-2);
-  --brand-Card-icon-color-pink: var(--base-color-scale-pink-2);
-  --brand-Card-icon-color-purple: var(--base-color-scale-purple-2);
-  --brand-Card-icon-color-red: var(--base-color-scale-red-2);
-  --brand-Card-icon-color-teal: var(--base-color-scale-teal-2);
-  --brand-Card-icon-color-yellow: var(--base-color-scale-yellow-2);
-}
-
 .Primer_Brand__SectionIntro-module__SectionIntro___RduRB {
   display: flex;
   flex-direction: column;
@@ -8352,7 +8368,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -8677,7 +8693,7 @@ html {
 
 .Primer_Brand__Prose-module__Prose___X2BXE ul {
   list-style-type: image;
-  list-style-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
+  list-style-image: var(--brand-Prose-unorderedList-imageUrl);
 }
 
 .Primer_Brand__Prose-module__Prose___X2BXE li {
@@ -8796,7 +8812,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -8805,6 +8821,20 @@ html {
   --brand-Prose-lineLength: 68ch;
 }
 
+/**
+ * Do not edit directly
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
+ */
+
+:root,
+[data-color-mode="light"] {
+  --brand-Prose-unorderedList-imageUrl: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27black%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
+}
+
+[data-color-mode="dark"] {
+  --brand-Prose-unorderedList-imageUrl: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 focusable=%27false%27 role=%27img%27 viewBox=%270 -3 16 16%27 width=%2716%27 height=%2716%27 fill=%27white%27 style=%27display: inline-block; vertical-align: text-bottom; overflow: visible;%27%3e%3cpath d=%27M2 7.75A.75.75 0 0 1 2.75 7h10a.75.75 0 0 1 0 1.5h-10A.75.75 0 0 1 2 7.75Z%27%3e%3c/path%3e%3c/svg%3e");
+}
+
 /* ---------------------------------------------------------- */
 /* Box component table of contents                            */
 /* Please ensure that this is kept up to date as the          */
@@ -13030,7 +13060,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -13048,7 +13078,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -13064,7 +13094,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -13289,7 +13319,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:35:00 GMT
  */
 
 :root,
@@ -13303,7 +13333,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {
@@ -13317,7 +13347,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:12 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Oct 2023 08:30:11 GMT
+ * Generated on Wed, 25 Oct 2023 13:34:59 GMT
  */
 
 :root {