v4.0.5 -improvements

Author: AlemTuzlak

package.json

@@ -2,7 +2,7 @@
   "name": "remix-development-tools",
   "description": "Remix development tools - a set of tools for developing/debugging Remix.run apps",
   "author": "Alem Tuzlak",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "license": "MIT",
   "keywords": [
     "remix",
@@ -61,11 +61,11 @@
       "node": "./dist/server.cjs",
       "default": "./dist/server.js"
     },
-    "./index.css": {
-      "import": "./dist/index.css",
-      "require": "./dist/index.css",
-      "node": "./dist/index.css",
-      "default": "./dist/index.css"
+    "./client.css": {
+      "import": "./dist/client.css",
+      "require": "./dist/client.css",
+      "node": "./dist/client.css",
+      "default": "./dist/client.css"
     }
   },
   "files": [

src/client/components/Input.tsx

@@ -11,7 +11,7 @@ export const Label = ({
   ...props
 }: React.HTMLProps<HTMLLabelElement>) => {
   return (
-    <label className={clsx("rdt-block rdt-text-sm", className)} {...props}>
+    <label className={clsx("rdt-block rdt-text-white rdt-text-sm", className)} {...props}>
       {children}
     </label>
   );
@@ -29,7 +29,7 @@ const Input = ({ className, name, label, hint, ...props }: InputProps) => {
         name={name}
         id={name}
         className={clsx(
-          "rdt-w-full rdt-rounded rdt-border rdt-border-gray-400 rdt-bg-[#121212] rdt-px-2 rdt-py-1 rdt-text-sm",
+          "rdt-w-full rdt-rounded rdt-text-white rdt-border rdt-border-gray-400 rdt-bg-[#121212] rdt-px-2 rdt-py-1 rdt-text-sm",
           className
         )}
         {...props}

src/client/components/Select.tsx

@@ -130,7 +130,7 @@ const SelectWithOptions = <T extends string>({
     <Stack className={className} gap="sm">
       {label && <Label>{label}</Label>}
       <Select value={value} onValueChange={onSelect}>
-        <SelectTrigger className="rdt-w-full">
+        <SelectTrigger className="rdt-w-full rdt-text-white">
           <SelectValue placeholder={placeholder} />
         </SelectTrigger>
         <SelectContent>

src/vite/plugin.tsx

@@ -135,8 +135,8 @@ export const remixDevTools: (args?:RemixViteConfig) => Plugin[] = (args) => {
 
           const imports = [
             'import { withViteDevTools } from "remix-development-tools/client";',
-            'import rdtStylesheet from "remix-development-tools/index.css?url";',
-            'import "remix-development-tools/index.css?inline";',
+            'import rdtStylesheet from "remix-development-tools/client.css?url";',
+            'import "remix-development-tools/client.css?inline";',
          //   plugins.map((plugin) => `import { ${plugin.name} } from "${plugin.path}";`).join("\n"),
           ];