From 7f232311ed6c57242133bee5145554b60b6ad42b Mon Sep 17 00:00:00 2001 From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com> Date: Fri, 21 Feb 2025 13:50:16 +0600 Subject: [PATCH 1/2] Add shadow to the disabled switch component --- src/components/switch/switch.tsx | 2 +- src/theme/default-config.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/switch/switch.tsx b/src/components/switch/switch.tsx index bc0df3ed..d0e73ca4 100644 --- a/src/components/switch/switch.tsx +++ b/src/components/switch/switch.tsx @@ -202,7 +202,7 @@ export const SwitchComponent = ( }; const disabledClassNames = { - input: 'bg-toggle-off-disabled disabled:border-transparent shadow-none disabled:cursor-not-allowed checked:disabled:bg-toggle-on-disabled', + input: 'bg-toggle-off-disabled disabled:border-transparent disabled:cursor-not-allowed checked:disabled:bg-toggle-on-disabled disabled:shadow-toggle-disabled', toggleDial: 'peer-disabled:cursor-not-allowed', }; diff --git a/src/theme/default-config.js b/src/theme/default-config.js index 39d248f9..abf90c16 100644 --- a/src/theme/default-config.js +++ b/src/theme/default-config.js @@ -192,6 +192,7 @@ const defaultTheme = { 'soft-shadow-2xl': '0px 24px 64px -12px rgba(149, 160, 178, 0.32)', 'soft-shadow-inner': '0px 1px 1px 0px rgba(0, 0, 0, 0.05)', + 'toggle-disabled': '1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset', }, fontSize: { tiny: '0.625rem', From 4125712ae091d442bf8150e7ab278e37e6d634c2 Mon Sep 17 00:00:00 2001 From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com> Date: Fri, 21 Feb 2025 13:50:20 +0600 Subject: [PATCH 2/2] Update changelog.txt --- changelog.txt | 1 + 1 file changed, 1 insertion(+) diff --git a/changelog.txt b/changelog.txt index 147739b2..6dbf68df 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,5 +1,6 @@ Version 1.4.2 - xxth February, 2025 - Improvement - Adjusted the ring width of the Radio Button component. +- Improvement - Added shadow to the disabled switch component for better visual consistency. Version 1.4.1 - 10th February, 2025 - Improvement - Show active preset with background color in the DatePicker component.