@wordpress/components 29.13.1-next.719a03cbe.0 → 30.1.1-next.46f643fa0.0

package/build-module/validated-form-controls/control-with-error.js

@@ -0,0 +1,129 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { error } from '@wordpress/icons';
+
+/**
+ * External dependencies
+ */
+import { cloneElement, forwardRef, useEffect, useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';
+import Icon from '../icon';
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+function appendRequiredIndicator(label, required, markWhenOptional) {
+  if (required && !markWhenOptional) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [label, " ", `(${__('Required')})`]
+    });
+  }
+  if (!required && markWhenOptional) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [label, " ", `(${__('Optional')})`]
+    });
+  }
+  return label;
+}
+
+/**
+ * HTML elements that support the Constraint Validation API.
+ *
+ * Here, we exclude HTMLButtonElement because although it does technically support the API,
+ * normal buttons are actually exempted from any validation.
+ * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate
+ */
+
+function UnforwardedControlWithError({
+  required,
+  markWhenOptional,
+  customValidator,
+  getValidityTarget,
+  children
+}, forwardedRef) {
+  const [errorMessage, setErrorMessage] = useState();
+  const [isTouched, setIsTouched] = useState(false);
+
+  // Ensure that error messages are visible after user attemps to submit a form
+  // with multiple invalid fields.
+  useEffect(() => {
+    const validityTarget = getValidityTarget();
+    const showValidationMessage = () => setErrorMessage(validityTarget?.validationMessage);
+    validityTarget?.addEventListener('invalid', showValidationMessage);
+    return () => {
+      validityTarget?.removeEventListener('invalid', showValidationMessage);
+    };
+  });
+  const validate = () => {
+    const message = customValidator?.();
+    const validityTarget = getValidityTarget();
+    validityTarget?.setCustomValidity(message !== null && message !== void 0 ? message : '');
+    setErrorMessage(validityTarget?.validationMessage);
+  };
+  const onBlur = event => {
+    // Only consider "blurred from the component" if focus has fully left the wrapping div.
+    // This prevents unnecessary blurs from components with multiple focusable elements.
+    if (!event.relatedTarget || !event.currentTarget.contains(event.relatedTarget)) {
+      setIsTouched(true);
+      const validityTarget = getValidityTarget();
+
+      // Prevents a double flash of the native error tooltip when the control is already showing one.
+      if (!validityTarget?.validity.valid) {
+        if (!errorMessage) {
+          setErrorMessage(validityTarget?.validationMessage);
+        }
+        return;
+      }
+      validate();
+    }
+  };
+  const onChange = (...args) => {
+    children.props.onChange?.(...args);
+
+    // Only validate incrementally if the field has blurred at least once,
+    // or currently has an error message.
+    if (isTouched || errorMessage) {
+      validate();
+    }
+  };
+  const onKeyDown = event => {
+    // Ensures that custom validators are triggered when the user submits by pressing Enter,
+    // without ever blurring the control.
+    if (event.key === 'Enter') {
+      validate();
+    }
+  };
+  return (
+    /*#__PURE__*/
+    // Disable reason: Just listening to a bubbled event, not for interaction.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    _jsxs("div", {
+      className: "components-validated-control",
+      ref: forwardedRef,
+      onBlur: onBlur,
+      onKeyDown: withIgnoreIMEEvents(onKeyDown),
+      children: [cloneElement(children, {
+        label: appendRequiredIndicator(children.props.label, required, markWhenOptional),
+        onChange,
+        required
+      }), /*#__PURE__*/_jsx("div", {
+        "aria-live": "polite",
+        children: errorMessage && /*#__PURE__*/_jsxs("p", {
+          className: "components-validated-control__error",
+          children: [/*#__PURE__*/_jsx(Icon, {
+            className: "components-validated-control__error-icon",
+            icon: error,
+            size: 16,
+            fill: "currentColor"
+          }), errorMessage]
+        })
+      })]
+    })
+  );
+}
+export const ControlWithError = forwardRef(UnforwardedControlWithError);
+//# sourceMappingURL=control-with-error.js.map

