Update css file name

docs/package.json

@@ -16,7 +16,7 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "astro": "^2.7.0",
-    "driver.js": "1.1.2-next.0",
+    "driver.js": "1.1.3-next.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-fast-marquee": "^1.6.0",

docs/pnpm-lock.yaml

@@ -24,8 +24,8 @@ dependencies:
     specifier: ^2.7.0
     version: 2.7.0
   driver.js:
-    specifier: 1.1.2-next.0
-    version: 1.1.2-next.0
+    specifier: 1.1.3-next.0
+    version: 1.1.3-next.0
   react:
     specifier: ^18.0.0
     version: 18.2.0
@@ -1376,8 +1376,8 @@ packages:
   /[email protected]:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  /[email protected].2-next.0:
-    resolution: {integrity: sha512-2VrKUesC5Cs0OTSze2fhpkiHF4+wNxEwwOuD9AtCWiLDhtwc5En3ktHeP057yhSfEvaUQihffchylQ001zEPSQ==}
+  /[email protected].3-next.0:
+    resolution: {integrity: sha512-O2Lsz+f2TZ6Twp349MkFXd+2JVH8b2dQhlNUDIxkagFsJ6oxgTOnWdAqtYmv8cjSEgmu+IzWHfgkJukp7GcPUQ==}
     dev: false
 
   /[email protected]:

docs/src/components/examples/SimpleHighlight.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { Config, driver } from "driver.js";
-import "driver.js/dist/style.css";
+import "driver.js/dist/driver.css";
 
 import type { DriveStep } from "driver.js";
 

index.html

@@ -338,7 +338,6 @@ npm install driver.js</pre
     </div>
     <script type="module">
       import { driver } from "./src/driver.ts";
-      import "./src/driver.css";
 
       const basicTourSteps = [
         {

src/driver.ts

@@ -5,6 +5,7 @@ import { Config, configure, getConfig } from "./config";
 import { destroyHighlight, highlight } from "./highlight";
 import { destroyEmitter, listen } from "./emitter";
 import { getState, resetState, setState } from "./state";
+import "./driver.css";
 
 export type DriveStep = {
   element?: string | Element;

vite.config.ts

@@ -21,6 +21,13 @@ module.exports = defineConfig({
       formats,
       fileName: format => fileName[format],
     },
+    rollupOptions: {
+      output: {
+        assetFileNames: assetInfo => {
+          return assetInfo.name === "style.css" ? `${packageName}.css` : assetInfo.name;
+        },
+      },
+    },
   },
   test: {},
 });