Upgrade driver version

docs/package.json

@@ -16,7 +16,7 @@
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "astro": "^2.7.4",
-    "driver.js": "1.0.4",
+    "driver.js": "1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-fast-marquee": "^1.6.0",

docs/pnpm-lock.yaml

@@ -24,8 +24,8 @@ dependencies:
     specifier: ^2.7.4
     version: 2.7.4
   driver.js:
-    specifier: 1.0.4
-    version: 1.0.4
+    specifier: 1.1.0
+    version: 1.1.0
   react:
     specifier: ^18.2.0
     version: 18.2.0
@@ -1370,8 +1370,8 @@ packages:
   /[email protected]:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  /[email protected].4:
-    resolution: {integrity: sha512-BYEDYSTsHOXRwXcwE75xFH1cK1sBikS0275QrdGWKc1oN99lGUeW/O3+rP24PJ+snycsnlpjOQ85t0QZ1R+zrA==}
+  /driver.js@1.1.0:
+    resolution: {integrity: sha512-jvor5wrzu0JmHwPAuCb7j8YzHcgitq5ibgCsgBO85fv0Zst/UPdO60/hKooCKMdQMYRPKABmSDhVSftS6NaJqA==}
     dev: false
 
   /[email protected]:

docs/src/components/HeroSection.astro

@@ -8,12 +8,12 @@ import Container from "./Container.astro";
         <h1 data-driver-name class="text-7xl md:text-8xl lg:text-9xl mb-2 md:mb-3 lg:mb-4 font-bold">driver.js</h1>
         <p data-driver-tagline class="text-md md:text-2xl lg:text-3xl">Product tours, highlights, contextual help and more.</p>
         <div class="mt-4 md:mt-8 lg:mt-10 flex flex-col sm:flex-row gap-2 items-stretch">
-          <button data-demo-tour class="bg-black rounded-xl py-2 md:py-3 px-6 font-medium text-white text-lg md:text-xl focus:outline-0">
+          <button data-demo-tour class="bg-black rounded-xl py-2 md:py-3 px-6 font-medium text-white text-lg md:text-xl focus:outline-0 hover:bg-gray-800 focus:bg-gray-800">
             Show Demo Tour
           </button>
           <a href="/docs/installation"
              data-docs-link
-             class="bg-white rounded-xl py-2 md:py-3 px-6 font-medium text-black text-lg md:text-xl focus:outline-0 border-4 border-black text-center">
+             class="bg-white rounded-xl py-2 md:py-3 px-6 font-medium text-black text-lg md:text-xl focus:outline-0 border-4 border-black text-center hover:bg-gray-200 focus:bg-gray-200">
             Get Started
           </a>
         </div>

docs/src/layouts/BaseLayout.astro

@@ -61,8 +61,8 @@ const { title } = Astro.props;
 				border-radius: 6px;
 			}
 
-			.driver-popover.driverjs-theme button:hover {
-				background-color: #000;
+			.driver-popover.driverjs-theme button:focus, .driver-popover.driverjs-theme button:hover {
+				background-color: #424242;
 				color: #ffffff;
 			}