search

primer / css

The CSS design system that powers GitHub
https://primer.style/css
MIT License
12.54k stars 1.2k forks source link

Release Tracking #2635

Closed primer[bot] closed 2 months ago

primer[bot] commented 3 months ago

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

Patch Changes

github-actions[bot] commented 3 months ago

Preparing for a release.

Checklist

Make sure these items are checked before merging.

Selectors added/removed since latest release

--- before.txt  2024-06-20 14:50:23.165120297 +0000
+++ after.txt   2024-06-20 14:50:23.209120224 +0000
@@ -3783,3 +3783,2 @@
 ::-webkit-input-placeholder
-::backdrop
 ::placeholder
@@ -3797,19 +3796,19 @@
 [data-color-mode=auto][data-dark-theme=dark]
-[data-color-mode=auto][data-dark-theme=dark]::selection
+[data-color-mode=auto][data-dark-theme=dark] ::backdrop
 [data-color-mode=auto][data-dark-theme=dark_colorblind]
-[data-color-mode=auto][data-dark-theme=dark_colorblind]::selection
+[data-color-mode=auto][data-dark-theme=dark_colorblind] ::backdrop
 [data-color-mode=auto][data-dark-theme=dark_dimmed]
-[data-color-mode=auto][data-dark-theme=dark_dimmed]::selection
+[data-color-mode=auto][data-dark-theme=dark_dimmed] ::backdrop
 [data-color-mode=auto][data-dark-theme=dark_high_contrast]
-[data-color-mode=auto][data-dark-theme=dark_high_contrast]::selection
+[data-color-mode=auto][data-dark-theme=dark_high_contrast] ::backdrop
 [data-color-mode=auto][data-dark-theme=dark_tritanopia]
-[data-color-mode=auto][data-dark-theme=dark_tritanopia]::selection
+[data-color-mode=auto][data-dark-theme=dark_tritanopia] ::backdrop
 [data-color-mode=auto][data-dark-theme=light]
-[data-color-mode=auto][data-dark-theme=light]::selection
+[data-color-mode=auto][data-dark-theme=light] ::backdrop
 [data-color-mode=auto][data-dark-theme=light_colorblind]
-[data-color-mode=auto][data-dark-theme=light_colorblind]::selection
+[data-color-mode=auto][data-dark-theme=light_colorblind] ::backdrop
 [data-color-mode=auto][data-dark-theme=light_high_contrast]
-[data-color-mode=auto][data-dark-theme=light_high_contrast]::selection
+[data-color-mode=auto][data-dark-theme=light_high_contrast] ::backdrop
 [data-color-mode=auto][data-dark-theme=light_tritanopia]
-[data-color-mode=auto][data-dark-theme=light_tritanopia]::selection
+[data-color-mode=auto][data-dark-theme=light_tritanopia] ::backdrop
 [data-color-mode=auto][data-light-theme*=dark]
@@ -3819,27 +3818,18 @@
 [data-color-mode=auto][data-light-theme=dark] ::backdrop
-[data-color-mode=auto][data-light-theme=dark]::selection
 [data-color-mode=auto][data-light-theme=dark_colorblind]
 [data-color-mode=auto][data-light-theme=dark_colorblind] ::backdrop
-[data-color-mode=auto][data-light-theme=dark_colorblind]::selection
 [data-color-mode=auto][data-light-theme=dark_dimmed]
 [data-color-mode=auto][data-light-theme=dark_dimmed] ::backdrop
-[data-color-mode=auto][data-light-theme=dark_dimmed]::selection
 [data-color-mode=auto][data-light-theme=dark_high_contrast]
 [data-color-mode=auto][data-light-theme=dark_high_contrast] ::backdrop
-[data-color-mode=auto][data-light-theme=dark_high_contrast]::selection
 [data-color-mode=auto][data-light-theme=dark_tritanopia]
 [data-color-mode=auto][data-light-theme=dark_tritanopia] ::backdrop
-[data-color-mode=auto][data-light-theme=dark_tritanopia]::selection
 [data-color-mode=auto][data-light-theme=light]
 [data-color-mode=auto][data-light-theme=light] ::backdrop
-[data-color-mode=auto][data-light-theme=light]::selection
 [data-color-mode=auto][data-light-theme=light_colorblind]
 [data-color-mode=auto][data-light-theme=light_colorblind] ::backdrop
-[data-color-mode=auto][data-light-theme=light_colorblind]::selection
 [data-color-mode=auto][data-light-theme=light_high_contrast]
 [data-color-mode=auto][data-light-theme=light_high_contrast] ::backdrop
