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.1.0

Minor Changes

• #1759 74724ce7 Thanks @langermank! - Remove popover responsive hack

• #1807 13a4654f Thanks @enstyled! - Marketing: Add link components
  Marketing: Add animated arrow utility
  Marketing: Document button components with arrows

Patch Changes

• #1780 8e9ba62d Thanks @langermank! - ActionList followup

• #1805 99537d31 Thanks @tobiasahlin! - Fix local dev (revert webpack 5.5.0 → 6.0.0)

• #1781 4d8dcf24 Thanks @simurai! - Reformat rgba() colors for .btn-mktg

• #1768 4abb1af9 Thanks @tobiasahlin! - Marketing: Add disabled states for buttons (and tweak hover)

• #1792 b1c43f1f Thanks @simurai! - Use counter-border for LHC

• #1808 ee27583f Thanks @manuelpuyol! - Add hover and active states to btn-invisible

• #1818 22c29e7a Thanks @vdepizzol! - [Layout component] Avoid resizing main while loading

[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-12-09 00:06:51.950199913 +0000
+++ after.txt	2021-12-09 00:06:52.030200348 +0000
@@ -5,2 +5,3 @@
 .ActionList--divided .ActionList-item-label::before
+.ActionList--full
 .ActionList--subGroup .ActionList-item--subItem
@@ -41,2 +42,3 @@
 .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before
+.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label
 .ActionList-item:active
@@ -66,5 +68,10 @@
 .ActionList-item[aria-expanded=false] .ActionList-item-collapseIcon
+.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem
+.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem .ActionList-item-label
+.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem+.ActionList-item::before
+.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem::after
+.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem::before
 .ActionList-item[aria-expanded=true] .ActionList--subGroup
 .ActionList-item[aria-expanded=true] .ActionList-item-collapseIcon
-.ActionList-item[aria-expanded=true].ActionList-item--hasSubItem>.ActionList-content>.ActionList-item-label
+.ActionList-item[aria-expanded=true].ActionList-item--hasActiveSubItem>.ActionList-content>.ActionList-item-label
 .ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark
@@ -347,2 +354,4 @@
 .Popover-message--left::before
+.Popover-message--no-caret::after
+.Popover-message--no-caret::before
 .Popover-message--right-bottom::after
@@ -359,5 +368,5 @@
 .Popover-message--top-right::before
-.Popover-message.Box
 .Popover-message::after
 .Popover-message::before
+.Popover-message>.btn-octicon
 .Progress
@@ -509,2 +518,10 @@
 .anim-shrink-x
+.arrow-target-mktg .arrow-symbol-mktg
+.arrow-target-mktg .arrow-symbol-mktg path:last-child
+.arrow-target-mktg .octicon
+.arrow-target-mktg:active .arrow-symbol-mktg
+.arrow-target-mktg:focus .arrow-symbol-mktg
+.arrow-target-mktg:focus .arrow-symbol-mktg path:last-child
+.arrow-target-mktg:hover .arrow-symbol-mktg
+.arrow-target-mktg:hover .arrow-symbol-mktg path:last-child
 .autocomplete-item
@@ -725,2 +742,3 @@
 .btn-invisible:active
+.btn-invisible:active .btn-invisible.zeroclipboard-is-active
 .btn-invisible:disabled
@@ -739,2 +757,6 @@
 .btn-mktg
+.btn-mktg .arrow-symbol-mktg
+.btn-mktg .arrow-symbol-mktg path:last-child
+.btn-mktg .octicon
+.btn-mktg.disabled
 .btn-mktg.focus
@@ -744,4 +766,7 @@
 .btn-mktg:active
+.btn-mktg:active .arrow-symbol-mktg
 .btn-mktg:active::before
 .btn-mktg:focus
+.btn-mktg:focus .arrow-symbol-mktg
+.btn-mktg:focus .arrow-symbol-mktg path:last-child
 .btn-mktg:focus::before
@@ -749,4 +774,7 @@
 .btn-mktg:hover
+.btn-mktg:hover .arrow-symbol-mktg
+.btn-mktg:hover .arrow-symbol-mktg path:last-child
 .btn-mktg:hover::before
 .btn-mktg:hover:disabled
+.btn-mktg[disabled]
 .btn-muted-mktg
@@ -1606,2 +1634,19 @@
 .lh-xl-default
+.link-mktg
+.link-mktg .arrow-symbol-mktg
+.link-mktg .arrow-symbol-mktg path:last-child
+.link-mktg .octicon
+.link-mktg.arrow-target-mktg .arrow-symbol-mktg
+.link-mktg.link-emphasis-mktg::before
+.link-mktg::after
+.link-mktg:active
+.link-mktg:active .arrow-symbol-mktg
+.link-mktg:active::after
+.link-mktg:focus .arrow-symbol-mktg
+.link-mktg:focus .arrow-symbol-mktg path:last-child
+.link-mktg:focus::after
+.link-mktg:hover
+.link-mktg:hover .arrow-symbol-mktg
+.link-mktg:hover .arrow-symbol-mktg path:last-child
+.link-mktg:hover::after
 .list-style-none

Bundles with a size change since latest release

name	selectors	±	gzip size	±	raw size	±
primer	3879	+ 52	51.42 kB	+ 634 B	560.47 kB	+ 4.15 kB
core	2844	+ 8	23.2 kB	+ 76 B	165.29 kB	+ 1.07 kB
color-modes	39	0	17.91 kB	+ 94 B	346.03 kB	+ 617 B
product	537	+ 6	7.17 kB	+ 78 B	39.4 kB	+ 475 B
marketing	459	+ 38	3.67 kB	+ 437 B	20.56 kB	+ 2.09 kB
buttons	176	+ 1	2.04 kB	+ 7 B	12.1 kB	+ 124 B
marketing-utilities	366	+ 24	2.04 kB	+ 268 B	13.03 kB	+ 1.26 kB
actionlist	96	+ 7	1.9 kB	+ 53 B	10.69 kB	+ 800 B
layout	241	0	1.85 kB	+ 19 B	14.67 kB	+ 142 B
labels	44	0	806 B	+ 10 B	3.36 kB	+ 16 B
marketing-buttons	32	+ 2	786 B	+ 46 B	2.83 kB	+ 106 B
popover	92	+ 6	753 B	+ 130 B	4.49 kB	+ 459 B
marketing-links	12	+ 12	358 B	+ 358 B	726 B	+ 726 B