diff options
| author | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
|---|---|---|
| committer | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
| commit | d14735ef4bc599c7dda8ebebbdbf66707a57a82f (patch) | |
| tree | 11bac69160b65cb7b08e357f4c15eefb65637771 /packages/ui/src | |
| parent | 3435327bc074a7ba8c3fe8939c97de54bbdefd65 (diff) | |
| download | opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.tar.gz opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src')
| -rw-r--r-- | packages/ui/src/components/dialog.tsx | 8 | ||||
| -rw-r--r-- | packages/ui/src/components/image-preview.tsx | 8 | ||||
| -rw-r--r-- | packages/ui/src/components/list.tsx | 7 | ||||
| -rw-r--r-- | packages/ui/src/components/popover.tsx | 23 | ||||
| -rw-r--r-- | packages/ui/src/components/toast.tsx | 11 |
5 files changed, 50 insertions, 7 deletions
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx index cff9edaf2..1b54739a2 100644 --- a/packages/ui/src/components/dialog.tsx +++ b/packages/ui/src/components/dialog.tsx @@ -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> diff --git a/packages/ui/src/components/image-preview.tsx b/packages/ui/src/components/image-preview.tsx index 1ab868576..a09783fca 100644 --- a/packages/ui/src/components/image-preview.tsx +++ b/packages/ui/src/components/image-preview.tsx @@ -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" /> diff --git a/packages/ui/src/components/list.tsx b/packages/ui/src/components/list.tsx index 41e528e79..9686b7bee 100644 --- a/packages/ui/src/components/list.tsx +++ b/packages/ui/src/components/list.tsx @@ -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()} diff --git a/packages/ui/src/components/popover.tsx b/packages/ui/src/components/popover.tsx index 3de7cb516..65c854e1f 100644 --- a/packages/ui/src/components/popover.tsx +++ b/packages/ui/src/components/popover.tsx @@ -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}> diff --git a/packages/ui/src/components/toast.tsx b/packages/ui/src/components/toast.tsx index 9493e50ca..bac6ff159 100644 --- a/packages/ui/src/components/toast.tsx +++ b/packages/ui/src/components/toast.tsx @@ -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>) { |
