@wordpress/components 21.2.0 → 21.3.0

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

@@ -0,0 +1,134 @@
+/**
+ * External dependencies
+ */
+import type { AriaRole, CSSProperties, ReactNode, KeyboardEventHandler, KeyboardEvent, SyntheticEvent } from 'react';
+/**
+ * WordPress dependencies
+ */
+import type { useFocusOnMount } from '@wordpress/compose';
+export declare type ModalProps = {
+    aria?: {
+        /**
+         * If this property is added, it will be added to the modal content
+         * `div` as `aria-describedby`.
+         */
+        describedby?: string;
+        /**
+         * If this property is added, it will be added to the modal content
+         * `div` as `aria-labelledby`. Use this when you are rendering the title
+         * yourself within the modal's content area instead of using the `title`
+         * prop. This ensures the title is usable by assistive technology.
+         *
+         * Titles are required for accessibility reasons, see `contentLabel` and
+         * `title` for other ways to provide a title.
+         */
+        labelledby?: string;
+    };
+    /**
+     * Class name added to the body element when the modal is open.
+     *
+     * @default 'modal-open'
+     */
+    bodyOpenClassName?: string;
+    /**
+     * The children elements.
+     */
+    children: ReactNode;
+    /**
+     * If this property is added, it will an additional class name to the modal
+     * content `div`.
+     */
+    className?: string;
+    /**
+     * Label on the close button.
+     */
+    closeButtonLabel?: string;
+    /**
+     * If this property is added, it will be added to the modal content `div` as
+     * `aria-label`.
+     *
+     * Titles are required for accessibility reasons, see `aria.labelledby` and
+     * `title` for other ways to provide a title.
+     */
+    contentLabel?: string;
+    /**
+     * If this property is true, it will focus the first tabbable element
+     * rendered in the modal.
+     *
+     * @default true
+     */
+    focusOnMount?: Parameters<typeof useFocusOnMount>[0];
+    /**
+     * If this property is added, an icon will be added before the title.
+     */
+    icon?: JSX.Element;
+    /**
+     * If this property is set to false, the modal will not display a close icon
+     * and cannot be dismissed.
+     *
+     * @default true
+     */
+    isDismissible?: boolean;
+    /**
+     * This property when set to `true` will render a full screen modal.
+     *
+     * @default false
+     */
+    isFullScreen?: boolean;
+    /**
+     *  Handle the key down on the modal frame `div`.
+     */
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * This function is called to indicate that the modal should be closed.
+     */
+    onRequestClose: (event?: KeyboardEvent<HTMLDivElement> | SyntheticEvent) => void;
+    /**
+     * If this property is added, it will an additional class name to the modal
+     * overlay `div`.
+     */
+    overlayClassName?: string;
+    /**
+     * If this property is added, it will override the default role of the
+     * modal.
+     *
+     * @default 'dialog'
+     */
+    role?: AriaRole;
+    /**
+     * If this property is added, it will determine whether the modal requests
+     * to close when a mouse click occurs outside of the modal content.
+     *
+     * @default true
+     */
+    shouldCloseOnClickOutside?: boolean;
+    /**
+     * If this property is added, it will determine whether the modal requests
+     * to close when the escape key is pressed.
+     *
+     * @default true
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * If this property is added, it will be added to the modal frame `div`.
+     */
+    style?: CSSProperties;
+    /**
+     * This property is used as the modal header's title.
+     *
+     * Titles are required for accessibility reasons, see `aria.labelledby` and
+     * `contentLabel` for other ways to provide a title.
+     */
+    title?: string;
+    /**
+     * When set to `true`, the Modal's header (including the icon, title and
+     * close button) will not be rendered.
+     *
+     * _Warning_: This property is still experimental. “Experimental” means this
+     * is an early implementation subject to drastic and breaking changes.
+     *
+     * @default false
+     */
+    __experimentalHideHeader?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,oBAAY,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE;QACN;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;;;;;;WAQG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,UAAU,CAAE,OAAO,eAAe,CAAE,CAAE,CAAC,CAAE,CAAC;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAE,cAAc,CAAE,CAAC;IACnD;;OAEG;IACH,cAAc,EAAE,CACf,KAAK,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,GAAG,cAAc,KACpD,IAAI,CAAC;IACV;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC"}

package/build-types/navigator/index.d.ts

@@ -1,6 +1,6 @@
-export { default as NavigatorProvider } from './navigator-provider';
-export { default as NavigatorScreen } from './navigator-screen';
-export { default as NavigatorButton } from './navigator-button';
-export { default as NavigatorBackButton } from './navigator-back-button';
+export { NavigatorProvider } from './navigator-provider';
+export { NavigatorScreen } from './navigator-screen';
+export { NavigatorButton } from './navigator-button';
+export { NavigatorBackButton } from './navigator-back-button';
 export { default as useNavigator } from './use-navigator';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/build-types/navigator/navigator-back-button/component.d.ts

@@ -33,8 +33,10 @@
  * );
  * ```
  */
-declare const ConnectedNavigatorBackButton: import("../../ui/context").WordPressComponent<"button", Omit<{}, "href"> & {
+export declare const NavigatorBackButton: import("../../ui/context").WordPressComponent<"button", Omit<{
+    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+}, "href"> & {
     children: import("react").ReactNode;
 } & import("react").RefAttributes<any>, true>;
-export default ConnectedNavigatorBackButton;
+export default NavigatorBackButton;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-back-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,4BAA4B;;6CAGjC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build-types/navigator/navigator-back-button/hook.d.ts

@@ -5,6 +5,7 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorBackButtonProps } from '../types';
 export declare function useNavigatorBackButton(props: WordPressComponentProps<NavigatorBackButtonProps, 'button'>): {
+    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
     children: import("react").ReactNode;
     type?: "button" | "reset" | "submit" | undefined;
     value?: string | number | readonly string[] | undefined;

package/build-types/navigator/navigator-back-button/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,wBAAwB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBpE"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,wBAAwB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBpE"}

package/build-types/navigator/navigator-back-button/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './component';
+export { default as NavigatorBackButton } from './component';
 //# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-back-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-button/component.d.ts

@@ -32,11 +32,13 @@
  * );
  * ```
  */
