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

package/dist/Select/index.d.ts

@@ -1,87 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { ComponentPropsWithRef, HTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode } from 'react';
-
-export interface SelectGroupProperties {
-	/**
-	 * Label for the option group.
-	 */
-	label: string;
-	/**
-	 * The content of the option group.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-}
-export type SelectGroupProps = SelectGroupProperties & OptgroupHTMLAttributes<HTMLOptGroupElement>;
-export declare const SelectGroup: React.FC<SelectGroupProps>;
-export interface SelectOptionProperties {
-	/**
-	 * Label for the option.
-	 */
-	label: string;
-	/**
-	 * Value of the option
-	 */
-	value: string;
-}
-export type SelectOptionProps = SelectOptionProperties & OptionHTMLAttributes<HTMLOptionElement>;
-export declare const SelectOption: React.FC<SelectOptionProps>;
-export interface SkeletonProperties {
-	/**
-	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
-	 */
-	width: string;
-	/**
-	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-	 */
-	height: string;
-	/**
-	 * The border radius of the skeleton.
-	 */
-	borderRadius?: string;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-}
-export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export type SelectSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
-export type SelectSkeletonProps = SelectSkeletonProperties;
-export declare const SelectSkeleton: React.FC<SelectSkeletonProps>;
-export interface SelectComponents {
-	Group: typeof SelectGroup;
-	Option: typeof SelectOption;
-	Skeleton: typeof SelectSkeleton;
-}
-export interface SelectProperties {
-	/**
-	 * The name of the wrapper element or the select element when native.
-	 */
-	name: string;
-	/**
-	 * The id of the wrapper element or the select element when native.
-	 */
-	id: string;
-	/**
-	 * The content of the select.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * Change the visual style of the select.
-	 * @default neutral
-	 */
-	appearance?: "success" | "warning" | "danger" | "neutral" | "ai-generative";
-	/**
-	 * Shows ai-generative appearance with active ai focus shadow.
-	 * When true, this styling takes precedence over `appearance`.
-	 * @default false
-	 */
-	aiGenerated?: boolean;
-}
-export declare const Select: React.ForwardRefExoticComponent<SelectProperties & React.SelectHTMLAttributes<HTMLSelectElement> & React.InputHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>> & SelectComponents;
-export type SelectProps = ComponentPropsWithRef<typeof Select>;
-
-export {};

package/dist/Sidebar/index.d.ts

