refactor(ui): unify Lucide stroke styling

Remove redundant stroke-2 overrides from buttons and chat/workspace
shells, and drop fixed stroke-width from global .lucide rules so icon
stroke follows defaults and currentColor.

Made-with: Cursor
This commit is contained in:
Douglas 2026-04-28 10:49:53 +01:00
parent dfad3b5c0d
commit 1f6f0612e6
4 changed files with 3 additions and 4 deletions

View file

@ -99,7 +99,7 @@ export interface ChatInputModelDropdownProps {
const modelTriggerShellClass = cn(
'rounded-xl px-2 py-1 inline-flex max-w-[min(100%,320px)] shrink-0 items-center gap-1.5',
'bg-ds-bg-neutral-default-default text-ds-text-neutral-default-default [&_svg.lucide]:stroke-2'
'bg-ds-bg-neutral-default-default text-ds-text-neutral-default-default'
);
export function ChatInputModelDropdown({

View file

@ -106,7 +106,7 @@ export function WorkspaceSessionModeToggle({
const shellClass = cn(
'rounded-xl px-2 py-1 inline-flex items-center gap-1.5',
'bg-ds-bg-neutral-default-default text-ds-text-neutral-default-default [&_svg.lucide]:stroke-2',
'bg-ds-bg-neutral-default-default text-ds-text-neutral-default-default',
className
);

View file

@ -343,7 +343,7 @@ const INVERSE = [
].join(' ');
const buttonVariants = cva(
'inline-flex items-center whitespace-nowrap border border-solid transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:!text-inherit [&_svg.lucide]:stroke-2 outline-none focus-visible:border-ds-border-brand-default-focus focus-visible:ring-ds-ring-brand-default-focus/50 focus-visible:ring-[3px] aria-invalid:ring-ds-ring-error-default-default/20 aria-invalid:border-ds-border-status-error-default-default shrink-0 cursor-pointer',
'inline-flex items-center whitespace-nowrap border border-solid transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:!text-inherit outline-none focus-visible:border-ds-border-brand-default-focus focus-visible:ring-ds-ring-brand-default-focus/50 focus-visible:ring-[3px] aria-invalid:ring-ds-ring-error-default-default/20 aria-invalid:border-ds-border-status-error-default-default shrink-0 cursor-pointer',
{
variants: {
variant: {

View file

@ -147,7 +147,6 @@ body {
.lucide {
color: var(--ds-icon-neutral-muted-default);
stroke: currentColor;
stroke-width: 1.5;
}
button .lucide,