@nimbus-ds/components 5.15.0-rc.2 → 5.15.0-rc.3

package/dist/index.d.ts

@@ -829,7 +829,7 @@ declare const fileUploader: {
 };
 declare const icon: {
 	sprinkle: ((props: {
-		color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
+		color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | "ai-interactive" | undefined;
 		cursor?: Cursor | undefined;
 	}) => string) & {
 		properties: Set<"color" | "cursor">;
@@ -859,6 +859,7 @@ declare const icon: {
 			"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			"neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			"neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"ai-interactive": string;
 		};
 		cursor: Cursor[];
 	};
@@ -2352,7 +2353,7 @@ export interface IconProperties {
 	source: ReactNode;
 	/**
 	 * Set the color for the SVG fill.
-	 * Use "ai-gradient" to apply the Nimbus AI gradient.
+	 * Use "ai-interactive" to apply the Nimbus AI interactive gradient.
 	 * @default neutral-textLow
 	 */
 	color?: keyof typeof icon.properties.color | "ai-interactive";
@@ -2364,6 +2365,28 @@ export interface IconProperties {
 }
 export type IconProps = IconProperties & HTMLAttributes<HTMLDivElement>;
 export declare const Icon: React.FC<IconProps> & IconComponents;
+/**
+ * Checks if a color value is valid (exists and is not "none" or "transparent")
+ * @param color - The color value to check
+ * @returns True if color is valid, false otherwise
+ */
+export declare const isValidColorValue: (color: string | undefined) => boolean;
+/**
+ * Checks if a color value can use gradient (valid and not already a URL reference)
+ * @param color - The color value to check
+ * @returns True if color can use gradient, false otherwise
+ */
+export declare const canUseGradient: (color: string) => boolean;
+/**
+ * Checks if a color value is a gradient
+ * @param color - The color value to check
+ * @returns True if color is a known gradient value, false otherwise
+ */
+export declare const isGradient: (color: string) => boolean;
+/**
+ * Collection of known gradient color values
+ */
+export declare const GRADIENT_COLORS: Set<string>;
 export type IconButtonSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "height">> & {
 	/**
 	 * This is an attribute used to identify a DOM node for testing purposes.