Bump @wordpress/components from 41.0.0 to 42.0.0

[dependabot]

Bumps @wordpress/components from 41.0.0 to 42.0.0.

Changelog

Sourced from @​wordpress/components's changelog.

42.0.0 (2026-10-07)

Breaking Changes

• Upgrade React to v19 (#83941).
• Components that compose Emotion style fragments with cx() should pass source-order-dependent fragments in a single css() call. Passing separate fragments can change override order after the following components stopped rendering styles through Emotion:
  • FontSizePicker (#84126)
  • PaletteEdit (#84130).
  • CustomGradientPicker (#82576)
  • Text (#82573)
  • Card, CardBody, CardHeader, CardFooter, CardMedia, CardDivider (#82577)

Enhancements

• FormToggle, ToggleControl: Mark as not recommended for use in a WordPress environment, in favour of Switch and SwitchControl from @wordpress/ui (#84097).
• ProgressBar: Mark as not recommended and direct consumers to Progress from @wordpress/ui (#84021).
• CheckboxControl: Mark as not recommended for use in a WordPress environment, in favour of CheckboxControl from @wordpress/ui (#83771).
• RadioControl: Mark as not recommended for use in a WordPress environment, in favour of RadioGroupControl from @wordpress/ui (#83872).
• RadioControl: Match the @wordpress/ui Radio colors (#83270).
• Notice: Mark as not recommended in favor of Notice from @wordpress/ui (#82685).
• CheckboxControl: Keep the default checkbox at 16px on narrow screens while retaining a 24px click target (#83612).
• FormToggle: Match the @wordpress/ui Switch track, thumb, and border colors across unchecked, checked, hover, and disabled states (#83773).
• InputControl, SelectControl, CustomSelectControl: Darken the field border on hover to the active stroke color used by @wordpress/ui. Disabled and borderless fields keep their resting border (#83306).
• TextControl: Use the @wordpress/ui disabled text, placeholder, and border colors, and keep the field background instead of the gray disabled fill from wp-admin (#83307).
• ItemGroup: Use design system's outline focus ring instead of previous box-shadow implementation (#83764).
• ColorPalette: Show the custom color button's focus ring with the design system's outline instead of a legacy inset box-shadow (#83841).
• Use the inertValue helper to set inert attributes, for better React 18/19 compatibility (#83871).

Deprecations

• Deprecate Badge in the private APIs; use Badge from @wordpress/ui instead. (#82379).

Bug Fixes

• CustomGradientPicker: Extend the clickable area of control points and the plus button to the full height of the gradient bar (#84124).

• Popover: Keep the will-change: transform hint only while the popover is moving, so its content is no longer left on a compositing layer that Chrome can render blurry (#77359).

• RadioControl: Keep radio circles visually 16px at all viewport widths while retaining a 24px pointer target (#83840).

• Text: Make single-line truncation and isBlock overrides consistent across the main document and iframes (#82573).

• CardDivider: Apply the Card's width, display, and border color consistently inside iframes (#82577).

• BorderControl, BorderBoxControl: Stop offering % as a width unit, since border-width does not accept percentages. A width already set in % keeps showing its unit (#83492).

• UnitControl: After clearing a value whose unit is not in units, give the next typed value the unit shown in the select instead of the cleared one (#83492).

• ResizableBox: Update re-resizable to 6.11.2, which supports React 18 and renders the top and left handles before the content so focus order matches visual order (#83754).

• SandBox: Send the page URL as the referrer from iframes inside allowSameOrigin sandboxes in Safari, fixing embed previews that require a referrer, such as YouTube's "Error 153" (#84014).

• PaletteEdit: Keep an item's slug when it is renamed, so blocks and styles that reference the preset keep working (#83750).

• FocalPointPicker: End a drag when the pointer is released outside the control, including over the editor canvas (#83348).

• ContentEditableControl: Keep a disabled field focusable (out of the tab order), so a field disabled while it has focus keeps it instead of dropping focus on the body (#84083).

Internal

... (truncated)

Commits

• 12441e2 chore(release): publish
• 36c194f Update changelog files
• 7b99cae Merge changes published in the Gutenberg plugin "release/24.2" branch
• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)