@nimbus-ds/components 5.5.0 → 5.5.2-rc.11

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 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.
 
+## 2024-03-18 `5.5.2`
+
+### 🐛 Bug fixes
+
+- Added `RemoveScroll` component from `react-remove-scroll` library to prevent scroll resetting on the body of the `Sidebar` component. ([#233](https://github.com/TiendaNube/nimbus-design-system/pull/233) by [@juanchigallego](https://github.com/juanchigallego))
+- Fixed type bug on expected icon and text color values on `Toast` component. ([#233](https://github.com/TiendaNube/nimbus-design-system/pull/233) by [@juanchigallego](https://github.com/juanchigallego))
+
+### 📚 3rd party library updates
+
+- Added `react-remove-scroll@2.5.7` to `Sidebar` component. ([#233](https://github.com/TiendaNube/nimbus-design-system/pull/233) by [@juanchigallego](https://github.com/juanchigallego))
+
+## 2024-03-01 `5.4.2`
+
+### 🎉 New features
+
+- Add `neutral-background` option to `color` properties on `Title` component. ([#224](https://github.com/TiendaNube/nimbus-design-system/pull/224) by [@juanchigallego](https://github.com/juanchigallego))
+
 ## 2024-02-07 `5.4.1`
 
 ### 🐛 Bug fixes

package/dist/index.d.ts

@@ -1323,6 +1323,7 @@ declare const propertiesTitle: {
 		"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 		"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	};
 	textAlign: TextAlign[];
 	fontSize: {
@@ -2176,7 +2177,7 @@ export interface ButtonProperties {
 	disabled?: boolean;
 }
 export type ButtonBaseProps = ButtonProperties & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const Button: PolymorphicForwardRefComponent<"a" | "button", ButtonBaseProps> & ButtonComponents;
+export declare const Button: PolymorphicForwardRefComponent<"button" | "a", ButtonBaseProps> & ButtonComponents;
 export type ButtonProps = ComponentPropsWithRef<typeof Button>;
 export type CheckboxSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
 export type CheckboxSkeletonProps = CheckboxSkeletonProperties;
@@ -2444,7 +2445,7 @@ export interface LinkProperties {
 	lineHeight?: keyof typeof link.properties.lineHeight;
 }
 export type LinkBaseProps = LinkProperties & HTMLAttributes<HTMLElement>;
-export declare const Link: PolymorphicForwardRefComponent<"a" | "button", LinkBaseProps> & LinkComponents;
+export declare const Link: PolymorphicForwardRefComponent<"button" | "a", LinkBaseProps> & LinkComponents;
 export type LinkProps = ComponentPropsWithRef<typeof Link>;
 export type ListSkeletonItemProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<SkeletonProps, "height">> & {
 	/**
@@ -3128,6 +3129,44 @@ export interface CardProperties {
 }
 export type CardProps = CardProperties & HTMLAttributes<HTMLElement>;
 export declare const Card: React.FC<CardProps> & CardComponents;
+export interface CollapsibleBodyProperties {
+	/**
+	 * The content of the collapsible body.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+	/**
+	 * Show Collapsible.Body when state is open or closed.
+	 * @default open
+	 */
+	visibleWhen?: "open" | "closed";
+	/**
+	 * Set the direction that Collapsible.Body going to open
+	 * @default none
+	 */
+	direction?: "top" | "bottom" | "none";
+}
+export type CollapsibleBodyProps = CollapsibleBodyProperties & HTMLAttributes<HTMLElement>;
+declare const CollapsibleBody: React.FC<CollapsibleBodyProps>;
+export interface CollapsibleItemProperties {
+	/**
+	 * The content of the collapsible body.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type CollapsibleItemProps = CollapsibleItemProperties;
+declare const CollapsibleItem: React.FC<CollapsibleItemProps>;
+export interface CollapsibleComponents {
+	Body: typeof CollapsibleBody;
+	Item: typeof CollapsibleItem;
+}
+export interface CollapsibleProperties {
+	children?: ReactNode;
+	open?: boolean;
+}
+export type CollapsibleBaseProps = CollapsibleProperties & Omit<HTMLAttributes<HTMLElement>, "onChange">;
+export declare const Collapsible: React.FC<CollapsibleProperties> & CollapsibleComponents;
 export interface ModalBodyProperties {
 	/**
 	 * The content of the modal body.
@@ -3305,6 +3344,11 @@ export interface SidebarProperties extends SidebarSprinkle {
 	 * @default true
 	 */
 	open?: boolean;
+	/**
+	 * Determines if RemoveScroll wraps sidebar's children component.
+	 * @default true
+	 */
+	needRemoveScroll?: boolean;
 }
 export type SidebarProps = SidebarProperties & HTMLAttributes<HTMLDivElement>;
 export declare const Sidebar: React.FC<SidebarProps> & SidebarComponents;