@wordpress/components 19.7.0 → 19.9.0

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

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

package/build-types/unit-control/index.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { FocusEventHandler } from 'react';
 import type { UnitControlOnChangeCallback } from './types';
 import type { StateReducer } from '../input-control/reducer/state';
 /**
@@ -29,9 +32,10 @@ export declare const UnitControl: import("react").ForwardRefExoticComponent<Pick
     value?: string | number | undefined;
     isShiftStepEnabled?: boolean | undefined;
     shiftStep?: number | undefined;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLSelectElement> | undefined;
 } & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
     ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "children" | "value" | "label" | "as" | "onChange" | "size" | "hideLabelFromVision" | "__unstableInputWidth" | "isPressEnterToChange" | "__unstableStateReducer" | "isShiftStepEnabled" | "shiftStep" | "unit" | "isUnitSelectTabbable" | "units" | "disableUnits" | "isResetValueOnUnitChange" | "onUnitChange">, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__unstableInputWidth" | "isPressEnterToChange" | "__unstableStateReducer" | "isShiftStepEnabled" | "shiftStep" | "unit" | "isUnitSelectTabbable" | "units" | "disableUnits" | "isResetValueOnUnitChange" | "onUnitChange"> & import("react").RefAttributes<any>>;
+}, "children" | "value" | "label" | "as" | "onBlur" | "onChange" | "size" | "hideLabelFromVision" | "__unstableInputWidth" | "isPressEnterToChange" | "__unstableStateReducer" | "unit" | "isUnitSelectTabbable" | "units" | "disableUnits" | "isShiftStepEnabled" | "shiftStep" | "isResetValueOnUnitChange" | "onUnitChange">, "type" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "hideLabelFromVision" | "__unstableInputWidth" | "isPressEnterToChange" | "__unstableStateReducer" | "unit" | "isUnitSelectTabbable" | "units" | "disableUnits" | "isShiftStepEnabled" | "shiftStep" | "isResetValueOnUnitChange" | "onUnitChange"> & import("react").RefAttributes<any>>;
 export { parseQuantityAndUnitFromRawValue, useCustomUnits } from './utils';
 export default UnitControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/unit-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/unit-control/index.tsx"],"names":[],"mappings":";AAmCA,OAAO,KAAK,EAAoB,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAwPnE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;+8KAAuC,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC3E,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/unit-control/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,iBAAiB,EAMjB,MAAM,OAAO,CAAC;AAyBf,OAAO,KAAK,EAAoB,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AA6PnE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;09KAAuC,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC3E,eAAe,WAAW,CAAC"}

package/build-types/unit-control/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { CSSProperties, SyntheticEvent } from 'react';
+import type { CSSProperties, FocusEventHandler, SyntheticEvent } from 'react';
 /**
  * Internal dependencies
  */
@@ -118,5 +118,9 @@ export declare type UnitControlProps = Omit<UnitSelectControlProps, 'unit'> & Pi
      * @default 10
      */
     shiftStep?: number;
