@ivao/atmosphere-react 0.1.0-next.2 → 0.1.0-next.3

package/README.md

@@ -23,3 +23,25 @@ Import our CSS by adding this line to your index file.
 ```typescript
 import '@ivao/atmosphere-react/dist/styles/index.css';
 ```
+
+## Contributing
+
+### Testing Locally on another repo
+
+You can use Storybook to see how the components look, however it's recommended to also test it on a more real environment as a new repo.
+
+1. Run `pnpm dev:react:build` to build the library.
+2. To use it on another repo, there are multiple ways, but one of the simplest ones is running
+
+```bash
+pnpm dev:react:pack
+```
+
+This command creates a `.tgz` file on the root of the `/components/react` folder. Copy the name of that file.
+
+3. To use it on your repo, add this line to your `package.json`. Replace the `.tgz` file name.
+
+```json
+"@ivao/atmosphere-react": "file:../atmosphere/components/react/ivao-atmosphere-react-0.1.0-next.2.tgz",
+
+```

package/dist/atmosphere-react.js

@@ -15700,7 +15700,7 @@ const Uh = ({
           "div",
           {
             className: P(
-              "rounded-md p-2 transition-all",
+              "flex size-10 items-center justify-center rounded-md p-2 transition-all",
               a ? "bg-atmos-700 text-atmos-50 group-hover:bg-atmos-600 group-hover:text-atmos-100 dark:bg-atmos-500 dark:text-atmos-50" : "bg-fuselage-100 text-fuselage-500 group-hover:bg-fuselage-200/50 group-hover:text-fuselage-600 dark:bg-fuselage-700 dark:text-fuselage-500 dark:group-hover:bg-fuselage-600 dark:group-hover:text-fuselage-100"
             ),
             children: /* @__PURE__ */ c(n, {})