From 72a2b6c2beda2a6d47a31c1cd399aa0be9135d8a Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Fri, 4 Oct 2024 09:43:59 +0300 Subject: [PATCH] Tokens for rating focus ring --- packages/themes/src/presets/aura/rating/index.js | 9 ++++++++- packages/themes/src/presets/lara/rating/index.js | 9 ++++++++- packages/themes/src/presets/nora/rating/index.js | 9 ++++++++- 3 files changed, 24 insertions(+), 3 deletions(-) diff --git a/packages/themes/src/presets/aura/rating/index.js b/packages/themes/src/presets/aura/rating/index.js index b92d3221f..d9a4fc6be 100644 --- a/packages/themes/src/presets/aura/rating/index.js +++ b/packages/themes/src/presets/aura/rating/index.js @@ -1,7 +1,14 @@ export default { root: { gap: '0.25rem', - transitionDuration: '{transition.duration}' + transitionDuration: '{transition.duration}', + focusRing: { + width: '{focus.ring.width}', + style: '{focus.ring.style}', + color: '{focus.ring.color}', + offset: '{focus.ring.offset}', + shadow: '{focus.ring.shadow}' + } }, icon: { size: '1rem', diff --git a/packages/themes/src/presets/lara/rating/index.js b/packages/themes/src/presets/lara/rating/index.js index c873f82ac..ae32cbf54 100644 --- a/packages/themes/src/presets/lara/rating/index.js +++ b/packages/themes/src/presets/lara/rating/index.js @@ -1,7 +1,14 @@ export default { root: { gap: '0.25rem', - transitionDuration: '{transition.duration}' + transitionDuration: '{transition.duration}', + focusRing: { + width: '{focus.ring.width}', + style: '{focus.ring.style}', + color: '{focus.ring.color}', + offset: '{focus.ring.offset}', + shadow: '{focus.ring.shadow}' + } }, icon: { size: '1.25rem', diff --git a/packages/themes/src/presets/nora/rating/index.js b/packages/themes/src/presets/nora/rating/index.js index b92d3221f..d9a4fc6be 100644 --- a/packages/themes/src/presets/nora/rating/index.js +++ b/packages/themes/src/presets/nora/rating/index.js @@ -1,7 +1,14 @@ export default { root: { gap: '0.25rem', - transitionDuration: '{transition.duration}' + transitionDuration: '{transition.duration}', + focusRing: { + width: '{focus.ring.width}', + style: '{focus.ring.style}', + color: '{focus.ring.color}', + offset: '{focus.ring.offset}', + shadow: '{focus.ring.shadow}' + } }, icon: { size: '1rem',