+    /**
+     * Callback when either the quantity or the unit inputs lose focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLSelectElement>;
 };
 //# sourceMappingURL=types.d.ts.map

package/build-types/unit-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/unit-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EACX,mBAAmB,EACnB,iBAAiB,EACjB,IAAI,IAAI,SAAS,EACjB,MAAM,wBAAwB,CAAC;AAEhC,oBAAY,UAAU,GAAG,SAAS,CAAC;AAEnC,oBAAY,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,2BAA2B,GAAG,mBAAmB,CAC5D,cAAc,CAAE,iBAAiB,GAAG,gBAAgB,CAAE,EACtD;IAAE,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACpC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAGF,oBAAY,gBAAgB,GAAG,IAAI,CAAE,sBAAsB,EAAE,MAAM,CAAE,GACpE,IAAI,CAAE,iBAAiB,EAAE,qBAAqB,CAAE,GAAG;IAClD,sBAAsB,CAAC,EAAE,YAAY,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/unit-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9E;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EACX,mBAAmB,EACnB,iBAAiB,EACjB,IAAI,IAAI,SAAS,EACjB,MAAM,wBAAwB,CAAC;AAEhC,oBAAY,UAAU,GAAG,SAAS,CAAC;AAEnC,oBAAY,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,2BAA2B,GAAG,mBAAmB,CAC5D,cAAc,CAAE,iBAAiB,GAAG,gBAAgB,CAAE,EACtD;IAAE,IAAI,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACpC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAGF,oBAAY,gBAAgB,GAAG,IAAI,CAAE,sBAAsB,EAAE,MAAM,CAAE,GACpE,IAAI,CAAE,iBAAiB,EAAE,qBAAqB,CAAE,GAAG;IAClD,sBAAsB,CAAC,EAAE,YAAY,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,GAAG,iBAAiB,CAAE,CAAC;CACnE,CAAC"}

package/build-types/utils/colors-values.d.ts

@@ -1,104 +1,21 @@
-export namespace BASE {
-    const black: string;
-    const white: string;
-}
-export namespace G2 {
-    namespace blue {
-        namespace medium {
-            const focus: string;
-            const focusDark: string;
-        }
-    }
-    const gray: {
+export const COLORS: {
+    black: string;
+    white: string;
+} & {
+    darkGray: {
         900: string;
+        800: string;
         700: string;
         600: string;
+        500: string;
         400: string;
         300: string;
         200: string;
+        150: string;
         100: string;
+        placeholder: string;
     };
-    namespace darkGray {
-        const primary: string;
-        const heading: string;
-    }
-    namespace mediumGray {
-        const text: string;
-    }
-    namespace lightGray {
-        const ui: string;
-        const secondary: string;
-        const tertiary: string;
-    }
-}
-export const DARK_GRAY: {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    150: string;
-    100: string;
-    placeholder: string;
-};
-export const DARK_OPACITY: {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-    backgroundFill: string;
-};
-export const DARK_OPACITY_LIGHT: {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-};
-export const LIGHT_GRAY: {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-    placeholder: string;
-};
-export const LIGHT_OPACITY_LIGHT: {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-    backgroundFill: string;
-};
-export namespace BLUE {
-    export const wordpress: {
-        700: string;
-    };
-    export const dark: {
-        900: string;
-    };
-    const medium_1: {
+    darkOpacity: {
         900: string;
         800: string;
         700: string;
@@ -108,41 +25,9 @@ export namespace BLUE {
         300: string;
         200: string;
         100: string;
-        highlight: string;
-        focus: string;
+        backgroundFill: string;
     };
-    export { medium_1 as medium };
-}
-export namespace ALERT {
-    const yellow: string;
-    const red: string;
-    const green: string;
-}
-export namespace ADMIN {
-    const theme: string;
-    const themeDark10: string;
-}
-export namespace UI {
-    import theme_1 = ADMIN.theme;
-    export { theme_1 as theme };
-    import background = BASE.white;
-    export { background };
-    export const backgroundDisabled: string;
-    export const border: string;
-    export const borderHover: string;
-    import borderFocus = ADMIN.themeDark10;
-    export { borderFocus };
-    export const borderDisabled: string;
-    export const borderLight: string;
-    export const label: string;
-    export const textDisabled: string;
-    import textDark = BASE.white;
-    export { textDark };
-    import textLight = BASE.black;
-    export { textLight };
-}
-export namespace COLORS {
-    const darkGray_1: {
+    darkOpacityLight: {
         900: string;
         800: string;
         700: string;
@@ -151,21 +36,27 @@ export namespace COLORS {
         400: string;
         300: string;
         200: string;
-        150: string;
         100: string;
-        placeholder: string;
-    } & {
-        primary: string;
-        heading: string;
     };
-    export { darkGray_1 as darkGray };
-    export { DARK_OPACITY as darkOpacity };
-    export { DARK_OPACITY_LIGHT as darkOpacityLight };
-    import mediumGray_1 = G2.mediumGray;
-    export { mediumGray_1 as mediumGray };
-    import gray_1 = G2.gray;
-    export { gray_1 as gray };
-    const lightGray_1: {
+    mediumGray: {
+        text: string;
+    };
+    /**
+     * The main gray color object (since Apr 16, 2022).
+     *
+     * We are in the process of simplifying the colors in this file,
+     * please prefer this `gray` object in the meantime.
+     */
+    gray: {
+        900: string;
+        700: string;
+        600: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+    };
+    lightGray: {
         900: string;
         800: string;
         700: string;
@@ -181,9 +72,19 @@ export namespace COLORS {
         secondary: string;
         tertiary: string;
     };
-    export { lightGray_1 as lightGray };
-    export { LIGHT_OPACITY_LIGHT as lightGrayLight };
-    const blue_1: {
+    lightGrayLight: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        backgroundFill: string;
+    };
+    blue: {
         wordpress: {
             700: string;
         };
@@ -209,10 +110,29 @@ export namespace COLORS {
             focusDark: string;
         };
     };
-    export { blue_1 as blue };
-    export { ALERT as alert };
-    export { ADMIN as admin };
-    export { UI as ui };
-}
+    alert: {
+        yellow: string;
+        red: string;
+        green: string;
+    };
+    admin: {
+        theme: string;
+        themeDark10: string;
+    };
+    ui: {
+        theme: string;
+        background: string;
+        backgroundDisabled: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        borderDisabled: string;
+        borderLight: string;
+        label: string;
+        textDisabled: string;
+        textDark: string;
+        textLight: string;
+    };
+};
 export default COLORS;
 //# sourceMappingURL=colors-values.d.ts.map

