@homonoid/react 0.1.0 → 0.1.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.
|
@@ -16,8 +16,8 @@ const PALETTES = {
|
|
|
16
16
|
border: "border-subtle-border",
|
|
17
17
|
},
|
|
18
18
|
surface: {
|
|
19
|
-
solid: "bg-surface text-
|
|
20
|
-
ghost: "text-
|
|
19
|
+
solid: "bg-surface text-foreground hover:bg-surface-hover active:bg-surface-active aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
|
|
20
|
+
ghost: "text-foreground hover:bg-surface-hover active:bg-surface-active aria-expanded:bg-surface-hover data-[state=open]:bg-surface-hover",
|
|
21
21
|
border: "border-border",
|
|
22
22
|
},
|
|
23
23
|
destructive: {
|
|
@@ -78,7 +78,7 @@ export const variants = cva("relative inline-flex items-center justify-center fo
|
|
|
78
78
|
});
|
|
79
79
|
export const Button = forwardRef(function Button({ variant = "plain", color = "primary", size, radius = "full", layout, loading = false, disabled = false, leading, trailing, children, className, type = "button", ...props }, ref) {
|
|
80
80
|
const isDisabled = any(disabled, loading);
|
|
81
|
-
return (_jsxs("button", { ref: ref, type: type, disabled: isDisabled, "aria-busy": loading, "aria-disabled": isDisabled, className: cn(variants({ variant, color, size, radius, layout }), className), ...props, children: [_jsx("span", { "aria-hidden": !loading, className: cn("absolute inset-0 flex items-center justify-center transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(loading, "opacity-100 scale-100", "opacity-0 scale-90 pointer-events-none")), children: _jsx(Spinner, { size: cond(size === "lg", "md", "sm"), "aria-hidden": "true" }) }), _jsxs("span", { className: cn("inline-flex items-center gap-[inherit] transition-
|
|
81
|
+
return (_jsxs("button", { ref: ref, type: type, disabled: isDisabled, "aria-busy": loading, "aria-disabled": isDisabled, className: cn(variants({ variant, color, size, radius, layout }), className), ...props, children: [_jsx("span", { "aria-hidden": !loading, className: cn("absolute inset-0 flex items-center justify-center transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(loading, "opacity-100 scale-100", "opacity-0 scale-90 pointer-events-none")), children: _jsx(Spinner, { size: cond(size === "lg", "md", "sm"), "aria-hidden": "true" }) }), _jsxs("span", { className: cn("inline-flex items-center gap-[inherit] transition-[opacity,transform] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(loading, "opacity-0 scale-95 pointer-events-none", "opacity-100 scale-100")), children: [when(leading, _jsx("span", { className: "inline-flex shrink-0", children: leading })), when(children, _jsx("span", { children: children })), when(trailing, _jsx("span", { className: "inline-flex shrink-0", children: trailing }))] })] }));
|
|
82
82
|
});
|
|
83
83
|
Button.displayName = "Button";
|
|
84
84
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,KAAK,EAAE,sJAAsJ;QAC7J,KAAK,EAAE,0GAA0G;QACjH,MAAM,EAAE,uBAAuB;KAChC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,gJAAgJ;QACvJ,KAAK,EAAE,sIAAsI;QAC7I,MAAM,EAAE,sBAAsB;KAC/B;IACD,OAAO,EAAE;QACP,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef, useId, useRef } from "react";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
5
|
import { cn } from "../../utils/cn";
|
|
6
|
-
import { any, cond, when } from "../../utils/condition";
|
|
6
|
+
import { any, cond, match, when } from "../../utils/condition";
|
|
7
7
|
export const variants = cva("relative w-full inline-flex items-center transform-gpu origin-center transition-[color,background-color,border-color,opacity] duration-[var(--motion-duration-fast)] ease-[var(--motion-easing)]", {
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
@@ -96,6 +96,6 @@ export const Input = forwardRef(function Input({ id, variant = "outlined", size
|
|
|
96
96
|
return controlContainer;
|
|
97
97
|
}
|
|
98
98
|
// Composed layout with label and helper/error captions
|
|
99
|
-
return (_jsxs("div", { className: cn("w-full flex flex-col gap-1.5 select-none", className), children: [when(label, _jsx("label", { id: labelId, htmlFor: inputId, className: cn("font-medium", cond(isInvalid, "text-destructive", "text-foreground"),
|
|
99
|
+
return (_jsxs("div", { className: cn("w-full flex flex-col gap-1.5 select-none", className), children: [when(label, _jsx("label", { id: labelId, htmlFor: inputId, className: cn("font-medium", cond(isInvalid, "text-destructive", "text-foreground"), match(size, { sm: "text-[11px]", md: "text-xs", lg: "text-sm" }, "text-xs"), cond(disabled, "opacity-60 cursor-not-allowed", "cursor-pointer")), children: label })), controlContainer, when(error, _jsx("span", { id: errorId, className: "text-xs text-destructive font-medium leading-normal", children: error })), when(!error && description, _jsx("span", { id: descriptionId, className: "text-xs text-muted leading-normal", children: description }))] }));
|
|
100
100
|
});
|
|
101
101
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,EACV,KAAK,EACL,MAAM,EAEP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
|