summaryrefslogtreecommitdiffhomepage
path: root/packages/desktop/src/ui
diff options
context:
space:
mode:
Diffstat (limited to 'packages/desktop/src/ui')
-rw-r--r--packages/desktop/src/ui/collapsible.tsx2
-rw-r--r--packages/desktop/src/ui/icon-button.tsx38
-rw-r--r--packages/desktop/src/ui/index.ts1
3 files changed, 1 insertions, 40 deletions
diff --git a/packages/desktop/src/ui/collapsible.tsx b/packages/desktop/src/ui/collapsible.tsx
index d17b3e623..fbc6fcbfe 100644
--- a/packages/desktop/src/ui/collapsible.tsx
+++ b/packages/desktop/src/ui/collapsible.tsx
@@ -16,7 +16,7 @@ function CollapsibleTrigger(props: CollapsibleTriggerProps) {
return (
<KobalteCollapsible.Trigger
classList={{
- "w-full group/collapsible cursor-pointer": true,
+ "w-full group/collapsible": true,
[local.class ?? ""]: !!local.class,
}}
{...others}
diff --git a/packages/desktop/src/ui/icon-button.tsx b/packages/desktop/src/ui/icon-button.tsx
deleted file mode 100644
index 7e9e3e6e2..000000000
--- a/packages/desktop/src/ui/icon-button.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Button as KobalteButton } from "@kobalte/core/button"
-import { splitProps } from "solid-js"
-import type { ComponentProps, JSX } from "solid-js"
-
-export interface IconButtonProps extends ComponentProps<typeof KobalteButton> {
- variant?: "primary" | "secondary" | "outline" | "ghost"
- size?: "xs" | "sm" | "md" | "lg"
- children: JSX.Element
-}
-
-export function IconButton(props: IconButtonProps) {
- const [local, others] = splitProps(props, ["variant", "size", "class", "classList"])
- return (
- <KobalteButton
- classList={{
- ...(local.classList || {}),
- "inline-flex items-center justify-center rounded-md font-medium cursor-pointer": true,
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2": true,
- "disabled:pointer-events-none disabled:opacity-50": true,
- "bg-primary text-background hover:bg-secondary focus-visible:ring-primary data-[disabled]:opacity-50":
- (local.variant || "primary") === "primary",
- "bg-background-panel text-text hover:bg-background-element focus-visible:ring-secondary data-[disabled]:opacity-50":
- local.variant === "secondary",
- "border border-border bg-transparent text-text hover:bg-background-panel": local.variant === "outline",
- "focus-visible:ring-border-active data-[disabled]:border-border-subtle data-[disabled]:text-text-muted":
- local.variant === "outline",
- "text-text hover:bg-background-panel focus-visible:ring-border-active data-[disabled]:text-text-muted":
- local.variant === "ghost",
- "h-5 w-5 text-xs": local.size === "xs",
- "h-8 w-8 text-sm": local.size === "sm",
- "h-10 w-10 text-sm": (local.size || "md") === "md",
- "h-12 w-12 text-base": local.size === "lg",
- [local.class ?? ""]: !!local.class,
- }}
- {...others}
- />
- )
-}
diff --git a/packages/desktop/src/ui/index.ts b/packages/desktop/src/ui/index.ts
index a6ade6ff3..e273e8efe 100644
--- a/packages/desktop/src/ui/index.ts
+++ b/packages/desktop/src/ui/index.ts
@@ -5,4 +5,3 @@ export {
type CollapsibleContentProps,
} from "./collapsible"
export { FileIcon, type FileIconProps } from "./file-icon"
-export { IconButton, type IconButtonProps } from "./icon-button"