@primer/react-brand 0.41.0-rc.0851fa17 → 0.41.0-rc.6a49b8a8

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;