-declare const ConnectedNavigatorButton: import("../../ui/context").WordPressComponent<"button", Omit<{}, "href"> & {
+export declare const NavigatorButton: import("../../ui/context").WordPressComponent<"button", Omit<{
+    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+}, "href"> & {
     children: import("react").ReactNode;
 } & {
     path: string;
     attributeName?: string | undefined;
 } & import("react").RefAttributes<any>, true>;
-export default ConnectedNavigatorButton;
+export default NavigatorButton;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,wBAAwB;;;;;6CAG7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,eAAe;;;;;;;6CAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build-types/navigator/navigator-button/hook.d.ts

@@ -5,6 +5,7 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorButtonProps } from '../types';
 export declare function useNavigatorButton(props: WordPressComponentProps<NavigatorButtonProps, 'button'>): {
+    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
     children: import("react").ReactNode;
     type?: "button" | "reset" | "submit" | undefined;
     value?: string | number | readonly string[] | undefined;

package/build-types/navigator/navigator-button/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/hook.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkChE"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/hook.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAgB,kBAAkB,CACjC,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkChE"}

package/build-types/navigator/navigator-button/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './component';
+export { default as NavigatorButton } from './component';
 //# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-provider/component.d.ts

@@ -34,6 +34,6 @@ import type { NavigatorProviderProps } from '../types';
  * );
  * ```
  */
-declare const ConnectedNavigatorProvider: import("../../ui/context").WordPressComponent<"div", NavigatorProviderProps & import("react").RefAttributes<any>, true>;
-export default ConnectedNavigatorProvider;
+export declare const NavigatorProvider: import("../../ui/context").WordPressComponent<"div", NavigatorProviderProps & import("react").RefAttributes<any>, true>;
+export default NavigatorProvider;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-provider/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-provider/component.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EACX,sBAAsB,EAGtB,MAAM,UAAU,CAAC;AAuElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,0BAA0B,yHAG/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-provider/component.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EACX,sBAAsB,EAGtB,MAAM,UAAU,CAAC;AAyElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build-types/navigator/navigator-provider/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './component';
+export { default as NavigatorProvider } from './component';
 //# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-provider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/navigator-screen/component.d.ts

@@ -40,6 +40,6 @@ declare type Props = Omit<WordPressComponentProps<NavigatorScreenProps, 'div', f
  * );
  * ```
  */
