@primer/react 38.42.1-rc.5c79b6260 → 38.43.0-rc.ed79d10aa

package/CHANGELOG.md

@@ -1,9 +1,15 @@
 # @primer/react
 
-## 38.42.1
+## 38.43.0
+
+### Minor Changes
+
+- [#8545](https://github.com/primer/react/pull/8545) [`c29b6fe`](https://github.com/primer/react/commit/c29b6fec94c8b18b4f59f7935740ab7b94598ecc) Thanks [@tay1orjones](https://github.com/tay1orjones)! - TextInput and Textarea: Deprecate the `contrast` prop. Omit it to use the default background.
 
 ### Patch Changes
 
+- [#8545](https://github.com/primer/react/pull/8545) [`c29b6fe`](https://github.com/primer/react/commit/c29b6fec94c8b18b4f59f7935740ab7b94598ecc) Thanks [@tay1orjones](https://github.com/tay1orjones)! - SelectPanel: Use the default filter input background. Enable `primer_react_select_panel_legacy_contrast` to restore the previous appearance.
+
 - [#8524](https://github.com/primer/react/pull/8524) [`0d5607c`](https://github.com/primer/react/commit/0d5607c3b29ab090a0a97d1532fdc3a066a37d3d) Thanks [@tay1orjones](https://github.com/tay1orjones)! - TreeView: Prevent typeahead errors and focus changes when typing in nested controls.
 
 ## 38.42.0

package/dist/FeatureFlags/DefaultFeatureFlags.js

@@ -3,6 +3,7 @@ import { FeatureFlagScope } from "./FeatureFlagScope.js";
 const DefaultFeatureFlags = FeatureFlagScope.create({
 	primer_react_css_anchor_positioning: false,
 	primer_react_select_panel_fullscreen_on_narrow: false,
+	primer_react_select_panel_legacy_contrast: false,
 	primer_react_select_panel_order_selected_at_top: false,
 	primer_react_styled_react_use_primer_theme_providers: false,
 	primer_react_action_list_group_heading_trailing_action: false,

package/dist/SelectPanel/SelectPanel.js

@@ -92,6 +92,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 	const [availablePanelHeight, setAvailablePanelHeight] = useState(void 0);
 	const KEYBOARD_VISIBILITY_THRESHOLD = 10;
 	const featureFlagFullScreenOnNarrow = useFeatureFlag("primer_react_select_panel_fullscreen_on_narrow");
+	const legacyContrast = useFeatureFlag("primer_react_select_panel_legacy_contrast");
 	const usingFullScreenOnNarrow = disableFullscreenOnNarrow ? false : featureFlagFullScreenOnNarrow;
 	const shouldOrderSelectedFirst = useFeatureFlag("primer_react_select_panel_order_selected_at_top") && showSelectedOptionsFirst;
 	const { isReferenced, labelId } = useFormControlContext();
@@ -392,12 +393,16 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
 	const extendedTextInputProps = useMemo(() => {
 		return {
 			className: SelectPanel_module_css_default.TextInput,
-			contrast: true,
+			contrast: legacyContrast,
 			leadingVisual: SearchIcon,
 			"aria-label": inputLabel,
 			...textInputProps
 		};
-	}, [inputLabel, textInputProps]);
+	}, [
+		inputLabel,
+		legacyContrast,
+		textInputProps
+	]);
 	const loadingType = () => {
 		if (dataLoadedOnce) return FilteredActionListLoadingTypes.input;
 		else if (initialLoadingType === "spinner") return FilteredActionListLoadingTypes.bodySpinner;

package/generated/components.json

@@ -6877,7 +6877,7 @@
           "name": "textInputProps",
           "type": "Partial<Omit<TextInputProps, 'onChange'>>",
           "defaultValue": "",
-          "description": "See [TextInput props](/react/TextInput#props)."
+          "description": "See [TextInput props](/react/TextInput#props). The filter input uses the normal TextInput background by default. Enable `primer_react_select_panel_legacy_contrast` to restore the previous contrast background. An explicit `textInputProps.contrast` value takes precedence over the flag: `true` enables contrast, while `false` or explicitly passing `undefined` disables it. The `contrast` prop remains deprecated."
         },
         {
           "name": "variant",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.42.1-rc.5c79b6260",
+  "version": "38.43.0-rc.ed79d10aa",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",