From 42f53f06ab6b5300a679ef3d2369951e9032ef8d Mon Sep 17 00:00:00 2001 From: Jenn Diaz Date: Wed, 13 Dec 2023 09:58:19 -0700 Subject: [PATCH 1/2] fix(picker): border width values --- components/picker/themes/express.css | 2 ++ components/picker/themes/spectrum.css | 2 ++ 2 files changed, 4 insertions(+) diff --git a/components/picker/themes/express.css b/components/picker/themes/express.css index c689a2200eb..a92203cc2d2 100644 --- a/components/picker/themes/express.css +++ b/components/picker/themes/express.css @@ -24,5 +24,7 @@ governing permissions and limitations under the License. --spectrum-picker-border-color-hover-open: transparent; --spectrum-picker-border-color-active: transparent; --spectrum-picker-border-color-key-focus: transparent; + + --spectrum-picker-border-width: 0px; } } diff --git a/components/picker/themes/spectrum.css b/components/picker/themes/spectrum.css index 511405d1ebd..b46770bbe7d 100644 --- a/components/picker/themes/spectrum.css +++ b/components/picker/themes/spectrum.css @@ -24,5 +24,7 @@ governing permissions and limitations under the License. --spectrum-picker-border-color-hover-open: var(--spectrum-gray-600); --spectrum-picker-border-color-active: var(--spectrum-gray-700); --spectrum-picker-border-color-key-focus: var(--spectrum-gray-600); + + --spectrum-picker-border-width: 1px; } } From 087c35dc670fbffeffd93b982f24933c8d00e8fe Mon Sep 17 00:00:00 2001 From: Jenn Diaz Date: Wed, 13 Dec 2023 10:22:34 -0700 Subject: [PATCH 2/2] refactor(picker): use token for custom token value --- components/picker/themes/spectrum.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/picker/themes/spectrum.css b/components/picker/themes/spectrum.css index b46770bbe7d..c9452754589 100644 --- a/components/picker/themes/spectrum.css +++ b/components/picker/themes/spectrum.css @@ -25,6 +25,6 @@ governing permissions and limitations under the License. --spectrum-picker-border-color-active: var(--spectrum-gray-700); --spectrum-picker-border-color-key-focus: var(--spectrum-gray-600); - --spectrum-picker-border-width: 1px; + --spectrum-picker-border-width: var(--spectrum-border-width-100); } }