@accessible/visually-hidden - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

 {
   "name": "@accessible/visually-hidden",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "homepage": "https://github.com/jaredLunde/accessible-visually-hidden#readme",
@@ -5,0 +5,0 @@ "repository": "github:jaredLunde/accessible-visually-hidden",

README.md

@@ -1,20 +0,35 @@
-[![bundlephobia](https://img.shields.io/bundlephobia/minzip/@accessible/visually-hidden?style=plastic)](https://bundlephobia.com/result?p=@accessible/visually-hidden)
-[![codecov](https://codecov.io/gh/jaredLunde/accessible-visually-hidden/branch/master/graph/badge.svg)](https://codecov.io/gh/jaredLunde/accessible-visually-hidden)
-[![Build Status](https://travis-ci.org/jaredLunde/accessible-visually-hidden.svg?branch=master)](https://travis-ci.org/jaredLunde/accessible-visually-hidden)
-[![MIT license](https://img.shields.io/badge/License-MIT-blue.svg)](https://jaredlunde.mit-license.org/)
+<hr>
+<div align="center">
+  <h1 align="center">
+    &lt;VisuallyHidden/&gt;
+  </h1>
+</div>
 
----
+<p align="center">
+  <a href="https://bundlephobia.com/result?p=@accessible/visually-hidden">
+    <img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/@accessible/visually-hidden?style=for-the-badge&labelColor=24292e">
+  </a>
+  <a aria-label="Code coverage report" href="https://codecov.io/gh/jaredLunde/accessible-visually-hidden">
+    <img alt="Code coverage" src="https://img.shields.io/codecov/c/gh/jaredLunde/accessible-visually-hidden?style=for-the-badge&labelColor=24292e">
+  </a>
+  <a aria-label="Build status" href="https://travis-ci.org/jaredLunde/accessible-visually-hidden">
+    <img alt="Build status" src="https://img.shields.io/travis/jaredLunde/accessible-visually-hidden?style=for-the-badge&labelColor=24292e">
+  </a>
+  <a aria-label="NPM version" href="https://www.npmjs.com/package/@accessible/visually-hidden">
+    <img alt="NPM Version" src="https://img.shields.io/npm/v/@accessible/visually-hidden?style=for-the-badge&labelColor=24292e">
+  </a>
+  <a aria-label="License" href="https://jaredlunde.mit-license.org/">
+    <img alt="MIT License" src="https://img.shields.io/npm/l/@accessible/visually-hidden?style=for-the-badge&labelColor=24292e">
+  </a>
+</p>
 
-# @accessible/visually-hidden
+<pre align="center">
+  npm i @accessible/visually-hidden
+</pre>
+<hr>
 
 A React component for adding visually hidden styles to elements
 
-## Installation
+## Quick Start
 
-#### `npm i @accessible/visually-hidden`
-
-#### `yarn add @accessible/visually-hidden`
-
-## Usage
-
 Simply wrap a child element that accepts a `style` prop and this component will add visually hidden
@@ -21,0 +36,0 @@ styles to it without overwriting styles already present on the child.

No alert changes

Improved metrics

Total package byte prevSize

7247

increased by9.52%

Number of lines in readme file

52

increased by40.54%

No dependency changes