Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
primer-labels
Advanced tools
primer-labels - npm Package Compare versions
Comparing version 1.6.0-alpha.60a6ac26 to 1.6.0-alpha.618b7b78
@@ -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":[]}}} |
| { | ||
| "version": "1.6.0-alpha.60a6ac26", | ||
| "version": "1.6.0-alpha.618b7b78", | ||
| "name": "primer-labels", | ||
@@ -28,6 +28,8 @@ "description": "Labels add metatdata or indicate status of items and navigational elements.", | ||
| "lint": "../../script/lint-scss", | ||
| "test": "../../script/npm-run-all build lint" | ||
| "test": "../../script/npm-run-all build lint", | ||
| "prepublishOnly": "../../script/notify pending", | ||
| "postpublish": "../../script/notify success" | ||
| }, | ||
| "dependencies": { | ||
| "primer-support": "4.6.0-alpha.60a6ac26" | ||
| "primer-support": "4.8.0-alpha.618b7b78" | ||
| }, | ||
@@ -34,0 +36,0 @@ "keywords": [ |
@@ -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](../../core/components/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](../../core/components/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" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by17.05%
19095
- Number of package files
- increased by11.11%
10
- Number of lines in readme file
- increased by0.53%
188
Dependency changes
+ Addedprimer-support@4.8.0-alpha.618b7b78(transitive)
- Removedprimer-support@4.6.0-alpha.60a6ac26(transitive)