primer-marketing-buttons - npm Package Compare versions

Comparing version 2.1.0-alpha.8348e823 to 2.1.0-alpha.880aa354

build/data.json

@@ -1,1 +0,1 @@
-{"cssstats":{"size":1434,"gzipSize":579,"humanizedSize":"1kB","humanizedGzipSize":"579B","rules":{"total":10,"size":{"graph":[19,3,2,3,2,2,1,2,3,4],"max":19,"average":4.1},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":19},{"selector":".btn-outline-mktg:hover","declarations":4},{"selector":".btn-outline-mktg","declarations":3},{"selector":".btn-mktg:disabled,.btn-mktg.disabled","declarations":3},{"selector":".btn-mktg:hover","declarations":3},{"selector":".btn-large-mktg","declarations":2},{"selector":".btn-primary-mktg:hover","declarations":2},{"selector":".btn-primary-mktg","declarations":2},{"selector":".btn-mktg:focus","declarations":2},{"selector":".btn-primary-mktg:focus","declarations":1}]},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":6,"pseudoElement":0,"values":[".btn-mktg",".btn-mktg:hover",".btn-mktg:focus",".btn-mktg:disabled",".btn-mktg.disabled",".btn-primary-mktg",".btn-primary-mktg:hover",".btn-primary-mktg:focus",".btn-large-mktg",".btn-outline-mktg",".btn-outline-mktg:hover"],"specificity":{"max":20,"average":16.363636363636363}},"declarations":{"total":41,"unique":39,"properties":{"display":["inline-block"],"padding":["16px 24px","20px 32px"],"font-size":["14px","16px"],"font-weight":["500"],"color":["#fff","#1277eb","#0366d6"],"white-space":["nowrap"],"vertical-align":["middle"],"cursor":["pointer","default"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"background-color":["#1277eb","#0366d6","#2ebc4f","#28a745","#fff","#fff"],"border":["1px solid #1277eb"],"border-radius":["3px"],"transition":[".2s"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"text-decoration":["none","none"],"border-color":["#0366d6","#2ebc4f","#28a745","rgba(18,119,235,0.5)","#1277eb"],"outline":["0"],"box-shadow":["0 0 0 0.2em rgba(3,102,214,0.3)","0 0 0 0.2em rgba(40,167,69,0.3)"],"pointer-events":["none"],"opacity":["0.65"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
+{"cssstats":{"size":1705,"gzipSize":641,"humanizedSize":"2kB","humanizedGzipSize":"641B","rules":{"total":12,"size":{"graph":[19,3,2,3,2,2,1,2,3,4,4,4],"max":19,"average":4.083333333333333},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":19},{"selector":".btn-transparent:hover,.btn-transparent:active","declarations":4},{"selector":".btn-transparent","declarations":4},{"selector":".btn-outline-mktg:hover","declarations":4},{"selector":".btn-outline-mktg","declarations":3},{"selector":".btn-mktg:disabled,.btn-mktg.disabled","declarations":3},{"selector":".btn-mktg:hover","declarations":3},{"selector":".btn-large-mktg","declarations":2},{"selector":".btn-primary-mktg:hover","declarations":2},{"selector":".btn-primary-mktg","declarations":2},{"selector":".btn-mktg:focus","declarations":2},{"selector":".btn-primary-mktg:focus","declarations":1}]},"selectors":{"total":14,"type":0,"class":14,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".btn-mktg",".btn-mktg:hover",".btn-mktg:focus",".btn-mktg:disabled",".btn-mktg.disabled",".btn-primary-mktg",".btn-primary-mktg:hover",".btn-primary-mktg:focus",".btn-large-mktg",".btn-outline-mktg",".btn-outline-mktg:hover",".btn-transparent",".btn-transparent:hover",".btn-transparent:active"],"specificity":{"max":20,"average":16.428571428571427}},"declarations":{"total":49,"unique":45,"properties":{"display":["inline-block"],"padding":["16px 24px","20px 32px"],"font-size":["14px","16px"],"font-weight":["500"],"color":["#fff","#1277eb","#0366d6","#fff","#2f363d"],"white-space":["nowrap"],"vertical-align":["middle"],"cursor":["pointer","default"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"background-color":["#1277eb","#0366d6","#2ebc4f","#28a745","rgba(255,255,255,0)","rgba(255,255,255,0)","transparent","#fff"],"border":["1px solid #1277eb","1px solid rgba(255,255,255,0.5)"],"border-radius":["3px"],"transition":[".2s"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"text-decoration":["none","none"],"border-color":["#0366d6","#2ebc4f","#28a745","rgba(18,119,235,0.5)","#1277eb","#fff"],"outline":["0"],"box-shadow":["0 0 0 0.2em rgba(3,102,214,0.3)","0 0 0 0.2em rgba(40,167,69,0.3)"],"pointer-events":["none"],"opacity":["0.65"],"background-image":["none","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

build/index.js

@@ -1,1 +0,1 @@
-module.exports = {"cssstats":{"size":1434,"gzipSize":579,"humanizedSize":"1kB","humanizedGzipSize":"579B","rules":{"total":10,"size":{"graph":[19,3,2,3,2,2,1,2,3,4],"max":19,"average":4.1},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":19},{"selector":".btn-outline-mktg:hover","declarations":4},{"selector":".btn-outline-mktg","declarations":3},{"selector":".btn-mktg:disabled,.btn-mktg.disabled","declarations":3},{"selector":".btn-mktg:hover","declarations":3},{"selector":".btn-large-mktg","declarations":2},{"selector":".btn-primary-mktg:hover","declarations":2},{"selector":".btn-primary-mktg","declarations":2},{"selector":".btn-mktg:focus","declarations":2},{"selector":".btn-primary-mktg:focus","declarations":1}]},"selectors":{"total":11,"type":0,"class":11,"id":0,"pseudoClass":6,"pseudoElement":0,"values":[".btn-mktg",".btn-mktg:hover",".btn-mktg:focus",".btn-mktg:disabled",".btn-mktg.disabled",".btn-primary-mktg",".btn-primary-mktg:hover",".btn-primary-mktg:focus",".btn-large-mktg",".btn-outline-mktg",".btn-outline-mktg:hover"],"specificity":{"max":20,"average":16.363636363636363}},"declarations":{"total":41,"unique":39,"properties":{"display":["inline-block"],"padding":["16px 24px","20px 32px"],"font-size":["14px","16px"],"font-weight":["500"],"color":["#fff","#1277eb","#0366d6"],"white-space":["nowrap"],"vertical-align":["middle"],"cursor":["pointer","default"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"background-color":["#1277eb","#0366d6","#2ebc4f","#28a745","#fff","#fff"],"border":["1px solid #1277eb"],"border-radius":["3px"],"transition":[".2s"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"text-decoration":["none","none"],"border-color":["#0366d6","#2ebc4f","#28a745","rgba(18,119,235,0.5)","#1277eb"],"outline":["0"],"box-shadow":["0 0 0 0.2em rgba(3,102,214,0.3)","0 0 0 0.2em rgba(40,167,69,0.3)"],"pointer-events":["none"],"opacity":["0.65"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
+module.exports = {"cssstats":{"size":1705,"gzipSize":641,"humanizedSize":"2kB","humanizedGzipSize":"641B","rules":{"total":12,"size":{"graph":[19,3,2,3,2,2,1,2,3,4,4,4],"max":19,"average":4.083333333333333},"selectorByRuleSizes":[{"selector":".btn-mktg","declarations":19},{"selector":".btn-transparent:hover,.btn-transparent:active","declarations":4},{"selector":".btn-transparent","declarations":4},{"selector":".btn-outline-mktg:hover","declarations":4},{"selector":".btn-outline-mktg","declarations":3},{"selector":".btn-mktg:disabled,.btn-mktg.disabled","declarations":3},{"selector":".btn-mktg:hover","declarations":3},{"selector":".btn-large-mktg","declarations":2},{"selector":".btn-primary-mktg:hover","declarations":2},{"selector":".btn-primary-mktg","declarations":2},{"selector":".btn-mktg:focus","declarations":2},{"selector":".btn-primary-mktg:focus","declarations":1}]},"selectors":{"total":14,"type":0,"class":14,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".btn-mktg",".btn-mktg:hover",".btn-mktg:focus",".btn-mktg:disabled",".btn-mktg.disabled",".btn-primary-mktg",".btn-primary-mktg:hover",".btn-primary-mktg:focus",".btn-large-mktg",".btn-outline-mktg",".btn-outline-mktg:hover",".btn-transparent",".btn-transparent:hover",".btn-transparent:active"],"specificity":{"max":20,"average":16.428571428571427}},"declarations":{"total":49,"unique":45,"properties":{"display":["inline-block"],"padding":["16px 24px","20px 32px"],"font-size":["14px","16px"],"font-weight":["500"],"color":["#fff","#1277eb","#0366d6","#fff","#2f363d"],"white-space":["nowrap"],"vertical-align":["middle"],"cursor":["pointer","default"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"background-color":["#1277eb","#0366d6","#2ebc4f","#28a745","rgba(255,255,255,0)","rgba(255,255,255,0)","transparent","#fff"],"border":["1px solid #1277eb","1px solid rgba(255,255,255,0.5)"],"border-radius":["3px"],"transition":[".2s"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"text-decoration":["none","none"],"border-color":["#0366d6","#2ebc4f","#28a745","rgba(18,119,235,0.5)","#1277eb","#fff"],"outline":["0"],"box-shadow":["0 0 0 0.2em rgba(3,102,214,0.3)","0 0 0 0.2em rgba(40,167,69,0.3)"],"pointer-events":["none"],"opacity":["0.65"],"background-image":["none","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

package.json

 {
-  "version": "2.1.0-alpha.8348e823",
+  "version": "2.1.0-alpha.880aa354",
   "name": "primer-marketing-buttons",
@@ -34,4 +34,4 @@ "description": "Buttons for marketing websites at GitHub",
   "dependencies": {
-    "primer-marketing-support": "2.1.0-alpha.8348e823",
-    "primer-support": "5.1.0-alpha.8348e823"
+    "primer-marketing-support": "2.1.0-alpha.880aa354",
+    "primer-support": "5.1.0-alpha.880aa354"
   },
@@ -38,0 +38,0 @@ "keywords": [

README.md

@@ -22,3 +22,3 @@ # Primer Marketing CSS Buttons
 
-Marketing buttons can be solid blue, outlined blue, or solid green.
+Marketing buttons can be solid blue, outlined blue, solid green, or transparent.
 
@@ -31,2 +31,5 @@ The solid blue and solid green buttons have more visual emphasis than the blue outlined button, therefore they should be used sparingly and only for call to actions that need emphasis.
 <button class="btn-mktg btn-primary-mktg mr-2" type="button">Sign up</button>
+<div class="bg-gray-dark">
+  <button class="btn-mktg btn-transparent m-2" type="button">Learn more</button>
+</div>
 ```
@@ -33,0 +36,0 @@

New alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Fixed alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13757

increased by12.13%

Lines of code

7

increased by16.67%

Number of lines in readme file

87

increased by3.57%

Dependency changes

• + Addedprimer-marketing-support@2.1.0-alpha.880aa354(transitive)

• + Addedprimer-support@5.1.0-alpha.880aa354(transitive)

• - Removedprimer-marketing-support@2.1.0-alpha.8348e823(transitive)

• - Removedprimer-support@5.1.0-alpha.8348e823(transitive)

• Updatedprimer-marketing-support@2.1.0-alpha.880aa354

• Updatedprimer-support@5.1.0-alpha.880aa354