primer-progress - npm Package Compare versions

Comparing version 0.1.0-alpha.ea8762da to 0.1.0-rc.0

package.json

 {
-  "version": "0.1.0-alpha.ea8762da",
+  "version": "0.1.0-rc.0",
   "name": "primer-progress",
-  "description": "TODO: fill in this description later",
+  "description": "Use Progress components to visualize task completion",
   "homepage": "http://primer.github.io/",
@@ -34,3 +34,3 @@ "primer": {
   "dependencies": {
-    "primer-support": "4.7.0-alpha.ea8762da"
+    "primer-support": "4.7.0-rc.0"
   },
@@ -37,0 +37,0 @@ "keywords": [

README.md

@@ -6,3 +6,3 @@ # Primer / Progress
 
-> TODO: fill in this description later
+> Use Progress components to visualize task completion
 
@@ -45,3 +45,3 @@ This repository is a module of the full [primer][primer] repository.
 
-## Default Progress Bar
+## Default Progress
 
@@ -51,8 +51,6 @@ ```html
   <span class="Progress-value bg-green" style="width: 50%;"></span>
-  <span class="Progress-value bg-purple" style="width: 25%;"></span>
-  <span class="Progress-value bg-red" style="width: 5%;"></span>
 </span>
 ```
 
-## Large Progress Bar
+## Large Progress
 
@@ -62,8 +60,6 @@ ```html
   <span class="Progress-value bg-green" style="width: 50%;"></span>
-  <span class="Progress-value bg-purple" style="width: 25%;"></span>
-  <span class="Progress-value bg-red" style="width: 5%;"></span>
 </span>
 ```
 
-## Small Progress Bar
+## Small Progress
 
@@ -73,8 +69,6 @@ ```html
   <span class="Progress-value bg-green" style="width: 50%;"></span>
-  <span class="Progress-value bg-purple" style="width: 25%;"></span>
-  <span class="Progress-value bg-red" style="width: 5%;"></span>
 </span>
 ```
 
-## Progress Bar With Tooltip
+## Progress with tooltip
 
@@ -85,2 +79,12 @@ ```html
     <span class="Progress-value bg-green" style="width: 50%;"></span>
+  </span>
+</div>
+```
+
+## Progress with multiple values
+
+```html
+<div class="tooltipped tooltipped-n" aria-label="78 done / 6 in progress / 2 to do">
+  <span class="Progress">
+    <span class="Progress-value bg-green" style="width: 50%;"></span>
     <span class="Progress-value bg-purple" style="width: 25%;"></span>
@@ -87,0 +91,0 @@ <span class="Progress-value bg-red" style="width: 5%;"></span>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

101

increased by4.12%

Worsened metrics

Total package byte prevSize

6783

decreased by-2.32%

Dependency changes

• + Addedprimer-support@4.7.0-rc.0(transitive)

• - [e-mail]8762da(transitive)

• Updatedprimer-support@4.7.0-rc.0