-declare const ConnectedNavigatorScreen: import("../../ui/context").WordPressComponent<import("react").ElementType<any>, Props & import("react").RefAttributes<any>, boolean>;
-export default ConnectedNavigatorScreen;
+export declare const NavigatorScreen: import("../../ui/context").WordPressComponent<import("react").ElementType<any>, Props & import("react").RefAttributes<any>, boolean>;
+export default NavigatorScreen;
 //# sourceMappingURL=component.d.ts.map

package/build-types/navigator/navigator-screen/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/component.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAgBpD;;GAEG;AACH,OAAO,EAGN,uBAAuB,EACvB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AASrD,aAAK,KAAK,GAAG,IAAI,CAChB,uBAAuB,CAAE,oBAAoB,EAAE,KAAK,EAAE,KAAK,CAAE,EAC7D,MAAM,WAAW,CACjB,CAAC;AA6IF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,wBAAwB,sIAG7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/component.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAepD;;GAEG;AACH,OAAO,EAGN,uBAAuB,EACvB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AASrD,aAAK,KAAK,GAAG,IAAI,CAChB,uBAAuB,CAAE,oBAAoB,EAAE,KAAK,EAAE,KAAK,CAAE,EAC7D,MAAM,WAAW,CACjB,CAAC;AAyIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,sIAG3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build-types/navigator/navigator-screen/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './component';
+export { default as NavigatorScreen } from './component';
 //# sourceMappingURL=index.d.ts.map

package/build-types/navigator/navigator-screen/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-screen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/build-types/navigator/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { NavigatorProvider } from '..';
+declare const meta: ComponentMeta<typeof NavigatorProvider>;
+export default meta;
+export declare const Default: ComponentStory<typeof NavigatorProvider>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAStE,OAAO,EACN,iBAAiB,EAIjB,MAAM,IAAI,CAAC;AAEZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,iBAAiB,CAalD,CAAC;AACF,eAAe,IAAI,CAAC;AA0IpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,iBAAiB,CAC1C,CAAC"}

package/build-types/navigator/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/navigator/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigator/test/index.tsx"],"names":[],"mappings":""}

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

