@nimbus-ds/components 5.15.0 → 5.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -2217,6 +2217,11 @@ export interface ButtonProperties {
2217
2217
  * @default false
2218
2218
  */
2219
2219
  disabled?: boolean;
2220
+ /**
2221
+ * Determines if the button should grow to fill the full width of its container.
2222
+ * @default false
2223
+ */
2224
+ fullWidth?: boolean;
2220
2225
  }
2221
2226
  export type ButtonBaseProps = ButtonProperties & ButtonHTMLAttributes<HTMLButtonElement>;
2222
2227
  export declare const Button: PolymorphicForwardRefComponent<"button" | "a", ButtonBaseProps> & ButtonComponents;
@@ -2997,6 +3002,37 @@ export interface TooltipProperties extends TooltipSprinkle {
2997
3002
  }
2998
3003
  export type TooltipProps = TooltipProperties & HTMLAttributes<HTMLDivElement>;
2999
3004
  export declare const Tooltip: React.FC<TooltipProps>;
3005
+ export type ProgressBarSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "height" | "data-testid">>;
3006
+ declare const ProgressBarSkeleton: React.FC<ProgressBarSkeletonProperties>;
3007
+ export interface ProgressBarComponents {
3008
+ Skeleton: typeof ProgressBarSkeleton;
3009
+ }
3010
+ export interface ProgressBarProperties {
3011
+ /**
3012
+ * Progress value from 0 to 100
3013
+ * @note Always renders with a minimum 8px width for visual consistency
3014
+ */
3015
+ value: number;
3016
+ /**
3017
+ * Change the visual style of the progress bar.
3018
+ * @default neutral
3019
+ */
3020
+ appearance?: "primary" | "success" | "warning" | "danger" | "neutral" | "ai-generative";
3021
+ }
3022
+ /**
3023
+ * ProgressBar component displays the progress of an operation or task in a visual format.
3024
+ * It provides a horizontal bar that fills based on the completion percentage.
3025
+ *
3026
+ * @component
3027
+ * @example
3028
+ * <ProgressBar value={50} appearance="primary" />
3029
+ *
3030
+ * @example
3031
+ * // With skeleton loading state
3032
+ * <ProgressBar.Skeleton width="200px" />
3033
+ */
3034
+ export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProperties & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressBarProperties> & React.RefAttributes<HTMLDivElement>> & ProgressBarComponents;
3035
+ export type ProgressBarProps = ComponentPropsWithRef<typeof ProgressBar>;
3000
3036
  export interface AccordionBodyProperties {
3001
3037
  /**
3002
3038
  * The content of the accordion body.