@schemavaults/ui 0.94.0 → 0.95.1
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/components/ui/progress-bar/progress-bar.d.ts +8 -1
- package/dist/components/ui/progress-bar/progress-bar.js +12 -2
- package/dist/components/ui/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/ui/spinner/spinner.d.ts +4 -1
- package/dist/components/ui/spinner/spinner.js +1 -1
- package/dist/components/ui/spinner/spinner.js.map +1 -1
- package/package.json +1 -1
|
@@ -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"}
|
|
@@ -11,7 +11,10 @@ declare const spinnerCircleVariants: (props?: ({
|
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
12
|
export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, "role" | "aria-label">, VariantProps<typeof spinnerCircleVariants> {
|
|
13
13
|
/**
|
|
14
|
-
* Color/intent variant. Defaults to "default"
|
|
14
|
+
* Color/intent variant. Defaults to "default", which inherits the
|
|
15
|
+
* surrounding text color (currentColor) — so inside e.g. a default
|
|
16
|
+
* variant Button the spinner picks up the button's text color and
|
|
17
|
+
* stays visible against the button background.
|
|
15
18
|
*/
|
|
16
19
|
variant?: SpinnerVariant;
|
|
17
20
|
/**
|
|
@@ -37,7 +37,7 @@ const spinnerWrapperGapSizes = {
|
|
|
37
37
|
xl: "gap-3.5",
|
|
38
38
|
};
|
|
39
39
|
const spinnerVariantColors = {
|
|
40
|
-
default: "text-
|
|
40
|
+
default: "text-current",
|
|
41
41
|
primary: "text-primary",
|
|
42
42
|
secondary: "text-secondary-foreground",
|
|
43
43
|
brand: "text-schemavaults-brand-blue",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/ui/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAGL,cAAc,EACd,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,GAAG,CAC/B,4JAA4J,EAC5J;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,oBAAoB;SACa;KACxC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;CACiC,CAAC;AAEjD,MAAM,sBAAsB,GAAG;IAC7B,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,SAAS;CACiC,CAAC;AAEjD,MAAM,oBAAoB,GAAG;IAC3B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/ui/spinner/spinner.tsx"],"names":[],"mappings":"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"}
|