From 7d136cfd02438b06e83014e4eeb2eb68b1f7f969 Mon Sep 17 00:00:00 2001
From: VivianVenter <49275204+VivianVenter@users.noreply.github.com>
Date: Mon, 4 Sep 2023 15:08:45 +0200
Subject: [PATCH 1/2] Update classesdoc.js

Fixed the class name for border-100 which was incorrectly named border-200
---
 components/doc/bordercolor/classesdoc.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/doc/bordercolor/classesdoc.js b/components/doc/bordercolor/classesdoc.js
index 54bac60..a56b175 100644
--- a/components/doc/bordercolor/classesdoc.js
+++ b/components/doc/bordercolor/classesdoc.js
@@ -57,7 +57,7 @@ export function ClassesDoc(props) {
                             </td>
                         </tr>
                         <tr>
-                            <td>border-200</td>
+                            <td>border-100</td>
                             <td>border-color: var(--surface-100);</td>
                             <td>
                                 <div className="border-200 border-2 shadow-1" style={{ width: '50px', height: '20px' }}></div>

From 64753b6b685956f8da2526837f575ea8e136feac Mon Sep 17 00:00:00 2001
From: VivianVenter <49275204+VivianVenter@users.noreply.github.com>
Date: Mon, 4 Sep 2023 15:16:30 +0200
Subject: [PATCH 2/2] Update classesdoc.js

Adjusting the class name in the div to reflect the correct color in the example for border-100
---
 components/doc/bordercolor/classesdoc.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/doc/bordercolor/classesdoc.js b/components/doc/bordercolor/classesdoc.js
index a56b175..f6403f5 100644
--- a/components/doc/bordercolor/classesdoc.js
+++ b/components/doc/bordercolor/classesdoc.js
@@ -60,7 +60,7 @@ export function ClassesDoc(props) {
                             <td>border-100</td>
                             <td>border-color: var(--surface-100);</td>
                             <td>
-                                <div className="border-200 border-2 shadow-1" style={{ width: '50px', height: '20px' }}></div>
+                                <div className="border-100 border-2 shadow-1" style={{ width: '50px', height: '20px' }}></div>
                             </td>
                         </tr>
                         <tr>