npm - @wordpress/components - Versions diffs - 23.1.0 → 23.3.0 - Mend

@wordpress/components 23.1.0 → 23.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (623) hide show

package/build-types/sandbox/types.d.ts ADDED Viewed

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+export declare type SandBoxProps = {
+    /**
+     * The HTML to render in the body of the iframe document.
+     *
+     * @default ''
+     */
+    html?: string;
+    /**
+     * The `<title>` of the iframe document.
+     *
+     * @default ''
+     */
+    title?: string;
+    /**
+     * The CSS class name to apply to the `<html>` and `<body>` elements of the iframe.
+     */
+    type?: string;
+    /**
+     * An array of CSS strings to inject into the `<head>` of the iframe document.
+     *
+     * @default []
+     */
+    styles?: string[];
+    /**
+     * An array of script URLs to inject as `<script>` tags into the bottom of the `<body>` of the iframe document.
+     *
+     * @default []
+     */
+    scripts?: string[];
+    /**
+     * The `onFocus` callback for the iframe.
+     */
+    onFocus?: React.DOMAttributes<HTMLIFrameElement>['onFocus'];
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/sandbox/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;CAChE,CAAC"}

package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"~~AA6BA~~;;;uCAiCC"}
1	+ {"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA8BA;;;uCAiCC"}

package/build-types/slot-fill/use-slot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.js"],"names":[],"mappings":";AAWA;;;;;GAKG;AACH,+BAHW,MAAM,GACL,MAAM,~~CAmBjB~~"}
1	+ {"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.js"],"names":[],"mappings":";AAWA;;;;;GAKG;AACH,+BAHW,MAAM,GACL,MAAM,CASjB"}

package/build-types/snackbar/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { SnackbarProps } from './types';
 /**
  * A Snackbar displays a succinct message that is cleared out after a small delay.
  *
@@ -12,7 +11,15 @@ import type { SnackbarProps } from './types';
  * );
  * ```
  */
