@wordpress/components 35.1.1-next.v.202606191442.0 → 36.0.1

package/build-module/text-control/index.mjs

@@ -1,15 +1,13 @@
 // packages/components/src/text-control/index.tsx
-import clsx from "clsx";
 import { useInstanceId } from "@wordpress/compose";
 import { forwardRef } from "@wordpress/element";
 import BaseControl from "../base-control/index.mjs";
-import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedTextControl(props, ref) {
   const {
-    // Prevent passing this to `input`.
+    // Prevent passing legacy props to `input`.
     __nextHasNoMarginBottom: _,
-    __next40pxDefaultSize = false,
+    __next40pxDefaultSize: __,
     label,
     hideLabelFromVision,
     value,
@@ -22,11 +20,6 @@ function UnforwardedTextControl(props, ref) {
   } = props;
   const id = useInstanceId(TextControl, "inspector-text-control", idProp);
   const onChangeValue = (event) => onChange(event.target.value);
-  maybeWarnDeprecated36pxSize({
-    componentName: "TextControl",
-    size: void 0,
-    __next40pxDefaultSize
-  });
   return /* @__PURE__ */ _jsx(BaseControl, {
     label,
     hideLabelFromVision,
@@ -34,9 +27,7 @@ function UnforwardedTextControl(props, ref) {
     help,
     className,
     children: /* @__PURE__ */ _jsx("input", {
-      className: clsx("components-text-control__input", {
-        "is-next-40px-default-size": __next40pxDefaultSize
-      }),
+      className: "components-text-control__input",
       type,
       id,
       value,

package/build-module/text-control/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/text-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTextControl(props, ref) {\n  const {\n    // Prevent passing this to `input`.\n    __nextHasNoMarginBottom: _,\n    __next40pxDefaultSize = false,\n    label,\n    hideLabelFromVision,\n    value,\n    help,\n    id: idProp,\n    className,\n    onChange,\n    type = 'text',\n    ...additionalProps\n  } = props;\n  const id = useInstanceId(TextControl, 'inspector-text-control', idProp);\n  const onChangeValue = event => onChange(event.target.value);\n  maybeWarnDeprecated36pxSize({\n    componentName: 'TextControl',\n    size: undefined,\n    __next40pxDefaultSize\n  });\n  return /*#__PURE__*/_jsx(BaseControl, {\n    label: label,\n    hideLabelFromVision: hideLabelFromVision,\n    id: id,\n    help: help,\n    className: className,\n    children: /*#__PURE__*/_jsx(\"input\", {\n      className: clsx('components-text-control__input', {\n        'is-next-40px-default-size': __next40pxDefaultSize\n      }),\n      type: type,\n      id: id,\n      value: value,\n      onChange: onChangeValue,\n      \"aria-describedby\": !!help ? id + '__help' : undefined,\n      ref: ref,\n      ...additionalProps\n    })\n  });\n}\n\n/**\n * TextControl components let users enter and edit text.\n *\n * ```jsx\n * import { TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextControl = () => {\n *   const [ className, setClassName ] = useState( '' );\n *\n *   return (\n *     <TextControl\n *       __next40pxDefaultSize\n *       label=\"Additional CSS Class\"\n *       value={ className }\n *       onChange={ ( value ) => setClassName( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport const TextControl = forwardRef(UnforwardedTextControl);\nTextControl.displayName = 'TextControl';\nexport default TextControl;"],
-  "mappings": ";AAIA,OAAO,UAAU;AAKjB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAK3B,OAAO,iBAAiB;AACxB,SAAS,mCAAmC;AAC5C,SAAS,OAAO,YAAY;AAC5B,SAAS,uBAAuB,OAAO,KAAK;AAC1C,QAAM;AAAA;AAAA,IAEJ,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,KAAK,cAAc,aAAa,0BAA0B,MAAM;AACtE,QAAM,gBAAgB,WAAS,SAAS,MAAM,OAAO,KAAK;AAC1D,8BAA4B;AAAA,IAC1B,eAAe;AAAA,IACf,MAAM;AAAA,IACN;AAAA,EACF,CAAC;AACD,SAAoB,qBAAK,aAAa;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAuB,qBAAK,SAAS;AAAA,MACnC,WAAW,KAAK,kCAAkC;AAAA,QAChD,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,oBAAoB,CAAC,CAAC,OAAO,KAAK,WAAW;AAAA,MAC7C;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAuBO,IAAM,cAAc,WAAW,sBAAsB;AAC5D,YAAY,cAAc;AAC1B,IAAO,uBAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTextControl(props, ref) {\n  const {\n    // Prevent passing legacy props to `input`.\n    __nextHasNoMarginBottom: _,\n    __next40pxDefaultSize: __,\n    label,\n    hideLabelFromVision,\n    value,\n    help,\n    id: idProp,\n    className,\n    onChange,\n    type = 'text',\n    ...additionalProps\n  } = props;\n  const id = useInstanceId(TextControl, 'inspector-text-control', idProp);\n  const onChangeValue = event => onChange(event.target.value);\n  return /*#__PURE__*/_jsx(BaseControl, {\n    label: label,\n    hideLabelFromVision: hideLabelFromVision,\n    id: id,\n    help: help,\n    className: className,\n    children: /*#__PURE__*/_jsx(\"input\", {\n      className: \"components-text-control__input\",\n      type: type,\n      id: id,\n      value: value,\n      onChange: onChangeValue,\n      \"aria-describedby\": !!help ? id + '__help' : undefined,\n      ref: ref,\n      ...additionalProps\n    })\n  });\n}\n\n/**\n * TextControl components let users enter and edit text.\n *\n * ```jsx\n * import { TextControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTextControl = () => {\n *   const [ className, setClassName ] = useState( '' );\n *\n *   return (\n *     <TextControl\n *       label=\"Additional CSS Class\"\n *       value={ className }\n *       onChange={ ( value ) => setClassName( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport const TextControl = forwardRef(UnforwardedTextControl);\nTextControl.displayName = 'TextControl';\nexport default TextControl;"],
+  "mappings": ";AAOA,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAK3B,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,SAAS,uBAAuB,OAAO,KAAK;AAC1C,QAAM;AAAA;AAAA,IAEJ,yBAAyB;AAAA,IACzB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,KAAK,cAAc,aAAa,0BAA0B,MAAM;AACtE,QAAM,gBAAgB,WAAS,SAAS,MAAM,OAAO,KAAK;AAC1D,SAAoB,qBAAK,aAAa;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAuB,qBAAK,SAAS;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,oBAAoB,CAAC,CAAC,OAAO,KAAK,WAAW;AAAA,MAC7C;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAsBO,IAAM,cAAc,WAAW,sBAAsB;AAC5D,YAAY,cAAc;AAC1B,IAAO,uBAAQ;",
   "names": []
 }

package/build-module/validated-form-controls/components/text-control.mjs

@@ -18,7 +18,6 @@ var UnforwardedValidatedTextControl = ({
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
     children: /* @__PURE__ */ _jsx(TextControl, {
-      __next40pxDefaultSize: true,
       ref: mergedRefs,
       ...restProps
     })

package/build-module/validated-form-controls/components/text-control.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/validated-form-controls/components/text-control.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport TextControl from '../../text-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedTextControl = ({\n  required,\n  customValidity,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional,\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current,\n    children: /*#__PURE__*/_jsx(TextControl, {\n      __next40pxDefaultSize: true,\n      ref: mergedRefs,\n      ...restProps\n    })\n  });\n};\nexport const ValidatedTextControl = forwardRef(UnforwardedValidatedTextControl);\nValidatedTextControl.displayName = 'ValidatedTextControl';"],
-  "mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,IAAM,kCAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,aAAa;AAAA,MACvC,uBAAuB;AAAA,MACvB,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,uBAAuB,WAAW,+BAA+B;AAC9E,qBAAqB,cAAc;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlWithError } from '../control-with-error';\nimport TextControl from '../../text-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnforwardedValidatedTextControl = ({\n  required,\n  customValidity,\n  markWhenOptional,\n  ...restProps\n}, forwardedRef) => {\n  const validityTargetRef = useRef(null);\n  const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);\n  return /*#__PURE__*/_jsx(ControlWithError, {\n    required: required,\n    markWhenOptional: markWhenOptional,\n    customValidity: customValidity,\n    getValidityTarget: () => validityTargetRef.current,\n    children: /*#__PURE__*/_jsx(TextControl, {\n      ref: mergedRefs,\n      ...restProps\n    })\n  });\n};\nexport const ValidatedTextControl = forwardRef(UnforwardedValidatedTextControl);\nValidatedTextControl.displayName = 'ValidatedTextControl';"],
+  "mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,cAAc;AAKnC,SAAS,wBAAwB;AACjC,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,IAAM,kCAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,iBAAiB;AAClB,QAAM,oBAAoB,OAAO,IAAI;AACrC,QAAM,aAAa,aAAa,CAAC,cAAc,iBAAiB,CAAC;AACjE,SAAoB,qBAAK,kBAAkB;AAAA,IACzC;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,MAAM,kBAAkB;AAAA,IAC3C,UAAuB,qBAAK,aAAa;AAAA,MACvC,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACO,IAAM,uBAAuB,WAAW,+BAA+B;AAC9E,qBAAqB,cAAc;",
   "names": []
 }

package/build-style/style-rtl.css

@@ -3606,7 +3606,7 @@ body.lockscroll {
 .components-text-control__input[type=month],
 .components-text-control__input[type=number] {
   width: 100%;
-  height: 32px;
+  height: 40px;
   margin: 0;
   background: var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
   color: var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e));
@@ -3710,6 +3710,8 @@ body.lockscroll {
 .components-text-control__input[type=month],
 .components-text-control__input[type=number] {
   border-color: var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral, #8d8d8d));
+  padding-right: 12px;
+  padding-left: 12px;
 }
 .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: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
@@ -3730,24 +3732,6 @@ body.lockscroll {
 .components-text-control__input[type=number]::placeholder {
   color: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
 }
-.components-text-control__input.is-next-40px-default-size,
-.components-text-control__input[type=text].is-next-40px-default-size,
-.components-text-control__input[type=tel].is-next-40px-default-size,
-.components-text-control__input[type=time].is-next-40px-default-size,
-.components-text-control__input[type=url].is-next-40px-default-size,
-.components-text-control__input[type=week].is-next-40px-default-size,
-.components-text-control__input[type=password].is-next-40px-default-size,
-.components-text-control__input[type=color].is-next-40px-default-size,
-.components-text-control__input[type=date].is-next-40px-default-size,
-.components-text-control__input[type=datetime].is-next-40px-default-size,
-.components-text-control__input[type=datetime-local].is-next-40px-default-size,
-.components-text-control__input[type=email].is-next-40px-default-size,
-.components-text-control__input[type=month].is-next-40px-default-size,
-.components-text-control__input[type=number].is-next-40px-default-size {
-  height: 40px;
-  padding-right: 12px;
-  padding-left: 12px;
-}
 
 .components-text-control__input[type=email],
 .components-text-control__input[type=url] {

package/build-style/style.css

@@ -3618,7 +3618,7 @@ body.lockscroll {
 .components-text-control__input[type=month],
 .components-text-control__input[type=number] {
   width: 100%;
-  height: 32px;
+  height: 40px;
   margin: 0;
   background: var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
   color: var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e));
@@ -3722,6 +3722,8 @@ body.lockscroll {
 .components-text-control__input[type=month],
 .components-text-control__input[type=number] {
   border-color: var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral, #8d8d8d));
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .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: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
@@ -3742,24 +3744,6 @@ body.lockscroll {
 .components-text-control__input[type=number]::placeholder {
   color: color-mix(in srgb, var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e)), transparent 38%);
 }
-.components-text-control__input.is-next-40px-default-size,
-.components-text-control__input[type=text].is-next-40px-default-size,
-.components-text-control__input[type=tel].is-next-40px-default-size,
-.components-text-control__input[type=time].is-next-40px-default-size,
-.components-text-control__input[type=url].is-next-40px-default-size,
-.components-text-control__input[type=week].is-next-40px-default-size,
-.components-text-control__input[type=password].is-next-40px-default-size,
-.components-text-control__input[type=color].is-next-40px-default-size,
-.components-text-control__input[type=date].is-next-40px-default-size,
-.components-text-control__input[type=datetime].is-next-40px-default-size,
-.components-text-control__input[type=datetime-local].is-next-40px-default-size,
-.components-text-control__input[type=email].is-next-40px-default-size,
-.components-text-control__input[type=month].is-next-40px-default-size,
-.components-text-control__input[type=number].is-next-40px-default-size {
-  height: 40px;
-  padding-left: 12px;
-  padding-right: 12px;
-}
 
 .components-text-control__input[type=email],
 .components-text-control__input[type=url] {

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

@@ -0,0 +1,3 @@
+import type { BoxControlInputControlProps } from './types';
+export default function BoxInputControl({ onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, side, min, presets, presetKey, placeholder: placeholderProp, ...props }: BoxControlInputControlProps): import("react").JSX.Element;
+//# sourceMappingURL=box-input-control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/box-input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EAAE,eAAe,EAC5B,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAuN7B"}

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

@@ -16,15 +16,11 @@ import type { BoxControlProps } from './types';
  *   } );
  *
  *   return (
- *     <BoxControl
- *       __next40pxDefaultSize
- *       values={ values }
- *       onChange={ setValues }
- *     />
+ *     <BoxControl values={ values } onChange={ setValues } />
  *   );
  * };
  * ```
  */
-declare function BoxControl({ __next40pxDefaultSize, id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, presets, presetKey, onMouseOver, onMouseOut }: BoxControlProps): import("react").JSX.Element;
+declare function BoxControl({ id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, presets, presetKey, onMouseOver, onMouseOut }: BoxControlProps): import("react").JSX.Element;
 export default BoxControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAehE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,EAAE,eAAe,+BAwIjB;eAEc,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAchE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,UAAU,CAAE,EACpB,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,EAAE,eAAe,+BA4HjB;eAEc,UAAU"}

package/build-types/box-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;eACa,IAAI;AAsBnB,eAAO,MAAM,OAAO,iIAAkC,CAAC;AAMvD,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAKxD,eAAO,MAAM,cAAc,iIAAgC,CAAC;AAM5D,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAMxD,eAAO,MAAM,aAAa,iIAAgC,CAAC;AAM3D,eAAO,MAAM,2BAA2B,iIAAgC,CAAC;AAOzE,eAAO,MAAM,kBAAkB,iIAAgC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,UAAU,MAAM,KAAK,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;eACa,IAAI;AAqBnB,eAAO,MAAM,OAAO,iIAAkC,CAAC;AAKvD,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAKxD,eAAO,MAAM,cAAc,iIAAgC,CAAC;AAM5D,eAAO,MAAM,UAAU,iIAAgC,CAAC;AAMxD,eAAO,MAAM,aAAa,iIAAgC,CAAC;AAM3D,eAAO,MAAM,2BAA2B,iIAAgC,CAAC;AAOzE,eAAO,MAAM,kBAAkB,iIAAgC,CAAC"}

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

@@ -22,6 +22,13 @@ export interface Preset {
 }
 type UnitControlPassthroughProps = Omit<UnitControlProps, 'label' | 'onChange' | 'onFocus' | 'units'>;
 type DeprecatedBoxControlProps = {
+    /**
+     * Start opting into the larger default height that will become the default size in a future version.
+     *
+     * @deprecated Default behavior since WordPress 7.1. Prop can be safely removed.
+     * @ignore
+     */
+    __next40pxDefaultSize?: boolean;
     /**
      * @deprecated Pass to the `inputProps` prop instead.
      * @ignore
@@ -83,12 +90,6 @@ export type BoxControlProps = Pick<UnitControlProps, 'units'> & DeprecatedBoxCon
      * The current values of the control, expressed as an object of `top`, `right`, `bottom`, and `left` values.
      */
     values?: BoxControlValue;
-    /**
-     * Start opting into the larger default height that will become the default size in a future version.
-     *
-     * @default false
-     */
-    __next40pxDefaultSize?: boolean;
 } & ({
     /**
      * Available presets to pick from.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/box-control/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAE,GAAG,EAAE,MAAM,GAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,MAAM;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,2BAA2B,GAAG,IAAI,CACtC,gBAAgB,EAChB,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC1C,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAChC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAE,aAAa,CAAE,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAE,YAAY,CAAE,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAE,gBAAgB,EAAE,OAAO,CAAE,GAC9D,yBAAyB,GAAG;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,CAAE,IAAI,EAAE,eAAe,KAAM,IAAI,CAAC;IAC5C;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CACd,MAAM,eAAe,GACrB,YAAY,GACZ,UAAU,CACZ,EAAE,CAAC;IACJ;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CACzB,GAAG,CACD;IACA;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACA;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;CACjB,CACH,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,2BAA2B,GAAG;IACvE,QAAQ,CAAC,EAAE,CAAE,UAAU,EAAE,eAAe,KAAM,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CACT,MAAM,EAAE,KAAK,CAAC,UAAU,CAAE,gBAAgB,CAAE,EAC5C,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,OAAO,MAAM,CAAA;KAAE,KACnC,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CACZ,KAAK,EAAE,OAAO,CAAE,MAAM,CAAE,MAAM,eAAe,EAAE,OAAO,CAAE,CAAE,KACtD,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,CACX,KAAK,EAAE,OAAO,CAAE,MAAM,CAAE,MAAM,eAAe,EAAE,OAAO,CAAE,CAAE,KACtD,IAAI,CAAC;IACV,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,cAAc,CAAE,eAAe,CAAE,CAAE,CAAC;IAC5E,MAAM,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;CACnC,CAAC"}

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

@@ -19,7 +19,6 @@ import type { WordPressComponentProps } from '../context';
  *
  *	let input = (
  *		<TextControl
- *			__next40pxDefaultSize
  *			label="Input"
  *			onChange={ () => {} }
  *		/>

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disabled/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAM1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,iBAAS,QAAQ,CAAE,EAClB,SAAS,EACT,QAAQ,EACR,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE,+BAmBjD;;;;;;;eAKc,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disabled/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAM1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,iBAAS,QAAQ,CAAE,EAClB,SAAS,EACT,QAAQ,EACR,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE,+BAmBjD;;;;;;;eAKc,QAAQ"}

package/build-types/disabled/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/disabled/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,QAAQ,MAAM,KAAK,CAAC;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAmBhC,CAAC;eAEa,IAAI;AAiCnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,QAAQ,CAM7C,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,QAAQ,CAQrD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/disabled/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,QAAQ,MAAM,KAAK,CAAC;AAM3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAmBhC,CAAC;eAEa,IAAI;AAgCnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,QAAQ,CAM7C,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,QAAQ,CAQrD,CAAC"}

package/build-types/divider/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/divider/component.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AA0B1C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO;;;;;8CAAkD,CAAC;eAExD,OAAO"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/divider/component.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAkD1C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO;;;;;8CAAkD,CAAC;eAExD,OAAO"}

package/build-types/higher-order/with-fallback-styles/index.d.ts

@@ -2,42 +2,8 @@ type Props = {
     node?: HTMLElement;
     [key: string]: any;
 };
-type State = {
-    fallbackStyles?: {
-        [key: string]: any;
-    };
-    grabStylesCompleted: boolean;
-};
 declare const _default: (mapNodeToProps: (node: HTMLElement, props: Props) => {
     [key: string]: any;
-}) => (Inner: import("react").ComponentType<any>) => {
-    new (props: Props): {
-        nodeRef?: HTMLElement;
-        bindRef(node: HTMLDivElement): void;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        grabFallbackStyles(): void;
-        render(): import("react").JSX.Element;
-        context: unknown;
-        setState<K extends keyof State>(state: Pick<State, K> | State | ((prevState: Readonly<State>, props: Readonly<Props>) => Pick<State, K> | State | null) | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props>;
-        state: Readonly<State>;
-        refs: {
-            [key: string]: import("react").ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<State>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): void;
-    };
-    contextType?: import("react").Context<any> | undefined;
-};
+}) => (Inner: import("react").ComponentType<any>) => (props: Props) => import("react").JSX.Element;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/build-types/higher-order/with-fallback-styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-fallback-styles/index.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,GAAG;IACZ,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,cAAc,CAAC,EAAE;QAAE,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAA;KAAE,CAAC;IAC1C,mBAAmB,EAAE,OAAO,CAAC;CAC7B,CAAC;yCAGe,CACf,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,KACR;IAAE,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAA;CAAE;gBAMP,KAAK;kBAFf,WAAW;sBAaN,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-fallback-styles/index.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACZ,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;yCAGe,CACf,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,KACR;IAAE,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAA;CAAE,4DAGe,KAAK"}

package/build-types/higher-order/with-fallback-styles/test/index.d.ts

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

package/build-types/higher-order/with-fallback-styles/test/index.d.ts.map

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

package/build-types/icon/stories/index.story.d.ts

@@ -3,7 +3,6 @@ import Icon from '..';
 declare const meta: Meta<typeof Icon>;
 export default meta;
 export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("..").Props>;
-export declare const FillColor: StoryFn<typeof Icon>;
 /**
  * When `icon` is a function, it will be passed the `size` prop and any other additional props.
  */

package/build-types/icon/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/icon/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,IAAI,MAAM,IAAI,CAAC;AAGtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAY5B,CAAC;eACa,IAAI;AAInB,eAAO,MAAM,OAAO,iHAAsB,CAAC;AAK3C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,IAAI,CAU3C,CAAC;AAKF;;GAEG;AACH,eAAO,MAAM,aAAa,iHAAsB,CAAC;AAqCjD;;GAEG;AACH,eAAO,MAAM,cAAc,iHAAsB,CAAC;AAqBlD,eAAO,MAAM,SAAS,iHAAsB,CAAC;AAU7C;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,IAAI,CAU/C,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/icon/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,IAAI,MAAM,IAAI,CAAC;AAGtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAY5B,CAAC;eACa,IAAI;AAInB,eAAO,MAAM,OAAO,iHAAsB,CAAC;AAK3C;;GAEG;AACH,eAAO,MAAM,aAAa,iHAAsB,CAAC;AAqCjD;;GAEG;AACH,eAAO,MAAM,cAAc,iHAAsB,CAAC;AAqBlD,eAAO,MAAM,SAAS,iHAAsB,CAAC;AAU7C;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,IAAI,CAU/C,CAAC"}

package/build-types/placeholder/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/placeholder/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,WAAW,MAAM,KAAK,CAAC;AAK9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAqBnC,CAAC;eACa,IAAI;AAoBnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAAwB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/placeholder/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQ3D;;GAEG;AACH,OAAO,WAAW,MAAM,KAAK,CAAC;AAK9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAqBnC,CAAC;eACa,IAAI;AAmBnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAAwB,CAAC"}

package/build-types/resizable-box/index.d.ts

@@ -1,12 +1,10 @@
 import { Resizable } from 're-resizable';
 import type { ResizableProps } from 're-resizable';
-import type { ReactNode } from 'react';
 /**
  * Internal dependencies
  */
 import ResizeTooltip from './resize-tooltip';
 export declare const ResizableBox: import("react").ForwardRefExoticComponent<ResizableProps & {
-    children: ReactNode;
     showHandle?: boolean;
     __experimentalShowTooltip?: boolean;
     __experimentalTooltipProps?: Parameters<typeof ResizeTooltip>[0];

package/build-types/resizable-box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resizable-box/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAuH7C,eAAO,MAAM,YAAY;cA7Cd,SAAS;iBACN,OAAO;gCACQ,OAAO;iCACN,UAAU,CAAE,OAAO,aAAa,CAAE,CAAE,CAAC,CAAE;6CA0CJ,CAAC;eAGnD,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resizable-box/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD;;GAEG;AACH,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAsH7C,eAAO,MAAM,YAAY;iBA5CX,OAAO;gCACQ,OAAO;iCACN,UAAU,CAAE,OAAO,aAAa,CAAE,CAAE,CAAC,CAAE;6CA0CJ,CAAC;eAGnD,YAAY"}

package/build-types/resizable-box/stories/index.story.d.ts

@@ -9,7 +9,6 @@ import ResizableBox from '..';
 declare const meta: Meta<typeof ResizableBox>;
 export default meta;
 export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("re-resizable").ResizableProps & {
-    children: import("react").ReactNode;
     showHandle?: boolean;
     __experimentalShowTooltip?: boolean;
     __experimentalTooltipProps?: Parameters<import("react").ForwardRefExoticComponent<Omit<{
@@ -32,7 +31,6 @@ export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<
  * The `enable` prop can be used to disable resizing in specific directions.
  */
 export declare const DisabledDirections: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("re-resizable").ResizableProps & {
-    children: import("react").ReactNode;
     showHandle?: boolean;
     __experimentalShowTooltip?: boolean;
     __experimentalTooltipProps?: Parameters<import("react").ForwardRefExoticComponent<Omit<{

package/build-types/resizable-box/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAkBpC,CAAC;eACa,IAAI;AA6BnB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;oEAAsB,CAAC;AAkB3C;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;oEAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAkBpC,CAAC;eACa,IAAI;AA6BnB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;oEAAsB,CAAC;AAkB3C;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;oEAAsB,CAAC"}

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

@@ -10,7 +10,6 @@
  *
  *   return (
  *     <TextControl
- *       __next40pxDefaultSize
  *       label="Additional CSS Class"
  *       value={ className }
  *       onChange={ ( value ) => setClassName( value ) }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":"AAwEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;eAGjD,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-control/index.tsx"],"names":[],"mappings":"AA8DA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW;;;;;sVAAuC,CAAC;eAGjD,WAAW"}

package/build-types/text-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAsBnC,CAAC;eACa,IAAI;AAqBnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAMF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAsBnC,CAAC;eACa,IAAI;AAoBnB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAEhD,CAAC;AAKF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAE,OAAO,WAAW,CACnC,CAAC"}

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

@@ -20,7 +20,8 @@ export type TextControlProps = Pick<BaseControlProps, '__nextHasNoMarginBottom'
     /**
      * Start opting into the larger default height that will become the default size in a future version.
      *
-     * @default false
+     * @deprecated Default behavior since WordPress 7.1. Prop can be safely removed.
+     * @ignore
      */
     __next40pxDefaultSize?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/text-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,qBAAqB,GACrB,MAAM,GACN,OAAO,CACT,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EACF,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,KAAK,GACL,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,CAAC;IAET;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/text-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,qBAAqB,GACrB,MAAM,GACN,OAAO,CACT,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EACF,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,KAAK,GACL,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,CAAC;IAET;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}

package/build-types/validated-form-controls/components/text-control.d.ts

@@ -1,8 +1,8 @@
 import type { ValidatedControlProps } from './types';
-export declare const ValidatedTextControl: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<import("../../base-control/types").BaseControlProps, "__nextHasNoMarginBottom" | "className" | "help" | "hideLabelFromVision" | "label"> & {
+export declare const ValidatedTextControl: import("react").ForwardRefExoticComponent<Omit<Pick<import("../../base-control/types").BaseControlProps, "__nextHasNoMarginBottom" | "className" | "help" | "hideLabelFromVision" | "label"> & {
     onChange: (value: string) => void;
     value: string | number;
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'time' | 'search' | 'url';
     __next40pxDefaultSize?: boolean;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "__next40pxDefaultSize" | "__nextHasNoMarginBottom" | "as" | "children" | "className" | "help" | "hideLabelFromVision" | "label" | "onChange" | "type" | "value"> & import("react").RefAttributes<HTMLInputElement>, "__next40pxDefaultSize"> & ValidatedControlProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "__next40pxDefaultSize" | "__nextHasNoMarginBottom" | "as" | "children" | "className" | "help" | "hideLabelFromVision" | "label" | "onChange" | "type" | "value"> & import("react").RefAttributes<HTMLInputElement> & ValidatedControlProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=text-control.d.ts.map

package/build-types/validated-form-controls/components/text-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/text-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAmCrD,eAAO,MAAM,oBAAoB;;;;;kcAEhC,CAAC"}
+{"version":3,"file":"text-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/text-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2BrD,eAAO,MAAM,oBAAoB;;;;;waAEhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "35.1.1-next.v.202606191442.0+17fe7db8a",
+	"version": "36.0.1",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -62,26 +62,26 @@
 		"@types/gradient-parser": "^1.1.0",
 		"@types/highlight-words-core": "^1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/base-styles": "^10.0.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/compose": "^8.1.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/date": "^5.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/deprecated": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/dom": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/element": "^8.0.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/escape-html": "^3.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/hooks": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/html-entities": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/i18n": "^6.21.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/icons": "^14.0.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/is-shallow-equal": "^5.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/keycodes": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/primitives": "^4.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/private-apis": "^1.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/rich-text": "^7.48.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/style-runtime": "^0.4.2-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/ui": "^0.16.1-next.v.202606191442.0+17fe7db8a",
-		"@wordpress/warning": "^3.48.2-next.v.202606191442.0+17fe7db8a",
+		"@wordpress/a11y": "^4.49.0",
+		"@wordpress/base-styles": "^10.1.0",
+		"@wordpress/compose": "^8.2.0",
+		"@wordpress/date": "^5.49.0",
+		"@wordpress/deprecated": "^4.49.0",
+		"@wordpress/dom": "^4.49.0",
+		"@wordpress/element": "^8.1.0",
+		"@wordpress/escape-html": "^3.49.0",
+		"@wordpress/hooks": "^4.49.0",
+		"@wordpress/html-entities": "^4.49.0",
+		"@wordpress/i18n": "^6.22.0",
+		"@wordpress/icons": "^15.0.0",
+		"@wordpress/is-shallow-equal": "^5.49.0",
+		"@wordpress/keycodes": "^4.49.0",
+		"@wordpress/primitives": "^4.49.0",
+		"@wordpress/private-apis": "^1.49.0",
+		"@wordpress/rich-text": "^7.49.0",
+		"@wordpress/style-runtime": "^0.5.0",
+		"@wordpress/ui": "^0.16.1",
+		"@wordpress/warning": "^3.49.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
@@ -111,7 +111,7 @@
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^29.5.14",
 		"@types/react-dom": "^18.3.1",
-		"@wordpress/jest-console": "^8.48.2-next.v.202606191442.0+17fe7db8a",
+		"@wordpress/jest-console": "^8.49.0",
 		"@wordpress/stylelint-tools": "file:../../tools/stylelint",
 		"snapshot-diff": "^0.10.0",
 		"storybook": "^10.4.3",
@@ -130,5 +130,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "1b6a19222df5a88f161880b5789efb3171d8f425"
+	"gitHead": "9a75283890dda96ae1d37197b5070fae8c9cf66f"
 }

package/src/box-control/README.md

@@ -20,25 +20,13 @@ function Example() {
   } );
 
   return (
-    <BoxControl
-      __next40pxDefaultSize
-      values={ values }
-      onChange={ setValues }
-    />
+    <BoxControl values={ values } onChange={ setValues } />
   );
 };
 ```
 
 ## Props
 
-### `__next40pxDefaultSize`
-
- - Type: `boolean`
- - Required: No
- - Default: `false`
-
-Start opting into the larger default height that will become the default size in a future version.
-
 ### `allowReset`
 
  - Type: `boolean`

package/src/box-control/{input-control.tsx → box-input-control.tsx}

@@ -76,7 +76,6 @@ function getSidesToModify(
 }
 
 export default function BoxInputControl( {
-	__next40pxDefaultSize,
 	onChange = noop,
 	onFocus = noop,
 	values,
@@ -87,6 +86,7 @@ export default function BoxInputControl( {
 	min = 0,
 	presets,
 	presetKey,
+	placeholder: placeholderProp,
 	...props
 }: BoxControlInputControlProps ) {
 	const defaultValuesToModify = getSidesToModify( side, sides );
@@ -207,7 +207,7 @@ export default function BoxInputControl( {
 							{ ...props }
 							min={ min }
 							__shouldNotWarnDeprecated36pxSize
-							__next40pxDefaultSize={ __next40pxDefaultSize }
+							__next40pxDefaultSize
 							className="component-box-control__unit-control"
 							id={ inputId }
 							isPressEnterToChange
@@ -217,13 +217,13 @@ export default function BoxInputControl( {
 							onUnitChange={ handleOnUnitChange }
 							onFocus={ handleOnFocus }
 							label={ LABELS[ side ] }
-							placeholder={ mixedPlaceholder }
+							placeholder={ mixedPlaceholder ?? placeholderProp }
 							hideLabelFromVision
 						/>
 					</Tooltip>
 
 					<FlexedRangeControl
-						__next40pxDefaultSize={ __next40pxDefaultSize }
+						__next40pxDefaultSize
 						__shouldNotWarnDeprecated36pxSize
 						aria-controls={ inputId }
 						label={ LABELS[ side ] }