@primer/react-brand 0.40.2-rc.c8de7640 → 0.41.0-rc.8e92d5f5

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -85,10 +85,10 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
             regular?: "normal" | "condensed" | "expanded";
             wide?: "normal" | "condensed" | "expanded";
         };
-        letterSpacing?: ("normal" | "none" | "condensed") | {
-            narrow?: "normal" | "none" | "condensed";
-            regular?: "normal" | "none" | "condensed";
-            wide?: "normal" | "none" | "condensed";
+        letterSpacing?: ("normal" | "condensed" | "none") | {
+            narrow?: "normal" | "condensed" | "none";
+            regular?: "normal" | "condensed" | "none";
+            wide?: "normal" | "condensed" | "none";
         };
         font?: "mona-sans" | "hubot-sans" | "monospace";
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -102,20 +102,20 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
             regular?: "horizontal" | "vertical";
             wide?: "horizontal" | "vertical";
         };
-        gap?: ("normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        gap?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
         alignItems?: ("center" | "flex-end" | "flex-start") | {
             narrow?: "center" | "flex-end" | "flex-start";
             regular?: "center" | "flex-end" | "flex-start";
             wide?: "center" | "flex-end" | "flex-start";
         };
-        padding?: ("normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
-            narrow?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            regular?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
-            wide?: "normal" | 8 | 4 | "none" | "condensed" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+        padding?: ("normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128) | {
+            narrow?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            regular?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
+            wide?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128;
         };
         justifyContent?: ("center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start") | {
             narrow?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";

package/lib/CTABanner/CTABanner.d.ts

@@ -35,10 +35,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             regular?: "normal" | "condensed" | "expanded";
             wide?: "normal" | "condensed" | "expanded";
         };
-        letterSpacing?: ("normal" | "none" | "condensed") | {
-            narrow?: "normal" | "none" | "condensed";
-            regular?: "normal" | "none" | "condensed";
-            wide?: "normal" | "none" | "condensed";
+        letterSpacing?: ("normal" | "condensed" | "none") | {
+            narrow?: "normal" | "condensed" | "none";
+            regular?: "normal" | "condensed" | "none";
+            wide?: "normal" | "condensed" | "none";
         };
         font?: "mona-sans" | "hubot-sans" | "monospace";
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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';