@nimbus-ds/components 5.40.0 → 5.40.2-rc.1

package/dist/Icon/index.d.ts

@@ -6,7 +6,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "ai-gradientPurpleHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
 		cursor?: Cursor | undefined;
 	}) => string) & {
 		properties: Set<"color" | "cursor">;

package/dist/IconButton/index.d.ts

@@ -13,7 +13,7 @@ export interface Conditions<T> {
 export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "ai-gradientPurpleHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
 		cursor?: Cursor | undefined;
 	}) => string) & {
 		properties: Set<"color" | "cursor">;

package/dist/index.d.ts

@@ -832,7 +832,7 @@ declare const fileUploader: {
 		flexDirection?: "row" | "column" | undefined;
 		cursor?: Cursor | undefined;
 		backgroundColor?: "transparent" | "primary-surface" | "neutral-background" | undefined;
-		borderColor?: "transparent" | "primary-interactive" | "ai-gradientPurpleHigh" | undefined;
+		borderColor?: "transparent" | "primary-interactive" | "ai-generativeInteractiveHover" | undefined;
 	}) => string) & {
 		properties: Set<"aspectRatio" | "backgroundColor" | "cursor" | "flexDirection" | "borderColor">;
 	};
@@ -853,9 +853,21 @@ declare const fileUploader: {
 		};
 		borderColor: {
 			"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"ai-gradientPurpleHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"ai-generativeInteractiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 			transparent: string;
 		};
+		borderRadius: {
+			"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			"6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+			half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		};
 	};
 	classnames: {
 		container: string;
@@ -863,13 +875,16 @@ declare const fileUploader: {
 		disabled: string;
 		dragging: string;
 		skeleton: string;
+		asOverlay: string;
 		overlay: string;
+		overlay__content: string;
+		overlay__content__text: string;
 		overlay__image: string;
 	};
 };
 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "ai-gradientPurpleHigh" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | 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" | "neutral-textHigh" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
 		cursor?: Cursor | undefined;
 	}) => string) & {
 		properties: Set<"color" | "cursor">;
@@ -2487,6 +2502,11 @@ export interface FileUploaderOverlayProperties {
 	 * @default primary-surface
 	 */
 	backgroundColor?: keyof typeof fileUploader.properties.backgroundColor;
+	/**
+	 * Border radius of the overlay
+	 * @default 2
+	 */
+	borderRadius?: keyof typeof fileUploader.properties.borderRadius;
 	/**
 	 * Content to render inside the overlay
 	 */
@@ -2531,15 +2551,15 @@ export interface FileUploaderProperties {
 	/**
 	 * Callback fired when files are dropped (before validation)
 	 */
-	onDrop?: (event: DragEvent<HTMLLabelElement>) => void;
+	onDrop?: (event: DragEvent<HTMLLabelElement | HTMLDivElement>) => void;
 	/**
 	 * Callback fired when all dropped files are rejected due to file type validation
 	 */
-	onDropReject?: (event: DragEvent<HTMLLabelElement>) => void;
+	onDropReject?: (event: DragEvent<HTMLLabelElement | HTMLDivElement>) => void;
 	/**
 	 * Callback fired when files are successfully accepted and processed
 	 */
-	onDropSuccess?: (event: DragEvent<HTMLLabelElement>) => void;
+	onDropSuccess?: (event: DragEvent<HTMLLabelElement | HTMLDivElement>) => void;
 	/**
 	 * Callback fired when an error occurs during file drop processing
 	 */
@@ -2548,21 +2568,6 @@ export interface FileUploaderProperties {
 	 * Content to render inside the file uploader container
 	 */
 	children?: ReactNode;
-	/**
-	 * Hides the default icon when true
-	 * @default true
-	 */
-	showIcon?: boolean;
-	/**
-	 * Border color of the file uploader
-	 * @default primary-interactive
-	 */
-	borderColor?: keyof typeof fileUploader.properties.borderColor;
-	/**
-	 * Background color of the file uploader
-	 * @default primary-surface
-	 */
-	backgroundColor?: keyof typeof fileUploader.properties.backgroundColor;
 	/**
 	 * Custom overlay element to render when dragging files over the uploader.
 	 * When defined, this overlay will be displayed instead of children during drag operations.
@@ -2573,6 +2578,11 @@ export interface FileUploaderProperties {
 	 * @default false
 	 */
 	disableClickUpload?: boolean;
+	/**
+	 * When true, the file uploader will be rendered as an overlay. Useful for invisible upload areas used along FileUploader.Overlay.
+	 * @default false
+	 */
+	asOverlay?: boolean;
 }
 export type FileUploaderProps = FileUploaderProperties & {
 	dragOverlay?: ReactElement<FileUploaderOverlayProps>;