@nimbus-ds/components 5.52.0 → 5.54.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/CHANGELOG.md +12 -0
  3. package/dist/Icon/index.d.ts +2 -1
  4. package/dist/IconButton/index.d.ts +2 -1
  5. package/dist/Text/index.d.ts +10 -1
  6. package/dist/Toast/index.d.ts +8 -0
  7. package/dist/Toast/index.js +1 -1
  8. package/dist/index.d.ts +20 -2
  9. package/dist/index.js +1 -1
  10. package/package.json +1 -1
  11. package/dist/components-props.json +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-02-24 `5.54.0`
7
+
8
+ #### 🎉 New features
9
+
10
+ - `Toast`: Added `behavior` prop to `ToastProvider` to control how multiple toasts are handled. Use `"single"` to replace the current toast instead of stacking. ([#434](https://github.com/TiendaNube/nimbus-design-system/pull/434) by [@joacotornello](https://github.com/joacotornello))
11
+
12
+ ## 2026-02-23 `5.53.0`
13
+
14
+ #### 🎉 New features
15
+
16
+ - Added `success-interactivePressed` color property to `Icon` and `Text` components. ([`#433`](https://github.com/TiendaNube/nimbus-design-system/pull/433) by [`@jetchart-tiendanube`](https://github.com/jetchart-tiendanube))
17
+
6
18
  ## 2026-02-12 `5.52.0`
7
19
 
8
20
  #### 🎉 New features
package/dist/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-02-24 `5.54.0`
7
+
8
+ #### 🎉 New features
9
+
10
+ - `Toast`: Added `behavior` prop to `ToastProvider` to control how multiple toasts are handled. Use `"single"` to replace the current toast instead of stacking. ([#434](https://github.com/TiendaNube/nimbus-design-system/pull/434) by [@joacotornello](https://github.com/joacotornello))
11
+
12
+ ## 2026-02-23 `5.53.0`
13
+
14
+ #### 🎉 New features
15
+
16
+ - Added `success-interactivePressed` color property to `Icon` and `Text` components. ([`#433`](https://github.com/TiendaNube/nimbus-design-system/pull/433) by [`@jetchart-tiendanube`](https://github.com/jetchart-tiendanube))
17
+
6
18
  ## 2026-02-12 `5.52.0`
7
19
 
8
20
  #### 🎉 New features
package/dist/Icon/index.d.ts CHANGED
@@ -6,7 +6,7 @@ import { HTMLAttributes, ReactNode } from 'react';
6
6
  export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
7
7
  declare const icon: {
8
8
  sprinkle: ((props: {
9
- 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;
9
+ 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-interactivePressed" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
10
10
  cursor?: Cursor | undefined;
11
11
  }) => string) & {
12
12
  properties: Set<"color" | "cursor">;
@@ -20,6 +20,7 @@ declare const icon: {
20
20
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
21
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
22
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
24
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
25
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
26
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/IconButton/index.d.ts CHANGED
@@ -13,7 +13,7 @@ export interface Conditions<T> {
13
13
  export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
14
14
  declare const icon: {
15
15
  sprinkle: ((props: {
16
- 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;
16
+ 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-interactivePressed" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
17
17
  cursor?: Cursor | undefined;
18
18
  }) => string) & {
19
19
  properties: Set<"color" | "cursor">;
@@ -27,6 +27,7 @@ declare const icon: {
27
27
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
28
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
29
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
31
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
32
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
33
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/Text/index.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const propertiesText: {
26
26
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
27
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
28
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
30
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
31
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
32
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -35,7 +36,9 @@ declare const propertiesText: {
35
36
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
37
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
38
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
40
+ * The whiteSpace property sets how white space inside an element is handled.
41
+ */
39
42
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
43
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
44
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -215,6 +218,10 @@ declare const text: {
215
218
  default: string;
216
219
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
217
220
  };
221
+ "success-interactivePressed": {
222
+ default: string;
223
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
224
+ };
218
225
  "success-textHigh": {
219
226
  default: string;
220
227
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -241,6 +248,7 @@ declare const text: {
241
248
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
249
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
250
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
252
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
253
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
254
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -500,6 +508,7 @@ declare const text: {
500
508
  "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
509
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
510
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ "success-interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
512
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
513
  "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
514
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/Toast/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import React from 'react';
4
4
  import { HTMLAttributes, ReactNode } from 'react';
5
5
 
6
6
  export type ToastOffset = "default" | "high";
7
+ export type ToastBehavior = "stacked" | "single";
7
8
  export interface ToastProviderProperties {
8
9
  /**
9
10
  * @TJS-type React.ReactNode
@@ -15,6 +16,13 @@ export interface ToastProviderProperties {
15
16
  * @default "default"
16
17
  */
17
18
  offset?: ToastOffset;
19
+ /**
20
+ * Controls how multiple toasts are handled.
21
+ * "stacked" - new toasts are piled up alongside already rendered ones.
22
+ * "single" - only one toast is shown at a time; each new toast immediately replaces the previous one.
23
+ * @default "stacked"
24
+ */
25
+ behavior?: ToastBehavior;
18
26
  }
19
27
  export type ToastProviderProps = ToastProviderProperties;
20
28
  export declare const ToastProvider: React.FC<ToastProviderProps>;