@nimbus-ds/components 5.29.0-rc.1 → 5.29.0

package/CHANGELOG.md

@@ -6,7 +6,7 @@ Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team
 
 #### 🎉 New features
 
-- `Text`: Added `ai-generative` appearance to highlight AI-generated content using Nimbus AI gradient style. ([#TBD](https://github.com/TiendaNube/nimbus-design-system/pull/TBD) by [@usuario](https://github.com/usuario))
+- `Text`: Added `ai-generative` appearance to highlight AI-generated content using Nimbus AI gradient style. ([#363](https://github.com/TiendaNube/nimbus-design-system/pull/363) by [@joacotornello](https://github.com/joacotornello))
 
 ## 2025-09-25 `5.28.0`
 

package/dist/Accordion/index.d.ts

@@ -0,0 +1,136 @@
+// 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__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;
+	/**
+	 * 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 AccordionProperties {
+	/**
+	 * The content of the accordion.
+	 * @TJS-type React.ReactNode
+	 */
+	children?: ReactNode;
+	/**
+	 * 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 type AccordionProps = AccordionProperties & HTMLAttributes<HTMLElement>;
+export declare const Accordion: React.FC<AccordionProps> & AccordionComponents;
+
+export {};