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

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 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.
 
+## 2026-02-09 `5.51.0`
+
+#### 🎉 New features
+
+- `ScrollPane`: Added `scrollContainerRef` property to allow passing a ref to the scroll container. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
+- `TimePicker`: New `TimePicker` component for time selection with scroll and dropdown modes, 12h and 24h formats, AM/PM toggle, time constraints, step intervals, keyboard navigation, and full accessibility support. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2026-02-03 `5.50.0`
 
 #### 🎉 New features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/components",
-  "version": "5.51.0-rc.1",
+  "version": "5.52.0-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.5",
-    "@nimbus-ds/icons": "^1.16.0",
+    "@nimbus-ds/icons": "^1.17.0",
     "react-indiana-drag-scroll": "^2.2.0"
   },
   "peerDependencies": {
@@ -209,6 +209,10 @@
     "./Tabs": {
       "import": "./dist/Tabs/index.js",
       "require": "./dist/Tabs/index.js"
+    },
+    "./TimePicker": {
+      "import": "./dist/TimePicker/index.js",
+      "require": "./dist/TimePicker/index.js"
     }
   }
 }

package/dist/Accordion/index.d.ts

@@ -1,160 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-declare const accordion: {
-	sprinkle: ((props: {
-		borderTop?: "base" | "none" | undefined;
-		borderBottom?: "base" | "none" | undefined;
-		padding?: "base" | "none" | undefined;
-	}) => string) & {
-		properties: Set<"borderBottom" | "borderTop" | "padding">;
-	};
-	properties: {
-		borderTop: {
-			none: string;
-			base: string;
-		};
-		borderBottom: {
-			none: string;
-			base: string;
-		};
-		padding: {
-			none: string;
-			base: string;
-		};
-	};
-	classnames: {
-		header: string;
-		header_static: string;
-		header__content: string;
-		header__description: string;
-		header__title: string;
-		header_active: string;
-		body: string;
-	};
-};
-export interface AccordionBodyProperties {
-	/**
-	 * The content of the accordion body.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * The borderBottom property defines a lower border of the accordion body.
-	 * @default none
-	 */
-	borderBottom?: keyof typeof accordion.properties.borderBottom;
-	/**
-	 * The borderTop property defines a top border of the accordion body.
-	 * @default none
-	 */
-	borderTop?: keyof typeof accordion.properties.borderTop;
-	/**
-	 * Padding properties are used to generate space around the content area of an Accordion.Body..
-	 * @default base
-	 */
-	padding?: keyof typeof accordion.properties.padding;
-}
-export type AccordionBodyProps = AccordionBodyProperties & HTMLAttributes<HTMLElement>;
-export declare const AccordionBody: React.FC<AccordionBodyProps>;
-export interface AccordionItemProperties {
-	/**
-	 * The content of the accordion body.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * Unique indicator to identify accordion items
-	 */
-	index: string;
-	/**
-	 * Determines if the accordion item is interactive (clickable) or static.
-	 * When false, the header renders as a div without click handlers, hover effects, or toggle icon.
-	 * @default true
-	 */
-	interactive?: boolean;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	testId?: string;
-}
-export type AccordionItemProps = AccordionItemProperties;
-export declare const AccordionItem: React.FC<AccordionItemProps>;
-export interface AccordionHeaderProperties {
-	/**
-	 * The content of the accordion header.
-	 * @TJS-type React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);
-	 */
-	children?: ReactNode | ((data: {
-		selected: string;
-		index: string;
-	}) => ReactNode);
-	/**
-	 * The title to display in the accordion header.
-	 */
-	title?: string;
-	/**
-	 * The subtitle to display in the accordion header.
-	 */
-	subtitle?: string;
-	/**
-	 * The SVG contents to display in the accordion header.
-	 * @TJS-type React.ReactNode
-	 */
-	icon?: ReactNode;
-	/**
-	 * Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.
-	 * @default false
-	 */
-	noIconToggle?: boolean;
-	/**
-	 * The borderTop property defines a lower border of the accordion header.
-	 * @default base
-	 */
-	borderTop?: keyof typeof accordion.properties.borderTop;
-	/**
-	 * The borderBottom property defines a lower border of the accordion header.
-	 */
-	borderBottom?: keyof typeof accordion.properties.borderBottom;
-}
-export type AccordionHeaderProps = AccordionHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "children">;
-export declare const AccordionHeader: React.FC<AccordionHeaderProps>;
-export interface AccordionComponents {
-	Body: typeof AccordionBody;
-	Item: typeof AccordionItem;
-	Header: typeof AccordionHeader;
-}
-export interface AccordionBaseProperties {
-	/**
-	 * The content of the accordion.
-	 * @TJS-type React.ReactNode
-	 */
-	children?: ReactNode;
-}
-export interface UncontrolledAccordionProperties extends AccordionBaseProperties {
-	/**
-	 * Informs which accordion item is open by default, this value must be the same as informed in the index of each item
-	 */
-	selectedDefault?: string;
-}
-export interface ControlledAccordionProperties extends AccordionBaseProperties {
-	/**
-	 * The currently selected accordion item ID.
-	 */
-	selectedItem: string;
-	/**
-	 * Callback fired when the selected accordion item changes.
-	 * @param selectedId The ID of the selected accordion item
-	 */
-	onItemSelect?: (selectedId: string) => void;
-}
-/**
- * Props for the Accordion component, supporting both controlled and uncontrolled modes
- */
-export type AccordionProps = (UncontrolledAccordionProperties | ControlledAccordionProperties) & Omit<HTMLAttributes<HTMLElement>, "onItemSelect" | "selectedItem">;
-export type AccordionProperties = AccordionBaseProperties & UncontrolledAccordionProperties & ControlledAccordionProperties;
-export declare const Accordion: React.FC<AccordionProps> & AccordionComponents;
-
-export {};