package/build-module/validated-form-controls/control-with-error.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","error","cloneElement","forwardRef","useEffect","useState","withIgnoreIMEEvents","Icon","Fragment","_Fragment","jsxs","_jsxs","jsx","_jsx","appendRequiredIndicator","label","required","markWhenOptional","children","UnforwardedControlWithError","customValidator","getValidityTarget","forwardedRef","errorMessage","setErrorMessage","isTouched","setIsTouched","validityTarget","showValidationMessage","validationMessage","addEventListener","removeEventListener","validate","message","setCustomValidity","onBlur","event","relatedTarget","currentTarget","contains","validity","valid","onChange","args","props","onKeyDown","key","className","ref","icon","size","fill","ControlWithError"],"sources":["@wordpress/components/src/validated-form-controls/control-with-error.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { error } from '@wordpress/icons';\n\n/**\n * External dependencies\n */\nimport {\n\tcloneElement,\n\tforwardRef,\n\tuseEffect,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\n\nimport Icon from '../icon';\n\nfunction appendRequiredIndicator(\n\tlabel: React.ReactNode,\n\trequired: boolean | undefined,\n\tmarkWhenOptional: boolean | undefined\n) {\n\tif ( required && ! markWhenOptional ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ label } { `(${ __( 'Required' ) })` }\n\t\t\t</>\n\t\t);\n\t}\n\tif ( ! required && markWhenOptional ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ label } { `(${ __( 'Optional' ) })` }\n\t\t\t</>\n\t\t);\n\t}\n\treturn label;\n}\n\n/**\n * HTML elements that support the Constraint Validation API.\n *\n * Here, we exclude HTMLButtonElement because although it does technically support the API,\n * normal buttons are actually exempted from any validation.\n * @see https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Form_validation\n * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/willValidate\n */\ntype ValidityTarget =\n\t| HTMLFieldSetElement\n\t| HTMLInputElement\n\t| HTMLSelectElement\n\t| HTMLTextAreaElement;\n\nfunction UnforwardedControlWithError< C extends React.ReactElement >(\n\t{\n\t\trequired,\n\t\tmarkWhenOptional,\n\t\tcustomValidator,\n\t\tgetValidityTarget,\n\t\tchildren,\n\t}: {\n\t\t/**\n\t\t * Whether the control is required.\n\t\t */\n\t\trequired?: boolean;\n\t\t/**\n\t\t * Label the control as \"optional\" when _not_ `required`, instead of the inverse.\n\t\t */\n\t\tmarkWhenOptional?: boolean;\n\t\t/**\n\t\t * A function that returns a custom validity message when applicable.\n\t\t *\n\t\t * This message will be applied to the element returned by `getValidityTarget`.\n\t\t * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/setCustomValidity\n\t\t */\n\t\tcustomValidator?: () => string | void;\n\t\t/**\n\t\t * A function that returns the actual element on which the validity data should be applied.\n\t\t */\n\t\tgetValidityTarget: () => ValidityTarget | null | undefined;\n\t\t/**\n\t\t * The control component to apply validation to.\n\t\t */\n\t\tchildren: C;\n\t},\n\tforwardedRef: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst [ errorMessage, setErrorMessage ] = useState< string | undefined >();\n\tconst [ isTouched, setIsTouched ] = useState( false );\n\n\t// Ensure that error messages are visible after user attemps to submit a form\n\t// with multiple invalid fields.\n\tuseEffect( () => {\n\t\tconst validityTarget = getValidityTarget();\n\t\tconst showValidationMessage = () =>\n\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\n\t\tvalidityTarget?.addEventListener( 'invalid', showValidationMessage );\n\n\t\treturn () => {\n\t\t\tvalidityTarget?.removeEventListener(\n\t\t\t\t'invalid',\n\t\t\t\tshowValidationMessage\n\t\t\t);\n\t\t};\n\t} );\n\n\tconst validate = () => {\n\t\tconst message = customValidator?.();\n\t\tconst validityTarget = getValidityTarget();\n\n\t\tvalidityTarget?.setCustomValidity( message ?? '' );\n\t\tsetErrorMessage( validityTarget?.validationMessage );\n\t};\n\n\tconst onBlur = ( event: React.FocusEvent< HTMLDivElement > ) => {\n\t\t// Only consider \"blurred from the component\" if focus has fully left the wrapping div.\n\t\t// This prevents unnecessary blurs from components with multiple focusable elements.\n\t\tif (\n\t\t\t! event.relatedTarget ||\n\t\t\t! event.currentTarget.contains( event.relatedTarget )\n\t\t) {\n\t\t\tsetIsTouched( true );\n\n\t\t\tconst validityTarget = getValidityTarget();\n\n\t\t\t// Prevents a double flash of the native error tooltip when the control is already showing one.\n\t\t\tif ( ! validityTarget?.validity.valid ) {\n\t\t\t\tif ( ! errorMessage ) {\n\t\t\t\t\tsetErrorMessage( validityTarget?.validationMessage );\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvalidate();\n\t\t}\n\t};\n\n\tconst onChange = ( ...args: unknown[] ) => {\n\t\tchildren.props.onChange?.( ...args );\n\n\t\t// Only validate incrementally if the field has blurred at least once,\n\t\t// or currently has an error message.\n\t\tif ( isTouched || errorMessage ) {\n\t\t\tvalidate();\n\t\t}\n\t};\n\n\tconst onKeyDown = ( event: React.KeyboardEvent< HTMLDivElement > ) => {\n\t\t// Ensures that custom validators are triggered when the user submits by pressing Enter,\n\t\t// without ever blurring the control.\n\t\tif ( event.key === 'Enter' ) {\n\t\t\tvalidate();\n\t\t}\n\t};\n\n\treturn (\n\t\t// Disable reason: Just listening to a bubbled event, not for interaction.\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"components-validated-control\"\n\t\t\tref={ forwardedRef }\n\t\t\tonBlur={ onBlur }\n\t\t\tonKeyDown={ withIgnoreIMEEvents( onKeyDown ) }\n\t\t>\n\t\t\t{ cloneElement( children, {\n\t\t\t\tlabel: appendRequiredIndicator(\n\t\t\t\t\tchildren.props.label,\n\t\t\t\t\trequired,\n\t\t\t\t\tmarkWhenOptional\n\t\t\t\t),\n\t\t\t\tonChange,\n\t\t\t\trequired,\n\t\t\t} ) }\n\t\t\t<div aria-live=\"polite\">\n\t\t\t\t{ errorMessage && (\n\t\t\t\t\t<p className=\"components-validated-control__error\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"components-validated-control__error-icon\"\n\t\t\t\t\t\t\ticon={ error }\n\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ errorMessage }\n\t\t\t\t\t</p>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport const ControlWithError = forwardRef( UnforwardedControlWithError );\n"],"mappings":"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","ignoreList":[]}

package/build-module/validated-form-controls/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './control-with-error';
+//# sourceMappingURL=index.js.map

package/build-module/validated-form-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/validated-form-controls/index.ts"],"sourcesContent":["export * from './components';\nexport * from './control-with-error';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,sBAAsB","ignoreList":[]}

package/build-style/style-rtl.css

@@ -1484,23 +1484,6 @@ input.components-combobox-control__input[type=text]:focus {
   z-index: 0;
 }
 
-.block-editor-dimension-control .components-base-control__field {
-  display: flex;
-  align-items: center;
-}
-.block-editor-dimension-control .components-base-control__label {
-  display: flex;
-  align-items: center;
-  margin-left: 1em;
-  margin-bottom: 0;
-}
-.block-editor-dimension-control .components-base-control__label .dashicon {
-  margin-left: 0.5em;
-}
-.block-editor-dimension-control.is-manual .components-base-control__label {
-  width: 10em;
-}
-
 body.is-dragging-components-draggable {
   cursor: move; /* Fallback for IE/Edge < 14 */
   cursor: grabbing !important;
@@ -2035,7 +2018,7 @@ body.is-dragging-components-draggable {
   border-bottom: none;
   padding: 0;
   position: sticky;
-  height: 60px;
+  height: 64px;
 }
 .components-guide .components-modal__header .components-button {
   align-self: flex-start;
@@ -2049,7 +2032,7 @@ body.is-dragging-components-draggable {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  margin-top: -60px;
+  margin-top: -64px;
   min-height: 100%;
 }
 .components-guide .components-guide__page {
@@ -2346,7 +2329,7 @@ body.is-dragging-components-draggable {
     width: auto;
     min-width: 350px;
     max-width: calc(100% - 32px);
-    max-height: calc(100% - 120px);
+    max-height: calc(100% - 128px);
   }
 }
 @media (min-width: 600px) and (min-width: 600px) {
@@ -3518,6 +3501,7 @@ body.lockscroll {
   box-shadow: 0 0 0 transparent;
   border-radius: 2px;
   border: 1px solid #949494;
+  border-color: var(--wp-components-color-gray-600, #949494);
 }
 @media not (prefers-reduced-motion) {
   .components-text-control__input,
@@ -3575,53 +3559,21 @@ body.lockscroll {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
-.components-text-control__input::-webkit-input-placeholder,
-.components-text-control__input[type=text]::-webkit-input-placeholder,
-.components-text-control__input[type=tel]::-webkit-input-placeholder,
-.components-text-control__input[type=time]::-webkit-input-placeholder,
-.components-text-control__input[type=url]::-webkit-input-placeholder,
-.components-text-control__input[type=week]::-webkit-input-placeholder,
-.components-text-control__input[type=password]::-webkit-input-placeholder,
-.components-text-control__input[type=color]::-webkit-input-placeholder,
-.components-text-control__input[type=date]::-webkit-input-placeholder,
-.components-text-control__input[type=datetime]::-webkit-input-placeholder,
-.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,
-.components-text-control__input[type=email]::-webkit-input-placeholder,
-.components-text-control__input[type=month]::-webkit-input-placeholder,
-.components-text-control__input[type=number]::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-text-control__input::-moz-placeholder,
-.components-text-control__input[type=text]::-moz-placeholder,
-.components-text-control__input[type=tel]::-moz-placeholder,
-.components-text-control__input[type=time]::-moz-placeholder,
-.components-text-control__input[type=url]::-moz-placeholder,
-.components-text-control__input[type=week]::-moz-placeholder,
-.components-text-control__input[type=password]::-moz-placeholder,
-.components-text-control__input[type=color]::-moz-placeholder,
-.components-text-control__input[type=date]::-moz-placeholder,
-.components-text-control__input[type=datetime]::-moz-placeholder,
-.components-text-control__input[type=datetime-local]::-moz-placeholder,
-.components-text-control__input[type=email]::-moz-placeholder,
-.components-text-control__input[type=month]::-moz-placeholder,
-.components-text-control__input[type=number]::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-text-control__input:-ms-input-placeholder,
-.components-text-control__input[type=text]:-ms-input-placeholder,
-.components-text-control__input[type=tel]:-ms-input-placeholder,
-.components-text-control__input[type=time]:-ms-input-placeholder,
-.components-text-control__input[type=url]:-ms-input-placeholder,
-.components-text-control__input[type=week]:-ms-input-placeholder,
-.components-text-control__input[type=password]:-ms-input-placeholder,
-.components-text-control__input[type=color]:-ms-input-placeholder,
-.components-text-control__input[type=date]:-ms-input-placeholder,
-.components-text-control__input[type=datetime]:-ms-input-placeholder,
-.components-text-control__input[type=datetime-local]:-ms-input-placeholder,
-.components-text-control__input[type=email]:-ms-input-placeholder,
-.components-text-control__input[type=month]:-ms-input-placeholder,
-.components-text-control__input[type=number]:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
+.components-text-control__input::placeholder,
+.components-text-control__input[type=text]::placeholder,
+.components-text-control__input[type=tel]::placeholder,
+.components-text-control__input[type=time]::placeholder,
+.components-text-control__input[type=url]::placeholder,
+.components-text-control__input[type=week]::placeholder,
+.components-text-control__input[type=password]::placeholder,
+.components-text-control__input[type=color]::placeholder,
+.components-text-control__input[type=date]::placeholder,
+.components-text-control__input[type=datetime]::placeholder,
+.components-text-control__input[type=datetime-local]::placeholder,
+.components-text-control__input[type=email]::placeholder,
+.components-text-control__input[type=month]::placeholder,
+.components-text-control__input[type=number]::placeholder {
+  color: color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), transparent 38%);
 }
 .components-text-control__input.is-next-40px-default-size,
 .components-text-control__input[type=text].is-next-40px-default-size,
@@ -3866,4 +3818,64 @@ div.components-toolbar > div + div.has-left-divider::before {
 
 .components-tooltip__shortcut {
   margin-right: 8px;
+}
+
+.components-validated-control:has(:is(input, select):user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control :is(textarea, input[type=text]):user-invalid {
+  --wp-admin-theme-color: $alert-red;
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])) {
+  border-color: #cc1818;
+}
+
+.components-validated-control__wrapper-with-error-delegate {
+  position: relative;
+}
+.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid) {
+  --wp-components-color-accent: $alert-red;
+}
+
+.components-validated-control__error-delegate {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.components-validated-control__error {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 8px 0 0;
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 0.75rem;
+  line-height: 16px;
+  color: #cc1818;
+  animation: components-validated-control__error-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.components-validated-control__error-icon {
+  flex-shrink: 0;
+}
+
+@keyframes components-validated-control__error-jump {
+  0% {
+    transform: translateY(-4px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }

package/build-style/style.css

@@ -1489,23 +1489,6 @@ input.components-combobox-control__input[type=text]:focus {
   z-index: 0;
 }
 
-.block-editor-dimension-control .components-base-control__field {
-  display: flex;
-  align-items: center;
-}
-.block-editor-dimension-control .components-base-control__label {
-  display: flex;
-  align-items: center;
-  margin-right: 1em;
-  margin-bottom: 0;
-}
-.block-editor-dimension-control .components-base-control__label .dashicon {
-  margin-right: 0.5em;
-}
-.block-editor-dimension-control.is-manual .components-base-control__label {
-  width: 10em;
-}
-
 body.is-dragging-components-draggable {
   cursor: move; /* Fallback for IE/Edge < 14 */
   cursor: grabbing !important;
@@ -2040,7 +2023,7 @@ body.is-dragging-components-draggable {
   border-bottom: none;
   padding: 0;
   position: sticky;
-  height: 60px;
+  height: 64px;
 }
 .components-guide .components-modal__header .components-button {
   align-self: flex-start;
@@ -2054,7 +2037,7 @@ body.is-dragging-components-draggable {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  margin-top: -60px;
+  margin-top: -64px;
   min-height: 100%;
 }
 .components-guide .components-guide__page {
@@ -2351,7 +2334,7 @@ body.is-dragging-components-draggable {
     width: auto;
     min-width: 350px;
     max-width: calc(100% - 32px);
-    max-height: calc(100% - 120px);
+    max-height: calc(100% - 128px);
   }
 }
 @media (min-width: 600px) and (min-width: 600px) {
@@ -3530,6 +3513,7 @@ body.lockscroll {
   box-shadow: 0 0 0 transparent;
   border-radius: 2px;
   border: 1px solid #949494;
+  border-color: var(--wp-components-color-gray-600, #949494);
 }
 @media not (prefers-reduced-motion) {
   .components-text-control__input,
@@ -3587,53 +3571,21 @@ body.lockscroll {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
-.components-text-control__input::-webkit-input-placeholder,
-.components-text-control__input[type=text]::-webkit-input-placeholder,
-.components-text-control__input[type=tel]::-webkit-input-placeholder,
-.components-text-control__input[type=time]::-webkit-input-placeholder,
-.components-text-control__input[type=url]::-webkit-input-placeholder,
-.components-text-control__input[type=week]::-webkit-input-placeholder,
-.components-text-control__input[type=password]::-webkit-input-placeholder,
-.components-text-control__input[type=color]::-webkit-input-placeholder,
-.components-text-control__input[type=date]::-webkit-input-placeholder,
-.components-text-control__input[type=datetime]::-webkit-input-placeholder,
-.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,
-.components-text-control__input[type=email]::-webkit-input-placeholder,
-.components-text-control__input[type=month]::-webkit-input-placeholder,
-.components-text-control__input[type=number]::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-text-control__input::-moz-placeholder,
-.components-text-control__input[type=text]::-moz-placeholder,
-.components-text-control__input[type=tel]::-moz-placeholder,
-.components-text-control__input[type=time]::-moz-placeholder,
-.components-text-control__input[type=url]::-moz-placeholder,
-.components-text-control__input[type=week]::-moz-placeholder,
-.components-text-control__input[type=password]::-moz-placeholder,
-.components-text-control__input[type=color]::-moz-placeholder,
-.components-text-control__input[type=date]::-moz-placeholder,
-.components-text-control__input[type=datetime]::-moz-placeholder,
-.components-text-control__input[type=datetime-local]::-moz-placeholder,
-.components-text-control__input[type=email]::-moz-placeholder,
-.components-text-control__input[type=month]::-moz-placeholder,
-.components-text-control__input[type=number]::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-text-control__input:-ms-input-placeholder,
-.components-text-control__input[type=text]:-ms-input-placeholder,
-.components-text-control__input[type=tel]:-ms-input-placeholder,
-.components-text-control__input[type=time]:-ms-input-placeholder,
-.components-text-control__input[type=url]:-ms-input-placeholder,
-.components-text-control__input[type=week]:-ms-input-placeholder,
-.components-text-control__input[type=password]:-ms-input-placeholder,
-.components-text-control__input[type=color]:-ms-input-placeholder,
-.components-text-control__input[type=date]:-ms-input-placeholder,
-.components-text-control__input[type=datetime]:-ms-input-placeholder,
-.components-text-control__input[type=datetime-local]:-ms-input-placeholder,
-.components-text-control__input[type=email]:-ms-input-placeholder,
-.components-text-control__input[type=month]:-ms-input-placeholder,
-.components-text-control__input[type=number]:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
+.components-text-control__input::placeholder,
+.components-text-control__input[type=text]::placeholder,
+.components-text-control__input[type=tel]::placeholder,
+.components-text-control__input[type=time]::placeholder,
+.components-text-control__input[type=url]::placeholder,
+.components-text-control__input[type=week]::placeholder,
+.components-text-control__input[type=password]::placeholder,
+.components-text-control__input[type=color]::placeholder,
+.components-text-control__input[type=date]::placeholder,
+.components-text-control__input[type=datetime]::placeholder,
+.components-text-control__input[type=datetime-local]::placeholder,
+.components-text-control__input[type=email]::placeholder,
+.components-text-control__input[type=month]::placeholder,
+.components-text-control__input[type=number]::placeholder {
+  color: color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), transparent 38%);
 }
 .components-text-control__input.is-next-40px-default-size,
 .components-text-control__input[type=text].is-next-40px-default-size,
@@ -3879,4 +3831,64 @@ div.components-toolbar > div + div.has-left-divider::before {
 
 .components-tooltip__shortcut {
   margin-left: 8px;
+}
+
+.components-validated-control:has(:is(input, select):user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control :is(textarea, input[type=text]):user-invalid {
+  --wp-admin-theme-color: $alert-red;
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])) {
+  border-color: #cc1818;
+}
+
+.components-validated-control__wrapper-with-error-delegate {
+  position: relative;
+}
+.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid) {
+  --wp-components-color-accent: $alert-red;
+}
+
+.components-validated-control__error-delegate {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.components-validated-control__error {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 8px 0 0;
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 0.75rem;
+  line-height: 16px;
+  color: #cc1818;
+  animation: components-validated-control__error-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.components-validated-control__error-icon {
+  flex-shrink: 0;
+}
+
+@keyframes components-validated-control__error-jump {
+  0% {
+    transform: translateY(-4px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EA8UtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}

package/build-types/box-control/utils.d.ts

@@ -4,13 +4,13 @@
 import type { BoxControlInputControlProps, BoxControlProps, BoxControlValue, CustomValueUnits, Preset } from './types';
 export declare const CUSTOM_VALUE_SETTINGS: CustomValueUnits;
 export declare const LABELS: {
-    all: import("@wordpress/i18n/build-types/types").TranslatableText<"All sides">;
-    top: import("@wordpress/i18n/build-types/types").TranslatableText<"Top side">;
-    bottom: import("@wordpress/i18n/build-types/types").TranslatableText<"Bottom side">;
-    left: import("@wordpress/i18n/build-types/types").TranslatableText<"Left side">;
-    right: import("@wordpress/i18n/build-types/types").TranslatableText<"Right side">;
-    vertical: import("@wordpress/i18n/build-types/types").TranslatableText<"Top and bottom sides">;
-    horizontal: import("@wordpress/i18n/build-types/types").TranslatableText<"Left and right sides">;
+    all: import("@wordpress/i18n").TranslatableText<"All sides">;
+    top: import("@wordpress/i18n").TranslatableText<"Top side">;
+    bottom: import("@wordpress/i18n").TranslatableText<"Bottom side">;
+    left: import("@wordpress/i18n").TranslatableText<"Left side">;
+    right: import("@wordpress/i18n").TranslatableText<"Right side">;
+    vertical: import("@wordpress/i18n").TranslatableText<"Top and bottom sides">;
+    horizontal: import("@wordpress/i18n").TranslatableText<"Left and right sides">;
 };
 export declare const DEFAULT_VALUES: {
     top: undefined;

package/build-types/calendar/date-calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-calendar/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,sGAQtB,iBAAiB,gCAwBnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-calendar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,UAAU,CAAC;AAEnE;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,sGAQtB,iBAAiB,gCAkCnB,CAAC"}

package/build-types/calendar/date-range-calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-range-calendar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAElE,wBAAgB,eAAe,CAAE,EAChC,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,EACH,GAAG,EACH,QAAQ,GACR,EAAE,IAAI,CACN,sBAAsB,EACtB,UAAU,GAAG,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAC3D,GAAG;IACH,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC;CAC9B,yBA6FA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,2IAY3B,sBAAsB,gCAwDxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-range-calendar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACX,sBAAsB,EACtB,SAAS,EAET,MAAM,UAAU,CAAC;AAElB,wBAAgB,eAAe,CAAE,EAChC,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,EACH,GAAG,EACH,QAAQ,GACR,EAAE,IAAI,CACN,sBAAsB,EACtB,UAAU,GAAG,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAC3D,GAAG;IACH,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC;CAC9B,yBA6FA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,2IAY3B,sBAAsB,gCAgExB,CAAC"}

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

@@ -141,7 +141,7 @@ type DayOfWeek = {
  * @param {Modifiers}                              modifiers   - The modifiers associated with the event.
  * @param {React.MouseEvent | React.KeyboardEvent} e           - The event object.
  */
-type OnSelectHandler<T> = (selected: T, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void;
+export type OnSelectHandler<T> = (selected: T, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void;
 export interface BaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'defaultValue'> {
     /**
      * Whether the selection is required.
@@ -260,7 +260,7 @@ export interface BaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
      * When working with time zones, use the `TZDate` object exported by this
      * package instead of the native `Date` object.
      * @example
-     *   import { DateCalendar, TZDate } from "@automattic/components";
+     *   import { DateCalendar, TZDate } from "@wordpress/components";
      *
      *   export function WithTimeZone() {
      *     const timeZone = "America/New_York";

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/calendar/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/calendar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,KAAK,OAAO,GACT,OAAO,GACP,CAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAE,GAC7B,IAAI,GACJ,IAAI,EAAE,GACN,SAAS,GACT,UAAU,GACV,SAAS,GACT,YAAY,GACZ,SAAS,CAAC;AACb;;;;;GAKG;AACH,KAAK,SAAS,GAAG;IAChB,KAAK,EAAE,IAAI,CAAC;CACZ,CAAC;AACF;;;;;GAKG;AACH,KAAK,UAAU,GAAG;IACjB,MAAM,EAAE,IAAI,CAAC;CACb,CAAC;AACF;;;;;;;;;GASG;AACH,KAAK,YAAY,GAAG;IACnB,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACZ,CAAC;AACF;;;;;;;;;GASG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACtB,CAAC;AACF;;;;;;;;GAQG;AACH,KAAK,SAAS,GAAG;IAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,eAAe,CAAE,CAAC,IAAK,CAClC,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,SAAS,EACpB,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KACrC,IAAI,CAAC;AAEV,MAAM,WAAW,SAChB,SAAQ,IAAI,CACX,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EACtC,UAAU,GAAG,cAAc,CAC3B;IACD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE;QACR;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,MAAM,CAAC;QACxB;;;WAGG;QACH,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;QACrC;;;WAGG;QACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,KAAM,MAAM,CAAC;QAChE;;;WAGG;QACH,SAAS,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,GAAG,SAAS,KAAM,MAAM,CAAC;QAClD;;;WAGG;QACH,aAAa,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,GAAG,SAAS,KAAM,MAAM,CAAC;QACtD;;;WAGG;QACH,cAAc,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,KAAM,MAAM,CAAC;QACjE;;;WAGG;QACH,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;KACxC,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,KAAM,IAAI,CAAC;IACxC;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,UAAU,WAAW;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACnC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,eAAe,CAAE,IAAI,GAAG,SAAS,CAAE,CAAC;IAC/C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,IAAI,CAAC;CACvB;AAED,UAAU,UAAU;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IACxC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,eAAe,CAAE,SAAS,GAAG,SAAS,CAAE,CAAC;IACpD,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,CAAC;AACxD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,UAAU,CAAC"}

package/build-types/calendar/utils/use-localization-props.d.ts

@@ -24,7 +24,7 @@ export declare const useLocalizationProps: ({ locale, timeZone, mode, }: {
     timeZone: BaseProps["timeZone"];
     mode: "single" | "range";
 }) => {
-    readonly 'aria-label': import("@wordpress/i18n/build-types/types").TranslatableText<"Date calendar"> | import("@wordpress/i18n/build-types/types").TranslatableText<"Date range calendar">;
+    readonly 'aria-label': import("@wordpress/i18n").TranslatableText<"Date calendar"> | import("@wordpress/i18n").TranslatableText<"Date range calendar">;
     readonly labels: {
         /**
          * The label for the month grid.
@@ -38,9 +38,9 @@ export declare const useLocalizationProps: ({ locale, timeZone, mode, }: {
          */
         readonly labelGridcell: (date: Date, modifiers?: Modifiers) => string;
         /** The label for the "next month" button. */
-        readonly labelNext: () => import("@wordpress/i18n/build-types/types").TranslatableText<"Go to the Next Month">;
+        readonly labelNext: () => import("@wordpress/i18n").TranslatableText<"Go to the Next Month">;
         /** The label for the "previous month" button. */
-        readonly labelPrevious: () => import("@wordpress/i18n/build-types/types").TranslatableText<"Go to the Previous Month">;
+        readonly labelPrevious: () => import("@wordpress/i18n").TranslatableText<"Go to the Previous Month">;
         /**
          * The label for the day button.
          * @param date

package/build-types/color-picker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;UAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;UAgFs6E,MAAO,GAAG;;;UA9Ez8E,CAAC;AAEF,eAAO,MAAM,YAAY;;;;aAmBZ,CAAA;;;;;;;;;;;;;;qBAyDwxD,CAAC;;;;;iCAAmuB,CAAC;;;;;;;;;;;;UAzEzgF,CAAC;AASF,eAAO,MAAM,6BAA6B;;SAnB7B,MAAQ,WAGpB;yGAqBA,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;SAtCf,MAAQ,WAGpB;yGA+EA,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;UAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;UA0FwjE,MAAO,GAAG;;;UAxF3lE,CAAC;AAEF,eAAO,MAAM,YAAY;;;;aAmBZ,CAAA;;;;;;;;;;;;;;qBAmE26C,CAAC;;;;;iCAAmuB,CAAC;;;;;;;;;;;;UAnF5pE,CAAC;AASF,eAAO,MAAM,6BAA6B;;SAnB7B,MAAQ,WAGpB;yGAqBA,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;SAtCf,MAAQ,WAGpB;yGAyFA,CAAC"}