From 39510058977753e655358e26f03d7881f9c2a064 Mon Sep 17 00:00:00 2001
From: Francis Thibault <francis.thibault@gmail.com>
Date: Fri, 10 Nov 2023 15:49:17 -0500
Subject: [PATCH] removed use of alias-accent border as it was not available
 anymore

---
 docs/features/style-props/StyleProps.stories.mdx | 2 +-
 docs/features/tokens/TokenTable.jsx              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/features/style-props/StyleProps.stories.mdx b/docs/features/style-props/StyleProps.stories.mdx
index 7d434ed2c..f618fa290 100644
--- a/docs/features/style-props/StyleProps.stories.mdx
+++ b/docs/features/style-props/StyleProps.stories.mdx
@@ -39,7 +39,7 @@ Props like `border` and `paddingX` are also provided to help you save keystrokes
 ```jsx
 <Div
     paddingY={3}
-    border="alias-accent">
+    border="alias-accent-active">
     Lost in space.
 </Div>
 ```
diff --git a/docs/features/tokens/TokenTable.jsx b/docs/features/tokens/TokenTable.jsx
index f98b0dec2..36582aae3 100644
--- a/docs/features/tokens/TokenTable.jsx
+++ b/docs/features/tokens/TokenTable.jsx
@@ -93,9 +93,9 @@ export function lineHeightRenderer(token) {
 
 export function radiiRenderer(token) {
     if (token === "circular") {
-        return <Div height={4} width={4} borderRadius={token} border="alias-accent"></Div>;
+        return <Div height={4} width={4} borderRadius={token} border="alias-accent-active"></Div>;
     } else {
-        return <Div height={4} width={8} borderRadius={token} border="alias-accent"></Div>;
+        return <Div height={4} width={8} borderRadius={token} border="alias-accent-active"></Div>;
     }
 }