package/build-types/utils/colors-values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors-values.d.ts","sourceRoot":"","sources":["../../src/utils/colors-values.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA;;;;;;;;;;;;EAYE;AAEF;;;;;;;;;;;EAWE;AAEF;;;;;;;;;;EAUE;AAEF;;;;;;;;;;;EAWE;AAEF;;;;;;;;;;;EAWE"}
+{"version":3,"file":"colors-values.d.ts","sourceRoot":"","sources":["../../src/utils/colors-values.js"],"names":[],"mappings":"AAgKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKC;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA"}

package/build-types/utils/config-values.d.ts

@@ -1,73 +1,73 @@
-declare namespace _default {
-    export const colorDivider: string;
-    export const colorScrollbarThumb: string;
-    export const colorScrollbarThumbHover: string;
-    export const colorScrollbarTrack: string;
-    export const elevationIntensity: number;
-    export const radiusBlockUi: string;
-    export const borderWidth: string;
-    export const borderWidthFocus: string;
-    export const borderWidthTab: string;
-    export const spinnerSize: number;
-    export const fontSize: string;
-    export const fontSizeH1: string;
-    export const fontSizeH2: string;
-    export const fontSizeH3: string;
-    export const fontSizeH4: string;
-    export const fontSizeH5: string;
-    export const fontSizeH6: string;
-    export const fontSizeInputMobile: string;
-    export const fontSizeMobile: string;
-    export const fontSizeSmall: string;
-    export const fontSizeXSmall: string;
-    export const fontLineHeightBase: string;
-    export const fontWeight: string;
-    export const fontWeightHeading: string;
-    export const gridBase: string;
-    export const cardBorderRadius: string;
-    export const cardPaddingXSmall: string;
-    export const cardPaddingSmall: string;
-    export const cardPaddingMedium: string;
-    export const cardPaddingLarge: string;
-    export const surfaceBackgroundColor: string;
-    export const surfaceBackgroundSubtleColor: string;
-    export const surfaceBackgroundTintColor: string;
-    export const surfaceBorderColor: string;
-    export const surfaceBorderBoldColor: string;
-    export const surfaceBorderSubtleColor: string;
-    export const surfaceBackgroundTertiaryColor: string;
-    export const surfaceColor: string;
-    export const transitionDuration: string;
-    export const transitionDurationFast: string;
-    export const transitionDurationFaster: string;
-    export const transitionDurationFastest: string;
-    export const transitionTimingFunction: string;
-    export const transitionTimingFunctionControl: string;
-    import toggleGroupControlBackgroundColor = controlBackgroundColor;
-    export { toggleGroupControlBackgroundColor };
-    export const toggleGroupControlBorderColor: string;
-    import toggleGroupControlButtonColorActive = controlBackgroundColor;
-    export { toggleGroupControlButtonColorActive };
-    export const controlSurfaceColor: string;
-    export const controlTextActiveColor: string;
-    export { CONTROL_PADDING_X as controlPaddingX };
-    export const controlPaddingXLarge: string;
-    export const controlPaddingXSmall: string;
-    export const controlBackgroundColor: string;
-    export const controlBorderRadius: string;
-    export const controlBorderColor: string;
-    export const controlBoxShadow: string;
-    export const controlBorderColorHover: string;
-    export const controlBoxShadowFocus: string;
-    export const controlDestructiveBorderColor: string;
-    export { CONTROL_HEIGHT as controlHeight };
-    export const controlHeightXSmall: string;
-    export const controlHeightSmall: string;
-    export const controlHeightLarge: string;
-    export const controlHeightXLarge: string;
-}
+declare var _default: {
+    controlSurfaceColor: string;
+    controlTextActiveColor: string;
+    controlPaddingX: string;
+    controlPaddingXLarge: string;
+    controlPaddingXSmall: string;
+    controlBackgroundColor: string;
+    controlBorderRadius: string;
+    controlBorderColor: string;
+    controlBoxShadow: string;
+    controlBorderColorHover: string;
+    controlBoxShadowFocus: string;
+    controlDestructiveBorderColor: string;
+    controlHeight: string;
+    controlHeightXSmall: string;
+    controlHeightSmall: string;
+    controlHeightLarge: string;
+    controlHeightXLarge: string;
+} & {
+    toggleGroupControlBackgroundColor: string;
+    toggleGroupControlBorderColor: string;
+    toggleGroupControlBackdropBackgroundColor: string;
+    toggleGroupControlBackdropBorderColor: string;
+    toggleGroupControlBackdropBoxShadow: string;
+    toggleGroupControlButtonColorActive: string;
+} & {
+    colorDivider: string;
+    colorScrollbarThumb: string;
+    colorScrollbarThumbHover: string;
+    colorScrollbarTrack: string;
+    elevationIntensity: number;
+    radiusBlockUi: string;
+    borderWidth: string;
+    borderWidthFocus: string;
+    borderWidthTab: string;
+    spinnerSize: number;
+    fontSize: string;
+    fontSizeH1: string;
+    fontSizeH2: string;
+    fontSizeH3: string;
+    fontSizeH4: string;
+    fontSizeH5: string;
+    fontSizeH6: string;
+    fontSizeInputMobile: string;
+    fontSizeMobile: string;
+    fontSizeSmall: string;
+    fontSizeXSmall: string;
+    fontLineHeightBase: string;
+    fontWeight: string;
+    fontWeightHeading: string;
+    gridBase: string;
+    cardBorderRadius: string;
+    cardPaddingXSmall: string;
+    cardPaddingSmall: string;
+    cardPaddingMedium: string;
+    cardPaddingLarge: string;
+    surfaceBackgroundColor: string;
+    surfaceBackgroundSubtleColor: string;
+    surfaceBackgroundTintColor: string;
+    surfaceBorderColor: string;
+    surfaceBorderBoldColor: string;
+    surfaceBorderSubtleColor: string;
+    surfaceBackgroundTertiaryColor: string;
+    surfaceColor: string;
+    transitionDuration: string;
+    transitionDurationFast: string;
+    transitionDurationFaster: string;
+    transitionDurationFastest: string;
+    transitionTimingFunction: string;
+    transitionTimingFunctionControl: string;
+};
 export default _default;
