From a27a2fc185e7a5915b9398bbe2a0c7112d15cd07 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 5 May 2024 12:54:17 -0700
Subject: [PATCH] fix: `--bx-interactive-04` --> `--bx-interactive`

---
 docs/src/pages/framed/TreeView/TreeViewSlot.svelte | 2 +-
 docs/src/pages/framed/_reset.svelte                | 2 +-
 tests/AspectRatioColumns.test.svelte               | 4 ++--
 tests/CondensedGrid.test.svelte                    | 8 ++++----
 tests/FullWidthGrid.test.svelte                    | 8 ++++----
 tests/Grid.test.svelte                             | 8 ++++----
 tests/NarrowGrid.test.svelte                       | 8 ++++----
 tests/OffsetColumns.test.svelte                    | 8 ++++----
 tests/PaddedGrid.test.svelte                       | 8 ++++----
 tests/ResponsiveGrid.test.svelte                   | 8 ++++----
 10 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/docs/src/pages/framed/TreeView/TreeViewSlot.svelte b/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
index 4347ae40..62bba8fc 100644
--- a/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
+++ b/docs/src/pages/framed/TreeView/TreeViewSlot.svelte
@@ -53,7 +53,7 @@
   let:node
 >
   <span
-    style:color="{node.selected ? "var(--bx-interactive-04)" : "inherit"}"
+    style:color="{node.selected ? "var(--bx-interactive)" : "inherit"}"
     style:text-decoration="{node.disabled ? "inherit" : "underline"}"
   >
     {node.text} (id: {node.id})
diff --git a/docs/src/pages/framed/_reset.svelte b/docs/src/pages/framed/_reset.svelte
index 3a97f8a9..3f587903 100644
--- a/docs/src/pages/framed/_reset.svelte
+++ b/docs/src/pages/framed/_reset.svelte
@@ -35,7 +35,7 @@
   }
 
   :global(.framed :not(.bx--content) [class^="bx--col"]) {
-    outline: 1px solid var(--bx-interactive-04);
+    outline: 1px solid var(--bx-interactive);
   }
 
   :global(.framed .bx--content [class^="bx--col"]) {
diff --git a/tests/AspectRatioColumns.test.svelte b/tests/AspectRatioColumns.test.svelte
index 411cd676..d0c9917f 100644
--- a/tests/AspectRatioColumns.test.svelte
+++ b/tests/AspectRatioColumns.test.svelte
@@ -6,13 +6,13 @@
   <Row>
     <Column
       aspectRatio="2x1"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       2x1
     </Column>
     <Column
       aspectRatio="2x1"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       2x1
     </Column>
diff --git a/tests/CondensedGrid.test.svelte b/tests/CondensedGrid.test.svelte
index cdf94631..56c7fc3f 100644
--- a/tests/CondensedGrid.test.svelte
+++ b/tests/CondensedGrid.test.svelte
@@ -4,9 +4,9 @@
 
 <Grid condensed>
   <Row>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
   </Row>
 </Grid>
diff --git a/tests/FullWidthGrid.test.svelte b/tests/FullWidthGrid.test.svelte
index 5be49b47..4475ee20 100644
--- a/tests/FullWidthGrid.test.svelte
+++ b/tests/FullWidthGrid.test.svelte
@@ -4,9 +4,9 @@
 
 <Grid fullWidth>
   <Row>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
   </Row>
 </Grid>
diff --git a/tests/Grid.test.svelte b/tests/Grid.test.svelte
index 3632247d..e3f0f450 100644
--- a/tests/Grid.test.svelte
+++ b/tests/Grid.test.svelte
@@ -4,9 +4,9 @@
 
 <Grid>
   <Row>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
   </Row>
 </Grid>
diff --git a/tests/NarrowGrid.test.svelte b/tests/NarrowGrid.test.svelte
index 8a103fb9..81adf3e4 100644
--- a/tests/NarrowGrid.test.svelte
+++ b/tests/NarrowGrid.test.svelte
@@ -4,9 +4,9 @@
 
 <Grid narrow>
   <Row>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
-    <Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
+    <Column style="outline: 1px solid var(--bx-interactive)">Column</Column>
   </Row>
 </Grid>
diff --git a/tests/OffsetColumns.test.svelte b/tests/OffsetColumns.test.svelte
index f15fe9a6..ff861a6a 100644
--- a/tests/OffsetColumns.test.svelte
+++ b/tests/OffsetColumns.test.svelte
@@ -6,25 +6,25 @@
   <Row>
     <Column
       sm="{{ span: 1, offset: 3 }}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       Offset 3
     </Column>
     <Column
       sm="{{ span: 2, offset: 2 }}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       Offset 2
     </Column>
     <Column
       sm="{{ span: 3, offset: 1 }}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       Offset 1
     </Column>
     <Column
       sm="{{ span: 4, offset: 0 }}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       Offset 0
     </Column>
diff --git a/tests/PaddedGrid.test.svelte b/tests/PaddedGrid.test.svelte
index ece49cfc..0b4f9cab 100644
--- a/tests/PaddedGrid.test.svelte
+++ b/tests/PaddedGrid.test.svelte
@@ -4,16 +4,16 @@
 
 <Grid padding>
   <Row padding>
-    <Column padding style="outline: 1px solid var(--bx-interactive-04)">
+    <Column padding style="outline: 1px solid var(--bx-interactive)">
       Column
     </Column>
-    <Column padding style="outline: 1px solid var(--bx-interactive-04)">
+    <Column padding style="outline: 1px solid var(--bx-interactive)">
       Column
     </Column>
-    <Column padding style="outline: 1px solid var(--bx-interactive-04)">
+    <Column padding style="outline: 1px solid var(--bx-interactive)">
       Column
     </Column>
-    <Column padding style="outline: 1px solid var(--bx-interactive-04)">
+    <Column padding style="outline: 1px solid var(--bx-interactive)">
       Column
     </Column>
   </Row>
diff --git a/tests/ResponsiveGrid.test.svelte b/tests/ResponsiveGrid.test.svelte
index 0c163432..edce93a2 100644
--- a/tests/ResponsiveGrid.test.svelte
+++ b/tests/ResponsiveGrid.test.svelte
@@ -8,7 +8,7 @@
       sm="{1}"
       md="{4}"
       lg="{8}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       sm: 1, md: 4, lg: 8
     </Column>
@@ -16,7 +16,7 @@
       sm="{1}"
       md="{2}"
       lg="{2}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       sm: 1, md: 2, lg: 2
     </Column>
@@ -24,7 +24,7 @@
       sm="{1}"
       md="{1}"
       lg="{1}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       sm: 1, md: 1, lg: 1
     </Column>
@@ -32,7 +32,7 @@
       sm="{1}"
       md="{1}"
       lg="{1}"
-      style="outline: 1px solid var(--bx-interactive-04)"
+      style="outline: 1px solid var(--bx-interactive)"
     >
       sm: 1, md: 1, lg: 1
     </Column>