Release Tracking (#4098)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: primer[bot]

.changeset/classnames-export.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## 0.52.0
+
+### Minor Changes
+
+- [#4096](https://github.com/primer/view_components/pull/4096) [`3ba48a2`](https://github.com/primer/view_components/commit/3ba48a24494e2bb2bb4ed1aff5c612b55c237980) Thanks [@jonrohan](https://github.com/jonrohan)! - Add `static/classnames.js`, which default-exports a `Set` of every unique CSS class name in the library for consumers and tooling. It is available via the `@primer/view-components/classnames` import subpath.
+
+### Patch Changes
+
+- [#4095](https://github.com/primer/view_components/pull/4095) [`6733f3c`](https://github.com/primer/view_components/commit/6733f3c0e902523dd23e5b94d3cd8fab7443aea2) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Improve CSS style-recalc performance by removing selectors with universal subjects and expanding merged `:is()` selector lists so the browser can fast-reject them. Affects `autocomplete-item`, `Popover-message--*`, `breadcrumb-item`, and `FormControl-checkbox-wrap`/`FormControl-radio-wrap` styles.
+
 ## 0.51.6
 
 ### Patch Changes

.changeset/fast-pumas-juggle.md

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    primer_view_components (0.51.6)
+    primer_view_components (0.52.0)
       actionview (>= 7.2.0)
       activesupport (>= 7.2.0)
       octicons (>= 18.0.0)

CHANGELOG.md

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    primer_view_components (0.51.6)
+    primer_view_components (0.52.0)
       actionview (>= 7.2.0)
       activesupport (>= 7.2.0)
       octicons (>= 18.0.0)

Gemfile.lock

@@ -5,8 +5,8 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 51
-      PATCH = 6
+      MINOR = 52
+      PATCH = 0
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

demo/Gemfile.lock

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.51.6",
+  "version": "0.52.0",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

lib/primer/view_components/version.rb

@@ -91,7 +91,6 @@ module.exports = new Set([
   'Button--labelWrap',
   'Button--large',
   'Button--link',
-  'Button--medium',
   'Button--primary',
   'Button--secondary',
   'Button--small',
@@ -199,6 +198,7 @@ module.exports = new Set([
   'Overlay',
   'Overlay--full',
   'Overlay--full-whenNarrow',
+  'Overlay--fullscreen-whenNarrow',
   'Overlay--height-auto',
   'Overlay--height-large',
   'Overlay--height-medium',
@@ -248,10 +248,17 @@ module.exports = new Set([
   'Overlay-titleWrap',
   'Popover',
   'Popover-message',
+  'Popover-message--bottom',
   'Popover-message--bottom-left',
   'Popover-message--bottom-right',
   'Popover-message--large',
+  'Popover-message--left',
+  'Popover-message--left-bottom',
+  'Popover-message--left-top',
   'Popover-message--no-caret',
+  'Popover-message--right',
+  'Popover-message--right-bottom',
+  'Popover-message--right-top',
   'Popover-message--top-left',
   'Popover-message--top-right',
   'Progress',
@@ -358,6 +365,7 @@ module.exports = new Set([
   'blankslate-capped',
   'blankslate-clean-background',
   'blankslate-container',
+  'blankslate-description',
   'blankslate-heading',
   'blankslate-icon',
   'blankslate-image',
@@ -377,9 +385,6 @@ module.exports = new Set([
   'btn-small-mktg',
   'btn-subtle-mktg',
   'close-button',
-  'container-lg',
-  'container-md',
-  'container-xl',
   'css-truncate',
   'css-truncate-overflow',
   'css-truncate-target',
@@ -409,6 +414,8 @@ module.exports = new Set([
   'flash-success',
   'flash-warn',
   'form-control',
+  'has-modal',
+  'has-modal-disable-scroll',
   'is-dragging',
   'label',
   'labels',

package-lock.json

@@ -91,7 +91,6 @@ const classNames = new Set([
   'Button--labelWrap',
   'Button--large',
   'Button--link',
-  'Button--medium',
   'Button--primary',
   'Button--secondary',
   'Button--small',
@@ -199,6 +198,7 @@ const classNames = new Set([
   'Overlay',
   'Overlay--full',
   'Overlay--full-whenNarrow',
+  'Overlay--fullscreen-whenNarrow',
   'Overlay--height-auto',
   'Overlay--height-large',
   'Overlay--height-medium',
@@ -248,10 +248,17 @@ const classNames = new Set([
   'Overlay-titleWrap',
   'Popover',
   'Popover-message',
+  'Popover-message--bottom',
   'Popover-message--bottom-left',
   'Popover-message--bottom-right',
   'Popover-message--large',
+  'Popover-message--left',
+  'Popover-message--left-bottom',
+  'Popover-message--left-top',
   'Popover-message--no-caret',
+  'Popover-message--right',
+  'Popover-message--right-bottom',
+  'Popover-message--right-top',
   'Popover-message--top-left',
   'Popover-message--top-right',
   'Progress',
@@ -358,6 +365,7 @@ const classNames = new Set([
   'blankslate-capped',
   'blankslate-clean-background',
   'blankslate-container',
+  'blankslate-description',
   'blankslate-heading',
   'blankslate-icon',
   'blankslate-image',
@@ -377,9 +385,6 @@ const classNames = new Set([
   'btn-small-mktg',
   'btn-subtle-mktg',
   'close-button',
-  'container-lg',
-  'container-md',
-  'container-xl',
   'css-truncate',
   'css-truncate-overflow',
   'css-truncate-target',
@@ -409,6 +414,8 @@ const classNames = new Set([
   'flash-success',
   'flash-warn',
   'form-control',
+  'has-modal',
+  'has-modal-disable-scroll',
   'is-dragging',
   'label',
   'labels',