@primer/react-brand 0.40.2-rc.ec27b8b0 → 0.41.0-rc.0851fa17

package/lib/Card/CardSkewEffect.d.ts

@@ -4,5 +4,5 @@ type CardSkewEffectProps = {
     perspective?: number;
     disableSkew?: boolean;
 } & BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>;
-export declare const CardSkewEffect: ({ color, children, perspective, disableSkew, ...rest }: PropsWithChildren<CardSkewEffectProps>) => JSX.Element;
+export declare const CardSkewEffect: ({ color, children, className, perspective, disableSkew, ...rest }: PropsWithChildren<CardSkewEffectProps>) => JSX.Element;
 export {};

package/lib/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+import { type SVGAttributes } from 'react';
+import { Icon as OcticonProps } from '@primer/octicons-react';
+/**
+ * Design Tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon/colors.css';
+export declare const IconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
+export declare const defaultIconColor: "default";
+export type IconProps = SVGAttributes<SVGElement> & {
+    icon: OcticonProps;
+    color?: (typeof IconColors)[number];
+    hasBackground?: boolean;
+};
+export declare const Icon: ({ icon: Octicon, className, color, hasBackground, ...rest }: IconProps) => JSX.Element;

package/lib/Icon/Icon.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from './Icon';

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -367,7 +367,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -394,7 +394,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -410,7 +410,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -542,7 +542,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -556,7 +556,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -575,7 +575,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -970,7 +970,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -1559,7 +1559,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -1825,7 +1825,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -2109,7 +2109,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -2136,7 +2136,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -2894,7 +2894,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -3737,7 +3737,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -3758,7 +3758,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -3769,19 +3769,18 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
   --brand-RiverBreakout-spacing-inner: var(--base-size-40);
-  --brand-River-spacing-outer: var(--base-size-28);
+  --brand-River-spacing-outer: var(--base-size-36);
   --brand-River-spacing-inner: var(--base-size-24);
 }
 
 @media (min-width: 768px) {
   :root {
     --brand-RiverBreakout-spacing-inner: var(--base-size-48);
-    --brand-River-spacing-outer: var(--base-size-36);
     --brand-River-spacing-inner: var(--base-size-36);
   }
 }
@@ -4530,7 +4529,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5283,7 +5282,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5311,7 +5310,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5327,7 +5326,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -5451,7 +5450,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5467,7 +5466,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5713,7 +5712,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -5722,7 +5721,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5740,7 +5739,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -5871,7 +5870,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -5926,6 +5925,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
  */
 .Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL {
   position: relative;
+  grid-row: 1;
 }
 
 .Primer_Brand__Checkbox-module__Checkbox___T8FJa {
@@ -6640,6 +6640,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   -moz-user-select: none;
   user-select: none;
   cursor: pointer;
+  grid-row: 1;
 }
 
 .Primer_Brand__Radio-module__Radio___JycTo {
@@ -6755,10 +6756,8 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7 {
-  display: flex;
-  align-items: flex-start;
-  flex-direction: row-reverse;
-  justify-content: flex-end;
+  display: grid;
+  grid-template-columns: auto 1fr;
 }
 
 .Primer_Brand__FormControl-module__FormControl--border___CRSaq {
@@ -6812,6 +6811,7 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__FormControl-module__FormControl-hint___dbP0O {
+  grid-column: 1 / 3;
   color: var(--brand-color-text-muted);
   display: block;
   font-size: var(--brand-text-size-200);
@@ -6862,6 +6862,10 @@ Fixes safari bug where outline doesn't respect border-radius
   }
 }
 
+.Primer_Brand__FormControl-module__FormControl-validation-checkbox___Cigqb {
+  grid-column: 1 / 3;
+}
+
 .Primer_Brand__Avatar-module__Avatar___QrJMw {
   display: inline-block;
   overflow: hidden;
@@ -6980,7 +6984,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -6994,7 +6998,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -7234,7 +7238,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -7250,7 +7254,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -7568,7 +7572,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -8021,7 +8025,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -8212,7 +8216,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -8351,7 +8355,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -8481,7 +8485,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -8492,7 +8496,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -8561,7 +8565,6 @@ html {
 }
 
 .Primer_Brand__Card-module__Card___ByGEk {
-  max-width: var(--brand-Card-maxWidth);
   text-decoration: none;
   color: var(--brand-color-text-default);
   border-radius: var(--brand-borderRadius-large);
@@ -8582,6 +8585,10 @@ html {
   height: 100%;
 }
 
+.Primer_Brand__Card-module__Card--maxWidth___sqVhD {
+  max-width: var(--brand-Card-maxWidth);
+}
+
 .Primer_Brand__Card-module__Card--fullWidth___j46z5 {
   max-width: none;
   max-width: initial;
@@ -8595,22 +8602,6 @@ html {
   background-color: var(--brand-Card-background-default);
 }
 
-.Primer_Brand__Card-module__Card___ByGEk[focus-within] {
-  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
-}
-
-.Primer_Brand__Card-module__Card___ByGEk:focus-within {
-  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
-}
-
-.Primer_Brand__Card-module__Card--variant-minimal___lq45H[focus-within] {
-  outline-offset: var(--base-size-16);
-}
-
-.Primer_Brand__Card-module__Card--variant-minimal___lq45H:focus-within {
-  outline-offset: var(--base-size-16);
-}
-
 .Primer_Brand__Card-module__Card___ByGEk:hover {
   text-decoration: none;
 }
@@ -8647,6 +8638,35 @@ html {
 
 .Primer_Brand__Card-module__Card__outer___QBN0D {
   height: 100%;
+  border-radius: var(--brand-borderRadius-large);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D[focus-within] {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D[\:has\(.Card--variant-minimal\)][focus-within] {
+  outline-offset: var(--base-size-16);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H)[focus-within] {
+  outline-offset: var(--base-size-16);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D[\:has\(.Card--variant-minimal\)][focus-within] {
+  outline-offset: var(--base-size-16);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D[\:has\(.Card--variant-minimal\)]:focus-within {
+  outline-offset: var(--base-size-16);
+}
+
+.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
+  outline-offset: var(--base-size-16);
 }
 
 .Primer_Brand__Card-module__Card--icon___nVz0T {
@@ -8843,18 +8863,25 @@ html {
 
 .Primer_Brand__Card-module__Card--skew___pEeoW {
   height: 100%;
-  overflow: hidden;
   border-radius: var(--brand-borderRadius-large);
 }
 
+.Primer_Brand__Card-module__Card--skew___pEeoW[focus-within] {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+}
+
+.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+}
+
 .Primer_Brand__Card-module__Card--skew___pEeoW:hover .Primer_Brand__Card-module__Card__torch___KkYgP {
   opacity: 0.85;
 }
 
 .Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
-  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
   border-radius: var(--brand-borderRadius-large);
   position: relative;
+  overflow: hidden;
   z-index: 1;
   height: 100%;
   background-color: var(--brand-Card-background-default);
@@ -8934,7 +8961,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -9501,7 +9528,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -9512,7 +9539,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -13710,7 +13737,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -13730,7 +13757,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -13766,7 +13793,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -13786,7 +13813,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -14062,7 +14089,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -14076,7 +14103,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -14090,7 +14117,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -16271,7 +16298,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -16295,7 +16322,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -16749,7 +16776,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -16762,7 +16789,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -17164,7 +17191,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -17173,7 +17200,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -17618,7 +17645,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {
@@ -17627,7 +17654,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -18082,7 +18109,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -18183,7 +18210,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -18519,7 +18546,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:30 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root,
@@ -18533,7 +18560,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:29 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:11 GMT
  */
 
 :root {
@@ -18736,7 +18763,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 
 /**
  * Do not edit directly
- * Generated on Thu, 03 Oct 2024 12:41:28 GMT
+ * Generated on Wed, 23 Oct 2024 07:42:10 GMT
  */
 
 :root {