diff --git a/frontend/packages/swarm-ui/src/ui/button/Button.css b/frontend/packages/swarm-ui/src/ui/button/Button.css index 6558607f..1c5e42a6 100644 --- a/frontend/packages/swarm-ui/src/ui/button/Button.css +++ b/frontend/packages/swarm-ui/src/ui/button/Button.css @@ -20,15 +20,6 @@ color: var(--fg); border: 1px solid var(--border); } -/* `plain`: text only, no box, for a control that reads as a link in a row of - text (it keeps the touch-target height). */ -.ui-button-plain { - background: none; - color: inherit; - border: 0; - padding: 0; - text-align: left; -} .ui-button:disabled { opacity: 0.6; cursor: default; diff --git a/frontend/packages/swarm-ui/src/ui/button/Button.tsx b/frontend/packages/swarm-ui/src/ui/button/Button.tsx index 7311907f..cdf77e4b 100644 --- a/frontend/packages/swarm-ui/src/ui/button/Button.tsx +++ b/frontend/packages/swarm-ui/src/ui/button/Button.tsx @@ -7,7 +7,7 @@ import type { ComponentChildren } from "preact"; import "./Button.css"; -export type ButtonVariant = "primary" | "default" | "plain"; +export type ButtonVariant = "primary" | "default"; export function Button({ variant = "default", diff --git a/frontend/packages/swarm-ui/src/ui/external-link/ExternalLink.tsx b/frontend/packages/swarm-ui/src/ui/external-link/ExternalLink.tsx index 988205e6..e5201918 100644 --- a/frontend/packages/swarm-ui/src/ui/external-link/ExternalLink.tsx +++ b/frontend/packages/swarm-ui/src/ui/external-link/ExternalLink.tsx @@ -5,23 +5,15 @@ import type { ComponentChildren } from "preact"; export function ExternalLink({ href, - title, class: extraClass, children, }: { href: string; - title?: string; class?: string; children: ComponentChildren; }) { return ( - + {children} ); diff --git a/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.css b/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.css index 71218ac8..6ad1a4c0 100644 --- a/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.css +++ b/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.css @@ -6,6 +6,3 @@ gap: 0.5em 0.75em; margin-block-end: 0.5em; } -.ui-toolbar-start { - justify-content: flex-start; -} diff --git a/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.tsx b/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.tsx index 4685b5d5..350000f0 100644 --- a/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.tsx +++ b/frontend/packages/swarm-ui/src/ui/toolbar/Toolbar.tsx @@ -1,24 +1,16 @@ // — the bar above a list or a card: filters, a count, the refresh -// picker. Items sit on one line and wrap when narrow, aligned to the end by -// default (where the refresh picker sits on every page that has one). +// picker. Items sit on one line and wrap when narrow, aligned to the end +// (where the refresh picker sits on every page that has one). import type { ComponentChildren } from "preact"; import "./Toolbar.css"; export function Toolbar({ - justify = "end", class: extraClass, children, }: { - justify?: "start" | "end"; class?: string; children: ComponentChildren; }) { - const classes = [ - "ui-toolbar", - justify === "start" && "ui-toolbar-start", - extraClass, - ] - .filter(Boolean) - .join(" "); + const classes = ["ui-toolbar", extraClass].filter(Boolean).join(" "); return
{children}
; }