-[data-color-mode=auto][data-light-theme=light_high_contrast]::selection
 [data-color-mode=auto][data-light-theme=light_tritanopia]
 [data-color-mode=auto][data-light-theme=light_tritanopia] ::backdrop
-[data-color-mode=auto][data-light-theme=light_tritanopia]::selection
 [data-color-mode=dark][data-dark-theme*=dark]
@@ -3849,26 +3839,10 @@
 [data-color-mode=dark][data-dark-theme=dark] ::backdrop
-[data-color-mode=dark][data-dark-theme=dark]::selection
 [data-color-mode=dark][data-dark-theme=dark_colorblind]
 [data-color-mode=dark][data-dark-theme=dark_colorblind] ::backdrop
-[data-color-mode=dark][data-dark-theme=dark_colorblind]::selection
 [data-color-mode=dark][data-dark-theme=dark_dimmed]
 [data-color-mode=dark][data-dark-theme=dark_dimmed] ::backdrop
-[data-color-mode=dark][data-dark-theme=dark_dimmed]::selection
 [data-color-mode=dark][data-dark-theme=dark_high_contrast]
 [data-color-mode=dark][data-dark-theme=dark_high_contrast] ::backdrop
-[data-color-mode=dark][data-dark-theme=dark_high_contrast]::selection
 [data-color-mode=dark][data-dark-theme=dark_tritanopia]
 [data-color-mode=dark][data-dark-theme=dark_tritanopia] ::backdrop
-[data-color-mode=dark][data-dark-theme=dark_tritanopia]::selection
-[data-color-mode=dark][data-dark-theme=light]
-[data-color-mode=dark][data-dark-theme=light] ::backdrop
-[data-color-mode=dark][data-dark-theme=light_colorblind]
-[data-color-mode=dark][data-dark-theme=light_colorblind] ::backdrop
-[data-color-mode=dark][data-dark-theme=light_colorblind]::selection
-[data-color-mode=dark][data-dark-theme=light_high_contrast]
-[data-color-mode=dark][data-dark-theme=light_high_contrast] ::backdrop
-[data-color-mode=dark][data-dark-theme=light_high_contrast]::selection
-[data-color-mode=dark][data-dark-theme=light_tritanopia]
-[data-color-mode=dark][data-dark-theme=light_tritanopia] ::backdrop
-[data-color-mode=dark][data-dark-theme=light_tritanopia]::selection
 [data-color-mode=light][data-light-theme*=dark]
@@ -3876,17 +3850,2 @@
 [data-color-mode=light][data-light-theme*=light]
-[data-color-mode=light][data-light-theme=dark]
-[data-color-mode=light][data-light-theme=dark] ::backdrop
-[data-color-mode=light][data-light-theme=dark]::selection
-[data-color-mode=light][data-light-theme=dark_colorblind]
-[data-color-mode=light][data-light-theme=dark_colorblind] ::backdrop
-[data-color-mode=light][data-light-theme=dark_colorblind]::selection
-[data-color-mode=light][data-light-theme=dark_dimmed]
-[data-color-mode=light][data-light-theme=dark_dimmed] ::backdrop
-[data-color-mode=light][data-light-theme=dark_dimmed]::selection
-[data-color-mode=light][data-light-theme=dark_high_contrast]
-[data-color-mode=light][data-light-theme=dark_high_contrast] ::backdrop
-[data-color-mode=light][data-light-theme=dark_high_contrast]::selection
-[data-color-mode=light][data-light-theme=dark_tritanopia]
-[data-color-mode=light][data-light-theme=dark_tritanopia] ::backdrop
-[data-color-mode=light][data-light-theme=dark_tritanopia]::selection
 [data-color-mode=light][data-light-theme=light]
@@ -3895,9 +3854,6 @@
 [data-color-mode=light][data-light-theme=light_colorblind] ::backdrop
-[data-color-mode=light][data-light-theme=light_colorblind]::selection
 [data-color-mode=light][data-light-theme=light_high_contrast]
 [data-color-mode=light][data-light-theme=light_high_contrast] ::backdrop
-[data-color-mode=light][data-light-theme=light_high_contrast]::selection
 [data-color-mode=light][data-light-theme=light_tritanopia]
 [data-color-mode=light][data-light-theme=light_tritanopia] ::backdrop
-[data-color-mode=light][data-light-theme=light_tritanopia]::selection
 [data-color-mode]

Bundles with a size change since latest release