-export declare const Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof SnackbarProps> & {
+export declare const Snackbar: import("react").ForwardRefExoticComponent<import("../notice/types").NoticeProps & {
+    icon?: import("react").ReactNode;
+    explicitDismiss?: boolean | undefined;
+    listRef?: import("react").MutableRefObject<HTMLDivElement | null> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../notice/types").NoticeProps | keyof {
+    icon?: import("react").ReactNode;
+    explicitDismiss?: boolean | undefined;
+    listRef?: import("react").MutableRefObject<HTMLDivElement | null> | undefined;
+}> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>>;
 export default Snackbar;

package/build-types/snackbar/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":";~~AAkBA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAqJ3D~~;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":";AAwKA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,~~EAAU~~,iBAAiB,EAAE,MAAM,SAAS,CAAC;~~AACzD~~,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,~~eAsCrD~~;AAED,eAAe,YAAY,CAAC"}
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"}

package/build-types/snackbar/types.d.ts CHANGED Viewed

@@ -1,111 +1,38 @@
 /**
  * External dependencies
  */
-import type { MutableRefObject, ReactNode, SyntheticEvent } from 'react';
-export declare type NoticeActionWithURL = {
-    label: string;
-    url: string;
-    onClick?: (event: SyntheticEvent) => void;
-};
-declare type NoticeActionWithOnClick = {
-    label: string;
-    url?: string;
-    onClick: (event: SyntheticEvent) => void;
-};
-export declare type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;
-export declare type Notice = {
-    id: string;
-    spokenMessage: string;
-    actions: NoticeAction[];
-    icon?: ReactNode;
-    onDismiss?: () => void;
-    content: string;
-    isDismissible: boolean;
-    explicitDismiss: boolean;
-};
-export declare type SnackbarProps = {
-    /**
-     * The displayed message of a notice.
-     *
-     * Also used as the spoken message for assistive technology,
-     * unless `spokenMessage` is provided as an alternative message.
-     */
-    children: string;
-    /**
-     * Used to provide a custom spoken message.
-     *
-     * @default children
-     */
-    spokenMessage?: Notice['spokenMessage'];
-    /**
-     * A politeness level for the notice's spoken message. Should be provided as
-     * one of the valid options for an `aria-live` attribute value. Note that this
-     * value should be considered a suggestion; assistive technologies may
-     * override it based on internal heuristics.
-     *
-     * A value of `'assertive'` is to be used for important, and usually
-     * time-sensitive, information. It will interrupt anything else the screen
-     * reader is announcing in that moment.
-     * A value of `'polite'` is to be used for advisory information. It should
-     * not interrupt what the screen reader is announcing in that moment
-     * (the "speech queue") or interrupt the current task.
-     *
-     * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live
-     *
-     * @default 'polite'
-     */
-    politeness?: 'polite' | 'assertive';
-    /**
-     * An array of action objects.
-     *
-     * Each member object should contain
-     * a `label` and either a `url` link string or `onClick` callback function.
-     *
-     * @default []
-     */
-    actions?: Notice['actions'];
-    /**
-     * Called to remove the snackbar from the UI.
-     */
-    onRemove?: () => void;
+import type { MutableRefObject, ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { NoticeProps, NoticeChildren } from '../notice/types';
+declare type SnackbarOnlyProps = {
     /**
      * The icon to render in the snackbar.
      *
      * @default null
      */
-    icon?: Notice['icon'];
+    icon?: ReactNode;
     /**
      * Whether to require user action to dismiss the snackbar.
      * By default, this is dismissed on a timeout, without user interaction.
      *
      * @default false
      */
-    explicitDismiss?: Notice['explicitDismiss'];
-    /**
-     * A callback executed when the snackbar is dismissed.
-     *
-     * It is distinct from onRemove, which _looks_ like a callback but is
-     * actually the function to call to remove the snackbar from the UI.
-     */
-    onDismiss?: Notice['onDismiss'];
+    explicitDismiss?: boolean;
     /**
      * A ref to the list that contains the snackbar.
      */
     listRef?: MutableRefObject<HTMLDivElement | null>;
 };
+export declare type SnackbarProps = NoticeProps & SnackbarOnlyProps;
 export declare type SnackbarListProps = {
-    /**
-     * Array of notices to render.
-     */
-    notices: Notice[];
-    /**
-     * Children to be rendered inside the notice list.
-     */
-    children?: ReactNode;
-    /**
-     * Function called when a notice should be removed / dismissed.
-     */
-    onRemove?: (id: Notice['id']) => void;
+    notices: Array<Omit<SnackbarProps, 'children'> & {
+        id: string;
+        content: string;
+    }>;
+    onRemove: (id: string) => void;
+    children?: NoticeChildren | Array<NoticeChildren>;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

package/build-types/snackbar/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,~~cAAc,EAAE,~~MAAM,OAAO,CAAC;~~AAEzE,oBAAY,mBAAmB,GAAG~~;~~IACjC~~,~~KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,~~OAAO,~~CAAC~~,EAAE,~~CAAE~~,~~KAAK,~~EAAE,cAAc,~~KAAM~~,~~IAAI~~,~~CAAC;CAC5C~~,CAAC;~~AAEF~~,aAAK,~~uBAAuB~~,GAAG;~~IAC9B,KAAK,EAAE,MAAM,CAAC~~;~~IACd~~,~~GAAG~~,CAAC,EAAE,~~MAAM~~,CAAC;~~IACb,OAAO,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC~~;~~CAC3C~~,~~CAAC;AAGF~~,~~oBAAY,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,~~CAAC~~;AAEzE~~,~~oBAAY,MAAM,GAAG;IACpB,~~EAAE,~~EAAE~~,~~MAAM,~~CAAC;~~IACX,aAAa,EAAE,MAAM,CAAC~~;~~IACtB~~,OAAO,~~EAAE,YAAY,EAAE,~~CAAC~~;IACxB~~,~~IAAI,CAAC,~~EAAE,~~SAAS~~,~~CAAC;IACjB~~,~~SAAS~~,~~CAAC~~,~~EAAE,MAAM,~~IAAI,~~CAAC;IACvB~~,~~OAAO,EAAE,MAAM,~~CAAC;~~IAChB~~,~~aAAa,EAAE,OAAO,~~CAAC;~~IACvB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;~~AAEF,oBAAY,aAAa,GAAG~~;IAC3B;;;;;OAKG;IACH~~,~~QAAQ~~,~~EAAE~~,~~MAAM~~,CAAC;~~IACjB;;;;OAIG;IACH~~,~~aAAa~~,~~CAAC~~,~~EAAE,MAAM,CAAE,eAAe,CAAE,CAAC;IAC1C;;;;;;;;;;;;;;;;OAgBG;IACH,UAAU,CAAC,EAAE,QAAQ,~~GAAG~~,WAAW,CAAC~~;~~IACpC;;;;;;;OAOG;IACH~~,OAAO,~~CAAC,~~EAAE,~~MAAM~~,~~CAAE~~,~~SAAS~~,CAAE,~~CAAC;IAC9B;;OAEG;IACH~~,~~QAAQ,CAAC,~~EAAE,~~MAAM~~,~~IAAI~~,~~CAAC~~;~~IACtB;;;;OAIG;IACH~~,~~IAAI~~,~~CAAC,~~EAAE,MAAM,~~CAAE,MAAM,CAAE,~~CAAC;~~IACxB;;;;;OAKG;IACH~~,~~eAAe~~,~~CAAC,~~EAAE,MAAM,~~CAAE,iBAAiB,CAAE,~~CAAC;~~IAC9C;;;;;OAKG;IACH~~,~~SAAS~~,CAAC~~,EAAE,MAAM,CAAE,WAAW,CAAE,CAAC~~;~~IAClC;;OAEG;IACH~~,~~OAAO~~,~~CAAC,~~EAAE,~~gBAAgB,~~CAAE,~~cAAc~~,~~GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,~~EAAE,MAAM,~~EAAE~~,~~CAAC;IAClB;;OAEG;IACH~~,~~QAAQ,~~CAAC~~,EAAE,SAAS,CAAC~~;~~IACrB;;OAEG;IACH~~,QAAQ,CAAC,EAAE,~~CAAE~~,~~EAAE~~,~~EAAE~~,~~MAAM,~~CAAE,~~IAAI~~,CAAE,~~KAAM,IAAI,~~CAAC;~~CAC1C~~,CAAC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnE,aAAK,iBAAiB,GAAG;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,oBAAY,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,oBAAY,iBAAiB,GAAG;IAC/B,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,aAAa,EAAE,UAAU,CAAE,GAAG;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAE,cAAc,CAAE,CAAC;CACpD,CAAC"}

package/build-types/tab-panel/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;~~AAqB7D~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,~~eA0ExD~~;AAED,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA+GxD;AAED,eAAe,QAAQ,CAAC"}

package/build-types/tab-panel/stories/index.d.ts CHANGED Viewed

@@ -9,4 +9,5 @@ import TabPanel from '..';
 declare const meta: ComponentMeta<typeof TabPanel>;
 export default meta;
 export declare const Default: ComponentStory<typeof TabPanel>;
+export declare const DisabledTab: ComponentStory<typeof TabPanel>;
 //# sourceMappingURL=index.d.ts.map

package/build-types/tab-panel/stories/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,iCAAsB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,iCAAsB,CAAC;AAe3C,eAAO,MAAM,WAAW,iCAAsB,CAAC"}

package/build-types/tab-panel/types.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 /**
  * External dependencies
  */
-import type { ReactNode } from 'react';
+import type { MouseEvent, ReactNode } from 'react';
 /**
  * Internal dependencies
  */
 import type { IconType } from '../icon';
-declare type Tab = {
+declare type Tab<IconProps = unknown> = {
     /**
      * The key of the tab.
      */
@@ -19,17 +19,23 @@ declare type Tab = {
      * The class name to apply to the tab button.
      */
     className?: string;
+    /**
+     * The icon used for the tab button.
+     */
+    icon?: IconType<IconProps>;
+    /**
+     * Determines if the tab button should be disabled.
+     */
+    disabled?: boolean;
 } & Record<any, any>;
 export declare type TabButtonProps<IconProps = unknown> = {
     children: ReactNode;
-    className?: string;
-    icon?: IconType<IconProps>;
     label?: string;
     onClick: (event: MouseEvent) => void;
     selected: boolean;
     showTooltip?: boolean;
     tabId: string;
-};
+} & Pick<Tab<IconProps>, 'className' | 'icon' | 'disabled'>;
 export declare type TabPanelProps = {
     /**
      * The class name to add to the active tab.

package/build-types/tab-panel/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AAEvC~~;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,GAAG;~~IACV~~;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,~~SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B,~~KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;~~AAEF~~,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,CAAE,SAAS,GAAG,OAAO,IAAK;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAE,GAAG,CAAE,SAAS,CAAE,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAE,CAAC;AAEhE,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/build-types/toggle-group-control/stories/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,kBAAkB,CAanD,CAAC;AACF,eAAe,IAAI,CAAC;~~AAmCpB~~,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC3C,CAAC;AAYrB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC/C,CAAC;AAmBrB;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC7C,CAAC;AAUrB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAChD,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,kBAAkB,CAanD,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC3C,CAAC;AAYrB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC/C,CAAC;AAmBrB;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC7C,CAAC;AAUrB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAChD,CAAC"}

package/build-types/tree-select/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-select/index.tsx"],"names":[],"mappings":";~~AAaA~~,OAAO,KAAK,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAC;AAa5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,wBAAgB,UAAU,CAAE,EAC3B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,IAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,eAejB;AAED,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-select/index.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAC;AAa5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,wBAAgB,UAAU,CAAE,EAC3B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,IAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,eAejB;AAED,eAAe,UAAU,CAAC"}

package/build-types/ui/form-group/form-group.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ declare const ConnectedFormGroup: import("../context").WordPressComponent<import
     truncate?: boolean | undefined;
 } & import("../../grid/types").GridProps & {
     horizontal: true;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "isDestructive" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>, boolean> | import("../context").WordPressComponent<import("react").ElementType<any>, import("../../text/types").Props & {
     isBlock?: boolean | undefined;
@@ -47,7 +47,7 @@ declare const ConnectedFormGroup: import("../context").WordPressComponent<import
     truncate?: boolean | undefined;
 } & {
     horizontal: false;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "isDestructive" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>, boolean>;
 //# sourceMappingURL=form-group.d.ts.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "23.1.0",
+	"version": "23.3.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -38,21 +38,22 @@
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "^1.0.0",
 		"@use-gesture/react": "^10.2.6",
-		"@wordpress/a11y": "^3.24.0",
-		"@wordpress/compose": "^6.1.0",
-		"@wordpress/date": "^4.24.0",
-		"@wordpress/deprecated": "^3.24.0",
-		"@wordpress/dom": "^3.24.0",
-		"@wordpress/element": "^5.1.0",
-		"@wordpress/escape-html": "^2.24.0",
-		"@wordpress/hooks": "^3.24.0",
-		"@wordpress/i18n": "^4.24.0",
-		"@wordpress/icons": "^9.15.0",
-		"@wordpress/is-shallow-equal": "^4.24.0",
-		"@wordpress/keycodes": "^3.24.0",
-		"@wordpress/primitives": "^3.22.0",
-		"@wordpress/rich-text": "^6.1.0",
-		"@wordpress/warning": "^2.24.0",
+		"@wordpress/a11y": "^3.26.0",
+		"@wordpress/compose": "^6.3.0",
+		"@wordpress/date": "^4.26.0",
+		"@wordpress/deprecated": "^3.26.0",
+		"@wordpress/dom": "^3.26.0",
+		"@wordpress/element": "^5.3.0",
+		"@wordpress/escape-html": "^2.26.0",
+		"@wordpress/hooks": "^3.26.0",
+		"@wordpress/html-entities": "^3.26.0",
+		"@wordpress/i18n": "^4.26.0",
+		"@wordpress/icons": "^9.17.0",
+		"@wordpress/is-shallow-equal": "^4.26.0",
+		"@wordpress/keycodes": "^3.26.0",
+		"@wordpress/primitives": "^3.24.0",
+		"@wordpress/rich-text": "^6.3.0",
+		"@wordpress/warning": "^2.26.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -80,5 +81,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
+	"gitHead": "cab6ebe2b4c5dbacfd753dcae4a2406559c4813c"
 }

package/src/alignment-matrix-control/utils.tsx CHANGED Viewed

@@ -19,8 +19,8 @@ export const ALIGNMENT_LABEL: Record< AlignmentMatrixControlValue, string > = {
 	'top center': __( 'Top Center' ),
 	'top right': __( 'Top Right' ),
 	'center left': __( 'Center Left' ),
-	'center center': __( 'Center Center' ),
-	center: __( 'Center Center' ),
+	'center center': __( 'Center' ),
+	center: __( 'Center' ),
 	'center right': __( 'Center Right' ),
 	'bottom left': __( 'Bottom Left' ),
 	'bottom center': __( 'Bottom Center' ),

package/src/autocomplete/autocompleter-ui.js CHANGED Viewed

@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { map } from 'lodash';
 /**
  * WordPress dependencies
@@ -70,7 +69,7 @@ export function getAutoCompleterUI( autocompleter ) {
 					role="listbox"
 					className="components-autocomplete__results"
 				>
-					{ map( items, ( option, index ) => (
+					{ items.map( ( option, index ) => (
 						<Button
 							key={ option.key }
 							id={ `components-autocomplete-item-${ instanceId }-${ option.key }` }

package/src/autocomplete/test/index.js CHANGED Viewed

@@ -14,14 +14,10 @@ import { useRef } from '@wordpress/element';
  */
 import { getAutoCompleterUI } from '../autocompleter-ui';
-jest.useFakeTimers();
 describe( 'AutocompleterUI', () => {
 	describe( 'click outside behavior', () => {
 		it( 'should call reset function when a click on another element occurs', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			const resetSpy = jest.fn();

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

@@ -16,7 +16,7 @@ import { useBorderBoxControlLinkedButton } from './hook';
 import type { LinkedButtonProps } from '../types';
 const BorderBoxControlLinkedButton = (
-	props: WordPressComponentProps< LinkedButtonProps, 'div' >,
+	props: WordPressComponentProps< LinkedButtonProps, 'button' >,
 	forwardedRef: React.ForwardedRef< any >
 ) => {
 	const { className, isLinked, ...buttonProps } =

package/src/border-box-control/border-box-control-linked-button/hook.ts CHANGED Viewed

@@ -13,7 +13,7 @@ import { useCx } from '../../utils/hooks/use-cx';
 import type { LinkedButtonProps } from '../types';
 export function useBorderBoxControlLinkedButton(
-	props: WordPressComponentProps< LinkedButtonProps, 'div' >
+	props: WordPressComponentProps< LinkedButtonProps, 'button' >
 ) {
 	const {
 		className,

package/src/border-control/border-control-dropdown/component.tsx CHANGED Viewed

@@ -24,7 +24,8 @@ import { useBorderControlDropdown } from './hook';
 import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import DropdownContentWrapper from '../../dropdown/dropdown-content-wrapper';
-import type { ColorObject, PaletteObject } from '../../color-palette/types';
+import type { ColorObject } from '../../color-palette/types';
+import { isMultiplePaletteArray } from '../../color-palette/utils';
 import type { DropdownProps as DropdownComponentProps } from '../../dropdown/types';
 import type { ColorProps, DropdownProps } from '../types';
@@ -32,14 +33,15 @@ const getColorObject = (
 	colorValue: CSSProperties[ 'borderColor' ],
 	colors: ColorProps[ 'colors' ] | undefined
 ) => {
-	if ( ! colorValue || ! colors || colors.length === 0 ) {
+	if ( ! colorValue || ! colors ) {
 		return;
 	}
-	if ( ( colors as PaletteObject[] )[ 0 ].colors !== undefined ) {
+	if ( isMultiplePaletteArray( colors ) ) {
+		// Multiple origins
 		let matchedColor;
-		( colors as PaletteObject[] ).some( ( origin ) =>
+		colors.some( ( origin ) =>
 			origin.colors.some( ( color ) => {
 				if ( color.color === colorValue ) {
 					matchedColor = color;
@@ -53,9 +55,8 @@ const getColorObject = (
 		return matchedColor;
 	}
-	return ( colors as ColorObject[] ).find(
-		( color ) => color.color === colorValue
-	);
+	// Single origin
+	return colors.find( ( color ) => color.color === colorValue );
 };
 const getToggleAriaLabel = (
@@ -166,7 +167,7 @@ const BorderControlDropdown = (
 			onClick={ onToggle }
 			variant="tertiary"
 			aria-label={ toggleAriaLabel }
-			position={ dropdownPosition }
+			tooltipPosition={ dropdownPosition }
 			label={ __( 'Border color and style picker' ) }
 			showTooltip={ true }
 		>

package/src/box-control/test/index.js CHANGED Viewed

@@ -14,8 +14,6 @@ import { useState } from '@wordpress/element';
  */
 import BoxControl from '../';
-jest.useFakeTimers();
 const Example = ( extraProps ) => {
 	const [ state, setState ] = useState();
@@ -39,9 +37,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should update values when interacting with input', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <BoxControl /> );
@@ -63,9 +59,7 @@ describe( 'BoxControl', () => {
 	describe( 'Reset', () => {
 		it( 'should reset values when clicking Reset', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <BoxControl /> );
@@ -89,9 +83,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should reset values when clicking Reset, if controlled', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <Example /> );
@@ -115,9 +107,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should reset values when clicking Reset, if controlled <-> uncontrolled state changes', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <Example /> );
@@ -141,9 +131,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should persist cleared value when focus changes', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			const spyChange = jest.fn();
 			render( <BoxControl onChange={ ( v ) => spyChange( v ) } /> );
@@ -179,9 +167,7 @@ describe( 'BoxControl', () => {
 	describe( 'Unlinked sides', () => {
 		it( 'should update a single side value when unlinked', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <Example /> );
@@ -216,9 +202,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should update a whole axis when value is changed when unlinked', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			render( <Example splitOnAxis /> );
@@ -251,9 +235,7 @@ describe( 'BoxControl', () => {
 	describe( 'Unit selections', () => {
 		it( 'should update unlinked controls unit selection based on all input control', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			// Render control.
 			render( <BoxControl /> );
@@ -285,9 +267,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should use individual side attribute unit when available', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			// Render control.
 			const { rerender } = render( <BoxControl /> );
@@ -337,9 +317,7 @@ describe( 'BoxControl', () => {
 	describe( 'onChange updates', () => {
 		it( 'should call onChange when values contain more than just CSS units', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			const setState = jest.fn();
 			render( <BoxControl onChange={ setState } /> );
@@ -361,9 +339,7 @@ describe( 'BoxControl', () => {
 		} );
 		it( 'should not pass invalid CSS unit only values to onChange', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 			const setState = jest.fn();
 			render( <BoxControl onChange={ setState } /> );