From 2caf688dfad3a9b681c7865e755ed960e22e409c Mon Sep 17 00:00:00 2001 From: Norbert Maciaszek Date: Mon, 17 Nov 2025 22:18:51 +0100 Subject: [PATCH] fix: update accessibility warning filters and enhance Button component styles --- src/lib/components/atoms/Button.svelte | 6 +++--- svelte.config.js | 1 + 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index 310856e..f3f9a60 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -3,11 +3,11 @@ const variants = { primary: - 'px-4 py-2 text-sm font-medium text-white bg-blue-500 hover:bg-blue-600 rounded-xl transition-all duration-200 ease-in-out disabled:opacity-70 disabled:cursor-not-allowed', + 'px-4 py-2 text-sm font-medium text-white bg-emerald-800 hover:bg-emerald-900 rounded-xl transition-all duration-200 ease-in-out disabled:opacity-70 disabled:cursor-not-allowed', secondary: 'px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 hover:bg-gray-100 rounded-xl transition-all duration-200 ease-in-out', danger: - 'px-4 py-2 text-sm font-medium text-white bg-red-500 hover:bg-red-600 rounded-xl transition-all duration-200 ease-in-out disabled:opacity-70 disabled:cursor-not-allowed' + 'px-4 py-2 text-sm font-medium text-white bg-red-800 hover:bg-red-900 rounded-xl transition-all duration-200 ease-in-out disabled:opacity-70 disabled:cursor-not-allowed' }; type Props = { @@ -25,7 +25,7 @@ {@render children()} {:else} - {/if} diff --git a/svelte.config.js b/svelte.config.js index 70313be..81f0f0d 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -18,6 +18,7 @@ const config = { warningFilter: (warning) => { const ignoreCodes = [ 'a11y_no_static_element_interactions', + 'a11y_no_noninteractive_element_interactions', 'a11y_click_events_have_key_events' ]; return !ignoreCodes.includes(warning.code);