@chakra-ui/visually-hidden - npm Package Compare versions

Comparing version 2.0.7 to 2.0.8

package.json

 {
   "name": "@chakra-ui/visually-hidden",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "A React component that visually hides its content",
@@ -41,7 +41,7 @@ "keywords": [
   "devDependencies": {
-    "@chakra-ui/system": "2.2.5",
+    "@chakra-ui/system": "2.2.6",
     "react": "^18.0.0"
   },
   "dependencies": {
-    "@chakra-ui/utils": "2.0.7"
+    "@chakra-ui/utils": "2.0.8"
   },
@@ -58,3 +58,4 @@ "peerDependencies": {
     "build:fast": "JSX=1 tsup src/index.ts"
-  }
+  },
+  "readme": "# @chakra-ui/visually-hidden\n\nThe visually hidden component styles itself so that it’s content is not visible,\nbut it is available to assistive technologies like screen readers and other text\nto speech programs.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/visually-hidden\n\n# or\n\nnpm i @chakra-ui/visually-hidden\n```\n\n## Import component\n\n```jsx\nimport { VisuallyHidden } from \"@chakra-ui/visually-hidden\"\n```\n\n## Basic usage\n\n```jsx\n// it renders a `span` by default\n<VisuallyHidden>This content will be hidden on screen</VisuallyHidden>\n\n// for visually hidden input fields\n<VisuallyHiddenInput type=\"checkbox\" defaultChecked/>\n```\n\n## References\n\n- https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n- https://a11yproject.com/posts/how-to-hide-content/\n"
 }

Fixed alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7921

increased by146.53%

Number of package files

6

increased by100%

Lines of code

118

increased byInfinity%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@chakra-ui/utils@2.0.8(transitive)

• - Removed@chakra-ui/utils@2.0.7(transitive)

• Updated@chakra-ui/utils@2.0.8