From b80a94ab7ba929e6809375c152a7acfd6c2ac78a Mon Sep 17 00:00:00 2001 From: Marta Carlos Date: Tue, 15 Jul 2025 10:17:13 +0100 Subject: [PATCH 1/3] feat(toggle): add new styles for press state --- core/src/themes/ionic/ionic.mixins.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/core/src/themes/ionic/ionic.mixins.scss b/core/src/themes/ionic/ionic.mixins.scss index 596d0e10875..9be05e470b9 100644 --- a/core/src/themes/ionic/ionic.mixins.scss +++ b/core/src/themes/ionic/ionic.mixins.scss @@ -12,12 +12,14 @@ // } // // -------------------------------------------------- -@mixin pressed-state() { +@mixin pressed-state($color: null) { + $color: if($color != null, $color, tokens.$ion-state-press); + @include mixins.position(0, 0, 0, 0); position: absolute; - background-color: tokens.$ion-state-press; + background-color: $color; content: ""; } From 6e84d5d529af94849a24d18b1b50f8b956b5feff Mon Sep 17 00:00:00 2001 From: Marta Carlos Date: Tue, 15 Jul 2025 11:21:54 +0100 Subject: [PATCH 2/3] chore(toggle): update snapshots --- core/src/themes/ionic/ionic.mixins.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/core/src/themes/ionic/ionic.mixins.scss b/core/src/themes/ionic/ionic.mixins.scss index 9be05e470b9..596d0e10875 100644 --- a/core/src/themes/ionic/ionic.mixins.scss +++ b/core/src/themes/ionic/ionic.mixins.scss @@ -12,14 +12,12 @@ // } // // -------------------------------------------------- -@mixin pressed-state($color: null) { - $color: if($color != null, $color, tokens.$ion-state-press); - +@mixin pressed-state() { @include mixins.position(0, 0, 0, 0); position: absolute; - background-color: $color; + background-color: tokens.$ion-state-press; content: ""; } From 857565b11f33062b626f87a0f4cf9c2120d8b29b Mon Sep 17 00:00:00 2001 From: Marta Carlos Date: Thu, 17 Jul 2025 14:55:57 +0100 Subject: [PATCH 3/3] feat(toggle): change error text color for ionic theme --- core/src/components/toggle/toggle.ionic.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/src/components/toggle/toggle.ionic.scss b/core/src/components/toggle/toggle.ionic.scss index 02d89fe95f7..0a39c847e31 100644 --- a/core/src/components/toggle/toggle.ionic.scss +++ b/core/src/components/toggle/toggle.ionic.scss @@ -65,11 +65,11 @@ // ---------------------------------------------------------------- .toggle-bottom .error-text { - color: globals.$ion-semantics-danger-800; + color: globals.$ion-semantics-danger-900; } .toggle-bottom .helper-text { - color: globals.$ion-primitives-neutral-800; + color: globals.$ion-primitives-neutral-900; } // Toggle Native Wrapper: Focused