@wordpress/components 29.1.1 → 29.3.0

package/build-types/menu/types.d.ts

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import type * as Ariakit from '@ariakit/react';
-export interface MenuContext {
+export interface ContextProps {
     /**
      * The ariakit store shared across all Menu subcomponents.
      */
@@ -12,7 +12,7 @@ export interface MenuContext {
      */
     variant?: 'toolbar';
 }
-export interface MenuProps {
+export interface Props {
     /**
      * The elements, which should include one instance of the `Menu.TriggerButton`
      * component and one instance of the `Menu.Popover` component.
@@ -47,7 +47,7 @@ export interface MenuProps {
      */
     placement?: Ariakit.MenuProviderProps['placement'];
 }
-export interface MenuPopoverProps {
+export interface PopoverProps {
     /**
      * The contents of the menu popover, which should include instances of the
      * `Menu.Item`, `Menu.CheckboxItem`, `Menu.RadioItem`, `Menu.Group`, and
@@ -94,7 +94,7 @@ export interface MenuPopoverProps {
      */
     hideOnEscape?: Ariakit.MenuProps['hideOnEscape'];
 }
-export interface MenuTriggerButtonProps {
+export interface TriggerButtonProps {
     /**
      * The contents of the menu trigger button.
      */
@@ -134,7 +134,7 @@ export interface MenuTriggerButtonProps {
      */
     accessibleWhenDisabled?: Ariakit.MenuButtonProps['accessibleWhenDisabled'];
 }
-export interface MenuGroupProps {
+export interface GroupProps {
     /**
      * The contents of the menu group, which should include one instance of the
      * `Menu.GroupLabel` component and one or more instances of `Menu.Item`,
@@ -142,14 +142,14 @@ export interface MenuGroupProps {
      */
     children: Ariakit.MenuGroupProps['children'];
 }
-export interface MenuGroupLabelProps {
+export interface GroupLabelProps {
     /**
      * The contents of the menu group label, which should provide an accessible
      * label for the menu group.
      */
     children: Ariakit.MenuGroupLabelProps['children'];
 }
-export interface MenuItemProps {
+export interface ItemProps {
     /**
      * The contents of the menu item, which could include one instance of the
      * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`
@@ -195,7 +195,7 @@ export interface MenuItemProps {
      */
     store?: Ariakit.MenuItemProps['store'];
 }
-export interface MenuCheckboxItemProps {
+export interface CheckboxItemProps {
     /**
      * The contents of the menu item, which could include one instance of the
      * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`
@@ -258,7 +258,7 @@ export interface MenuCheckboxItemProps {
      */
     onChange?: Ariakit.MenuItemCheckboxProps['onChange'];
 }
-export interface MenuRadioItemProps {
+export interface RadioItemProps {
     /**
      * The contents of the menu item, which could include one instance of the
      * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`
@@ -320,6 +320,6 @@ export interface MenuRadioItemProps {
      */
     onChange?: Ariakit.MenuItemRadioProps['onChange'];
 }
-export interface MenuSeparatorProps {
+export interface SeparatorProps {
 }
 //# sourceMappingURL=types.d.ts.map

package/build-types/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/menu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/menu/types.ts"],"names":[],"mappings":"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"}

package/build-types/menu-group/stories/index.story.d.ts

@@ -13,5 +13,5 @@ export declare const Default: StoryFn<typeof MenuGroup>;
  * When other menu items exist above or below a MenuGroup, the group
  * should have a divider line between it and the adjacent item.
  */
-export declare const WithSeperator: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").MenuGroupProps>;
+export declare const WithSeparator: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").MenuGroupProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/notice/types.d.ts

@@ -76,7 +76,7 @@ export type NoticeProps = {
     isDismissible?: boolean;
     /**
      * A deprecated alternative to `onRemove`. This prop is kept for
-     * compatibilty reasons but should be avoided.
+     * compatibility reasons but should be avoided.
      *
      * @default noop
      */

package/build-types/progress-bar/stories/index.story.d.ts

@@ -15,7 +15,7 @@ export declare const Default: StoryFn<typeof ProgressBar>;
  * You can override the default `width` by passing a custom CSS class via the
  * `className` prop.
  *
- * This example shows a progress bar with an overriden `width` of `100%` which
+ * This example shows a progress bar with an overridden `width` of `100%` which
  * makes it fit all available horizontal space of the parent element. The CSS
  * class looks like this:
  *

package/build-types/tabs/stories/index.story.d.ts

@@ -16,7 +16,4 @@ export declare const WithTabIconsAndTooltips: import("@storybook/csf").Annotated
 export declare const ManualActivation: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
 export declare const UsingSlotFill: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
 export declare const InsertCustomElements: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
-export declare const ControlledMode: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
-export declare const TabBecomesDisabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
-export declare const TabGetsRemoved: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/tabs/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAStD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAO1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAwB5B,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,mHAAsB,CAAC;AAE3C,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAE,OAAO,IAAI,CAqG3D,CAAC;AAiBF,eAAO,MAAM,QAAQ,mHAA8B,CAAC;AAwBpD,eAAO,MAAM,WAAW,mHAAiC,CAAC;AA0C1D,eAAO,MAAM,uBAAuB,mHAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,mHAAmC,CAAC;AA0D9D,eAAO,MAAM,oBAAoB,mHAAiC,CAAC;AA6DnE,eAAO,MAAM,cAAc,mHAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,mHAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,mHAAoC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAStD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAM1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAwB5B,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,mHAAsB,CAAC;AAE3C,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAE,OAAO,IAAI,CAqG3D,CAAC;AAiBF,eAAO,MAAM,QAAQ,mHAA8B,CAAC;AAwBpD,eAAO,MAAM,WAAW,mHAAiC,CAAC;AA0C1D,eAAO,MAAM,uBAAuB,mHAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,mHAAmC,CAAC;AA0D9D,eAAO,MAAM,oBAAoB,mHAAiC,CAAC"}

package/build-types/text/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAU1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC9B,KAAK,EAAE,uBAAuB,CAAE,KAAK,EAAE,MAAM,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6J/C"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAU1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC9B,KAAK,EAAE,uBAAuB,CAAE,KAAK,EAAE,MAAM,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8J/C"}

package/build-types/text/utils.d.ts

@@ -15,7 +15,7 @@ import type { FindAllArgs } from 'highlight-words-core';
  * @property {string | Record<string, unknown>}                           [highlightClassName='']   Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).
  * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}]       Styles to apply to highlighted text.
  * @property {keyof JSX.IntrinsicElements}                                [highlightTag='mark']     Tag to use for the highlighted text.
- * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `santize` function to pass to `highlight-words-core`.
+ * @property {import('highlight-words-core').FindAllArgs['sanitize']}     [sanitize]                Custom `sanitize` function to pass to `highlight-words-core`.
  * @property {string[]}                                                   [searchWords=[]]          Words to search for and highlight.
  * @property {string}                                                     [unhighlightClassName=''] Classname to apply to unhighlighted text.
  * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle]        Style to apply to unhighlighted text.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "29.1.1",
+	"version": "29.3.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -44,23 +44,23 @@
 		"@types/gradient-parser": "0.1.3",
 		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.15.1",
-		"@wordpress/compose": "^7.15.1",
-		"@wordpress/date": "^5.15.1",
-		"@wordpress/deprecated": "^4.15.1",
-		"@wordpress/dom": "^4.15.1",
-		"@wordpress/element": "^6.15.1",
-		"@wordpress/escape-html": "^3.15.0",
-		"@wordpress/hooks": "^4.15.0",
-		"@wordpress/html-entities": "^4.15.0",
-		"@wordpress/i18n": "^5.15.1",
-		"@wordpress/icons": "^10.15.1",
-		"@wordpress/is-shallow-equal": "^5.15.0",
-		"@wordpress/keycodes": "^4.15.1",
-		"@wordpress/primitives": "^4.15.1",
-		"@wordpress/private-apis": "^1.15.0",
-		"@wordpress/rich-text": "^7.15.1",
-		"@wordpress/warning": "^3.15.0",
+		"@wordpress/a11y": "^4.17.0",
+		"@wordpress/compose": "^7.17.0",
+		"@wordpress/date": "^5.17.0",
+		"@wordpress/deprecated": "^4.17.0",
+		"@wordpress/dom": "^4.17.0",
+		"@wordpress/element": "^6.17.0",
+		"@wordpress/escape-html": "^3.17.0",
+		"@wordpress/hooks": "^4.17.0",
+		"@wordpress/html-entities": "^4.17.0",
+		"@wordpress/i18n": "^5.17.0",
+		"@wordpress/icons": "^10.17.0",
+		"@wordpress/is-shallow-equal": "^5.17.0",
+		"@wordpress/keycodes": "^4.17.0",
+		"@wordpress/primitives": "^4.17.0",
+		"@wordpress/private-apis": "^1.17.0",
+		"@wordpress/rich-text": "^7.17.0",
+		"@wordpress/warning": "^3.17.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -85,5 +85,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0d4503ecc364cf4ca16024673baf5a84dacf212f"
+	"gitHead": "68a831c3178197fe87db284d4b94e5743bfb6b6c"
 }

package/src/animate/style.scss

@@ -1,7 +1,8 @@
 .components-animate__appear {
-	animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
-	animation-fill-mode: forwards;
-	@include reduce-motion("animation");
+	@media not (prefers-reduced-motion) {
+		animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
+		animation-fill-mode: forwards;
+	}
 
 	&.is-from-top,
 	&.is-from-top.is-from-left {
@@ -29,16 +30,17 @@
 }
 
 .components-animate__slide-in {
-	animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
-	animation-fill-mode: forwards;
-	@include reduce-motion("animation");
+	@media not (prefers-reduced-motion) {
+		animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
+		animation-fill-mode: forwards;
 
-	&.is-from-left {
-		transform: translateX(+100%);
-	}
+		&.is-from-left {
+			transform: translateX(+100%);
+		}
 
-	&.is-from-right {
-		transform: translateX(-100%);
+		&.is-from-right {
+			transform: translateX(-100%);
+		}
 	}
 }
 
@@ -49,7 +51,9 @@
 }
 
 .components-animate__loading {
-	animation: components-animate__loading 1.6s ease-in-out infinite;
+	@media not (prefers-reduced-motion) {
+		animation: components-animate__loading 1.6s ease-in-out infinite;
+	}
 }
 
 @keyframes components-animate__loading {

package/src/badge/index.tsx

@@ -15,45 +15,46 @@ import type { BadgeProps } from './types';
 import type { WordPressComponentProps } from '../context';
 import Icon from '../icon';
 
+/**
+ * Returns an icon based on the badge context.
+ *
+ * @return The corresponding icon for the provided context.
+ */
+function contextBasedIcon( intent: BadgeProps[ 'intent' ] = 'default' ) {
+	switch ( intent ) {
+		case 'info':
+			return info;
+		case 'success':
+			return published;
+		case 'warning':
+			return caution;
+		case 'error':
+			return error;
+		default:
+			return null;
+	}
+}
+
 function Badge( {
 	className,
 	intent = 'default',
 	children,
 	...props
 }: WordPressComponentProps< BadgeProps, 'span', false > ) {
-	/**
-	 * Returns an icon based on the badge context.
-	 *
-	 * @return The corresponding icon for the provided context.
-	 */
-	function contextBasedIcon() {
-		switch ( intent ) {
-			case 'info':
-				return info;
-			case 'success':
-				return published;
-			case 'warning':
-				return caution;
-			case 'error':
-				return error;
-			default:
-				return null;
-		}
-	}
+	const icon = contextBasedIcon( intent );
+	const hasIcon = !! icon;
 
 	return (
 		<span
-			className={ clsx(
-				'components-badge',
-				`is-${ intent }`,
-				intent !== 'default' && 'has-icon',
-				className
-			) }
+			className={ clsx( 'components-badge', className, {
+				[ `is-${ intent }` ]: intent,
+				'has-icon': hasIcon,
+			} ) }
 			{ ...props }
 		>
-			{ intent !== 'default' && (
+			{ hasIcon && (
 				<Icon
-					icon={ contextBasedIcon() }
+					icon={ icon }
 					size={ 16 }
 					fill="currentColor"
 					className="components-badge__icon"

package/src/border-box-control/border-box-control-linked-button/component.tsx

@@ -8,8 +8,6 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import Button from '../../button';
-import Tooltip from '../../tooltip';
-import { View } from '../../view';
 import type { WordPressComponentProps } from '../../context';
 import { contextConnect } from '../../context';
 import { useBorderBoxControlLinkedButton } from './hook';
@@ -25,18 +23,15 @@ const BorderBoxControlLinkedButton = (
 	const label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );
 
 	return (
-		<Tooltip text={ label }>
-			<View className={ className }>
-				<Button
-					{ ...buttonProps }
-					size="small"
-					icon={ isLinked ? link : linkOff }
-					iconSize={ 24 }
-					aria-label={ label }
-					ref={ forwardedRef }
-				/>
-			</View>
-		</Tooltip>
+		<Button
+			{ ...buttonProps }
+			size="small"
+			icon={ isLinked ? link : linkOff }
+			iconSize={ 24 }
+			label={ label }
+			ref={ forwardedRef }
+			className={ className }
+		/>
 	);
 };
 

package/src/border-control/test/index.js

@@ -1,7 +1,13 @@
 /**
  * External dependencies
  */
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import {
+	fireEvent,
+	render,
+	screen,
+	waitFor,
+	within,
+} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 /**
@@ -56,7 +62,7 @@ const getButton = ( name ) => {
 };
 
 const getColorOption = ( color ) => {
-	return screen.getByRole( 'option', { name: `Color: ${ color }` } );
+	return screen.getByRole( 'option', { name: `${ color }` } );
 };
 
 const queryButton = ( name ) => {
@@ -131,9 +137,11 @@ describe( 'BorderControl', () => {
 			await openPopover( user );
 
 			const customColorPicker = getButton( /Custom color picker/ );
-			const colorSwatchButtons = screen.getAllByRole( 'option', {
-				name: /^Color:/,
+			const circularOptionPicker = screen.getByRole( 'listbox', {
+				name: 'Custom color picker.',
 			} );
+			const colorSwatchButtons =
+				within( circularOptionPicker ).getAllByRole( 'option' );
 			const styleLabel = screen.getByText( 'Style' );
 			const solidButton = getButton( 'Solid' );
 			const dashedButton = getButton( 'Dashed' );

package/src/box-control/index.tsx

@@ -4,6 +4,7 @@
 import { useInstanceId } from '@wordpress/compose';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
+import warning from '@wordpress/warning';
 
 /**
  * Internal dependencies
@@ -166,6 +167,14 @@ function BoxControl( {
 	} );
 	const sidesToRender = getAllowedSides( sides );
 
+	if ( ( presets && ! presetKey ) || ( ! presets && presetKey ) ) {
+		const definedProp = presets ? 'presets' : 'presetKey';
+		const missingProp = presets ? 'presetKey' : 'presets';
+		warning(
+			`wp.components.BoxControl: the '${ missingProp }' prop is required when the '${ definedProp }' prop is defined.`
+		);
+	}
+
 	return (
 		<Grid
 			id={ id }

package/src/box-control/linked-button.tsx

@@ -8,7 +8,6 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import Button from '../button';
-import Tooltip from '../tooltip';
 
 export default function LinkedButton( {
 	isLinked,
@@ -17,15 +16,13 @@ export default function LinkedButton( {
 	const label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );
 
 	return (
-		<Tooltip text={ label }>
-			<Button
-				{ ...props }
-				className="component-box-control__linked-button"
-				size="small"
-				icon={ isLinked ? link : linkOff }
-				iconSize={ 24 }
-				aria-label={ label }
-			/>
-		</Tooltip>
+		<Button
+			{ ...props }
+			className="component-box-control__linked-button"
+			size="small"
+			icon={ isLinked ? link : linkOff }
+			iconSize={ 24 }
+			label={ label }
+		/>
 	);
 }

package/src/box-control/test/index.tsx

@@ -15,8 +15,15 @@ import { useState } from '@wordpress/element';
 import BoxControl from '..';
 import type { BoxControlProps, BoxControlValue } from '../types';
 
+// Since `BoxControlProps` is a the result of type unions, we need to use
+// a distributive version of the standard `Omit` utility.
+// See https://stackoverflow.com/a/57103940
+type DistributiveOmit< T, K extends keyof any > = T extends any
+	? Omit< T, K >
+	: never;
+
 const ControlledBoxControl = (
-	extraProps: Omit< BoxControlProps, 'onChange' >
+	extraProps: DistributiveOmit< BoxControlProps, 'onChange' >
 ) => {
 	const [ state, setState ] = useState< BoxControlValue >();
 
@@ -33,7 +40,7 @@ const ControlledBoxControl = (
 const UncontrolledBoxControl = ( {
 	onChange = () => {},
 	...props
-}: Omit< BoxControlProps, 'onChange' > & {
+}: DistributiveOmit< BoxControlProps, 'onChange' > & {
 	onChange?: BoxControlProps[ 'onChange' ];
 } ) => <BoxControl __next40pxDefaultSize onChange={ onChange } { ...props } />;
 

package/src/box-control/types.ts

@@ -100,17 +100,32 @@ export type BoxControlProps = Pick< UnitControlProps, 'units' > &
 		 * @default false
 		 */
 		__next40pxDefaultSize?: boolean;
-		/**
-		 * Available presets to pick from.
-		 */
-		presets?: Preset[];
-		/**
-		 * The key of the preset to apply.
-		 * If you provide a list of presets, you must provide a preset key to use.
-		 * The format of preset selected values is going to be `var:preset|${ presetKey }|${ presetSlug }`
-		 */
-		presetKey?: string;
-	};
+	} & (
+		| {
+				/**
+				 * Available presets to pick from.
+				 */
+				presets?: never;
+				/**
+				 * The key of the preset to apply.
+				 * If you provide a list of presets, you must provide a preset key to use.
+				 * The format of preset selected values is going to be `var:preset|${ presetKey }|${ presetSlug }`
+				 */
+				presetKey?: never;
+		  }
+		| {
+				/**
+				 * Available presets to pick from.
+				 */
+				presets: Preset[];
+				/**
+				 * The key of the preset to apply.
+				 * If you provide a list of presets, you must provide a preset key to use.
+				 * The format of preset selected values is going to be `var:preset|${ presetKey }|${ presetSlug }`
+				 */
+				presetKey: string;
+		  }
+	);
 
 export type BoxControlInputControlProps = UnitControlPassthroughProps & {
 	onChange?: ( nextValues: BoxControlValue ) => void;

package/src/button/style.scss

@@ -15,8 +15,11 @@
 	cursor: pointer;
 	-webkit-appearance: none;
 	background: none;
-	transition: box-shadow 0.1s linear;
-	@include reduce-motion("transition");
+
+	@media not (prefers-reduced-motion) {
+		transition: box-shadow 0.1s linear;
+	}
+
 	height: $button-size;
 	align-items: center;
 	box-sizing: border-box;
@@ -245,10 +248,13 @@
 		text-align: left;
 		color: $components-color-accent;
 		text-decoration: underline;
-		transition-property: border, background, color;
-		transition-duration: 0.05s;
-		transition-timing-function: ease-in-out;
-		@include reduce-motion("transition");
+
+		@media not (prefers-reduced-motion) {
+			transition-property: border, background, color;
+			transition-duration: 0.05s;
+			transition-timing-function: ease-in-out;
+		}
+
 		height: auto;
 
 		&:focus {
@@ -275,11 +281,8 @@
 	&.is-secondary.is-busy,
 	&.is-secondary.is-busy:disabled,
 	&.is-secondary.is-busy[aria-disabled="true"] {
-		animation: components-button__busy-animation 2500ms infinite linear;
-		// This should be refactored to use the reduce-motion("animation") mixin
-		// as soon as https://github.com/WordPress/gutenberg/issues/55566 is closed.
-		@media (prefers-reduced-motion: reduce) {
-			animation-duration: 0s;
+		@media not (prefers-reduced-motion) {
+			animation: components-button__busy-animation 2500ms infinite linear;
 		}
 		background-size: 100px 100%;
 		/* stylelint-disable -- Disable reason: This function call looks nicer when each argument is on its own line. */
@@ -376,7 +379,7 @@
 		fill: currentColor;
 		outline: none;
 
-		// Optimizate for high contrast modes.
+		// Optimize for high contrast modes.
 		// See also https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/.
 		@media (forced-colors: active) {
 			fill: CanvasText;

package/src/checkbox-control/style.scss

@@ -32,8 +32,10 @@
 	height: var(--checkbox-input-size);
 
 	appearance: none;
-	transition: 0.1s border-color ease-in-out;
-	@include reduce-motion("transition");
+
+	@media not (prefers-reduced-motion) {
+		transition: 0.1s border-color ease-in-out;
+	}
 
 	&:focus {
 		@include button-style-outset__focus(var(--wp-admin-theme-color));

package/src/circular-option-picker/README.md

@@ -29,7 +29,6 @@ const Example = () => {
 						style={ { backgroundColor: color, color } }
 						isSelected={ index === currentColor }
 						onClick={ () => setCurrentColor( index ) }
-						aria-label={ name }
 					/>
 				);
 			} ) }
@@ -150,6 +149,6 @@ Inherits all of the [`Dropdown` props](/packages/components/src/dropdown/README.
 
 Props for the underlying `Button` component.
 
-Inherits all of the [`Button` props](/packages/components/src/button/README.md#props), except for `href`, `target`, and `children`. 
+Inherits all of the [`Button` props](/packages/components/src/button/README.md#props), except for `href`, `target`, and `children`.
 
 - Required: No