@nimbus-ds/components 5.33.0-rc.1 → 5.33.0-rc.2

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 +6 -0
  2. package/dist/Box/index.d.ts +3 -3
  3. package/dist/CHANGELOG.md +6 -0
  4. package/dist/Icon/index.d.ts +2 -2
  5. package/dist/IconButton/index.d.ts +2 -2
  6. package/dist/ScrollPane/index.d.ts +3 -3
  7. package/dist/SegmentedControl/index.d.ts +3 -3
  8. package/dist/SplitButton/index.d.ts +3 -3
  9. package/dist/Stepper/index.d.ts +3 -3
  10. package/dist/index.d.ts +5 -5
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  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.
4
4
 
5
+ ## 2025-11-10 `5.33.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - `Icon`: Added `ai-gradientPurpleHigh` color to the colors. ([#373](https://github.com/TiendaNube/nimbus-design-system/pull/373) by [@jffs](https://github.com/jffs))
10
+
5
11
  ## 2025-11-03 `5.32.2`
6
12
 
7
13
  #### 🐛 Bug fixes
package/dist/Box/index.d.ts CHANGED
@@ -134,7 +134,6 @@ declare const propertiesBox: {
134
134
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
137
  transparent: string;
139
138
  };
140
139
  background: {
@@ -171,7 +170,6 @@ declare const propertiesBox: {
171
170
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
173
  transparent: string;
176
174
  };
177
175
  borderColor: {
@@ -364,7 +362,9 @@ declare const propertiesBox: {
364
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
368
368
  };
369
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
370
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  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.
4
4
 
5
+ ## 2025-11-10 `5.33.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - `Icon`: Added `ai-gradientPurpleHigh` color to the colors. ([#373](https://github.com/TiendaNube/nimbus-design-system/pull/373) by [@jffs](https://github.com/jffs))
10
+
5
11
  ## 2025-11-03 `5.32.2`
6
12
 
7
13
  #### 🐛 Bug fixes
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-gradient-purple-high" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | 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-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "ai-gradientPurpleHigh" | undefined;
10
10
  cursor?: Cursor | undefined;
11
11
  }) => string) & {
12
12
  properties: Set<"color" | "cursor">;
@@ -36,7 +36,7 @@ declare const icon: {
36
36
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
37
  "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
38
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "ai-gradientPurpleHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
40
  "ai-generative": string;
41
41
  };
42
42
  cursor: Cursor[];
package/dist/IconButton/index.d.ts CHANGED
@@ -12,7 +12,7 @@ export interface Conditions<T> {
12
12
  export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
13
13
  declare const icon: {
14
14
  sprinkle: ((props: {
15
- 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-gradient-purple-high" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | undefined;
15
+ 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
16
  cursor?: Cursor | undefined;
17
17
  }) => string) & {
18
18
  properties: Set<"color" | "cursor">;
@@ -42,7 +42,7 @@ declare const icon: {
42
42
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
43
  "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
44
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ "ai-gradientPurpleHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
46
  "ai-generative": string;
47
47
  };
48
48
  cursor: Cursor[];
package/dist/ScrollPane/index.d.ts CHANGED
@@ -134,7 +134,6 @@ declare const propertiesBox: {
134
134
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
137
  transparent: string;
139
138
  };
140
139
  background: {
@@ -171,7 +170,6 @@ declare const propertiesBox: {
171
170
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
173
  transparent: string;
176
174
  };
177
175
  borderColor: {
@@ -364,7 +362,9 @@ declare const propertiesBox: {
364
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
368
368
  };
369
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
370
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/SegmentedControl/index.d.ts CHANGED
@@ -134,7 +134,6 @@ declare const propertiesBox: {
134
134
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
137
  transparent: string;
139
138
  };
140
139
  background: {
@@ -171,7 +170,6 @@ declare const propertiesBox: {
171
170
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
173
  transparent: string;
176
174
  };
177
175
  borderColor: {
@@ -364,7 +362,9 @@ declare const propertiesBox: {
364
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
368
368
  };
369
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
370
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/SplitButton/index.d.ts CHANGED
@@ -134,7 +134,6 @@ declare const propertiesBox: {
134
134
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
137
  transparent: string;
139
138
  };
140
139
  background: {
@@ -171,7 +170,6 @@ declare const propertiesBox: {
171
170
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
173
  transparent: string;
176
174
  };
177
175
  borderColor: {
@@ -364,7 +362,9 @@ declare const propertiesBox: {
364
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
368
368
  };
369
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
370
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/Stepper/index.d.ts CHANGED
@@ -134,7 +134,6 @@ declare const propertiesBox: {
134
134
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
137
  transparent: string;
139
138
  };
140
139
  background: {
@@ -171,7 +170,6 @@ declare const propertiesBox: {
171
170
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
173
  transparent: string;
176
174
  };
177
175
  borderColor: {
@@ -364,7 +362,9 @@ declare const propertiesBox: {
364
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
368
368
  };
369
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
370
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/index.d.ts CHANGED
@@ -185,7 +185,6 @@ declare const propertiesBox: {
185
185
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
186
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
188
  transparent: string;
190
189
  };
191
190
  background: {
@@ -222,7 +221,6 @@ declare const propertiesBox: {
222
221
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
222
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
223
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
224
  transparent: string;
227
225
  };
228
226
  borderColor: {
@@ -415,7 +413,9 @@ declare const propertiesBox: {
415
413
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
414
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
415
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
- };
416
+ }; /**
417
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
418
+ */
419
419
  };
420
420
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
421
421
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -844,7 +844,7 @@ declare const fileUploader: {
844
844
  };
845
845
  declare const icon: {
846
846
  sprinkle: ((props: {
847
- 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-gradient-purple-high" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | undefined;
847
+ 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;
848
848
  cursor?: Cursor | undefined;
849
849
  }) => string) & {
850
850
  properties: Set<"color" | "cursor">;
@@ -874,7 +874,7 @@ declare const icon: {
874
874
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
875
  "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
876
  "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
- "ai-gradient-purple-high": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
+ "ai-gradientPurpleHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
878
878
  "ai-generative": string;
879
879
  };
880
880
  cursor: Cursor[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/components",
3
- "version": "5.33.0-rc.1",
3
+ "version": "5.33.0-rc.2",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [