Primer CSS 15.0.0

[simurai]

Primer CSS Major Release

Version: 📦 15.0.0
Approximate release date: 📆 July 2020
Changes: 🎉 All merged PRs

---

🚀 Enhancements

• #1116 Improve accessibility
• #1083 Make sure autocomplete resets button styles
• #1074 Update pagination
• #1071 Update flash alert
• #1064 Update SelectMenu
• #1040 Update box-shadow and borders
• #1038 Update navigation
• #1034 Update labels
• #1029 Update inputs
• #1027 Update buttons
• #1022 Update border radius

💅 Polish

• #1109 Polish 9
• #1090 Polish 8
• #1077 Polish 7
• #1055 Polish 3
• #1047 Polish 2
• #1045 Polish 1
• #1041 Polish

---

Ship checklist

• Update the version field in package.json
• Merge all PRs
• Update CHANGELOG.md
• Get approval
• Merge this PR and create a new release
• Update github/github
• Tell the world (Slack, Twitter, Team post)

For more details, see RELEASING.md.

/cc @primer/ds-core

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primer-css/7omadg9x0
✅ Preview: https://primer-css-git-release-1500.primer.vercel.app

[simurai]

👋 It looks like a lot of changes, but almost everything is already on dotcom in production. The only PR that isn't yet: #1083. So it should be fairly low risk. 😬

[simurai]

Stats 📈

┌─────────────────────┬───────────┬──────┬───────────┬─────────┬──────────┬──────────┬──────────────────────────────┐
│ name                │ selectors │    ± │ gzip size │       ± │ raw size │        ± │ path                         │
├─────────────────────┼───────────┼──────┼───────────┼─────────┼──────────┼──────────┼──────────────────────────────┤
│ primer              │      3870 │ + 76 │   30.22 K │ + 999 B │ 195.77 K │ + 5.27 K │ dist/primer.css              │
│ core                │      2387 │ + 44 │   18.98 K │ + 642 B │ 121.94 K │ + 3.85 K │ dist/core.css                │
│ utilities           │      1406 │ + 25 │    8.91 K │ + 163 B │  68.94 K │ + 2.17 K │ dist/utilities.css           │
│ product             │       507 │ + 32 │    6.68 K │ + 312 B │  32.64 K │ + 1.45 K │ dist/product.css             │
│ marketing           │       976 │    0 │    5.43 K │       0 │  41.11 K │        0 │ dist/marketing.css           │
│ marketing-utilities │       933 │    0 │     4.4 K │       0 │  36.84 K │        0 │ dist/marketing-utilities.css │
│ forms               │       255 │  + 5 │    3.37 K │  + 56 B │  14.92 K │  + 180 B │ dist/forms.css               │
│ buttons             │       175 │ + 14 │    2.05 K │ + 166 B │  10.21 K │  + 797 B │ dist/buttons.css             │
│ navigation          │       115 │    0 │    1.71 K │  + 41 B │   7.53 K │   - 16 B │ dist/navigation.css          │
│ markdown            │       121 │    0 │    1.57 K │   + 1 B │   6.37 K │        0 │ dist/markdown.css            │
│ base                │       131 │    0 │    1.56 K │       0 │   4.11 K │        0 │ dist/base.css                │
│ select-menu         │        59 │  + 6 │    1.43 K │  + 74 B │   5.34 K │  + 349 B │ dist/select-menu.css         │
│ dropdown            │        51 │    0 │    1.01 K │  + 11 B │      4 K │    - 8 B │ dist/dropdown.css            │
│ tooltips            │        57 │    0 │    1016 B │   - 1 B │   3.45 K │        0 │ dist/tooltips.css            │
│ layout              │       149 │    0 │     944 B │       0 │   6.43 K │        0 │ dist/layout.css              │
│ avatars             │        48 │ + 10 │     887 B │  + 72 B │   2.87 K │  + 287 B │ dist/avatars.css             │
│ labels              │        41 │  + 7 │     830 B │ + 122 B │   2.49 K │  + 390 B │ dist/labels.css              │
│ box                 │        49 │    0 │     748 B │   - 7 B │   2.82 K │        0 │ dist/box.css                 │
│ pagination          │        29 │    0 │     743 B │ + 193 B │    2.2 K │  + 756 B │ dist/pagination.css          │
│ autocomplete        │        24 │    0 │     671 B │  + 39 B │   1.78 K │  + 105 B │ dist/autocomplete.css        │
│ marketing-buttons   │        15 │    0 │     650 B │       0 │   1.83 K │        0 │ dist/marketing-buttons.css   │
│ toasts              │        15 │    0 │     626 B │   + 4 B │   1.41 K │    + 3 B │ dist/toasts.css              │
│ popover             │        85 │    0 │     604 B │       0 │   3.75 K │        0 │ dist/popover.css             │
│ marketing-type      │        28 │    0 │     579 B │       0 │   1.81 K │        0 │ dist/marketing-type.css      │
│ alerts              │        20 │  + 8 │     514 B │  + 75 B │   1.26 K │  + 282 B │ dist/alerts.css              │
│ timeline            │        10 │    0 │     459 B │       0 │   1.08 K │        0 │ dist/timeline.css            │
│ blankslate          │        11 │    0 │     300 B │   - 1 B │    594 B │        0 │ dist/blankslate.css          │
│ header              │         6 │    0 │     256 B │       0 │    439 B │        0 │ dist/header.css              │
│ subhead             │         6 │    0 │     248 B │       0 │    385 B │        0 │ dist/subhead.css             │
│ breadcrumb          │         7 │    0 │     224 B │       0 │    430 B │        0 │ dist/breadcrumb.css          │
│ branch-name         │         3 │    0 │     221 B │       0 │    272 B │        0 │ dist/branch-name.css         │
│ truncate            │        10 │    0 │     204 B │       0 │    594 B │        0 │ dist/truncate.css            │
│ loaders             │         2 │    0 │     186 B │       0 │    278 B │        0 │ dist/loaders.css             │
│ progress            │         5 │  + 1 │     176 B │  + 26 B │    271 B │   + 75 B │ dist/progress.css            │
│ table-object        │         3 │    0 │     119 B │       0 │    151 B │        0 │ dist/table-object.css        │
└─────────────────────┴───────────┴──────┴───────────┴─────────┴──────────┴──────────┴──────────────────────────────┘

[jonrohan]

Woo hoo great job! 🎷