From e008aff5603585dadff30dfe878b77daf2af7919 Mon Sep 17 00:00:00 2001
From: Keegan Leary <keegan.leary@webflow.com>
Date: Mon, 17 Nov 2025 11:23:04 -0800
Subject: [PATCH] refactor App component to enable CalendarCMS and comment out
 AutoplayTabs; update hover styles in CalendarCMS

---
 packages/code-components/src/App.tsx                 | 12 ++++++------
 .../src/components/CalendarCMS/Calendar.css          |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/code-components/src/App.tsx b/packages/code-components/src/App.tsx
index ed4395d..c004f6a 100644
--- a/packages/code-components/src/App.tsx
+++ b/packages/code-components/src/App.tsx
@@ -2,8 +2,8 @@ import './App.css';
 // import { useControls } from 'leva';
 // import ProSphere from './components/ProSphere/ProSphere';
 // import UnrealBloomExample from './components/UnrealBloomExample/UnrealBloomExample';
-import AutoplayTabs from './components/AutoplayTabs/AutoplayTabs';
-// import CalendarCMS from './components/CalendarCMS/Calendar';
+// import AutoplayTabs from './components/AutoplayTabs/AutoplayTabs';
+import CalendarCMS from './components/CalendarCMS/Calendar';
 // import Calendar from "./components/Calendar/Calendar";
 
 function App() {
@@ -64,7 +64,7 @@ function App() {
           {...vignetteControls}
         />
       </div> */}
-      <AutoplayTabs
+      {/* <AutoplayTabs
         autoplay={true}
         autoplayDuration={5000}
         tabOneLabel="LEARN IN REAL TIME"
@@ -76,8 +76,8 @@ function App() {
         tabThreeLabel="LEARN ON YOUR OWN TIME"
         tabThreeTitle="On-demand library"
         tabThreeDescription="Need a primer or refresher? You'll still have full access to our Webflow University self-paced courses — available anytime, anywhere."
-      />
-      {/* <CalendarCMS
+      /> */}
+      <CalendarCMS
         cmsCollectionComponentSlot={
           <div slot="cmsCollectionComponentSlot">
             <div className="w-dyn-list">
@@ -166,7 +166,7 @@ function App() {
             </div>
           </div>
         }
-      /> */}
+      />
     </>
   );
 }
diff --git a/packages/code-components/src/components/CalendarCMS/Calendar.css b/packages/code-components/src/components/CalendarCMS/Calendar.css
index 1f01434..4b554d0 100644
--- a/packages/code-components/src/components/CalendarCMS/Calendar.css
+++ b/packages/code-components/src/components/CalendarCMS/Calendar.css
@@ -190,7 +190,7 @@
 
 .wf-cal-event:hover {
   background: var(--border);
-  border-color: var(--blue);
+  color: var(--theme--t_text-on-light, #171717);
   transform: translateY(-1px);
 }