@wordpress/components 24.0.0 → 25.0.0

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

@@ -0,0 +1,242 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuProps = {
+    /**
+     * The open state of the dropdown menu when it is initially rendered. Use when
+     * you do not need to control its open state.
+     *
+     */
+    defaultOpen?: DropdownMenuPrimitive.DropdownMenuProps['defaultOpen'];
+    /**
+     * The controlled open state of the dropdown menu. Must be used in conjunction
+     * with `onOpenChange`.
+     */
+    open?: DropdownMenuPrimitive.DropdownMenuProps['open'];
+    /**
+     * Event handler called when the open state of the dropdown menu changes.
+     */
+    onOpenChange?: DropdownMenuPrimitive.DropdownMenuProps['onOpenChange'];
+    /**
+     * The modality of the dropdown menu. When set to true, interaction with
+     * outside elements will be disabled and only menu content will be visible to
+     * screen readers.
+     *
+     * @default true
+     */
+    modal?: DropdownMenuPrimitive.DropdownMenuProps['modal'];
+    /**
+     * The preferred side of the trigger to render against when open.
+     * Will be reversed when collisions occur and avoidCollisions is enabled.
+     *
+     * @default 'bottom'
+     */
+    side?: DropdownMenuPrimitive.DropdownMenuContentProps['side'];
+    /**
+     * The distance in pixels from the trigger.
+     *
+     * @default 0
+     */
+    sideOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['sideOffset'];
+    /**
+     * The preferred alignment against the trigger.
+     * May change when collisions occur.
+     *
+     * @default 'center'
+     */
+    align?: DropdownMenuPrimitive.DropdownMenuContentProps['align'];
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     *
+     * @default 0
+     */
+    alignOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['alignOffset'];
+    /**
+     * The trigger button.
+     */
+    trigger: React.ReactNode;
+    /**
+     * The contents of the dropdown
+     */
+    children: React.ReactNode;
+};
+export type DropdownSubMenuTriggerProps = {
+    /**
+     * The contents of the item.
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the item's prefix.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The contents of the item's suffix.
+     *
+     * @default The standard chevron icon for a submenu trigger.
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownSubMenuProps = {
+    /**
+     * The open state of the submenu when it is initially rendered. Use when you
+     * do not need to control its open state.
+     */
+    defaultOpen?: DropdownMenuPrimitive.DropdownMenuSubProps['defaultOpen'];
+    /**
+     * The controlled open state of the submenu. Must be used in conjunction with
+     * `onOpenChange`.
+     */
+    open?: DropdownMenuPrimitive.DropdownMenuSubProps['open'];
+    /**
+     * Event handler called when the open state of the submenu changes.
+     */
+    onOpenChange?: DropdownMenuPrimitive.DropdownMenuSubProps['onOpenChange'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['disabled'];
+    /**
+     * Optional text used for typeahead purposes for the trigger. By default the typeahead
+     * behavior will use the `.textContent` of the trigger. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['textValue'];
+    /**
+     * The contents rendered inside the trigger. The trigger should be
+     * an instance of the `DropdownSubMenuTriggerProps` component.
+     */
+    trigger: React.ReactNode;
+    /**
+     * The contents of the dropdown sub menu
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuItemProps = {
+    /**
+     * When true, prevents the user from interacting with the item.
+     *
+     * @default false
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuItemProps['textValue'];
+    /**
+     * The contents of the item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the item's prefix
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The contents of the item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuCheckboxItemProps = {
+    /**
+     * The controlled checked state of the item.
+     * Must be used in conjunction with `onCheckedChange`.
+     *
+     * @default false
+     */
+    checked?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['checked'];
+    /**
+     * Event handler called when the checked state changes.
+     */
+    onCheckedChange?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onCheckedChange'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * 	menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['textValue'];
+    /**
+     * The contents of the checkbox item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the checkbox item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuRadioGroupProps = {
+    /**
+     * The value of the selected item in the group.
+     */
+    value?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['value'];
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['onValueChange'];
+    /**
+     * The contents of the radio group
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuRadioItemProps = {
+    /**
+     * The unique value of the item.
+     */
+    value: DropdownMenuPrimitive.DropdownMenuRadioItemProps['value'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['textValue'];
+    /**
+     * The contents of the radio item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the radio item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuLabelProps = {
+    /**
+     * The contents of the label
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuGroupProps = {
+    /**
+     * The contents of the group
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuSeparatorProps = {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/build-types/input-control/styles/input-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,KAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAMhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}
+{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,KAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAMhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiCF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}

package/build-types/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}

package/build-types/private-apis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAYA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}
+{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}

package/build-types/snackbar/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAsB7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAwCrD;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAsB7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAuCrD;AAED,eAAe,YAAY,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB;UAKxB,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE;+CActD,CAAC;AAuBF,eAAO,MAAM,sBAAsB,SAC5B,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CAUtD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAUxB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB;UAKxB,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE;+CActD,CAAC;AAyBF,eAAO,MAAM,sBAAsB,SAC5B,YAAa,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CAUtD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAaxB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC"}

package/build-types/toolbar/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwBtE;;GAEG;AACH,OAAO,EACN,OAAO,EAKP,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAgBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,6WAAsB,CAAC;AAsG3C,eAAO,MAAM,YAAY,6WAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbar/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwBtE;;GAEG;AACH,OAAO,EACN,OAAO,EAKP,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAgBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,6WAAsB,CAAC;AAmG3C,eAAO,MAAM,YAAY,6WAAsB,CAAC"}

package/build-types/ui/context/get-styled-class-name-from-key.d.ts

@@ -1,11 +1,2 @@
-import memoize from 'memize';
-/**
- * Generates the connected component CSS className based on the namespace.
- *
- * @param namespace The name of the connected component.
- * @return The generated CSS className.
- */
-declare function getStyledClassName(namespace: string): string;
-export declare const getStyledClassNameFromKey: typeof getStyledClassName & memoize.MemizeMemoizedFunction;
-export {};
+export declare const getStyledClassNameFromKey: ((namespace: string) => string) & import("memize").MemizeMemoizedFunction;
 //# sourceMappingURL=get-styled-class-name-from-key.d.ts.map

package/build-types/ui/context/get-styled-class-name-from-key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-styled-class-name-from-key.d.ts","sourceRoot":"","sources":["../../../src/ui/context/get-styled-class-name-from-key.ts"],"names":[],"mappings":"AAIA,OAAO,OAAO,MAAM,QAAQ,CAAC;AAE7B;;;;;GAKG;AACH,iBAAS,kBAAkB,CAAE,SAAS,EAAE,MAAM,GAAI,MAAM,CAGvD;AAED,eAAO,MAAM,yBAAyB,4DAAgC,CAAC"}
+{"version":3,"file":"get-styled-class-name-from-key.d.ts","sourceRoot":"","sources":["../../../src/ui/context/get-styled-class-name-from-key.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,yBAAyB,2EAAgC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "24.0.0",
+	"version": "25.0.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -38,24 +38,25 @@
 		"@emotion/styled": "^11.6.0",
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "1.0.0",
+		"@radix-ui/react-dropdown-menu": "^2.0.4",
 		"@use-gesture/react": "^10.2.24",
-		"@wordpress/a11y": "^3.33.0",
-		"@wordpress/compose": "^6.10.0",
-		"@wordpress/date": "^4.33.0",
-		"@wordpress/deprecated": "^3.33.0",
-		"@wordpress/dom": "^3.33.0",
-		"@wordpress/element": "^5.10.0",
-		"@wordpress/escape-html": "^2.33.0",
-		"@wordpress/hooks": "^3.33.0",
-		"@wordpress/html-entities": "^3.33.0",
-		"@wordpress/i18n": "^4.33.0",
-		"@wordpress/icons": "^9.24.0",
-		"@wordpress/is-shallow-equal": "^4.33.0",
-		"@wordpress/keycodes": "^3.33.0",
-		"@wordpress/primitives": "^3.31.0",
-		"@wordpress/private-apis": "^0.15.0",
-		"@wordpress/rich-text": "^6.10.0",
-		"@wordpress/warning": "^2.33.0",
+		"@wordpress/a11y": "^3.34.0",
+		"@wordpress/compose": "^6.11.0",
+		"@wordpress/date": "^4.34.0",
+		"@wordpress/deprecated": "^3.34.0",
+		"@wordpress/dom": "^3.34.0",
+		"@wordpress/element": "^5.11.0",
+		"@wordpress/escape-html": "^2.34.0",
+		"@wordpress/hooks": "^3.34.0",
+		"@wordpress/html-entities": "^3.34.0",
+		"@wordpress/i18n": "^4.34.0",
+		"@wordpress/icons": "^9.25.0",
+		"@wordpress/is-shallow-equal": "^4.34.0",
+		"@wordpress/keycodes": "^3.34.0",
+		"@wordpress/primitives": "^3.32.0",
+		"@wordpress/private-apis": "^0.16.0",
+		"@wordpress/rich-text": "^6.11.0",
+		"@wordpress/warning": "^2.34.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -68,7 +69,7 @@
 		"gradient-parser": "^0.1.5",
 		"highlight-words-core": "^1.2.2",
 		"is-plain-object": "^5.0.0",
-		"memize": "^1.1.0",
+		"memize": "^2.1.0",
 		"path-to-regexp": "^6.2.1",
 		"re-resizable": "^6.4.0",
 		"react-colorful": "^5.3.1",
@@ -85,5 +86,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e936127e1e13881f1a940b7bd1593a9e500147f3"
+	"gitHead": "c7c79cb11b677adcbf06cf5f8cfb6c5ec1699f19"
 }

package/src/button/style.scss

@@ -118,21 +118,14 @@
 		outline: 1px solid transparent;
 
 		&:active:not(:disabled) {
-			background: $components-color-gray-300;
-			color: $components-color-accent-darker-10;
 			box-shadow: none;
 		}
 
-		&:hover:not(:disabled) {
-			color: $components-color-accent-darker-10;
-		}
-
 		&:disabled,
 		&[aria-disabled="true"],
 		&[aria-disabled="true"]:hover {
-			// TODO: Prepare for theming (https://github.com/WordPress/gutenberg/pull/45466/files#r1030872724)
-			color: lighten($gray-700, 5%);
-			background: lighten($gray-300, 5%);
+			color: $gray-600;
+			background: transparent;
 			transform: none;
 			opacity: 1;
 			box-shadow: none;
@@ -165,12 +158,12 @@
 		color: $components-color-accent;
 		background: transparent;
 
-		&:hover:not(:disabled) {
+		&:hover:not(:disabled, [aria-disabled="true"]) {
 			// TODO: Prepare for theming (https://github.com/WordPress/gutenberg/pull/45466/files#r1030872724)
 			background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 		}
 
-		&:active:not(:disabled) {
+		&:active:not(:disabled, [aria-disabled="true"]) {
 			// TODO: Prepare for theming (https://github.com/WordPress/gutenberg/pull/45466/files#r1030872724)
 			background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 		}
@@ -239,7 +232,7 @@
 		}
 	}
 
-	&:not([aria-disabled="true"]):active {
+	&:not(:disabled, [aria-disabled="true"]):active {
 		color: $components-color-foreground;
 	}
 

package/src/color-picker/styles.ts

@@ -29,8 +29,13 @@ export const NumberControlWrapper = styled( NumberControl )`
 export const SelectControl = styled( InnerSelectControl )`
 	margin-left: ${ space( -2 ) };
 	width: 5em;
-	${ BackdropUI } {
-		display: none;
+	/*
+	 * Remove border, but preserve focus styles
+	 * TODO: this override should be removed,
+	 * see https://github.com/WordPress/gutenberg/pull/50609
+	 */
+	select:not( :focus ) ~ ${ BackdropUI }${ BackdropUI }${ BackdropUI } {
+		border-color: transparent;
 	}
 `;
 

package/src/date-time/README.md

@@ -26,8 +26,6 @@ const MyDateTimePicker = () => {
 			currentDate={ date }
 			onChange={ ( newDate ) => setDate( newDate ) }
 			is12Hour={ true }
-			__nextRemoveHelpButton
-			__nextRemoveResetButton
 		/>
 	);
 };
@@ -83,17 +81,3 @@ The day that the week should start on. 0 for Sunday, 1 for Monday, etc.
 
 - Required: No
 - Default: 0
-
-### `__nextRemoveHelpButton`: `boolean`
-
-Start opting in to not displaying a Help button which will become the default in a future version.
-
-- Required: No
-- Default: `false`
-
-### `__nextRemoveResetButton`: `boolean`
-
-Start opting in to not displaying a Reset button which will become the default in a future version.
-
-- Required: No
-- Default: `false`

package/src/date-time/date-time/index.tsx

@@ -6,21 +6,16 @@ import type { ForwardedRef } from 'react';
 /**
  * WordPress dependencies
  */
-import { useState, forwardRef } from '@wordpress/element';
+import { forwardRef } from '@wordpress/element';
 import { __, _x } from '@wordpress/i18n';
-import deprecated from '@wordpress/deprecated';
 
 /**
  * Internal dependencies
  */
-import Button from '../../button';
 import { default as DatePicker } from '../date';
 import { default as TimePicker } from '../time';
 import type { DateTimePickerProps } from '../types';
-import { Wrapper, CalendarHelp } from './styles';
-import { HStack } from '../../h-stack';
-import { Heading } from '../../heading';
-import { Spacer } from '../../spacer';
+import { Wrapper } from './styles';
 
 export { DatePicker, TimePicker };
 
@@ -35,157 +30,26 @@ function UnforwardedDateTimePicker(
 		onChange,
 		events,
 		startOfWeek,
-		__nextRemoveHelpButton = false,
-		__nextRemoveResetButton = false,
 	}: DateTimePickerProps,
 	ref: ForwardedRef< any >
 ) {
-	if ( ! __nextRemoveHelpButton ) {
-		deprecated( 'Help button in wp.components.DateTimePicker', {
-			since: '13.4',
-			version: '15.8', // One year of plugin releases.
-			hint: 'Set the `__nextRemoveHelpButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',
-		} );
-	}
-	if ( ! __nextRemoveResetButton ) {
-		deprecated( 'Reset button in wp.components.DateTimePicker', {
-			since: '13.4',
-			version: '15.8', // One year of plugin releases.
-			hint: 'Set the `__nextRemoveResetButton` prop to `true` to remove this warning and opt in to the new behaviour, which will become the default in a future version.',
-		} );
-	}
-
-	const [ calendarHelpIsVisible, setCalendarHelpIsVisible ] =
-		useState( false );
-
-	function onClickDescriptionToggle() {
-		setCalendarHelpIsVisible( ! calendarHelpIsVisible );
-	}
-
 	return (
 		<Wrapper ref={ ref } className="components-datetime" spacing={ 4 }>
-			{ ! calendarHelpIsVisible && (
-				<>
-					<TimePicker
-						currentTime={ currentDate }
-						onChange={ onChange }
-						is12Hour={ is12Hour }
-					/>
-					<DatePicker
-						currentDate={ currentDate }
-						onChange={ onChange }
-						isInvalidDate={ isInvalidDate }
-						events={ events }
-						onMonthPreviewed={ onMonthPreviewed }
-						startOfWeek={ startOfWeek }
-					/>
-				</>
-			) }
-			{ calendarHelpIsVisible && (
-				<CalendarHelp
-					className="components-datetime__calendar-help" // Unused, for backwards compatibility.
-				>
-					<Heading level={ 4 }>{ __( 'Click to Select' ) }</Heading>
-					<ul>
-						<li>
-							{ __(
-								'Click the right or left arrows to select other months in the past or the future.'
-							) }
-						</li>
-						<li>{ __( 'Click the desired day to select it.' ) }</li>
-					</ul>
-					<Heading level={ 4 }>
-						{ __( 'Navigating with a keyboard' ) }
-					</Heading>
-					<ul>
-						<li>
-							<abbr
-								aria-label={ _x( 'Enter', 'keyboard button' ) }
-							>
-								↵
-							</abbr>
-							{
-								' ' /* JSX removes whitespace, but a space is required for screen readers. */
-							}
-							<span>{ __( 'Select the date in focus.' ) }</span>
-						</li>
-						<li>
-							<abbr aria-label={ __( 'Left and Right Arrows' ) }>
-								←/→
-							</abbr>
-							{
-								' ' /* JSX removes whitespace, but a space is required for screen readers. */
-							}
-							{ __(
-								'Move backward (left) or forward (right) by one day.'
-							) }
-						</li>
-						<li>
-							<abbr aria-label={ __( 'Up and Down Arrows' ) }>
-								↑/↓
-							</abbr>
-							{
-								' ' /* JSX removes whitespace, but a space is required for screen readers. */
-							}
-							{ __(
-								'Move backward (up) or forward (down) by one week.'
-							) }
-						</li>
-						<li>
-							<abbr aria-label={ __( 'Page Up and Page Down' ) }>
-								{ __( 'PgUp/PgDn' ) }
-							</abbr>
-							{
-								' ' /* JSX removes whitespace, but a space is required for screen readers. */
-							}
-							{ __(
-								'Move backward (PgUp) or forward (PgDn) by one month.'
-							) }
-						</li>
-						<li>
-							<abbr aria-label={ __( 'Home and End' ) }>
-								{ /* Translators: Home/End reffer to the 'Home' and 'End' buttons on the keyboard.*/ }
-								{ __( 'Home/End' ) }
-							</abbr>
-							{
-								' ' /* JSX removes whitespace, but a space is required for screen readers. */
-							}
-							{ __(
-								'Go to the first (Home) or last (End) day of a week.'
-							) }
-						</li>
-					</ul>
-				</CalendarHelp>
-			) }
-			{ ( ! __nextRemoveResetButton || ! __nextRemoveHelpButton ) && (
-				<HStack
-					className="components-datetime__buttons" // Unused, for backwards compatibility.
-				>
-					{ ! __nextRemoveResetButton &&
-						! calendarHelpIsVisible &&
-						currentDate && (
-							<Button
-								className="components-datetime__date-reset-button" // Unused, for backwards compatibility.
-								variant="link"
-								onClick={ () => onChange?.( null ) }
-							>
-								{ __( 'Reset' ) }
-							</Button>
-						) }
-					<Spacer />
-					{ ! __nextRemoveHelpButton && (
-						<Button
-							className="components-datetime__date-help-toggle" // Unused, for backwards compatibility.
-							variant="link"
-							onClick={ onClickDescriptionToggle }
-						>
-							{ calendarHelpIsVisible
-								? __( 'Close' )
-								: __( 'Calendar Help' ) }
-						</Button>
-					) }
-				</HStack>
-			) }
+			<>
+				<TimePicker
+					currentTime={ currentDate }
+					onChange={ onChange }
+					is12Hour={ is12Hour }
+				/>
+				<DatePicker
+					currentDate={ currentDate }
+					onChange={ onChange }
+					isInvalidDate={ isInvalidDate }
+					events={ events }
+					onMonthPreviewed={ onMonthPreviewed }
+					startOfWeek={ startOfWeek }
+				/>
+			</>
 		</Wrapper>
 	);
 }
@@ -207,8 +71,6 @@ function UnforwardedDateTimePicker(
  *       currentDate={ date }
  *       onChange={ ( newDate ) => setDate( newDate ) }
  *       is12Hour
- *       __nextRemoveHelpButton
- *       __nextRemoveResetButton
  *     />
  *   );
  * };