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 (
-
);
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}
;
}