@nimbus-ds/components 5.23.0-rc.1 → 5.24.0-rc.1

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,46 @@
+// Generated by dts-bundle-generator v7.2.0
+
+import React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+export interface Conditions<T> {
+	xs?: T;
+	md?: T;
+	lg?: T;
+	xl?: T;
+}
+export interface TooltipSprinkle {
+	/**
+	 * The maxWidth property specifies the maximum width of a popover's content area.
+	 */
+	maxWidth?: string | Conditions<string>;
+}
+export interface TooltipProperties extends TooltipSprinkle {
+	/**
+	 * An HTML element, or a function that returns one. It's used to set the position of the tooltip.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+	/**
+	 * The text that should appear in the tooltip message.
+	 */
+	content: string;
+	/**
+	 * Conditional for displaying the popover arrow.
+	 * @default false
+	 */
+	arrow?: boolean;
+	/**
+	 * Position of the popover.
+	 * @default bottom
+	 */
+	position?: "top" | "bottom" | "left" | "right";
+}
+export type TooltipProps = TooltipProperties & HTMLAttributes<HTMLDivElement>;
+export declare const Tooltip: React.FC<TooltipProps>;
+
+export {
+	Tooltip as default,
+};
+
+export {};

package/dist/index.d.ts

@@ -170,7 +170,9 @@ declare const propertiesBox: {
 		"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The min height property specifies the height of a box's content area.
+		 */
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -201,7 +203,9 @@ declare const propertiesBox: {
 		"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
+		 * The min height property specifies the height of a box's content area.
+		 */
 		"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -231,7 +235,6 @@ declare const propertiesBox: {
 		"neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		transparent: string;
-		"ai-generative-interactive": string;
 	};
 	borderRadius: {
 		"0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -877,6 +880,7 @@ declare const propertiesIconButton: {
 		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	borderColor: {
 		"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -886,6 +890,7 @@ declare const propertiesIconButton: {
 		transparent: string;
 		"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"ai-generativeSurface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 };
 export type IconButtonBackgroundColorProperties = keyof typeof propertiesIconButton.backgroundColor;
@@ -2218,7 +2223,7 @@ export interface ButtonProperties {
 	 * Change the visual style of the button.
 	 * @default neutral
 	 */
-	appearance?: "primary" | "danger" | "neutral" | "transparent";
+	appearance?: "primary" | "danger" | "neutral" | "transparent" | "ai-primary" | "ai-secondary";
 	/**
 	 * Disables the button, disallowing user interaction.
 	 * @default false
@@ -2426,6 +2431,11 @@ export interface IconButtonProperties extends IconButtonSprinkle {
 	 * @default neutral-textHigh
 	 */
 	color?: IconProps["color"];
+	/**
+	 * AI gradient background appearance for the button container.
+	 * When provided, container color/border sprinkles are ignored in favor of gradient styles.
+	 */
+	appearance?: "ai-generative";
 }
 export type IconButtonProps = IconButtonProperties & ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement>;
 export declare const IconButton: React.FC<IconButtonProps> & IconButtonComponents;