@primer/react 38.20.0-rc.40abf4a79 → 38.20.0-rc.6183c8098

package/CHANGELOG.md

@@ -16,6 +16,8 @@
 
 - [#7747](https://github.com/primer/react/pull/7747) [`b7dfb78`](https://github.com/primer/react/commit/b7dfb78079c50c6798aa4e09212aede701bf6c56) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Fix IssueLabelToken text contrast in light theme by updating the lightness-switch formula to use a division-based approach that properly produces a binary switch value for selecting black vs white text
 
+- [#7739](https://github.com/primer/react/pull/7739) [`efa7af8`](https://github.com/primer/react/commit/efa7af8d1e628cddc2f0356de83e7af5568ff358) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Spinner: Remove feature flag `primer_react_spinner_synchronize_animations`, treat it as always enabled.
+
 - [#7746](https://github.com/primer/react/pull/7746) [`30206c4`](https://github.com/primer/react/commit/30206c4fab92de8888f3f103f9b05bff96fdc1b9) Thanks [@jonrohan](https://github.com/jonrohan)! - Update TokenTextContainer `line-height` to use primer primitives CSS variable `var(--base-text-lineHeight-normal)`
 
 ## 38.19.0

package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAO9B,CAAA"}
+{"version":3,"file":"DefaultFeatureFlags.d.ts","sourceRoot":"","sources":["../../src/FeatureFlags/DefaultFeatureFlags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,eAAO,MAAM,mBAAmB,kBAM9B,CAAA"}

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -5,8 +5,7 @@ const DefaultFeatureFlags = FeatureFlagScope.create({
   primer_react_css_anchor_positioning: false,
   primer_react_select_panel_fullscreen_on_narrow: false,
   primer_react_select_panel_order_selected_at_top: false,
-  primer_react_select_panel_remove_active_descendant: false,
-  primer_react_spinner_synchronize_animations: false
+  primer_react_select_panel_remove_active_descendant: false
 });
 
 export { DefaultFeatureFlags };

package/dist/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAQlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4MAA4M;IAC5M,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAC5C,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,KAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,4BAiEd;kBAzEQ,OAAO;;;AA0FhB,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAOlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4MAA4M;IAC5M,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAC5C,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,KAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,4BA+Dd;kBAvEQ,OAAO;;;AAwFhB,eAAe,OAAO,CAAA"}

package/dist/Spinner/Spinner.js

@@ -4,7 +4,6 @@ import { useState, useEffect } from 'react';
 import classes from './Spinner.module.css.js';
 import { useMedia } from '../hooks/useMedia.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useFeatureFlag } from '../FeatureFlags/useFeatureFlag.js';
 import { useId } from '../hooks/useId.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 
@@ -54,7 +53,6 @@ function Spinner(t0) {
   const sizeKey = t1 === undefined ? "medium" : t1;
   const srText = t2 === undefined ? "Loading" : t2;
   const delay = t3 === undefined ? false : t3;
-  const syncAnimationsEnabled = useFeatureFlag("primer_react_spinner_synchronize_animations");
   const noMotionPreference = useMedia("(prefers-reduced-motion: no-preference)", false);
   const size = sizeMap[sizeKey];
   const hasHiddenLabel = srText !== null && ariaLabel === undefined;
@@ -102,14 +100,13 @@ function Spinner(t0) {
   if (!isVisible) {
     return null;
   }
-  const shouldSync = syncAnimationsEnabled && noMotionPreference;
   let t8;
-  if ($[13] !== shouldSync || $[14] !== style || $[15] !== syncDelay) {
-    t8 = shouldSync ? {
+  if ($[13] !== noMotionPreference || $[14] !== style || $[15] !== syncDelay) {
+    t8 = noMotionPreference ? {
       ...style,
       animationDelay: `${syncDelay}ms`
     } : style;
-    $[13] = shouldSync;
+    $[13] = noMotionPreference;
     $[14] = style;
     $[15] = syncDelay;
     $[16] = t8;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.20.0-rc.40abf4a79",
+  "version": "38.20.0-rc.6183c8098",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@github/mini-throttle": "^2.1.1",
-    "@github/relative-time-element": "^4.5.0",
+    "@github/relative-time-element": "^5.0.0",
     "@github/tab-container-element": "^4.8.2",
     "@lit-labs/react": "1.2.1",
     "@oddbird/css-anchor-positioning": "^0.9.0",