From a5bcb76bbf34cff3b4d382c4fb634c78577f6121 Mon Sep 17 00:00:00 2001 From: David Hill Date: Fri, 31 Oct 2025 16:03:33 +0000 Subject: [PATCH] Added border as shadow and updated button --- packages/ui/src/components/button.css | 4 ++-- packages/ui/src/styles/theme.css | 5 +++++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 0db3fcf3..d052b7fd 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -28,10 +28,10 @@ } &[data-variant="secondary"] { - border-color: var(--border-weak-base); + border-color: transparent; background-color: var(--button-secondary-base); color: var(--text-strong); - box-shadow: var(--shadow-xs); + box-shadow: var(--shadow-xs-border); &:hover:not(:disabled) { border-color: var(--border-hover); diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css index 2458a599..6df46b59 100644 --- a/packages/ui/src/styles/theme.css +++ b/packages/ui/src/styles/theme.css @@ -55,6 +55,11 @@ --shadow-md: 0 6px 8px -4px rgba(19, 16, 16, 0.12), 0 4px 3px -2px rgba(19, 16, 16, 0.12), 0 1px 2px -1px rgba(19, 16, 16, 0.12); + --shadow-xs-border: + 0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.20)), + 0 1px 2px -1px rgba(19, 16, 16, 0.04), + 0 1px 2px 0 rgba(19, 16, 16, 0.06), + 0 1px 3px 0 rgba(19, 16, 16, 0.08); --shadow-xs-border-selected: 0 0 0 3px var(--border-weak-selected, rgba(1, 103, 255, 0.29)), 0 0 0 1px var(--border-selected, rgba(0, 74, 255, 0.99)), 0 1px 2px -1px rgba(19, 16, 16, 0.25),