lecom-ui 5.3.68 → 5.3.69
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.
|
@@ -258,8 +258,6 @@ function Combobox({
|
|
|
258
258
|
}) {
|
|
259
259
|
const [open, setOpen] = React.useState(false);
|
|
260
260
|
const [search, setSearch] = React.useState("");
|
|
261
|
-
React.useRef(null);
|
|
262
|
-
const [listHeight, setListHeight] = React.useState(176);
|
|
263
261
|
const filteredOptions = React.useMemo(
|
|
264
262
|
() => !search ? options : filterComboboxOptions(options, search.toLowerCase()),
|
|
265
263
|
[options, search]
|
|
@@ -297,7 +295,8 @@ function Combobox({
|
|
|
297
295
|
className: cn(
|
|
298
296
|
"w-[var(--radix-popover-trigger-width)] pt-0 px-1 pb-1",
|
|
299
297
|
contentClassName
|
|
300
|
-
)
|
|
298
|
+
),
|
|
299
|
+
onWheel: (e) => e.stopPropagation()
|
|
301
300
|
},
|
|
302
301
|
/* @__PURE__ */ React.createElement(Command, { shouldFilter: false, className: SEARCH_INPUT_CLASSES[size] }, showSearch && /* @__PURE__ */ React.createElement(
|
|
303
302
|
CommandInput,
|
|
@@ -311,7 +310,6 @@ function Combobox({
|
|
|
311
310
|
{
|
|
312
311
|
className: cn(
|
|
313
312
|
"max-h-44 overflow-y-auto overflow-x-hidden",
|
|
314
|
-
"scrollbar-thin scrollbar-thumb-grey-300 scrollbar-track-transparent",
|
|
315
313
|
"[&::-webkit-scrollbar]:w-1.5",
|
|
316
314
|
"[&::-webkit-scrollbar-track]:bg-transparent",
|
|
317
315
|
"[&::-webkit-scrollbar-thumb]:bg-grey-300",
|
|
@@ -32,10 +32,7 @@ const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
32
32
|
Command$1.List,
|
|
33
33
|
{
|
|
34
34
|
ref,
|
|
35
|
-
className: cn(
|
|
36
|
-
"max-h-[300px] h-full overflow-y-auto overflow-x-hidden",
|
|
37
|
-
className
|
|
38
|
-
),
|
|
35
|
+
className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
|
|
39
36
|
...props
|
|
40
37
|
}
|
|
41
38
|
));
|
|
@@ -54,7 +51,7 @@ const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
54
51
|
{
|
|
55
52
|
ref,
|
|
56
53
|
className: cn(
|
|
57
|
-
"p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
54
|
+
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
58
55
|
className
|
|
59
56
|
),
|
|
60
57
|
...props
|
|
@@ -3,7 +3,7 @@ import { cn } from '../../lib/utils.js';
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
const inputVariants = cva(
|
|
6
|
-
`flex h-8 w-full rounded-
|
|
6
|
+
`flex h-8 w-full rounded-sm border border-grey-400 bg-background px-3 py-2
|
|
7
7
|
placeholder:text-grey-500 outline-none
|
|
8
8
|
hover:border-grey-500 focus:bg-background focus:border-grey-400 focus:ring-grey-600 focus:ring-opacity-15 focus:ring-4
|
|
9
9
|
disabled:cursor-not-allowed disabled:bg-grey-100 disabled:border-grey-400
|
|
@@ -16,13 +16,13 @@ const inputVariants = cva(
|
|
|
16
16
|
borderless: "border-none bg-transparent focus:bg-transparent focus:ring-0"
|
|
17
17
|
},
|
|
18
18
|
size: {
|
|
19
|
-
small: "h-
|
|
20
|
-
default: "h-
|
|
21
|
-
large: "h-
|
|
19
|
+
small: "h-8 body-small-400 px-3 py-0 placeholder:body-small-400",
|
|
20
|
+
default: "h-10 body-medium-400 px-3 py-2 placeholder:body-medium-400",
|
|
21
|
+
large: "h-12 body-large-400 px-3 py-2 placeholder:body-large-400"
|
|
22
22
|
},
|
|
23
23
|
radius: {
|
|
24
24
|
small: "rounded-sm",
|
|
25
|
-
default: "rounded-
|
|
25
|
+
default: "rounded-sm",
|
|
26
26
|
large: "rounded-3xl",
|
|
27
27
|
full: "rounded-full"
|
|
28
28
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -756,9 +756,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
756
756
|
}
|
|
757
757
|
|
|
758
758
|
declare const inputVariants: (props?: ({
|
|
759
|
-
variant?: "
|
|
760
|
-
size?: "small" | "
|
|
761
|
-
radius?: "small" | "
|
|
759
|
+
variant?: "filled" | "default" | "borderless" | null | undefined;
|
|
760
|
+
size?: "small" | "large" | "default" | null | undefined;
|
|
761
|
+
radius?: "small" | "large" | "default" | "full" | null | undefined;
|
|
762
762
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
763
763
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
|
|
764
764
|
sufix?: React$1.ReactNode;
|
|
@@ -959,7 +959,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
|
|
|
959
959
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
960
960
|
|
|
961
961
|
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
|
|
962
|
-
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<
|
|
962
|
+
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLInputElement | HTMLLabelElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
|
|
963
963
|
className?: string;
|
|
964
964
|
collapsedSize?: number | undefined;
|
|
965
965
|
collapsible?: boolean | undefined;
|
|
@@ -1124,9 +1124,9 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
1124
1124
|
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1125
1125
|
|
|
1126
1126
|
declare const textareaVariants: (props?: ({
|
|
1127
|
-
variant?: "
|
|
1128
|
-
size?: "small" | "
|
|
1129
|
-
radius?: "small" | "
|
|
1127
|
+
variant?: "filled" | "default" | "borderless" | null | undefined;
|
|
1128
|
+
size?: "small" | "large" | "default" | null | undefined;
|
|
1129
|
+
radius?: "small" | "large" | "default" | "full" | null | undefined;
|
|
1130
1130
|
resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
|
|
1131
1131
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1132
1132
|
interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
|