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

package/dist/Box/index.d.ts

@@ -119,7 +119,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})`;
@@ -150,7 +152,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})`;
@@ -180,7 +184,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})`;

package/dist/Button/index.d.ts

@@ -64,7 +64,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

package/dist/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
 
+## 2025-09-17 `5.24.0`
+
+#### 🎉 New features
+
+- Added `ai-generative` appearance to `IconButton` component to match Nimbus AI gradient style. ([#353](https://github.com/TiendaNube/nimbus-design-system/pull/353) by [@joacotornello](https://github.com/joacotornello))
+- Added `ai-generative` appearance to `Button` component to match Nimbus AI gradient style. ([#353](https://github.com/TiendaNube/nimbus-design-system/pull/353) by [@joacotornello](https://github.com/joacotornello))
+- Several components received `:hover` and `:active` properties to improve hover and active states. ([#353](https://github.com/TiendaNube/nimbus-design-system/pull/353) by [@joacotornello](https://github.com/joacotornello))
+
+## 2025-09-16 `5.23.0`
+
+#### 🎉 New features
+
+- `Box`: Added `ai-generative-interactive` and `ai-generative-interactive-border` options to `background` property, and `aiFocus` option to `boxShadow` property. ([#352](https://github.com/TiendaNube/nimbus-design-system/pull/352) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-09-15 `5.22.0`
 
 #### 🎉 New features

package/dist/Chip/index.d.ts

@@ -0,0 +1,59 @@
+// Generated by dts-bundle-generator v7.2.0
+
+import React from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+
+export interface SkeletonProperties {
+	/**
+	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
+	 */
+	width: string;
+	/**
+	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+	 */
+	height: string;
+	/**
+	 * The border radius of the skeleton.
+	 */
+	borderRadius?: string;
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
+}
+export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
+export type ChipSkeletonProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<SkeletonProps, "height">> & {
+	/**
+	 * This is an attribute used to identify a DOM node for testing purposes.
+	 */
+	"data-testid"?: string;
+};
+export type ChipSkeletonProps = ChipSkeletonProperties;
+export declare const ChipSkeleton: React.FC<ChipSkeletonProps>;
+export interface ChipComponents {
+	Skeleton: typeof ChipSkeleton;
+}
+export interface ChipProperties {
+	/**
+	 Text to be displayed on chip.
+	*/
+	text: string;
+	/**
+	 * SVG icon to be displayed on chip.
+	 * @TJS-type React.ReactNode
+	 */
+	icon?: ReactNode;
+	/**
+	 * Informs whether the close icon should be displayed.
+	 */
+	removable?: boolean;
+	/**
+	 * Highlights the chip to indicate its value was generated by AI.
+	 * Applies AI gradient border and an AI outline.
+	 */
+	aiGenerated?: boolean;
+}
+export type ChipProps = ChipProperties & ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement>;
+export declare const Chip: React.FC<ChipProps> & ChipComponents;
+
+export {};