From ac348d126f49fa0e06d7a1cc61026b228a31cb66 Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 2 Oct 2024 14:29:03 -0700 Subject: [PATCH 1/2] Apply updated clear selection styles --- src/js/themes/hpe.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/src/js/themes/hpe.js b/src/js/themes/hpe.js index cf19018..405bc96 100644 --- a/src/js/themes/hpe.js +++ b/src/js/themes/hpe.js @@ -1416,6 +1416,34 @@ export const hpe = deepFreeze({ }, }, select: { + clear: { + container: { + background: undefined, + pad: { + horizontal: '12px', + vertical: '6px', + }, + }, + text: { + color: 'text-strong', + weight: 600, + }, + }, + container: { + // align font size with buttons + extend: ({ theme }) => ` + & button[aria-label*="Clear selection"] { + font-size: 19px; + } + & button[aria-label*="Clear selection"]:hover { + background: ${ + theme.global.colors['background-contrast'][ + theme.dark ? 'dark' : 'light' + ] + }; + } + `, + }, control: { extend: ({ disabled }) => css` ${disabled && From c27652c00e242f1a5d91d09eae162f958dce884d Mon Sep 17 00:00:00 2001 From: taysea Date: Thu, 24 Oct 2024 16:29:46 -0700 Subject: [PATCH 2/2] Update clear hover object --- src/js/themes/hpe.js | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) diff --git a/src/js/themes/hpe.js b/src/js/themes/hpe.js index 405bc96..be4eeb3 100644 --- a/src/js/themes/hpe.js +++ b/src/js/themes/hpe.js @@ -1423,27 +1423,16 @@ export const hpe = deepFreeze({ horizontal: '12px', vertical: '6px', }, + hover: { + background: 'background-contrast', + }, }, text: { color: 'text-strong', + size: '19px', // align to button font size weight: 600, }, }, - container: { - // align font size with buttons - extend: ({ theme }) => ` - & button[aria-label*="Clear selection"] { - font-size: 19px; - } - & button[aria-label*="Clear selection"]:hover { - background: ${ - theme.global.colors['background-contrast'][ - theme.dark ? 'dark' : 'light' - ] - }; - } - `, - }, control: { extend: ({ disabled }) => css` ${disabled &&