Fix issue with pseudo class (#360)

gsoft-inc · Jul 19, 2024 · cc33e0d · cc33e0d
2 parents 2e8bfc1 + 4c517c1
commit cc33e0d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/mean-oranges-battle.md b/.changeset/mean-oranges-battle.md
@@ -0,0 +1,6 @@
+---
+"@hopper-ui/icons": patch
+"@hopper-ui/components": patch
+---
+
+update @hopper-ui/styled-system package
diff --git a/apps/docs/content/getting-started/react.mdx b/apps/docs/content/getting-started/react.mdx
@@ -41,6 +41,7 @@ root.render(
 You will also need to import the Hopper styles in your project. You can do this by importing the following CSS files:
 
 ```css
+@import "@hopper-ui/styled-system/index.css";
 @import "@hopper-ui/components/index.css";
 @import "@hopper-ui/icons/index.css";
 ```

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -39,7 +39,7 @@
         "test": "jest"
     },
     "peerDependencies": {
-        "@hopper-ui/styled-system": "^2.0.0",
+        "@hopper-ui/styled-system": "^2.1.0",
         "react": "^18",
         "react-aria": "^3.32",
         "react-aria-components": "^1.1.0",

diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -38,7 +38,7 @@
         "generate-icons": "tsx scripts/build.ts"
     },
     "peerDependencies": {
-        "@hopper-ui/styled-system": "^2.0.0",
+        "@hopper-ui/styled-system": "^2.1.0",
         "react": "^18",
         "react-aria-components": "^1.1.0",
         "react-dom": "^18"