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@17.0.0

Major Changes

• #1370 cc0049c2 Thanks @simurai! - Replace border-overlay with border-primary

• #1371 0c6bfc22 Thanks @tobiasahlin! - Marketing: Deprecate bg-shade-gradient

• #1379 22a98b5c Thanks @tobiasahlin! - Add new marketing type scale

• #1369 2ae2ae57 Thanks @tobiasahlin! - Marketing: Removing Inter font files and folder

• #1339 0ca2648e Thanks @jonrohan! - Changeset change supported browsers.

• #1373 aeae963d Thanks @tobiasahlin! - Remove redundant marketing layout selectors

• #1380 4ac39740 Thanks @tobiasahlin! - Marketing: use size modifiers that don't look like breakpoints modifiers

• #1352 b4950e39 Thanks @tobiasahlin! - Update marketing button styles

• #1356 3b7e5d8c Thanks @jonrohan! - Remove dependency on primer/octicons and force overflow visible

• #1372 e24b7cb0 Thanks @tobiasahlin! - Merge overlapping marketing spacing utilities into primer core

Minor Changes

• #1357 3dfb910f Thanks @hpalacio! - typography-base: process 'type' attribute of HTML
  tag

Patch Changes

• #1368 95b9f0f0 Thanks @simurai! - Use --color-icon-secondary for .blankslate-icon

• #1350 2dbc6143 Thanks @simurai! - Bump @primer/primitives

• #1385 1cfff7a4 Thanks @tobiasahlin! - Marketing typography: 64px → 68px for third size step

• #1382 18bb377b Thanks @tobiasahlin! - Marketing: optimize body typography inheritance

• #1392 0fea11a7 Thanks @tobiasahlin! - Marketing: Enable body content utilities to have their font-weight overwritten

[simurai]

⚠️ Migration guide

• Replace .bg-shade-gradient with .color-bg-secondary
• Replace .bottom/left/top/right-n0 with .bottom/left/top/right-0
• Replace color-border-overlay with color-border-primary
• Replace .h00-mktg, .h000-mktg + .lead-mktg with updated marketing headers
• Replace .p-[7-12] without the shorthand. Example p-11 -> pt-11 pr-11 pb-11 pl-11
• Add Inter to the $marketing-font-path
• Replace --color-ansi- with --color-checks-ansi- for the Checks logs, see Split ANSI colors primitives#73.
• Remove primer/octicons from github/github package.json and make sure there's no primer/octicons/index.scss imports

See #1351 (comment) for a complete list of class additions and deletions.