-declare namespace CONTROL_PROPS { }
-declare const CONTROL_PADDING_X: "12px";
-declare const CONTROL_HEIGHT: "36px";
 //# sourceMappingURL=config-values.d.ts.map

package/build-types/utils/config-values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config-values.d.ts","sourceRoot":"","sources":["../../src/utils/config-values.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wCAAiC;AADjC,qCAA8B"}
+{"version":3,"file":"config-values.d.ts","sourceRoot":"","sources":["../../src/utils/config-values.js"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "19.7.0",
+	"version": "19.9.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,21 +37,21 @@
 		"@emotion/styled": "^11.6.0",
 		"@emotion/utils": "1.0.0",
 		"@use-gesture/react": "^10.2.6",
-		"@wordpress/a11y": "^3.5.0",
-		"@wordpress/compose": "^5.3.0",
-		"@wordpress/date": "^4.5.0",
-		"@wordpress/deprecated": "^3.5.0",
-		"@wordpress/dom": "^3.5.0",
-		"@wordpress/element": "^4.3.0",
-		"@wordpress/escape-html": "^2.5.0",
-		"@wordpress/hooks": "^3.5.0",
-		"@wordpress/i18n": "^4.5.0",
-		"@wordpress/icons": "^8.1.0",
-		"@wordpress/is-shallow-equal": "^4.5.0",
-		"@wordpress/keycodes": "^3.5.0",
-		"@wordpress/primitives": "^3.3.0",
-		"@wordpress/rich-text": "^5.3.0",
-		"@wordpress/warning": "^2.5.0",
+		"@wordpress/a11y": "^3.7.0",
+		"@wordpress/compose": "^5.5.0",
+		"@wordpress/date": "^4.7.0",
+		"@wordpress/deprecated": "^3.7.0",
+		"@wordpress/dom": "^3.7.0",
+		"@wordpress/element": "^4.5.0",
+		"@wordpress/escape-html": "^2.7.0",
+		"@wordpress/hooks": "^3.7.0",
+		"@wordpress/i18n": "^4.7.0",
+		"@wordpress/icons": "^8.3.0",
+		"@wordpress/is-shallow-equal": "^4.7.0",
+		"@wordpress/keycodes": "^3.7.0",
+		"@wordpress/primitives": "^3.5.0",
+		"@wordpress/rich-text": "^5.5.0",
+		"@wordpress/warning": "^2.7.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"dom-scroll-into-view": "^1.2.1",
@@ -76,5 +76,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "aa003c3634016cc4ab6348b2106907e371c648e1"
+	"gitHead": "1ba52312b56db563df2d8d4fba5b00613fb46d8c"
 }

package/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js

@@ -43,9 +43,11 @@ export const Row = styled.div`
 `;
 
 const pointActive = ( { isActive } ) => {
-	const boxShadow = isActive ? `0 0 0 2px ${ COLORS.black }` : null;
-	const pointColor = isActive ? COLORS.black : COLORS.lightGray[ 800 ];
-	const pointColorHover = isActive ? COLORS.black : COLORS.blue.medium.focus;
+	const boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null;
+	const pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.lightGray[ 800 ];
+	const pointColorHover = isActive
+		? COLORS.gray[ 900 ]
+		: COLORS.blue.medium.focus;
 
 	return css`
 		box-shadow: ${ boxShadow };

package/src/animate/README.md

@@ -5,7 +5,7 @@ Simple interface to introduce animations to components.
 ## Usage
 
 ```jsx
-import { Animate } from '@wordpress/components';
+import { Animate, Notice } from '@wordpress/components';
 
 const MyAnimatedNotice = () => (
 	<Animate type="slide-in" options={ { origin: 'top' } }>