From 99791c27645a133bd4ff07fea6a05a2b1d48364a Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Mon, 24 Jun 2024 10:28:15 -0700 Subject: [PATCH] refactor(tab-button): update focus styles (#29644) --- core/src/components/tab-button/tab-button.ionic.scss | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/core/src/components/tab-button/tab-button.ionic.scss b/core/src/components/tab-button/tab-button.ionic.scss index faf072fa3a..ebdb872675 100644 --- a/core/src/components/tab-button/tab-button.ionic.scss +++ b/core/src/components/tab-button/tab-button.ionic.scss @@ -1,15 +1,14 @@ -@use "../../foundations/ionic.vars.scss" as tokens; +@use "../../foundations/ionic.vars.scss" as globals; @import "./tab-button"; // Ionic Tab Button // -------------------------------------------------------------- :host { - // TODO(FW-6186): use design token here when it is added - --focus-ring-color: #9ec4fd; - --focus-ring-width: 2px; + --focus-ring-color: #{globals.$ionic-state-focus-1}; + --focus-ring-width: #{globals.$ionic-border-radius-050}; - @include border-radius(tokens.$ionic-border-radius-200); + @include border-radius(globals.$ionic-border-radius-200); } // Tab Button Focused