@@ -1,389 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-export interface Conditions<T> {
-	xs?: T;
-	md?: T;
-	lg?: T;
-	xl?: T;
-}
-declare const sidebarSprinkle: {
-	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
-		{
-			config: {
-				zIndex: {
-					values: {
-						100: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						200: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						300: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						400: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						500: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						600: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						700: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						800: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						900: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-					};
-					staticScale: {
-						"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-					};
-					name: "zIndex";
-				};
-				padding: {
-					values: {
-						base: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						small: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						none: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-					};
-					staticScale: {
-						base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						none: string;
-					};
-					name: "padding";
-				};
-			};
-		} & {
-			config: {
-				maxWidth: {
-					dynamic: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-					dynamicScale: true;
-					name: "maxWidth";
-					vars: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-				};
-			};
-		} & {
-			config: {
-				[x: string]: {
-					mappings: ("zIndex" | "maxWidth" | "padding")[];
-				};
-			};
-		}
-	]>;
-	properties: {
-		zIndex: {
-			"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-		padding: {
-			base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			none: string;
-		};
-	};
-};
-export type SidebarPaddingProperties = keyof typeof sidebarSprinkle.properties.padding;
-export type SidebarZIndexProperties = keyof typeof sidebarSprinkle.properties.zIndex;
-export interface SidebarSprinkle {
-	/**
-	 * The maxWidth property specifies the maxWidth of a sidebar's content area.
-	 * @default 375px
-	 */
-	maxWidth?: string | Conditions<string>;
-	/**
-	 * The zIndex property specifies the stack order of the sidebar.
-	 */
-	zIndex?: SidebarZIndexProperties | Conditions<SidebarZIndexProperties>;
-	/**
-	 * The padding properties are used to generate space around an sidebar's content area.
-	 * @default base
-	 */
-	padding?: SidebarPaddingProperties | Conditions<SidebarPaddingProperties>;
-}
-declare const sidebar: {
-	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
-		{
-			config: {
-				zIndex: {
-					values: {
-						100: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						200: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						300: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						400: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						500: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						600: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						700: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						800: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						900: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-					};
-					staticScale: {
-						"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-					};
-					name: "zIndex";
-				};
-				padding: {
-					values: {
-						base: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						small: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-						none: {
-							default: string;
-							conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-						};
-					};
-					staticScale: {
-						base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						none: string;
-					};
-					name: "padding";
-				};
-			};
-		} & {
-			config: {
-				maxWidth: {
-					dynamic: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-					dynamicScale: true;
-					name: "maxWidth";
-					vars: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-				};
-			};
-		} & {
-			config: {
-				[x: string]: {
-					mappings: ("zIndex" | "maxWidth" | "padding")[];
-				};
-			};
-		}
-	]>;
-	properties: {
-		zIndex: {
-			"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-		padding: {
-			base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			none: string;
-		};
-	};
-	classnames: {
-		overlay: string;
-		overlayScoped: string;
-		container: string;
-		containerScoped: string;
-		container__header: string;
-		container__body: string;
-		container__footer: string;
-		position: Record<"left" | "right", string>;
-		isVisible: string;
-	};
-};
-export type CloseOnOutsidePress = (event: PointerEvent | MouseEvent) => boolean;
-export interface SidebarBodyProperties {
-	/**
-	 * The content of the sidebar body.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * The padding properties are used to generate space around an sidebar's body content area.
-	 * @default base
-	 */
-	padding?: keyof typeof sidebar.properties.padding;
-}
-export type SidebarBodyProps = SidebarBodyProperties & HTMLAttributes<HTMLElement>;
-export declare const SidebarBody: React.FC<SidebarBodyProps>;
-export interface SidebarFooterProperties {
-	/**
-	 * The content of the sidebar footer.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * The padding properties are used to generate space around an sidebar's footer content area.
-	 * @default base
-	 */
-	padding?: keyof typeof sidebar.properties.padding;
-}
-export type SidebarFooterProps = SidebarFooterProperties & HTMLAttributes<HTMLElement>;
-export declare const SidebarFooter: React.FC<SidebarFooterProps>;
-export interface SidebarHeaderProperties {
-	/**
-	 * The content of the sidebar header.
-	 * @TJS-type React.ReactNode
-	 */
-	children?: ReactNode;
-	/**
-	 * The title to display in the sidebar header.
-	 */
-	title?: string;
-	/**
-	 * The padding properties are used to generate space around an sidebar's header content area.
-	 * @default base
-	 */
-	padding?: keyof typeof sidebar.properties.padding;
-}
-export type SidebarHeaderProps = SidebarHeaderProperties & HTMLAttributes<HTMLElement>;
-export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
-export interface SidebarComponents {
-	Body: typeof SidebarBody;
-	Footer: typeof SidebarFooter;
-	Header: typeof SidebarHeader;
-}
-export interface SidebarProperties extends SidebarSprinkle {
-	/**
-	 * Side from which the sidebar will appear.
-	 * @default right
-	 */
-	position?: "right" | "left";
-	/**
-	 * The padding properties are used to generate space around an sidebar's content area.
-	 * @default base
-	 */
-	padding?: keyof typeof sidebar.properties.padding;
-	/**
-	 * The content of the sidebar.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * Callback fired when the component requests to be closed.
-	 * () => void;
-	 */
-	onRemove?: () => void;
-	/**
-	 * Determines if the sidebar is shown or not.
-	 * @default true
-	 */
-	open?: boolean;
-	/**
-	 * Determines if RemoveScroll wraps sidebar's children component.
-	 * @default true
-	 */
-	needRemoveScroll?: boolean;
-	/**
-	 * Controls whether clicking/pressing outside should close the sidebar.
-	 * - boolean: enable/disable dismissal on outside press
-	 * - function: receive the DOM event and return true to allow closing, false to ignore
-	 *
-	 * Defaults to true for backward compatibility.
-	 */
-	closeOnOutsidePress?: boolean | CloseOnOutsidePress;
-	/**
-	 * The attribute name to ignore when checking for outside clicks.
-	 * @default "data-nimbus-outside-press-ignore"
-	 */
-	ignoreAttributeName?: string;
-}
-export type SidebarProps = SidebarProperties & {
-	/**
-	 * Root element where the portal should be mounted. When provided and not null,
-	 * the portal renders inside this element; when null/undefined, the default root is used.
-	 */
-	root?: HTMLElement | null;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Sidebar: React.FC<SidebarProps> & SidebarComponents;
-
-export {};

package/dist/Skeleton/index.d.ts

@@ -1,31 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes } from 'react';
-
-export interface SkeletonProperties {
-	/**
-	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
-	 */
-	width: string;
-	/**
-	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-	 */
-	height: string;
-	/**
-	 * The border radius of the skeleton.
-	 */
-	borderRadius?: string;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-}
-export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export declare const Skeleton: React.FC<SkeletonProps>;
-
-export {
-	Skeleton as default,
-};
-
-export {};

package/dist/Spinner/index.d.ts

@@ -1,53 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { SVGAttributes } from 'react';
-
-declare const spinner: {
-	sprinkle: ((props: {
-		color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
-	}) => string) & {
-		properties: Set<"color">;
-	};
-	properties: {
-		color: {
-			currentColor: string;
-			"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-	};
-	classnames: {
-		base: string;
-	};
-};
-export interface SpinnerProperties {
-	/**
-	 * Sets the width and height of the spinner.
-	 * @default large
-	 */
-	size?: "small" | "medium" | "large" | number;
-	/**
-	 * Set the color for the spinner SVG fill.
-	 * @default primary-interactive
-	 */
-	color?: keyof typeof spinner.properties.color;
-}
-export type SpinnerProps = SpinnerProperties & SVGAttributes<SVGElement>;
-export declare const Spinner: React.FC<SpinnerProps>;
-
-export {
-	Spinner as default,
-};
-
-export {};