Twoslash: Improve default CSS

Author: fuma-nama

Diff for: packages/twoslash/package.json

@@ -13,7 +13,7 @@
   "author": "Fuma Nama",
   "type": "module",
   "exports": {
-    "./twoslash.css": "./dist/twoslash.css",
+    "./twoslash.css": "./styles/twoslash.css",
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
@@ -30,7 +30,8 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/*"
+    "dist/*",
+    "styles/*"
   ],
   "scripts": {
     "build": "tsup",

Diff for: packages/twoslash/styles/twoslash.css

@@ -52,7 +52,7 @@
 
 .twoslash-popup-docs-tag {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   gap: 0.5em;
 }
 
@@ -61,8 +61,8 @@
 }
 
 .twoslash-popup-code {
-  font-size: 14px;
-  display: block !important;
+  font-size: 13px !important;
+  overflow-wrap: anywhere;
 }
 
 .twoslash-popup-code .line {
@@ -74,7 +74,6 @@
   font-size: 14px !important;
   line-height: 20px !important;
   margin-top: 8px !important;
-  color: var(--color-fd-muted-foreground);
 }
 
 /* ===== Hover Info ===== */

Diff for: packages/twoslash/tsup.config.ts

@@ -1,12 +1,8 @@
-import * as fs from 'node:fs/promises';
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
   dts: true,
   target: 'es6',
   format: 'esm',
-  async onSuccess() {
-    await fs.copyFile('./styles/twoslash.css', './dist/twoslash.css');
-  },
   entry: ['src/index.ts', 'src/cache-fs.ts', 'src/ui/index.ts'],
 });