Release Tracking

[primer-css]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/css@19.0.0

Major Changes

• #1716 9b97dc8f Thanks @tobiasahlin! - Update marketing buttons (including color mode support)

Minor Changes

• #1756 ece7a3e6 Thanks @heiskr! - Update mark tag to use background-color: var(--color-attention-subtle);

• #1754 3838e174 Thanks @simurai! - Add Box--overlay styles

• #1755 1714778a Thanks @jonrohan! - Updating primer/primitives@7.1.0 and adding Light High Contrast theme

Patch Changes

• #1746 9e6b5f56 Thanks @simurai! - Remove Label bg hack

[github-actions]

Preparing for a release.

Checklist

Make sure these items are checked before merging.

• Preview the docs change.
• Preview npm release candidate.
• CI passes on the release PR.

Selectors added/removed since latest release

--- before.txt	2021-11-19 10:00:35.405430760 +0000
+++ after.txt	2021-11-19 10:00:35.485430263 +0000
@@ -119,2 +119,4 @@
 .Box--danger .Box-row:first-of-type
+.Box--overlay
+.Box--overlay .Box-header
 .Box--scrollable
@@ -127,2 +129,4 @@
 .Box-body
+.Box-body .help
+.Box-body.scrollable-overlay
 .Box-body:last-of-type
@@ -132,2 +136,4 @@
 .Box-header--blue
+.Box-overlay--narrow
+.Box-overlay--wide
 .Box-row
@@ -713,14 +719,2 @@
 .btn-danger[aria-selected=true]
-.btn-enterprise-mktg
-.btn-enterprise-mktg.disabled
-.btn-enterprise-mktg.focus
-.btn-enterprise-mktg.hover
-.btn-enterprise-mktg.selected
-.btn-enterprise-mktg::before
-.btn-enterprise-mktg:active
-.btn-enterprise-mktg:disabled
-.btn-enterprise-mktg:focus
-.btn-enterprise-mktg:hover
-.btn-enterprise-mktg[aria-disabled=true]
-.btn-enterprise-mktg[aria-selected=true]
 .btn-invisible
@@ -745,14 +739,21 @@
 .btn-mktg
-.btn-mktg.disabled
 .btn-mktg.focus
-.btn-mktg.hover
-.btn-mktg.selected
+.btn-mktg.focus::before
+.btn-mktg.focus:disabled
 .btn-mktg::before
 .btn-mktg:active
-.btn-mktg:disabled
+.btn-mktg:active::before
 .btn-mktg:focus
+.btn-mktg:focus::before
+.btn-mktg:focus:disabled
 .btn-mktg:hover
 .btn-mktg:hover::before
-.btn-mktg[aria-disabled=true]
-.btn-mktg[aria-selected=true]
+.btn-mktg:hover:disabled
+.btn-muted-mktg
+.btn-muted-mktg.focus
+.btn-muted-mktg::before
+.btn-muted-mktg:active
+.btn-muted-mktg:disabled
+.btn-muted-mktg:focus
+.btn-muted-mktg:hover
 .btn-octicon
@@ -766,14 +767,2 @@
 .btn-outline .Counter
-.btn-outline-mktg
-.btn-outline-mktg.disabled
-.btn-outline-mktg.focus
-.btn-outline-mktg.hover
-.btn-outline-mktg.selected
-.btn-outline-mktg::before
-.btn-outline-mktg:active
-.btn-outline-mktg:disabled
-.btn-outline-mktg:focus
-.btn-outline-mktg:hover
-.btn-outline-mktg[aria-disabled=true]
-.btn-outline-mktg[aria-selected=true]
 .btn-outline.disabled
@@ -794,14 +783,2 @@
 .btn-primary .octicon
-.btn-primary-mktg
-.btn-primary-mktg.disabled
-.btn-primary-mktg.focus
-.btn-primary-mktg.hover
-.btn-primary-mktg.selected
-.btn-primary-mktg::before
-.btn-primary-mktg:active
-.btn-primary-mktg:disabled
-.btn-primary-mktg:focus
-.btn-primary-mktg:hover
-.btn-primary-mktg[aria-disabled=true]
-.btn-primary-mktg[aria-selected=true]
 .btn-primary.disabled
@@ -819,2 +796,5 @@
 .btn-primary[aria-selected=true]
+.btn-signup-mktg
+.btn-signup-mktg::before
+.btn-signup-mktg:focus
 .btn-sm
@@ -822,14 +802,7 @@
 .btn-small-mktg
-.btn-transparent
-.btn-transparent.disabled
-.btn-transparent.focus
-.btn-transparent.hover
-.btn-transparent.selected
-.btn-transparent::before
-.btn-transparent:active
-.btn-transparent:disabled
-.btn-transparent:focus
-.btn-transparent:hover
-.btn-transparent[aria-disabled=true]
-.btn-transparent[aria-selected=true]
+.btn-subtle-mktg
+.btn-subtle-mktg .focus
+.btn-subtle-mktg::before
+.btn-subtle-mktg:focus
+.btn-subtle-mktg:hover
 .btn-with-count
@@ -3400,2 +3373,3 @@
 [data-color-mode=auto][data-dark-theme=light_colorblind]
+[data-color-mode=auto][data-dark-theme=light_high_contrast]
 [data-color-mode=auto][data-light-theme*=dark]
@@ -3409,2 +3383,3 @@
 [data-color-mode=auto][data-light-theme=light_colorblind]
+[data-color-mode=auto][data-light-theme=light_high_contrast]
 [data-color-mode=dark][data-dark-theme*=dark]
@@ -3418,2 +3393,3 @@
 [data-color-mode=dark][data-dark-theme=light_colorblind]
+[data-color-mode=dark][data-dark-theme=light_high_contrast]
 [data-color-mode=light][data-light-theme*=dark]
@@ -3427,2 +3403,3 @@
 [data-color-mode=light][data-light-theme=light_colorblind]
+[data-color-mode=light][data-light-theme=light_high_contrast]
 [data-color-mode]
@@ -3434,4 +3411,2 @@
 [open]>.btn-danger .octicon
-[open]>.btn-enterprise-mktg
-[open]>.btn-mktg
 [open]>.btn-outline
@@ -3439,6 +3414,3 @@
 [open]>.btn-outline .octicon
-[open]>.btn-outline-mktg
 [open]>.btn-primary
-[open]>.btn-primary-mktg
-[open]>.btn-transparent
 [type=button]:-moz-focusring

Bundles with a size change since latest release

name	selectors	±	gzip size	±	raw size	±
primer	3827	- 30	50.78 kB	+ 1.82 kB	556.32 kB	+ 33.55 kB
core	2836	+ 6	23.13 kB	+ 121 B	164.23 kB	+ 579 B
color-modes	39	+ 4	17.81 kB	+ 1.83 kB	345.42 kB	+ 34.35 kB
product	531	0	7.1 kB	- 2 B	38.93 kB	- 40 B
marketing	421	- 40	3.23 kB	- 240 B	18.47 kB	- 2.53 kB
base	132	0	1.64 kB	+ 3 B	4.49 kB	+ 25 B
box	55	+ 6	936 B	+ 149 B	4.17 kB	+ 554 B
labels	44	0	796 B	- 14 B	3.35 kB	- 40 B
marketing-buttons	30	- 40	740 B	- 226 B	2.73 kB	- 2.53 kB