@@ -9,6 +9,7 @@ export declare type NavigatorLocation = NavigateOptions & {
     isInitial?: boolean;
     isBack?: boolean;
     path?: string;
+    hasRestoredFocus?: boolean;
 };
 export declare type NavigatorContext = {
     location: NavigatorLocation;
@@ -36,7 +37,9 @@ export declare type NavigatorScreenProps = {
      */
     children: ReactNode;
 };
-declare type ButtonProps = {};
+declare type ButtonProps = {
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'link';
+};
 export declare type NavigatorBackButtonProps = Omit<ButtonProps, 'href'> & {
     /**
      * The children elements.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigator/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,eAAe,GAAG;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,eAAe,GAAG;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAM,IAAI,CAAC;IAC1D,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAGF,oBAAY,SAAS,GAAG,gBAAgB,CAAC;AAEzC,oBAAY,sBAAsB,GAAG;IACpC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,aAAK,WAAW,GAAG,EAGlB,CAAC;AACF,oBAAY,wBAAwB,GAAG,IAAI,CAAE,WAAW,EAAE,MAAM,CAAE,GAAG;IACpE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,oBAAoB,GAAG,wBAAwB,GAAG;IAC7D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigator/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,eAAe,GAAG;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,eAAe,GAAG;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAM,IAAI,CAAC;IAC1D,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAGF,oBAAY,SAAS,GAAG,gBAAgB,CAAC;AAEzC,oBAAY,sBAAsB,GAAG;IACpC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,aAAK,WAAW,GAAG;IAGlB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CACxD,CAAC;AACF,oBAAY,wBAAwB,GAAG,IAAI,CAAE,WAAW,EAAE,MAAM,CAAE,GAAG;IACpE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,oBAAoB,GAAG,wBAAwB,GAAG;IAC7D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":[],"mappings":"AAmGA;;gBAOC"}
+{"version":3,"file":"slot-fill-provider.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":[],"mappings":"AAqGA;;gBAOC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAiBA,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,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eAiExD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAiBA,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,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA8DxD;AAED,eAAe,QAAQ,CAAC"}

package/build-types/theme/index.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { ThemeProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
+/**
+ * `Theme` allows defining theme variables for components in the `@wordpress/components` package.
+ *
+ * Multiple `Theme` components can be nested in order to override specific theme variables.
+ *
+ *
+ * @example
+ * ```jsx
+ * import { __experimentalTheme as Theme } from '@wordpress/components';
+ *
+ * const Example = () => {
+ *   return (
+ *     <Theme accent="red">
+ *       <Button variant="primary">I'm red</Button>
+ *       <Theme accent="blue">
+ *         <Button variant="primary">I'm blue</Button>
+ *       </Theme>
+ *     </Theme>
+ *   );
+ * };
+ * ```
+ */
+declare function Theme(props: WordPressComponentProps<ThemeProps, 'div', true>): JSX.Element;
+export default Theme;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.tsx"],"names":[],"mappings":";AAOA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAK7D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,KAAK,CAAE,KAAK,EAAE,uBAAuB,CAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAE,eAUxE;AAED,eAAe,KAAK,CAAC"}

package/build-types/theme/stories/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import Theme from '../index';
+declare const meta: ComponentMeta<typeof Theme>;
+export default meta;
+export declare const Default: ComponentStory<typeof Theme>;
+export declare const Nested: ComponentStory<typeof Theme>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,KAAK,MAAM,UAAU,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,KAAK,CAUtC,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,8BAAsB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,cAAc,CAAE,OAAO,KAAK,CAUhD,CAAC"}

package/build-types/theme/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { ThemeProps } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/theme/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/theme/styles.ts"],"names":[],"mappings":";AAOA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAe1C,eAAO,MAAM,OAAO;;;sHAEnB,CAAC"}

package/build-types/theme/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/theme/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/test/index.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,21 @@
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
+export declare type ThemeProps = {
+    /**
+     * Used to set the accent color (used by components as the primary color).
+     *
+     * If an accent color is not defined, the default fallback value is the original
+     * WP Admin main theme color. No all valid CSS color syntaxes are supported —
+     * in particular, keywords (like `'currentcolor'`, `'inherit'`, `'initial'`,
+     * `'revert'`, `'unset'`...) and CSS custom properties (e.g.
+     * `var(--my-custom-property)`) are _not_ supported values for this property.
+     */
+    accent?: string;
+    /**
+     * The children elements.
+     */
+    children?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACxB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/build-types/tools-panel/tools-panel/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel/hook.ts"],"names":[],"mappings":";AAeA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EACX,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EACf,MAAM,UAAU,CAAC;AA+BlB,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;qCAmD9C,MAAM;;uCA0CN,MAAM,UAAS,qBAAqB;;;;;;kCA/DrC,cAAc;;;;;;wBA4Hb,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHhB"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel/hook.ts"],"names":[],"mappings":";AAeA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EACX,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EACf,MAAM,UAAU,CAAC;AA+BlB,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;qCAmD9C,MAAM;;uCA0CN,MAAM,UAAS,qBAAqB;;;;;;kCA/DrC,cAAc;;;;;;wBA4Hb,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGhB"}

package/build-types/tools-panel/tools-panel-item/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel-item/hook.ts"],"names":[],"mappings":";AAWA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmJ5D"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/tools-panel/tools-panel-item/hook.ts"],"names":[],"mappings":";AAWA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiK5D"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.js"],"names":[],"mappings":"AAoBA;;;;GAIG;AACH,4BAFU,MAAM,CAEiB;;AAmFjC,0CAyKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.js"],"names":[],"mappings":"AAoBA;;;;GAIG;AACH,4BAFU,MAAM,CAEiB;;AAmFjC,0CA4KC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "21.2.0",
+	"version": "21.3.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -38,21 +38,21 @@
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "^1.0.0",
 		"@use-gesture/react": "^10.2.6",
