@primer/css 19.0.0-rc.8be73591 → 19.0.0-rc.bc287b5e

package/CHANGELOG.md

@@ -6,6 +6,12 @@
 
 - [#1716](https://github.com/primer/css/pull/1716) [`9b97dc8f`](https://github.com/primer/css/commit/9b97dc8fec28e44d8619aff6da636ecd8e48daf9) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Update marketing buttons (including color mode support)
 
+### Minor Changes
+
+- [#1754](https://github.com/primer/css/pull/1754) [`3838e174`](https://github.com/primer/css/commit/3838e1743aa63bacf0ca241c2a3c4983ba92c5e6) Thanks [@simurai](https://github.com/simurai)! - Add `Box--overlay` styles
+
+* [#1755](https://github.com/primer/css/pull/1755) [`1714778a`](https://github.com/primer/css/commit/1714778af72f5647894fca9561c56dfbccac62df) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating primer/primitives@7.1.0 and adding Light High Contrast theme
+
 ### Patch Changes
 
 - [#1746](https://github.com/primer/css/pull/1746) [`9e6b5f56`](https://github.com/primer/css/commit/9e6b5f5671ab60e3a9d452f516fb7b38173f0135) Thanks [@simurai](https://github.com/simurai)! - Remove `Label` bg hack

package/box/box-overlay.scss

@@ -0,0 +1,40 @@
+.Box--overlay {
+  width: 448px;
+  margin-right: auto;
+  margin-left: auto;
+  background-color: var(--color-canvas-default);
+  background-clip: padding-box;
+  border-color: var(--color-border-default);
+  // stylelint-disable-next-line primer/box-shadow
+  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
+
+  .Box-header {
+    margin: 0;
+    border-width: 0;
+    border-bottom-width: $border-width;
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
+  }
+}
+
+.Box-overlay--narrow {
+  width: 320px;
+}
+
+.Box-overlay--wide {
+  width: 640px;
+}
+
+.Box-body {
+  &.scrollable-overlay {
+    max-height: 400px;
+    overflow-y: scroll;
+  }
+
+  .help {
+    padding-top: $spacer-2;
+    margin: 0;
+    color: var(--color-fg-muted);
+    text-align: center;
+  }
+}

package/box/index.scss

@@ -1,2 +1,3 @@
 @import '../support/index.scss';
 @import './box.scss';
+@import './box-overlay.scss';

package/color-modes/index.scss

@@ -2,6 +2,7 @@
 
 @import './themes/light.scss';
 @import './themes/light_colorblind.scss';
+@import './themes/light_high_contrast.scss';
 @import './themes/dark.scss';
 @import './themes/dark_dimmed.scss';
 @import './themes/dark_high_contrast.scss';

package/color-modes/themes/light_high_contrast.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_light_high_contrast.scss";
+
+@include color-mode-theme(light_high_contrast) {
+  @include primer-colors-light_high_contrast;
+}

package/dist/box.css

@@ -1,2 +1,2 @@
-.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-radius:6px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0;background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid var(--color-border-default)}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top-color:var(--color-border-muted);border-top-style:solid;border-top-width:1px}.Box-row:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.Box-row:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media(min-width: 768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top-color:var(--color-border-default);border-top-style:solid;border-top-width:1px;border-radius:0 0 6px 6px}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box--blue .Box-body{border-color:var(--color-accent-muted)}.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--blue .Box-footer{border-color:var(--color-accent-muted)}.Box--danger{border-color:var(--color-danger-emphasis)}.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box--danger .Box-body:last-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}
+.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-radius:6px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0;background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid var(--color-border-default)}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top-color:var(--color-border-muted);border-top-style:solid;border-top-width:1px}.Box-row:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.Box-row:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media(min-width: 768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top-color:var(--color-border-default);border-top-style:solid;border-top-width:1px;border-radius:0 0 6px 6px}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box--blue .Box-body{border-color:var(--color-accent-muted)}.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--blue .Box-footer{border-color:var(--color-accent-muted)}.Box--danger{border-color:var(--color-danger-emphasis)}.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box--danger .Box-body:last-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}.Box--overlay{width:448px;margin-right:auto;margin-left:auto;background-color:var(--color-canvas-default);background-clip:padding-box;border-color:var(--color-border-default);box-shadow:0 0 18px rgba(0,0,0,.4)}.Box--overlay .Box-header{margin:0;border-width:0;border-bottom-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-overlay--narrow{width:320px}.Box-overlay--wide{width:640px}.Box-body.scrollable-overlay{max-height:400px;overflow-y:scroll}.Box-body .help{padding-top:8px;margin:0;color:var(--color-fg-muted);text-align:center}
 /*# sourceMappingURL=box.css.map */

package/dist/box.css.map

@@ -1 +1 @@
-{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AAigBA,KAAA,4CACE,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,0BAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,6CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,gBAAA,CAAA,2BAAA,YAAA,CAAA,gBAAA,CAAA,0BAAA,cAAA,CAAA,yBAAA,YAAA,CAAA,2BAAA,YAAA,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,wBAAA,YAAA,CAAA,YAAA,YAAA,CAAA,kBAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,WAAA,cAAA,CAAA,eAAA,CAAA,UAAA,YAAA,CAAA,mDAAA,CAAA,uBAAA,kBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,SAAA,YAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,0CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,uBAAA,0BAAA,CAAA,2BAAA,CAAA,sBAAA,8BAAA,CAAA,6BAAA,CAAA,yCAAA,qDAAA,CAAA,gDAAA,4BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,4DAAA,eAAA,CAAA,0CAAA,2CAAA,CAAA,yCAAA,2CAAA,CAAA,6DAAA,SAAA,CAAA,sCAAA,2CAAA,CAAA,sCAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,yBAAA,cAAA,6BAAA,CAAA,oBAAA,CAAA,oBAAA,4BAAA,CAAA,oBAAA,CAAA,CAAA,sBAAA,SAAA,CAAA,YAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,yBAAA,CAAA,iBAAA,gBAAA,CAAA,eAAA,CAAA,WAAA,sCAAA,CAAA,uBAAA,2CAAA,CAAA,sCAAA,CAAA,qBAAA,sCAAA,CAAA,oBAAA,sCAAA,CAAA,uBAAA,sCAAA,CAAA,aAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,kBAAA,2CAAA,CAAA,sCAAA,CAAA,iBAAA,8CAAA,CAAA,eAAA,2CAAA,CAAA,eAAA,2CAAA,CAAA,6BAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA","file":"box.css"}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AAigBA,KAAA,4CACE,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,0BAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,6CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,gBAAA,CAAA,2BAAA,YAAA,CAAA,gBAAA,CAAA,0BAAA,cAAA,CAAA,yBAAA,YAAA,CAAA,2BAAA,YAAA,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,wBAAA,YAAA,CAAA,YAAA,YAAA,CAAA,kBAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,WAAA,cAAA,CAAA,eAAA,CAAA,UAAA,YAAA,CAAA,mDAAA,CAAA,uBAAA,kBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,SAAA,YAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,0CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,uBAAA,0BAAA,CAAA,2BAAA,CAAA,sBAAA,8BAAA,CAAA,6BAAA,CAAA,yCAAA,qDAAA,CAAA,gDAAA,4BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,4DAAA,eAAA,CAAA,0CAAA,2CAAA,CAAA,yCAAA,2CAAA,CAAA,6DAAA,SAAA,CAAA,sCAAA,2CAAA,CAAA,sCAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,yBAAA,cAAA,6BAAA,CAAA,oBAAA,CAAA,oBAAA,4BAAA,CAAA,oBAAA,CAAA,CAAA,sBAAA,SAAA,CAAA,YAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,yBAAA,CAAA,iBAAA,gBAAA,CAAA,eAAA,CAAA,WAAA,sCAAA,CAAA,uBAAA,2CAAA,CAAA,sCAAA,CAAA,qBAAA,sCAAA,CAAA,oBAAA,sCAAA,CAAA,uBAAA,sCAAA,CAAA,aAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,kBAAA,2CAAA,CAAA,sCAAA,CAAA,iBAAA,8CAAA,CAAA,eAAA,2CAAA,CAAA,eAAA,2CAAA,CAAA,6BAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,WAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,4CAAA,CAAA,2BAAA,CAAA,wCAAA,CAAA,kCAAA,CAAA,0BAAA,QAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,qBAAA,WAAA,CAAA,mBAAA,WAAA,CAAA,6BAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,eAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,iBAAA","file":"box.css"}