[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-05-11 23:51:34.611791322 +0000
+++ after.txt	2021-05-11 23:51:34.683795078 +0000
@@ -356,3 +356,2 @@
 .avatar.avatar-more::before
-.bg-shade-gradient
 .blankslate
@@ -450,3 +449,2 @@
 .bottom-lg-auto
-.bottom-lg-n0
 .bottom-lg-n1
@@ -477,3 +475,2 @@
 .bottom-md-auto
-.bottom-md-n0
 .bottom-md-n1
@@ -490,3 +487,2 @@
 .bottom-md-n9
-.bottom-n0
 .bottom-n1
@@ -542,2 +538,14 @@
 .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
@@ -563,2 +571,7 @@
 .btn-mktg.disabled
+.btn-mktg.focus
+.btn-mktg.hover
+.btn-mktg.selected
+.btn-mktg::before
+.btn-mktg:active
 .btn-mktg:disabled
@@ -566,3 +579,5 @@
 .btn-mktg:hover
+.btn-mktg:hover::before
 .btn-mktg[aria-disabled=true]
+.btn-mktg[aria-selected=true]
 .btn-octicon
@@ -578,2 +593,7 @@
 .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
@@ -582,2 +602,3 @@
 .btn-outline-mktg[aria-disabled=true]
+.btn-outline-mktg[aria-selected=true]
 .btn-outline.disabled
@@ -600,2 +621,7 @@
 .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
@@ -604,2 +630,3 @@
 .btn-primary-mktg[aria-disabled=true]
+.btn-primary-mktg[aria-selected=true]
 .btn-primary.disabled
@@ -616,4 +643,10 @@
 .btn-sm .octicon
+.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
@@ -622,2 +655,3 @@
 .btn-transparent[aria-disabled=true]
+.btn-transparent[aria-selected=true]
 .btn-with-count
@@ -721,3 +755,2 @@
 .color-border-inverse
-.color-border-overlay
 .color-border-primary
@@ -868,2 +901,3 @@
 .f0-light
+.f0-mktg
 .f00-light
@@ -871,9 +905,15 @@
 .f1-light
+.f1-mktg
 .f2
 .f2-light
+.f2-mktg
 .f3
 .f3-light
+.f3-mktg
 .f4
+.f4-mktg
 .f5
+.f5-mktg
 .f6
+.f6-mktg
 .filter-item
@@ -1224,4 +1264,2 @@
 .h0-mktg
-.h00-mktg
-.h000-mktg
 .h1
@@ -1297,3 +1335,2 @@
 .lead
-.lead-mktg
 .left-0
@@ -1326,3 +1363,2 @@
 .left-lg-auto
-.left-lg-n0
 .left-lg-n1
@@ -1353,3 +1389,2 @@
 .left-md-auto
-.left-md-n0
 .left-md-n1
@@ -1366,3 +1401,2 @@
 .left-md-n9
-.left-n0
 .left-n1
@@ -1511,2 +1545,5 @@
 .markdown-body ol.no-list
+.markdown-body ol[type="1"]
+.markdown-body ol[type="a"]
+.markdown-body ol[type="i"]
 .markdown-body p
@@ -1572,3 +1609,2 @@
 .mb-lg-9
-.mb-lg-n0
 .mb-lg-n1
@@ -1598,3 +1634,2 @@
 .mb-md-9
-.mb-md-n0
 .mb-md-n1
@@ -1611,3 +1646,2 @@
 .mb-md-n9
-.mb-n0
 .mb-n1
@@ -1637,3 +1671,2 @@
 .mb-sm-9
-.mb-sm-n0
 .mb-sm-n1
@@ -1663,3 +1696,2 @@
 .mb-xl-9
-.mb-xl-n0
 .mb-xl-n1
@@ -1858,3 +1890,2 @@
 .mt-lg-9
-.mt-lg-n0
 .mt-lg-n1
@@ -1884,3 +1915,2 @@
 .mt-md-9
-.mt-md-n0
 .mt-md-n1
@@ -1897,3 +1927,2 @@
 .mt-md-n9
-.mt-n0
 .mt-n1
@@ -1923,3 +1952,2 @@
 .mt-sm-9
-.mt-sm-n0
 .mt-sm-n1
@@ -1949,3 +1977,2 @@
 .mt-xl-9
-.mt-xl-n0
 .mt-xl-n1
@@ -2225,5 +2252,2 @@
 .p-1
-.p-10
-.p-11
-.p-12
 .p-2
@@ -2233,10 +2257,4 @@
 .p-6
-.p-7
-.p-8
-.p-9
 .p-lg-0
 .p-lg-1
-.p-lg-10
-.p-lg-11
-.p-lg-12
 .p-lg-2
@@ -2246,10 +2264,4 @@
 .p-lg-6
-.p-lg-7
-.p-lg-8
-.p-lg-9
 .p-md-0
 .p-md-1
-.p-md-10
-.p-md-11
-.p-md-12
 .p-md-2
@@ -2259,5 +2271,2 @@
 .p-md-6
-.p-md-7
-.p-md-8
-.p-md-9
 .p-responsive
@@ -2265,5 +2274,2 @@
 .p-sm-1
-.p-sm-10
-.p-sm-11
-.p-sm-12
 .p-sm-2
@@ -2273,10 +2279,4 @@
 .p-sm-6
-.p-sm-7
-.p-sm-8
-.p-sm-9
 .p-xl-0
 .p-xl-1
-.p-xl-10
-.p-xl-11
-.p-xl-12
 .p-xl-2
@@ -2286,5 +2286,2 @@
 .p-xl-6
-.p-xl-7
-.p-xl-8
-.p-xl-9
 .page-responsive .suggester li
@@ -2747,3 +2744,2 @@
 .right-lg-auto
-.right-lg-n0
 .right-lg-n1
@@ -2774,3 +2770,2 @@
 .right-md-auto
-.right-md-n0
 .right-md-n1
@@ -2787,3 +2782,2 @@
 .right-md-n9
-.right-n0
 .right-n1
@@ -3094,3 +3088,2 @@
 .top-lg-auto
-.top-lg-n0
 .top-lg-n1
@@ -3121,3 +3114,2 @@
 .top-md-auto
-.top-md-n0
 .top-md-n1
@@ -3134,3 +3126,2 @@
 .top-md-n9
-.top-n0
 .top-n1
@@ -3180,3 +3171,2 @@
 .z-n2
-:-ms-input-placeholder
 ::-webkit-file-upload-button
@@ -3217,2 +3207,4 @@
 [open]>.btn-danger .octicon
+[open]>.btn-enterprise-mktg
+[open]>.btn-mktg
 [open]>.btn-outline
@@ -3220,3 +3212,6 @@
 [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	3605	- 366	44.09 K	- 1.58 K	423.51 K	- 16.84 K
core	2640	+ 300	34.7 K	+ 1.18 K	371.28 K	+ 9.71 K
base	155	+ 1	16.64 K	- 115 B	242 K	- 3.19 K
utilities	1629	+ 301	9.39 K	+ 1.4 K	79.71 K	+ 13 K
product	505	+ 3	6.96 K	+ 40 B	37.93 K	+ 184 B
forms	253	- 1	3.6 K	- 2 B	17.86 K	- 48 B
marketing	460	- 669	3.35 K	- 2.83 K	20.31 K	- 26.45 K
marketing-utilities	342	- 734	1.71 K	- 3.28 K	11.34 K	- 30.59 K
markdown	123	+ 3	1.62 K	+ 40 B	7 K	+ 164 B
select-menu	59	0	1.44 K	- 1 B	6.26 K	0 B
marketing-buttons	70	+ 45	967 B	+ 375 B	5.15 K	+ 2.29 K
dropdown	39	0	906 B	+ 3 B	3.29 K	0 B
pagination	29	0	758 B	- 4 B	2.31 K	- 21 B
marketing-type	48	+ 20	720 B	+ 127 B	3.71 K	+ 1.85 K
popover	86	0	620 B	+ 4 B	3.92 K	0 B
alerts	22	0	553 B	+ 4 B	1.82 K	+ 21 B