[ 'primer', 4377, -114, 60804, -6601, 687866, -566893 ] [ 'core', 3249, -3, 29022, 604, 209921, 7488 ] [ 'color-modes', 54, -107, 19513, -8071, 404471, -590848 ] [ 'utilities', 1741, 0, 10439, 22, 88577, 90 ] [ 'product', 615, -4, 8862, 342, 50307, 3403 ] [ 'forms', 341, 0, 5778, 242, 36050, 2507 ] [ 'layout', 416, 0, 4325, 58, 31878, 1880 ] [ 'navigation', 143, 0, 2451, 146, 12983, 1083 ] [ 'buttons', 186, 0, 2136, 17, 12955, 60 ] [ 'base', 166, 0, 1983, 19, 6429, 65 ] [ 'markdown', 151, 0, 1848, 25, 8636, 317 ] [ 'overlay', 69, 0, 1713, 69, 7629, 750 ] [ 'select-menu', 58, 0, 1492, 37, 6663, 491 ] [ 'box', 58, -1, 1094, 95, 5125, 899 ] [ 'toggle-switch', 40, 0, 1065, 59, 4265, 216 ] [ 'dropdown', 40, 0, 1033, 57, 3935, 366 ] [ 'avatars', 49, 0, 1003, 26, 3794, 279 ] [ 'autocomplete', 38, 0, 970, 61, 3518, 152 ] [ 'tooltips', 47, 0, 900, 17, 2932, 92 ] [ 'labels', 41, -4, 853, 53, 3390, 330 ] [ 'popover', 92, 0, 833, 28, 4546, 47 ] [ 'pagination', 39, 0, 820, 13, 2373, 60 ] [ 'alerts', 23, 0, 675, 44, 2482, 208 ] [ 'toasts', 18, 0, 653, 18, 2174, 83 ] [ 'timeline', 11, 0, 611, 47, 1831, 275 ] [ 'blankslate', 26, 0, 598, 30, 2313, 396 ] [ 'subhead', 9, 0, 352, 32, 877, 212 ] [ 'truncate', 17, 0, 352, 11, 1165, 17 ] [ 'header', 8, 0, 321, 4, 724, 30 ] [ 'breadcrumb', 6, 0, 308, 3, 566, -7 ] [ 'links', 17, -2, 265, -4, 989, -8 ] [ 'progress', 5, 0, 196, 6, 296, 1 ] [ 'primitives', 0, -2, 188, -87, 462, -278 ] name selectors ± gzip size ± raw size ±
primer 4377 - 114 60.8 kB - 6.6 kB 687.87 kB - 566.89 kB
core 3249 - 3 29.02 kB + 604 B 209.92 kB + 7.49 kB
color-modes 54 - 107 19.51 kB - 8.07 kB 404.47 kB - 590.85 kB
utilities 1741 0 10.44 kB + 22 B 88.58 kB + 90 B
product 615 - 4 8.86 kB + 342 B 50.31 kB + 3.4 kB
forms 341 0 5.78 kB + 242 B 36.05 kB + 2.51 kB
layout 416 0 4.33 kB + 58 B 31.88 kB + 1.88 kB
navigation 143 0 2.45 kB + 146 B 12.98 kB + 1.08 kB
buttons 186 0 2.14 kB + 17 B 12.96 kB + 60 B
base 166 0 1.98 kB + 19 B 6.43 kB + 65 B
markdown 151 0 1.85 kB + 25 B 8.64 kB + 317 B
overlay 69 0 1.71 kB + 69 B 7.63 kB + 750 B
select-menu 58 0 1.49 kB + 37 B 6.66 kB + 491 B
box 58 - 1 1.09 kB + 95 B 5.13 kB + 899 B
toggle-switch 40 0 1.07 kB + 59 B 4.26 kB + 216 B
dropdown 40 0 1.03 kB + 57 B 3.94 kB + 366 B
avatars 49 0 1 kB + 26 B 3.79 kB + 279 B
autocomplete 38 0 970 B + 61 B 3.52 kB + 152 B
tooltips 47 0 900 B + 17 B 2.93 kB + 92 B
labels 41 - 4 853 B + 53 B 3.39 kB + 330 B
popover 92 0 833 B + 28 B 4.55 kB + 47 B
pagination 39 0 820 B + 13 B 2.37 kB + 60 B
alerts 23 0 675 B + 44 B 2.48 kB + 208 B
toasts 18 0 653 B + 18 B 2.17 kB + 83 B
timeline 11 0 611 B + 47 B 1.83 kB + 275 B
blankslate 26 0 598 B + 30 B 2.31 kB + 396 B
subhead 9 0 352 B + 32 B 877 B + 212 B
truncate 17 0 352 B + 11 B 1.17 kB + 17 B
header 8 0 321 B + 4 B 724 B + 30 B
breadcrumb 6 0 308 B + 3 B 566 B - 7 B
links 17 - 2 265 B - 4 B 989 B - 8 B
progress 5 0 196 B + 6 B 296 B + 1 B
primitives 0 - 2 188 B - 87 B 462 B - 278 B