@konstructio/ui 0.1.0-alpha.27 → 0.1.0-alpha.28

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,30 +1,62 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { cn as o } from "../../utils/index.js";
-import { progressBarProgress as l, progressBarVariants as d } from "./ProgressBar.variants.js";
-const f = ({
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { cn as s } from "../../utils/index.js";
+import { progressBarProgress as f, progressBarVariants as N } from "./ProgressBar.variants.js";
+const j = ({
+  backgroundBarClassName: t,
   label: r,
-  theme: e,
-  percent: s,
-  status: t
-}) => /* @__PURE__ */ i("div", { className: "w-full", "data-theme": e, children: [
-  /* @__PURE__ */ i("div", { className: o("flex", r ? "justify-between" : "justify-end"), children: [
-    r ? /* @__PURE__ */ a("label", { className: "font-semibold", children: r }) : null,
-    /* @__PURE__ */ i("span", { className: "font-semibold", children: [
-      s,
-      "%"
-    ] })
-  ] }),
-  /* @__PURE__ */ a("div", { className: o(d()), children: /* @__PURE__ */ a(
-    "div",
-    {
-      className: o(
-        l({ status: t }),
-        s > 0 && s < 99 ? "transition-width duration-500" : "transition-colors duration-0"
+  labelClassName: o,
+  labelWrapperClassName: l,
+  percent: a,
+  percentClassName: n,
+  progressBarClassName: d,
+  status: m,
+  theme: c,
+  wrapperClassName: h
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: s("w-full text-inherit", h),
+    "data-theme": c,
+    children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: s(
+            "flex font-semibold",
+            {
+              "justify-between": r,
+              "justify-end": !r
+            },
+            l
+          ),
+          children: [
+            r ? /* @__PURE__ */ e("label", { className: s(o), children: r }) : null,
+            /* @__PURE__ */ i("span", { className: s(n), children: [
+              a,
+              "%"
+            ] })
+          ]
+        }
       ),
-      style: { width: `${s}%` }
-    }
-  ) })
-] });
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: s(N({ className: t })),
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                f({ status: m, className: d }),
+                a > 0 && a < 99 ? "transition-width duration-500" : "transition-colors duration-0"
+              ),
+              style: { width: `${a}%` }
+            }
+          )
+        }
+      )
+    ]
+  }
+);
 export {
-  f as ProgressBar
+  j as ProgressBar
 };

package/dist/index.d.ts

@@ -433,11 +433,17 @@ export declare const PieChart: FC<Props_2>;
 export declare const ProgressBar: FC<ProgressBarProps>;
 
 declare interface ProgressBarProps extends VariantProps<typeof progressBarVariants> {
+    backgroundBarClassName?: string;
     className?: string;
     label?: string;
+    labelClassName?: string;
+    labelWrapperClassName?: string;
     percent: number;
-    theme?: Theme;
+    percentClassName?: string;
+    progressBarClassName?: string;
     status?: 'success' | 'progress';
+    theme?: Theme;
+    wrapperClassName?: string;
 }
 
 declare const progressBarVariants: (props?: ClassProp | undefined) => string;

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.0-alpha.26",
+  "version": "0.1.0-alpha.27",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.0-alpha.27",
+  "version": "0.1.0-alpha.28",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",