npm - @wordpress/components - Versions diffs - 34.0.0 → 35.0.1 - Mend

@wordpress/components 34.0.0 → 35.0.1

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

Files changed (514) hide show

package/build-style/style-rtl.css CHANGED Viewed

@@ -266,7 +266,9 @@
   margin: 0;
   border: 0;
   cursor: var(--wpds-cursor-control, pointer);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background: none;
 }
 @media not (prefers-reduced-motion) {
@@ -655,7 +657,9 @@ p + .components-button.is-tertiary {
   padding: 0;
   margin: 0;
   cursor: var(--wpds-cursor-control, pointer);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -701,6 +705,7 @@ p + .components-button.is-tertiary {
   justify-content: center;
   flex-wrap: wrap;
   gap: 16px;
+  max-width: -moz-fit-content;
   max-width: fit-content;
 }
@@ -975,6 +980,9 @@ p + .components-button.is-tertiary {
   box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
+.components-checkbox-control__input[type=checkbox]::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-checkbox-control__input[type=checkbox]::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -1036,7 +1044,9 @@ p + .components-button.is-tertiary {
   vertical-align: top;
   width: var(--checkbox-input-size);
   height: var(--checkbox-input-size);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
 @media not (prefers-reduced-motion) {
   .components-checkbox-control__input[type=checkbox] {
@@ -1082,6 +1092,7 @@ svg.components-checkbox-control__indeterminate {
   width: var(--checkmark-size);
   height: var(--checkmark-size);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -1310,6 +1321,9 @@ input.components-combobox-control__input[type=text]:focus {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
+.components-combobox-control__suggestions-container::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-combobox-control__suggestions-container::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -1853,6 +1867,9 @@ input.components-combobox-control__input[type=text]:focus {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
+.components-form-token-field__input-container::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-form-token-field__input-container::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -2524,7 +2541,7 @@ input.components-combobox-control__input[type=text]:focus {
 .components-notice {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-info-weak, #f3f9ff);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-info, #9fbcdc);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-info, #a9c6e7);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-info, #001b4f);
   box-sizing: border-box;
   display: grid;
@@ -2541,17 +2558,17 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-notice.is-success {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-success-weak, #ebffed);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-success, #8ac894);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-success, #94d29e);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-success, #002900);
 }
 .components-notice.is-warning {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-warning-weak, #fff7e1);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-warning, #d0b481);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-warning, #e1bc7c);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-warning, #2e1900);
 }
 .components-notice.is-error {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-error-weak, #fff6f5);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-error, #daa39b);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-error, #dab1aa);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-error, #470000);
 }
@@ -2851,6 +2868,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
+.components-placeholder__input[type=url]::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-placeholder__input[type=url]::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -2988,6 +3008,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
   border-radius: 4px;
   box-sizing: border-box;
+  width: -moz-min-content;
   width: min-content;
 }
 .is-alternate .components-popover__content {
@@ -3094,7 +3115,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-rows: auto minmax(0, max-content);
-  column-gap: 8px;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
   align-items: center;
 }
@@ -3154,7 +3176,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: inline-flex;
   margin: 0;
   padding: 0;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
 .components-radio-control__input[type=radio]:not(:disabled) {
   cursor: var(--wpds-cursor-control, pointer);
@@ -3415,6 +3439,7 @@ body.lockscroll {
 }
 @media (min-width: 600px) {
   .components-snackbar {
+    width: -moz-fit-content;
     width: fit-content;
   }
 }
@@ -3651,6 +3676,9 @@ 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::-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::placeholder,
 .components-text-control__input[type=text]::placeholder,
 .components-text-control__input[type=tel]::placeholder,
@@ -3683,6 +3711,9 @@ body.lockscroll {
 .components-text-control__input[type=number] {
   border-color: var(--wp-components-color-gray-600, #949494);
 }
+.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, #1e1e1e), transparent 38%);
+}
 .components-text-control__input::placeholder,
 .components-text-control__input[type=text]::placeholder,
 .components-text-control__input[type=tel]::placeholder,
@@ -3932,7 +3963,7 @@ div.components-toolbar > div + div.has-left-divider::before {
 .components-tooltip {
   background: #000;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  border-radius: 2px;
+  border-radius: var(--wpds-border-radius-md, 4px);
   color: #f0f0f0;
   text-align: center;
   line-height: 1.4;

package/build-style/style.css CHANGED Viewed

@@ -266,7 +266,9 @@
   margin: 0;
   border: 0;
   cursor: var(--wpds-cursor-control, pointer);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background: none;
 }
 @media not (prefers-reduced-motion) {
@@ -655,7 +657,9 @@ p + .components-button.is-tertiary {
   padding: 0;
   margin: 0;
   cursor: var(--wpds-cursor-control, pointer);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -701,6 +705,7 @@ p + .components-button.is-tertiary {
   justify-content: center;
   flex-wrap: wrap;
   gap: 16px;
+  max-width: -moz-fit-content;
   max-width: fit-content;
 }
@@ -975,6 +980,9 @@ p + .components-button.is-tertiary {
   box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
+.components-checkbox-control__input[type=checkbox]::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-checkbox-control__input[type=checkbox]::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -1036,7 +1044,9 @@ p + .components-button.is-tertiary {
   vertical-align: top;
   width: var(--checkbox-input-size);
   height: var(--checkbox-input-size);
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
 @media not (prefers-reduced-motion) {
   .components-checkbox-control__input[type=checkbox] {
@@ -1082,6 +1092,7 @@ svg.components-checkbox-control__indeterminate {
   width: var(--checkmark-size);
   height: var(--checkmark-size);
   -webkit-user-select: none;
+     -moz-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -1310,6 +1321,9 @@ input.components-combobox-control__input[type=text]:focus {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
+.components-combobox-control__suggestions-container::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-combobox-control__suggestions-container::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -1858,6 +1872,9 @@ input.components-combobox-control__input[type=text]:focus {
   box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
 }
+.components-form-token-field__input-container::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-form-token-field__input-container::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -2529,7 +2546,7 @@ input.components-combobox-control__input[type=text]:focus {
 .components-notice {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-info-weak, #f3f9ff);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-info, #9fbcdc);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-info, #a9c6e7);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-info, #001b4f);
   box-sizing: border-box;
   display: grid;
@@ -2546,17 +2563,17 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-notice.is-success {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-success-weak, #ebffed);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-success, #8ac894);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-success, #94d29e);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-success, #002900);
 }
 .components-notice.is-warning {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-warning-weak, #fff7e1);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-warning, #d0b481);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-warning, #e1bc7c);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-warning, #2e1900);
 }
 .components-notice.is-error {
   --wp-components-notice-background-color: var(--wpds-color-bg-surface-error-weak, #fff6f5);
-  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-error, #daa39b);
+  --wp-components-notice-border-color: var(--wpds-color-stroke-surface-error, #dab1aa);
   --wp-components-notice-text-color: var(--wpds-color-fg-content-error, #470000);
 }
@@ -2858,6 +2875,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
+.components-placeholder__input[type=url]::-moz-placeholder {
+  color: rgba(30, 30, 30, 0.62);
+}
 .components-placeholder__input[type=url]::placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
@@ -2995,6 +3015,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
   border-radius: 4px;
   box-sizing: border-box;
+  width: -moz-min-content;
   width: min-content;
 }
 .is-alternate .components-popover__content {
@@ -3103,7 +3124,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-rows: auto minmax(0, max-content);
-  column-gap: 8px;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
   align-items: center;
 }
@@ -3163,7 +3185,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: inline-flex;
   margin: 0;
   padding: 0;
-  appearance: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
 .components-radio-control__input[type=radio]:not(:disabled) {
   cursor: var(--wpds-cursor-control, pointer);
@@ -3427,6 +3451,7 @@ body.lockscroll {
 }
 @media (min-width: 600px) {
   .components-snackbar {
+    width: -moz-fit-content;
     width: fit-content;
   }
 }
@@ -3663,6 +3688,9 @@ 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::-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::placeholder,
 .components-text-control__input[type=text]::placeholder,
 .components-text-control__input[type=tel]::placeholder,
@@ -3695,6 +3723,9 @@ body.lockscroll {
 .components-text-control__input[type=number] {
   border-color: var(--wp-components-color-gray-600, #949494);
 }
+.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, #1e1e1e), transparent 38%);
+}
 .components-text-control__input::placeholder,
 .components-text-control__input[type=text]::placeholder,
 .components-text-control__input[type=tel]::placeholder,
@@ -3945,7 +3976,7 @@ div.components-toolbar > div + div.has-left-divider::before {
 .components-tooltip {
   background: #000;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  border-radius: 2px;
+  border-radius: var(--wpds-border-radius-md, 4px);
   color: #f0f0f0;
   text-align: center;
   line-height: 1.4;

package/build-types/border-box-control/border-box-control/hook.d.ts CHANGED Viewed

@@ -22,17 +22,17 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -153,8 +153,6 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -163,16 +161,8 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: ("false" | "true" | boolean) | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -272,10 +262,6 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;

package/build-types/border-box-control/border-box-control/hook.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAK7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAyCzB,MAAM;+BAuC/B,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;EA2CjB"}
1	+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAK7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAyCzB,MAAM;+BAuC/B,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;EA2CjB"}

package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts CHANGED Viewed

@@ -21,18 +21,18 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -152,8 +152,6 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -162,16 +160,8 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: ("false" | "true" | boolean) | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -271,17 +261,13 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
     disabled?: boolean | undefined;
     form?: string | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;

package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,wBAAgB,+BAA+B,CAC9C,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe7D"}
1	+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,wBAAgB,+BAA+B,CAC9C,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe7D"}

package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts CHANGED Viewed

@@ -21,17 +21,17 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -152,8 +152,6 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -162,16 +160,8 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: ("false" | "true" | boolean) | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -271,10 +261,6 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;

package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wBAAgB,gCAAgC,CAC/C,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqC3D"}
1	+ {"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-split-controls/hook.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,wBAAgB,gCAAgC,CAC/C,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqC3D"}