@bubo-squared/ui-framework 0.2.25 → 0.2.27

package/dist/index.d.cts

@@ -240,8 +240,10 @@ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "ch
     hint?: React$1.ReactNode;
     /** Optional accessible label for the progressbar (string-only). */
     ariaLabel?: string;
-    /** Controls whether the progress percentage label is rendered. */
-    showProgressLabel?: boolean;
+    /** If true, the progress percentage label will not be rendered. */
+    hideProgressLabel?: boolean;
+    /** If true, the bar turns status color only when value reaches 100%. */
+    useStatusColorOnComplete?: boolean;
     /** If true, the hint will not be rendered even if provided. */
     hideHint?: boolean;
     status?: ProgressStatus;

package/dist/index.d.ts

@@ -240,8 +240,10 @@ interface ProgressProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "ch
     hint?: React$1.ReactNode;
     /** Optional accessible label for the progressbar (string-only). */
     ariaLabel?: string;
-    /** Controls whether the progress percentage label is rendered. */
-    showProgressLabel?: boolean;
+    /** If true, the progress percentage label will not be rendered. */
+    hideProgressLabel?: boolean;
+    /** If true, the bar turns status color only when value reaches 100%. */
+    useStatusColorOnComplete?: boolean;
     /** If true, the hint will not be rendered even if provided. */
     hideHint?: boolean;
     status?: ProgressStatus;

package/dist/index.js

@@ -1071,7 +1071,8 @@ var Progress = React15.forwardRef(
       label,
       hint,
       ariaLabel,
-      showProgressLabel = true,
+      hideProgressLabel = false,
+      useStatusColorOnComplete = false,
       hideHint,
       size = "lg",
       status = "default",
@@ -1087,7 +1088,7 @@ var Progress = React15.forwardRef(
       Field,
       {
         label,
-        labelRight: showProgressLabel && label != null ? /* @__PURE__ */ jsx17("span", { className: "footnote text-(--color-secondary)", children: percentageLabel }) : void 0,
+        labelRight: !hideProgressLabel && label != null ? /* @__PURE__ */ jsx17("span", { className: "footnote text-(--color-secondary)", children: percentageLabel }) : void 0,
         hint,
         hideHint,
         status,
@@ -1115,7 +1116,8 @@ var Progress = React15.forwardRef(
                   "div",
                   {
                     className: cn(
-                      "bg-(--chart-brand) h-full",
+                      "h-full",
+                      useStatusColorOnComplete && clamped === 100 ? status === "success" ? "bg-(--color-success)" : status === "error" ? "bg-(--color-error)" : "bg-(--chart-brand)" : "bg-(--chart-brand)",
                       size === "lg" ? "rounded-4" : size === "md" ? "rounded-2" : "rounded-[1px]"
                     ),
                     style: { width: `${clamped}%` }