primer-box - npm Package Compare versions

Comparing version 2.6.0-alpha.8c501390 to 2.6.0-alpha.8d395281

build/index.js

@@ -1,1 +0,1 @@
-module.exports = {"cssstats":{"size":2970,"gzipSize":780,"humanizedSize":"3kB","humanizedGzipSize":"780B","rules":{"total":48,"size":{"graph":[3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.75},"selectorByRuleSizes":[{"selector":".Box-header","declarations":8},{"selector":".Box-row.navigation-focus .Box-row--drag-button","declarations":4},{"selector":".Box-row","declarations":4},{"selector":".Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box-footer","declarations":3},{"selector":".Box-row:first-of-type","declarations":3},{"selector":".Box-body:last-of-type","declarations":3},{"selector":".Box--condensed .Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box","declarations":3},{"selector":".Box-header--blue","declarations":2},{"selector":".Box--blue .Box-header","declarations":2},{"selector":".Box--scrollable","declarations":2},{"selector":".Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2},{"selector":".Box-row.navigation-focus.is-dragging .Box-row--drag-button","declarations":2},{"selector":".Box-row:last-of-type","declarations":2},{"selector":".Box-body","declarations":2},{"selector":".Box-title","declarations":2},{"selector":".Box--spacious .Box-btn-octicon.btn-octicon","declarations":2},{"selector":".Box--spacious .Box-header","declarations":2},{"selector":".Box-row--gray","declarations":1},{"selector":".Box-row--blue","declarations":1},{"selector":".Box-row--yellow","declarations":1},{"selector":".Box--danger .Box-body:last-of-type","declarations":1},{"selector":".Box--danger .Box-row:first-of-type","declarations":1},{"selector":".Box--danger","declarations":1},{"selector":".Box--blue .Box-footer","declarations":1},{"selector":".Box--blue .Box-row","declarations":1},{"selector":".Box--blue .Box-body","declarations":1},{"selector":".Box--blue","declarations":1},{"selector":".Box-row--drag-button","declarations":1},{"selector":".Box-row--hover-blue:hover","declarations":1},{"selector":".Box-row--hover-gray:hover","declarations":1},{"selector":".Box-row--focus-blue.navigation-focus","declarations":1},{"selector":".Box-row--focus-gray.navigation-focus","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost","declarations":1},{"selector":".Box-row.navigation-focus.sortable-chosen","declarations":1},{"selector":".Box-row.Box-row--unread,.Box-row.unread","declarations":1},{"selector":".Box--spacious .Box-row","declarations":1},{"selector":".Box--spacious .Box-footer","declarations":1},{"selector":".Box--spacious .Box-body","declarations":1},{"selector":".Box--spacious .Box-title","declarations":1},{"selector":".Box--condensed .Box-row","declarations":1},{"selector":".Box--condensed .Box-footer","declarations":1},{"selector":".Box--condensed .Box-body","declarations":1},{"selector":".Box--condensed .Box-header","declarations":1},{"selector":".Box--condensed","declarations":1}]},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":84,"unique":49,"properties":{"background-color":["#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px"],"font-size":["20px","14px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff"],"border-style":["solid"],"border-width":["1px"],"border-top-left-radius":["3px","2px"],"border-top-right-radius":["3px","2px"],"font-weight":["600"],"border-bottom":["1px solid #e1e4e8"],"margin-bottom":["-1px"],"border-bottom-right-radius":["2px","2px"],"border-bottom-left-radius":["2px","2px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-top-color":["transparent"],"box-shadow":["2px 0 0 #0366d6 inset"],"color":["#0366d6","#24292e","#0366d6"],"cursor":["-webkit-grab","grab","-webkit-grabbing","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":",.Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}}]}}}
+module.exports = {"cssstats":{"size":2926,"gzipSize":771,"humanizedSize":"3kB","humanizedGzipSize":"771B","rules":{"total":48,"size":{"graph":[3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,3,1,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.7083333333333333},"selectorByRuleSizes":[{"selector":".Box-header","declarations":8},{"selector":".Box-row","declarations":4},{"selector":".Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box-footer","declarations":3},{"selector":".Box-row.navigation-focus .Box-row--drag-button","declarations":3},{"selector":".Box-row:first-of-type","declarations":3},{"selector":".Box-body:last-of-type","declarations":3},{"selector":".Box--condensed .Box-btn-octicon.btn-octicon","declarations":3},{"selector":".Box","declarations":3},{"selector":".Box-header--blue","declarations":2},{"selector":".Box--blue .Box-header","declarations":2},{"selector":".Box--scrollable","declarations":2},{"selector":".Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2},{"selector":".Box-row:last-of-type","declarations":2},{"selector":".Box-body","declarations":2},{"selector":".Box-title","declarations":2},{"selector":".Box--spacious .Box-btn-octicon.btn-octicon","declarations":2},{"selector":".Box--spacious .Box-header","declarations":2},{"selector":".Box-row--gray","declarations":1},{"selector":".Box-row--blue","declarations":1},{"selector":".Box-row--yellow","declarations":1},{"selector":".Box--danger .Box-body:last-of-type","declarations":1},{"selector":".Box--danger .Box-row:first-of-type","declarations":1},{"selector":".Box--danger","declarations":1},{"selector":".Box--blue .Box-footer","declarations":1},{"selector":".Box--blue .Box-row","declarations":1},{"selector":".Box--blue .Box-body","declarations":1},{"selector":".Box--blue","declarations":1},{"selector":".Box-row--drag-button","declarations":1},{"selector":".Box-row--hover-blue:hover","declarations":1},{"selector":".Box-row--hover-gray:hover","declarations":1},{"selector":".Box-row--focus-blue.navigation-focus","declarations":1},{"selector":".Box-row--focus-gray.navigation-focus","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide","declarations":1},{"selector":".Box-row.navigation-focus.sortable-ghost","declarations":1},{"selector":".Box-row.navigation-focus.sortable-chosen","declarations":1},{"selector":".Box-row.navigation-focus.is-dragging .Box-row--drag-button","declarations":1},{"selector":".Box-row.Box-row--unread,.Box-row.unread","declarations":1},{"selector":".Box--spacious .Box-row","declarations":1},{"selector":".Box--spacious .Box-footer","declarations":1},{"selector":".Box--spacious .Box-body","declarations":1},{"selector":".Box--spacious .Box-title","declarations":1},{"selector":".Box--condensed .Box-row","declarations":1},{"selector":".Box--condensed .Box-footer","declarations":1},{"selector":".Box--condensed .Box-body","declarations":1},{"selector":".Box--condensed .Box-header","declarations":1},{"selector":".Box--condensed","declarations":1}]},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":82,"unique":47,"properties":{"background-color":["#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px"],"font-size":["20px","14px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff"],"border-style":["solid"],"border-width":["1px"],"border-top-left-radius":["3px","2px"],"border-top-right-radius":["3px","2px"],"font-weight":["600"],"border-bottom":["1px solid #e1e4e8"],"margin-bottom":["-1px"],"border-bottom-right-radius":["2px","2px"],"border-bottom-left-radius":["2px","2px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-top-color":["transparent"],"box-shadow":["2px 0 0 #0366d6 inset"],"color":["#0366d6","#24292e","#0366d6"],"cursor":["grab","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":",.Box-row-link:hover","declarations":2},{"selector":".Box-row-link","declarations":2}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}}]}}}

package.json

 {
-  "version": "2.6.0-alpha.8c501390",
+  "version": "2.6.0-alpha.8d395281",
   "name": "primer-box",
@@ -28,6 +28,8 @@ "description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
     "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.8c501390"
+    "primer-support": "4.8.0-alpha.8d395281"
   },
@@ -34,0 +36,0 @@ "keywords": [

README.md

@@ -40,4 +40,5 @@ # Primer box
 title: Box
+path: components/box
 status_issue: https://github.com/github/design-systems/issues/198
-status: New release
+status: Stable
 -->
@@ -263,3 +264,3 @@
 
-`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.
+`Box-danger` is often paired with a red heading. See the [subhead](./subhead) docs for more information.
 
@@ -361,5 +362,5 @@ ```html
 
-Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.
+Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](./alerts) for more information.
 
-```html
+```erb
 <div class="Box">
@@ -391,9 +392,9 @@ <div class="Box-header">
 
-```html
-  <div class="Box">
-    <div class="Box-body">
-      <span class="pr-2">Box body</span>
-      <button href="#" class="Box-btn-octicon btn-octicon"><%= octicon("pencil") %></button>
-    </div>
+```erb
+<div class="Box">
+  <div class="Box-body">
+    <span class="pr-2">Box body</span>
+    <button href="#" class="Box-btn-octicon btn-octicon"><%= octicon "pencil" %></button>
   </div>
+</div>
 ```
@@ -403,21 +404,21 @@
 
-```html
-  <div class="Box">
-    <div class="Box-header clearfix">
-      <button href="#" class="Box-btn-octicon btn-octicon float-right"><%= octicon("x") %></button>
-      <h3 class="Box-title overflow-hidden pr-3">A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right</h3>
-    </div>
-    <div class="Box-body">
-      Box body
-    </div>
+```erb
+<div class="Box">
+  <div class="Box-header clearfix">
+    <button href="#" class="Box-btn-octicon btn-octicon float-right"><%= octicon "x" %></button>
+    <h3 class="Box-title overflow-hidden pr-3">A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right</h3>
   </div>
+  <div class="Box-body">
+    Box body
+  </div>
+</div>
 ```
 
-```html
-  <div class="Box">
-    <div class="Box-row clearfix">
-      <button href="#" class="Box-btn-octicon btn-octicon float-left"><%= octicon "check" %></button>
-      <p class="overflow-hidden pl-3">A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left</p>
-    </div>
+```erb
+<div class="Box">
+  <div class="Box-row clearfix">
+    <button href="#" class="Box-btn-octicon btn-octicon float-left"><%= octicon "check" %></button>
+    <p class="overflow-hidden pl-3">A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left</p>
   </div>
+</div>
 ```
@@ -463,3 +464,3 @@
 
-Use [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
+Use [flexbox utilities](/css/utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
 
@@ -570,3 +571,3 @@ ```html
 
-When a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles.
+When a box is all by itself centered on a page you can use [column widths](/css/objects/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](/css/utilities/typography) instead of the built in box title styles.
 
@@ -592,3 +593,3 @@ ```html
 
-Box patterns can also be made with, and modified with [border utilities](../utilities/borders).
+Box patterns can also be made with, and modified with [border utilities](/css/utilities/borders).
 
@@ -595,0 +596,0 @@ <!-- %enddocs -->

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

39897

increased by19.26%

Number of package files

8

increased by14.29%

Number of lines in readme file

599

increased by0.17%

Dependency changes

• + Addedprimer-support@4.8.0-alpha.8d395281(transitive)

• - Removedprimer-support@4.6.0-alpha.8c501390(transitive)

• Updatedprimer-support@4.8.0-alpha.8d395281