@nimbus-ds/components 5.31.0 → 5.32.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 (16) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Box/index.d.ts +5 -1
  3. package/dist/CHANGELOG.md +12 -0
  4. package/dist/Icon/index.d.ts +1 -1
  5. package/dist/IconButton/index.d.ts +1 -1
  6. package/dist/ScrollPane/index.d.ts +5 -1
  7. package/dist/SegmentedControl/index.d.ts +5 -1
  8. package/dist/SplitButton/index.d.ts +1013 -0
  9. package/dist/SplitButton/index.js +2 -0
  10. package/dist/Stepper/index.d.ts +5 -1
  11. package/dist/Text/index.d.ts +4 -4
  12. package/dist/Tooltip/index.js +1 -1
  13. package/dist/components-props.json +1 -1
  14. package/dist/index.d.ts +98 -6
  15. package/dist/index.js +1 -1
  16. package/package.json +5 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
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-10-22 `5.32.1`
6
+
7
+ #### 🐛 Bug fixes
8
+
9
+ - `Tooltip`: Fixed tooltip arrow color to match the design system ([#368](https://github.com/TiendaNube/nimbus-design-system/pull/368) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2025-10-21 `5.32.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `SplitButton` composite component with primary button and dropdown menu. ([#367](https://github.com/TiendaNube/nimbus-design-system/pull/367) by [@joacotornello](https://github.com/joacotornello))
16
+
5
17
  ## 2025-10-17 `5.31.0`
6
18
 
7
19
  #### 🎉 New features
package/dist/Box/index.d.ts CHANGED
@@ -131,6 +131,7 @@ declare const propertiesBox: {
131
131
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
132
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
133
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
137
  transparent: string;
@@ -166,6 +167,7 @@ declare const propertiesBox: {
166
167
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
168
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
169
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
173
  transparent: string;
@@ -360,7 +362,9 @@ declare const propertiesBox: {
360
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
364
368
  };
365
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
366
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,18 @@
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-10-22 `5.32.1`
6
+
7
+ #### 🐛 Bug fixes
8
+
9
+ - `Tooltip`: Fixed tooltip arrow color to match the design system ([#368](https://github.com/TiendaNube/nimbus-design-system/pull/368) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2025-10-21 `5.32.0`
12
+
13
+ #### 🎉 New features
14
+
15
+ - Added `SplitButton` composite component with primary button and dropdown menu. ([#367](https://github.com/TiendaNube/nimbus-design-system/pull/367) by [@joacotornello](https://github.com/joacotornello))
16
+
5
17
  ## 2025-10-17 `5.31.0`
6
18
 
7
19
  #### 🎉 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" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | 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" | undefined;
10
10
  cursor?: Cursor | undefined;
11
11
  }) => string) & {
12
12
  properties: Set<"color" | "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" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | 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" | undefined;
16
16
  cursor?: Cursor | undefined;
17
17
  }) => string) & {
18
18
  properties: Set<"color" | "cursor">;
package/dist/ScrollPane/index.d.ts CHANGED
@@ -131,6 +131,7 @@ declare const propertiesBox: {
131
131
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
132
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
133
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
137
  transparent: string;
@@ -166,6 +167,7 @@ declare const propertiesBox: {
166
167
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
168
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
169
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
173
  transparent: string;
@@ -360,7 +362,9 @@ declare const propertiesBox: {
360
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
364
368
  };
365
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
366
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
package/dist/SegmentedControl/index.d.ts CHANGED
@@ -131,6 +131,7 @@ declare const propertiesBox: {
131
131
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
132
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
133
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
135
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
136
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
137
  transparent: string;
@@ -166,6 +167,7 @@ declare const propertiesBox: {
166
167
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
168
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
169
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
171
  "ai-generative-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
172
  "ai-generative-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
173
  transparent: string;
@@ -360,7 +362,9 @@ declare const propertiesBox: {
360
362
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
363
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
364
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
- };
365
+ }; /**
366
+ * The paddingBottom property sets the height of the padding area on the bottom of an box.
367
+ */
364
368
  };
365
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
366
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;