primer-labels - npm Package Compare versions

Comparing version 1.6.0-alpha.eb7f6898 to 1.6.0-alpha.eba8f309

build/data.json

@@ -1,1 +0,1 @@
-{"cssstats":{"size":1243,"gzipSize":496,"humanizedSize":"1kB","humanizedGzipSize":"496B","rules":{"total":17,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2],"max":8,"average":2.8823529411764706},"selectorByRuleSizes":[{"selector":".Counter","declarations":8},{"selector":".state,.State","declarations":8},{"selector":".label,.Label","declarations":8},{"selector":".Label--outline","declarations":7},{"selector":".Counter--gray","declarations":2},{"selector":".Counter--gray-light","declarations":2},{"selector":".State--small","declarations":2},{"selector":".Label--outline-green","declarations":2},{"selector":".Label--gray","declarations":2},{"selector":".State--small .octicon","declarations":1},{"selector":".State--red","declarations":1},{"selector":".State--purple","declarations":1},{"selector":".State--green","declarations":1},{"selector":".Label--orange","declarations":1},{"selector":".Label--gray-darker","declarations":1},{"selector":".label:hover,.Label:hover","declarations":1},{"selector":".labels","declarations":1}]},"selectors":{"total":20,"type":0,"class":20,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.5}},"declarations":{"total":49,"unique":36,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px",".125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","400","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
+{"cssstats":{"size":1276,"gzipSize":514,"humanizedSize":"1kB","humanizedGzipSize":"514B","rules":{"total":18,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,1,2,2],"max":8,"average":2.7777777777777777},"selectorByRuleSizes":[{"selector":".Counter","declarations":8},{"selector":".state,.State","declarations":8},{"selector":".label,.Label","declarations":8},{"selector":".Label--outline","declarations":7},{"selector":".Counter--gray","declarations":2},{"selector":".Counter--gray-light","declarations":2},{"selector":".State--small","declarations":2},{"selector":".Label--outline-green","declarations":2},{"selector":".Label--gray","declarations":2},{"selector":".Counter:empty","declarations":1},{"selector":".State--small .octicon","declarations":1},{"selector":".State--red","declarations":1},{"selector":".State--purple","declarations":1},{"selector":".State--green","declarations":1},{"selector":".Label--orange","declarations":1},{"selector":".Label--gray-darker","declarations":1},{"selector":".label:hover,.Label:hover","declarations":1},{"selector":".labels","declarations":1}]},"selectors":{"total":21,"type":0,"class":21,"id":0,"pseudoClass":3,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter:empty",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.904761904761905}},"declarations":{"total":50,"unique":37,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px",".125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","400","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"],"visibility":["hidden"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

build/index.js

@@ -1,1 +0,1 @@
-module.exports = {"cssstats":{"size":1243,"gzipSize":496,"humanizedSize":"1kB","humanizedGzipSize":"496B","rules":{"total":17,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2],"max":8,"average":2.8823529411764706},"selectorByRuleSizes":[{"selector":".Counter","declarations":8},{"selector":".state,.State","declarations":8},{"selector":".label,.Label","declarations":8},{"selector":".Label--outline","declarations":7},{"selector":".Counter--gray","declarations":2},{"selector":".Counter--gray-light","declarations":2},{"selector":".State--small","declarations":2},{"selector":".Label--outline-green","declarations":2},{"selector":".Label--gray","declarations":2},{"selector":".State--small .octicon","declarations":1},{"selector":".State--red","declarations":1},{"selector":".State--purple","declarations":1},{"selector":".State--green","declarations":1},{"selector":".Label--orange","declarations":1},{"selector":".Label--gray-darker","declarations":1},{"selector":".label:hover,.Label:hover","declarations":1},{"selector":".labels","declarations":1}]},"selectors":{"total":20,"type":0,"class":20,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.5}},"declarations":{"total":49,"unique":36,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px",".125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","400","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
+module.exports = {"cssstats":{"size":1276,"gzipSize":514,"humanizedSize":"1kB","humanizedGzipSize":"514B","rules":{"total":18,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,1,2,2],"max":8,"average":2.7777777777777777},"selectorByRuleSizes":[{"selector":".Counter","declarations":8},{"selector":".state,.State","declarations":8},{"selector":".label,.Label","declarations":8},{"selector":".Label--outline","declarations":7},{"selector":".Counter--gray","declarations":2},{"selector":".Counter--gray-light","declarations":2},{"selector":".State--small","declarations":2},{"selector":".Label--outline-green","declarations":2},{"selector":".Label--gray","declarations":2},{"selector":".Counter:empty","declarations":1},{"selector":".State--small .octicon","declarations":1},{"selector":".State--red","declarations":1},{"selector":".State--purple","declarations":1},{"selector":".State--green","declarations":1},{"selector":".Label--orange","declarations":1},{"selector":".Label--gray-darker","declarations":1},{"selector":".label:hover,.Label:hover","declarations":1},{"selector":".labels","declarations":1}]},"selectors":{"total":21,"type":0,"class":21,"id":0,"pseudoClass":3,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter:empty",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.904761904761905}},"declarations":{"total":50,"unique":37,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px",".125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","400","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"],"visibility":["hidden"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

package.json

 {
-  "version": "1.6.0-alpha.eb7f6898",
+  "version": "1.6.0-alpha.eba8f309",
   "name": "primer-labels",
@@ -30,6 +30,6 @@ "description": "Labels add metatdata or indicate status of items and navigational elements.",
     "prepublishOnly": "../../script/notify pending",
-    "publish": "../../script/notify success"
+    "postpublish": "../../script/notify success"
   },
   "dependencies": {
-    "primer-support": "4.6.0-alpha.eb7f6898"
+    "primer-support": "4.8.0-alpha.eba8f309"
   },
@@ -36,0 +36,0 @@ "keywords": [

README.md

@@ -40,4 +40,5 @@ # Primer Labels
 title: Labels
+path: components/labels
 status_issue: https://github.com/github/design-systems/issues/332
-status: New release
+status: Stable
 -->
@@ -115,3 +116,3 @@
 
-```html title="State themes"
+```erb title="State themes"
 <span title="Status: open" class="State State--green"><%= octicon "git-pull-request" %> Open</span>
@@ -127,3 +128,3 @@ <span title="Status: closed" class="State State--red"><%= octicon "git-pull-request" %> Closed</span>
 
-```html title="Small states"
+```erb title="Small states"
 <span title="Status: open" class="State State--green State--small"><%= octicon "issue-opened" %> Open</span>
@@ -135,3 +136,3 @@ <span title="Status: closed" class="State State--red State--small"><%= octicon "issue-closed" %> Closed</span>
 
-Use the `Counter` component to add a count to navigational elements and buttons. Counters come in 3 variations: the default `Counter` with a light gray background, `Counter--gray` with a dark-gray background and inverse white text, and `Counter--gray-light` with a light-gray background and dark gray text.
+Use the `Counter` component to add a count to navigational elements and buttons. Counters come in 3 variations: the default `Counter` with a light gray background, `Counter--gray` with a dark-gray background and inverse white text, and `Counter--gray-light` with a light-gray background and dark gray text. When a counter is empty, it's visibility will be hidden.
 
@@ -144,3 +145,3 @@ ```html title="Counter"
 
-Use the `Counter` in navigation to indicate the number of items without the user having to click through or count the items, such as open issues in a GitHub repo. See more options in [navigation](../navigation).
+Use the `Counter` in navigation to indicate the number of items without the user having to click through or count the items, such as open issues in a GitHub repo. See more options in [navigation](./navigation).
 
@@ -156,3 +157,3 @@ ```html title="Counter in tabs"
 
-Counters can also be used in `Box` headers to indicate the number of items in a list. See more on the [box component](../box).
+Counters can also be used in `Box` headers to indicate the number of items in a list. See more on the [box component](./box).
 
@@ -159,0 +160,0 @@ ```html title="Counter in Box headers"

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

Total package byte prevSize

19095

increased by1.91%

Number of lines in readme file

188

increased by0.53%

Dependency changes

• + [e-mail]8f309(transitive)

• - [e-mail]7f6898(transitive)

• [e-mail]8f309