@nimbus-ds/components 5.2.1-rc.1 → 5.3.0-rc.1

package/CHANGELOG.md

@@ -2,9 +2,27 @@
 
 Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
 
-## 2023-10-02 `5.3.0`
+## 2023-10-30 `5.3.0`
 
-- Update `Checkbox`, `Chip`, `IconButton`, `Radio`, `Toggle` and `Alert` packages with new color tokens from `@nimbus-ds/tokens` package.
+#### 🎉 New features
+
+## 2023-10-13 `5.2.1`
+
+#### 🎉 New features
+
+- Added `arrow` property to the Component `Tooltip` API. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+- Added `maxWidth` and `matchReferenceWidth` properties to the Component `Popover` API. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+
+#### 🐛 Bug fixes
+
+- Fixed bug where the maximum width of the popover exceeded the maximum size of a screen to the Component `Popover`. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+- Removed fixed minimum width so that the minimum width respects the content of the popover to the Component `Popover`. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+- Fixed arrow positioning to the Component `Popover`. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+- Fixed the positioning of the popover so that if it does not fit in the chosen position, it automatically moves to a position that has positioning space to the Component `Popover`. ([#196](https://github.com/TiendaNube/nimbus-design-system/pull/196) by [@juniorconquista](https://github.com/juniorconquista))
+
+#### 📚 3rd party library updates
+
+- Updated `@floating-ui/react@0.26.0`. ([#195](https://github.com/TiendaNube/nimbus-design-system/pull/195) by [@juanchigallego](https://github.com/juanchigallego))
 
 ## 2023-08-04 `5.2.0`
 

package/dist/index.d.ts

@@ -1452,6 +1452,7 @@ declare const propertiesPopover: {
 		"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
+	overflow: Overflow[];
 };
 export type PopoverColorProperties = keyof typeof propertiesPopover.color;
 export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
@@ -1460,9 +1461,13 @@ export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
 export interface PopoverSprinkle {
 	/**
 	 * The width property specifies the width of a popover's content area.
-	 * @default 17.5rem
+	 * @default fit-content
 	 */
 	width?: string | Conditions<string>;
+	/**
+	 * The maxWidth property specifies the maximum width of a popover's content area.
+	 */
+	maxWidth?: string | Conditions<string>;
 	/**
 	 * The height property specifies the height of a popover's content area.
 	 */
@@ -1487,6 +1492,10 @@ export interface PopoverSprinkle {
 	 * @default base
 	 */
 	padding?: PopoverPaddingProperties | Conditions<PopoverPaddingProperties>;
+	/**
+	 * The overflow shorthand property sets the desired behavior for an popover's content overflow.
+	 */
+	overflow?: Overflow | Conditions<Overflow>;
 }
 declare const spinner: {
 	sprinkle: ((props: {
@@ -2480,6 +2489,11 @@ export interface PopoverProperties extends PopoverSprinkle {
 	 * @default true
 	 */
 	arrow?: boolean;
+	/**
+	 * A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.
+	 * @default false
+	 */
+	matchReferenceWidth?: boolean;
 	/**
 	 * Position of the popover.
 	 * @default bottom
@@ -2814,6 +2828,11 @@ export interface TooltipProperties {
 	 * 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