-		"@wordpress/a11y": "^3.19.0",
-		"@wordpress/compose": "^5.17.0",
-		"@wordpress/date": "^4.19.0",
-		"@wordpress/deprecated": "^3.19.0",
-		"@wordpress/dom": "^3.19.0",
-		"@wordpress/element": "^4.17.0",
-		"@wordpress/escape-html": "^2.19.0",
-		"@wordpress/hooks": "^3.19.0",
-		"@wordpress/i18n": "^4.19.0",
-		"@wordpress/icons": "^9.10.0",
-		"@wordpress/is-shallow-equal": "^4.19.0",
-		"@wordpress/keycodes": "^3.19.0",
-		"@wordpress/primitives": "^3.17.0",
-		"@wordpress/rich-text": "^5.17.0",
-		"@wordpress/warning": "^2.19.0",
+		"@wordpress/a11y": "^3.20.0",
+		"@wordpress/compose": "^5.18.0",
+		"@wordpress/date": "^4.20.0",
+		"@wordpress/deprecated": "^3.20.0",
+		"@wordpress/dom": "^3.20.0",
+		"@wordpress/element": "^4.18.0",
+		"@wordpress/escape-html": "^2.20.0",
+		"@wordpress/hooks": "^3.20.0",
+		"@wordpress/i18n": "^4.20.0",
+		"@wordpress/icons": "^9.11.0",
+		"@wordpress/is-shallow-equal": "^4.20.0",
+		"@wordpress/keycodes": "^3.20.0",
+		"@wordpress/primitives": "^3.18.0",
+		"@wordpress/rich-text": "^5.18.0",
+		"@wordpress/warning": "^2.20.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -79,5 +79,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8d42d2febb7d0ba8372a33e560a62f5a5f6a9112"
+	"gitHead": "a2ff0e6471c88436dad0287beb88d1729aa6f5dd"
 }

package/src/base-field/test/index.js

@@ -14,18 +14,14 @@ const TestField = ( props ) => {
 };
 
 describe( 'base field', () => {
-	let base;
-
-	beforeEach( () => {
-		base = render( <TestField /> ).container;
-	} );
-
 	it( 'should render correctly', () => {
+		const base = render( <TestField /> ).container;
 		expect( base.firstChild ).toMatchSnapshot();
 	} );
 
 	describe( 'props', () => {
 		it( 'should render error styles', () => {
+			const base = render( <TestField /> ).container;
 			const { container } = render( <TestField hasError /> );
 			expect( container.firstChild ).toMatchStyleDiffSnapshot(
 				base.firstChild
@@ -33,6 +29,7 @@ describe( 'base field', () => {
 		} );
 
 		it( 'should render inline styles', () => {
+			const base = render( <TestField /> ).container;
 			const { container } = render( <TestField isInline /> );
 			expect( container.firstChild ).toMatchStyleDiffSnapshot(
 				base.firstChild
@@ -40,6 +37,7 @@ describe( 'base field', () => {
 		} );
 
 		it( 'should render subtle styles', () => {
+			const base = render( <TestField /> ).container;
 			const { container } = render( <TestField isSubtle /> );
 			expect( container.firstChild ).toMatchStyleDiffSnapshot(
 				base.firstChild

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

@@ -46,6 +46,7 @@ const BorderBoxControl = (
 		className,
 		colors,
 		disableCustomColors,
+		disableUnits,
 		enableAlpha,
 		enableStyle,
 		hasMixedBorders,
@@ -100,6 +101,7 @@ const BorderBoxControl = (
 					<BorderControl
 						className={ linkedControlClassName }
 						colors={ colors }
+						disableUnits={ disableUnits }
 						disableCustomColors={ disableCustomColors }
 						enableAlpha={ enableAlpha }
 						enableStyle={ enableStyle }

package/src/border-box-control/border-box-control/hook.ts

@@ -41,6 +41,9 @@ export function useBorderBoxControl(
 		? ( value as Borders )
 		: getSplitBorders( value as Border | undefined );
 
+	// If no numeric width value is set, the unit select will be disabled.
+	const hasWidthValue = ! isNaN( parseFloat( `${ linkedValue?.width }` ) );
+
 	const [ isLinked, setIsLinked ] = useState( ! mixedBorders );
 	const toggleLinked = () => setIsLinked( ! isLinked );
 
@@ -107,6 +110,7 @@ export function useBorderBoxControl(
 	return {
 		...otherProps,
 		className: classes,
+		disableUnits: mixedBorders && ! hasWidthValue,
 		hasMixedBorders: mixedBorders,
 		isLinked,
 		linkedControlClassName,