@nimbus-ds/components 5.23.0-rc.1 → 5.24.0-rc.1

package/dist/Skeleton/index.d.ts

@@ -0,0 +1,31 @@
+// 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

@@ -0,0 +1,53 @@
+// 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 {};