chore: generate
This commit is contained in:
@@ -40,7 +40,13 @@ export function Dialog(props: DialogProps) {
|
||||
<Switch>
|
||||
<Match when={props.action}>{props.action}</Match>
|
||||
<Match when={true}>
|
||||
<Kobalte.CloseButton data-slot="dialog-close-button" as={IconButton} icon="close" variant="ghost" aria-label="Close" />
|
||||
<Kobalte.CloseButton
|
||||
data-slot="dialog-close-button"
|
||||
as={IconButton}
|
||||
icon="close"
|
||||
variant="ghost"
|
||||
aria-label="Close"
|
||||
/>
|
||||
</Match>
|
||||
</Switch>
|
||||
</div>
|
||||
|
||||
@@ -14,7 +14,13 @@ export function ImagePreview(props: ImagePreviewProps) {
|
||||
<div data-slot="image-preview-container">
|
||||
<Kobalte.Content data-slot="image-preview-content">
|
||||
<div data-slot="image-preview-header">
|
||||
<Kobalte.CloseButton data-slot="image-preview-close" as={IconButton} icon="close" variant="ghost" aria-label="Close" />
|
||||
<Kobalte.CloseButton
|
||||
data-slot="image-preview-close"
|
||||
as={IconButton}
|
||||
icon="close"
|
||||
variant="ghost"
|
||||
aria-label="Close"
|
||||
/>
|
||||
</div>
|
||||
<div data-slot="image-preview-body">
|
||||
<img src={props.src} alt={props.alt ?? i18n.t("ui.imagePreview.alt")} data-slot="image-preview-image" />
|
||||
|
||||
@@ -230,7 +230,12 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
|
||||
/>
|
||||
</div>
|
||||
<Show when={internalFilter()}>
|
||||
<IconButton icon="circle-x" variant="ghost" onClick={() => setInternalFilter("")} aria-label="Clear filter" />
|
||||
<IconButton
|
||||
icon="circle-x"
|
||||
variant="ghost"
|
||||
onClick={() => setInternalFilter("")}
|
||||
aria-label="Clear filter"
|
||||
/>
|
||||
</Show>
|
||||
</div>
|
||||
{searchAction()}
|
||||
|
||||
@@ -2,7 +2,9 @@ import { Popover as Kobalte } from "@kobalte/core/popover"
|
||||
import { ComponentProps, JSXElement, ParentProps, Show, splitProps, ValidComponent } from "solid-js"
|
||||
import { IconButton } from "./icon-button"
|
||||
|
||||
export interface PopoverProps<T extends ValidComponent = "div"> extends ParentProps, Omit<ComponentProps<typeof Kobalte>, "children"> {
|
||||
export interface PopoverProps<T extends ValidComponent = "div">
|
||||
extends ParentProps,
|
||||
Omit<ComponentProps<typeof Kobalte>, "children"> {
|
||||
trigger?: JSXElement
|
||||
triggerAs?: T
|
||||
triggerProps?: ComponentProps<T>
|
||||
@@ -13,7 +15,16 @@ export interface PopoverProps<T extends ValidComponent = "div"> extends ParentPr
|
||||
}
|
||||
|
||||
export function Popover<T extends ValidComponent = "div">(props: PopoverProps<T>) {
|
||||
const [local, rest] = splitProps(props, ["trigger", "triggerAs", "triggerProps", "title", "description", "class", "classList", "children"])
|
||||
const [local, rest] = splitProps(props, [
|
||||
"trigger",
|
||||
"triggerAs",
|
||||
"triggerProps",
|
||||
"title",
|
||||
"description",
|
||||
"class",
|
||||
"classList",
|
||||
"children",
|
||||
])
|
||||
|
||||
return (
|
||||
<Kobalte gutter={4} {...rest}>
|
||||
@@ -32,7 +43,13 @@ export function Popover<T extends ValidComponent = "div">(props: PopoverProps<T>
|
||||
<Show when={local.title}>
|
||||
<div data-slot="popover-header">
|
||||
<Kobalte.Title data-slot="popover-title">{local.title}</Kobalte.Title>
|
||||
<Kobalte.CloseButton data-slot="popover-close-button" as={IconButton} icon="close" variant="ghost" aria-label="Close" />
|
||||
<Kobalte.CloseButton
|
||||
data-slot="popover-close-button"
|
||||
as={IconButton}
|
||||
icon="close"
|
||||
variant="ghost"
|
||||
aria-label="Close"
|
||||
/>
|
||||
</div>
|
||||
</Show>
|
||||
<Show when={local.description}>
|
||||
|
||||
@@ -62,7 +62,16 @@ function ToastActions(props: ComponentProps<"div">) {
|
||||
}
|
||||
|
||||
function ToastCloseButton(props: ToastCloseButtonProps & ComponentProps<"button">) {
|
||||
return <Kobalte.CloseButton data-slot="toast-close-button" as={IconButton} icon="close" variant="ghost" aria-label="Dismiss" {...props} />
|
||||
return (
|
||||
<Kobalte.CloseButton
|
||||
data-slot="toast-close-button"
|
||||
as={IconButton}
|
||||
icon="close"
|
||||
variant="ghost"
|
||||
aria-label="Dismiss"
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function ToastProgressTrack(props: ComponentProps<typeof Kobalte.ProgressTrack>) {
|
||||
|
||||
Reference in New Issue
Block a user