fix: add correct token for the focus ring (#87)

warp-ds · Apr 25, 2023 · 9191bca · 9191bca
1 parent 0e96f07
commit 9191bca
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/_rules/focus-ring.js b/src/_rules/focus-ring.js
@@ -1,6 +1,6 @@
 // TODO: use actual variables and values when those has been defined
 const focusRingStyle = {
-  'outline': '2px solid var(--w-outline)',
+  'outline': '2px solid var(--w-color-focused)',
   'outline-offset': 'var(--w-outline-offset, 1px)',
 };
 

diff --git a/test/focus-ring.js b/test/focus-ring.js
@@ -16,7 +16,7 @@ test("focus ring", async (t) => {
   expect(css).toMatchInlineSnapshot(`
     "/* layer: default */
     .focusable\\\\:focus,
-    .focusable\\\\:focus-visible{outline:2px solid var(--w-outline);outline-offset:var(--w-outline-offset, 1px);}
+    .focusable\\\\:focus-visible{outline:2px solid var(--w-color-focused);outline-offset:var(--w-outline-offset, 1px);}
     .focusable\\\\:focus\\\\:not\\\\(\\\\:focus-visible\\\\){outline:none;}
     .focusable-inset{--w-outline-offset:-3px;}"
   `);