build(deps-dev): bump @wordpress/components from 31.0.0 to 40.1.0

[dependabot]

Bumps @wordpress/components from 31.0.0 to 40.1.0.

Changelog

Sourced from @​wordpress/components's changelog.

40.1.0 (2026-09-10)

Enhancements

• Compound components: Report missing state or accessible semantic structure with clear developer guidance (#82509).
• ToggleGroupControl: Honor the root disabled prop so the whole control is unselectable (#82259).
• Validated form controls: Use --wpds-color-stroke-interactive-error for the invalid-state focus ring and border (#82410).
• Popover: Widen offset to also accept an object with separate main and cross axis offsets. The same applies to BorderBoxControl's popoverOffset prop (#82060).
• ToolsPanelItem: Add defaultShown to show an optional item that has no value, and an onShownChange callback that fires only when the user toggles the item in the panel's menu (#78010).
• BorderBoxControl: render the linked/unlinked toggle in a row alongside the label when a visible label is present, so it lines up with the equivalent toggle on sibling controls. Without a visible label the toggle stays beside the inputs, as before. The visible label is now a BaseControl.VisualLabel, so it renders as a span rather than a label element; it was never associated with an input in either form (#82163).
• TabPanel: Updated to show outline via design system's mixin for focus ring instead of legacy box-shadow implementation (#82421).

Bug Fixes

• FormTokenField: Wrap to the last suggestion when pressing the up arrow with no suggestion selected, instead of leaving the selection on an invalid index (#82646).
• Disabled: Keep the className passed by the consumer on the wrapper when isDisabled is false. Only components-disabled and the disabled styling are conditional now, so the wrapper stays styleable and targetable in both states (#82648).
• ProgressBar: Remove determinate transitions and use a slower, stepped indeterminate animation when reduced motion is preferred. (#82490)
• ColorPalette: Apply the computed contrast color to the selected checkmark now that the icon is stroke-based. (#78812)
• CheckboxControl: Color the checked and indeterminate icons with color rather than fill, so they stay visible now that those icons are stroke-based. (#78812)
• BorderBoxControl: Give the group of border controls an accessible name from the label prop, by rendering the wrapper as a role="group" associated with the label through aria-labelledby. A consumer-supplied aria-labelledby or aria-label takes precedence over label and names the group instead; the wrapper is only given the group role when one of the three provides a name. A hidden label (hideLabelFromVision) now renders as a span rather than a label element, matching the visible one (#82279).
• Snackbar: Restart the auto-dismiss timer when a notice is recreated with the same ID during removal (#81764).
• ToolsPanel: Stop a panel item whose panelId doesn't match the panel from writing its value into that panel's menu, which could leave an orphaned entry in the dropdown (#82127).
• Icon: Merge a consumer-supplied style prop with the icon's intrinsic styles instead of replacing them, so styles like fill: none on stroke-based icons survive unless the consumer overrides the same property explicitly. (#78808)
• ItemGroup: Drop the blanket path { fill: currentColor } rule that was overriding stroke-based icons' intended fill via inheritance bypass. Paths without an explicit fill still inherit currentColor from the surrounding SVG. Custom paths that specify a fill now retain it instead of being overridden by ItemGroup. (#78808)
• Tip: Preserve the intended yellow color after its icon became stroke-based. (#78808)
• Button, Placeholder: Remove the obsolete fill: CanvasText override for forced colors mode. (#82481)
• InputControl, SelectControl, TextareaControl: Match the @wordpress/ui disabled styles, so the disabled state is distinguishable again. The border and text now use the design system's disabled tokens, and the background no longer changes (#82454).

Documentation

• Add an Emotion-to-SCSS Modules migration guide for contributors (#82567).

Internal

• FormToggle: Use the standard inert state instead of the Disabled component's class name for inherited disabled styles (#82651).
• Migrate JSX files to TypeScript and remove their ESLint filename suppressions (#82132).
• Use the .jsx extension for JavaScript source files that contain JSX (#80990).
• Remove tsconfig project references to packages that are not dependencies (#82106).
• ToolsPanel: Cut the render cascade panel items set off when the selected block changes, and keep a default control resettable when Reset all leaves its value in place (#82180).

40.0.0 (2026-08-26)

Breaking Changes

• 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:
  • DropdownContentWrapper (#81522)
  • ResizableBox (#81792)
  • ComboboxControl: (#80471)
  • GradientPicker, ColorPalette: (#80473)
  • BaseControl (#80001)

... (truncated)

Commits

• 485f42a chore(release): publish
• c89dd70 Update changelog files
• a55a0d7 Merge changes published in the Gutenberg plugin "release/24.0" branch
• d06b010 chore(release): publish (#82084)
• 0790fa5 Update changelog files
• 098e3ba Merge changes published in the Gutenberg plugin "release/23.9" branch
• 989764d chore(release): publish
• e18aa00 Update changelog files
• dbb73c9 Merge changes published in the Gutenberg plugin "release/23.8" branch
• 7e8b17a chore(release): publish
• Additional commits viewable in compare view

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Advanced

Run ID: 1a00df0f-c8a3-420a-b590-d283bc9fa984

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}