@schemavaults/ui 0.94.0 → 0.95.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.
|
@@ -21,8 +21,15 @@ export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "
|
|
|
21
21
|
max?: number;
|
|
22
22
|
/** Additional classes for the filled indicator */
|
|
23
23
|
indicatorClassName?: string;
|
|
24
|
+
/**
|
|
25
|
+
* @description Custom [from, to] CSS color values for the indicator
|
|
26
|
+
* gradient. Takes precedence over the `color` variant.
|
|
27
|
+
* @example [getSchemaVaultsBrandColor("schemavaults-brand-blue"), getSchemaVaultsBrandColor("schemavaults-brand-red")]
|
|
28
|
+
* @example ["#8b5cf6", "#ec4899"]
|
|
29
|
+
*/
|
|
30
|
+
gradientColors?: [fromColor: string, toColor: string];
|
|
24
31
|
}
|
|
25
|
-
export declare function ProgressBar({ value, label, min, max, size, color, className, indicatorClassName, ...props }: ProgressBarProps): ReactElement;
|
|
32
|
+
export declare function ProgressBar({ value, label, min, max, size, color, gradientColors, className, indicatorClassName, ...props }: ProgressBarProps): ReactElement;
|
|
26
33
|
export declare namespace ProgressBar {
|
|
27
34
|
var displayName: string;
|
|
28
35
|
}
|
|
@@ -35,10 +35,20 @@ export const progressBarColorIds = [
|
|
|
35
35
|
"warning",
|
|
36
36
|
"destructive",
|
|
37
37
|
];
|
|
38
|
-
export function ProgressBar({ value, label, min = 0, max = 100, size, color, className, indicatorClassName, ...props }) {
|
|
38
|
+
export function ProgressBar({ value, label, min = 0, max = 100, size, color, gradientColors, className, indicatorClassName, ...props }) {
|
|
39
|
+
if (typeof gradientColors !== "undefined" &&
|
|
40
|
+
(!Array.isArray(gradientColors) ||
|
|
41
|
+
typeof gradientColors[0] !== "string" ||
|
|
42
|
+
typeof gradientColors[1] !== "string")) {
|
|
43
|
+
throw new TypeError("Expected a [from, to] tuple containing CSS color values for the <ProgressBar /> gradient!");
|
|
44
|
+
}
|
|
39
45
|
const clampedValue = Math.min(max, Math.max(min, value));
|
|
40
46
|
const percentage = ((clampedValue - min) / (max - min)) * 100;
|
|
41
|
-
return (_jsx("div", { role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(progressBarVariants({ size }), className), ...props, children: _jsx(m.div, { initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.4, ease: "easeOut" },
|
|
47
|
+
return (_jsx("div", { role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(progressBarVariants({ size }), className), ...props, children: _jsx(m.div, { initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.4, ease: "easeOut" }, style: gradientColors
|
|
48
|
+
? {
|
|
49
|
+
backgroundImage: `linear-gradient(to right, ${gradientColors[0]}, ${gradientColors[1]})`,
|
|
50
|
+
}
|
|
51
|
+
: undefined, className: cn(progressBarIndicatorVariants({ color }), indicatorClassName) }) }));
|
|
42
52
|
}
|
|
43
53
|
ProgressBar.displayName = "ProgressBar";
|
|
44
54
|
//# sourceMappingURL=progress-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,KAAK;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAC7C,oDAAoD,EACpD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,yEAAyE;YAC3E,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,YAAY;SAC1B;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAU,CAAC;AAInE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,UAAU;IACV,SAAS;IACT,aAAa;CACL,CAAC;
|
|
1
|
+
{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,KAAK;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAC7C,oDAAoD,EACpD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,yEAAyE;YAC3E,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,YAAY;SAC1B;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAU,CAAC;AAInE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,UAAU;IACV,SAAS;IACT,aAAa;CACL,CAAC;AA4BX,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,EACJ,KAAK,EACL,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACS;IACjB,IACE,OAAO,cAAc,KAAK,WAAW;QACrC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;YAC7B,OAAO,cAAc,CAAC,CAAC,CAAC,KAAK,QAAQ;YACrC,OAAO,cAAc,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,EACxC,CAAC;QACD,MAAM,IAAI,SAAS,CACjB,2FAA2F,CAC5F,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAW,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,UAAU,GAAW,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,OAAO,CACL,cACE,IAAI,EAAC,aAAa,mBACH,YAAY,mBACZ,GAAG,mBACH,GAAG,gBACN,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,CAAC,CAAC,GAAG,IACJ,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,EACpC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAC9C,KAAK,EACH,cAAc;gBACZ,CAAC,CAAC;oBACE,eAAe,EAAE,6BAA6B,cAAc,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,GAAG;iBACzF;gBACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,EAAE,CACX,4BAA4B,CAAC,EAAE,KAAK,EAAE,CAAC,EACvC,kBAAkB,CACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|