@camox/ui 0.41.1 → 0.42.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.
|
@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
|
|
|
5
5
|
|
|
6
6
|
//#region src/components/badge.d.ts
|
|
7
7
|
declare const badgeVariants: (props?: ({
|
|
8
|
-
variant?: "link" | "default" | "
|
|
8
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
9
9
|
size?: "sm" | "default" | null | undefined;
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Badge({
|
|
@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
|
|
|
5
5
|
|
|
6
6
|
//#region src/components/button.d.ts
|
|
7
7
|
declare const buttonVariants: (props?: ({
|
|
8
|
-
variant?: "link" | "default" | "
|
|
8
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
9
9
|
size?: "xs" | "sm" | "icon-xs" | "icon-sm" | "default" | "lg" | "icon" | "icon-lg" | null | undefined;
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Button({
|
|
@@ -24,8 +24,11 @@ declare function CommandDialog({
|
|
|
24
24
|
}): _$react_jsx_runtime0.JSX.Element;
|
|
25
25
|
declare function CommandInput({
|
|
26
26
|
className,
|
|
27
|
+
inputGroupClassName,
|
|
27
28
|
...props
|
|
28
|
-
}: React.ComponentProps<typeof Command$1.Input>
|
|
29
|
+
}: React.ComponentProps<typeof Command$1.Input> & {
|
|
30
|
+
inputGroupClassName?: string;
|
|
31
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
29
32
|
declare function CommandList({
|
|
30
33
|
className,
|
|
31
34
|
...props
|
|
@@ -27,12 +27,12 @@ function CommandDialog({ title = "Command Palette", description = "Search for a
|
|
|
27
27
|
})]
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
-
function CommandInput({ className, ...props }) {
|
|
30
|
+
function CommandInput({ className, inputGroupClassName, ...props }) {
|
|
31
31
|
return /* @__PURE__ */ jsx("div", {
|
|
32
32
|
"data-slot": "command-input-wrapper",
|
|
33
33
|
className: "p-1 pb-0",
|
|
34
34
|
children: /* @__PURE__ */ jsxs(InputGroup, {
|
|
35
|
-
className: "border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!",
|
|
35
|
+
className: cn("border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!", inputGroupClassName),
|
|
36
36
|
children: [/* @__PURE__ */ jsx(Command$1.Input, {
|
|
37
37
|
"data-slot": "command-input",
|
|
38
38
|
className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
|
package/dist/lib/utils.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ declare function cn(...inputs: Array<ClassValue>): string;
|
|
|
5
5
|
/** Shared focus-ring + validation styles for all input-like elements (Input, Textarea, ContentEditable, etc.) */
|
|
6
6
|
declare const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
|
|
7
7
|
/** Shared base styles for input-like elements (border, text, shadow, transition, outline) */
|
|
8
|
-
declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
|
|
8
|
+
declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
|
|
9
9
|
//#endregion
|
|
10
10
|
export { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn };
|
package/dist/lib/utils.js
CHANGED
|
@@ -8,7 +8,7 @@ function cn(...inputs) {
|
|
|
8
8
|
/** Shared focus-ring + validation styles for all input-like elements (Input, Textarea, ContentEditable, etc.) */
|
|
9
9
|
const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
|
|
10
10
|
/** Shared base styles for input-like elements (border, text, shadow, transition, outline) */
|
|
11
|
-
const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
|
|
11
|
+
const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
|
|
12
12
|
|
|
13
13
|
//#endregion
|
|
14
14
|
export { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn };
|