virtual-ui-lib 1.0.5 → 1.0.9
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.js +25 -0
- package/dist/index.mjs +24 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -36,6 +36,7 @@ __export(index_exports, {
|
|
|
36
36
|
Card: () => Card,
|
|
37
37
|
Input: () => Input,
|
|
38
38
|
Modal: () => Modal,
|
|
39
|
+
ProgressBar: () => ProgressBar,
|
|
39
40
|
Spinner: () => Spinner
|
|
40
41
|
});
|
|
41
42
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -311,6 +312,29 @@ var Modal = ({
|
|
|
311
312
|
)
|
|
312
313
|
);
|
|
313
314
|
};
|
|
315
|
+
|
|
316
|
+
// src/components/ProgressBar/ProgressBar.jsx
|
|
317
|
+
var import_react9 = __toESM(require("react"));
|
|
318
|
+
var ProgressBar = ({
|
|
319
|
+
progress = 50,
|
|
320
|
+
height = "20px",
|
|
321
|
+
bgColor = "#2563eb",
|
|
322
|
+
trackColor = "#d1d5db",
|
|
323
|
+
radius = "10px",
|
|
324
|
+
label = "Progress",
|
|
325
|
+
textColor = "#ffffff"
|
|
326
|
+
}) => {
|
|
327
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { style: { width: "100%", background: trackColor, borderRadius: radius, overflow: "hidden" } }, /* @__PURE__ */ import_react9.default.createElement("div", { style: {
|
|
328
|
+
width: progress + "%",
|
|
329
|
+
height,
|
|
330
|
+
background: bgColor,
|
|
331
|
+
borderRadius: radius,
|
|
332
|
+
display: "flex",
|
|
333
|
+
alignItems: "center",
|
|
334
|
+
justifyContent: "center",
|
|
335
|
+
position: "relative"
|
|
336
|
+
} }, /* @__PURE__ */ import_react9.default.createElement("span", { style: { color: textColor, fontWeight: "600", fontSize: "14px" } }, label, ": ", progress, "%")));
|
|
337
|
+
};
|
|
314
338
|
// Annotate the CommonJS export names for ESM import in node:
|
|
315
339
|
0 && (module.exports = {
|
|
316
340
|
Alert,
|
|
@@ -320,5 +344,6 @@ var Modal = ({
|
|
|
320
344
|
Card,
|
|
321
345
|
Input,
|
|
322
346
|
Modal,
|
|
347
|
+
ProgressBar,
|
|
323
348
|
Spinner
|
|
324
349
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -269,6 +269,29 @@ var Modal = ({
|
|
|
269
269
|
)
|
|
270
270
|
);
|
|
271
271
|
};
|
|
272
|
+
|
|
273
|
+
// src/components/ProgressBar/ProgressBar.jsx
|
|
274
|
+
import React9 from "react";
|
|
275
|
+
var ProgressBar = ({
|
|
276
|
+
progress = 50,
|
|
277
|
+
height = "20px",
|
|
278
|
+
bgColor = "#2563eb",
|
|
279
|
+
trackColor = "#d1d5db",
|
|
280
|
+
radius = "10px",
|
|
281
|
+
label = "Progress",
|
|
282
|
+
textColor = "#ffffff"
|
|
283
|
+
}) => {
|
|
284
|
+
return /* @__PURE__ */ React9.createElement("div", { style: { width: "100%", background: trackColor, borderRadius: radius, overflow: "hidden" } }, /* @__PURE__ */ React9.createElement("div", { style: {
|
|
285
|
+
width: progress + "%",
|
|
286
|
+
height,
|
|
287
|
+
background: bgColor,
|
|
288
|
+
borderRadius: radius,
|
|
289
|
+
display: "flex",
|
|
290
|
+
alignItems: "center",
|
|
291
|
+
justifyContent: "center",
|
|
292
|
+
position: "relative"
|
|
293
|
+
} }, /* @__PURE__ */ React9.createElement("span", { style: { color: textColor, fontWeight: "600", fontSize: "14px" } }, label, ": ", progress, "%")));
|
|
294
|
+
};
|
|
272
295
|
export {
|
|
273
296
|
Alert,
|
|
274
297
|
Avatar,
|
|
@@ -277,5 +300,6 @@ export {
|
|
|
277
300
|
Card,
|
|
278
301
|
Input,
|
|
279
302
|
Modal,
|
|
303
|
+
ProgressBar,
|
|
280
304
|
Spinner
|
|
281
305
|
};
|