@primer/react-brand 0.41.0-rc.f742ec11 → 0.41.0-rc.f753e387

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -75,10 +75,10 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
     } & {
         as?: typeof import("../").HeadingTags[number];
         size?: typeof import("../").HeadingSizes[number];
-        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
-            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
-            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
-            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
+            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/CTABanner/CTABanner.d.ts

@@ -25,10 +25,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
     } & {
         as?: typeof import("../Heading").HeadingTags[number];
         size?: typeof import("../Heading").HeadingSizes[number];
-        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
-            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
-            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
-            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
+            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/Icon/Icon.d.ts

@@ -1,14 +1,21 @@
 import { type SVGAttributes } from 'react';
-import { Icon as OcticonProps } from '@primer/octicons-react';
-/**
- * Design Tokens
- */
+import { type Icon as OcticonProps } from '@primer/octicons-react';
 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 namedIconSizes: readonly ["small", "medium", "large"];
+export type NamedIconSize = (typeof namedIconSizes)[number];
+export declare const numericIconSizes: readonly [20, 24, 28, 32, 36, 40, 44];
+export type NumericIconSize = (typeof numericIconSizes)[number];
+export declare const iconSizes: readonly ["small", "medium", "large", 20, 24, 28, 32, 36, 40, 44];
+export type IconSize = (typeof iconSizes)[number];
+export declare const defaultIconSize: "small";
+export declare const iconSizeMap: Record<NamedIconSize, NumericIconSize>;
+export declare const iconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
+export type IconColor = (typeof iconColors)[number];
 export declare const defaultIconColor: "default";
 export type IconProps = SVGAttributes<SVGElement> & {
     icon: OcticonProps;
-    color?: (typeof IconColors)[number];
+    color?: IconColor;
     hasBackground?: boolean;
+    size?: IconSize;
 };
-export declare const Icon: ({ icon: Octicon, className, color, hasBackground, ...rest }: IconProps) => JSX.Element;
+export declare const Icon: ({ icon: Octicon, className, color, hasBackground, size, ...rest }: IconProps) => JSX.Element;